function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }

function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }

function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }

function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }

function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }

function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }

function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }

function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }

function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }

function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }

function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }

function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }

function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }

function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }

function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }

function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }

function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }

function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }

(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["main"], {
  /***/
  "./$$_lazy_route_resource lazy recursive":
  /*!******************************************************!*\
    !*** ./$$_lazy_route_resource lazy namespace object ***!
    \******************************************************/

  /*! no static exports found */

  /***/
  function $$_lazy_route_resourceLazyRecursive(module, exports) {
    function webpackEmptyAsyncContext(req) {
      // Here Promise.resolve().then() is used instead of new Promise() to prevent
      // uncaught exception popping up in devtools
      return Promise.resolve().then(function () {
        var e = new Error("Cannot find module '" + req + "'");
        e.code = 'MODULE_NOT_FOUND';
        throw e;
      });
    }

    webpackEmptyAsyncContext.keys = function () {
      return [];
    };

    webpackEmptyAsyncContext.resolve = webpackEmptyAsyncContext;
    module.exports = webpackEmptyAsyncContext;
    webpackEmptyAsyncContext.id = "./$$_lazy_route_resource lazy recursive";
    /***/
  },

  /***/
  "./src/app/MyError.ts":
  /*!****************************!*\
    !*** ./src/app/MyError.ts ***!
    \****************************/

  /*! exports provided: MyErrorHandler */

  /***/
  function srcAppMyErrorTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "MyErrorHandler", function () {
      return MyErrorHandler;
    });

    var MyErrorHandler =
    /*#__PURE__*/
    function () {
      function MyErrorHandler() {
        _classCallCheck(this, MyErrorHandler);
      }

      _createClass(MyErrorHandler, [{
        key: "handleError",
        value: function handleError(error) {
          console.log(error.stack);
          window.courseware.sendErrorLog(error);
        }
      }]);

      return MyErrorHandler;
    }();
    /***/

  },

  /***/
  "./src/app/app.component.ts":
  /*!**********************************!*\
    !*** ./src/app/app.component.ts ***!
    \**********************************/

  /*! exports provided: AppComponent */

  /***/
  function srcAppAppComponentTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "AppComponent", function () {
      return AppComponent;
    });
    /* harmony import */


    var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! @angular/core */
    "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
    /* harmony import */


    var _angular_common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
    /*! @angular/common */
    "./node_modules/@angular/common/__ivy_ngcc__/fesm2015/common.js");
    /* harmony import */


    var _form_form_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
    /*! ./form/form.component */
    "./src/app/form/form.component.ts");
    /* harmony import */


    var _play_play_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
    /*! ./play/play.component */
    "./src/app/play/play.component.ts");

    function AppComponent_app_form_0_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "app-form");
      }
    }

    function AppComponent_app_play_1_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "app-play");
      }
    }

    var AppComponent =
    /*@__PURE__*/
    function () {
      var AppComponent =
      /*#__PURE__*/
      function () {
        function AppComponent() {
          _classCallCheck(this, AppComponent);

          this.type = 'play';
          var tp = this.getQueryString('type');

          if (tp) {
            this.type = tp;
          }
        }

        _createClass(AppComponent, [{
          key: "ngOnInit",
          value: function ngOnInit() {}
        }, {
          key: "getQueryString",
          value: function getQueryString(name) {
            var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
            var r = window.location.search.substr(1).match(reg);

            if (r != null) {
              return unescape(r[2]);
            }

            return null;
          }
        }]);

        return AppComponent;
      }();

      AppComponent.ɵfac = function AppComponent_Factory(t) {
        return new (t || AppComponent)();
      };

      AppComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineComponent"]({
        type: AppComponent,
        selectors: [["app-root"]],
        decls: 2,
        vars: 2,
        consts: [[4, "ngIf"]],
        template: function AppComponent_Template(rf, ctx) {
          if (rf & 1) {
            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](0, AppComponent_app_form_0_Template, 1, 0, "app-form", 0);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](1, AppComponent_app_play_1_Template, 1, 0, "app-play", 0);
          }

          if (rf & 2) {
            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.type === "form");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.type === "play");
          }
        },
        directives: [_angular_common__WEBPACK_IMPORTED_MODULE_1__["NgIf"], _form_form_component__WEBPACK_IMPORTED_MODULE_2__["FormComponent"], _play_play_component__WEBPACK_IMPORTED_MODULE_3__["PlayComponent"]],
        styles: ["\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2FwcC5jb21wb25lbnQuc2NzcyJ9 */"]
      });
      return AppComponent;
    }();
    /***/

  },

  /***/
  "./src/app/app.module.ts":
  /*!*******************************!*\
    !*** ./src/app/app.module.ts ***!
    \*******************************/

  /*! exports provided: AppModule */

  /***/
  function srcAppAppModuleTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "AppModule", function () {
      return AppModule;
    });
    /* harmony import */


    var _angular_platform_browser__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! @angular/platform-browser */
    "./node_modules/@angular/platform-browser/__ivy_ngcc__/fesm2015/platform-browser.js");
    /* harmony import */


    var _angular_cdk_drag_drop__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
    /*! @angular/cdk/drag-drop */
    "./node_modules/@angular/cdk/__ivy_ngcc__/esm2015/drag-drop.js");
    /* harmony import */


    var _angular_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
    /*! @angular/core */
    "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
    /* harmony import */


    var _MyError__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
    /*! ./MyError */
    "./src/app/MyError.ts");
    /* harmony import */


    var _app_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(
    /*! ./app.component */
    "./src/app/app.component.ts");
    /* harmony import */


    var ng_zorro_antd__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(
    /*! ng-zorro-antd */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd.js");
    /* harmony import */


    var _angular_forms__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(
    /*! @angular/forms */
    "./node_modules/@angular/forms/__ivy_ngcc__/fesm2015/forms.js");
    /* harmony import */


    var _angular_common_http__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(
    /*! @angular/common/http */
    "./node_modules/@angular/common/__ivy_ngcc__/fesm2015/http.js");
    /* harmony import */


    var _angular_platform_browser_animations__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(
    /*! @angular/platform-browser/animations */
    "./node_modules/@angular/platform-browser/__ivy_ngcc__/fesm2015/animations.js");
    /* harmony import */


    var _angular_common__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(
    /*! @angular/common */
    "./node_modules/@angular/common/__ivy_ngcc__/fesm2015/common.js");
    /* harmony import */


    var _angular_common_locales_zh__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(
    /*! @angular/common/locales/zh */
    "./node_modules/@angular/common/locales/zh.js");
    /* harmony import */


    var _angular_common_locales_zh__WEBPACK_IMPORTED_MODULE_10___default =
    /*#__PURE__*/
    __webpack_require__.n(_angular_common_locales_zh__WEBPACK_IMPORTED_MODULE_10__);
    /* harmony import */


    var _form_form_component__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(
    /*! ./form/form.component */
    "./src/app/form/form.component.ts");
    /* harmony import */


    var _play_play_component__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(
    /*! ./play/play.component */
    "./src/app/play/play.component.ts");
    /* harmony import */


    var _common_lesson_title_config_lesson_title_config_component__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(
    /*! ./common/lesson-title-config/lesson-title-config.component */
    "./src/app/common/lesson-title-config/lesson-title-config.component.ts");
    /* harmony import */


    var _pipes_background_image_pipe__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(
    /*! ./pipes/background-image.pipe */
    "./src/app/pipes/background-image.pipe.ts");
    /* harmony import */


    var _common_upload_image_with_preview_upload_image_with_preview_component__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(
    /*! ./common/upload-image-with-preview/upload-image-with-preview.component */
    "./src/app/common/upload-image-with-preview/upload-image-with-preview.component.ts");
    /* harmony import */


    var _common_player_content_wrapper_player_content_wrapper_component__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(
    /*! ./common/player-content-wrapper/player-content-wrapper.component */
    "./src/app/common/player-content-wrapper/player-content-wrapper.component.ts");
    /* harmony import */


    var _common_custom_hot_zone_custom_hot_zone_component__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(
    /*! ./common/custom-hot-zone/custom-hot-zone.component */
    "./src/app/common/custom-hot-zone/custom-hot-zone.component.ts");
    /* harmony import */


    var _common_upload_video_upload_video_component__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(
    /*! ./common/upload-video/upload-video.component */
    "./src/app/common/upload-video/upload-video.component.ts");
    /* harmony import */


    var _pipes_time_pipe__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(
    /*! ./pipes/time.pipe */
    "./src/app/pipes/time.pipe.ts");
    /* harmony import */


    var _pipes_resource_pipe__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(
    /*! ./pipes/resource.pipe */
    "./src/app/pipes/resource.pipe.ts");
    /* harmony import */


    var _common_audio_recorder_audio_recorder_component__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(
    /*! ./common/audio-recorder/audio-recorder.component */
    "./src/app/common/audio-recorder/audio-recorder.component.ts");
    /* harmony import */


    var _fortawesome_angular_fontawesome__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(
    /*! @fortawesome/angular-fontawesome */
    "./node_modules/@fortawesome/angular-fontawesome/__ivy_ngcc__/fesm2015/angular-fontawesome.js");
    /* harmony import */


    var _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(
    /*! @fortawesome/free-solid-svg-icons */
    "./node_modules/@fortawesome/free-solid-svg-icons/index.es.js");
    /* harmony import */


    var _fortawesome_free_regular_svg_icons__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(
    /*! @fortawesome/free-regular-svg-icons */
    "./node_modules/@fortawesome/free-regular-svg-icons/index.es.js");
    /* harmony import */


    var _common_custom_action_custom_action_component__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(
    /*! ./common/custom-action/custom-action.component */
    "./src/app/common/custom-action/custom-action.component.ts");
    /* harmony import */


    var _common_upload_dragon_bone_upload_dragon_bone_component__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(
    /*! ./common/upload-dragon-bone/upload-dragon-bone.component */
    "./src/app/common/upload-dragon-bone/upload-dragon-bone.component.ts");
    /* harmony import */


    var _common_sub_template_sub_template_component__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(
    /*! ./common/sub-template/sub-template.component */
    "./src/app/common/sub-template/sub-template.component.ts");
    /* harmony import */


    var _common_formula_input_formula_input_component__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(
    /*! ./common/formula-input/formula-input.component */
    "./src/app/common/formula-input/formula-input.component.ts");
    /* harmony import */


    var _common_mult_rect_mult_rect_component__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(
    /*! ./common/mult-rect/mult-rect.component */
    "./src/app/common/mult-rect/mult-rect.component.ts");

    Object(_angular_common__WEBPACK_IMPORTED_MODULE_9__["registerLocaleData"])(_angular_common_locales_zh__WEBPACK_IMPORTED_MODULE_10___default.a);

    var AppModule =
    /*@__PURE__*/
    function () {
      var AppModule =
      /*#__PURE__*/
      _createClass(function AppModule(library) {
        _classCallCheck(this, AppModule);

        library.addIconPacks(_fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_23__["fas"], _fortawesome_free_regular_svg_icons__WEBPACK_IMPORTED_MODULE_24__["far"]);
      });

      AppModule.ɵmod = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵdefineNgModule"]({
        type: AppModule,
        bootstrap: [_app_component__WEBPACK_IMPORTED_MODULE_4__["AppComponent"]]
      });
      AppModule.ɵinj = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵdefineInjector"]({
        factory: function AppModule_Factory(t) {
          return new (t || AppModule)(_angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵinject"](_fortawesome_angular_fontawesome__WEBPACK_IMPORTED_MODULE_22__["FaIconLibrary"]));
        },
        providers: [{
          provide: _angular_core__WEBPACK_IMPORTED_MODULE_2__["ErrorHandler"],
          useClass: _MyError__WEBPACK_IMPORTED_MODULE_3__["MyErrorHandler"]
        }, {
          provide: ng_zorro_antd__WEBPACK_IMPORTED_MODULE_5__["NZ_I18N"],
          useValue: ng_zorro_antd__WEBPACK_IMPORTED_MODULE_5__["zh_CN"]
        }],
        imports: [[_angular_platform_browser__WEBPACK_IMPORTED_MODULE_0__["BrowserModule"], ng_zorro_antd__WEBPACK_IMPORTED_MODULE_5__["NgZorroAntdModule"], _angular_forms__WEBPACK_IMPORTED_MODULE_6__["FormsModule"], _angular_common_http__WEBPACK_IMPORTED_MODULE_7__["HttpClientModule"], _angular_platform_browser_animations__WEBPACK_IMPORTED_MODULE_8__["BrowserAnimationsModule"], _fortawesome_angular_fontawesome__WEBPACK_IMPORTED_MODULE_22__["FontAwesomeModule"], _angular_cdk_drag_drop__WEBPACK_IMPORTED_MODULE_1__["DragDropModule"]]]
      });
      return AppModule;
    }();

    (function () {
      (typeof ngJitMode === "undefined" || ngJitMode) && _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵsetNgModuleScope"](AppModule, {
        declarations: [_app_component__WEBPACK_IMPORTED_MODULE_4__["AppComponent"], _form_form_component__WEBPACK_IMPORTED_MODULE_11__["FormComponent"], _play_play_component__WEBPACK_IMPORTED_MODULE_12__["PlayComponent"], _common_lesson_title_config_lesson_title_config_component__WEBPACK_IMPORTED_MODULE_13__["LessonTitleConfigComponent"], _common_audio_recorder_audio_recorder_component__WEBPACK_IMPORTED_MODULE_21__["AudioRecorderComponent"], _common_upload_image_with_preview_upload_image_with_preview_component__WEBPACK_IMPORTED_MODULE_15__["UploadImageWithPreviewComponent"], _pipes_background_image_pipe__WEBPACK_IMPORTED_MODULE_14__["BackgroundImagePipe"], _pipes_resource_pipe__WEBPACK_IMPORTED_MODULE_20__["ResourcePipe"], _pipes_time_pipe__WEBPACK_IMPORTED_MODULE_19__["TimePipe"], _common_upload_video_upload_video_component__WEBPACK_IMPORTED_MODULE_18__["UploadVideoComponent"], _common_custom_hot_zone_custom_hot_zone_component__WEBPACK_IMPORTED_MODULE_17__["CustomHotZoneComponent"], _common_sub_template_sub_template_component__WEBPACK_IMPORTED_MODULE_27__["SubTemplateComponent"], _common_player_content_wrapper_player_content_wrapper_component__WEBPACK_IMPORTED_MODULE_16__["PlayerContentWrapperComponent"], _common_custom_action_custom_action_component__WEBPACK_IMPORTED_MODULE_25__["CustomActionComponent"], _common_upload_dragon_bone_upload_dragon_bone_component__WEBPACK_IMPORTED_MODULE_26__["UploadDragonBoneComponent"], _common_formula_input_formula_input_component__WEBPACK_IMPORTED_MODULE_28__["FormulaInputComponent"], _common_mult_rect_mult_rect_component__WEBPACK_IMPORTED_MODULE_29__["MultRectComponent"]],
        imports: [_angular_platform_browser__WEBPACK_IMPORTED_MODULE_0__["BrowserModule"], ng_zorro_antd__WEBPACK_IMPORTED_MODULE_5__["NgZorroAntdModule"], _angular_forms__WEBPACK_IMPORTED_MODULE_6__["FormsModule"], _angular_common_http__WEBPACK_IMPORTED_MODULE_7__["HttpClientModule"], _angular_platform_browser_animations__WEBPACK_IMPORTED_MODULE_8__["BrowserAnimationsModule"], _fortawesome_angular_fontawesome__WEBPACK_IMPORTED_MODULE_22__["FontAwesomeModule"], _angular_cdk_drag_drop__WEBPACK_IMPORTED_MODULE_1__["DragDropModule"]]
      });
    })();
    /***/

  },

  /***/
  "./src/app/common/audio-recorder/audio-recorder.component.ts":
  /*!*******************************************************************!*\
    !*** ./src/app/common/audio-recorder/audio-recorder.component.ts ***!
    \*******************************************************************/

  /*! exports provided: AudioRecorderComponent */

  /***/
  function srcAppCommonAudioRecorderAudioRecorderComponentTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "AudioRecorderComponent", function () {
      return AudioRecorderComponent;
    });
    /* harmony import */


    var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! @angular/core */
    "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
    /* harmony import */


    var ng_zorro_antd__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
    /*! ng-zorro-antd */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd.js");
    /* harmony import */


    var _angular_common__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
    /*! @angular/common */
    "./node_modules/@angular/common/__ivy_ngcc__/fesm2015/common.js");
    /* harmony import */


    var ng_zorro_antd_upload__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
    /*! ng-zorro-antd/upload */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-upload.js");
    /* harmony import */


    var _fortawesome_angular_fontawesome__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(
    /*! @fortawesome/angular-fontawesome */
    "./node_modules/@fortawesome/angular-fontawesome/__ivy_ngcc__/fesm2015/angular-fontawesome.js");
    /* harmony import */


    var ng_zorro_antd_icon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(
    /*! ng-zorro-antd/icon */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-icon.js");
    /* harmony import */


    var ng_zorro_antd_progress__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(
    /*! ng-zorro-antd/progress */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-progress.js");

    function AudioRecorderComponent_div_2_Template(rf, ctx) {
      if (rf & 1) {
        var _r479 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 11);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function AudioRecorderComponent_div_2_Template_div_click_0_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r479);

          var ctx_r478 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r478.onBtnClearAudio();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](1, "fa-icon", 12);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }
    }

    function AudioRecorderComponent_div_3_Template(rf, ctx) {
      if (rf & 1) {
        var _r481 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 13);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function AudioRecorderComponent_div_3_Template_div_click_0_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r481);

          var ctx_r480 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r480.onBtnRecord();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](1, "fa-icon", 14);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2, " Record Audio ");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var ctx_r469 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵclassProp"]("p-recording", ctx_r469.isRecording);
      }
    }

    var _c0 = function _c0(a0) {
      return {
        "has-clear": a0
      };
    };

    function AudioRecorderComponent_div_5_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 15);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](1, "fa-icon", 16);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2, " Upload Audio ");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var ctx_r470 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction1"](1, _c0, ctx_r470.withRmBtn && (ctx_r470.audioUrl || ctx_r470.audioBlob)));
      }
    }

    function AudioRecorderComponent_div_6_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 17);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](1, "div", 18);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "div", 19);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](3, "fa-icon", 20);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](4, " Uploading... ");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var ctx_r471 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵstyleProp"]("width", ctx_r471.progress + "%");
      }
    }

    function AudioRecorderComponent_div_7_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "div");
      }
    }

    function AudioRecorderComponent_ng_template_8_Template(rf, ctx) {
      if (rf & 1) {
        var _r483 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 21);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function AudioRecorderComponent_ng_template_8_Template_div_click_0_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r483);

          var ctx_r482 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r482.onBtnDeleteAudio();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](1, "i", 22);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }
    }

    function AudioRecorderComponent_ng_template_10_Template(rf, ctx) {
      if (rf & 1) {
        var _r485 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 23);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function AudioRecorderComponent_ng_template_10_Template_div_click_0_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r485);

          var ctx_r484 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r484.onBtnSwitchType();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](1, "fa-icon", 24);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }
    }

    function AudioRecorderComponent_div_12_Template(rf, ctx) {
      if (rf & 1) {
        var _r487 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 25);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function AudioRecorderComponent_div_12_Template_div_click_0_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r487);

          var ctx_r486 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r486.onBtnPlay();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](1, "nz-progress", 26);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "div", 27);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](3, "fa-icon", 28);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var ctx_r477 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzPercent", ctx_r477.percent)("nzWidth", 30)("nzFormat", ctx_r477.progressText);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵstyleProp"]("left", ctx_r477.isPlaying ? "8px" : "");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("icon", ctx_r477.playIcon);
      }
    }

    var AudioRecorderComponent =
    /*@__PURE__*/
    function () {
      var AudioRecorderComponent =
      /*#__PURE__*/
      function () {
        function AudioRecorderComponent(nzMessageService) {
          var _this = this;

          _classCallCheck(this, AudioRecorderComponent);

          this.nzMessageService = nzMessageService;
          this.audio = new Audio();
          this.playIcon = 'play';
          this.isPlaying = false;
          this.isRecording = false;
          this.isUploading = false;
          this.type = Type.UPLOAD; // record | upload

          this.Type = Type;
          this.withRmBtn = false;
          this.needRemove = true;
          this.audioItem = null;
          this.audioUploaded = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
          this.audioUploadFailure = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
          this.audioRemoved = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
          this.percent = 0;
          this.progress = 0; // 开始录音

          this.onBtnRecord = function () {};

          this.beforeUpload = function (file) {
            _this.audioUrl = null;

            if (!_this.checkSelectFile(file)) {
              return false;
            }

            _this.isUploading = true;
            _this.progress = 0;
          };

          this.uploadSuccess = function (url) {
            _this.nzMessageService.info('Upload Success');

            _this.isUploading = false;
            _this.audioUrl = url;
          };

          this.uploadFailure = function (err, file) {
            _this.isUploading = false;

            if (err.name && err.name === 'cancel') {
              return;
            }

            console.log(err);

            _this.nzMessageService.error('Upload Error ' + err.message);

            _this.audioUploadFailure.emit(file);
          };

          this.doProgress = function (p) {
            if (p > 1) {
              p = 1;
            }

            if (p < 0) {
              p = 0;
            } // console.log(Math.floor(p * 100));


            _this.progress = Math.floor(p * 100);
          };

          this.uploadUrl = window.courseware.uploadUrl();
          this.uploadData = window.courseware.uploadData();

          window['air'].getUploadCallback = function (url, data) {
            _this.uploadUrl = url;
            _this.uploadData = data;
          };

          this.setUploadUrl();
        }

        _createClass(AudioRecorderComponent, [{
          key: "audioUrl",
          get: function get() {
            return this._audioUrl;
          },
          set: function set(url) {
            this._audioUrl = url;

            if (url) {
              this.audio.src = this._audioUrl;
              this.audio.load();
            }

            this.init();
          }
        }, {
          key: "setUploadUrl",
          value: function setUploadUrl() {
            var _this2 = this;

            if (!this.uploadUrl) {
              this.uploadUrl = window.courseware.uploadUrl();
              this.uploadData = window.courseware.uploadData();
              setTimeout(function () {
                _this2.setUploadUrl();
              }, 500);
            }
          }
        }, {
          key: "init",
          value: function init() {
            this.playIcon = 'play';
            this.isPlaying = false;
            this.isRecording = false;
            this.isUploading = false;
            this.percent = 0;
            this.progress = 0;
            this.audioBlob = null;
          }
        }, {
          key: "ngOnChanges",
          value: function ngOnChanges() {// if (!this.audioItem || !this.audioItem.type) {
            //   return;
            // }
            // this.beforeUpload(this.audioItem);
          }
        }, {
          key: "ngOnInit",
          value: function ngOnInit() {
            var _this3 = this;

            this.audio.onplay = function () {
              _this3.onPlay();
            };

            this.audio.onpause = function () {
              _this3.onPause();
            };

            this.audio.ontimeupdate = function (event) {
              _this3.onTimeUpdate(event);
            };

            this.audio.onended = function (event) {
              _this3.onEnded();
            };
          }
        }, {
          key: "ngOnDestroy",
          value: function ngOnDestroy() {
            this.audio.pause();
            this.isPlaying = false;
            this.audio.remove(); // if (this.recorder.worker) {
            //   this.recorder.worker.terminate();
            // }
          }
        }, {
          key: "progressText",
          value: function progressText(percent) {
            return "";
          }
        }, {
          key: "onPlay",
          value: function onPlay() {
            console.log('play');
            this.playIcon = 'pause';
            this.isPlaying = true;
          }
        }, {
          key: "onPause",
          value: function onPause() {
            console.log('pause');
            this.playIcon = 'play';
            this.isPlaying = false;
          }
        }, {
          key: "onEnded",
          value: function onEnded() {
            console.log('on end');
            this.playIcon = 'play';
            this.percent = 0;
            this.isPlaying = false;
          }
        }, {
          key: "onTimeUpdate",
          value: function onTimeUpdate(event) {
            this.percent = Math.floor(this.audio.currentTime / this.audio.duration * 100);
          }
        }, {
          key: "onBtnPlay",
          value: function onBtnPlay() {
            if (this.isRecording) {
              this.nzMessageService.warning('In Recording');
              return;
            }

            if (this.isPlaying) {
              this.audio.pause();
            } else {
              this.audio.play();
            }
          } // 切换模式

        }, {
          key: "onBtnSwitchType",
          value: function onBtnSwitchType() {}
        }, {
          key: "onBtnClearAudio",
          value: function onBtnClearAudio() {
            this.audioUrl = null;
            this.audioRemoved.emit();
          }
        }, {
          key: "onBtnDeleteAudio",
          value: function onBtnDeleteAudio() {
            this.audioUrl = null;
            this.audioUploaded.emit({});
            this.audioRemoved.emit();
          }
        }, {
          key: "handleChange",
          value: function handleChange(info) {
            switch (info.type) {
              case 'start':
                this.isUploading = true;
                this.progress = 0;
                break;

              case 'success':
                this.isUploading = false;
                this.uploadSuccess(info.file.response);
                this.audioUploaded.emit(info.file.response);
                break;

              case 'progress':
                this.progress = parseInt(info.event.percent, 10);
                break;
            }
          }
        }, {
          key: "checkSelectFile",
          value: function checkSelectFile(file) {
            if (!file) {
              return;
            }

            var isAudio = ['audio/mp3', 'audio/wav', 'audio/ogg'].includes(file.type);

            if (!isAudio) {
              this.nzMessageService.error('You can only upload Audio file ( mp3 | wav |ogg)');
              return;
            }

            var delta = 25;
            var isOverSize = file.size / 1024 / 1024 < delta;

            if (!isOverSize) {
              this.nzMessageService.error("audio file  must smaller than ".concat(delta, "MB!"));
              return false;
            }

            return true;
          }
        }]);

        return AudioRecorderComponent;
      }();

      AudioRecorderComponent.ɵfac = function AudioRecorderComponent_Factory(t) {
        return new (t || AudioRecorderComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](ng_zorro_antd__WEBPACK_IMPORTED_MODULE_1__["NzMessageService"]));
      };

      AudioRecorderComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineComponent"]({
        type: AudioRecorderComponent,
        selectors: [["app-audio-recorder"]],
        inputs: {
          withRmBtn: "withRmBtn",
          needRemove: "needRemove",
          audioItem: "audioItem",
          audioUrl: "audioUrl"
        },
        outputs: {
          audioUploaded: "audioUploaded",
          audioUploadFailure: "audioUploadFailure",
          audioRemoved: "audioRemoved"
        },
        features: [_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵNgOnChangesFeature"]],
        decls: 13,
        vars: 12,
        consts: [[1, "d-flex"], [1, "p-btn-record", "d-flex"], ["class", "btn-clear", "style", "cursor: pointer", 3, "click", 4, "ngIf"], ["class", "btn-record", 3, "p-recording", "click", 4, "ngIf"], [3, "nzAccept", "nzShowUploadList", "nzAction", "nzData", "nzChange"], ["class", "btn-upload", 3, "ngClass", 4, "ngIf"], ["class", "p-upload-progress-bg", 4, "ngIf"], [4, "ngIf", "ngIfThen", "ngIfElse"], ["truthyTemplate", ""], ["falsyTemplate", ""], ["class", "p-progress ml-2", 3, "click", 4, "ngIf"], [1, "btn-clear", 2, "cursor", "pointer", 3, "click"], ["icon", "times"], [1, "btn-record", 3, "click"], ["icon", "microphone"], [1, "btn-upload", 3, "ngClass"], ["icon", "upload"], [1, "p-upload-progress-bg"], [1, "i-bg"], [1, "i-text"], ["icon", "cloud-upload-alt"], [1, "btn-delete", 3, "click"], ["nz-icon", "", "nzType", "close", "nzTheme", "outline"], [1, "btn-switch", 3, "click"], ["icon", "cog"], [1, "p-progress", "ml-2", 3, "click"], ["nzType", "circle", 3, "nzPercent", "nzWidth", "nzFormat"], [1, "p-btn-play"], [3, "icon"]],
        template: function AudioRecorderComponent_Template(rf, ctx) {
          if (rf & 1) {
            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 0);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div", 1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](2, AudioRecorderComponent_div_2_Template, 2, 0, "div", 2);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](3, AudioRecorderComponent_div_3_Template, 3, 2, "div", 3);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "nz-upload", 4);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("nzChange", function AudioRecorderComponent_Template_nz_upload_nzChange_4_listener($event) {
              return ctx.handleChange($event);
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](5, AudioRecorderComponent_div_5_Template, 3, 3, "div", 5);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](6, AudioRecorderComponent_div_6_Template, 5, 2, "div", 6);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](7, AudioRecorderComponent_div_7_Template, 1, 0, "div", 7);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](8, AudioRecorderComponent_ng_template_8_Template, 2, 0, "ng-template", null, 8, _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplateRefExtractor"]);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](10, AudioRecorderComponent_ng_template_10_Template, 2, 0, "ng-template", null, 9, _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplateRefExtractor"]);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](12, AudioRecorderComponent_div_12_Template, 4, 6, "div", 10);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
          }

          if (rf & 2) {
            var _r473 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵreference"](9);

            var _r475 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵreference"](11);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.withRmBtn && (ctx.audioUrl || ctx.audioBlob));

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.type === ctx.Type.RECORD && !ctx.isUploading);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzAccept", ".mp3")("nzShowUploadList", false)("nzAction", ctx.uploadUrl)("nzData", ctx.uploadData);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.type === ctx.Type.UPLOAD && !ctx.isUploading);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.isUploading);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.audioUrl && ctx.needRemove)("ngIfThen", _r473)("ngIfElse", _r475);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](5);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.audioUrl || ctx.audioBlob);
          }
        },
        directives: [_angular_common__WEBPACK_IMPORTED_MODULE_2__["NgIf"], ng_zorro_antd_upload__WEBPACK_IMPORTED_MODULE_3__["NzUploadComponent"], _fortawesome_angular_fontawesome__WEBPACK_IMPORTED_MODULE_4__["FaIconComponent"], _angular_common__WEBPACK_IMPORTED_MODULE_2__["NgClass"], ng_zorro_antd_icon__WEBPACK_IMPORTED_MODULE_5__["NzIconDirective"], ng_zorro_antd_progress__WEBPACK_IMPORTED_MODULE_6__["NzProgressComponent"]],
        styles: [".d-flex[_ngcontent-%COMP%] {\n  display: flex;\n}\n\n.p-btn-record[_ngcontent-%COMP%] {\n  font-size: 0.9rem;\n  color: #555;\n  font-family: \"Monospaced Number\", \"Chinese Quote\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n}\n\n.p-btn-record[_ngcontent-%COMP%]   .btn-record[_ngcontent-%COMP%], .p-btn-record[_ngcontent-%COMP%]   .btn-upload[_ngcontent-%COMP%] {\n  cursor: pointer;\n  text-align: center;\n  width: 130px;\n  height: 33px;\n  line-height: 33px;\n  border-radius: 0.5rem 0 0 0.5rem;\n  border: 1px solid #ddd;\n  border-right: 0.5px;\n}\n\n.p-btn-record[_ngcontent-%COMP%]   .btn-record[_ngcontent-%COMP%]:hover, .p-btn-record[_ngcontent-%COMP%]   .btn-upload[_ngcontent-%COMP%]:hover {\n  color: #40a9ff;\n}\n\n.p-btn-record[_ngcontent-%COMP%]   .btn-record.has-clear[_ngcontent-%COMP%], .p-btn-record[_ngcontent-%COMP%]   .btn-upload.has-clear[_ngcontent-%COMP%] {\n  border-radius: 0;\n  border-left: 0;\n}\n\n.p-btn-record[_ngcontent-%COMP%]   .btn-clear[_ngcontent-%COMP%] {\n  text-align: center;\n  color: #aaa;\n  padding: 0 0.5rem;\n  border: 1px solid #ddd;\n  border-radius: 0.5rem 0 0 0.5rem;\n  height: 33px;\n  line-height: 33px;\n}\n\n.p-btn-record[_ngcontent-%COMP%]   .btn-switch[_ngcontent-%COMP%] {\n  text-align: center;\n  color: #aaa;\n  padding: 0 0.5rem;\n  border: 1px solid #ddd;\n  border-radius: 0 0.5rem 0.5rem 0;\n  height: 33px;\n  line-height: 33px;\n}\n\n.p-btn-record[_ngcontent-%COMP%]   .btn-switch[_ngcontent-%COMP%]:hover {\n  color: #40a9ff;\n}\n\n.p-btn-record[_ngcontent-%COMP%]   .btn-delete[_ngcontent-%COMP%] {\n  text-align: center;\n  color: #aaa;\n  padding: 0 0.5rem;\n  border: 1px solid #ddd;\n  border-radius: 0 0.5rem 0.5rem 0;\n  height: 33px;\n  line-height: 33px;\n}\n\n.p-btn-record[_ngcontent-%COMP%]   .btn-delete[_ngcontent-%COMP%]:hover {\n  color: #ec5b56;\n}\n\n.p-recording[_ngcontent-%COMP%] {\n  background: orangered;\n  color: white !important;\n}\n\n.p-upload-progress-bg[_ngcontent-%COMP%] {\n  position: relative;\n  width: 130px;\n  height: 33px;\n  line-height: 33px;\n}\n\n.p-upload-progress-bg[_ngcontent-%COMP%]   .i-text[_ngcontent-%COMP%] {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  text-align: center;\n  border-radius: 0.5rem 0 0 0.5rem;\n  border: 1px solid #ddd;\n  border-right: 0.5px;\n  color: white;\n  text-shadow: 0 0 2px rgba(0, 0, 0, 0.85);\n}\n\n.p-upload-progress-bg[_ngcontent-%COMP%]   .i-bg[_ngcontent-%COMP%] {\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  background-color: #27b43f;\n  border-radius: 0.5rem 0 0 0.5rem;\n}\n\n.p-progress[_ngcontent-%COMP%] {\n  margin-top: 2px;\n  position: relative;\n  line-height: 26px;\n}\n\n.p-progress[_ngcontent-%COMP%]   .p-btn-play[_ngcontent-%COMP%] {\n  position: absolute;\n  left: 10px;\n  top: 3px;\n  color: #555;\n}\n\n[_nghost-%COMP%]     nz-upload {\n  line-height: 33px;\n}\n/*# sourceMappingURL=data:application/json;base64,  */"]
      });
      return AudioRecorderComponent;
    }();

    var Type =
    /*@__PURE__*/
    function (Type) {
      Type[Type["RECORD"] = 1] = "RECORD";
      Type[Type["UPLOAD"] = 2] = "UPLOAD";
      return Type;
    }({});
    /***/

  },

  /***/
  "./src/app/common/custom-action/custom-action.component.ts":
  /*!*****************************************************************!*\
    !*** ./src/app/common/custom-action/custom-action.component.ts ***!
    \*****************************************************************/

  /*! exports provided: CustomActionComponent */

  /***/
  function srcAppCommonCustomActionCustomActionComponentTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "CustomActionComponent", function () {
      return CustomActionComponent;
    });
    /* harmony import */


    var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! @angular/core */
    "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
    /* harmony import */


    var ng_zorro_antd__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
    /*! ng-zorro-antd */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd.js");
    /* harmony import */


    var ng_zorro_antd_button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
    /*! ng-zorro-antd/button */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-button.js");
    /* harmony import */


    var ng_zorro_antd_icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
    /*! ng-zorro-antd/icon */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-icon.js");
    /* harmony import */


    var ng_zorro_antd_modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(
    /*! ng-zorro-antd/modal */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-modal.js");
    /* harmony import */


    var _angular_common__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(
    /*! @angular/common */
    "./node_modules/@angular/common/__ivy_ngcc__/fesm2015/common.js");
    /* harmony import */


    var ng_zorro_antd_divider__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(
    /*! ng-zorro-antd/divider */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-divider.js");
    /* harmony import */


    var _angular_forms__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(
    /*! @angular/forms */
    "./node_modules/@angular/forms/__ivy_ngcc__/fesm2015/forms.js");
    /* harmony import */


    var ng_zorro_antd_input__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(
    /*! ng-zorro-antd/input */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-input.js");
    /* harmony import */


    var _audio_recorder_audio_recorder_component__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(
    /*! ../audio-recorder/audio-recorder.component */
    "./src/app/common/audio-recorder/audio-recorder.component.ts");
    /* harmony import */


    var _upload_image_with_preview_upload_image_with_preview_component__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(
    /*! ../upload-image-with-preview/upload-image-with-preview.component */
    "./src/app/common/upload-image-with-preview/upload-image-with-preview.component.ts");
    /* harmony import */


    var _upload_dragon_bone_upload_dragon_bone_component__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(
    /*! ../upload-dragon-bone/upload-dragon-bone.component */
    "./src/app/common/upload-dragon-bone/upload-dragon-bone.component.ts");

    function CustomActionComponent_div_9_Template(rf, ctx) {
      if (rf & 1) {
        var _r494 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "app-upload-image-with-preview", 19);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("imageUploaded", function CustomActionComponent_div_9_Template_app_upload_image_with_preview_imageUploaded_1_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r494);

          var ctx_r493 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r493.onItemImgUploadSuccess($event, ctx_r493.item);
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var ctx_r488 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("picUrl", ctx_r488.item == null ? null : ctx_r488.item.pic_url);
      }
    }

    function CustomActionComponent_div_10_Template(rf, ctx) {
      if (rf & 1) {
        var _r496 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "input", 20);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function CustomActionComponent_div_10_Template_input_ngModelChange_1_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r496);

          var ctx_r495 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r495.item.text = $event;
        })("blur", function CustomActionComponent_div_10_Template_input_blur_1_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r496);

          var ctx_r497 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r497.saveText(ctx_r497.item);
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var ctx_r489 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", ctx_r489.item.text);
      }
    }

    function CustomActionComponent_div_11_Template(rf, ctx) {
      if (rf & 1) {
        var _r499 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 21);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "app-upload-dragon-bone", 22);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("save", function CustomActionComponent_div_11_Template_app_upload_dragon_bone_save_1_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r499);

          var ctx_r498 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r498.saveAnima($event);
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var ctx_r490 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("skeJsonData", ctx_r490.item.skeJsonData)("texJsonData", ctx_r490.item.texJsonData)("texPngData", ctx_r490.item.texPngData);
      }
    }

    function CustomActionComponent_div_19_Template(rf, ctx) {
      if (rf & 1) {
        var _r503 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 23);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div", 24);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "span");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](3);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "input", 25);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function CustomActionComponent_div_19_Template_input_ngModelChange_4_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r503);

          var op_r500 = ctx.$implicit;
          return op_r500[1] = $event;
        })("blur", function CustomActionComponent_div_19_Template_input_blur_4_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r503);

          var op_r500 = ctx.$implicit;

          var ctx_r504 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r504.saveText(op_r500);
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var op_r500 = ctx.$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"]("", op_r500[0], ": ");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", op_r500[1]);
      }
    }

    function CustomActionComponent_div_30_Template(rf, ctx) {
      if (rf & 1) {
        var _r508 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 23);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div", 24);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "span");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](3);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "input", 26);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function CustomActionComponent_div_30_Template_input_ngModelChange_4_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r508);

          var op_r505 = ctx.$implicit;
          return op_r505[2] = $event;
        })("blur", function CustomActionComponent_div_30_Template_input_blur_4_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r508);

          var op_r505 = ctx.$implicit;

          var ctx_r509 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r509.saveText(op_r505);
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var op_r505 = ctx.$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"]("", op_r505[0], ": ");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("disabled", op_r505[2] == null)("ngModel", op_r505[2]);
      }
    }

    var CustomActionComponent =
    /*@__PURE__*/
    function () {
      var CustomActionComponent =
      /*#__PURE__*/
      function () {
        function CustomActionComponent(appRef, nzMessageService) {
          var _this4 = this;

          _classCallCheck(this, CustomActionComponent);

          this.appRef = appRef;
          this.nzMessageService = nzMessageService;
          this.uploading = false;
          this.progress = 0;
          this.btnName = '配置变化状态';
          this.option = [];
          this.type = 'text';
          this.save = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
          this.refreshEmitter = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
          this.panelVisible = false;
          this.pasteData = '';

          window['air'].getUploadCallback = function (url, data) {
            _this4.uploadUrl = url;
            _this4.uploadData = data;
          };

          var tmpId = setInterval(function () {
            console.log(' in setInterval');
            _this4.uploadUrl = window.courseware.uploadUrl();
            _this4.uploadData = window.courseware.uploadData();

            if (_this4.uploadUrl) {
              clearInterval(tmpId);
            }
          }, 500);
        }

        _createClass(CustomActionComponent, [{
          key: "ngOnInit",
          value: function ngOnInit() {
            this.initItem();
          }
        }, {
          key: "ngOnChanges",
          value: function ngOnChanges() {}
        }, {
          key: "initItem",
          value: function initItem() {
            console.log('```this.item: ', this.item);

            if (!this.item) {
              this.item = {
                type: this.type,
                skeJsonData: {},
                texJsonData: {},
                texPngData: {},
                changeStart: [],
                changeEnd: [],
                changeTime: 0.3
              };

              if (this.option) {
                this.item.changeOption = JSON.parse(JSON.stringify(this.option));
              }
            }

            console.log('initItem', this.item);
          }
        }, {
          key: "setAnimaBtnClick",
          value: function setAnimaBtnClick() {
            this.panelVisible = true;
            this.refresh();
          }
        }, {
          key: "panelCancel",
          value: function panelCancel() {
            this.panelVisible = false;
            this.refresh();
          }
        }, {
          key: "panelOk",
          value: function panelOk() {
            // this.sendItemDragonBoneData();
            this.panelVisible = false;
            this.refresh();
            this.save.emit(this.item);
          }
        }, {
          key: "saveText",
          value: function saveText(t) {}
        }, {
          key: "radioChange",
          value: function radioChange(e) {
            this.item.type = e;
            console.log('e: ', e);
          }
        }, {
          key: "onItemImgUploadSuccess",
          value: function onItemImgUploadSuccess(e, item) {
            item.pic_url = e.url;
            this.refresh();
          }
        }, {
          key: "onItemAudioUploadSuccess",
          value: function onItemAudioUploadSuccess(e, item) {
            item.audio_url = e.url;
            this.refresh();
          }
        }, {
          key: "saveAnima",
          value: function saveAnima(e) {
            console.log("~ e: ", e);
          }
        }, {
          key: "copyChangeData",
          value: function copyChangeData() {
            console.log('this.item: ', this.item);
            var jsonData = {
              changeOption: this.item.changeOption,
              changeTime: this.item.changeTime // bgItem,
              // hotZoneItemArr,
              // isHasRect: this.isHasRect,
              // isHasPic: this.isHasPic,
              // isHasText: this.isHasText,
              // isHasAudio: this.isHasAudio,
              // isHasAnima: this.isHasAnima,
              // hotZoneFontObj: this.hotZoneFontObj,
              // defaultItemType: this.defaultItemType,
              // hotZoneImgSize: this.hotZoneImgSize,

            };
            var oInput = document.createElement('input');
            oInput.value = JSON.stringify(jsonData);
            document.body.appendChild(oInput);
            oInput.select(); // 选择对象

            document.execCommand('Copy'); // 执行浏览器复制命令

            document.body.removeChild(oInput);
            this.nzMessageService.success('复制成功');
          }
        }, {
          key: "importData",
          value: function importData() {
            if (!this.pasteData) {
              return;
            }

            try {
              var data = JSON.parse(this.pasteData);
              console.log('data:', data);
              var changeOption = data.changeOption,
                  changeTime = data.changeTime;
              this.item.changeOption = changeOption;
              this.item.changeTime = changeTime;
              this.pasteData = '';
            } catch (e) {
              console.log('err: ', e);
              this.nzMessageService.error('导入失败');
            }
          }
          /**
           * 刷新 渲染页面
           */

        }, {
          key: "refresh",
          value: function refresh() {
            var _this5 = this;

            // this.refreshEmitter.emit();
            setTimeout(function () {
              _this5.appRef.tick();
            }, 1);
          }
        }, {
          key: "closePanel",
          value: function closePanel() {
            console.log(' in closePanel ');
            this.refresh();
          }
        }, {
          key: "ngOnDestroy",
          value: function ngOnDestroy() {}
        }]);

        return CustomActionComponent;
      }();

      CustomActionComponent.ɵfac = function CustomActionComponent_Factory(t) {
        return new (t || CustomActionComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ApplicationRef"]), _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](ng_zorro_antd__WEBPACK_IMPORTED_MODULE_1__["NzMessageService"]));
      };

      CustomActionComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineComponent"]({
        type: CustomActionComponent,
        selectors: [["app-custom-action"]],
        inputs: {
          btnName: "btnName",
          option: "option",
          item: "item",
          type: "type"
        },
        outputs: {
          save: "save",
          refreshEmitter: "refreshEmitter"
        },
        features: [_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵNgOnChangesFeature"]],
        decls: 44,
        vars: 12,
        consts: [[1, "position-relative"], ["nz-button", "", 2, "border-radius", "0.5rem", "border", "1px solid #ddd", 3, "click"], ["nz-icon", "", "nzType", "tool", "nzTheme", "outline"], ["nzOkText", "\u4FDD\u5B58", 3, "nzVisible", "nzTitle", "nzVisibleChange", "nzAfterClose", "nzOnCancel", "nzOnOk"], [2, "margin-bottom", "10px", "width", "80%", "margin", "auto"], [4, "ngIf"], ["style", "margin-left: 100px;", 4, "ngIf"], [2, "margin-top", "10px"], [2, "display", "flex", "justify-content", "space-around"], [2, "width", "30%", "display", "flex", "align-items", "center", "flex-direction", "column"], ["style", "margin-bottom: 5px; ", 4, "ngFor", "ngForOf"], [2, "display", "flex", "width", "100%", "align-items", "center", "justify-content", "center"], ["type", "text", "nz-input", "", 2, "width", "80px", "margin-left", "5px", 3, "ngModel", "ngModelChange", "blur"], [2, "display", "flex", "align-items", "center", "justify-content", "center", "margin-top", "10px"], ["nz-button", "", 2, "margin-left", "20px", "margin-top", "-5px", 3, "click"], [2, "margin-left", "20px", "margin-top", "-5px"], ["type", "text", "nz-input", "", 2, "width", "100px", 3, "ngModel", "ngModelChange"], ["nz-button", "", "nzType", "primary", 2, "margin-left", "5px", 3, "disabled", "click"], [2, "margin", "auto", 3, "audioUrl", "audioUploaded"], [3, "picUrl", "imageUploaded"], ["type", "text", "nz-input", "", 3, "ngModel", "ngModelChange", "blur"], [2, "margin-left", "100px"], [3, "skeJsonData", "texJsonData", "texPngData", "save"], [2, "margin-bottom", "5px"], [2, "display", "flex", "align-items", "center", "justify-content", "center"], ["type", "text", "nz-input", "", 2, "margin-left", "5px", 3, "ngModel", "ngModelChange", "blur"], ["type", "text", "nz-input", "", 2, "margin-left", "5px", 3, "disabled", "ngModel", "ngModelChange", "blur"]],
        template: function CustomActionComponent_Template(rf, ctx) {
          if (rf & 1) {
            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 0);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "button", 1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function CustomActionComponent_Template_button_click_1_listener() {
              return ctx.setAnimaBtnClick();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](2, "i", 2);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](3);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "nz-modal", 3);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("nzVisibleChange", function CustomActionComponent_Template_nz_modal_nzVisibleChange_4_listener($event) {
              return ctx.panelVisible = $event;
            })("nzAfterClose", function CustomActionComponent_Template_nz_modal_nzAfterClose_4_listener() {
              return ctx.closePanel();
            })("nzOnCancel", function CustomActionComponent_Template_nz_modal_nzOnCancel_4_listener() {
              return ctx.panelCancel();
            })("nzOnOk", function CustomActionComponent_Template_nz_modal_nzOnOk_4_listener() {
              return ctx.panelOk();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](5, "div");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "h4");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](7, "\u57FA\u7840\u5185\u5BB9\uFF1A");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "div", 4);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](9, CustomActionComponent_div_9_Template, 2, 1, "div", 5);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](10, CustomActionComponent_div_10_Template, 2, 1, "div", 5);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](11, CustomActionComponent_div_11_Template, 2, 3, "div", 6);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](12, "nz-divider", 7);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](13, "h4");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](14, "\u72B6\u6001\u8BBE\u7F6E\uFF1A");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](15, "div", 8);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](16, "div", 9);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](17, "h5");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](18, " \u5F00\u59CB\u72B6\u6001 ");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](19, CustomActionComponent_div_19_Template, 5, 2, "div", 10);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](20, "div", 9);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](21, "h5");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](22, " \u5207\u6362\u65F6\u95F4 ");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](23, "div", 11);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](24, "span");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](25, "time: ");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](26, "input", 12);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function CustomActionComponent_Template_input_ngModelChange_26_listener($event) {
              return ctx.item.changeTime = $event;
            })("blur", function CustomActionComponent_Template_input_blur_26_listener() {
              return ctx.saveText(ctx.item.changeTime);
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](27, "div", 9);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](28, "h5");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](29, " \u7ED3\u675F\u72B6\u6001 ");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](30, CustomActionComponent_div_30_Template, 5, 3, "div", 10);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](31, "div", 13);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](32, "button", 14);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function CustomActionComponent_Template_button_click_32_listener() {
              return ctx.copyChangeData();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](33, " \u590D\u5236\u6570\u636E ");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](34, "div", 15);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](35, "span");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](36, "\u7C98\u8D34\u6570\u636E: ");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](37, "input", 16);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function CustomActionComponent_Template_input_ngModelChange_37_listener($event) {
              return ctx.pasteData = $event;
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](38, "button", 17);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function CustomActionComponent_Template_button_click_38_listener() {
              return ctx.importData();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](39, "\u5BFC\u5165");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](40, "nz-divider", 7);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](41, "h4");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](42, " \u97F3\u9891\u8BBE\u7F6E ");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](43, "app-audio-recorder", 18);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("audioUploaded", function CustomActionComponent_Template_app_audio_recorder_audioUploaded_43_listener($event) {
              return ctx.onItemAudioUploadSuccess($event, ctx.item);
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
          }

          if (rf & 2) {
            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"](" ", ctx.btnName, " ");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzVisible", ctx.panelVisible)("nzTitle", ctx.btnName);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](5);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.item.type == "pic");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.item.type == "text");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.item.type == "anima");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](8);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", ctx.item.changeOption);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](7);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", ctx.item.changeTime);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](4);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", ctx.item.changeOption);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](7);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", ctx.pasteData);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("disabled", ctx.pasteData == "");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](5);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("audioUrl", ctx.item == null ? null : ctx.item.audio_url);
          }
        },
        directives: [ng_zorro_antd_button__WEBPACK_IMPORTED_MODULE_2__["NzButtonComponent"], ng_zorro_antd_icon__WEBPACK_IMPORTED_MODULE_3__["NzIconDirective"], ng_zorro_antd_modal__WEBPACK_IMPORTED_MODULE_4__["NzModalComponent"], _angular_common__WEBPACK_IMPORTED_MODULE_5__["NgIf"], ng_zorro_antd_divider__WEBPACK_IMPORTED_MODULE_6__["NzDividerComponent"], _angular_common__WEBPACK_IMPORTED_MODULE_5__["NgForOf"], _angular_forms__WEBPACK_IMPORTED_MODULE_7__["DefaultValueAccessor"], ng_zorro_antd_input__WEBPACK_IMPORTED_MODULE_8__["NzInputDirective"], _angular_forms__WEBPACK_IMPORTED_MODULE_7__["NgControlStatus"], _angular_forms__WEBPACK_IMPORTED_MODULE_7__["NgModel"], _audio_recorder_audio_recorder_component__WEBPACK_IMPORTED_MODULE_9__["AudioRecorderComponent"], _upload_image_with_preview_upload_image_with_preview_component__WEBPACK_IMPORTED_MODULE_10__["UploadImageWithPreviewComponent"], _upload_dragon_bone_upload_dragon_bone_component__WEBPACK_IMPORTED_MODULE_11__["UploadDragonBoneComponent"]],
        styles: [".p-image-uploader[_ngcontent-%COMP%] {\n  position: relative;\n  display: block;\n  width: 100%;\n  height: 0;\n  padding-bottom: 56.25%;\n}\n.p-image-uploader[_ngcontent-%COMP%]   .p-box[_ngcontent-%COMP%] {\n  position: absolute;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  border: 2px dashed #ddd;\n  border-radius: 0.5rem;\n  background-color: #fafafa;\n  text-align: center;\n  color: #aaa;\n}\n.p-image-uploader[_ngcontent-%COMP%]   .p-box[_ngcontent-%COMP%]   .p-upload-icon[_ngcontent-%COMP%] {\n  text-align: center;\n  margin: auto;\n}\n.p-image-uploader[_ngcontent-%COMP%]   .p-box[_ngcontent-%COMP%]   .p-upload-icon[_ngcontent-%COMP%]   .anticon-upload[_ngcontent-%COMP%] {\n  color: #888;\n  font-size: 5rem;\n}\n.p-image-uploader[_ngcontent-%COMP%]   .p-box[_ngcontent-%COMP%]   .p-upload-icon[_ngcontent-%COMP%]   .p-progress-bar[_ngcontent-%COMP%] {\n  position: relative;\n  width: 20rem;\n  height: 1.5rem;\n  border: 1px solid #ccc;\n  border-radius: 1rem;\n}\n.p-image-uploader[_ngcontent-%COMP%]   .p-box[_ngcontent-%COMP%]   .p-upload-icon[_ngcontent-%COMP%]   .p-progress-bar[_ngcontent-%COMP%]   .p-progress-bg[_ngcontent-%COMP%] {\n  background-color: #1890ff;\n  border-radius: 1rem;\n  height: 100%;\n}\n.p-image-uploader[_ngcontent-%COMP%]   .p-box[_ngcontent-%COMP%]   .p-upload-icon[_ngcontent-%COMP%]   .p-progress-bar[_ngcontent-%COMP%]   .p-progress-value[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  text-shadow: 0 0 4px #000;\n  color: white;\n  text-align: center;\n  font-size: 0.9rem;\n  line-height: 1.5rem;\n}\n.p-image-uploader[_ngcontent-%COMP%]   .p-box[_ngcontent-%COMP%]   .p-preview[_ngcontent-%COMP%] {\n  width: 100%;\n  height: 100%;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n.p-image-uploader[_ngcontent-%COMP%]   .d-flex[_ngcontent-%COMP%] {\n  display: flex;\n}\n.p-btn-delete[_ngcontent-%COMP%] {\n  position: absolute;\n  right: -0.5rem;\n  top: -0.5rem;\n  width: 2rem;\n  height: 2rem;\n  border: 0.2rem solid white;\n  border-radius: 50%;\n  font-size: 1.2rem;\n  background-color: #fb781a;\n  color: white;\n  text-align: center;\n}\n.p-upload-progress-bg[_ngcontent-%COMP%] {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.p-upload-progress-bg[_ngcontent-%COMP%]   .i-text[_ngcontent-%COMP%] {\n  position: absolute;\n  text-align: center;\n  color: white;\n  text-shadow: 0 0 2px rgba(0, 0, 0, 0.85);\n}\n.p-upload-progress-bg[_ngcontent-%COMP%]   .i-bg[_ngcontent-%COMP%] {\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  background-color: #27b43f;\n  border-radius: 0.5rem;\n}\n.anima-upload-btn[_ngcontent-%COMP%] {\n  padding: 10px;\n}\n[_nghost-%COMP%]     .ant-upload {\n  display: block;\n}\n/*# sourceMappingURL=data:application/json;base64,  */"]
      });
      return CustomActionComponent;
    }();
    /***/

  },

  /***/
  "./src/app/common/custom-hot-zone/Unit.ts":
  /*!************************************************!*\
    !*** ./src/app/common/custom-hot-zone/Unit.ts ***!
    \************************************************/

  /*! exports provided: MySprite, RoundSprite, ColorSpr, GrayscaleSpr, BitMapLabel, Label, RichTextOld, RichText, LineRect, ShapeRect, Line, ShapeCircle, ShapeRectNew, MyAnimation, tweenChange, rotateItem, scaleItem, moveItem, endShow, hideItem, showItem, alphaItem, showStar, randomSortByArr, radianToAngle, angleToRadian, getPosByAngle, getAngleByPos, removeItemFromArr, circleMove, getPosDistance, delayCall, formatTime, getMinScale, jelly, showPopParticle, shake, HotZoneItem, HotZoneMultRect, HotZoneImg, HotZoneLabel, HotZoneAction, DragItem, EditorItem */

  /***/
  function srcAppCommonCustomHotZoneUnitTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "MySprite", function () {
      return MySprite;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "RoundSprite", function () {
      return RoundSprite;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "ColorSpr", function () {
      return ColorSpr;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "GrayscaleSpr", function () {
      return GrayscaleSpr;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "BitMapLabel", function () {
      return BitMapLabel;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "Label", function () {
      return Label;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "RichTextOld", function () {
      return RichTextOld;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "RichText", function () {
      return RichText;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "LineRect", function () {
      return LineRect;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "ShapeRect", function () {
      return ShapeRect;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "Line", function () {
      return Line;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "ShapeCircle", function () {
      return ShapeCircle;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "ShapeRectNew", function () {
      return ShapeRectNew;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "MyAnimation", function () {
      return MyAnimation;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "tweenChange", function () {
      return tweenChange;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "rotateItem", function () {
      return rotateItem;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "scaleItem", function () {
      return scaleItem;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "moveItem", function () {
      return moveItem;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "endShow", function () {
      return endShow;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "hideItem", function () {
      return hideItem;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "showItem", function () {
      return showItem;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "alphaItem", function () {
      return alphaItem;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "showStar", function () {
      return showStar;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "randomSortByArr", function () {
      return randomSortByArr;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "radianToAngle", function () {
      return radianToAngle;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "angleToRadian", function () {
      return angleToRadian;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "getPosByAngle", function () {
      return getPosByAngle;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "getAngleByPos", function () {
      return getAngleByPos;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "removeItemFromArr", function () {
      return removeItemFromArr;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "circleMove", function () {
      return circleMove;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "getPosDistance", function () {
      return getPosDistance;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "delayCall", function () {
      return delayCall;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "formatTime", function () {
      return formatTime;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "getMinScale", function () {
      return getMinScale;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "jelly", function () {
      return jelly;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "showPopParticle", function () {
      return showPopParticle;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "shake", function () {
      return shake;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "HotZoneItem", function () {
      return HotZoneItem;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "HotZoneMultRect", function () {
      return HotZoneMultRect;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "HotZoneImg", function () {
      return HotZoneImg;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "HotZoneLabel", function () {
      return HotZoneLabel;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "HotZoneAction", function () {
      return HotZoneAction;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "DragItem", function () {
      return DragItem;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "EditorItem", function () {
      return EditorItem;
    });
    /* harmony import */


    var _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! @tweenjs/tween.js */
    "./node_modules/@tweenjs/tween.js/dist/tween.esm.js");

    var Sprite =
    /*#__PURE__*/
    function () {
      function Sprite() {
        var ctx = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;

        _classCallCheck(this, Sprite);

        this.x = 0;
        this.y = 0;
        this.color = "";
        this.radius = 0;
        this.alive = false;
        this.margin = 0;
        this.angle = 0;

        if (!ctx) {
          this.ctx = window.curCtx;
        } else {
          this.ctx = ctx;
        }
      }

      _createClass(Sprite, [{
        key: "update",
        value: function update($event) {
          this.draw();
        }
      }, {
        key: "draw",
        value: function draw() {}
      }]);

      return Sprite;
    }();

    var MySprite =
    /*#__PURE__*/
    function (_Sprite) {
      _inherits(MySprite, _Sprite);

      var _super = _createSuper(MySprite);

      function MySprite() {
        var _this6;

        _classCallCheck(this, MySprite);

        _this6 = _super.apply(this, arguments);
        _this6._width = 0;
        _this6._height = 0;
        _this6._anchorX = 0;
        _this6._anchorY = 0;
        _this6._offX = 0;
        _this6._offY = 0;
        _this6.scaleX = 1;
        _this6.scaleY = 1;
        _this6._alpha = 1;
        _this6.rotation = 0;
        _this6.visible = true;
        _this6.skewX = 0;
        _this6.skewY = 0;
        _this6._shadowFlag = false;
        _this6._shadowOffsetX = 0;
        _this6._shadowOffsetY = 0;
        _this6._shadowBlur = 5;
        _this6._radius = 0;
        _this6.children = [_assertThisInitialized(_this6)];
        _this6.childDepandVisible = true;
        _this6.childDepandAlpha = false;
        _this6.hideArrow = false;
        _this6.showColorMask = false;
        _this6._z = 0;
        _this6._bitmapFlag = false;
        return _this6;
      }

      _createClass(MySprite, [{
        key: "btimapFlag",
        get: function get() {
          return this._bitmapFlag;
        },
        set: function set(v) {
          this._bitmapFlag = v;
        }
      }, {
        key: "alpha",
        get: function get() {
          return this._alpha;
        },
        set: function set(v) {
          this._alpha = v;

          if (this.childDepandAlpha) {
            this._changeChildAlpha(v);
          }
        }
      }, {
        key: "width",
        get: function get() {
          return this._width;
        },
        set: function set(v) {
          this._width = v;
          this.refreshAnchorOff();
        }
      }, {
        key: "height",
        get: function get() {
          return this._height;
        },
        set: function set(v) {
          this._height = v;
          this.refreshAnchorOff();
        }
      }, {
        key: "anchorX",
        get: function get() {
          return this._anchorX;
        },
        set: function set(value) {
          this._anchorX = value;
          this.refreshAnchorOff();
        }
      }, {
        key: "anchorY",
        get: function get() {
          return this._anchorY;
        },
        set: function set(value) {
          this._anchorY = value;
          this.refreshAnchorOff();
        }
      }, {
        key: "init",
        value: function init() {
          var imgObj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
          var anchorX = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.5;
          var anchorY = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0.5;

          if (imgObj) {
            this.img = imgObj;
            this.width = this.img.width;
            this.height = this.img.height;
          }

          this.anchorX = anchorX;
          this.anchorY = anchorY;
        }
      }, {
        key: "setShowRect",
        value: function setShowRect(rect) {
          this._showRect = rect;
        }
      }, {
        key: "setShadow",
        value: function setShadow(offX, offY, blur) {
          var color = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : "rgba(0, 0, 0, 0.3)";
          this._shadowFlag = true;
          this._shadowColor = color;
          this._shadowOffsetX = offX;
          this._shadowOffsetY = offY;
          this._shadowBlur = blur;
        }
      }, {
        key: "setRadius",
        value: function setRadius(r) {
          this._radius = r;
        }
      }, {
        key: "update",
        value: function update() {
          var $event = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;

          if (!this.visible && this.childDepandVisible) {
            return;
          }

          this.draw();
        }
      }, {
        key: "draw",
        value: function draw() {
          this.ctx.save();
          this.drawInit();
          this.updateChildren();
          this.ctx.restore();
        }
      }, {
        key: "drawInit",
        value: function drawInit() {
          this.ctx.translate(this.x, this.y);
          this.ctx.rotate(this.rotation * Math.PI / 180);
          this.ctx.scale(this.scaleX, this.scaleY);
          this.ctx.globalAlpha = this.alpha;
          this.ctx.transform(1, this.skewX, this.skewY, 1, 0, 0); //
          // if (this._radius) {
          //
          //   const r = this._radius;
          //   const w = this.width;
          //   const h = this.height;
          //
          //   this.ctx.lineTo(-w / 2, h / 2);          // 创建水平线
          //   this.ctx.arcTo(-w / 2, -h / 2, -w / 2 + r, -h / 2, r);
          //   this.ctx.arcTo(w / 2, -h / 2, w / 2, -h / 2 + r, r);
          //   this.ctx.arcTo(w / 2, h / 2, w / 2 - r, h / 2, r);
          //   this.ctx.arcTo(-w / 2, h / 2, -w / 2, h / 2 - r, r);
          //
          //   this.ctx.clip();
          // }
        }
      }, {
        key: "drawSelf",
        value: function drawSelf() {
          if (this._shadowFlag) {
            this.ctx.shadowOffsetX = this._shadowOffsetX;
            this.ctx.shadowOffsetY = this._shadowOffsetY;
            this.ctx.shadowBlur = this._shadowBlur;
            this.ctx.shadowColor = this._shadowColor;
          } else {
            this.ctx.shadowOffsetX = 0;
            this.ctx.shadowOffsetY = 0;
            this.ctx.shadowBlur = null;
            this.ctx.shadowColor = null;
          }

          if (this.img) {
            if (this._showRect) {
              var rect = this._showRect;
              this.ctx.drawImage(this.img, rect.x, rect.y, rect.width, rect.height, this._offX, this._offY + rect.y, this.width, rect.height);
            } else {
              this.ctx.drawImage(this.img, this._offX, this._offY);
            }
          }
        }
      }, {
        key: "updateChildren",
        value: function updateChildren() {
          if (this.children.length <= 0) {
            return;
          }

          var _iterator = _createForOfIteratorHelper(this.children),
              _step;

          try {
            for (_iterator.s(); !(_step = _iterator.n()).done;) {
              var child = _step.value;

              if (child === this) {
                if (this.visible) {
                  this.drawSelf();
                }
              } else {
                child.update();
              }
            }
          } catch (err) {
            _iterator.e(err);
          } finally {
            _iterator.f();
          }
        }
      }, {
        key: "load",
        value: function load(url) {
          var _this7 = this;

          var anchorX = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.5;
          var anchorY = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0.5;
          return new Promise(function (resolve, reject) {
            var img = new Image();

            img.onload = function () {
              return resolve(img);
            };

            img.onerror = reject;
            img.src = url;
          }).then(function (img) {
            _this7.init(img, anchorX, anchorY);

            return img;
          });
        }
      }, {
        key: "addChild",
        value: function addChild(child) {
          var z = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;

          if (this.children.indexOf(child) === -1) {
            this.children.push(child);
            child._z = z;
            child.parent = this;
          }

          this.children.sort(function (a, b) {
            return a._z - b._z;
          });

          if (this.childDepandAlpha) {
            child.alpha = this.alpha;
          }
        }
      }, {
        key: "removeChild",
        value: function removeChild(child) {
          var index = this.children.indexOf(child);

          if (index !== -1) {
            this.children.splice(index, 1);
          }
        }
      }, {
        key: "removeChildren",
        value: function removeChildren() {
          for (var i = 0; i < this.children.length; i++) {
            if (this.children[i]) {
              if (this.children[i] !== this) {
                this.children.splice(i, 1);
                i--;
              }
            }
          }
        }
      }, {
        key: "_changeChildAlpha",
        value: function _changeChildAlpha(alpha) {
          var _iterator2 = _createForOfIteratorHelper(this.children),
              _step2;

          try {
            for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
              var child = _step2.value;

              if (child !== this) {
                child.alpha = alpha;
              }
            }
          } catch (err) {
            _iterator2.e(err);
          } finally {
            _iterator2.f();
          }
        }
      }, {
        key: "refreshAnchorOff",
        value: function refreshAnchorOff() {
          this._offX = -this._width * this.anchorX;
          this._offY = -this._height * this.anchorY;
        }
      }, {
        key: "setScaleXY",
        value: function setScaleXY(value) {
          this.scaleX = this.scaleY = value;
        }
      }, {
        key: "getBoundingBox",
        value: function getBoundingBox() {
          var getParentData = function getParentData(item) {
            var px = item.x;
            var py = item.y;
            var sx = item.scaleX;
            var sy = item.scaleY;
            var parent = item.parent;

            if (parent) {
              var obj = getParentData(parent);
              var _x = obj.px;
              var _y = obj.py;
              var _sx = obj.sx;
              var _sy = obj.sy;
              px = _x + item.x * _sx;
              py = _y + item.y * _sy;
              sx *= _sx;
              sy *= _sy;
            }

            return {
              px: px,
              py: py,
              sx: sx,
              sy: sy
            };
          };

          var data = getParentData(this);
          var x = data.px + this._offX * Math.abs(data.sx);
          var y = data.py + this._offY * Math.abs(data.sy);
          var width = this.width * Math.abs(data.sx);
          var height = this.height * Math.abs(data.sy);
          return {
            x: x,
            y: y,
            width: width,
            height: height
          };
        }
      }]);

      return MySprite;
    }(Sprite);

    var RoundSprite =
    /*#__PURE__*/
    function (_MySprite) {
      _inherits(RoundSprite, _MySprite);

      var _super2 = _createSuper(RoundSprite);

      function RoundSprite() {
        _classCallCheck(this, RoundSprite);

        return _super2.apply(this, arguments);
      }

      _createClass(RoundSprite, [{
        key: "init",
        value: function init() {
          var imgObj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
          var anchorX = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.5;
          var anchorY = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0.5;

          if (imgObj) {
            this.img = imgObj;
            this.width = this.img.width;
            this.height = this.img.height;
          }

          this.anchorX = anchorX;
          this.anchorY = anchorY;
          var canvas = window["curCanvas"];
          var w = canvas.nativeElement.width;
          var h = canvas.nativeElement.height;
          this._offCanvas = document.createElement("canvas");
          this._offCanvas.width = w;
          this._offCanvas.height = h;
          this._offCtx = this._offCanvas.getContext("2d"); // this._newCtx = this.ctx;
          // this.ctx = this._offCtx;
        }
      }, {
        key: "drawSelf",
        value: function drawSelf() {
          //
          // if (this._shadowFlag) {
          //
          //   this.ctx.shadowOffsetX = this._shadowOffsetX;
          //   this.ctx.shadowOffsetY = this._shadowOffsetY;
          //   this.ctx.shadowBlur = this._shadowBlur;
          //   this.ctx.shadowColor = this._shadowColor;
          // } else {
          //   this.ctx.shadowOffsetX = 0;
          //   this.ctx.shadowOffsetY = 0;
          //   this.ctx.shadowBlur = null;
          //   this.ctx.shadowColor = null;
          // }
          if (this._radius) {
            var r = this._radius;
            var w = this.width;
            var h = this.height;
            var x = -this._offX;
            var y = -this._offY;

            this._offCtx.lineTo(x - w / 2, y + h / 2); // 创建水平线


            this._offCtx.arcTo(x - w / 2, y - h / 2, x - w / 2 + r, y - h / 2, r);

            this._offCtx.arcTo(x + w / 2, y - h / 2, x + w / 2, y - h / 2 + r, r);

            this._offCtx.arcTo(x + w / 2, y + h / 2, x + w / 2 - r, y + h / 2, r);

            this._offCtx.arcTo(x - w / 2, y + h / 2, x - w / 2, y + h / 2 - r, r);

            this._offCtx.clip();
          }

          if (this.img) {
            this._offCtx.drawImage(this.img, 0, 0);

            this.ctx.drawImage(this._offCanvas, this._offX, this._offX);
          }
        }
      }]);

      return RoundSprite;
    }(MySprite);

    var ColorSpr =
    /*#__PURE__*/
    function (_MySprite2) {
      _inherits(ColorSpr, _MySprite2);

      var _super3 = _createSuper(ColorSpr);

      function ColorSpr() {
        var _this8;

        _classCallCheck(this, ColorSpr);

        _this8 = _super3.apply(this, arguments);
        _this8.r = 0;
        _this8.g = 0;
        _this8.b = 0;
        return _this8;
      }

      _createClass(ColorSpr, [{
        key: "createGSCanvas",
        value: function createGSCanvas() {
          if (!this.img) {
            return;
          }

          var rect = this.getBoundingBox();

          if (rect.width <= 1 || rect.height <= 1) {
            return;
          }

          var c = this.ctx.getImageData(rect.x, rect.y, rect.width, rect.height);

          for (var i = 0; i < c.height; i++) {
            for (var j = 0; j < c.width; j++) {
              var x = i * 4 * c.width + j * 4;
              var r = c.data[x];
              var g = c.data[x + 1];
              var b = c.data[x + 2];
              c.data[x] = this.r;
              c.data[x + 1] = this.g;
              c.data[x + 2] = this.b; // c.data[x] = c.data[x + 1] = c.data[x + 2] = (r + g + b) / 3 ;
              // // c.data[x + 3] = 255;
            }
          }

          this.ctx.putImageData(c, rect.x, rect.y, 0, 0, rect.width, rect.height);
        }
      }, {
        key: "drawSelf",
        value: function drawSelf() {
          _get(_getPrototypeOf(ColorSpr.prototype), "drawSelf", this).call(this);

          this.createGSCanvas();
        }
      }]);

      return ColorSpr;
    }(MySprite);

    var GrayscaleSpr =
    /*#__PURE__*/
    function (_MySprite3) {
      _inherits(GrayscaleSpr, _MySprite3);

      var _super4 = _createSuper(GrayscaleSpr);

      function GrayscaleSpr() {
        var _this9;

        _classCallCheck(this, GrayscaleSpr);

        _this9 = _super4.apply(this, arguments);
        _this9.grayScale = 120;
        return _this9;
      }

      _createClass(GrayscaleSpr, [{
        key: "createGSCanvas",
        value: function createGSCanvas() {
          if (!this.img) {
            return;
          }

          var rect = this.getBoundingBox();
          var c = this.ctx.getImageData(rect.x, rect.y, rect.width, rect.height);

          for (var i = 0; i < c.height; i++) {
            for (var j = 0; j < c.width; j++) {
              var x = i * 4 * c.width + j * 4;
              var r = c.data[x];
              var g = c.data[x + 1];
              var b = c.data[x + 2]; // const a = c.data[x + 3];

              c.data[x] = c.data[x + 1] = c.data[x + 2] = this.grayScale; // (r + g + b) / 3;
              // c.data[x + 3] = 255;
            }
          }

          this.ctx.putImageData(c, rect.x, rect.y, 0, 0, rect.width, rect.height);
        }
      }, {
        key: "drawSelf",
        value: function drawSelf() {
          _get(_getPrototypeOf(GrayscaleSpr.prototype), "drawSelf", this).call(this);

          this.createGSCanvas();
        }
      }]);

      return GrayscaleSpr;
    }(MySprite);

    var BitMapLabel =
    /*#__PURE__*/
    function (_MySprite4) {
      _inherits(BitMapLabel, _MySprite4);

      var _super5 = _createSuper(BitMapLabel);

      function BitMapLabel() {
        _classCallCheck(this, BitMapLabel);

        return _super5.apply(this, arguments);
      }

      _createClass(BitMapLabel, [{
        key: "setText",
        value: function setText(data, text) {
          this.labelArr = [];
          var labelArr = [];
          var tmpArr = text.split("");
          var totalW = 0;
          var h = 0;

          var _iterator3 = _createForOfIteratorHelper(tmpArr),
              _step3;

          try {
            for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
              var tmp = _step3.value;

              var _label = new MySprite(this.ctx);

              _label.init(data[tmp], 0);

              this.addChild(_label);
              labelArr.push(_label);
              totalW += _label.width;
              h = _label.height;
            }
          } catch (err) {
            _iterator3.e(err);
          } finally {
            _iterator3.f();
          }

          this.width = totalW;
          this.height = h;
          var offX = -totalW / 2;

          for (var _i = 0, _labelArr = labelArr; _i < _labelArr.length; _i++) {
            var label = _labelArr[_i];
            label.x = offX;
            offX += label.width;
          }

          this.labelArr = labelArr;
        }
      }]);

      return BitMapLabel;
    }(MySprite);

    var Label =
    /*#__PURE__*/
    function (_MySprite5) {
      _inherits(Label, _MySprite5);

      var _super6 = _createSuper(Label);

      function Label() {
        var _this10;

        var ctx = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;

        _classCallCheck(this, Label);

        _this10 = _super6.call(this, ctx); // fontSize:String = '40px';

        _this10.fontName = "Verdana";
        _this10.textAlign = "left";
        _this10.fontSize = 40;
        _this10.fontColor = "#000000";
        _this10.fontWeight = 900;
        _this10.outline = 0;
        _this10.outlineColor = "#ffffff"; // _shadowFlag = false;
        // _shadowColor;
        // _shadowOffsetX;
        // _shadowOffsetY;
        // _shadowBlur;

        _this10._outlineFlag = false;

        _this10.init();

        return _this10;
      }

      _createClass(Label, [{
        key: "text",
        get: function get() {
          return this._text;
        },
        set: function set(value) {
          this._text = value;
          this.refreshSize();
        }
      }, {
        key: "refreshSize",
        value: function refreshSize() {
          this.ctx.save();
          this.ctx.font = "".concat(this.fontSize * this.scaleX, "px ").concat(this.fontName);
          this.ctx.textAlign = this.textAlign;
          this.ctx.textBaseline = "middle";
          this.ctx.fontWeight = this.fontWeight;
          this._width = this.ctx.measureText(this.text).width;
          this._height = this.fontSize;
          this.refreshAnchorOff();
          this.ctx.restore();
        }
      }, {
        key: "setMaxSize",
        value: function setMaxSize(w) {
          this._maxWidth = w;
          this.refreshSize();

          if (this.width >= w) {
            this.scaleX *= w / this.width;
            this.scaleY *= w / this.width;
          }
        }
      }, {
        key: "show",
        value: function show() {
          var callBack = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
          this.visible = true;

          if (this.alpha >= 1) {
            return;
          }

          var tween = new _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Tween(this).to({
            alpha: 1
          }, 800) // .easing(TWEEN.Easing.Quadratic.Out) // Use an easing function to make the animation smooth.
          .onComplete(function () {
            if (callBack) {
              callBack();
            }
          }).start(); // Start the tween immediately.
        }
      }, {
        key: "setOutline",
        value: function setOutline() {
          var width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 5;
          var color = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "#ffffff";
          this._outlineFlag = true;
          this._outLineWidth = width;
          this._outLineColor = color;
        }
      }, {
        key: "drawText",
        value: function drawText() {
          if (!this.text) {
            return;
          }

          this.ctx.font = "".concat(this.fontSize, "px ").concat(this.fontName);
          this.ctx.textAlign = this.textAlign;
          this.ctx.textBaseline = "middle";
          this.ctx.fontWeight = this.fontWeight;

          if (this._outlineFlag) {
            this.ctx.lineWidth = this._outLineWidth;
            this.ctx.strokeStyle = this._outLineColor;
            this.ctx.strokeText(this.text, 0, 0);
          }

          this.ctx.fillStyle = this.fontColor;

          if (this.outline > 0) {
            this.ctx.lineWidth = this.outline;
            this.ctx.strokeStyle = this.outlineColor;
            this.ctx.strokeText(this.text, 0, 0);
          }

          this.ctx.fillText(this.text, 0, 0);
        }
      }, {
        key: "drawSelf",
        value: function drawSelf() {
          _get(_getPrototypeOf(Label.prototype), "drawSelf", this).call(this);

          this.drawText();
        }
      }]);

      return Label;
    }(MySprite);

    var RichTextOld =
    /*#__PURE__*/
    function (_Label) {
      _inherits(RichTextOld, _Label);

      var _super7 = _createSuper(RichTextOld);

      function RichTextOld() {
        var _this11;

        _classCallCheck(this, RichTextOld);

        _this11 = _super7.apply(this, arguments);
        _this11.textArr = [];
        _this11.fontSize = 40;
        return _this11;
      }

      _createClass(RichTextOld, [{
        key: "setText",
        value: function setText(text, words) {
          var newText = text;

          var _iterator4 = _createForOfIteratorHelper(words),
              _step4;

          try {
            for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
              var word = _step4.value;
              var re = new RegExp(word, "g");
              newText = newText.replace(re, "#".concat(word, "#")); // newText = newText.replace(word, `#${word}#`);
            }
          } catch (err) {
            _iterator4.e(err);
          } finally {
            _iterator4.f();
          }

          this.textArr = newText.split("#");
          this.text = newText; // this.setSize();
        }
      }, {
        key: "refreshSize",
        value: function refreshSize() {
          this.ctx.save();
          this.ctx.font = "".concat(this.fontSize, "px ").concat(this.fontName);
          this.ctx.textAlign = this.textAlign;
          this.ctx.textBaseline = "middle";
          this.ctx.fontWeight = this.fontWeight;
          var curX = 0;

          var _iterator5 = _createForOfIteratorHelper(this.textArr),
              _step5;

          try {
            for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
              var text = _step5.value;
              var w = this.ctx.measureText(text).width;
              curX += w;
            }
          } catch (err) {
            _iterator5.e(err);
          } finally {
            _iterator5.f();
          }

          this.width = curX;
          this.height = this.fontSize;
          this.refreshAnchorOff();
          this.ctx.restore();
        }
      }, {
        key: "show",
        value: function show() {
          var callBack = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
          // console.log(' in show ');
          this.visible = true; // this.alpha = 0;

          var tween = new _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Tween(this).to({
            alpha: 1
          }, 800) // .easing(TWEEN.Easing.Quadratic.Out) // Use an easing function to make the animation smooth.
          .onComplete(function () {
            if (callBack) {
              callBack();
            }
          }).start(); // Start the tween immediately.
        }
      }, {
        key: "drawText",
        value: function drawText() {
          // console.log('in drawText', this.text);
          if (!this.text) {
            return;
          }

          this.ctx.font = "".concat(this.fontSize, "px ").concat(this.fontName);
          this.ctx.textAlign = this.textAlign;
          this.ctx.textBaseline = "middle";
          this.ctx.fontWeight = 900;
          this.ctx.lineWidth = 5;
          this.ctx.strokeStyle = "#ffffff"; // this.ctx.strokeText(this.text, 0, 0);

          this.ctx.fillStyle = "#000000"; // this.ctx.fillText(this.text, 0, 0);

          var curX = 0;

          for (var i = 0; i < this.textArr.length; i++) {
            var w = this.ctx.measureText(this.textArr[i]).width;

            if ((i + 1) % 2 === 0) {
              this.ctx.fillStyle = "#c8171e";
            } else {
              this.ctx.fillStyle = "#000000";
            }

            this.ctx.fillText(this.textArr[i], curX, 0);
            curX += w;
          }
        }
      }]);

      return RichTextOld;
    }(Label);

    var RichText =
    /*#__PURE__*/
    function (_Label2) {
      _inherits(RichText, _Label2);

      var _super8 = _createSuper(RichText);

      function RichText(ctx) {
        var _this12;

        _classCallCheck(this, RichText);

        _this12 = _super8.call(this, ctx);
        _this12.disH = 30; // this.dataArr = dataArr;

        return _this12;
      }

      _createClass(RichText, [{
        key: "drawText",
        value: function drawText() {
          if (!this.text) {
            return;
          }

          this.ctx.font = "".concat(this.fontSize, "px ").concat(this.fontName);
          this.ctx.textAlign = this.textAlign;
          this.ctx.textBaseline = "middle";
          this.ctx.fontWeight = this.fontWeight;
          this.ctx.fillStyle = this.fontColor;
          var selfW = this.width * this.scaleX;
          var chr = this.text.split(" ");
          var temp = "";
          var row = [];
          var w = selfW - 80;
          var disH = (this.fontSize + this.disH) * this.scaleY;

          var _iterator6 = _createForOfIteratorHelper(chr),
              _step6;

          try {
            for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
              var c = _step6.value;

              if (this.ctx.measureText(temp).width < w && this.ctx.measureText(temp + c).width <= w) {
                temp += " " + c;
              } else {
                row.push(temp);
                temp = " " + c;
              }
            }
          } catch (err) {
            _iterator6.e(err);
          } finally {
            _iterator6.f();
          }

          row.push(temp);
          var x = 0;
          var y = -row.length * disH / 2; // for (let b = 0 ; b < row.length; b++) {
          //   this.ctx.strokeText(row[b], x, y + ( b + 1 ) * disH ); // 每行字体y坐标间隔20
          // }

          if (this._outlineFlag) {
            this.ctx.lineWidth = this._outLineWidth;
            this.ctx.strokeStyle = this._outLineColor;

            for (var b = 0; b < row.length; b++) {
              this.ctx.strokeText(row[b], x, y + (b + 1) * disH); // 每行字体y坐标间隔20
            } // this.ctx.strokeText(this.text, 0, 0);

          } // this.ctx.fillStyle = '#ff7600';


          for (var _b2 = 0; _b2 < row.length; _b2++) {
            this.ctx.fillText(row[_b2], x, y + (_b2 + 1) * disH); // 每行字体y坐标间隔20
          }
        }
      }, {
        key: "drawSelf",
        value: function drawSelf() {
          _get(_getPrototypeOf(RichText.prototype), "drawSelf", this).call(this);

          this.drawText();
        }
      }]);

      return RichText;
    }(Label);

    var LineRect =
    /*#__PURE__*/
    function (_MySprite6) {
      _inherits(LineRect, _MySprite6);

      var _super9 = _createSuper(LineRect);

      function LineRect() {
        var _this13;

        _classCallCheck(this, LineRect);

        _this13 = _super9.apply(this, arguments);
        _this13.lineColor = "#ffffff";
        _this13.lineWidth = 10;
        return _this13;
      }

      _createClass(LineRect, [{
        key: "setSize",
        value: function setSize(w, h) {
          this.width = w;
          this.height = h;
        }
      }, {
        key: "drawLine",
        value: function drawLine() {
          this.ctx.beginPath();
          this.ctx.moveTo(this._offX, this._offY);
          this.ctx.lineTo(this._offX + this.width, this._offY);
          this.ctx.lineTo(this._offX + this.width, this._offY + this.height);
          this.ctx.lineTo(this._offX, this._offY + this.height);
          this.ctx.closePath();
          this.ctx.lineWidth = this.lineWidth; // this.ctx.fillStyle = "rgb(2,33,42)";  //指定填充颜色
          // this.ctx.fill();   //对多边形进行填充

          this.ctx.strokeStyle = this.lineColor; // "#ffffff";

          this.ctx.stroke();
        }
      }, {
        key: "drawSelf",
        value: function drawSelf() {
          _get(_getPrototypeOf(LineRect.prototype), "drawSelf", this).call(this);

          this.drawLine();
        }
      }]);

      return LineRect;
    }(MySprite);

    var ShapeRect =
    /*#__PURE__*/
    function (_MySprite7) {
      _inherits(ShapeRect, _MySprite7);

      var _super10 = _createSuper(ShapeRect);

      function ShapeRect() {
        var _this14;

        _classCallCheck(this, ShapeRect);

        _this14 = _super10.apply(this, arguments);
        _this14.fillColor = "#FF0000";
        return _this14;
      }

      _createClass(ShapeRect, [{
        key: "setSize",
        value: function setSize(w, h) {
          this.width = w;
          this.height = h; // console.log('w:', w);
          // console.log('h:', h);
        }
      }, {
        key: "drawShape",
        value: function drawShape() {
          this.ctx.fillStyle = this.fillColor;
          this.ctx.fillRect(this._offX, this._offY, this.width, this.height);
        }
      }, {
        key: "drawSelf",
        value: function drawSelf() {
          _get(_getPrototypeOf(ShapeRect.prototype), "drawSelf", this).call(this);

          this.drawShape();
        }
      }]);

      return ShapeRect;
    }(MySprite);

    var Line =
    /*#__PURE__*/
    function (_MySprite8) {
      _inherits(Line, _MySprite8);

      var _super11 = _createSuper(Line);

      function Line() {
        var _this15;

        _classCallCheck(this, Line);

        _this15 = _super11.apply(this, arguments);
        _this15.lineWidth = 5;
        _this15.lineColor = "#000000";
        _this15._pointArr = [];
        _this15.roundFlag = true;
        _this15._pointS = 1;
        _this15.lastPointIndex = 0;
        return _this15;
      }

      _createClass(Line, [{
        key: "init",
        value: function init() {
          var canvas = window["curCanvas"];
          var w = canvas.nativeElement.width;
          var h = canvas.nativeElement.height;
          console.log("w: ", w);
          console.log("h: ", h);
          this._offCanvas = document.createElement("canvas");
          this._offCanvas.width = w;
          this._offCanvas.height = h; // this._offCanvas = _offCanvas;
          // this._offCtx = this._offCanvas.getContext('2d');
          // this._offCanvas = new OffscreenCanvas(w, h);

          this._offCtx = this._offCanvas.getContext("2d");
        }
      }, {
        key: "addPoint",
        value: function addPoint(x, y) {
          this._pointArr.push([x, y]);

          if (this._pointArr.length < 2) {
            return;
          } //
          // const lastP = this._pointArr[this._pointArr.length - 1];
          //
          //
          // const context = this._offCtx;
          // context.moveTo (lastP[0], lastP[1]);       // 设置起点状态
          // context.lineTo (x, y);       // 设置末端状态
          //
          // context.lineWidth = this.lineWidth;          //设置线宽状态
          // context.strokeStyle = this.lineColor;
          // context.stroke();
          //
          //
          // this.bitMap = this._offCanvas.transferToImageBitmap();
          // const tmpLine = new MySprite(this._offCtx);
          // tmpLine.init(this.imgObj);
          // tmpLine.anchorY = 1;
          // tmpLine.anchorX = 0.5;
          // tmpLine.x = lastP[0];
          // tmpLine.y = lastP[1];
          //
          // const disH = getPosDistance(lastP[0], lastP[1], x, y);
          // tmpLine.scaleX = this.lineWidth / tmpLine.width;
          // tmpLine.scaleY = disH / tmpLine.height * 1.1;
          //
          // const angle = getAngleByPos(lastP[0], lastP[1], x, y);
          // tmpLine.rotation = angle;
          //
          // this.addChild(tmpLine);

        }
      }, {
        key: "setPointArr",
        value: function setPointArr(arr, imgObj) {
          this.removeChildren();

          if (arr.length < 2) {
            return;
          }

          var p1 = arr[0];
          var p2;

          for (var i = 1; i < arr.length; i++) {
            p2 = arr[i];
            var tmpLine = new MySprite();
            tmpLine.init(imgObj);
            tmpLine.anchorY = 1;
            tmpLine.anchorX = 0.5;
            tmpLine.x = p1[0];
            tmpLine.y = p1[1];
            var disH = getPosDistance(p1[0], p1[1], p2[0], p2[1]);
            tmpLine.scaleX = this.lineWidth / tmpLine.width;
            tmpLine.scaleY = disH / tmpLine.height * 1.1;
            var angle = getAngleByPos(p1[0], p1[1], p2[0], p2[1]);
            tmpLine.rotation = angle;
            this.addChild(tmpLine);
            p1 = p2;
          }
        }
      }, {
        key: "drawLine",
        value: function drawLine() {
          if (this._pointArr.length < 2) {
            return;
          }

          var curMaxPointIndex = this._pointArr.length - 1;

          if (curMaxPointIndex > this.lastPointIndex) {
            var arr = this._pointArr;
            var context = this._offCtx;
            context.moveTo(arr[this.lastPointIndex][0] * this._pointS, arr[this.lastPointIndex][1] * this._pointS); // 设置起点状态

            for (var i = this.lastPointIndex + 1; i < arr.length; i++) {
              context.lineTo(arr[i][0] * this._pointS, arr[i][1] * this._pointS); // 设置末端状态
            }

            if (this.roundFlag) {
              context.lineCap = "round";
            }

            context.lineWidth = this.lineWidth; //设置线宽状态

            context.strokeStyle = this.lineColor;
            context.stroke();
            this.lastPointIndex = curMaxPointIndex; // this.bitMap = this._offCanvas.transferToImageBitmap();
          } // this.ctx.drawImage(this.bitMap, this._offX, this._offY);


          this.ctx.drawImage(this._offCanvas, this._offX, this._offY);
        }
      }, {
        key: "drawSelf",
        value: function drawSelf() {
          _get(_getPrototypeOf(Line.prototype), "drawSelf", this).call(this);

          this.drawLine(); // if (this.img) {
          //   this.ctx.drawImage(this._offCanvas, 0, 0, this.width, this.height);
          // }
          // if (this.bitMap) {
          //   this.bitMap = this._offCanvas.transferToImageBitmap();
          //   this.ctx.drawImage(this.bitMap, 0, 0, this.width, this.height);
          // }
        }
      }]);

      return Line;
    }(MySprite);

    var ShapeCircle =
    /*#__PURE__*/
    function (_MySprite9) {
      _inherits(ShapeCircle, _MySprite9);

      var _super12 = _createSuper(ShapeCircle);

      function ShapeCircle() {
        var _this16;

        _classCallCheck(this, ShapeCircle);

        _this16 = _super12.apply(this, arguments);
        _this16.fillColor = "#FF0000";
        _this16.radius = 0;
        return _this16;
      }

      _createClass(ShapeCircle, [{
        key: "setRadius",
        value: function setRadius(r) {
          this.anchorX = this.anchorY = 0.5;
          this.radius = r;
          this.width = r * 2;
          this.height = r * 2;
        }
      }, {
        key: "drawShape",
        value: function drawShape() {
          this.ctx.beginPath();
          this.ctx.fillStyle = this.fillColor;
          this.ctx.arc(0, 0, this.radius, 0, angleToRadian(360));
          this.ctx.fill();
        }
      }, {
        key: "drawSelf",
        value: function drawSelf() {
          _get(_getPrototypeOf(ShapeCircle.prototype), "drawSelf", this).call(this);

          this.drawShape();
        }
      }]);

      return ShapeCircle;
    }(MySprite);

    var ShapeRectNew =
    /*#__PURE__*/
    function (_MySprite10) {
      _inherits(ShapeRectNew, _MySprite10);

      var _super13 = _createSuper(ShapeRectNew);

      function ShapeRectNew() {
        var _this17;

        _classCallCheck(this, ShapeRectNew);

        _this17 = _super13.apply(this, arguments);
        _this17.radius = 0;
        _this17.fillColor = "#ffffff";
        _this17.strokeColor = "#000000";
        _this17.fill = true;
        _this17.stroke = false;
        _this17.lineWidth = 1;
        return _this17;
      }

      _createClass(ShapeRectNew, [{
        key: "setSize",
        value: function setSize(w, h, r) {
          this.width = w;
          this.height = h;
          this.radius = r;
        }
      }, {
        key: "setOutLine",
        value: function setOutLine(color, lineWidth) {
          this.stroke = true;
          this.strokeColor = color;
          this.lineWidth = lineWidth;
        }
      }, {
        key: "drawShape",
        value: function drawShape() {
          var ctx = this.ctx;
          var width = this.width;
          var height = this.height;
          var radius = this.radius;
          ctx.save();
          ctx.beginPath(0); // 从右下角顺时针绘制，弧度从0到1/2PI

          ctx.arc(width - radius, height - radius, radius, 0, Math.PI / 2); // 矩形下边线

          ctx.lineTo(radius, height); // 左下角圆弧，弧度从1/2PI到PI

          ctx.arc(radius, height - radius, radius, Math.PI / 2, Math.PI); // 矩形左边线

          ctx.lineTo(0, radius); // 左上角圆弧，弧度从PI到3/2PI

          ctx.arc(radius, radius, radius, Math.PI, Math.PI * 3 / 2); // 上边线

          ctx.lineTo(width - radius, 0); // 右上角圆弧

          ctx.arc(width - radius, radius, radius, Math.PI * 3 / 2, Math.PI * 2); // 右边线

          ctx.lineTo(width, height - radius);
          ctx.closePath();

          if (this.fill) {
            ctx.fillStyle = this.fillColor;
            ctx.fill();
          }

          if (this.stroke) {
            ctx.lineWidth = this.lineWidth;
            ctx.strokeStyle = this.strokeColor;
            ctx.stroke();
          }

          ctx.restore();
        }
      }, {
        key: "drawSelf",
        value: function drawSelf() {
          _get(_getPrototypeOf(ShapeRectNew.prototype), "drawSelf", this).call(this);

          this.drawShape();
        }
      }]);

      return ShapeRectNew;
    }(MySprite);

    var MyAnimation =
    /*#__PURE__*/
    function (_MySprite11) {
      _inherits(MyAnimation, _MySprite11);

      var _super14 = _createSuper(MyAnimation);

      function MyAnimation() {
        var _this18;

        _classCallCheck(this, MyAnimation);

        _this18 = _super14.apply(this, arguments);
        _this18.frameArr = [];
        _this18.frameIndex = 0;
        _this18.playFlag = false;
        _this18.curDelay = 0;
        _this18.loop = false;
        _this18.delayPerUnit = 1;
        _this18.restartFlag = false;
        _this18.reverseFlag = false;
        return _this18;
      }

      _createClass(MyAnimation, [{
        key: "addFrameByImg",
        value: function addFrameByImg(img) {
          var spr = new MySprite(this.ctx);
          spr.init(img);

          this._refreshSize(img);

          spr.visible = false;
          this.addChild(spr);
          this.frameArr.push(spr);
          this.frameArr[this.frameIndex].visible = true;
        }
      }, {
        key: "addFrameByUrl",
        value: function addFrameByUrl(url) {
          var _this19 = this;

          var spr = new MySprite(this.ctx);
          spr.load(url).then(function (img) {
            _this19._refreshSize(img);
          });
          spr.visible = false;
          this.addChild(spr);
          this.frameArr.push(spr);
          this.frameArr[this.frameIndex].visible = true;
        }
      }, {
        key: "_refreshSize",
        value: function _refreshSize(img) {
          if (this.width < img.width) {
            this.width = img.width;
          }

          if (this.height < img.height) {
            this.height = img.height;
          }
        }
      }, {
        key: "play",
        value: function play() {
          this.playFlag = true;
          this.lastDateTime = new Date().getTime();
        }
      }, {
        key: "stop",
        value: function stop() {
          this.playFlag = false;
        }
      }, {
        key: "replay",
        value: function replay() {
          this.restartFlag = true;
          this.play();
        }
      }, {
        key: "reverse",
        value: function reverse() {
          this.reverseFlag = !this.reverseFlag;
          this.frameArr.reverse();
          this.frameIndex = 0;
        }
      }, {
        key: "showAllFrame",
        value: function showAllFrame() {
          var _iterator7 = _createForOfIteratorHelper(this.frameArr),
              _step7;

          try {
            for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
              var frame = _step7.value;
              frame.alpha = 1;
            }
          } catch (err) {
            _iterator7.e(err);
          } finally {
            _iterator7.f();
          }
        }
      }, {
        key: "hideAllFrame",
        value: function hideAllFrame() {
          var _iterator8 = _createForOfIteratorHelper(this.frameArr),
              _step8;

          try {
            for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
              var frame = _step8.value;
              frame.alpha = 0;
            }
          } catch (err) {
            _iterator8.e(err);
          } finally {
            _iterator8.f();
          }
        }
      }, {
        key: "playEnd",
        value: function playEnd() {
          this.playFlag = false;
          this.curDelay = 0;
          this.frameArr[this.frameIndex].visible = true;

          if (this.playEndFunc) {
            this.playEndFunc();
            this.playEndFunc = null;
          }
        }
      }, {
        key: "updateFrame",
        value: function updateFrame() {
          if (this.frameArr[this.frameIndex]) {
            this.frameArr[this.frameIndex].visible = false;
          }

          this.frameIndex++;

          if (this.frameIndex >= this.frameArr.length) {
            if (this.loop) {
              this.frameIndex = 0;
            } else if (this.restartFlag) {
              this.restartFlag = false;
              this.frameIndex = 0;
            } else {
              this.frameIndex--;
              this.playEnd();
              return;
            }
          }

          this.frameArr[this.frameIndex].visible = true;
        }
      }, {
        key: "_updateDelay",
        value: function _updateDelay(delay) {
          this.curDelay += delay;

          if (this.curDelay < this.delayPerUnit) {
            return;
          }

          this.curDelay -= this.delayPerUnit;
          this.updateFrame();
        }
      }, {
        key: "_updateLastDate",
        value: function _updateLastDate() {
          if (!this.playFlag) {
            return;
          }

          var delay = 0;

          if (this.lastDateTime) {
            delay = (new Date().getTime() - this.lastDateTime) / 1000;
          }

          this.lastDateTime = new Date().getTime();

          this._updateDelay(delay);
        }
      }, {
        key: "update",
        value: function update() {
          var $event = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;

          _get(_getPrototypeOf(MyAnimation.prototype), "update", this).call(this, $event);

          this._updateLastDate();
        }
      }]);

      return MyAnimation;
    }(MySprite); // --------===========  util func  =============-------------


    function tweenChange(item, obj) {
      var time = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0.8;
      var callBack = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
      var easing = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
      var update = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : null;
      var tween = new _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Tween(item).to(obj, time * 1000);

      if (callBack) {
        tween.onComplete(function () {
          callBack();
        });
      }

      if (easing) {
        tween.easing(easing);
      }

      if (update) {
        tween.onUpdate(function (a, b) {
          update(a, b);
        });
      }

      tween.start();
      return tween;
    }

    function rotateItem(item, rotation) {
      var time = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0.8;
      var callBack = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
      var easing = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
      var tween = new _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Tween(item).to({
        rotation: rotation
      }, time * 1000);

      if (callBack) {
        tween.onComplete(function () {
          callBack();
        });
      }

      if (easing) {
        tween.easing(easing);
      }

      tween.start();
    }

    function scaleItem(item, scale) {
      var time = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0.8;
      var callBack = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
      var easing = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
      var tween = new _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Tween(item).to({
        scaleX: scale,
        scaleY: scale
      }, time * 1000);

      if (callBack) {
        tween.onComplete(function () {
          callBack();
        });
      }

      if (easing) {
        tween.easing(easing);
      }

      tween.start();
      return tween;
    }

    function moveItem(item, x, y) {
      var time = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0.8;
      var callBack = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
      var easing = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : null;
      var tween = new _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Tween(item).to({
        x: x,
        y: y
      }, time * 1000);

      if (callBack) {
        tween.onComplete(function () {
          callBack();
        });
      }

      if (easing) {
        tween.easing(easing);
      }

      tween.start();
      return tween;
    }

    function endShow(item) {
      var s = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
      item.scaleX = item.scaleY = 0;
      item.alpha = 0;
      var tween = new _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Tween(item).to({
        alpha: 1,
        scaleX: s,
        scaleY: s
      }, 800).easing(_tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Easing.Elastic.Out) // Use an easing function to make the animation smooth.
      .onComplete(function () {}).start();
    }

    function hideItem(item) {
      var time = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.8;
      var callBack = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
      var easing = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;

      if (item.alpha === 0) {
        return;
      }

      var tween = new _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Tween(item).to({
        alpha: 0
      }, time * 1000) // .easing(TWEEN.Easing.Quadratic.Out) // Use an easing function to make the animation smooth.
      .onComplete(function () {
        if (callBack) {
          callBack();
        }
      });

      if (easing) {
        tween.easing(easing);
      }

      tween.start();
    }

    function showItem(item) {
      var time = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.8;
      var callBack = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
      var easing = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;

      if (item.alpha === 1) {
        if (callBack) {
          callBack();
        }

        return;
      }

      item.visible = true;
      var tween = new _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Tween(item).to({
        alpha: 1
      }, time * 1000) // .easing(TWEEN.Easing.Quadratic.Out) // Use an easing function to make the animation smooth.
      .onComplete(function () {
        if (callBack) {
          callBack();
        }
      });

      if (easing) {
        tween.easing(easing);
      }

      tween.start();
    }

    function alphaItem(item, alpha) {
      var time = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0.8;
      var callBack = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
      var easing = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
      var tween = new _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Tween(item).to({
        alpha: alpha
      }, time * 1000) // .easing(TWEEN.Easing.Quadratic.Out) // Use an easing function to make the animation smooth.
      .onComplete(function () {
        if (callBack) {
          callBack();
        }
      });

      if (easing) {
        tween.easing(easing);
      }

      tween.start();
    }

    function showStar(item) {
      var time = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.8;
      var callBack = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
      var easing = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
      var tween = new _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Tween(item).to({
        alpha: 1,
        scale: 1
      }, time * 1000) // .easing(TWEEN.Easing.Quadratic.Out) // Use an easing function to make the animation smooth.
      .onComplete(function () {
        if (callBack) {
          callBack();
        }
      });

      if (easing) {
        tween.easing(easing);
      }

      tween.start();
    }

    function randomSortByArr(arr) {
      if (!arr) {
        return;
      }

      var newArr = [];
      var tmpArr = arr.concat();

      while (tmpArr.length > 0) {
        var randomIndex = Math.floor(tmpArr.length * Math.random());
        newArr.push(tmpArr[randomIndex]);
        tmpArr.splice(randomIndex, 1);
      }

      return newArr;
    }

    function radianToAngle(radian) {
      return radian * 180 / Math.PI; // 角度 = 弧度 * 180 / Math.PI;
    }

    function angleToRadian(angle) {
      return angle * Math.PI / 180; // 弧度= 角度 * Math.PI / 180;
    }

    function getPosByAngle(angle, len) {
      var radian = angle * Math.PI / 180;
      var x = Math.sin(radian) * len;
      var y = Math.cos(radian) * len;
      return {
        x: x,
        y: y
      };
    }

    function getAngleByPos(px, py, mx, my) {
      var x = Math.abs(px - mx);
      var y = Math.abs(py - my);
      var z = Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2));
      var cos = y / z;
      var radina = Math.acos(cos); // 用反三角函数求弧度

      var angle = Math.floor(180 / (Math.PI / radina) * 100) / 100; // 将弧度转换成角度

      if (mx > px && my > py) {
        // 鼠标在第四象限
        angle = 180 - angle;
      }

      if (mx === px && my > py) {
        // 鼠标在y轴负方向上
        angle = 180;
      }

      if (mx > px && my === py) {
        // 鼠标在x轴正方向上
        angle = 90;
      }

      if (mx < px && my > py) {
        // 鼠标在第三象限
        angle = 180 + angle;
      }

      if (mx < px && my === py) {
        // 鼠标在x轴负方向
        angle = 270;
      }

      if (mx < px && my < py) {
        // 鼠标在第二象限
        angle = 360 - angle;
      } // console.log('angle: ', angle);


      return angle;
    }

    function removeItemFromArr(arr, item) {
      var index = arr.indexOf(item);

      if (index !== -1) {
        arr.splice(index, 1);
      }
    }

    function circleMove(item, x0, y0) {
      var time = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 2;
      var addR = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 360;
      var xPer = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 1;
      var yPer = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : 1;
      var callBack = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : null;
      var easing = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : null;
      var r = getPosDistance(item.x, item.y, x0, y0);
      var a = getAngleByPos(item.x, item.y, x0, y0);
      a += 90;
      var obj = {
        r: r,
        a: a
      };
      item._circleAngle = a;
      var targetA = a + addR;
      var tween = new _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Tween(item).to({
        _circleAngle: targetA
      }, time * 1000);

      if (callBack) {
        tween.onComplete(function () {
          callBack();
        });
      }

      if (easing) {
        tween.easing(easing);
      }

      tween.onUpdate(function (item, progress) {
        // console.log(item._circleAngle);
        var r = obj.r;
        var a = item._circleAngle;
        var x = x0 + r * xPer * Math.cos(a * Math.PI / 180);
        var y = y0 + r * yPer * Math.sin(a * Math.PI / 180);
        item.x = x;
        item.y = y; // obj.a ++;
      });
      tween.start();
    }

    function getPosDistance(sx, sy, ex, ey) {
      var _x = ex - sx;

      var _y = ey - sy;

      var len = Math.sqrt(Math.pow(_x, 2) + Math.pow(_y, 2));
      return len;
    }

    function delayCall(callback, second) {
      var tween = new _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Tween(this).delay(second * 1000).onComplete(function () {
        if (callback) {
          callback();
        }
      }).start();
    }

    function formatTime(fmt, date) {
      // "yyyy-MM-dd HH:mm:ss";
      var o = {
        "M+": date.getMonth() + 1,
        "d+": date.getDate(),
        "h+": date.getHours(),
        "m+": date.getMinutes(),
        "s+": date.getSeconds(),
        "q+": Math.floor((date.getMonth() + 3) / 3),
        S: date.getMilliseconds()
      };

      if (/(y+)/.test(fmt)) {
        fmt = fmt.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length));
      }

      for (var k in o) {
        if (new RegExp("(" + k + ")").test(fmt)) {
          fmt = fmt.replace(RegExp.$1, RegExp.$1.length === 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length));
        }
      }

      return fmt;
    }

    function getMinScale(item, maxLen) {
      var sx = maxLen / item.width;
      var sy = maxLen / item.height;
      var minS = Math.min(sx, sy);
      return minS;
    }

    function jelly(item) {
      var time = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.7;

      if (item.jellyTween) {
        _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].remove(item.jellyTween);
      }

      var t = time / 9;
      var baseSX = item.scaleX;
      var baseSY = item.scaleY;
      var index = 0;

      var run = function run() {
        if (index >= arr.length) {
          item.jellyTween = null;
          return;
        }

        var data = arr[index];
        var t = tweenChange(item, {
          scaleX: data[0],
          scaleY: data[1]
        }, data[2], function () {
          index++;
          run();
        }, _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Easing.Sinusoidal.InOut);
        item.jellyTween = t;
      };

      var arr = [[baseSX * 1.1, baseSY * 0.9, t], [baseSX * 0.98, baseSY * 1.02, t * 2], [baseSX * 1.02, baseSY * 0.98, t * 2], [baseSX * 0.99, baseSY * 1.01, t * 2], [baseSX * 1.0, baseSY * 1.0, t * 2]];
      run();
    }

    function showPopParticle(img, pos, parent) {
      var num = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 20;
      var minLen = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 40;
      var maxLen = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 80;
      var showTime = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : 0.4;

      var _loop = function _loop(i) {
        var particle = new MySprite();
        particle.init(img);
        particle.x = pos.x;
        particle.y = pos.y;
        parent.addChild(particle);
        var randomR = 360 * Math.random();
        particle.rotation = randomR;
        var randomS = 0.3 + Math.random() * 0.7;
        particle.setScaleXY(randomS * 0.3);
        var randomX = Math.random() * 20 - 10;
        particle.x += randomX;
        var randomY = Math.random() * 20 - 10;
        particle.y += randomY;
        var randomL = minLen + Math.random() * (maxLen - minLen);
        var randomA = 360 * Math.random();
        var randomT = getPosByAngle(randomA, randomL);
        moveItem(particle, particle.x + randomT.x, particle.y + randomT.y, showTime, function () {}, _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Easing.Exponential.Out); // scaleItem(particle, 0, 0.6, () => {
        //
        // });

        scaleItem(particle, randomS, 0.6, function () {}, _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Easing.Exponential.Out);
        setTimeout(function () {
          hideItem(particle, 0.4, function () {}, _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Easing.Cubic.In);
        }, showTime * 0.5 * 1000);
      };

      for (var i = 0; i < num; i++) {
        _loop(i);
      }
    }

    function shake(item) {
      var time = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.5;
      var callback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
      var rate = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;

      if (item.shakeTween) {
        return;
      }

      item.shakeTween = true;
      var offX = 15 * item.scaleX * rate;
      var offY = 15 * item.scaleX * rate;
      var baseX = item.x;
      var baseY = item.y;
      var easing = _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Easing.Sinusoidal.InOut;

      var move4 = function move4() {
        moveItem(item, baseX, baseY, time / 4, function () {
          item.shakeTween = false;

          if (callback) {
            callback();
          }
        }, easing);
      };

      var move3 = function move3() {
        moveItem(item, baseX + offX / 4, baseY + offY / 4, time / 4, function () {
          move4();
        }, easing);
      };

      var move2 = function move2() {
        moveItem(item, baseX - offX / 4 * 3, baseY - offY / 4 * 3, time / 4, function () {
          move3();
        }, easing);
      };

      var move1 = function move1() {
        moveItem(item, baseX + offX, baseY + offY, time / 7.5, function () {
          move2();
        }, easing);
      };

      move1();
    } // --------------- custom class --------------------


    var HotZoneItem =
    /*#__PURE__*/
    function (_MySprite12) {
      _inherits(HotZoneItem, _MySprite12);

      var _super15 = _createSuper(HotZoneItem);

      function HotZoneItem() {
        var _this20;

        _classCallCheck(this, HotZoneItem);

        _this20 = _super15.apply(this, arguments);
        _this20.lineDashFlag = false;
        _this20.isAnimaStyle = false;
        _this20.rectFillColor = "#ffffff";
        _this20.rectEdgeColor = "#1bfff7";
        return _this20;
      }

      _createClass(HotZoneItem, [{
        key: "itemType",
        get: function get() {
          return this._itemType;
        },
        set: function set(value) {
          this._itemType = value;
        }
      }, {
        key: "setSize",
        value: function setSize(w, h) {
          this.width = w;
          this.height = h;
          var rect = new ShapeRect(this.ctx);
          rect.x = -w / 2;
          rect.y = -h / 2;
          rect.setSize(w, h);
          rect.fillColor = this.rectFillColor;
          rect.alpha = 0.2;
          this.addChild(rect);
        }
      }, {
        key: "showLabel",
        value: function showLabel() {
          var text = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;

          if (!this.label) {
            this.label = new Label(this.ctx);
            this.label.anchorY = 0;
            this.label.fontSize = 40;
            this.label.textAlign = "center";
            this.addChild(this.label); // this.label.scaleX = 1 / this.scaleX;
            // this.label.scaleY = 1 / this.scaleY;

            this.refreshLabelScale();
          }

          if (text) {
            this.label.text = text;
          } else if (this.title) {
            this.label.text = this.title;
          }

          this.label.visible = true;
        }
      }, {
        key: "hideLabel",
        value: function hideLabel() {
          if (!this.label) {
            return;
          }

          this.label.visible = false;
        }
      }, {
        key: "refreshLabelScale",
        value: function refreshLabelScale() {
          if (this.scaleX == this.scaleY) {
            this.label.setScaleXY(1);
          }

          if (this.scaleX > this.scaleY) {
            this.label.scaleX = this.scaleY / this.scaleX;
          } else {
            this.label.scaleY = this.scaleX / this.scaleY;
          }
        }
      }, {
        key: "showLineDash",
        value: function showLineDash() {
          this.lineDashFlag = true;

          if (this.arrow) {
            this.arrow.visible = true;
          } else {
            this.arrow = new MySprite(this.ctx);
            this.arrow.load("assets/common/arrow.png", 1, 0);
            this.arrow.setScaleXY(0.06);
            this.arrowTop = new MySprite(this.ctx);
            this.arrowTop.load("assets/common/arrow_top.png", 0.5, 0);
            this.arrowTop.setScaleXY(0.06);
            this.arrowRight = new MySprite(this.ctx);
            this.arrowRight.load("assets/common/arrow_right.png", 1, 0.5);
            this.arrowRight.setScaleXY(0.06);
          }

          this.showLabel();
        }
      }, {
        key: "hideLineDash",
        value: function hideLineDash() {
          this.lineDashFlag = false;

          if (this.arrow) {
            this.arrow.visible = false;
          }

          this.hideLabel();
        }
      }, {
        key: "setAnimaStyle",
        value: function setAnimaStyle(isAnimaStyle) {
          this.isAnimaStyle = isAnimaStyle;
          console.log("in  setAnimaStyle ");
        }
      }, {
        key: "drawArrow",
        value: function drawArrow() {
          if (!this.arrow) {
            return;
          }

          var rect = this.getBoundingBox();
          this.arrow.x = rect.x + rect.width;
          this.arrow.y = rect.y;
          this.arrow.update();

          if (!this.isAnimaStyle) {
            this.arrowTop.x = rect.x + rect.width / 2;
            this.arrowTop.y = rect.y;
            this.arrowTop.update();
            this.arrowRight.x = rect.x + rect.width;
            this.arrowRight.y = rect.y + rect.height / 2;
            this.arrowRight.update();
          }
        }
      }, {
        key: "drawFrame",
        value: function drawFrame() {
          this.ctx.save();
          var rect = this.getBoundingBox();
          var w = rect.width;
          var h = rect.height;
          var x = rect.x + w / 2;
          var y = rect.y + h / 2;
          this.ctx.setLineDash([5, 5]);
          this.ctx.lineWidth = 2;
          this.ctx.strokeStyle = this.rectEdgeColor;
          this.ctx.beginPath();
          this.ctx.moveTo(x - w / 2, y - h / 2);
          this.ctx.lineTo(x + w / 2, y - h / 2);
          this.ctx.lineTo(x + w / 2, y + h / 2);
          this.ctx.lineTo(x - w / 2, y + h / 2);
          this.ctx.lineTo(x - w / 2, y - h / 2);

          if (this.showColorMask) {
            this.ctx.fillStyle = '#FF0';
            this.ctx.fill();
          }

          this.ctx.stroke();
          this.ctx.restore();
        }
      }, {
        key: "draw",
        value: function draw() {
          _get(_getPrototypeOf(HotZoneItem.prototype), "draw", this).call(this);

          if (this.lineDashFlag) {
            this.drawFrame();

            if (!this.hideArrow) {
              this.drawArrow();
            }
          }
        }
      }]);

      return HotZoneItem;
    }(MySprite);

    var HotZoneMultRect =
    /*#__PURE__*/
    function (_HotZoneItem) {
      _inherits(HotZoneMultRect, _HotZoneItem);

      var _super16 = _createSuper(HotZoneMultRect);

      function HotZoneMultRect() {
        _classCallCheck(this, HotZoneMultRect);

        return _super16.apply(this, arguments);
      }

      _createClass(HotZoneMultRect, [{
        key: "drawLine",
        value: function drawLine() {
          if (!this.item) {
            return;
          }

          this.ctx.save();
          var rect = this.getBoundingBox();
          var w = rect.width;
          var h = rect.height;
          var x = rect.x; //+ w / 2;

          var y = rect.y; //+ h / 2;

          this.ctx.setLineDash([4, 4]);
          this.ctx.lineWidth = 1;
          this.ctx.strokeStyle = "#ffa568";
          this.ctx.beginPath();
          this.ctx.moveTo(x + w / 2, y + h / 2);
          this.ctx.lineTo(this.item.x, this.item.y); // this.ctx.fill();

          this.ctx.stroke();
          this.ctx.restore();
        }
      }, {
        key: "draw",
        value: function draw() {
          _get(_getPrototypeOf(HotZoneMultRect.prototype), "draw", this).call(this);

          if (this.lineDashFlag) {
            this.drawLine();
          }
        }
      }]);

      return HotZoneMultRect;
    }(HotZoneItem);

    var HotZoneImg =
    /*#__PURE__*/
    function (_MySprite13) {
      _inherits(HotZoneImg, _MySprite13);

      var _super17 = _createSuper(HotZoneImg);

      function HotZoneImg() {
        _classCallCheck(this, HotZoneImg);

        return _super17.apply(this, arguments);
      }

      _createClass(HotZoneImg, [{
        key: "drawFrame",
        value: function drawFrame() {
          this.ctx.save();
          var rect = this.getBoundingBox();
          var w = rect.width;
          var h = rect.height;
          var x = rect.x + w / 2;
          var y = rect.y + h / 2;
          this.ctx.setLineDash([5, 5]);
          this.ctx.lineWidth = 2;
          this.ctx.strokeStyle = "#1bfff7";
          this.ctx.beginPath();
          this.ctx.moveTo(x - w / 2, y - h / 2);
          this.ctx.lineTo(x + w / 2, y - h / 2);
          this.ctx.lineTo(x + w / 2, y + h / 2);
          this.ctx.lineTo(x - w / 2, y + h / 2);
          this.ctx.lineTo(x - w / 2, y - h / 2); // this.ctx.fill();

          this.ctx.stroke();
          this.ctx.restore();
        }
      }, {
        key: "draw",
        value: function draw() {
          _get(_getPrototypeOf(HotZoneImg.prototype), "draw", this).call(this);

          this.drawFrame();
        }
      }]);

      return HotZoneImg;
    }(MySprite);

    var HotZoneLabel =
    /*#__PURE__*/
    function (_Label3) {
      _inherits(HotZoneLabel, _Label3);

      var _super18 = _createSuper(HotZoneLabel);

      function HotZoneLabel() {
        _classCallCheck(this, HotZoneLabel);

        return _super18.apply(this, arguments);
      }

      _createClass(HotZoneLabel, [{
        key: "drawFrame",
        value: function drawFrame() {
          this.ctx.save();
          var rect = this.getBoundingBox();
          var w = rect.width / this.scaleX;
          var h = this.height * this.scaleY;
          var x = this.x;
          var y = this.y;
          this.ctx.setLineDash([5, 5]);
          this.ctx.lineWidth = 2;
          this.ctx.strokeStyle = "#1bfff7";
          this.ctx.beginPath();
          this.ctx.moveTo(x - w / 2, y - h / 2);
          this.ctx.lineTo(x + w / 2, y - h / 2);
          this.ctx.lineTo(x + w / 2, y + h / 2);
          this.ctx.lineTo(x - w / 2, y + h / 2);
          this.ctx.lineTo(x - w / 2, y - h / 2); // this.ctx.fill();

          this.ctx.stroke();
          this.ctx.restore();
        }
      }, {
        key: "draw",
        value: function draw() {
          _get(_getPrototypeOf(HotZoneLabel.prototype), "draw", this).call(this);

          this.drawFrame();
        }
      }, {
        key: "getLabelRect",
        value: function getLabelRect() {
          var rect = this.getBoundingBox();
          var width = rect.width / this.scaleX;
          var height = this.height * this.scaleY;
          var x = this.x - width / 2;
          var y = this.y - height / 2;
          return {
            width: width,
            height: height,
            x: x,
            y: y
          };
        }
      }]);

      return HotZoneLabel;
    }(Label);

    var HotZoneAction =
    /*#__PURE__*/
    function (_MySprite14) {
      _inherits(HotZoneAction, _MySprite14);

      var _super19 = _createSuper(HotZoneAction);

      function HotZoneAction() {
        _classCallCheck(this, HotZoneAction);

        return _super19.apply(this, arguments);
      }

      return _createClass(HotZoneAction);
    }(MySprite);

    var DragItem =
    /*#__PURE__*/
    function (_MySprite15) {
      _inherits(DragItem, _MySprite15);

      var _super20 = _createSuper(DragItem);

      function DragItem() {
        var _this21;

        _classCallCheck(this, DragItem);

        _this21 = _super20.apply(this, arguments);
        _this21.lineDashFlag = true;
        return _this21;
      }

      _createClass(DragItem, [{
        key: "init",
        value: function init() {
          this.anchorX = 0.5;
          this.anchorY = 0.5;
          this.initCenterCircle();
        }
      }, {
        key: "setSize",
        value: function setSize(w, h) {
          this.anchorX = 0.5;
          this.anchorY = 0.5;
          this.width = w;
          this.height = h; // const rect = new ShapeRect(this.ctx);
          // rect.x = -w / 2;
          // rect.y = -h / 2;
          // rect.setSize(w, h);
          // rect.fillColor = '#000000';
          // rect.alpha = 0.1;
          // this.addChild(rect);
        }
      }, {
        key: "initCenterCircle",
        value: function initCenterCircle() {
          var circle = new ShapeCircle(this.ctx);
          circle.setRadius(10);
          circle.fillColor = "#ffa568";
          this.addChild(circle);
          this.width = circle.width;
          this.height = circle.height;
        }
      }, {
        key: "getPosition",
        value: function getPosition() {
          return {
            x: this.x,
            y: this.y
          };
        }
      }, {
        key: "drawLine",
        value: function drawLine() {
          if (!this.item) {
            return;
          }

          this.ctx.save();
          var rect = this.getBoundingBox();
          var w = rect.width;
          var h = rect.height;
          var x = rect.x; //+ w / 2;

          var y = rect.y; //+ h / 2;

          this.ctx.setLineDash([4, 4]);
          this.ctx.lineWidth = 1;
          this.ctx.strokeStyle = "#ffa568";
          this.ctx.beginPath();
          this.ctx.moveTo(x + w / 2, y + h / 2);
          this.ctx.lineTo(this.item.x, this.item.y); // this.ctx.fill();

          this.ctx.stroke();
          this.ctx.restore();
        }
      }, {
        key: "drawFrame",
        value: function drawFrame() {
          this.ctx.save();
          var rect = this.getBoundingBox();
          var w = rect.width;
          var h = rect.height;
          var x = rect.x; //+ w / 2;

          var y = rect.y; //+ h / 2;

          this.ctx.setLineDash([4, 4]);
          this.ctx.lineWidth = 2;
          this.ctx.strokeStyle = "#ffa568"; // this.ctx.fillStyle = '#ffffff';

          this.ctx.beginPath();
          this.ctx.moveTo(x - w / 2, y - h / 2);
          this.ctx.lineTo(x + w / 2, y - h / 2);
          this.ctx.lineTo(x + w / 2, y + h / 2);
          this.ctx.lineTo(x - w / 2, y + h / 2);
          this.ctx.lineTo(x - w / 2, y - h / 2); // this.ctx.fill();

          this.ctx.stroke();
          this.ctx.restore();
        }
      }, {
        key: "draw",
        value: function draw() {
          _get(_getPrototypeOf(DragItem.prototype), "draw", this).call(this);

          if (this.lineDashFlag) {
            this.drawLine(); // this.drawFrame();
            // this.drawArrow();
          }
        }
      }]);

      return DragItem;
    }(MySprite);

    var EditorItem =
    /*#__PURE__*/
    function (_MySprite16) {
      _inherits(EditorItem, _MySprite16);

      var _super21 = _createSuper(EditorItem);

      function EditorItem() {
        var _this22;

        _classCallCheck(this, EditorItem);

        _this22 = _super21.apply(this, arguments);
        _this22.lineDashFlag = false;
        return _this22;
      }

      _createClass(EditorItem, [{
        key: "showLabel",
        value: function showLabel() {
          var text = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;

          if (!this.label) {
            this.label = new Label(this.ctx);
            this.label.anchorY = 0;
            this.label.fontSize = 50;
            this.label.textAlign = "center";
            this.addChild(this.label);
            this.label.setScaleXY(1 / this.scaleX);
          }

          if (text) {
            this.label.text = text;
          } else if (this.text) {
            this.label.text = this.text;
          }

          this.label.visible = true;
        }
      }, {
        key: "hideLabel",
        value: function hideLabel() {
          if (!this.label) {
            return;
          }

          this.label.visible = false;
        }
      }, {
        key: "showLineDash",
        value: function showLineDash() {
          this.lineDashFlag = true;

          if (this.arrow) {
            this.arrow.visible = true;
          } else {
            this.arrow = new MySprite(this.ctx);
            this.arrow.load("assets/common/arrow.png", 1, 0);
            this.arrow.setScaleXY(0.06); // this.arrowTop = new MySprite(this.ctx);
            // this.arrowTop.load('assets/common/arrow_top.png', 0.5, 0);
            // this.arrowTop.setScaleXY(0.06);
            //
            // this.arrowRight = new MySprite(this.ctx);
            // this.arrowRight.load('assets/common/arrow_right.png', 1, 0.5);
            // this.arrowRight.setScaleXY(0.06);
          }

          this.showLabel();
        }
      }, {
        key: "hideLineDash",
        value: function hideLineDash() {
          this.lineDashFlag = false;

          if (this.arrow) {
            this.arrow.visible = false;
          }

          this.hideLabel();
        }
      }, {
        key: "refreshLabelScale",
        value: function refreshLabelScale() {}
      }, {
        key: "drawArrow",
        value: function drawArrow() {
          if (!this.arrow) {
            return;
          }

          var rect = this.getBoundingBox();
          this.arrow.x = rect.x + rect.width;
          this.arrow.y = rect.y;
          this.arrow.update(); // this.arrowTop.x = rect.x + rect.width / 2;
          // this.arrowTop.y = rect.y;
          // this.arrowTop.update();
          //
          // this.arrowRight.x = rect.x + rect.width;
          // this.arrowRight.y = rect.y + rect.height / 2;
          // this.arrowRight.update();
        }
      }, {
        key: "drawFrame",
        value: function drawFrame() {
          this.ctx.save();
          var rect = this.getBoundingBox();
          var w = rect.width;
          var h = rect.height;
          var x = rect.x + w / 2;
          var y = rect.y + h / 2;
          this.ctx.setLineDash([5, 5]);
          this.ctx.lineWidth = 2;
          this.ctx.strokeStyle = "#1bfff7"; // this.ctx.fillStyle = '#ffffff';

          this.ctx.beginPath();
          this.ctx.moveTo(x - w / 2, y - h / 2);
          this.ctx.lineTo(x + w / 2, y - h / 2);
          this.ctx.lineTo(x + w / 2, y + h / 2);
          this.ctx.lineTo(x - w / 2, y + h / 2);
          this.ctx.lineTo(x - w / 2, y - h / 2); // this.ctx.fill();

          this.ctx.stroke();
          this.ctx.restore();
        }
      }, {
        key: "draw",
        value: function draw() {
          _get(_getPrototypeOf(EditorItem.prototype), "draw", this).call(this);

          if (this.lineDashFlag) {
            this.drawFrame();

            if (!this.hideArrow) {
              this.drawArrow();
            }
          }
        }
      }]);

      return EditorItem;
    }(MySprite);
    /***/

  },

  /***/
  "./src/app/common/custom-hot-zone/custom-hot-zone.component.ts":
  /*!*********************************************************************!*\
    !*** ./src/app/common/custom-hot-zone/custom-hot-zone.component.ts ***!
    \*********************************************************************/

  /*! exports provided: CustomHotZoneComponent */

  /***/
  function srcAppCommonCustomHotZoneCustomHotZoneComponentTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "CustomHotZoneComponent", function () {
      return CustomHotZoneComponent;
    });
    /* harmony import */


    var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! @angular/core */
    "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
    /* harmony import */


    var rxjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
    /*! rxjs */
    "./node_modules/rxjs/_esm2015/index.js");
    /* harmony import */


    var rxjs_operators__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
    /*! rxjs/operators */
    "./node_modules/rxjs/_esm2015/operators/index.js");
    /* harmony import */


    var _Unit__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
    /*! ./Unit */
    "./src/app/common/custom-hot-zone/Unit.ts");
    /* harmony import */


    var _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(
    /*! @tweenjs/tween.js */
    "./node_modules/@tweenjs/tween.js/dist/tween.esm.js");
    /* harmony import */


    var _play_Unit__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(
    /*! ../../play/Unit */
    "./src/app/play/Unit.ts");
    /* harmony import */


    var ng_zorro_antd_select__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(
    /*! ng-zorro-antd/select */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-select.js");
    /* harmony import */


    var _angular_forms__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(
    /*! @angular/forms */
    "./node_modules/@angular/forms/__ivy_ngcc__/fesm2015/forms.js");
    /* harmony import */


    var _angular_common__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(
    /*! @angular/common */
    "./node_modules/@angular/common/__ivy_ngcc__/fesm2015/common.js");
    /* harmony import */


    var ng_zorro_antd_button__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(
    /*! ng-zorro-antd/button */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-button.js");
    /* harmony import */


    var ng_zorro_antd_grid__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(
    /*! ng-zorro-antd/grid */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-grid.js");
    /* harmony import */


    var _upload_image_with_preview_upload_image_with_preview_component__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(
    /*! ../upload-image-with-preview/upload-image-with-preview.component */
    "./src/app/common/upload-image-with-preview/upload-image-with-preview.component.ts");
    /* harmony import */


    var ng_zorro_antd_icon__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(
    /*! ng-zorro-antd/icon */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-icon.js");
    /* harmony import */


    var ng_zorro_antd_divider__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(
    /*! ng-zorro-antd/divider */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-divider.js");
    /* harmony import */


    var ng_zorro_antd_input__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(
    /*! ng-zorro-antd/input */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-input.js");
    /* harmony import */


    var ng_zorro_antd_checkbox__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(
    /*! ng-zorro-antd/checkbox */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-checkbox.js");
    /* harmony import */


    var ng_zorro_antd_tooltip__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(
    /*! ng-zorro-antd/tooltip */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-tooltip.js");

    var _c0 = ["canvas"];
    var _c1 = ["wrap"];
    var _c2 = ["hotZoneRef"];
    var _c3 = ["toolBoxRef"];
    var _c4 = ["previewBoxRef"];
    var _c5 = ["previewContainerRef"];
    var _c6 = ["RightContextMenuOnCanvasRef"];

    function CustomHotZoneComponent_nz_option_16_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "nz-option", 37);
      }

      if (rf & 2) {
        var it_r444 = ctx.$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", it_r444.index)("nzLabel", it_r444.itemName);
      }
    }

    function CustomHotZoneComponent_div_25_Template(rf, ctx) {
      if (rf & 1) {
        var _r449 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 38);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div", 39);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "span", 40);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](3);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](4, "nz-divider", 41);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](5, "div", 42);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "span", 43);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](7, "\u70ED\u533A\u540D(\u53EF\u9009): ");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "input", 44);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function CustomHotZoneComponent_div_25_Template_input_ngModelChange_8_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r449);

          var it_r446 = ctx.$implicit;
          return it_r446.itemName = $event;
        })("blur", function CustomHotZoneComponent_div_25_Template_input_blur_8_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r449);

          var it_r446 = ctx.$implicit;

          var ctx_r450 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r450.saveText(it_r446);
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var it_r446 = ctx.$implicit;
        var i_r447 = ctx.index;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"](" item-", i_r447 + 1, "");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](5);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", it_r446.itemName);
      }
    }

    function CustomHotZoneComponent_div_53_Template(rf, ctx) {
      if (rf & 1) {
        var _r452 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 45);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div", 46);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function CustomHotZoneComponent_div_53_Template_div_click_1_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r452);

          var ctx_r451 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r451.handleClickToSameSize();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnamespaceSVG"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "svg", 47);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](3, "path", 48);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](4, "path", 49);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnamespaceHTML"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](5, "div", 50);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function CustomHotZoneComponent_div_53_Template_div_click_5_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r452);

          var ctx_r453 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r453.handleClickAlignTop();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnamespaceSVG"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "svg", 51);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](7, "path", 52);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](8, "path", 53);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnamespaceHTML"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](9, "div", 54);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function CustomHotZoneComponent_div_53_Template_div_click_9_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r452);

          var ctx_r454 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r454.handleClickAlignBottom();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnamespaceSVG"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](10, "svg", 55);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](11, "path", 56);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](12, "path", 57);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnamespaceHTML"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](13, "div", 58);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function CustomHotZoneComponent_div_53_Template_div_click_13_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r452);

          var ctx_r455 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r455.handleClickAlignLeft();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnamespaceSVG"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](14, "svg", 59);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](15, "path", 60);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](16, "path", 61);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnamespaceHTML"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](17, "div", 62);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function CustomHotZoneComponent_div_53_Template_div_click_17_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r452);

          var ctx_r456 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r456.handleClickAlignRight();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnamespaceSVG"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](18, "svg", 63);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](19, "path", 64);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](20, "path", 65);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnamespaceHTML"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](21, "div", 66);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function CustomHotZoneComponent_div_53_Template_div_click_21_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r452);

          var ctx_r457 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r457.handleClickHMiddle();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnamespaceSVG"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](22, "svg", 67);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](23, "path", 68);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnamespaceHTML"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](24, "div", 69);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function CustomHotZoneComponent_div_53_Template_div_click_24_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r452);

          var ctx_r458 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r458.handleClickVMiddle();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnamespaceSVG"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](25, "svg", 70);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](26, "path", 71);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnamespaceHTML"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](27, "div", 72);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function CustomHotZoneComponent_div_53_Template_div_click_27_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r452);

          var ctx_r459 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r459.handleClickHSpaceBetween();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnamespaceSVG"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](28, "svg", 73);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](29, "path", 74);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](30, "path", 75);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](31, "path", 76);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](32, "path", 77);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnamespaceHTML"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](33, "div", 78);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function CustomHotZoneComponent_div_53_Template_div_click_33_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r452);

          var ctx_r460 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r460.handleClickVSpaceBetween();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnamespaceSVG"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](34, "svg", 79);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](35, "path", 80);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](36, "path", 81);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](37, "path", 82);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](38, "path", 83);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }
    }

    var _c7 = function _c7(a0) {
      return {
        "fix-top": a0
      };
    };

    var CustomHotZoneComponent =
    /*@__PURE__*/
    function () {
      var CustomHotZoneComponent =
      /*#__PURE__*/
      function () {
        function CustomHotZoneComponent() {
          _classCallCheck(this, CustomHotZoneComponent);

          this.imgItemArr = null;
          this.hotZoneItemArr = null;
          this.hotZoneArr = null;
          this.save = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
          this.isHasRect = true;
          this.isHasPic = true;
          this.isHasText = true;
          this.hotZoneFontObj = {
            size: 50,
            name: 'BRLNSR_1',
            color: '#8f3758'
          };
          this.defaultItemType = 'rect';
          this.hotZoneImgSize = 190;
          this.saveDisabled = true;
          this.canvasWidth = 1280;
          this.canvasHeight = 720;
          this.canvasBaseW = 1280; // @HostListener('window:resize', ['$event'])

          this.canvasBaseH = 720;
          this.mapScale = 1; // 声音

          this.bgAudio = new Audio();
          this.images = new Map(); // 资源
          // rawImages = new Map(res);

          this.winResizeEventStream = new rxjs__WEBPACK_IMPORTED_MODULE_1__["Subject"]();
          this.imgArr = [];
          this.curItems = []; // 多选热区 布局调整

          this.changeSizeFlag = false;
          this.changeTopSizeFlag = false;
          this.changeRightSizeFlag = false; // 布局模式

          this.inLayoutMode = false; // 右键菜单选择热区索引

          this.rightMenuSlecetHotZoneIndex = null; // 当前微调的对象

          this.currentSetting = {
            index: -1,
            itemName: "",
            x: 0,
            y: 0,
            width: 0,
            height: 0
          };
          this._bgItem = null;
          this.toolBoxFixTop = false; // keyCtrlDown = false; // ctrl键是否被按下
          // @HostListener('window:keydown', ['$event'])
          // onKeyDown(e) {
          //   console.log("onKeyDown", e.keyCode);
          //   if(e.keyCode == 91 || e.ctrlKey) {
          //     this.keyCtrlDown = true;
          //   }
          // }
          // @HostListener('window:keyup', ['$event'])
          // onKeyUp(e) {
          //   console.log("onKeyUp", e.keyCode);
          //   if(e.keyCode == 91 || e.ctrlKey) {
          //     this.keyCtrlDown = false;
          //   }
          // }

          this.rightClickOffsetX = -1;
          this.rightClickOffsetY = -1;
        }

        _createClass(CustomHotZoneComponent, [{
          key: "bgItem",
          get: function get() {
            return this._bgItem;
          },
          set: function set(v) {
            this._bgItem = v;
            this.init();
          }
        }, {
          key: "onResize",
          value: function onResize(event) {
            this.winResizeEventStream.next();
          }
        }, {
          key: "onscroll",
          value: function onscroll() {
            var scrollTop = document.documentElement.scrollTop; // 页面顶端滚出屏幕的距离

            var offsetHeight = this.previewContainerRef.nativeElement.offsetHeight; // 预览框的高度

            var offsetTop = this.hotZoneRef.nativeElement.offsetTop; // 热区距离页面顶端的距离

            if (scrollTop <= offsetTop || scrollTop - offsetTop > offsetHeight) {
              this.toolBoxRef.nativeElement.style.position = "absolute";
              this.toolBoxFixTop = false;
            } else {
              this.toolBoxRef.nativeElement.style.position = "fixed";
              this.toolBoxFixTop = true;
            }
          }
        }, {
          key: "handleContextmenuOnMenu",
          value: function handleContextmenuOnMenu(e) {
            this.RightContextMenuOnCanvasRef.nativeElement.style.display = "block";
            this.RightContextMenuOnCanvasRef.nativeElement.style.position = "absolute";
            this.RightContextMenuOnCanvasRef.nativeElement.style.top = e.offsetY + "px";
            this.RightContextMenuOnCanvasRef.nativeElement.style.left = e.offsetX + "px";
            this.rightClickOffsetX = e.offsetX;
            this.rightClickOffsetY = e.offsetY;
          }
        }, {
          key: "ngOnInit",
          value: function ngOnInit() {
            this.initListener(); // this.init();

            this.update();

            document.oncontextmenu = function () {
              return false;
            };
          }
        }, {
          key: "ngOnDestroy",
          value: function ngOnDestroy() {
            window.cancelAnimationFrame(this.animationId);
          }
        }, {
          key: "ngOnChanges",
          value: function ngOnChanges() {}
        }, {
          key: "onBackgroundUploadSuccess",
          value: function onBackgroundUploadSuccess(e) {
            this.setDataChange(); // 标记数据改变 离开页面是提示保存

            this.bgItem.url = e.url;
            this.refreshBackground();
          }
        }, {
          key: "onItemImgUploadSuccess",
          value: function onItemImgUploadSuccess(e, item) {
            this.setDataChange(); // 标记数据改变 离开页面是提示保存

            item.pic_url = e.url;
            this.loadHotZonePic(item.pic, e.url);
          }
        }, {
          key: "onItemAudioUploadSuccess",
          value: function onItemAudioUploadSuccess(e, item) {
            this.setDataChange(); // 标记数据改变 离开页面是提示保存

            item.audio_url = e.url;
          }
        }, {
          key: "refreshBackground",
          value: function refreshBackground() {
            var _this23 = this;

            var callBack = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;

            if (!this.bg) {
              this.bg = new _Unit__WEBPACK_IMPORTED_MODULE_3__["MySprite"](this.ctx);
              this.renderArr.push(this.bg);
            }

            var bg = this.bg;

            if (this.bgItem.url) {
              bg.load(this.bgItem.url).then(function () {
                var rate1 = _this23.canvasWidth / bg.width;
                var rate2 = _this23.canvasHeight / bg.height;
                var rate = Math.min(rate1, rate2);
                bg.setScaleXY(rate);
                bg.x = _this23.canvasWidth / 2;
                bg.y = _this23.canvasHeight / 2;

                if (callBack) {
                  callBack();
                }
              });
            }
          }
        }, {
          key: "addHotZone",
          value: function addHotZone(itemName) {
            // this.imgArr.push({});
            // this.hotZoneArr.push({});
            var item = this.getHotZoneItem();
            item.itemName = itemName;
            this.hotZoneArr.push(item);
            this.refreshItem(item);
            this.refreshHotZoneId();
            this.setDataChange(); // 标记数据改变 离开页面是提示保存
          }
        }, {
          key: "addBtnClick",
          value: function addBtnClick() {
            this.setDataChange(); // 标记数据改变 离开页面是提示保存
            // this.imgArr.push({});
            // this.hotZoneArr.push({});

            var item = this.getHotZoneItem();
            this.hotZoneArr.push(item);
            this.refreshItem(item);
            this.refreshHotZoneId();
          }
        }, {
          key: "deleteBtnClick",
          value: function deleteBtnClick(index) {
            this.setDataChange(); // 标记数据改变 离开页面是提示保存

            var item = this.hotZoneArr.splice(index, 1)[0];
            Object(_Unit__WEBPACK_IMPORTED_MODULE_3__["removeItemFromArr"])(this.renderArr, item.pic);
            Object(_Unit__WEBPACK_IMPORTED_MODULE_3__["removeItemFromArr"])(this.renderArr, item.textLabel);
            this.refreshHotZoneId();
          }
        }, {
          key: "onImgUploadSuccessByImg",
          value: function onImgUploadSuccessByImg(e, img) {
            this.setDataChange(); // 标记数据改变 离开页面是提示保存

            img.pic_url = e.url;
            this.refreshImage(img);
          }
        }, {
          key: "refreshImage",
          value: function refreshImage(img) {
            this.hideAllLineDash();
            img.picItem = this.getPicItem(img);
            this.refreshImageId();
          }
        }, {
          key: "refreshHotZoneId",
          value: function refreshHotZoneId() {
            for (var i = 0; i < this.hotZoneArr.length; i++) {
              this.hotZoneArr[i].index = i;

              if (this.hotZoneArr[i]) {
                this.hotZoneArr[i].title = 'item-' + (i + 1);
              }
            }
          }
        }, {
          key: "refreshImageId",
          value: function refreshImageId() {
            for (var i = 0; i < this.imgArr.length; i++) {
              this.imgArr[i].id = i;

              if (this.imgArr[i].picItem) {
                this.imgArr[i].picItem.text = 'Image-' + (i + 1);
              }
            }
          }
        }, {
          key: "getHotZoneItem",
          value: function getHotZoneItem() {
            var saveData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
            var itemW = 200;
            var itemH = 200;
            var item = new _Unit__WEBPACK_IMPORTED_MODULE_3__["HotZoneItem"](this.ctx);
            item.setSize(itemW, itemH);
            item.anchorX = 0.5;
            item.anchorY = 0.5;
            item.x = this.canvasWidth / 2;
            item.y = this.canvasHeight / 2;
            item.itemType = this.defaultItemType;
            item.itemName = "";

            if (saveData) {
              var saveRect = saveData.rect;
              item.scaleX = saveRect.width / item.width;
              item.scaleY = saveRect.height / item.height;
              item.x = saveRect.x + saveRect.width / 2;
              item.y = saveRect.y + saveRect.height / 2;
            }

            item.showLineDash();
            var pic = new _Unit__WEBPACK_IMPORTED_MODULE_3__["HotZoneImg"](this.ctx);
            pic.visible = false;
            item['pic'] = pic;

            if (saveData && saveData.pic_url) {
              this.loadHotZonePic(pic, saveData.pic_url);
            }

            pic.x = item.x;
            pic.y = item.y;
            this.renderArr.push(pic);
            var textLabel = new _Unit__WEBPACK_IMPORTED_MODULE_3__["HotZoneLabel"](this.ctx);
            textLabel.fontSize = this.hotZoneFontObj.size;
            textLabel.fontName = this.hotZoneFontObj.name;
            textLabel.fontColor = this.hotZoneFontObj.color;
            textLabel.textAlign = 'center';
            item['textLabel'] = textLabel;
            textLabel.setScaleXY(this.mapScale);

            if (saveData && saveData.text) {
              textLabel.text = saveData.text;
              textLabel.refreshSize();
            }

            textLabel.x = item.x;
            textLabel.y = item.y;
            this.renderArr.push(textLabel);
            return item;
          }
        }, {
          key: "getPicItem",
          value: function getPicItem(img) {
            var _this24 = this;

            var saveData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
            var item = new _Unit__WEBPACK_IMPORTED_MODULE_3__["EditorItem"](this.ctx);
            item.load(img.pic_url).then(function (img) {
              var maxW, maxH;

              if (_this24.bg) {
                maxW = _this24.bg.width * _this24.bg.scaleX;
                maxH = _this24.bg.height * _this24.bg.scaleY;
              } else {
                maxW = _this24.canvasWidth;
                maxH = _this24.canvasHeight;
              }

              var scaleX = maxW / 3 / item.width;
              var scaleY = maxH / 3 / item.height;

              if (item.height * scaleX < _this24.canvasHeight) {
                item.setScaleXY(scaleX);
              } else {
                item.setScaleXY(scaleY);
              }

              item.x = _this24.canvasWidth / 2;
              item.y = _this24.canvasHeight / 2;

              if (saveData) {
                var saveRect = saveData.rect;
                item.setScaleXY(saveRect.width / item.width);
                item.x = saveRect.x + saveRect.width / 2;
                item.y = saveRect.y + saveRect.height / 2;
              } else {
                item.showLineDash();
              }
            });
            return item;
          }
        }, {
          key: "onAudioUploadSuccessByImg",
          value: function onAudioUploadSuccessByImg(e, img) {
            this.setDataChange(); // 标记数据改变 离开页面是提示保存

            img.audio_url = e.url;
          }
        }, {
          key: "deleteItem",
          value: function deleteItem(e, i) {
            this.setDataChange(); // 标记数据改变 离开页面是提示保存
            // this.imgArr.splice(i , 1);
            // this.refreshImageId();

            this.hotZoneArr.splice(i, 1);
            this.refreshHotZoneId();
          }
        }, {
          key: "radioChange",
          value: function radioChange(e, item) {
            this.setDataChange(); // 标记数据改变 离开页面是提示保存

            item.itemType = e;
            this.refreshItem(item);
          }
        }, {
          key: "refreshItem",
          value: function refreshItem(item) {
            switch (item.itemType) {
              case 'rect':
                this.setRectState(item);
                break;

              case 'pic':
                this.setPicState(item);
                break;

              case 'text':
                this.setTextState(item);
                break;

              default:
            }
          }
        }, {
          key: "init",
          value: function init() {
            this.initData();
            this.initCtx();
            this.initItem();
          }
        }, {
          key: "initItem",
          value: function initItem() {
            var _this25 = this;

            if (!this.bgItem) {
              this.bgItem = {};
            } else {
              this.refreshBackground(function () {
                if (!_this25.hotZoneItemArr) {
                  _this25.hotZoneItemArr = [];
                } else {
                  _this25.initHotZoneArr();
                }
              });
            }
          }
        }, {
          key: "initHotZoneArr",
          value: function initHotZoneArr() {
            var curBgRect;

            if (this.bg) {
              curBgRect = this.bg.getBoundingBox();
            } else {
              curBgRect = {
                x: 0,
                y: 0,
                width: this.canvasWidth,
                height: this.canvasHeight
              };
            }

            var oldBgRect = this.bgItem.rect;

            if (!oldBgRect) {
              oldBgRect = curBgRect;
            }

            var rate = curBgRect.width / oldBgRect.width;
            this.hotZoneArr = [];
            var arr = this.hotZoneItemArr.concat();

            for (var i = 0; i < arr.length; i++) {
              var data = JSON.parse(JSON.stringify(arr[i])); // const img = {pic_url: data.pic_url};

              data.rect.x *= rate;
              data.rect.y *= rate;
              data.rect.width *= rate;
              data.rect.height *= rate;
              data.rect.x += curBgRect.x;
              data.rect.y += curBgRect.y; // img['picItem'] = this.getPicItem(img, data);
              // img['audio_url'] = arr[i].audio_url;
              // this.imgArr.push(img);

              var item = this.getHotZoneItem(data);
              item.audio_url = data.audio_url;
              item.pic_url = data.pic_url;
              item.text = data.text;
              item.itemType = data.itemType;
              item.itemName = data.itemName;
              this.refreshItem(item);
              this.hotZoneArr.push(item);
            }

            this.refreshHotZoneId(); // this.refreshImageId();
          }
        }, {
          key: "initImgArr",
          value: function initImgArr() {
            var curBgRect;

            if (this.bg) {
              curBgRect = this.bg.getBoundingBox();
            } else {
              curBgRect = {
                x: 0,
                y: 0,
                width: this.canvasWidth,
                height: this.canvasHeight
              };
            }

            var oldBgRect = this.bgItem.rect;

            if (!oldBgRect) {
              oldBgRect = curBgRect;
            }

            var rate = curBgRect.width / oldBgRect.width;
            this.imgArr = [];
            var arr = this.imgItemArr.concat();

            for (var i = 0; i < arr.length; i++) {
              var data = JSON.parse(JSON.stringify(arr[i]));
              var img = {
                pic_url: data.pic_url
              };
              data.rect.x *= rate;
              data.rect.y *= rate;
              data.rect.width *= rate;
              data.rect.height *= rate;
              data.rect.x += curBgRect.x;
              data.rect.y += curBgRect.y;
              img['picItem'] = this.getPicItem(img, data);
              img['audio_url'] = arr[i].audio_url;
              this.imgArr.push(img);
            }

            this.refreshImageId();
          }
        }, {
          key: "initData",
          value: function initData() {
            this.canvasWidth = this.wrap.nativeElement.clientWidth;
            this.canvasHeight = this.wrap.nativeElement.clientHeight;
            this.mapScale = this.canvasWidth / this.canvasBaseW;
            this.renderArr = [];
            this.bg = null;
            this.imgArr = [];
            this.hotZoneArr = [];
          }
        }, {
          key: "initCtx",
          value: function initCtx() {
            this.ctx = this.canvas.nativeElement.getContext('2d');
            this.canvas.nativeElement.width = this.canvasWidth;
            this.canvas.nativeElement.height = this.canvasHeight;
          }
        }, {
          key: "mapDown",
          value: function mapDown(event) {
            this.setDataChange(); // 标记数据改变 离开页面是提示保存
            // 如果是鼠标右键 不响应

            if (event.button == 2) {
              return;
            }

            var altKey = event.altKey;
            this.oldPos = {
              x: this.mx,
              y: this.my
            };

            for (var i = 0; i < this.hotZoneArr.length; i++) {
              var item = this.hotZoneArr[i];
              var callback = void 0;
              var target = void 0;

              switch (item.itemType) {
                case 'rect':
                  target = item;
                  callback = this.clickedHotZoneRect.bind(this);
                  break;

                case 'pic':
                  target = item.pic;
                  callback = this.clickedHotZonePic.bind(this);
                  break;

                case 'text':
                  target = item.textLabel;
                  callback = this.clickedHotZoneText.bind(this);
                  break;
              }

              if (this.checkClickTarget(target)) {
                callback(target, altKey);
                return;
              }
            } // 点击时没有按下Command键 则清空选择的热区点


            if (!altKey) {
              this.resetAllItemColors();
            }

            this.hideContextMenuOnCanvas();
          }
        }, {
          key: "mapMove",
          value: function mapMove(event) {
            if (!this.curItem) {
              return;
            }

            this.setDataChange(); // 标记数据改变 离开页面是提示保存

            if (this.changeSizeFlag) {
              this.changeSize();
            } else if (this.changeTopSizeFlag) {
              this.changeTopSize();
            } else if (this.changeRightSizeFlag) {
              this.changeRightSize();
            } else {
              var addX = this.mx - this.oldPos.x;
              var addY = this.my - this.oldPos.y;
              this.curItem.x += addX;
              this.curItem.y += addY;
            }

            this.oldPos = {
              x: this.mx,
              y: this.my
            };
            this.saveDisabled = true;
          }
        }, {
          key: "mapUp",
          value: function mapUp(event) {
            this.setDataChange(); // 标记数据改变 离开页面是提示保存

            this.curItem = null;
            this.changeSizeFlag = false;
            this.changeTopSizeFlag = false;
            this.changeRightSizeFlag = false;
          }
        }, {
          key: "changeSize",
          value: function changeSize() {
            var rect = this.curItem.getBoundingBox();
            var lenW = (this.mx - (rect.x + rect.width / 2)) * 2;
            var lenH = (rect.y + rect.height / 2 - this.my) * 2;
            var minLen = 20;
            var s;

            if (lenW < lenH) {
              if (lenW < minLen) {
                lenW = minLen;
              }

              s = lenW / this.curItem.width;
            } else {
              if (lenH < minLen) {
                lenH = minLen;
              }

              s = lenH / this.curItem.height;
            }

            this.curItem.setScaleXY(s);
            this.curItem.refreshLabelScale();
          }
        }, {
          key: "setCurItemSize",
          value: function setCurItemSize(size) {
            this.setDataChange(); // 标记数据改变 离开页面是提示保存

            var curItem = this.hotZoneArr[size.index];

            if (size.width != null && !isNaN(size.width)) {
              curItem.scaleX = size.width / curItem.width;
            }

            if (size.height != null && !isNaN(size.height)) {
              curItem.scaleY = size.height / curItem.height;
            }

            if (size.itemName) {
              curItem.itemName = size.itemName;
            }

            if (size.x != null && !isNaN(size.x)) {
              curItem.x = Number(size.x) + size.width / 2;
            }

            if (size.y != null && !isNaN(size.y)) {
              curItem.y = Number(size.y) + size.height / 2;
            }

            curItem.refreshLabelScale();
          } // 根据索引 设置热区的位置

        }, {
          key: "setHotZonePosByIndex",
          value: function setHotZonePosByIndex(index, posX, posY) {
            this.setDataChange(); // 标记数据改变 离开页面是提示保存

            var curItem = this.hotZoneArr[index];

            if (posX != null && !isNaN(posX)) {
              curItem.x = Number(posX);
            }

            if (posY != null && !isNaN(posY)) {
              curItem.y = Number(posY);
            }

            curItem.refreshLabelScale();
          }
        }, {
          key: "changeTopSize",
          value: function changeTopSize() {
            var rect = this.curItem.getBoundingBox(); // let lenW = ( this.mx - (rect.x + rect.width / 2) ) * 2;

            var lenH = (rect.y + rect.height / 2 - this.my) * 2;
            var minLen = 20;
            var s; // if (lenW < lenH) {
            //   if (lenW < minLen) {
            //     lenW = minLen;
            //   }
            //   s = lenW / this.curItem.width;
            //
            // } else {

            if (lenH < minLen) {
              lenH = minLen;
            }

            s = lenH / this.curItem.height; // }

            this.curItem.scaleY = s;
            this.curItem.refreshLabelScale();
          }
        }, {
          key: "changeRightSize",
          value: function changeRightSize() {
            var rect = this.curItem.getBoundingBox();
            var lenW = (this.mx - (rect.x + rect.width / 2)) * 2; // let lenH = ( (rect.y + rect.height / 2) - this.my ) * 2;

            var minLen = 20;
            var s;

            if (lenW < minLen) {
              lenW = minLen;
            }

            s = lenW / this.curItem.width;
            this.curItem.scaleX = s;
            this.curItem.refreshLabelScale();
          }
        }, {
          key: "changeItemSize",
          value: function changeItemSize(item) {
            this.curItem = item;
            this.changeSizeFlag = true;
          }
        }, {
          key: "changeItemTopSize",
          value: function changeItemTopSize(item) {
            this.curItem = item;
            this.changeTopSizeFlag = true;
          }
        }, {
          key: "changeItemRightSize",
          value: function changeItemRightSize(item) {
            this.curItem = item;
            this.changeRightSizeFlag = true;
          }
        }, {
          key: "changeCurItem",
          value: function changeCurItem(item) {
            this.hideAllLineDash();
            this.curItem = item;
            this.curItem.showLineDash();
          }
        }, {
          key: "hideAllLineDash",
          value: function hideAllLineDash() {
            for (var i = 0; i < this.imgArr.length; i++) {
              if (this.imgArr[i].picItem) {
                this.imgArr[i].picItem.hideLineDash();
              }
            }
          }
        }, {
          key: "update",
          value: function update() {
            if (!this.ctx) {
              return;
            }

            this.animationId = window.requestAnimationFrame(this.update.bind(this)); // 清除画布内容

            this.ctx.clearRect(0, 0, this.canvasWidth, this.canvasHeight);

            for (var i = 0; i < this.renderArr.length; i++) {
              this.renderArr[i].update(this);
            } // for (let i = 0; i < this.imgArr.length; i++) {
            //   const picItem = this.imgArr[i].picItem;
            //   if (picItem) {
            //     picItem.update(this);
            //   }
            // }


            this.updateArr(this.hotZoneArr);
            this.updatePos();

            _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_4__["default"].update();
          }
        }, {
          key: "updateArr",
          value: function updateArr(arr) {
            if (arr) {
              for (var i = 0; i < arr.length; i++) {
                arr[i].update();
              }
            }
          }
        }, {
          key: "renderAfterResize",
          value: function renderAfterResize() {
            this.canvasWidth = this.wrap.nativeElement.clientWidth;
            this.canvasHeight = this.wrap.nativeElement.clientHeight;
            this.init();
          }
        }, {
          key: "initListener",
          value: function initListener() {
            var _this26 = this;

            this.winResizeEventStream.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_2__["debounceTime"])(500)).subscribe(function (data) {
              _this26.renderAfterResize();
            });

            if (this.IsPC()) {
              this.canvas.nativeElement.addEventListener('mousedown', function (event) {
                setMxMyByMouse(event);

                _this26.mapDown(event);
              });
              this.canvas.nativeElement.addEventListener('mousemove', function (event) {
                setMxMyByMouse(event);

                _this26.mapMove(event);
              });
              this.canvas.nativeElement.addEventListener('mouseup', function (event) {
                setMxMyByMouse(event);

                _this26.mapUp(event);
              });

              var setMxMyByMouse = function setMxMyByMouse(event) {
                _this26.mx = event.offsetX;
                _this26.my = event.offsetY;
              };
            } else {
              this.canvas.nativeElement.addEventListener('touchstart', function (event) {
                setMxMyByTouch(event);

                _this26.mapDown(event);
              });
              this.canvas.nativeElement.addEventListener('touchmove', function (event) {
                setMxMyByTouch(event);

                _this26.mapMove(event);
              });
              this.canvas.nativeElement.addEventListener('touchend', function (event) {
                setMxMyByTouch(event);

                _this26.mapUp(event);
              });
              this.canvas.nativeElement.addEventListener('touchcancel', function (event) {
                setMxMyByTouch(event);

                _this26.mapUp(event);
              });

              var setMxMyByTouch = function setMxMyByTouch(event) {
                if (event.touches.length <= 0) {
                  return;
                }

                if (_this26.canvasLeft == null) {
                  setParentOffset();
                }

                _this26.mx = event.touches[0].pageX - _this26.canvasLeft;
                _this26.my = event.touches[0].pageY - _this26.canvasTop;
              };

              var setParentOffset = function setParentOffset() {
                var rect = _this26.canvas.nativeElement.getBoundingClientRect();

                _this26.canvasLeft = rect.left;
                _this26.canvasTop = rect.top;
              };
            }
          }
        }, {
          key: "IsPC",
          value: function IsPC() {
            if (window['ELECTRON']) {
              return false; // 封装客户端标记
            }

            if (document.body.ontouchstart !== undefined) {
              return false;
            } else {
              return true;
            }
          }
        }, {
          key: "checkClickTarget",
          value: function checkClickTarget(target) {
            var rect = target.getBoundingBox();

            if (this.checkPointInRect(this.mx, this.my, rect)) {
              return true;
            }

            return false;
          }
        }, {
          key: "checkPointInRect",
          value: function checkPointInRect(x, y, rect) {
            if (x >= rect.x && x <= rect.x + rect.width) {
              if (y >= rect.y && y <= rect.y + rect.height) {
                return true;
              }
            }

            return false;
          }
        }, {
          key: "saveClick",
          value: function saveClick() {
            this.resetDataChange(); // 已经保存 清除离开提示

            var bgItem = this.bgItem;

            if (this.bg) {
              bgItem['rect'] = this.bg.getBoundingBox();
            } else {
              bgItem['rect'] = {
                x: 0,
                y: 0,
                width: Math.round(this.canvasWidth * 100) / 100,
                height: Math.round(this.canvasHeight * 100) / 100
              };
            }

            var hotZoneItemArr = [];
            var hotZoneArr = this.hotZoneArr;

            for (var i = 0; i < hotZoneArr.length; i++) {
              var hotZoneItem = {
                index: hotZoneArr[i].index,
                pic_url: hotZoneArr[i].pic_url,
                text: hotZoneArr[i].text,
                audio_url: hotZoneArr[i].audio_url,
                itemType: hotZoneArr[i].itemType,
                itemName: hotZoneArr[i].itemName,
                fontSize: this.hotZoneFontObj.size,
                fontName: this.hotZoneFontObj.name,
                fontColor: this.hotZoneFontObj.color,
                fontScale: hotZoneArr[i].textLabel ? hotZoneArr[i].textLabel.scaleX : 1,
                imgScale: hotZoneArr[i].pic ? hotZoneArr[i].pic.scaleX : 1,
                mapScale: this.mapScale
              };
              hotZoneItem['rect'] = hotZoneArr[i].getBoundingBox();
              hotZoneItem['rect'].x = Math.round((hotZoneItem['rect'].x - bgItem['rect'].x) * 100) / 100;
              hotZoneItem['rect'].y = Math.round((hotZoneItem['rect'].y - bgItem['rect'].y) * 100) / 100;
              hotZoneItem['rect'].width = Math.round(hotZoneItem['rect'].width * 100) / 100;
              hotZoneItem['rect'].height = Math.round(hotZoneItem['rect'].height * 100) / 100;
              hotZoneItemArr.push(hotZoneItem);
            }

            this.save.emit({
              bgItem: bgItem,
              hotZoneItemArr: hotZoneItemArr
            });
          }
        }, {
          key: "updatePos",
          value: function updatePos() {
            this.hotZoneArr.forEach(function (item) {
              var x, y;

              switch (item.itemType) {
                case 'rect':
                  x = item.x;
                  y = item.y;
                  break;

                case 'pic':
                  x = item.pic.x;
                  y = item.pic.y;
                  break;

                case 'text':
                  x = item.textLabel.x;
                  y = item.textLabel.y;
                  break;
              }

              item.x = x;
              item.y = y;
              item.pic.x = x;
              item.pic.y = y;
              item.textLabel.x = x;
              item.textLabel.y = y;
            });
          }
        }, {
          key: "setPicState",
          value: function setPicState(item) {
            item.visible = false;
            item.textLabel.visible = false;
            item.pic.visible = true;
          }
        }, {
          key: "setRectState",
          value: function setRectState(item) {
            item.visible = true;
            item.textLabel.visible = false;
            item.pic.visible = false;
          }
        }, {
          key: "setTextState",
          value: function setTextState(item) {
            item.visible = false;
            item.pic.visible = false;
            item.textLabel.visible = true;
          }
        }, {
          key: "clickedHotZoneRect",
          value: function clickedHotZoneRect(item) {
            var altKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;

            if (this.checkClickTarget(item)) {
              if (!this.inLayoutMode && item.lineDashFlag && this.checkClickTarget(item.arrow)) {
                this.changeItemSize(item);
              } else if (!this.inLayoutMode && item.lineDashFlag && this.checkClickTarget(item.arrowTop)) {
                this.changeItemTopSize(item);
              } else if (!this.inLayoutMode && item.lineDashFlag && this.checkClickTarget(item.arrowRight)) {
                this.changeItemRightSize(item);
              } else {
                if (altKey) {
                  var bd = item.getBoundingBox();
                  var rectParams = {
                    index: item.index,
                    itemName: item.itemName,
                    x: bd.x,
                    y: bd.y,
                    width: bd.width,
                    height: bd.height
                  }; // 如果之前没有选择过任何项目 则判断一下之前是否有选择过热区块，如果有选择，则把上次选择的热区作为第一个热区

                  if (this.curItems.length == 0) {
                    var lastItem = this.getCurrentMaskColorItem();

                    if (lastItem) {
                      var last_bd = lastItem.getBoundingBox();
                      var last_rectParams = {
                        index: lastItem.index,
                        itemName: lastItem.itemName,
                        x: last_bd.x,
                        y: last_bd.y,
                        width: last_bd.width,
                        height: last_bd.height
                      };
                      this.curItems.push(last_rectParams);
                    } else {
                      this.resetAllItemColors();
                    }
                  }

                  item.showColorMask = true;
                  this.curItems.push(rectParams);
                } else {
                  this.resetAllItemColors();
                  this.changeCurItem(item);
                  item.showColorMask = true;

                  var _bd = item.getBoundingBox();

                  var _rectParams = {
                    index: item.index,
                    itemName: item.itemName,
                    x: _bd.x,
                    y: _bd.y,
                    width: _bd.width,
                    height: _bd.height
                  };
                  this.currentSetting = _rectParams;
                }
              }

              return;
            }
          } // 获取当前覆盖颜色的热区 - 上次选中（因为没有保存选择的Item, 所以把覆盖颜色的热区当做上一次的选择）

        }, {
          key: "getCurrentMaskColorItem",
          value: function getCurrentMaskColorItem() {
            var item = this.hotZoneArr.find(function (item) {
              return item.showColorMask == true;
            });
            return item;
          } // 清除所有当前选中的item - 清除高亮

        }, {
          key: "resetAllItemColors",
          value: function resetAllItemColors() {
            this.hotZoneArr.forEach(function (item) {
              item.showColorMask = false;
            });
            this.curItems = [];
          } // 顶部对齐所选元素

        }, {
          key: "handleClickAlignTop",
          value: function handleClickAlignTop() {
            var _this27 = this;

            this.setDataChange(); // 标记数据改变 离开页面是提示保存

            var minY = -1;
            this.curItems.forEach(function (item) {
              // 取所有元素中 y坐标最小值
              if (minY < 0 || item.y < minY) {
                minY = item.y;
              }
            });

            if (minY >= 0) {
              this.curItems.forEach(function (item) {
                item.y = minY;

                _this27.setCurItemSize(item);
              });
            }
          } // 底部对齐所选元素

        }, {
          key: "handleClickAlignBottom",
          value: function handleClickAlignBottom() {
            var _this28 = this;

            this.setDataChange(); // 标记数据改变 离开页面是提示保存

            var maxY = 100000;
            this.curItems.forEach(function (item) {
              // 取所有元素中 y坐标最大值
              if (maxY > 99999 || item.y > maxY) {
                maxY = item.y + item.height;
              }
            });

            if (maxY < 100000) {
              this.curItems.forEach(function (item) {
                item.y = maxY - item.height;

                _this28.setCurItemSize(item);
              });
            }
          } // 左侧对齐所选元素

        }, {
          key: "handleClickAlignLeft",
          value: function handleClickAlignLeft() {
            var _this29 = this;

            this.setDataChange(); // 标记数据改变 离开页面是提示保存

            var minX = -1;
            this.curItems.forEach(function (item) {
              // 取所有元素中 y坐标最小值
              if (minX < 0 || item.x < minX) {
                minX = item.x;
              }
            });

            if (minX >= 0) {
              this.curItems.forEach(function (item) {
                item.x = minX;

                _this29.setCurItemSize(item);
              });
            }
          } // 右侧对齐所选元素

        }, {
          key: "handleClickAlignRight",
          value: function handleClickAlignRight() {
            var _this30 = this;

            this.setDataChange(); // 标记数据改变 离开页面是提示保存

            var maxX = 100000;
            this.curItems.forEach(function (item) {
              // 取所有元素中 y坐标最大值
              if (maxX > 99999 || item.x > maxX) {
                maxX = item.x + item.width;
              }
            });

            if (maxX < 100000) {
              this.curItems.forEach(function (item) {
                item.x = maxX - item.width;

                _this30.setCurItemSize(item);
              });
            }
          } // 水平居中所选元素

        }, {
          key: "handleClickHMiddle",
          value: function handleClickHMiddle() {
            var _this31 = this;

            this.setDataChange(); // 标记数据改变 离开页面是提示保存

            var baseY = 0;

            if (this.curItems.length > 0) {
              baseY = this.curItems[0].y + this.curItems[0].height / 2;
            }

            if (baseY > 0) {
              this.curItems.forEach(function (item) {
                item.y = baseY - item.height / 2;

                _this31.setCurItemSize(item);
              });
            }
          } // 垂直居中所选元素

        }, {
          key: "handleClickVMiddle",
          value: function handleClickVMiddle() {
            var _this32 = this;

            this.setDataChange(); // 标记数据改变 离开页面是提示保存

            var baseX = 0;

            if (this.curItems.length > 0) {
              baseX = this.curItems[0].x + this.curItems[0].width / 2;
            }

            if (baseX > 0) {
              this.curItems.forEach(function (item) {
                item.x = baseX - item.width / 2;

                _this32.setCurItemSize(item);
              });
            }
          } // 水平间距相同

        }, {
          key: "handleClickHSpaceBetween",
          value: function handleClickHSpaceBetween() {
            var _this33 = this;

            this.setDataChange(); // 标记数据改变 离开页面是提示保存

            this.curItems.sort(function (a, b) {
              return a.x - b.x;
            });
            var startX = 0;
            var endX = 0;
            var contentWidth = 0;

            if (this.curItems.length >= 2) {
              startX = this.curItems[0].x;
              endX = this.curItems[this.curItems.length - 1].x + this.curItems[this.curItems.length - 1].width;
            } else {
              return;
            }

            this.curItems.forEach(function (item) {
              contentWidth += item.width;
            });
            var space = (endX - startX - contentWidth) / (this.curItems.length - 1);

            if (space > 0) {
              var currentX = this.curItems[0].x;
              this.curItems.forEach(function (item) {
                item.x = currentX;
                currentX += space + item.width;

                _this33.setCurItemSize(item);
              });
            }
          } // 垂直间距相同

        }, {
          key: "handleClickVSpaceBetween",
          value: function handleClickVSpaceBetween() {
            var _this34 = this;

            this.setDataChange(); // 标记数据改变 离开页面是提示保存

            this.curItems.sort(function (a, b) {
              return a.y - b.y;
            });
            var startY = 0;
            var endY = 0;
            var contentHeight = 0;

            if (this.curItems.length >= 2) {
              startY = this.curItems[0].y;
              endY = this.curItems[this.curItems.length - 1].y + this.curItems[this.curItems.length - 1].height;
            } else {
              return;
            }

            this.curItems.forEach(function (item) {
              contentHeight += item.height;
            });
            var space = (endY - startY - contentHeight) / (this.curItems.length - 1);

            if (space > 0) {
              var currentY = this.curItems[0].y;
              this.curItems.forEach(function (item) {
                item.y = currentY;
                currentY += space + item.height;

                _this34.setCurItemSize(item);
              });
            }
          } // 使所有选择的热区和第一个选择的热区具有相同大小

        }, {
          key: "handleClickToSameSize",
          value: function handleClickToSameSize() {
            var _this35 = this;

            this.setDataChange(); // 标记数据改变 离开页面是提示保存

            var baseWidth = 0;
            var baseHeight = 0;

            if (this.curItems.length > 0) {
              baseWidth = this.curItems[0].width;
              baseHeight = this.curItems[0].height;
            }

            if (baseWidth > 0 && baseHeight > 0) {
              this.curItems.forEach(function (item) {
                var adjustX = (item.width - baseWidth) / 2;
                var adjustY = (item.height - baseHeight) / 2;
                item.x = item.x + adjustX;
                item.y = item.y + adjustY;
                item.width = baseWidth;
                item.height = baseHeight;

                _this35.setCurItemSize(item);
              });
            }
          } // 处理微调更新热区位置参数

        }, {
          key: "handleClickUpdateHotZoneParams",
          value: function handleClickUpdateHotZoneParams() {
            this.setDataChange(); // 标记数据改变 离开页面是提示保存ƒ√

            this.setCurItemSize({
              index: this.currentSetting.index,
              itemName: this.currentSetting.itemName,
              // x: this.currentSetting.x,
              // y: this.currentSetting.y,
              width: this.currentSetting.width,
              height: this.currentSetting.height
            });
          } // 调整模式改变

        }, {
          key: "onAdjustModeChange",
          value: function onAdjustModeChange(e) {
            var _this36 = this;

            this.hotZoneArr.forEach(function (zone) {
              zone.hideArrow = _this36.inLayoutMode;
            });
          } // 根据右键菜单选择热区索引 移动热区

        }, {
          key: "handleClickMoveHotZoneByRightMenu",
          value: function handleClickMoveHotZoneByRightMenu() {
            if (this.rightMenuSlecetHotZoneIndex != null) {
              this.setDataChange(); // 标记数据改变 离开页面是提示保存

              this.setHotZonePosByIndex(this.rightMenuSlecetHotZoneIndex, this.rightClickOffsetX, this.rightClickOffsetY);
              this.hideContextMenuOnCanvas();
            }
          } // 隐藏右键菜单

        }, {
          key: "hideContextMenuOnCanvas",
          value: function hideContextMenuOnCanvas() {
            this.rightClickOffsetX = -1;
            this.rightClickOffsetY = -1;
            this.rightMenuSlecetHotZoneIndex = null;
            this.RightContextMenuOnCanvasRef.nativeElement.style.display = "none";
          } // 数据改变

        }, {
          key: "setDataChange",
          value: function setDataChange() {// console.log("数据改变")
            // window.onbeforeunload = function(event) {
            //     event.returnValue = "";
            // };
          } // 数据改变

        }, {
          key: "resetDataChange",
          value: function resetDataChange() {// console.log("数据保存")
            // window.onbeforeunload = function(event) {
            // };
          }
        }, {
          key: "clickedHotZonePic",
          value: function clickedHotZonePic(item) {
            if (this.checkClickTarget(item)) {
              this.curItem = item;
            }
          }
        }, {
          key: "clickedHotZoneText",
          value: function clickedHotZoneText(item) {
            if (this.checkClickTarget(item)) {
              this.curItem = item;
            }
          }
        }, {
          key: "saveText",
          value: function saveText(item) {
            item.textLabel.text = item.text;
          }
        }, {
          key: "loadHotZonePic",
          value: function loadHotZonePic(pic, url) {
            var baseLen = this.hotZoneImgSize * this.mapScale;
            pic.load(url).then(function () {
              var s = Object(_play_Unit__WEBPACK_IMPORTED_MODULE_5__["getMinScale"])(pic, baseLen);
              pic.setScaleXY(s);
            });
          }
        }]);

        return CustomHotZoneComponent;
      }();

      CustomHotZoneComponent.ɵfac = function CustomHotZoneComponent_Factory(t) {
        return new (t || CustomHotZoneComponent)();
      };

      CustomHotZoneComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineComponent"]({
        type: CustomHotZoneComponent,
        selectors: [["app-custom-hot-zone"]],
        viewQuery: function CustomHotZoneComponent_Query(rf, ctx) {
          if (rf & 1) {
            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵstaticViewQuery"](_c0, true);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵstaticViewQuery"](_c1, true);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵstaticViewQuery"](_c2, true);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵstaticViewQuery"](_c3, true);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵstaticViewQuery"](_c4, true);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵstaticViewQuery"](_c5, true);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵstaticViewQuery"](_c6, true);
          }

          if (rf & 2) {
            var _t;

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵqueryRefresh"](_t = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵloadQuery"]()) && (ctx.canvas = _t.first);
            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵqueryRefresh"](_t = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵloadQuery"]()) && (ctx.wrap = _t.first);
            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵqueryRefresh"](_t = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵloadQuery"]()) && (ctx.hotZoneRef = _t.first);
            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵqueryRefresh"](_t = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵloadQuery"]()) && (ctx.toolBoxRef = _t.first);
            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵqueryRefresh"](_t = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵloadQuery"]()) && (ctx.previewBoxRef = _t.first);
            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵqueryRefresh"](_t = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵloadQuery"]()) && (ctx.previewContainerRef = _t.first);
            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵqueryRefresh"](_t = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵloadQuery"]()) && (ctx.RightContextMenuOnCanvasRef = _t.first);
          }
        },
        hostBindings: function CustomHotZoneComponent_HostBindings(rf, ctx) {
          if (rf & 1) {
            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("scroll", function CustomHotZoneComponent_scroll_HostBindingHandler() {
              return ctx.onscroll();
            }, false, _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵresolveWindow"]);
          }
        },
        inputs: {
          imgItemArr: "imgItemArr",
          hotZoneItemArr: "hotZoneItemArr",
          hotZoneArr: "hotZoneArr",
          isHasRect: "isHasRect",
          isHasPic: "isHasPic",
          isHasText: "isHasText",
          hotZoneFontObj: "hotZoneFontObj",
          defaultItemType: "defaultItemType",
          hotZoneImgSize: "hotZoneImgSize",
          bgItem: "bgItem"
        },
        outputs: {
          save: "save"
        },
        features: [_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵNgOnChangesFeature"]],
        decls: 64,
        vars: 14,
        consts: [[1, "p-image-children-editor", 2, "position", "relative", "padding-top", "50px"], ["hotZoneRef", ""], [2, "margin-left", "2.5%"], [2, "height", "1200px", "overflow", "scroll"], ["previewContainerRef", ""], [1, "preview-box"], ["previewBoxRef", "", "wrap", ""], ["id", "canvas", 3, "contextmenu"], ["canvas", ""], [1, "content-menu"], ["RightContextMenuOnCanvasRef", ""], [1, "title"], ["nzShowSearch", "", "nzAllowClear", "", 1, "select", 2, "width", "180px", 3, "ngModel", "ngModelChange"], [3, "nzValue", "nzLabel", 4, "ngFor", "ngForOf"], ["nz-button", "", "nzSize", "mini", "nzType", "primary", 3, "click"], ["nz-row", "", "nzType", "flex", "nzAlign", "middle"], ["nz-col", "", "nzSpan", "5", "nzOffset", "1"], [1, "bg-box"], [3, "picUrl", "imageUploaded"], ["nz-col", "", "nzSpan", "5", "nzOffset", "1", "class", "img-box", 4, "ngFor", "ngForOf"], ["nz-button", "", "nzType", "dashed", 1, "add-btn", 3, "click"], ["nz-icon", "", "nzType", "plus-circle", "nzTheme", "outline"], [1, "save-box"], ["nz-button", "", "nzType", "primary", "nzShape", "round", 1, "save-btn", 3, "nzSize", "click"], ["nz-icon", "", "nzType", "save"], [1, "hotzone-toolbox"], ["toolBoxRef", ""], [1, "tool-item"], [1, "item-name"], ["type", "text", "nz-input", "", 1, "edit", 3, "ngModel", "ngModelChange", "blur"], ["type", "text", "nz-input", "", 1, "edit", 3, "ngModel", "ngModelChange", "input"], ["class", "tool-items", "style", "margin-left: 10px;", 4, "ngIf"], [1, "tool-item", "right-btn"], ["nz-checkbox", "", 2, "width", "100px", "margin-right", "10px", 3, "ngModel", "ngModelChange", "change"], ["nz-button", "", "nzType", "primary", 1, "save-btn", 2, "margin-right", "10px", 3, "click"], ["nz-button", "", "nzType", "primary", 1, "save-btn", 3, "click"], [2, "opacity", "0", "position", "absolute", "top", "0px", "font-family", "BRLNSR_1"], [3, "nzValue", "nzLabel"], ["nz-col", "", "nzSpan", "5", "nzOffset", "1", 1, "img-box"], [2, "margin", "auto", "padding", "5px", "margin-top", "30px", "width", "90%", "border", "2px dashed #ddd", "border-radius", "10px"], [2, "margin-left", "40%"], [2, "margin", "10px 0 5px 0"], [2, "display", "flex", "align-items", "center", "justify-content", "start"], [2, "display", "inline-block", "width", "200px", "text-align", "right", "white-space", "nowrap"], ["type", "text", "nz-input", "", 2, "margin-left", "20px", 3, "ngModel", "ngModelChange", "blur"], [1, "tool-items", 2, "margin-left", "10px"], ["nz-tooltip", "", "nzTooltipPlacement", "bottom", "nzTooltipTitle", "\u76F8\u540C\u5927\u5C0F (\u4EE5\u7B2C\u4E00\u4E2A\u9009\u62E9\u7684\u70ED\u533A\u4E3A\u57FA\u51C6)", 1, "icon-btn", 3, "click"], ["t", "1678350915666", "viewBox", "0 0 1024 1024", "version", "1.1", "xmlns", "http://www.w3.org/2000/svg", "p-id", "3053", "width", "28", "height", "28", 1, "icon"], ["d", "M263.2 761.3H145.4c-45.5 0-82.5-37-82.5-82.5V150.6c0-45.5 37-82.5 82.5-82.5h488.9c45.5 0 82.5 37 82.5 82.5v70.1c0 11-9 20-20 20s-20-9-20-20v-70.1c0-23.4-19-42.5-42.5-42.5H145.4c-23.4 0-42.5 19-42.5 42.5v528.3c0 23.4 19 42.5 42.5 42.5h117.8c11 0 20 9 20 20s-8.9 19.9-20 19.9z", "fill", "currentColor", "p-id", "3054"], ["d", "M897.2 971.1H400.9c-42.5 0-77.2-34.6-77.2-77.2V358.4c0-42.5 34.6-77.2 77.2-77.2h496.4c42.5 0 77.2 34.6 77.2 77.2V894c-0.1 42.5-34.7 77.1-77.3 77.1zM400.9 321.2c-20.5 0-37.2 16.7-37.2 37.2V894c0 20.5 16.7 37.2 37.2 37.2h496.4c20.5 0 37.2-16.7 37.2-37.2V358.4c0-20.5-16.7-37.2-37.2-37.2H400.9z", "fill", "currentColor", "p-id", "3055"], ["nz-tooltip", "", "nzTooltipPlacement", "bottom", "nzTooltipTitle", "\u4E0A\u5BF9\u9F50", 1, "icon-btn", 3, "click"], ["t", "1678350830188", "viewBox", "0 0 1024 1024", "version", "1.1", "xmlns", "http://www.w3.org/2000/svg", "p-id", "1549", "width", "28", "height", "28", 1, "icon"], ["d", "M191 926.8c-11 0-20-9-20-20V287.6c0-11 9-20 20-20s20 9 20 20v619.2c0 11-8.9 20-20 20zM509 628.1c-11 0-20-9-20-20V287.6c0-11 9-20 20-20s20 9 20 20v320.5c0 11-8.9 20-20 20zM827.1 786.9c-11 0-20-9-20-20V287.6c0-11 9-20 20-20s20 9 20 20V767c0 11-9 19.9-20 19.9z", "fill", "currentColor", "p-id", "1550"], ["d", "M964 160.3H54.1c-11 0-20-9-20-20s9-20 20-20H964c11 0 20 9 20 20s-9 20-20 20z", "fill", "currentColor", "p-id", "1551"], ["nz-tooltip", "", "nzTooltipPlacement", "bottom", "nzTooltipTitle", "\u4E0B\u5BF9\u9F50", 1, "icon-btn", 3, "click"], ["t", "1678351858696", "viewBox", "0 0 1024 1024", "version", "1.1", "xmlns", "http://www.w3.org/2000/svg", "p-id", "3554", "width", "28", "height", "28", 1, "icon"], ["d", "M195 131.2c-11 0-20 9-20 20v619.2c0 11 9 20 20 20s20-9 20-20V151.2c0-11-8.9-20-20-20zM513 429.9c-11 0-20 9-20 20v320.5c0 11 9 20 20 20s20-9 20-20V449.9c0-11-8.9-20-20-20zM831.1 271.1c-11 0-20 9-20 20v479.4c0 11 9 20 20 20s20-9 20-20V291.1c0-11.1-9-20-20-20z", "fill", "currentColor", "p-id", "3555"], ["d", "M968 897.7H58.1c-11 0-20 9-20 20s9 20 20 20H968c11 0 20-9 20-20s-9-20-20-20z", "fill", "currentColor", "p-id", "3556"], ["nz-tooltip", "", "nzTooltipPlacement", "bottom", "nzTooltipTitle", "\u5DE6\u5BF9\u9F50", 1, "icon-btn", 3, "click"], ["t", "1678350864717", "viewBox", "0 0 1024 1024", "version", "1.1", "xmlns", "http://www.w3.org/2000/svg", "p-id", "2051", "width", "28", "height", "28", 1, "icon"], ["d", "M926.2 225.9H277c-11.5 0-20.9-9.4-20.9-20.9 0-11.5 9.4-20.9 20.9-20.9h649.2c11.5 0 20.9 9.4 20.9 20.9 0 11.5-9.3 20.9-20.9 20.9zM613.1 540.7H277c-11.5 0-20.9-9.4-20.9-20.9 0-11.5 9.4-20.9 20.9-20.9h336c11.5 0 20.9 9.4 20.9 20.9 0.1 11.6-9.3 20.9-20.8 20.9zM779.6 855.6H277c-11.5 0-20.9-9.4-20.9-20.9 0-11.5 9.4-20.9 20.9-20.9h502.6c11.5 0 20.9 9.4 20.9 20.9 0 11.5-9.3 20.9-20.9 20.9z", "fill", "currentColor", "p-id", "2052"], ["d", "M116 987c-11.5 0-20.9-9.4-20.9-20.9V73.6c0-11.5 9.4-20.9 20.9-20.9s20.9 9.4 20.9 20.9v892.5c0 11.5-9.3 20.9-20.9 20.9z", "fill", "currentColor", "p-id", "2053"], ["nz-tooltip", "", "nzTooltipPlacement", "bottom", "nzTooltipTitle", "\u53F3\u5BF9\u9F50", 1, "icon-btn", 3, "click"], ["t", "1678350874629", "viewBox", "0 0 1024 1024", "version", "1.1", "xmlns", "http://www.w3.org/2000/svg", "p-id", "2302", "width", "28", "height", "28", 1, "icon"], ["d", "M101.8 225.9H751c11.5 0 20.9-9.4 20.9-20.9 0-11.5-9.4-20.9-20.9-20.9H101.8c-11.5 0-20.9 9.4-20.9 20.9 0 11.5 9.3 20.9 20.9 20.9zM414.9 540.7h336c11.5 0 20.9-9.4 20.9-20.9 0-11.5-9.4-20.9-20.9-20.9h-336c-11.5 0-20.9 9.4-20.9 20.9 0 11.6 9.4 20.9 20.9 20.9zM248.4 855.6H751c11.5 0 20.9-9.4 20.9-20.9 0-11.5-9.4-20.9-20.9-20.9H248.4c-11.5 0-20.9 9.4-20.9 20.9 0 11.5 9.3 20.9 20.9 20.9z", "fill", "currentColor", "p-id", "2303"], ["d", "M912 987c11.5 0 20.9-9.4 20.9-20.9V73.6c0-11.5-9.4-20.9-20.9-20.9-11.5 0-20.9 9.4-20.9 20.9v892.5c0 11.5 9.3 20.9 20.9 20.9z", "fill", "currentColor", "p-id", "2304"], ["nz-tooltip", "", "nzTooltipPlacement", "bottom", "nzTooltipTitle", "\u6C34\u5E73\u5C45\u4E2D\u5BF9\u9F50 (\u4EE5\u7B2C\u4E00\u4E2A\u9009\u62E9\u7684\u70ED\u533A\u4E3A\u57FA\u51C6)", 1, "icon-btn", 3, "click"], ["t", "1678350905967", "viewBox", "0 0 1024 1024", "version", "1.1", "xmlns", "http://www.w3.org/2000/svg", "p-id", "2803", "width", "28", "height", "28", 1, "icon"], ["d", "M195 196.3c-11 0-20 9-20 20v619.2c0 11 9 20 20 20s20-9 20-20V216.3c0-11-8.9-20-20-20zM513 345.7c-11 0-20 9-20 20v320.5c0 11 9 20 20 20s20-9 20-20V365.7c0-11.1-8.9-20-20-20zM831.1 266.2c-11 0-20 9-20 20v479.4c0 11 9 20 20 20s20-9 20-20V286.2c0-11-9-20-20-20z", "fill", "currentColor", "p-id", "2804"], ["nz-tooltip", "", "nzTooltipPlacement", "bottom", "nzTooltipTitle", "\u5782\u76F4\u5C45\u4E2D\u5BF9\u9F50 (\u4EE5\u7B2C\u4E00\u4E2A\u9009\u62E9\u7684\u70ED\u533A\u4E3A\u57FA\u51C6)", 1, "icon-btn", 3, "click"], ["t", "1678350984392", "viewBox", "0 0 1024 1024", "version", "1.1", "xmlns", "http://www.w3.org/2000/svg", "p-id", "3304", "width", "28", "height", "28", 1, "icon"], ["d", "M107.7 808.1h814.6c14.5 0 26.2 9.4 26.2 20.9 0 11.5-11.7 20.9-26.2 20.9H107.7c-14.5 0-26.2-9.4-26.2-20.9 0-11.5 11.7-20.9 26.2-20.9zM304.2 493.3h421.6c14.5 0 26.2 9.4 26.2 20.9 0 11.5-11.7 20.9-26.2 20.9H304.2c-14.5 0-26.2-9.4-26.2-20.9 0-11.6 11.7-20.9 26.2-20.9zM199.7 178.4h630.6c14.5 0 26.2 9.4 26.2 20.9s-11.7 20.9-26.2 20.9H199.7c-14.5 0-26.2-9.4-26.2-20.9s11.7-20.9 26.2-20.9z", "fill", "currentColor", "p-id", "3305"], ["nz-tooltip", "", "nzTooltipPlacement", "bottom", "nzTooltipTitle", "\u76F8\u540C\u6C34\u5E73\u95F4\u8DDD", 1, "icon-btn", 3, "click"], ["t", "1678354726989", "viewBox", "0 0 1024 1024", "version", "1.1", "xmlns", "http://www.w3.org/2000/svg", "p-id", "4058", "width", "28", "height", "28", 1, "icon"], ["d", "M828.4 123.5H225.6c-11 0-20-9-20-20s9-20 20-20h602.8c11 0 20 9 20 20s-8.9 20-20 20z", "fill", "currentColor", "p-id", "4059"], ["d", "M527 752.6c-11 0-20-9-20-20V108.4c0-11 9-20 20-20s20 9 20 20v624.2c0 11-9 20-20 20z", "fill", "currentColor", "p-id", "4060"], ["d", "M359.5 952.9c-3.3 0-6.6-0.8-9.7-2.5l-167-92.3c-6.4-3.5-10.4-10.3-10.3-17.6s4.1-14 10.5-17.5l167-89.7c9.7-5.2 21.9-1.6 27.1 8.2s1.6 21.9-8.2 27.1l-134.7 72.3 134.9 74.6c9.7 5.3 13.2 17.5 7.8 27.2-3.6 6.4-10.4 10.2-17.4 10.2zM694.5 952.9c-7 0-13.9-3.7-17.5-10.3-5.3-9.7-1.8-21.8 7.8-27.2l134.9-74.6L685 768.5c-9.7-5.2-13.4-17.3-8.2-27.1s17.3-13.4 27.1-8.2l167 89.7c6.5 3.5 10.5 10.2 10.5 17.5 0 7.3-3.9 14.1-10.3 17.6l-167 92.3c-3 1.8-6.3 2.6-9.6 2.6z", "fill", "currentColor", "p-id", "4061"], ["d", "M845.7 860.3H215.6c-11 0-20-9-20-20s9-20 20-20h630.1c11 0 20 9 20 20s-9 20-20 20z", "fill", "currentColor", "p-id", "4062"], ["nz-tooltip", "", "nzTooltipPlacement", "bottom", "nzTooltipTitle", "\u76F8\u540C\u5782\u76F4\u95F4\u8DDD", 1, "icon-btn", 3, "click"], ["t", "1678354701685", "viewBox", "0 0 1024 1024", "version", "1.1", "xmlns", "http://www.w3.org/2000/svg", "p-id", "3805", "width", "28", "height", "28", 1, "icon"], ["d", "M670.5 242.1H42.7c-11 0-20-9-20-20s9-20 20-20h627.8c11 0 20 9 20 20s-9 20-20 20z", "fill", "currentColor", "p-id", "3806"], ["d", "M356.6 897.2c-11 0-20-9-20-20v-650c0-11 9-20 20-20s20 9 20 20v650c0 11-9 20-20 20z", "fill", "currentColor", "p-id", "3807"], ["d", "M970 378.9c-7.1 0-14-3.8-17.6-10.5l-76-141.6L798 368.6c-5.3 9.7-17.5 13.2-27.2 7.8-9.7-5.3-13.2-17.5-7.8-27.2l96.2-174c3.5-6.4 10.2-10.3 17.5-10.3h0.1c7.3 0 14 4.1 17.5 10.5l93.4 174c5.2 9.7 1.6 21.9-8.2 27.1-3.1 1.6-6.3 2.4-9.5 2.4zM876.6 906.9c-7.3 0-14-4-17.5-10.3l-96.2-174c-5.3-9.7-1.8-21.8 7.8-27.2 9.7-5.3 21.8-1.8 27.2 7.8L876.3 845l76-141.6c5.2-9.7 17.3-13.4 27.1-8.2 9.7 5.2 13.4 17.3 8.2 27.1l-93.4 174c-3.5 6.5-10.2 10.5-17.5 10.5 0 0.1-0.1 0.1-0.1 0.1z", "fill", "currentColor", "p-id", "3808"], ["d", "M876.9 890.3c-11 0-20-9-20-20V209.1c0-11 9-20 20-20s20 9 20 20v661.3c0 11-9 19.9-20 19.9z", "fill", "currentColor", "p-id", "3809"]],
        template: function CustomHotZoneComponent_Template(rf, ctx) {
          if (rf & 1) {
            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 0, 1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "h5", 2);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](3, " preview: ");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "div", 3, 4);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "div", 5, 6);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](9, "canvas", 7, 8);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("contextmenu", function CustomHotZoneComponent_Template_canvas_contextmenu_9_listener($event) {
              return ctx.handleContextmenuOnMenu($event);
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](11, "div", 9, 10);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](13, "div", 11);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](14, "\u79FB\u52A8\u70ED\u533A\u5230\u8FD9\u91CC");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](15, "nz-select", 12);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function CustomHotZoneComponent_Template_nz_select_ngModelChange_15_listener($event) {
              return ctx.rightMenuSlecetHotZoneIndex = $event;
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](16, CustomHotZoneComponent_nz_option_16_Template, 1, 2, "nz-option", 13);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](17, "button", 14);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function CustomHotZoneComponent_Template_button_click_17_listener() {
              return ctx.handleClickMoveHotZoneByRightMenu();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](18, "\u786E\u5B9A");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](19, "div", 15);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](20, "div", 16);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](21, "h5");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](22, " add background: ");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](23, "div", 17);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](24, "app-upload-image-with-preview", 18);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("imageUploaded", function CustomHotZoneComponent_Template_app_upload_image_with_preview_imageUploaded_24_listener($event) {
              return ctx.onBackgroundUploadSuccess($event);
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](25, CustomHotZoneComponent_div_25_Template, 9, 2, "div", 19);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](26, "div", 16);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](27, "div", 17);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](28, "button", 20);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function CustomHotZoneComponent_Template_button_click_28_listener() {
              return ctx.addBtnClick();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](29, "i", 21);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](30, " Add hot zone ");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](31, "nz-divider");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](32, "div", 22);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](33, "button", 23);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function CustomHotZoneComponent_Template_button_click_33_listener() {
              return ctx.saveClick();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](34, "i", 24);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](35, " Save ");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](36, "div", 25, 26);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](38, "div", 27);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](39, "span", 28);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](40, "\u540D\u79F0\uFF1A");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](41, "input", 29);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function CustomHotZoneComponent_Template_input_ngModelChange_41_listener($event) {
              return ctx.currentSetting.itemName = $event;
            })("blur", function CustomHotZoneComponent_Template_input_blur_41_listener() {
              return ctx.handleClickUpdateHotZoneParams();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](42, "div", 27);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](43, "span", 28);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](44, "\u5BBD\uFF1A");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](45, "input", 30);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function CustomHotZoneComponent_Template_input_ngModelChange_45_listener($event) {
              return ctx.currentSetting.width = $event;
            })("input", function CustomHotZoneComponent_Template_input_input_45_listener() {
              return ctx.handleClickUpdateHotZoneParams();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](46, "div", 27);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](47, "span", 28);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](48, "\u9AD8\uFF1A");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](49, "input", 30);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function CustomHotZoneComponent_Template_input_ngModelChange_49_listener($event) {
              return ctx.currentSetting.height = $event;
            })("input", function CustomHotZoneComponent_Template_input_input_49_listener() {
              return ctx.handleClickUpdateHotZoneParams();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](50, "div", 27);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](51, "button", 14);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function CustomHotZoneComponent_Template_button_click_51_listener() {
              return ctx.handleClickUpdateHotZoneParams();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](52, "\u8BBE\u7F6E");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](53, CustomHotZoneComponent_div_53_Template, 39, 0, "div", 31);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](54, "div", 27);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](55, "div", 32);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](56, "label", 33);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function CustomHotZoneComponent_Template_label_ngModelChange_56_listener($event) {
              return ctx.inLayoutMode = $event;
            })("change", function CustomHotZoneComponent_Template_label_change_56_listener($event) {
              return ctx.onAdjustModeChange($event);
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](57, "\u5E03\u5C40\u6A21\u5F0F");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](58, "button", 34);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function CustomHotZoneComponent_Template_button_click_58_listener() {
              return ctx.addBtnClick();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](59, " \u65B0\u5EFA\u70ED\u533A ");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](60, "button", 35);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function CustomHotZoneComponent_Template_button_click_60_listener() {
              return ctx.saveClick();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](61, " \u4FDD\u5B58 ");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](62, "label", 36);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](63, "1");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
          }

          if (rf & 2) {
            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](15);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", ctx.rightMenuSlecetHotZoneIndex);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", ctx.hotZoneArr);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](8);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("picUrl", ctx.bgItem == null ? null : ctx.bgItem.url);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", ctx.hotZoneArr);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](8);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzSize", "large");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵclassMap"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction1"](12, _c7, ctx.toolBoxFixTop));

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](5);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", ctx.currentSetting.itemName);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](4);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", ctx.currentSetting.width);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](4);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", ctx.currentSetting.height);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](4);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.inLayoutMode);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", ctx.inLayoutMode);
          }
        },
        directives: [ng_zorro_antd_select__WEBPACK_IMPORTED_MODULE_6__["NzSelectComponent"], _angular_forms__WEBPACK_IMPORTED_MODULE_7__["NgControlStatus"], _angular_forms__WEBPACK_IMPORTED_MODULE_7__["NgModel"], _angular_common__WEBPACK_IMPORTED_MODULE_8__["NgForOf"], ng_zorro_antd_button__WEBPACK_IMPORTED_MODULE_9__["NzButtonComponent"], ng_zorro_antd_grid__WEBPACK_IMPORTED_MODULE_10__["NzRowDirective"], ng_zorro_antd_grid__WEBPACK_IMPORTED_MODULE_10__["NzColDirective"], _upload_image_with_preview_upload_image_with_preview_component__WEBPACK_IMPORTED_MODULE_11__["UploadImageWithPreviewComponent"], ng_zorro_antd_icon__WEBPACK_IMPORTED_MODULE_12__["NzIconDirective"], ng_zorro_antd_divider__WEBPACK_IMPORTED_MODULE_13__["NzDividerComponent"], _angular_forms__WEBPACK_IMPORTED_MODULE_7__["DefaultValueAccessor"], ng_zorro_antd_input__WEBPACK_IMPORTED_MODULE_14__["NzInputDirective"], _angular_common__WEBPACK_IMPORTED_MODULE_8__["NgIf"], ng_zorro_antd_checkbox__WEBPACK_IMPORTED_MODULE_15__["NzCheckboxComponent"], ng_zorro_antd_select__WEBPACK_IMPORTED_MODULE_6__["NzOptionComponent"], ng_zorro_antd_tooltip__WEBPACK_IMPORTED_MODULE_16__["NzTooltipDirective"]],
        styles: [".p-image-children-editor[_ngcontent-%COMP%] {\n  width: 100%;\n  height: 100%;\n  border-radius: 0.5rem;\n  border: 2px solid #ddd;\n}\n\n.p-image-children-editor[_ngcontent-%COMP%]   .preview-box[_ngcontent-%COMP%] {\n  margin: auto;\n  width: 95%;\n  height: 5000px;\n  position: relative;\n  border: 2px dashed #ddd;\n  border-radius: 0.5rem;\n  background-color: #fafafa;\n  text-align: center;\n  color: #aaa;\n}\n\n.p-image-children-editor[_ngcontent-%COMP%]   .preview-box[_ngcontent-%COMP%]   .preview-img[_ngcontent-%COMP%] {\n  height: 100%;\n  width: auto;\n}\n\n.p-image-children-editor[_ngcontent-%COMP%]   .bg-box[_ngcontent-%COMP%] {\n  margin-bottom: 1rem;\n}\n\n.p-image-children-editor[_ngcontent-%COMP%]   .img-box[_ngcontent-%COMP%] {\n  margin-bottom: 1rem;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.p-image-children-editor[_ngcontent-%COMP%]   .img-box-upload[_ngcontent-%COMP%] {\n  width: 80%;\n}\n\n.p-image-children-editor[_ngcontent-%COMP%]   .add-btn[_ngcontent-%COMP%] {\n  margin-top: 1rem;\n  width: 200px;\n  height: 90px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.save-box[_ngcontent-%COMP%] {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-bottom: 20px;\n}\n\n.save-box[_ngcontent-%COMP%]   .save-btn[_ngcontent-%COMP%] {\n  width: 160px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\nh5[_ngcontent-%COMP%] {\n  margin-top: 1rem;\n}\n\n@font-face {\n  font-family: 'BRLNSR_1';\n  src: url(\"/assets/font/BRLNSR_1.TTF\");\n}\n\n.hotzone-toolbox[_ngcontent-%COMP%] {\n  background-color: #EEEEEE;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 50px;\n  display: flex;\n}\n\n.hotzone-toolbox.fix-top[_ngcontent-%COMP%] {\n  border-radius: 5px;\n  box-shadow: 0 2px 4px 0 #00000066;\n}\n\n.hotzone-toolbox[_ngcontent-%COMP%]   .tool-item[_ngcontent-%COMP%] {\n  width: 130px;\n  height: 50px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.hotzone-toolbox[_ngcontent-%COMP%]   .tool-item.right-btn[_ngcontent-%COMP%] {\n  width: initial;\n  position: absolute;\n  right: 30px;\n}\n\n.hotzone-toolbox[_ngcontent-%COMP%]   .tool-item[_ngcontent-%COMP%]   .item-name[_ngcontent-%COMP%] {\n  width: 50px;\n  text-align: right;\n}\n\n.hotzone-toolbox[_ngcontent-%COMP%]   .tool-item[_ngcontent-%COMP%]   .edit[_ngcontent-%COMP%] {\n  width: 80px;\n}\n\n.hotzone-toolbox[_ngcontent-%COMP%]   .tool-items[_ngcontent-%COMP%] {\n  width: 500px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.hotzone-toolbox[_ngcontent-%COMP%]   .tool-items[_ngcontent-%COMP%]   .icon-btn[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 42px;\n  cursor: pointer;\n}\n\n.hotzone-toolbox[_ngcontent-%COMP%]   .tool-items[_ngcontent-%COMP%]   .icon-btn[_ngcontent-%COMP%]   .icon[_ngcontent-%COMP%] {\n  color: #515151;\n}\n\n.hotzone-toolbox[_ngcontent-%COMP%]   .tool-items[_ngcontent-%COMP%]   .icon-btn[_ngcontent-%COMP%]:hover {\n  background-color: #ddd;\n}\n\n.hotzone-toolbox[_ngcontent-%COMP%]   .tool-items[_ngcontent-%COMP%]   .icon-btn[_ngcontent-%COMP%]:hover   .icon[_ngcontent-%COMP%] {\n  color: blueviolet;\n}\n\n.content-menu[_ngcontent-%COMP%] {\n  padding: 10px;\n  background-color: #EEEEEE;\n  color: #000000;\n  text-align: left;\n  display: none;\n  position: absolute;\n}\n\n.content-menu[_ngcontent-%COMP%]   .title[_ngcontent-%COMP%] {\n  margin-bottom: 10px;\n}\n\n.content-menu[_ngcontent-%COMP%]   .select[_ngcontent-%COMP%] {\n  margin-right: 10px;\n}\n\n@media (max-width: 1260px) {\n  .hotzone-toolbox[_ngcontent-%COMP%]   .tool-items[_ngcontent-%COMP%] {\n    width: 250px;\n  }\n  .hotzone-toolbox[_ngcontent-%COMP%]   .tool-items[_ngcontent-%COMP%]   .icon-btn[_ngcontent-%COMP%] {\n    width: 26px;\n  }\n}\n/*# sourceMappingURL=data:application/json;base64,  */"]
      });
      return CustomHotZoneComponent;
    }();
    /***/

  },

  /***/
  "./src/app/common/formula-input/formula-input.component.ts":
  /*!*****************************************************************!*\
    !*** ./src/app/common/formula-input/formula-input.component.ts ***!
    \*****************************************************************/

  /*! exports provided: FormulaInputComponent */

  /***/
  function srcAppCommonFormulaInputFormulaInputComponentTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "FormulaInputComponent", function () {
      return FormulaInputComponent;
    });
    /* harmony import */


    var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! @angular/core */
    "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
    /* harmony import */


    var ng_zorro_antd_input__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
    /*! ng-zorro-antd/input */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-input.js");
    /* harmony import */


    var _angular_forms__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
    /*! @angular/forms */
    "./node_modules/@angular/forms/__ivy_ngcc__/fesm2015/forms.js");
    /* harmony import */


    var ng_zorro_antd_icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
    /*! ng-zorro-antd/icon */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-icon.js");

    var _c0 = ["inputEl"];

    function FormulaInputComponent_ng_template_3_Template(rf, ctx) {
      if (rf & 1) {
        var _r527 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "i", 4);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function FormulaInputComponent_ng_template_3_Template_i_click_0_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r527);

          var ctx_r526 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r526.showFormulaPad($event);
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzType", "percentage");
      }
    }

    var FormulaInputComponent =
    /*@__PURE__*/
    function () {
      var FormulaInputComponent =
      /*#__PURE__*/
      function () {
        function FormulaInputComponent() {
          var _this37 = this;

          _classCallCheck(this, FormulaInputComponent);

          this.ngfModelChange = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
          this.ngfBlur = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
          this.FB_id = 'FormulaBoard';

          if (!window.__FormulaBoard_js_installed__) {
            window.__FormulaBoard_js_installed__ = true;
            var s = document.createElement('script');
            s.src = 'assets/formula-board/formula-board.js';
            document.head.append(s);
            s.addEventListener('load', function () {
              _this37.FormulaBoardInit();
            });
          }
        }

        _createClass(FormulaInputComponent, [{
          key: "ngOnInit",
          value: function ngOnInit() {}
        }, {
          key: "ngOnChanges",
          value: function ngOnChanges() {}
        }, {
          key: "ngOnDestroy",
          value: function ngOnDestroy() {}
        }, {
          key: "valueChanged",
          value: function valueChanged(evt) {
            console.log('valueChanged', this.ngfModel, evt);
            this.ngfModelChange.emit(evt);
          }
        }, {
          key: "showFormulaPad",
          value: function showFormulaPad(e) {
            // console.log('showFormulaPad', e);
            window.FBOARD.set(e.target.value);
            window.__tmp_fp_input_model__ = this;
            var rect = this.inputEl.nativeElement.getBoundingClientRect();
            var fb = document.getElementById(this.FB_id);
            fb.style.position = 'fixed'; // @ts-ignore

            var padWidth = $('#' + this.FB_id).outerWidth() * .8; // @ts-ignore

            var padHeight = $('#' + this.FB_id).outerHeight() * .8; // @ts-ignore

            var ww = $(window).innerWidth(); // @ts-ignore

            var hh = $(window).innerHeight();
            var left = (ww - padWidth) / 2;
            var top = (hh - padHeight) / 2;
            console.log('left', left);
            fb.style.left = left + 'px';
            fb.style.top = top + 'px';
            fb.style.visibility = 'visible';
          }
        }, {
          key: "updateValue",
          value: function updateValue(val) {
            this.ngfModel = val;
            this.ngfModelChange.emit(val);
          }
        }, {
          key: "ngAfterViewInit",
          value: function ngAfterViewInit() {}
        }, {
          key: "FormulaBoardInit",
          value: function FormulaBoardInit() {
            var _this38 = this;

            // if (window.__initfp__) {
            //   return;
            // }
            // window.__initfp__ = true;
            window.FBOARD = new window.FormulaBoard({
              // container: this.wrapperEl.nativeElement,
              id: this.FB_id,
              path: 'assets/formula-board/',
              options: {
                width: 1920,
                mode: 'pc',
                bottom: false
              }
            });
            document.addEventListener('documentMessage', function (e) {
              // @ts-ignore
              var type = e.detail.type;

              if (type === 'common.setFormula') {
                // @ts-ignore
                var formula = e.detail.data.body.formula;
                console.log(formula);
                window.FBOARD.clear(); // @ts-ignore

                window.__tmp_fp_input_model__.updateValue(formula);

                window.FBOARD.editor.style.visibility = 'hidden';

                _this38.ngfBlur.emit();
              }

              if (type === 'common.closeModal') {
                window.FBOARD.editor.style.visibility = 'hidden';
              }
            });
          }
        }]);

        return FormulaInputComponent;
      }();

      FormulaInputComponent.ɵfac = function FormulaInputComponent_Factory(t) {
        return new (t || FormulaInputComponent)();
      };

      FormulaInputComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineComponent"]({
        type: FormulaInputComponent,
        selectors: [["app-formula-input"]],
        viewQuery: function FormulaInputComponent_Query(rf, ctx) {
          if (rf & 1) {
            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵstaticViewQuery"](_c0, true);
          }

          if (rf & 2) {
            var _t;

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵqueryRefresh"](_t = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵloadQuery"]()) && (ctx.inputEl = _t.first);
          }
        },
        inputs: {
          ngfModel: "ngfModel"
        },
        outputs: {
          ngfModelChange: "ngfModelChange",
          ngfBlur: "ngfBlur"
        },
        features: [_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵNgOnChangesFeature"]],
        decls: 5,
        vars: 2,
        consts: [[3, "nzSuffix"], ["type", "text", "nz-input", "", 3, "ngModel", "focus", "ngModelChange"], ["inputEl", ""], ["suffixTemplate", ""], ["nz-icon", "", 3, "nzType", "click"]],
        template: function FormulaInputComponent_Template(rf, ctx) {
          if (rf & 1) {
            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "nz-input-group", 0);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "input", 1, 2);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("focus", function FormulaInputComponent_Template_input_focus_1_listener($event) {
              return ctx.showFormulaPad($event);
            })("ngModelChange", function FormulaInputComponent_Template_input_ngModelChange_1_listener($event) {
              return ctx.ngfModel = $event;
            })("ngModelChange", function FormulaInputComponent_Template_input_ngModelChange_1_listener($event) {
              return ctx.valueChanged($event);
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](3, FormulaInputComponent_ng_template_3_Template, 1, 1, "ng-template", null, 3, _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplateRefExtractor"]);
          }

          if (rf & 2) {
            var _r524 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵreference"](4);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzSuffix", _r524);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", ctx.ngfModel);
          }
        },
        directives: [ng_zorro_antd_input__WEBPACK_IMPORTED_MODULE_1__["NzInputGroupComponent"], _angular_forms__WEBPACK_IMPORTED_MODULE_2__["DefaultValueAccessor"], ng_zorro_antd_input__WEBPACK_IMPORTED_MODULE_1__["NzInputDirective"], _angular_forms__WEBPACK_IMPORTED_MODULE_2__["NgControlStatus"], _angular_forms__WEBPACK_IMPORTED_MODULE_2__["NgModel"], ng_zorro_antd_icon__WEBPACK_IMPORTED_MODULE_3__["NzIconDirective"]],
        styles: ["[_nghost-%COMP%] {\n  display: inline-block;\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvc3R5bGUvY29tbW9uX21peGluLmNzcyIsIi9Vc2Vycy9saXdlaS9Eb2N1bWVudHMvR2l0SHViL0NvdXJzZXdhcmUvREdfRkFGL2Zvcm1fYW5ndWxhci9zcmMvYXBwL2NvbW1vbi9mb3JtdWxhLWlucHV0L2Zvcm11bGEtaW5wdXQuY29tcG9uZW50LnNjc3MiLCJzcmMvYXBwL2NvbW1vbi9mb3JtdWxhLWlucHV0L2Zvcm11bGEtaW5wdXQuY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0NBRUM7QUNERDtFQUNFLHFCQUFxQjtBQ0N2QiIsImZpbGUiOiJzcmMvYXBwL2NvbW1vbi9mb3JtdWxhLWlucHV0L2Zvcm11bGEtaW5wdXQuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuZ2xvYmFsIGNzcyB0byBtaXhpblxuKi9cblxuXG5cbiIsIkBpbXBvcnQgJy4uLy4uL3N0eWxlL2NvbW1vbl9taXhpbi5jc3MnO1xuOmhvc3R7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbn1cbiIsIkBpbXBvcnQgdXJsKC4uLy4uL3N0eWxlL2NvbW1vbl9taXhpbi5jc3MpO1xuOmhvc3Qge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG59XG4iXX0= */"]
      });
      return FormulaInputComponent;
    }();
    /***/

  },

  /***/
  "./src/app/common/lesson-title-config/lesson-title-config.component.ts":
  /*!*****************************************************************************!*\
    !*** ./src/app/common/lesson-title-config/lesson-title-config.component.ts ***!
    \*****************************************************************************/

  /*! exports provided: LessonTitleConfigComponent */

  /***/
  function srcAppCommonLessonTitleConfigLessonTitleConfigComponentTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "LessonTitleConfigComponent", function () {
      return LessonTitleConfigComponent;
    });
    /* harmony import */


    var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! @angular/core */
    "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
    /* harmony import */


    var ng_zorro_antd_select__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
    /*! ng-zorro-antd/select */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-select.js");
    /* harmony import */


    var _angular_forms__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
    /*! @angular/forms */
    "./node_modules/@angular/forms/__ivy_ngcc__/fesm2015/forms.js");
    /* harmony import */


    var _angular_common__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
    /*! @angular/common */
    "./node_modules/@angular/common/__ivy_ngcc__/fesm2015/common.js");
    /* harmony import */


    var _fortawesome_angular_fontawesome__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(
    /*! @fortawesome/angular-fontawesome */
    "./node_modules/@fortawesome/angular-fontawesome/__ivy_ngcc__/fesm2015/angular-fontawesome.js");
    /* harmony import */


    var ng_zorro_antd_popover__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(
    /*! ng-zorro-antd/popover */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-popover.js");
    /* harmony import */


    var ng_zorro_antd_icon__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(
    /*! ng-zorro-antd/icon */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-icon.js");
    /* harmony import */


    var _audio_recorder_audio_recorder_component__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(
    /*! ../audio-recorder/audio-recorder.component */
    "./src/app/common/audio-recorder/audio-recorder.component.ts");
    /* harmony import */


    var ng_zorro_antd_grid__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(
    /*! ng-zorro-antd/grid */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-grid.js");

    var _c0 = ["titleEl"];

    var _c1 = function _c1(a0) {
      return {
        "font-family": a0
      };
    };

    function LessonTitleConfigComponent_nz_option_6_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "nz-option", 30);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "span", 31);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var font_r421 = ctx.$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", font_r421)("nzLabel", font_r421);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngStyle", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction1"](4, _c1, font_r421));

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](font_r421);
      }
    }

    function LessonTitleConfigComponent_nz_option_8_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "nz-option", 32);
      }

      if (rf & 2) {
        var i_r422 = ctx.$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", i_r422)("nzLabel", "Size - " + i_r422);
      }
    }

    function LessonTitleConfigComponent_ng_template_36_div_1_Template(rf, ctx) {
      if (rf & 1) {
        var _r426 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 35);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function LessonTitleConfigComponent_ng_template_36_div_1_Template_div_click_0_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r426);

          var color_r424 = ctx.$implicit;

          var ctx_r425 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2);

          return ctx_r425.onSelectColor(color_r424);
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var color_r424 = ctx.$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵstyleProp"]("background-color", color_r424);
      }
    }

    function LessonTitleConfigComponent_ng_template_36_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 33);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](1, LessonTitleConfigComponent_ng_template_36_div_1_Template, 1, 2, "div", 34);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var ctx_r420 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", ctx_r420.colorList);
      }
    }

    var editorTpl = "<html lang=\"en\"><head><meta charset=\"utf-8\">\n  <meta name=\"viewport\"\n          content=\"width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no\"/>\n        <style>\n@font-face{\n  font-family: 'BRLNSDB';\n  src: url(\"../../../assets/font/BRLNSDB.TTF\") ;\n}\n\n@font-face{\n  font-family: 'BRLNSB';\n  src: url(\"../../../assets/font/BRLNSB.TTF\") ;\n}\n\n@font-face{\n  font-family: 'BRLNSR';\n  src: url(\"../../../assets/font/BRLNSR.TTF\") ;\n}\n\n@font-face{\n  font-family: 'GOTHIC';\n  src: url(\"../../../assets/font/GOTHIC.TTF\") ;\n}\n\n@font-face{\n  font-family: 'GOTHICB';\n  src: url(\"../../../assets/font/GOTHICB.TTF\") ;\n}\n\n@font-face{\n  font-family: 'GOTHICBI';\n  src: url(\"../../../assets/font/GOTHICBI.TTF\") ;\n}\n\n@font-face{\n  font-family: 'GOTHICI';\n  src: url(\"../../../assets/font/GOTHICI.TTF\") ;\n}\n\n@font-face{\n  font-family: 'MMTextBook';\n  src: url(\"../../../assets/font/MMTextBook.otf\") ;\n}\n\n@font-face{\n  font-family: 'MMTextBook-Bold';\n  src: url(\"../../../assets/font/MMTextBook-Bold.otf\") ;\n}\n\n@font-face{\n  font-family: 'MMTextBook-BoldItalic';\n  src: url(\"../../../assets/font/MMTextBook-BoldItalic.otf\") ;\n}\n\n@font-face{\n  font-family: 'MMTextBook-Italic';\n  src: url(\"../../../assets/font/MMTextBook-Italic.otf\") ;\n}\nhtml, body{\n/*font-size: 30px;*/\n}\nbody{\n    height:48px;\n\n  overflow: hidden;\n  margin: 0;\n  padding: 0 .5rem;\n  font-family: 'BRLNSB, BRLNSDB, BRLNSR, GOTHIC, GOTHICB, MMTextBook';\n  background: #FFF;\n  line-height: 48px;\n}\n</style>\n  </head>\n  <body>{{content}}</body>\n</html>";

    var LessonTitleConfigComponent =
    /*@__PURE__*/
    function () {
      var LessonTitleConfigComponent =
      /*#__PURE__*/
      function () {
        function LessonTitleConfigComponent() {
          var _this39 = this;

          _classCallCheck(this, LessonTitleConfigComponent);

          this.fontFamilyList = ['Arial', 'BRLNSB', 'BRLNSDB', 'BRLNSR', 'GOTHIC', 'GOTHICB', // "GOTHICBI",
          // "GOTHICI",
          'MMTextBook'];
          this.colorList = ['#000000', '#ffffff', '#595959', '#0075c2', '#c61c1e', '#9cbc3a', '#008000', '#FF0000', '#D2691E'];
          this.MIN_FONT_SIZE = 1;
          this.MAX_FONT_SIZE = 7;
          this.isShowFontColorPane = false;
          this.isShowBGColorPane = false;
          this.fontSizeRange = [// {name: '1号', value: 9},
            // {name: '2号', value: 13},
            // {name: '3号', value: 16},
            // {name: '4号', value: 18},
            // {name: '5号', value: 24},
            // {name: '6号', value: 32},
          ];
          this.editorContent = '';
          this.__fontFamily = 'Arial';
          this.__fontColor = '';
          this.__fontSize = 3;
          this.loopCnt = 0;
          this.maxLoops = 20;
          this.titleEW = null;
          this.titleObj = {
            content: '',
            audio_url: ''
          };
          this.titleUpdated = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();

          this.shouldSave = function () {
            console.log('title shouldSave', _this39.titleObj);
            _this39.titleObj.content = _this39.titleEW.document.body.innerHTML.trim();

            _this39.titleUpdated.emit(_this39.titleObj);
          };

          this.fontSizeRange = [];

          for (var i = this.MIN_FONT_SIZE; i <= this.MAX_FONT_SIZE; ++i) {
            this.fontSizeRange.push(i);
          }

          this.__fontSize = 3;
          this.__fontColor = this.colorList[0];
        }

        _createClass(LessonTitleConfigComponent, [{
          key: "ngOnChanges",
          value: function ngOnChanges(vars) {
            if (!vars.titleObj.previousValue) {
              // 初始化，内容是空
              return;
            }

            var defObj = this.titleObj;

            if (!vars.titleObj.currentValue) {
              defObj = {
                content: '',
                audio_url: ''
              };
            } else {
              defObj = vars.titleObj.currentValue;
            }

            this.titleObj.content = defObj.content || '';
            this.titleObj.audio_url = defObj.audio_url || '';
            this.titleEW.document.body.innerHTML = this.titleObj.content;
          }
        }, {
          key: "ngOnInit",
          value: function ngOnInit() {
            var _this40 = this;

            if (!this.titleObj) {
              this.titleObj = {
                content: '',
                audio_url: ''
              };
            }

            this.titleObj.content = this.titleObj.content || '';
            this.titleObj.audio_url = this.titleObj.audio_url || '';
            this.editorContent = editorTpl.replace('{{content}}', this.titleObj.content);
            this.titleEW = this.titleEl.nativeElement.contentWindow;
            console.log('this.titleEW', this.titleEW);
            var tdoc = this.titleEW.document;
            tdoc.designMode = 'on';
            tdoc.open('text/html', 'replace');
            tdoc.write(this.editorContent);
            tdoc.close();
            tdoc.addEventListener('keypress', this.keyPress, true);
            tdoc.addEventListener('blur', function () {
              if (_this40.titleObj.content === _this40.titleEW.document.body.innerHTML.trim()) {
                return;
              }

              _this40.shouldSave();
            }, true);
          }
        }, {
          key: "htmlEncode",
          value: function htmlEncode(text) {
            if (!text) {
              return '';
            }

            return text.replace(/\&/ig, '&amp;').replace(/\</ig, '&lt;').replace(/\>/ig, '&gt;').replace(/\"/ig, '&quot;');
          }
        }, {
          key: "htmlDecode",
          value: function htmlDecode(text) {
            if (!text) {
              return '';
            }

            return text.replace(/\&amp\;/ig, '&').replace(/\&lt\;/ig, '<').replace(/\&gt\;/ig, '>').replace(/\&quot\;/ig, '"');
          }
        }, {
          key: "ngOnDestroy",
          value: function ngOnDestroy() {}
        }, {
          key: "keyPress",
          value: function keyPress(evt) {
            try {
              if (evt.charCode === 13) {
                evt.preventDefault();
                evt.stopPropagation();
                return;
              }

              if (evt.ctrlKey) {
                var key = String.fromCharCode(evt.charCode).toLowerCase();
                var cmd = '';

                switch (key) {
                  case 'b':
                    cmd = 'bold';
                    break;

                  case 'i':
                    cmd = 'italic';
                    break;

                  case 'u':
                    cmd = 'underline';
                    break;
                }

                if (cmd) {
                  this.execEditorCommand(cmd); // stop the event bubble

                  evt.preventDefault();
                  evt.stopPropagation();
                }
              }
            } catch (e) {
              console.log(1, e);
              alert(e);
            }
          }
        }, {
          key: "execEditorCommand",
          value: function execEditorCommand(command, option) {
            var _this41 = this;

            console.log('sssss');

            try {
              this.titleEW.focus();
              var result = this.titleEW.document.execCommand(command, false, option);
              console.log(result);
              this.loopCnt = 0;
              return false;
            } catch (e) {
              alert(e);

              if (this.loopCnt < this.maxLoops) {
                setTimeout(function () {
                  _this41.execEditorCommand(command, option);
                }, 100);
                this.loopCnt += 1;
              } else {
                alert('Error executing command.');
              }
            }
          }
        }, {
          key: "onSelectColor",
          value: function onSelectColor(color) {
            this.execEditorCommand('forecolor', color);
            this.__fontColor = color;
          }
        }, {
          key: "onChangeFontColor",
          value: function onChangeFontColor(val) {
            this.execEditorCommand('forecolor', this.__fontColor);
          }
        }, {
          key: "onChangeFontFamily",
          value: function onChangeFontFamily(font) {
            this.execEditorCommand('fontName', font);
          }
        }, {
          key: "onChangeFontSize",
          value: function onChangeFontSize(size) {
            if (size) {
              size += this.__fontSize;
            } else {
              size = this.__fontSize;
            }

            size = Math.max(this.MIN_FONT_SIZE, size);
            size = Math.min(this.MAX_FONT_SIZE, size);
            this.execEditorCommand('fontsize', size);
          }
        }, {
          key: "onChangeBold",
          value: function onChangeBold() {
            this.execEditorCommand('bold');
          }
        }, {
          key: "onChangeItalic",
          value: function onChangeItalic() {
            this.execEditorCommand('italic');
          }
        }, {
          key: "onChangeUnderline",
          value: function onChangeUnderline() {
            this.execEditorCommand('underline');
          }
        }, {
          key: "onChangeStrikethrough",
          value: function onChangeStrikethrough() {
            this.execEditorCommand('strikethrough');
          }
        }, {
          key: "titleAudioUploaded",
          value: function titleAudioUploaded(res) {
            this.titleObj.audio_url = res.url;
            this.titleUpdated.emit(this.titleObj);
          }
        }]);

        return LessonTitleConfigComponent;
      }();

      LessonTitleConfigComponent.ɵfac = function LessonTitleConfigComponent_Factory(t) {
        return new (t || LessonTitleConfigComponent)();
      };

      LessonTitleConfigComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineComponent"]({
        type: LessonTitleConfigComponent,
        selectors: [["app-lesson-title-config"]],
        viewQuery: function LessonTitleConfigComponent_Query(rf, ctx) {
          if (rf & 1) {
            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵstaticViewQuery"](_c0, true);
          }

          if (rf & 2) {
            var _t;

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵqueryRefresh"](_t = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵloadQuery"]()) && (ctx.titleEl = _t.first);
          }
        },
        inputs: {
          titleObj: "titleObj"
        },
        outputs: {
          titleUpdated: "titleUpdated"
        },
        features: [_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵNgOnChangesFeature"]],
        decls: 38,
        vars: 10,
        consts: [[1, "title-config"], [1, "title-wrap"], [1, "row", 2, "margin", "5px"], [1, "p-content", 2, "width", "100%"], [1, "p-tool-box", "d-flex", 2, "background", "#fff"], ["nzPlaceHolder", "Font Family", 1, "ml-1", 2, "width", "120px", 3, "ngModel", "nzDropdownMatchSelectWidth", "ngModelChange"], ["nzCustomContent", "", 3, "nzValue", "nzLabel", 4, "ngFor", "ngForOf"], ["nzPlaceHolder", "Font Size", 1, "ml-1", 2, "width", "110px", 3, "ngModel", "ngModelChange"], [3, "nzValue", "nzLabel", 4, "ngFor", "ngForOf"], [1, "p-divider"], [1, "i-tool-font-btn", "d-flex", "mr-2"], [1, "position-relative", "fa-icon", 3, "click"], ["icon", "bold"], ["icon", "italic"], ["icon", "underline"], [1, "i-tool-font-btn", "d-flex"], ["icon", "strikethrough"], [1, "i-tool-font-color", "d-flex"], [1, "position-relative", "i-left", "flex-fill", 3, "click"], ["icon", "palette"], [1, "i-color"], ["nzPlacement", "bottom", "nz-popover", "", "nzTrigger", "click", 1, "i-dropdown-menu", 3, "nzVisible", "nzContent", "nzVisibleChange"], ["nz-icon", "", "type", "down", "theme", "outline"], [2, "background", "#fff", "display", "block"], [1, "position-relative"], [3, "audioUrl", "audioUploaded"], [1, "width-100", "d-flex"], ["id", "titleContentEgret", "frameborder", "0", 2, "overflow", "hidden", "width", "100%", "height", "48px", "margin", "0", "padding", "0"], ["titleEl", ""], ["colorPane", ""], ["nzCustomContent", "", 3, "nzValue", "nzLabel"], [3, "ngStyle"], [3, "nzValue", "nzLabel"], ["nz-row", "", "nzGutter", "16", "nzType", "flex", 1, "p-color-pane"], ["nz-col", "", "class", "p-color-item", 3, "background-color", "click", 4, "ngFor", "ngForOf"], ["nz-col", "", 1, "p-color-item", 3, "click"]],
        template: function LessonTitleConfigComponent_Template(rf, ctx) {
          if (rf & 1) {
            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 0);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div", 1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "div", 2);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "div", 3);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "div", 4);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](5, "nz-select", 5);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function LessonTitleConfigComponent_Template_nz_select_ngModelChange_5_listener($event) {
              return ctx.__fontFamily = $event;
            })("ngModelChange", function LessonTitleConfigComponent_Template_nz_select_ngModelChange_5_listener($event) {
              return ctx.onChangeFontFamily($event);
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](6, LessonTitleConfigComponent_nz_option_6_Template, 3, 6, "nz-option", 6);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](7, "nz-select", 7);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function LessonTitleConfigComponent_Template_nz_select_ngModelChange_7_listener($event) {
              return ctx.__fontSize = $event;
            })("ngModelChange", function LessonTitleConfigComponent_Template_nz_select_ngModelChange_7_listener() {
              return ctx.onChangeFontSize();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](8, LessonTitleConfigComponent_nz_option_8_Template, 1, 2, "nz-option", 8);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](9, "div", 9);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](10, "div", 10);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](11, "div", 11);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function LessonTitleConfigComponent_Template_div_click_11_listener() {
              return ctx.onChangeBold();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](12, "fa-icon", 12);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](13, "div", 10);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](14, "div", 11);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function LessonTitleConfigComponent_Template_div_click_14_listener() {
              return ctx.onChangeItalic();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](15, "fa-icon", 13);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](16, "div", 10);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](17, "div", 11);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function LessonTitleConfigComponent_Template_div_click_17_listener() {
              return ctx.onChangeUnderline();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](18, "fa-icon", 14);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](19, "div", 15);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](20, "div", 11);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function LessonTitleConfigComponent_Template_div_click_20_listener() {
              return ctx.onChangeStrikethrough();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](21, "fa-icon", 16);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](22, "div", 9);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](23, "div", 17);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](24, "div", 18);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function LessonTitleConfigComponent_Template_div_click_24_listener($event) {
              return ctx.onChangeFontColor($event);
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](25, "fa-icon", 19);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](26, "div", 20);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](27, "div", 21);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("nzVisibleChange", function LessonTitleConfigComponent_Template_div_nzVisibleChange_27_listener($event) {
              return ctx.isShowFontColorPane = $event;
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](28, "i", 22);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](29, "div", 9);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](30, "div", 23);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](31, "div", 24);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](32, "app-audio-recorder", 25);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("audioUploaded", function LessonTitleConfigComponent_Template_app_audio_recorder_audioUploaded_32_listener($event) {
              return ctx.titleAudioUploaded($event);
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](33, "div", 26);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](34, "iframe", 27, 28);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](36, LessonTitleConfigComponent_ng_template_36_Template, 2, 1, "ng-template", null, 29, _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplateRefExtractor"]);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
          }

          if (rf & 2) {
            var _r419 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵreference"](37);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](5);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", ctx.__fontFamily)("nzDropdownMatchSelectWidth", false);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", ctx.fontFamilyList);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", ctx.__fontSize);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", ctx.fontSizeRange);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](18);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵstyleProp"]("background-color", ctx.__fontColor);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzVisible", ctx.isShowFontColorPane)("nzContent", _r419);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](5);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("audioUrl", ctx.titleObj && ctx.titleObj.audio_url);
          }
        },
        directives: [ng_zorro_antd_select__WEBPACK_IMPORTED_MODULE_1__["NzSelectComponent"], _angular_forms__WEBPACK_IMPORTED_MODULE_2__["NgControlStatus"], _angular_forms__WEBPACK_IMPORTED_MODULE_2__["NgModel"], _angular_common__WEBPACK_IMPORTED_MODULE_3__["NgForOf"], _fortawesome_angular_fontawesome__WEBPACK_IMPORTED_MODULE_4__["FaIconComponent"], ng_zorro_antd_popover__WEBPACK_IMPORTED_MODULE_5__["NzPopoverDirective"], ng_zorro_antd_icon__WEBPACK_IMPORTED_MODULE_6__["NzIconDirective"], _audio_recorder_audio_recorder_component__WEBPACK_IMPORTED_MODULE_7__["AudioRecorderComponent"], ng_zorro_antd_select__WEBPACK_IMPORTED_MODULE_1__["NzOptionComponent"], _angular_common__WEBPACK_IMPORTED_MODULE_3__["NgStyle"], ng_zorro_antd_grid__WEBPACK_IMPORTED_MODULE_8__["NzRowDirective"], ng_zorro_antd_grid__WEBPACK_IMPORTED_MODULE_8__["NzColDirective"]],
        styles: [".title-config[_ngcontent-%COMP%]   .letter-wrap[_ngcontent-%COMP%] {\n  width: 3rem;\n  flex: 0 0 3rem;\n}\n.title-config[_ngcontent-%COMP%]   .str-wrap[_ngcontent-%COMP%] {\n  margin-left: 1rem;\n  flex: 1 1;\n}\n.title-config[_ngcontent-%COMP%]   .type-row[_ngcontent-%COMP%] {\n  margin: 0;\n  padding-top: 1rem;\n}\n@font-face {\n  font-family: 'BRLNSDB';\n  src: url('BRLNSDB.TTF');\n}\n@font-face {\n  font-family: 'BRLNSB';\n  src: url('BRLNSB.TTF');\n}\n@font-face {\n  font-family: 'BRLNSR';\n  src: url('BRLNSR.TTF');\n}\n@font-face {\n  font-family: 'GOTHIC';\n  src: url('GOTHIC.TTF');\n}\n@font-face {\n  font-family: 'GOTHICB';\n  src: url('GOTHICB.TTF');\n}\n@font-face {\n  font-family: 'GOTHICBI';\n  src: url('GOTHICBI.TTF');\n}\n@font-face {\n  font-family: 'GOTHICI';\n  src: url('GOTHICI.TTF');\n}\n@font-face {\n  font-family: 'MMTextBook';\n  src: url('MMTextBook.otf');\n}\n@font-face {\n  font-family: 'MMTextBook-Bold';\n  src: url('MMTextBook-Bold.otf');\n}\n@font-face {\n  font-family: 'MMTextBook-BoldItalic';\n  src: url('MMTextBook-BoldItalic.otf');\n}\n@font-face {\n  font-family: 'MMTextBook-Italic';\n  src: url('MMTextBook-Italic.otf');\n}\n.d-flex[_ngcontent-%COMP%] {\n  display: flex;\n}\n.position-relative[_ngcontent-%COMP%] {\n  position: relative;\n}\n.flex-fill[_ngcontent-%COMP%] {\n  flex: 1 1 auto;\n  justify-content: center;\n  display: flex;\n}\n.i-dropdown-menu[_ngcontent-%COMP%] {\n  width: 15px;\n  font-size: 10px;\n  border-left: 1px solid #ddd;\n  display: flex;\n  align-items: center;\n  flex: 0;\n}\n.p-title-box[_ngcontent-%COMP%]   .p-title[_ngcontent-%COMP%] {\n  font-size: 20px;\n}\n.p-title-box[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n  width: 300px;\n  margin-left: 10px;\n}\n.p-content[_ngcontent-%COMP%] {\n  border: 1px solid #ddd;\n  box-shadow: 0 0 8px #eee;\n  margin-top: 10px;\n}\n.p-divider[_ngcontent-%COMP%] {\n  border-left: 1px solid #ccc;\n  margin: 5px 8px;\n  height: 85%;\n}\n.p-tool-box[_ngcontent-%COMP%] {\n  background-color: #efefef;\n  padding: 2px;\n  height: 37px;\n  display: flex;\n  align-items: center;\n  border-bottom: 1px solid #ddd;\n}\n.i-tool-save[_ngcontent-%COMP%] {\n  color: white;\n}\n.i-tool-save[_ngcontent-%COMP%]:disabled {\n  color: #555;\n}\n.i-tool-font-size[_ngcontent-%COMP%] {\n  width: 37px;\n}\n.i-tool-font-size[_ngcontent-%COMP%]:hover {\n  color: black;\n  border-color: #bbb;\n}\n.i-tool-font-color[_ngcontent-%COMP%], .i-tool-font-btn[_ngcontent-%COMP%] {\n  border: 1px solid #ddd;\n  border-radius: 6px;\n  width: 45px;\n  height: 31px;\n  background-color: white;\n  color: #555;\n}\n.i-tool-font-color[_ngcontent-%COMP%]     > span, .i-tool-font-btn[_ngcontent-%COMP%]     > span {\n  display: flex;\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  padding: 3px 7px;\n}\n.i-tool-font-color[_ngcontent-%COMP%]   .i-left[_ngcontent-%COMP%]   .fa-font[_ngcontent-%COMP%], .i-tool-font-color[_ngcontent-%COMP%]   .i-left[_ngcontent-%COMP%]   .fa-bold[_ngcontent-%COMP%], .i-tool-font-color[_ngcontent-%COMP%]   .i-left[_ngcontent-%COMP%]   .fa-italic[_ngcontent-%COMP%], .i-tool-font-color[_ngcontent-%COMP%]   .i-left[_ngcontent-%COMP%]   .fa-strikethrough[_ngcontent-%COMP%], .i-tool-font-color[_ngcontent-%COMP%]   .i-left[_ngcontent-%COMP%]   .fa-underline[_ngcontent-%COMP%], .i-tool-font-btn[_ngcontent-%COMP%]   .i-left[_ngcontent-%COMP%]   .fa-font[_ngcontent-%COMP%], .i-tool-font-btn[_ngcontent-%COMP%]   .i-left[_ngcontent-%COMP%]   .fa-bold[_ngcontent-%COMP%], .i-tool-font-btn[_ngcontent-%COMP%]   .i-left[_ngcontent-%COMP%]   .fa-italic[_ngcontent-%COMP%], .i-tool-font-btn[_ngcontent-%COMP%]   .i-left[_ngcontent-%COMP%]   .fa-strikethrough[_ngcontent-%COMP%], .i-tool-font-btn[_ngcontent-%COMP%]   .i-left[_ngcontent-%COMP%]   .fa-underline[_ngcontent-%COMP%] {\n  font-size: 10px;\n  position: absolute;\n  color: #555;\n  left: 8px;\n  top: 7px;\n}\n.i-tool-font-color[_ngcontent-%COMP%]   .i-left[_ngcontent-%COMP%]   .i-color[_ngcontent-%COMP%], .i-tool-font-btn[_ngcontent-%COMP%]   .i-left[_ngcontent-%COMP%]   .i-color[_ngcontent-%COMP%] {\n  width: 68%;\n  height: 5px;\n  background-color: black;\n  position: absolute;\n  top: 21px;\n  left: 5px;\n}\n.i-tool-font-color[_ngcontent-%COMP%]   .i-dropdown-menu[_ngcontent-%COMP%], .i-tool-font-btn[_ngcontent-%COMP%]   .i-dropdown-menu[_ngcontent-%COMP%] {\n  width: 15px;\n  font-size: 10px;\n  border-left: 1px solid #ddd;\n  display: flex;\n  align-items: center;\n}\n.i-tool-font-color[_ngcontent-%COMP%]   .i-dropdown-menu[_ngcontent-%COMP%]   .anticon-down[_ngcontent-%COMP%], .i-tool-font-btn[_ngcontent-%COMP%]   .i-dropdown-menu[_ngcontent-%COMP%]   .anticon-down[_ngcontent-%COMP%] {\n  transform: scale(0.6);\n}\n.i-tool-font-btn[_ngcontent-%COMP%] {\n  width: 31px;\n}\n.fa-icon[_ngcontent-%COMP%] {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n}\n.i-tool-bg-color[_ngcontent-%COMP%] {\n  border: 1px solid #ddd;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n  outline: none;\n  border-radius: 6px;\n  color: #555;\n  padding: 0 9px;\n}\n.i-tool-bg-color[_ngcontent-%COMP%]     > span {\n  display: flex;\n  align-items: center;\n}\n.i-tool-bg-color[_ngcontent-%COMP%]   .i-color[_ngcontent-%COMP%] {\n  display: block;\n  width: 16px;\n  height: 16px;\n  background-color: white;\n  margin-left: 10px;\n}\n.i-tool-horizontal-center[_ngcontent-%COMP%] {\n  border: 1px solid #ddd;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n  outline: none;\n  border-radius: 6px;\n  color: #555;\n  width: 37px;\n}\n.p-box[_ngcontent-%COMP%] {\n  width: 1280px;\n  height: 720px;\n  left: 0;\n  top: 0;\n  transform-origin: top left;\n  overflow: hidden;\n}\n.p-animation-index-box[_ngcontent-%COMP%]   .i-animation-index[_ngcontent-%COMP%] {\n  position: absolute;\n  font-size: 34px;\n  font-family: Arial;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n  min-width: 50px;\n  min-height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: darkorange;\n  color: white;\n}\n.p-edit[_ngcontent-%COMP%] {\n  background-color: white;\n  border: 1px solid black;\n  padding: 2px 15px;\n}\n.p-selected[_ngcontent-%COMP%] {\n  border: 1px solid darkorange;\n  box-shadow: 0 0 8px #ddd;\n}\n.p-tool-item-disable[_ngcontent-%COMP%] {\n  color: rgba(0, 0, 0, 0.25) !important;\n  background-color: transparent !important;\n  pointer-events: none;\n}\n.p-color-pane[_ngcontent-%COMP%] {\n  width: 80px;\n}\n.p-color-pane[_ngcontent-%COMP%]   .p-color-item[_ngcontent-%COMP%] {\n  width: 17px;\n  height: 17px;\n  cursor: pointer;\n  margin: 4px;\n  border: 1px solid #bbb;\n}\n.p-color-pane[_ngcontent-%COMP%]   .p-color-item-active[_ngcontent-%COMP%] {\n  border: 1px solid white;\n  transform: scale(1.1);\n}\n.p-user-guide[_ngcontent-%COMP%] {\n  font-size: 40px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.p-animation-box[_ngcontent-%COMP%] {\n  width: 400px;\n  background-color: #efefef;\n  border-left: 1px solid #ddd;\n  padding: 10px;\n  text-align: center;\n}\n.p-animation-box[_ngcontent-%COMP%]   .p-animation-label[_ngcontent-%COMP%] {\n  z-index: 1;\n  position: relative;\n}\n.p-animation-box[_ngcontent-%COMP%]     .ant-radio-button-wrapper {\n  padding: 0 10px;\n}\n.p-animation-box[_ngcontent-%COMP%]   .i-toolbox[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%] {\n  font-size: 20px;\n  cursor: pointer;\n  color: #555;\n  padding: 0 3px;\n  margin: 0 5px;\n}\n.p-animation-box[_ngcontent-%COMP%]   .i-toolbox[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]:hover {\n  color: #1585ff;\n  transform: scale(1.1);\n}\n.p-animation-box[_ngcontent-%COMP%]   .p-animation-list[_ngcontent-%COMP%] {\n  background-color: white;\n  border-radius: 10px;\n  height: calc(100% - 86px);\n  overflow-y: auto;\n}\n.p-animation-box[_ngcontent-%COMP%]   .p-animation-list[_ngcontent-%COMP%]   .p-animation-item[_ngcontent-%COMP%] {\n  padding: 0 20px;\n  background-color: aliceblue;\n  margin-top: 6px;\n  border-top: 1px solid #ddd;\n  border-bottom: 1px solid #ddd;\n  cursor: pointer;\n  text-align: left;\n  display: flex;\n}\n.p-animation-box[_ngcontent-%COMP%]   .p-animation-list[_ngcontent-%COMP%]   .i-active[_ngcontent-%COMP%] {\n  background-color: antiquewhite;\n}\n/*# sourceMappingURL=data:application/json;base64,  */"]
      });
      return LessonTitleConfigComponent;
    }();
    /***/

  },

  /***/
  "./src/app/common/mult-rect/mult-rect.component.ts":
  /*!*********************************************************!*\
    !*** ./src/app/common/mult-rect/mult-rect.component.ts ***!
    \*********************************************************/

  /*! exports provided: MultRectComponent */

  /***/
  function srcAppCommonMultRectMultRectComponentTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "MultRectComponent", function () {
      return MultRectComponent;
    });
    /* harmony import */


    var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! @angular/core */
    "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
    /* harmony import */


    var ng_zorro_antd__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
    /*! ng-zorro-antd */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd.js");
    /* harmony import */


    var ng_zorro_antd_button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
    /*! ng-zorro-antd/button */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-button.js");
    /* harmony import */


    var ng_zorro_antd_icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
    /*! ng-zorro-antd/icon */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-icon.js");
    /* harmony import */


    var ng_zorro_antd_modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(
    /*! ng-zorro-antd/modal */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-modal.js");
    /* harmony import */


    var _angular_common__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(
    /*! @angular/common */
    "./node_modules/@angular/common/__ivy_ngcc__/fesm2015/common.js");
    /* harmony import */


    var ng_zorro_antd_radio__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(
    /*! ng-zorro-antd/radio */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-radio.js");
    /* harmony import */


    var _angular_forms__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(
    /*! @angular/forms */
    "./node_modules/@angular/forms/__ivy_ngcc__/fesm2015/forms.js");

    function MultRectComponent_div_5_div_6_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 12);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "label", 13);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var colorData_r532 = ctx.$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpropertyInterpolate"]("nzValue", colorData_r532.color);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](colorData_r532.name);
      }
    }

    function MultRectComponent_div_5_Template(rf, ctx) {
      if (rf & 1) {
        var _r535 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 7);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "span", 8);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](3);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "div");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](5, "nz-radio-group", 9);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function MultRectComponent_div_5_Template_nz_radio_group_ngModelChange_5_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r535);

          var r_r529 = ctx.$implicit;

          var ctx_r534 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r534.radioChange($event, r_r529);
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](6, MultRectComponent_div_5_div_6_Template, 3, 2, "div", 10);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](7, "div");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "button", 11);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function MultRectComponent_div_5_Template_button_click_8_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r535);

          var r_r529 = ctx.$implicit;

          var ctx_r536 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r536.deleteRect(r_r529);
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](9, " X ");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var r_r529 = ctx.$implicit;
        var i_r530 = ctx.index;

        var ctx_r528 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"](" ", "rect-" + (i_r530 + 1), " ");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", r_r529.color);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", ctx_r528.colorArr);
      }
    }

    var MultRectComponent =
    /*@__PURE__*/
    function () {
      var MultRectComponent =
      /*#__PURE__*/
      function () {
        function MultRectComponent(appRef, nzMessageService) {
          _classCallCheck(this, MultRectComponent);

          // this.uploadUrl = (<any> window).courseware.uploadUrl();
          // this.uploadData = (<any> window).courseware.uploadData();
          this.appRef = appRef;
          this.nzMessageService = nzMessageService;
          this.uploading = false;
          this.progress = 0;
          this.btnName = '配置多矩形集合';
          this.animaNames = [];
          this.rectArr = [];
          this.save = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
          this.refreshEmitter = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
          this.panelVisible = false;
          this.colorArr = [{
            name: 'red',
            color: '#ff0000'
          }, {
            name: 'green',
            color: '#00ff00'
          }, {
            name: 'blue',
            color: '#0000ff'
          }, {
            name: 'black',
            color: '#000000'
          }]; // window['air'].getUploadCallback = (url, data) => {
          //   this.uploadUrl = url;
          //   this.uploadData = data;
          // };
        }

        _createClass(MultRectComponent, [{
          key: "ngOnChanges",
          value: function ngOnChanges() {}
        }, {
          key: "radioChange",
          value: function radioChange(e, item) {
            console.log('e: ', e);
            item.color = e;
          }
        }, {
          key: "addRect",
          value: function addRect() {
            this.rectArr.push({
              color: this.colorArr[0].color,
              width: 100,
              height: 100,
              x: -1,
              y: -1
            });
          }
        }, {
          key: "deleteRect",
          value: function deleteRect(item) {
            var index = this.rectArr.indexOf(item);

            if (index != -1) {
              this.rectArr.splice(index, 1);
            }
          }
          /**
           * 刷新 渲染页面
           */

        }, {
          key: "refresh",
          value: function refresh() {
            var _this42 = this;

            // this.refreshEmitter.emit();
            setTimeout(function () {
              _this42.appRef.tick();
            }, 1);
          }
        }, {
          key: "setRectBtnClick",
          value: function setRectBtnClick() {
            this.panelVisible = true;
          }
        }, {
          key: "panelOk",
          value: function panelOk() {
            this.save.emit(this.rectArr);
            this.panelVisible = false;
          }
        }, {
          key: "panelCancel",
          value: function panelCancel() {
            this.panelVisible = false;
            this.refresh();
          }
        }, {
          key: "ngOnDestroy",
          value: function ngOnDestroy() {}
        }]);

        return MultRectComponent;
      }();

      MultRectComponent.ɵfac = function MultRectComponent_Factory(t) {
        return new (t || MultRectComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ApplicationRef"]), _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](ng_zorro_antd__WEBPACK_IMPORTED_MODULE_1__["NzMessageService"]));
      };

      MultRectComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineComponent"]({
        type: MultRectComponent,
        selectors: [["app-mult-rect"]],
        inputs: {
          btnName: "btnName",
          animaNames: "animaNames",
          rectArr: "rectArr"
        },
        outputs: {
          save: "save",
          refreshEmitter: "refreshEmitter"
        },
        features: [_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵNgOnChangesFeature"]],
        decls: 10,
        vars: 3,
        consts: [["nz-button", "", 2, "border-radius", "0.5rem", "border", "1px solid #ddd", 3, "click"], ["nz-icon", "", "nzType", "tool", "nzTheme", "outline"], ["nzTitle", "\u914D\u7F6E\u591A\u77E9\u5F62\u96C6\u5408", "nzOkText", "\u4FDD\u5B58", 3, "nzVisible", "nzVisibleChange", "nzAfterClose", "nzOnCancel", "nzOnOk"], ["style", "margin-top:5px; width:100%; height:40px; border-radius: 0.5rem; border: solid 2px #ccc;\n      display: flex; align-items:center; justify-content:space-between", 4, "ngFor", "ngForOf"], ["nz-button", "", "nzType", "dashed", 2, "margin-top", "20px", 3, "click"], ["nz-icon", "", "nzType", "plus-circle", "nzTheme", "outline"], [2, "justify-content", "space-between"], [2, "margin-top", "5px", "width", "100%", "height", "40px", "border-radius", "0.5rem", "border", "solid 2px #ccc", "display", "flex", "align-items", "center", "justify-content", "space-between"], [2, "margin-left", "10px", "font-weight", "600", "font-size", "16px"], [2, "display", "flex", "align-items", "center", "justify-content", "center", "flex-wrap", "wrap", 3, "ngModel", "ngModelChange"], ["style", "display: flex; ", 4, "ngFor", "ngForOf"], ["nz-button", "", "nzType", "danger", 2, "margin-right", "5px", 3, "click"], [2, "display", "flex"], ["nz-radio", "", 3, "nzValue"]],
        template: function MultRectComponent_Template(rf, ctx) {
          if (rf & 1) {
            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "button", 0);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function MultRectComponent_Template_button_click_1_listener() {
              return ctx.setRectBtnClick();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](2, "i", 1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](3);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "nz-modal", 2);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("nzVisibleChange", function MultRectComponent_Template_nz_modal_nzVisibleChange_4_listener($event) {
              return ctx.panelVisible = $event;
            })("nzAfterClose", function MultRectComponent_Template_nz_modal_nzAfterClose_4_listener() {
              return ctx.panelCancel();
            })("nzOnCancel", function MultRectComponent_Template_nz_modal_nzOnCancel_4_listener() {
              return ctx.panelCancel();
            })("nzOnOk", function MultRectComponent_Template_nz_modal_nzOnOk_4_listener() {
              return ctx.panelOk();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](5, MultRectComponent_div_5_Template, 10, 3, "div", 3);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "button", 4);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function MultRectComponent_Template_button_click_6_listener() {
              return ctx.addRect();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](7, "i", 5);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](8, " \u6DFB\u52A0\u77E9\u5F62 ");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](9, "div", 6);
          }

          if (rf & 2) {
            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"](" ", ctx.btnName, " ");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzVisible", ctx.panelVisible);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", ctx.rectArr);
          }
        },
        directives: [ng_zorro_antd_button__WEBPACK_IMPORTED_MODULE_2__["NzButtonComponent"], ng_zorro_antd_icon__WEBPACK_IMPORTED_MODULE_3__["NzIconDirective"], ng_zorro_antd_modal__WEBPACK_IMPORTED_MODULE_4__["NzModalComponent"], _angular_common__WEBPACK_IMPORTED_MODULE_5__["NgForOf"], ng_zorro_antd_radio__WEBPACK_IMPORTED_MODULE_6__["NzRadioGroupComponent"], _angular_forms__WEBPACK_IMPORTED_MODULE_7__["NgControlStatus"], _angular_forms__WEBPACK_IMPORTED_MODULE_7__["NgModel"], ng_zorro_antd_radio__WEBPACK_IMPORTED_MODULE_6__["NzRadioComponent"]],
        styles: ["\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2NvbW1vbi9tdWx0LXJlY3QvbXVsdC1yZWN0LmNvbXBvbmVudC5zY3NzIn0= */"]
      });
      return MultRectComponent;
    }();
    /***/

  },

  /***/
  "./src/app/common/player-content-wrapper/player-content-wrapper.component.ts":
  /*!***********************************************************************************!*\
    !*** ./src/app/common/player-content-wrapper/player-content-wrapper.component.ts ***!
    \***********************************************************************************/

  /*! exports provided: PlayerContentWrapperComponent */

  /***/
  function srcAppCommonPlayerContentWrapperPlayerContentWrapperComponentTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "PlayerContentWrapperComponent", function () {
      return PlayerContentWrapperComponent;
    });
    /* harmony import */


    var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! @angular/core */
    "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");

    var _c0 = ["wrapperEl"];
    var _c1 = ["*"];

    var PlayerContentWrapperComponent =
    /*@__PURE__*/
    function () {
      var PlayerContentWrapperComponent =
      /*#__PURE__*/
      function () {
        function PlayerContentWrapperComponent() {
          _classCallCheck(this, PlayerContentWrapperComponent);

          if (window.innerHeight < window.innerWidth) {
            this._h = '100%';
            this._w = 'auto';
          } else {
            this._w = '100%';
            this._h = 'auto';
          }
        }

        _createClass(PlayerContentWrapperComponent, [{
          key: "ngOnInit",
          value: function ngOnInit() {
            if (!this.ratio) {
              this.ratio = '20-9';
            }
          }
        }, {
          key: "ngOnChanges",
          value: function ngOnChanges() {}
        }, {
          key: "ngOnDestroy",
          value: function ngOnDestroy() {}
        }, {
          key: "ngAfterViewInit",
          value: function ngAfterViewInit() {}
        }]);

        return PlayerContentWrapperComponent;
      }();

      PlayerContentWrapperComponent.ɵfac = function PlayerContentWrapperComponent_Factory(t) {
        return new (t || PlayerContentWrapperComponent)();
      };

      PlayerContentWrapperComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineComponent"]({
        type: PlayerContentWrapperComponent,
        selectors: [["app-player-content-wrapper"]],
        viewQuery: function PlayerContentWrapperComponent_Query(rf, ctx) {
          if (rf & 1) {
            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵstaticViewQuery"](_c0, true);
          }

          if (rf & 2) {
            var _t;

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵqueryRefresh"](_t = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵloadQuery"]()) && (ctx.wrapperEl = _t.first);
          }
        },
        inputs: {
          ratio: "ratio"
        },
        features: [_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵNgOnChangesFeature"]],
        ngContentSelectors: _c1,
        decls: 6,
        vars: 1,
        consts: [[1, "cmp-player-content-wrapper"], ["wrapperEl", ""], [1, "cmp-cnt-box"], ["alt", "", 3, "src"], [1, "cmp-cnt-main"]],
        template: function PlayerContentWrapperComponent_Template(rf, ctx) {
          if (rf & 1) {
            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵprojectionDef"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 0, 1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "div", 2);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](3, "img", 3);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "div", 4);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵprojection"](5);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
          }

          if (rf & 2) {
            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("src", "assets/" + ctx.ratio + ".png", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵsanitizeUrl"]);
          }
        },
        styles: [".cmp-player-content-wrapper[_ngcontent-%COMP%] {\n  max-height: 100%;\n  display: block;\n  position: relative;\n  height: 100%;\n}\n.cmp-player-content-wrapper[_ngcontent-%COMP%]   .cmp-cnt-box[_ngcontent-%COMP%] {\n  display: inline-block;\n  max-width: 100%;\n  max-height: 100%;\n  width: auto;\n  height: 100%;\n  position: relative;\n}\n.cmp-player-content-wrapper[_ngcontent-%COMP%]   .cmp-cnt-box[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\n  height: 100%;\n  width: auto;\n}\n.cmp-player-content-wrapper[_ngcontent-%COMP%]   .cmp-cnt-main[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  flex-direction: column;\n}\n[style*=\"--aspect-ratio\"][_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\n  width: 100%;\n}\n[style*=\"--aspect-ratio\"][_ngcontent-%COMP%]    > img[_ngcontent-%COMP%] {\n  height: auto;\n}\n@supports (--custom: property) {\n  [style*=\"--aspect-ratio\"][_ngcontent-%COMP%] {\n    position: relative;\n  }\n  [style*=\"--aspect-ratio\"][_ngcontent-%COMP%]::before {\n    content: \"\";\n    display: block;\n    padding-bottom: calc(100% / (var(--aspect-ratio)));\n  }\n  [style*=\"--aspect-ratio\"][_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n  }\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvc3R5bGUvY29tbW9uX21peGluLmNzcyIsIi9Vc2Vycy9saXdlaS9Eb2N1bWVudHMvR2l0SHViL0NvdXJzZXdhcmUvREdfRkFGL2Zvcm1fYW5ndWxhci9zcmMvYXBwL2NvbW1vbi9wbGF5ZXItY29udGVudC13cmFwcGVyL3BsYXllci1jb250ZW50LXdyYXBwZXIuY29tcG9uZW50LnNjc3MiLCJzcmMvYXBwL2NvbW1vbi9wbGF5ZXItY29udGVudC13cmFwcGVyL3BsYXllci1jb250ZW50LXdyYXBwZXIuY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0NBRUM7QUNBRDtFQUNFLGdCQUFnQjtFQUNoQixjQUFjO0VBQ2Qsa0JBQWtCO0VBQ2xCLFlBQVk7QUNBZDtBREpBO0VBTUkscUJBQXFCO0VBQ3JCLGVBQWU7RUFDZixnQkFBZ0I7RUFDaEIsV0FBVztFQUNYLFlBQVk7RUFDWixrQkFBa0I7QUNFdEI7QURiQTtFQWFNLFlBQVk7RUFDWixXQUFXO0FDSWpCO0FEbEJBO0VBbUJJLGtCQUFrQjtFQUNsQixNQUFNO0VBQ04sUUFBUTtFQUNSLFNBQVM7RUFDVCxPQUFPO0VBQ1AsYUFBYTtFQUNiLHNCQUFzQjtBQ0cxQjtBQUVBO0VEQ0UsV0FBVztBQ0NiO0FBRUE7RURBRSxZQUFZO0FDRWQ7QURBNkI7RUNHM0I7SURERSxrQkFBa0I7RUNHcEI7RUFDQTtJRERFLFdBQVc7SUFDWCxjQUFjO0lBQ2Qsa0RBQWtEO0VDR3BEO0VBQ0E7SURERSxrQkFBa0I7SUFDbEIsTUFBTTtJQUNOLE9BQU87SUFDUCxZQUFZO0VDR2Q7QUFDRiIsImZpbGUiOiJzcmMvYXBwL2NvbW1vbi9wbGF5ZXItY29udGVudC13cmFwcGVyL3BsYXllci1jb250ZW50LXdyYXBwZXIuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuZ2xvYmFsIGNzcyB0byBtaXhpblxuKi9cblxuXG5cbiIsIkBpbXBvcnQgJy4uLy4uL3N0eWxlL2NvbW1vbl9taXhpbi5jc3MnO1xuXG4uY21wLXBsYXllci1jb250ZW50LXdyYXBwZXJ7XG4gIG1heC1oZWlnaHQ6IDEwMCU7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGhlaWdodDogMTAwJTtcbiAgLmNtcC1jbnQtYm94e1xuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgbWF4LWhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogYXV0bztcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGltZ3tcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIHdpZHRoOiBhdXRvO1xuICAgIH1cblxuICB9XG4gIC5jbXAtY250LW1haW57XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICByaWdodDogMDtcbiAgICBib3R0b206IDA7XG4gICAgbGVmdDogMDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIH1cbn1cblxuXG5bc3R5bGUqPVwiLS1hc3BlY3QtcmF0aW9cIl0gPiA6Zmlyc3QtY2hpbGQge1xuICB3aWR0aDogMTAwJTtcbn1cbltzdHlsZSo9XCItLWFzcGVjdC1yYXRpb1wiXSA+IGltZyB7XG4gIGhlaWdodDogYXV0bztcbn1cbkBzdXBwb3J0cyAoLS1jdXN0b206cHJvcGVydHkpIHtcbiAgW3N0eWxlKj1cIi0tYXNwZWN0LXJhdGlvXCJdIHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIH1cbiAgW3N0eWxlKj1cIi0tYXNwZWN0LXJhdGlvXCJdOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgcGFkZGluZy1ib3R0b206IGNhbGMoMTAwJSAvICh2YXIoLS1hc3BlY3QtcmF0aW8pKSk7XG4gIH1cbiAgW3N0eWxlKj1cIi0tYXNwZWN0LXJhdGlvXCJdID4gOmZpcnN0LWNoaWxkIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICB9XG59XG4iLCJAaW1wb3J0IHVybCguLi8uLi9zdHlsZS9jb21tb25fbWl4aW4uY3NzKTtcbi5jbXAtcGxheWVyLWNvbnRlbnQtd3JhcHBlciB7XG4gIG1heC1oZWlnaHQ6IDEwMCU7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGhlaWdodDogMTAwJTtcbn1cblxuLmNtcC1wbGF5ZXItY29udGVudC13cmFwcGVyIC5jbXAtY250LWJveCB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICBtYXgtaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogYXV0bztcbiAgaGVpZ2h0OiAxMDAlO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5jbXAtcGxheWVyLWNvbnRlbnQtd3JhcHBlciAuY21wLWNudC1ib3ggaW1nIHtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogYXV0bztcbn1cblxuLmNtcC1wbGF5ZXItY29udGVudC13cmFwcGVyIC5jbXAtY250LW1haW4ge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDA7XG4gIGJvdHRvbTogMDtcbiAgbGVmdDogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbn1cblxuW3N0eWxlKj1cIi0tYXNwZWN0LXJhdGlvXCJdID4gOmZpcnN0LWNoaWxkIHtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbltzdHlsZSo9XCItLWFzcGVjdC1yYXRpb1wiXSA+IGltZyB7XG4gIGhlaWdodDogYXV0bztcbn1cblxuQHN1cHBvcnRzICgtLWN1c3RvbTogcHJvcGVydHkpIHtcbiAgW3N0eWxlKj1cIi0tYXNwZWN0LXJhdGlvXCJdIHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIH1cbiAgW3N0eWxlKj1cIi0tYXNwZWN0LXJhdGlvXCJdOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgcGFkZGluZy1ib3R0b206IGNhbGMoMTAwJSAvICh2YXIoLS1hc3BlY3QtcmF0aW8pKSk7XG4gIH1cbiAgW3N0eWxlKj1cIi0tYXNwZWN0LXJhdGlvXCJdID4gOmZpcnN0LWNoaWxkIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICB9XG59XG4iXX0= */"]
      });
      return PlayerContentWrapperComponent;
    }();
    /***/

  },

  /***/
  "./src/app/common/sub-template/sub-template.component.ts":
  /*!***************************************************************!*\
    !*** ./src/app/common/sub-template/sub-template.component.ts ***!
    \***************************************************************/

  /*! exports provided: SubTemplateComponent */

  /***/
  function srcAppCommonSubTemplateSubTemplateComponentTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "SubTemplateComponent", function () {
      return SubTemplateComponent;
    });
    /* harmony import */


    var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! tslib */
    "./node_modules/tslib/tslib.es6.js");
    /* harmony import */


    var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
    /*! @angular/core */
    "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
    /* harmony import */


    var ng_zorro_antd__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
    /*! ng-zorro-antd */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd.js");
    /* harmony import */


    var _angular_platform_browser__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
    /*! @angular/platform-browser */
    "./node_modules/@angular/platform-browser/__ivy_ngcc__/fesm2015/platform-browser.js");
    /* harmony import */


    var ng_zorro_antd_button__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(
    /*! ng-zorro-antd/button */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-button.js");
    /* harmony import */


    var ng_zorro_antd_icon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(
    /*! ng-zorro-antd/icon */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-icon.js");
    /* harmony import */


    var _angular_common__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(
    /*! @angular/common */
    "./node_modules/@angular/common/__ivy_ngcc__/fesm2015/common.js");
    /* harmony import */


    var ng_zorro_antd_modal__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(
    /*! ng-zorro-antd/modal */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-modal.js");

    var _c0 = ["iframe"];

    function SubTemplateComponent_h2_5_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "h2", 12);

        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var ctx_r517 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate1"](" ", ctx_r517._item.template.description, " ");
      }
    }

    function SubTemplateComponent_div_13_Template(rf, ctx) {
      if (rf & 1) {
        var _r522 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div");

        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](1, "div", 13);

        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵlistener"]("click", function SubTemplateComponent_div_13_Template_div_click_1_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵrestoreView"](_r522);

          var template_r520 = ctx.$implicit;

          var ctx_r521 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"]();

          return ctx_r521.templateClick(template_r520);
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](2, "div", 14);

        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](3, "img", 15);

        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](4, "div", 16);

        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](5, "label", 17);

        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](6);

        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var template_r520 = ctx.$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](3);

        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("src", template_r520.cover, _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsanitizeUrl"]);

        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](3);

        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](template_r520.description);
      }
    }

    var SubTemplateComponent =
    /*@__PURE__*/
    function () {
      var SubTemplateComponent =
      /*#__PURE__*/
      function () {
        function SubTemplateComponent(el, appRef, nzMessageService, sanitizer) {
          var _this43 = this;

          _classCallCheck(this, SubTemplateComponent);

          this.el = el;
          this.appRef = appRef;
          this.nzMessageService = nzMessageService;
          this.sanitizer = sanitizer;
          this.uploading = false;
          this.progress = 0;
          this.save = new _angular_core__WEBPACK_IMPORTED_MODULE_1__["EventEmitter"]();
          this.deleteFunc = new _angular_core__WEBPACK_IMPORTED_MODULE_1__["EventEmitter"]();
          this.refreshEmitter = new _angular_core__WEBPACK_IMPORTED_MODULE_1__["EventEmitter"]();
          this.key = '';
          this.isShowTemplate = false;
          this.isInit = false;
          this.templateArr = [];
          console.log(' in constructor 1111:', window['air']);
          this.uploadUrl = window.courseware.uploadUrl();
          this.uploadData = window.courseware.uploadData();

          window['air'].getUploadCallback = function (url, data) {
            _this43.uploadUrl = url;
            _this43.uploadData = data;
          };

          this.setUploadUrl();
        }

        _createClass(SubTemplateComponent, [{
          key: "item",
          get: function get() {
            return this._data;
          },
          set: function set(v) {
            console.log('set item: ', v);

            if (this.uploadUrl) {
              this._item = v;
              console.log(' __  refreshSafeUrl 3');
              this.refreshSafeUrl();
            }

            this._data = v;
          }
        }, {
          key: "setUploadUrl",
          value: function setUploadUrl() {
            var _this44 = this;

            if (!this.uploadUrl) {
              setTimeout(function () {
                _this44.setUploadUrl();
              }, 500);
            } else {
              if (this._data) {
                this._item = this._data;
                this.refreshSafeUrl();
              }
            }
          }
        }, {
          key: "refreshSafeUrl",
          value: function refreshSafeUrl() {
            var formUrl = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;

            if (!formUrl) {
              formUrl = this._item.formUrl || '';
            }

            this.safeUrl = this.sanitizer.bypassSecurityTrustResourceUrl(formUrl);
          }
        }, {
          key: "ngOnChanges",
          value: function ngOnChanges() {}
        }, {
          key: "ngOnInit",
          value: function ngOnInit() {
            console.log(' in ngOnInit ');

            if (!this._item) {
              this._item = {};
            }

            this.initListener();
          }
        }, {
          key: "selectSubTemplate",
          value: function selectSubTemplate() {
            return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0,
            /*#__PURE__*/
            regeneratorRuntime.mark(function _callee() {
              var _this45 = this;

              return regeneratorRuntime.wrap(function _callee$(_context) {
                while (1) {
                  switch (_context.prev = _context.next) {
                    case 0:
                      if (!(this.templateArr.length == 0)) {
                        _context.next = 3;
                        break;
                      }

                      _context.next = 3;
                      return this.getAllTemplateData().then(function (data) {
                        _this45.templateArr = data;
                      });

                    case 3:
                      this.isShowTemplate = true;

                    case 4:
                    case "end":
                      return _context.stop();
                  }
                }
              }, _callee, this);
            }));
          }
        }, {
          key: "deleteSubTemplate",
          value: function deleteSubTemplate() {
            console.log('in deleteFunc');
            this.refreshSafeUrl('');
            this.deleteFunc.emit({});
          }
        }, {
          key: "templateClick",
          value: function templateClick(template) {
            console.log("template: ", template);
            this._item = {};
            var name = template.name,
                last_version = template.last_version,
                form_url = template.form_url;
            var formUrl = "http://staging-teach.cdn.ireadabc.com/h5template/".concat(name, "/v").concat(last_version, "/").concat(form_url, "&key=").concat(this.key);
            this._item.formUrl = formUrl;
            this._item.template = template;
            console.log('formUrl: ', formUrl);
            this.refreshSafeUrl();
            this.closePanel();
            this.sendData();
            console.log('this.safeUrl 2 : ', this.safeUrl); // const key = this.getQueryVariable(formUrl, 'key');
            // console.log("key: ", key);
            // console.log("url: ",  this._item['safeUrl']);
          }
        }, {
          key: "sendData",
          value: function sendData() {
            this.save.emit(this._item);
          }
        }, {
          key: "getQueryVariable",
          value: function getQueryVariable(url, variable) {
            var query = url.substring(1);
            var vars = query.split("&");

            for (var i = 0; i < vars.length; i++) {
              var pair = vars[i].split("=");

              if (pair[0] == variable) {
                return pair[1];
              }
            }

            return false;
          }
        }, {
          key: "saveSubTemplate",
          value: function saveSubTemplate() {}
        }, {
          key: "initListener",
          value: function initListener() {
            var _this46 = this;

            var _a, _b;

            var msgFunc = function msgFunc(e) {
              if (!_this46.iframe || !_this46.iframe.nativeElement || !_this46.iframe.nativeElement.contentWindow) {
                console.log('this.iframe not exist');
                window.removeEventListener('message', msgFunc);
                return;
              }

              var msgData = e.data;

              if (msgData.action === "getData") {
                console.log("getData e: ", e);

                if (_this46.iframe) {
                  console.log('ifram exist: ', _this46.iframe);
                }

                if (!msgData.urlParams) {
                  console.log(' !msgData.urlParams: ', msgData);
                  return;
                }

                var key = _this46.getQueryVariable(msgData.urlParams, 'key');

                if (key != _this46.key) {
                  console.log(' key != this.key ');
                  return;
                }

                var data = {
                  msg: 'success',
                  data: JSON.stringify(_this46._item.data)
                }; //  iframeContent.postMessage( { action: 'getData', data: JSON.stringify(data) }, '*');

                _this46.iframe.nativeElement.contentWindow.postMessage({
                  action: 'getData',
                  data: JSON.stringify(data)
                }, '*');
              }

              if (msgData.action === "setData") {
                if (!msgData.urlParams) {
                  console.log(' !msgData.urlParams: ', msgData);
                  return;
                }

                var _key = _this46.getQueryVariable(msgData.urlParams, 'key');

                if (_key != _this46.key) {
                  console.log(' key != this.key ');
                  return;
                }

                console.log("setData e: ", e);

                if (typeof msgData.data === "string") {
                  console.log('msgData is string');
                  msgData.data = JSON.parse(msgData.data);
                  console.log('msgData.data: ', msgData.data);
                }

                _this46._item.data = msgData.data;

                _this46.sendData();
              }

              if (msgData.action === "getUpload") {
                console.log(' in getUpload'); // const iframeContent = this.el.nativeElement.querySelector('#iframe').contentWindow;

                _this46.iframe.nativeElement.contentWindow.postMessage({
                  action: 'getUpload',
                  uploadUrl: _this46.uploadUrl,
                  uploadData: _this46.uploadData
                }, '*');
              }
            };

            if ((_b = (_a = this.iframe) === null || _a === void 0 ? void 0 : _a.nativeElement) === null || _b === void 0 ? void 0 : _b.contentWindow) {
              console.log(' init Listener !');
              window.addEventListener('message', msgFunc);
            }
          }
        }, {
          key: "getAllTemplateData",
          value: function getAllTemplateData() {
            return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0,
            /*#__PURE__*/
            regeneratorRuntime.mark(function _callee2() {
              return regeneratorRuntime.wrap(function _callee2$(_context2) {
                while (1) {
                  switch (_context2.prev = _context2.next) {
                    case 0:
                      return _context2.abrupt("return", new Promise(function (resolve, reject) {
                        var c = window['courseware'];

                        try {
                          if (c && c.getTemplates) {
                            c.getTemplates(function (data) {
                              // data =
                              // [
                              //   {"id": 26, "uuid":"c94fb1b0-3395-42ca-9ae3-03ca7c242d3f", "name": "hw_001", "description": "音频课件", "cover": "http://iplayabc-teach-yun.oss-cn-beijing.aliyuncs.com/3feddb01-4350-42ad-909f-236ad052fbb2.jpg", "type": 1, "t_type": 2, "form_url": "index.html?type=form", "play_url": "index.html", "last_version": 16},
                              //   {"id": 27, "uuid":"b8bedc68-9ef6-42a6-ba99-513daa244a6d", "name": "hw_002", "description": "视频课件", "cover": "http://iplayabc-teach-yun.oss-cn-beijing.aliyuncs.com/1b11d370-9d8b-4358-98d3-4757f825d2a4.jpg", "type": 1, "t_type": 2, "form_url": "index.html?type=form", "play_url": "index.html", "last_version": 16},
                              //   {"id": 28, "uuid":"068fcffb-4e99-4148-bc8e-2a89ee9bfe7c", "name": "hw_003", "description": "转盘课件", "cover": "http://iplayabc-teach-yun.oss-cn-beijing.aliyuncs.com/de3d8498-7523-4601-934e-932ac219a408.jpg", "type": 1, "t_type": 2, "form_url": "index.html?type=form", "play_url": "index.html", "last_version": 17},
                              //   {"id": 29, "uuid":"b2bfd8df-e0e4-41c9-b65f-12160628e1a3", "name": "hw_004", "description": "连线课件", "cover": "http://iplayabc-teach-yun.oss-cn-beijing.aliyuncs.com/824989ac-78fb-4db7-848a-790cba00effe.jpg", "type": 1, "t_type": 2, "form_url": "index.html?type=form", "play_url": "index.html", "last_version": 9 },
                              //   {"id": 30, "uuid":"d7be3c21-fc25-482d-a4a6-1a371970457a", "name": "hw_005", "description": "分类课件", "cover": "http://iplayabc-teach-yun.oss-cn-beijing.aliyuncs.com/aa69d85a-3430-48b2-91bf-a804dee1826d.jpg", "type": 1, "t_type": 2, "form_url": "index.html?type=form", "play_url": "index.html", "last_version": 19},
                              //   {"id": 31, "uuid":"34e98c65-f3f0-46e4-a7b8-5caf72954847", "name": "hw_006", "description": "翻卡游戏", "cover": "http://iplayabc-teach-yun.oss-cn-beijing.aliyuncs.com/fe54031b-7879-4c65-8de7-102fa5e5e9f5.png", "type": 1, "t_type": 2, "form_url": "index.html?type=form", "play_url": "index.html", "last_version": 5 }
                              // ]
                              // resolve(data);
                              // return
                              if (data) {
                                console.log('data~~~:', data);
                                resolve(JSON.parse(data));
                              } else {
                                console.log('data none');
                                resolve([]);
                              }
                            });
                          }
                        } catch (error) {
                          reject(error);
                        }
                      }));

                    case 1:
                    case "end":
                      return _context2.stop();
                  }
                }
              }, _callee2);
            }));
          }
          /**
           * 刷新 渲染页面
           */

        }, {
          key: "refresh",
          value: function refresh() {
            var _this47 = this;

            // this.refreshEmitter.emit();
            setTimeout(function () {
              _this47.appRef.tick();
            }, 1);
          }
        }, {
          key: "closePanel",
          value: function closePanel() {
            console.log(' in closePanel '); // this.refresh();

            this.isShowTemplate = false;
          }
        }, {
          key: "panelCancelClicked",
          value: function panelCancelClicked() {
            this.isShowTemplate = false;
          }
        }, {
          key: "panelOkClicked",
          value: function panelOkClicked() {
            this.isShowTemplate = false;
          }
        }, {
          key: "ngOnDestroy",
          value: function ngOnDestroy() {}
        }]);

        return SubTemplateComponent;
      }();

      SubTemplateComponent.ɵfac = function SubTemplateComponent_Factory(t) {
        return new (t || SubTemplateComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](_angular_core__WEBPACK_IMPORTED_MODULE_1__["ElementRef"]), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](_angular_core__WEBPACK_IMPORTED_MODULE_1__["ApplicationRef"]), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](ng_zorro_antd__WEBPACK_IMPORTED_MODULE_2__["NzMessageService"]), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](_angular_platform_browser__WEBPACK_IMPORTED_MODULE_3__["DomSanitizer"]));
      };

      SubTemplateComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineComponent"]({
        type: SubTemplateComponent,
        selectors: [["app-sub-template"]],
        viewQuery: function SubTemplateComponent_Query(rf, ctx) {
          if (rf & 1) {
            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵstaticViewQuery"](_c0, true);
          }

          if (rf & 2) {
            var _t;

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵqueryRefresh"](_t = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵloadQuery"]()) && (ctx.iframe = _t.first);
          }
        },
        inputs: {
          item: "item",
          key: "key"
        },
        outputs: {
          save: "save",
          deleteFunc: "deleteFunc",
          refreshEmitter: "refreshEmitter"
        },
        features: [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵNgOnChangesFeature"]],
        decls: 14,
        vars: 5,
        consts: [[1, "content"], [2, "display", "flex", "margin-bottom", "5px"], ["nz-button", "", "nzType", "dashed", 2, "border-radius", "0.5rem", "border", "1px solid #ddd", 3, "click"], ["nz-icon", "", "nzType", "appstore", "nzTheme", "outline"], ["style", "margin-left: 10px; margin-top: 1px;", 4, "ngIf"], ["nz-button", "", "nzType", "danger", 2, "position", "absolute", "right", "30px", "border-radius", "0.5rem", "border", "1px solid #ddd", 3, "click"], ["nz-icon", "", "nzType", "delete", "nzTheme", "outline"], ["id", "iframe", "frameborder", "0", 2, "width", "98%", "height", "70vh", "border", "1px solid #ccc", "padding", "5px", 3, "src"], ["iframe", ""], ["nzTitle", "\u9009\u62E9\u5B50\u6A21\u677F", "nzWidth", "80%", "nzHeight", "80%", 3, "nzVisible", "nzFooter", "nzVisibleChange", "nzAfterClose", "nzOnCancel"], [1, "template-container"], [4, "ngFor", "ngForOf"], [2, "margin-left", "10px", "margin-top", "1px"], [2, "width", "150px", "height", "100px", "border", "1px solid #ccc", "margin", "5px", "cursor", "pointer", "user-select", "none", 3, "click"], [2, "width", "100%", "height", "70%", "border-bottom", "1px solid #ccc", "overflow", "hidden"], [2, "width", "100%", "height", "auto", 3, "src"], [2, "width", "100%", "height", "30%", "display", "flex", "align-items", "center", "justify-content", "center"], [2, "width", "90%", "text-align", "center", "text-overflow", "ellipsis", "white-space", "nowrap", "overflow", "hidden"]],
        template: function SubTemplateComponent_Template(rf, ctx) {
          if (rf & 1) {
            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div", 0);

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](1, "div", 1);

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](2, "button", 2);

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵlistener"]("click", function SubTemplateComponent_Template_button_click_2_listener() {
              return ctx.selectSubTemplate();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](3, "i", 3);

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](4, " \u9009\u62E9\u5B50\u6A21\u677F\u7C7B\u578B ");

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](5, SubTemplateComponent_h2_5_Template, 2, 1, "h2", 4);

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](6, "button", 5);

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵlistener"]("click", function SubTemplateComponent_Template_button_click_6_listener() {
              return ctx.deleteSubTemplate();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](7, "i", 6);

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](8, " \u5220\u9664 ");

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](9, "iframe", 7, 8);

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](11, "nz-modal", 9);

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵlistener"]("nzVisibleChange", function SubTemplateComponent_Template_nz_modal_nzVisibleChange_11_listener($event) {
              return ctx.isShowTemplate = $event;
            })("nzAfterClose", function SubTemplateComponent_Template_nz_modal_nzAfterClose_11_listener() {
              return ctx.closePanel();
            })("nzOnCancel", function SubTemplateComponent_Template_nz_modal_nzOnCancel_11_listener() {
              return ctx.panelCancelClicked();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](12, "div", 10);

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](13, SubTemplateComponent_div_13_Template, 7, 2, "div", 11);

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
          }

          if (rf & 2) {
            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](5);

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngIf", ctx._item.template);

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](4);

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("src", ctx.safeUrl, _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsanitizeResourceUrl"]);

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("nzVisible", ctx.isShowTemplate)("nzFooter", null);

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngForOf", ctx.templateArr);
          }
        },
        directives: [ng_zorro_antd_button__WEBPACK_IMPORTED_MODULE_4__["NzButtonComponent"], ng_zorro_antd_icon__WEBPACK_IMPORTED_MODULE_5__["NzIconDirective"], _angular_common__WEBPACK_IMPORTED_MODULE_6__["NgIf"], ng_zorro_antd_modal__WEBPACK_IMPORTED_MODULE_7__["NzModalComponent"], _angular_common__WEBPACK_IMPORTED_MODULE_6__["NgForOf"]],
        styles: [".content[_ngcontent-%COMP%] {\n  height: 100%;\n  border: 2px solid #ccc;\n  padding: 10px;\n  border-radius: 5px;\n}\n.template-container[_ngcontent-%COMP%] {\n  width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvc3R5bGUvY29tbW9uX21peGluLmNzcyIsIi9Vc2Vycy9saXdlaS9Eb2N1bWVudHMvR2l0SHViL0NvdXJzZXdhcmUvREdfRkFGL2Zvcm1fYW5ndWxhci9zcmMvYXBwL2NvbW1vbi9zdWItdGVtcGxhdGUvc3ViLXRlbXBsYXRlLmNvbXBvbmVudC5zY3NzIiwic3JjL2FwcC9jb21tb24vc3ViLXRlbXBsYXRlL3N1Yi10ZW1wbGF0ZS5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Q0FFQztBQ0FEO0VBRUUsWUFBWTtFQUNaLHNCQUFzQjtFQUN0QixhQUFhO0VBQ2Isa0JBQWtCO0FDRHBCO0FESUE7RUFDRSxXQUFXO0VBQ1gsYUFBYTtFQUdiLGVBQWU7QUNIakIiLCJmaWxlIjoic3JjL2FwcC9jb21tb24vc3ViLXRlbXBsYXRlL3N1Yi10ZW1wbGF0ZS5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG5nbG9iYWwgY3NzIHRvIG1peGluXG4qL1xuXG5cblxuIiwiQGltcG9ydCAnLi4vLi4vc3R5bGUvY29tbW9uX21peGluLmNzcyc7XG5cbi5jb250ZW50IHtcbiAgLy8gd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyOiAycHggc29saWQgI2NjYztcbiAgcGFkZGluZzogMTBweDtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xufVxuXG4udGVtcGxhdGUtY29udGFpbmVye1xuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgLy8gYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgLy8ganVzdGlmeS1jb250ZW50OiBzcGFjZS1hcm91bmQ7XG4gIGZsZXgtd3JhcDogd3JhcDtcblxufSIsIkBpbXBvcnQgdXJsKC4uLy4uL3N0eWxlL2NvbW1vbl9taXhpbi5jc3MpO1xuLmNvbnRlbnQge1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJvcmRlcjogMnB4IHNvbGlkICNjY2M7XG4gIHBhZGRpbmc6IDEwcHg7XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbn1cblxuLnRlbXBsYXRlLWNvbnRhaW5lciB7XG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG59XG4iXX0= */"]
      });
      return SubTemplateComponent;
    }();
    /***/

  },

  /***/
  "./src/app/common/upload-dragon-bone/upload-dragon-bone.component.ts":
  /*!***************************************************************************!*\
    !*** ./src/app/common/upload-dragon-bone/upload-dragon-bone.component.ts ***!
    \***************************************************************************/

  /*! exports provided: UploadDragonBoneComponent */

  /***/
  function srcAppCommonUploadDragonBoneUploadDragonBoneComponentTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "UploadDragonBoneComponent", function () {
      return UploadDragonBoneComponent;
    });
    /* harmony import */


    var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! @angular/core */
    "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
    /* harmony import */


    var ng_zorro_antd__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
    /*! ng-zorro-antd */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd.js");
    /* harmony import */


    var ng_zorro_antd_button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
    /*! ng-zorro-antd/button */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-button.js");
    /* harmony import */


    var ng_zorro_antd_icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
    /*! ng-zorro-antd/icon */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-icon.js");
    /* harmony import */


    var ng_zorro_antd_modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(
    /*! ng-zorro-antd/modal */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-modal.js");
    /* harmony import */


    var ng_zorro_antd_upload__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(
    /*! ng-zorro-antd/upload */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-upload.js");
    /* harmony import */


    var _angular_common__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(
    /*! @angular/common */
    "./node_modules/@angular/common/__ivy_ngcc__/fesm2015/common.js");

    function UploadDragonBoneComponent_i_13_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "i", 13);
      }

      if (rf & 2) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzType", "loading");
      }
    }

    function UploadDragonBoneComponent_span_14_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "span", 14);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "u");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var ctx_r511 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"](" ", ctx_r511.skeJsonData["name"], " ");
      }
    }

    function UploadDragonBoneComponent_i_23_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "i", 13);
      }

      if (rf & 2) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzType", "loading");
      }
    }

    function UploadDragonBoneComponent_span_24_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "span", 14);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "u");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var ctx_r513 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"](" ", ctx_r513.texJsonData["name"], " ");
      }
    }

    function UploadDragonBoneComponent_i_33_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "i", 13);
      }

      if (rf & 2) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzType", "loading");
      }
    }

    function UploadDragonBoneComponent_span_34_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "span", 14);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "u");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var ctx_r515 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"](" ", ctx_r515.texPngData["name"], " ");
      }
    }

    function UploadDragonBoneComponent_div_35_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 4);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var ctx_r516 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"](" \u63D0\u793A\uFF1A\u9700\u5305\u542B\u52A8\u753B: ", ctx_r516.animaNames.toString(), ". ");
      }
    }

    var UploadDragonBoneComponent =
    /*@__PURE__*/
    function () {
      var UploadDragonBoneComponent =
      /*#__PURE__*/
      function () {
        function UploadDragonBoneComponent(appRef, nzMessageService) {
          var _this48 = this;

          _classCallCheck(this, UploadDragonBoneComponent);

          this.appRef = appRef;
          this.nzMessageService = nzMessageService;
          this.uploading = false;
          this.progress = 0;
          this.btnName = '配置龙骨动画';
          this.animaNames = [];
          this.skeJsonData = {};
          this.texJsonData = {};
          this.texPngData = {};
          this.save = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
          this.refreshEmitter = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
          this.animaPanelVisible = false;
          this.isSkeJsonLoading = false;
          this.isTexJsonLoading = false;
          this.isTexPngLoading = false;
          this.uploadUrl = window.courseware.uploadUrl();
          this.uploadData = window.courseware.uploadData();

          window['air'].getUploadCallback = function (url, data) {
            _this48.uploadUrl = url;
            _this48.uploadData = data;
          };
        }

        _createClass(UploadDragonBoneComponent, [{
          key: "ngOnChanges",
          value: function ngOnChanges() {}
        }, {
          key: "setAnimaBtnClick",
          value: function setAnimaBtnClick() {
            this.animaPanelVisible = true;
            this.refresh();
          }
        }, {
          key: "animaPanelCancel",
          value: function animaPanelCancel() {
            this.animaPanelVisible = false;
            this.refresh();
          }
        }, {
          key: "animaPanelOk",
          value: function animaPanelOk() {
            this.sendItemDragonBoneData();
            this.animaPanelVisible = false;
            this.refresh();
          }
        }, {
          key: "sendItemDragonBoneData",
          value: function sendItemDragonBoneData() {
            var data = {};
            data['skeJsonData'] = this.skeJsonData;
            data['texJsonData'] = this.texJsonData;
            data['texPngData'] = this.texPngData;
            this.save.emit(data);
          }
        }, {
          key: "skeJsonHandleChange",
          value: function skeJsonHandleChange(e) {
            console.log('e: ', e);

            switch (e.type) {
              case 'start':
                this.isSkeJsonLoading = true;
                break;

              case 'success':
                this.skeJsonData['url'] = e.file.response.url;
                this.skeJsonData['name'] = e.file.name;
                this.nzMessageService.success('上传成功');
                this.isSkeJsonLoading = false;
                break;

              case 'progress':
                break;
            }
          }
        }, {
          key: "texJsonHandleChange",
          value: function texJsonHandleChange(e) {
            console.log('e: ', e);

            switch (e.type) {
              case 'start':
                this.isTexJsonLoading = true;
                break;

              case 'success':
                this.texJsonData['url'] = e.file.response.url;
                this.texJsonData['name'] = e.file.name;
                this.nzMessageService.success('上传成功');
                this.isTexJsonLoading = false;
                break;

              case 'progress':
                break;
            }
          }
        }, {
          key: "texPngHandleChange",
          value: function texPngHandleChange(e) {
            console.log('e: ', e);

            switch (e.type) {
              case 'start':
                this.isTexPngLoading = true;
                break;

              case 'success':
                this.texPngData['url'] = e.file.response.url;
                this.texPngData['name'] = e.file.name;
                this.nzMessageService.success('上传成功');
                this.isTexPngLoading = false;
                break;

              case 'progress':
                break;
            }
          }
          /**
           * 刷新 渲染页面
           */

        }, {
          key: "refresh",
          value: function refresh() {
            var _this49 = this;

            // this.refreshEmitter.emit();
            setTimeout(function () {
              _this49.appRef.tick();
            }, 1);
          }
        }, {
          key: "closePanel",
          value: function closePanel() {
            console.log(' in closePanel ');
            this.refresh();
          }
        }, {
          key: "ngOnDestroy",
          value: function ngOnDestroy() {}
        }]);

        return UploadDragonBoneComponent;
      }();

      UploadDragonBoneComponent.ɵfac = function UploadDragonBoneComponent_Factory(t) {
        return new (t || UploadDragonBoneComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ApplicationRef"]), _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](ng_zorro_antd__WEBPACK_IMPORTED_MODULE_1__["NzMessageService"]));
      };

      UploadDragonBoneComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineComponent"]({
        type: UploadDragonBoneComponent,
        selectors: [["app-upload-dragon-bone"]],
        inputs: {
          btnName: "btnName",
          animaNames: "animaNames",
          skeJsonData: "skeJsonData",
          texJsonData: "texJsonData",
          texPngData: "texPngData"
        },
        outputs: {
          save: "save",
          refreshEmitter: "refreshEmitter"
        },
        features: [_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵNgOnChangesFeature"]],
        decls: 36,
        vars: 18,
        consts: [[1, "position-relative"], ["nz-button", "", 2, "border-radius", "0.5rem", "border", "1px solid #ddd", 3, "click"], ["nz-icon", "", "nzType", "tool", "nzTheme", "outline"], ["nzTitle", "\u914D\u7F6E\u8D44\u6E90\u6587\u4EF6", "nzOkText", "\u4FDD\u5B58", 3, "nzVisible", "nzVisibleChange", "nzAfterClose", "nzOnCancel", "nzOnOk"], [1, "anima-upload-btn"], [2, "margin-right", "10px"], ["nzAccept", "application/json", 3, "nzShowUploadList", "nzAction", "nzData", "nzChange"], ["nz-button", ""], ["nz-icon", "", "nzType", "upload"], ["style", "margin-left: 10px;", "nz-icon", "", 3, "nzType", 4, "ngIf"], ["style", "margin-left: 10px", 4, "ngIf"], ["nzAccept", "image/*", 3, "nzShowUploadList", "nzAction", "nzData", "nzChange"], ["class", "anima-upload-btn", 4, "ngIf"], ["nz-icon", "", 2, "margin-left", "10px", 3, "nzType"], [2, "margin-left", "10px"]],
        template: function UploadDragonBoneComponent_Template(rf, ctx) {
          if (rf & 1) {
            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 0);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "button", 1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function UploadDragonBoneComponent_Template_button_click_1_listener() {
              return ctx.setAnimaBtnClick();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](2, "i", 2);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](3);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "nz-modal", 3);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("nzVisibleChange", function UploadDragonBoneComponent_Template_nz_modal_nzVisibleChange_4_listener($event) {
              return ctx.animaPanelVisible = $event;
            })("nzAfterClose", function UploadDragonBoneComponent_Template_nz_modal_nzAfterClose_4_listener() {
              return ctx.closePanel();
            })("nzOnCancel", function UploadDragonBoneComponent_Template_nz_modal_nzOnCancel_4_listener() {
              return ctx.animaPanelCancel();
            })("nzOnOk", function UploadDragonBoneComponent_Template_nz_modal_nzOnOk_4_listener() {
              return ctx.animaPanelOk();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](5, "div", 4);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "span", 5);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](7, "\u4E0A\u4F20 ske_json \u6587\u4EF6: ");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "nz-upload", 6);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("nzChange", function UploadDragonBoneComponent_Template_nz_upload_nzChange_8_listener($event) {
              return ctx.skeJsonHandleChange($event);
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](9, "button", 7);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](10, "i", 8);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](11, "span");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](12, "Upload");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](13, UploadDragonBoneComponent_i_13_Template, 1, 1, "i", 9);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](14, UploadDragonBoneComponent_span_14_Template, 3, 1, "span", 10);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](15, "div", 4);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](16, "span", 5);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](17, "\u4E0A\u4F20 tex_json \u6587\u4EF6: ");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](18, "nz-upload", 6);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("nzChange", function UploadDragonBoneComponent_Template_nz_upload_nzChange_18_listener($event) {
              return ctx.texJsonHandleChange($event);
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](19, "button", 7);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](20, "i", 8);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](21, "span");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](22, "Upload");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](23, UploadDragonBoneComponent_i_23_Template, 1, 1, "i", 9);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](24, UploadDragonBoneComponent_span_24_Template, 3, 1, "span", 10);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](25, "div", 4);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](26, "span", 5);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](27, "\u4E0A\u4F20 tex_png \u6587\u4EF6: ");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](28, "nz-upload", 11);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("nzChange", function UploadDragonBoneComponent_Template_nz_upload_nzChange_28_listener($event) {
              return ctx.texPngHandleChange($event);
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](29, "button", 7);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](30, "i", 8);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](31, "span");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](32, "Upload");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](33, UploadDragonBoneComponent_i_33_Template, 1, 1, "i", 9);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](34, UploadDragonBoneComponent_span_34_Template, 3, 1, "span", 10);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](35, UploadDragonBoneComponent_div_35_Template, 2, 1, "div", 12);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
          }

          if (rf & 2) {
            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"](" ", ctx.btnName, " ");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzVisible", ctx.animaPanelVisible);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](4);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzShowUploadList", false)("nzAction", ctx.uploadUrl)("nzData", ctx.uploadData);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](5);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.isSkeJsonLoading);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.skeJsonData && ctx.skeJsonData["name"]);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](4);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzShowUploadList", false)("nzAction", ctx.uploadUrl)("nzData", ctx.uploadData);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](5);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.isTexJsonLoading);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.texJsonData && ctx.texJsonData["name"]);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](4);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzShowUploadList", false)("nzAction", ctx.uploadUrl)("nzData", ctx.uploadData);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](5);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.isTexPngLoading);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.texPngData && ctx.texPngData["name"]);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.animaNames && ctx.animaNames.length > 0);
          }
        },
        directives: [ng_zorro_antd_button__WEBPACK_IMPORTED_MODULE_2__["NzButtonComponent"], ng_zorro_antd_icon__WEBPACK_IMPORTED_MODULE_3__["NzIconDirective"], ng_zorro_antd_modal__WEBPACK_IMPORTED_MODULE_4__["NzModalComponent"], ng_zorro_antd_upload__WEBPACK_IMPORTED_MODULE_5__["NzUploadComponent"], _angular_common__WEBPACK_IMPORTED_MODULE_6__["NgIf"]],
        styles: [".p-image-uploader[_ngcontent-%COMP%] {\n  position: relative;\n  display: block;\n  width: 100%;\n  height: 0;\n  padding-bottom: 56.25%;\n}\n.p-image-uploader[_ngcontent-%COMP%]   .p-box[_ngcontent-%COMP%] {\n  position: absolute;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  border: 2px dashed #ddd;\n  border-radius: 0.5rem;\n  background-color: #fafafa;\n  text-align: center;\n  color: #aaa;\n}\n.p-image-uploader[_ngcontent-%COMP%]   .p-box[_ngcontent-%COMP%]   .p-upload-icon[_ngcontent-%COMP%] {\n  text-align: center;\n  margin: auto;\n}\n.p-image-uploader[_ngcontent-%COMP%]   .p-box[_ngcontent-%COMP%]   .p-upload-icon[_ngcontent-%COMP%]   .anticon-upload[_ngcontent-%COMP%] {\n  color: #888;\n  font-size: 5rem;\n}\n.p-image-uploader[_ngcontent-%COMP%]   .p-box[_ngcontent-%COMP%]   .p-upload-icon[_ngcontent-%COMP%]   .p-progress-bar[_ngcontent-%COMP%] {\n  position: relative;\n  width: 20rem;\n  height: 1.5rem;\n  border: 1px solid #ccc;\n  border-radius: 1rem;\n}\n.p-image-uploader[_ngcontent-%COMP%]   .p-box[_ngcontent-%COMP%]   .p-upload-icon[_ngcontent-%COMP%]   .p-progress-bar[_ngcontent-%COMP%]   .p-progress-bg[_ngcontent-%COMP%] {\n  background-color: #1890ff;\n  border-radius: 1rem;\n  height: 100%;\n}\n.p-image-uploader[_ngcontent-%COMP%]   .p-box[_ngcontent-%COMP%]   .p-upload-icon[_ngcontent-%COMP%]   .p-progress-bar[_ngcontent-%COMP%]   .p-progress-value[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  text-shadow: 0 0 4px #000;\n  color: white;\n  text-align: center;\n  font-size: 0.9rem;\n  line-height: 1.5rem;\n}\n.p-image-uploader[_ngcontent-%COMP%]   .p-box[_ngcontent-%COMP%]   .p-preview[_ngcontent-%COMP%] {\n  width: 100%;\n  height: 100%;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n.p-image-uploader[_ngcontent-%COMP%]   .d-flex[_ngcontent-%COMP%] {\n  display: flex;\n}\n.p-btn-delete[_ngcontent-%COMP%] {\n  position: absolute;\n  right: -0.5rem;\n  top: -0.5rem;\n  width: 2rem;\n  height: 2rem;\n  border: 0.2rem solid white;\n  border-radius: 50%;\n  font-size: 1.2rem;\n  background-color: #fb781a;\n  color: white;\n  text-align: center;\n}\n.p-upload-progress-bg[_ngcontent-%COMP%] {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.p-upload-progress-bg[_ngcontent-%COMP%]   .i-text[_ngcontent-%COMP%] {\n  position: absolute;\n  text-align: center;\n  color: white;\n  text-shadow: 0 0 2px rgba(0, 0, 0, 0.85);\n}\n.p-upload-progress-bg[_ngcontent-%COMP%]   .i-bg[_ngcontent-%COMP%] {\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  background-color: #27b43f;\n  border-radius: 0.5rem;\n}\n.anima-upload-btn[_ngcontent-%COMP%] {\n  padding: 10px;\n}\n[_nghost-%COMP%]     .ant-upload {\n  display: block;\n}\n/*# sourceMappingURL=data:application/json;base64,  */"]
      });
      return UploadDragonBoneComponent;
    }();
    /***/

  },

  /***/
  "./src/app/common/upload-image-with-preview/upload-image-with-preview.component.ts":
  /*!*****************************************************************************************!*\
    !*** ./src/app/common/upload-image-with-preview/upload-image-with-preview.component.ts ***!
    \*****************************************************************************************/

  /*! exports provided: UploadImageWithPreviewComponent */

  /***/
  function srcAppCommonUploadImageWithPreviewUploadImageWithPreviewComponentTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "UploadImageWithPreviewComponent", function () {
      return UploadImageWithPreviewComponent;
    });
    /* harmony import */


    var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! @angular/core */
    "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
    /* harmony import */


    var ng_zorro_antd__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
    /*! ng-zorro-antd */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd.js");
    /* harmony import */


    var ng_zorro_antd_upload__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
    /*! ng-zorro-antd/upload */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-upload.js");
    /* harmony import */


    var _angular_common__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
    /*! @angular/common */
    "./node_modules/@angular/common/__ivy_ngcc__/fesm2015/common.js");
    /* harmony import */


    var ng_zorro_antd_icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(
    /*! ng-zorro-antd/icon */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-icon.js");
    /* harmony import */


    var _fortawesome_angular_fontawesome__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(
    /*! @fortawesome/angular-fontawesome */
    "./node_modules/@fortawesome/angular-fontawesome/__ivy_ngcc__/fesm2015/angular-fontawesome.js");
    /* harmony import */


    var ng_zorro_antd_popconfirm__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(
    /*! ng-zorro-antd/popconfirm */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-popconfirm.js");
    /* harmony import */


    var _pipes_background_image_pipe__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(
    /*! ../../pipes/background-image.pipe */
    "./src/app/pipes/background-image.pipe.ts");

    function UploadImageWithPreviewComponent_div_3_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 7);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](1, "i", 8);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](2, "div", 9);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "span");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](4);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var ctx_r427 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵstyleProp"]("font-size", ctx_r427.iconSize + "em");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](ctx_r427.TIP);
      }
    }

    function UploadImageWithPreviewComponent_div_4_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 10);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](1, "div", 11);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "div", 12);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](3, "fa-icon", 13);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](4, " Uploading... ");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var ctx_r428 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵstyleProp"]("width", ctx_r428.progress + "%");
      }
    }

    function UploadImageWithPreviewComponent_div_5_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 14);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](1, "backgroundImage");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var ctx_r429 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵstyleProp"]("background-image", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](1, 2, ctx_r429.picUrl), _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefaultStyleSanitizer"]);
      }
    }

    function UploadImageWithPreviewComponent_div_6_Template(rf, ctx) {
      if (rf & 1) {
        var _r432 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 15);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("nzOnConfirm", function UploadImageWithPreviewComponent_div_6_Template_div_nzOnConfirm_0_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r432);

          var ctx_r431 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r431.onDelete();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](1, "i", 16);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }
    }

    var UploadImageWithPreviewComponent =
    /*@__PURE__*/
    function () {
      var UploadImageWithPreviewComponent =
      /*#__PURE__*/
      function () {
        function UploadImageWithPreviewComponent(nzMessageService) {
          var _this50 = this;

          _classCallCheck(this, UploadImageWithPreviewComponent);

          this.nzMessageService = nzMessageService;
          this.uploading = false;
          this.progress = 0;
          this.canDelete = false;
          this.imageUploaded = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
          this.imageUploadFailure = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
          this["delete"] = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
          this.picItem = null;
          this.iconSize = 2;
          this.TIP = 'Click here to upload image';
          this.disableUpload = false;

          this.uploadSuccess = function (file) {
            _this50.nzMessageService.info('Upload Success');

            _this50.uploading = false;
            _this50.picUrl = file.response.url; // this.uploadFinished(url);
            // if (!inOSS) {

            var img = new Image();
            img.addEventListener('load', function () {
              var height = img.naturalHeight;
              var width = img.naturalWidth;
              file['height'] = height;
              file['width'] = width;
              img.remove();

              _this50.imageUploaded.emit(file.response); // this.resService.updateImage(id, {width, height}).then( () => {
              //   this.imageUploaded.emit({res_id: id, id, name, hash, url});
              // });

            });
            img.src = file.response.url; // } else {
            //   this.imageUploaded.emit({res_id: id, id, name, hash, url});
            // }
          };

          this.uploadFailure = function (err, file) {
            _this50.uploading = false;

            if (err.name && err.name === 'cancel') {
              return;
            }

            console.log(err);

            _this50.nzMessageService.error('Upload Error ' + err.message);

            _this50.imageUploadFailure.emit(file);
          };

          this.doProgress = function (p) {
            if (p > 1) {
              p = 1;
            }

            if (p < 0) {
              p = 0;
            } // console.log(Math.floor(p * 100));


            this.progress = Math.floor(p * 100);
          };

          this.uploadUrl = window.courseware.uploadUrl();
          this.uploadData = window.courseware.uploadData();

          window['air'].getUploadCallback = function (url, data) {
            _this50.uploadUrl = url;
            _this50.uploadData = data;
          };

          this.setUploadUrl();
        }

        _createClass(UploadImageWithPreviewComponent, [{
          key: "setUploadUrl",
          value: function setUploadUrl() {
            var _this51 = this;

            if (!this.uploadUrl) {
              console.log('this.uploadUrl -=- 1 : ', this.uploadUrl);
              this.uploadUrl = window.courseware.uploadUrl();
              this.uploadData = window.courseware.uploadData();
              console.log('this.uploadUrl -=- 2 : ', this.uploadUrl);
              setTimeout(function () {
                _this51.setUploadUrl();
              }, 500);
            }

            console.log('this.uploadUrl -=- 3 : ', this.uploadUrl);
          }
        }, {
          key: "ngOnChanges",
          value: function ngOnChanges() {
            if (!this.picItem) {
              return;
            }
          }
        }, {
          key: "handleChange",
          value: function handleChange(info) {
            console.log('info:', info);

            switch (info.type) {
              case 'start':
                // this.isUploading = true;
                // this.progress = 0;
                this.picUrl = null; // this.beforeUpload(item.file as any);

                if (!this.checkSelectFile(info.file)) {
                  return;
                }

                this.uploading = true;
                this.progress = 0;
                break;

              case 'success':
                // this.isUploading = false;
                // this.uploadSuccess(info.file.response);
                // this.audioUploaded.emit(info.file.response);
                this.uploadSuccess(info.file);
                break;

              case 'progress':
                this.progress = parseInt(info.event.percent, 10);
                this.doProgress(this.progress);
                break;
            }
          }
        }, {
          key: "onDelete",
          value: function onDelete() {
            this["delete"].emit();
          }
        }, {
          key: "checkSelectFile",
          value: function checkSelectFile(file) {
            var isImg = ['image/jpeg', 'image/png', 'image/jpeg', 'image/gif', 'image/bmp'].includes(file.type);

            if (!isImg) {
              this.nzMessageService.error('You can only upload Image file (jpg|gif|png|bmp)');
              return false;
            }

            var isGif = !['image/jpeg', 'image/png', 'image/jpeg', 'image/bmp'].includes(file.type);
            var delta = isGif ? 20 : 5;
            var isOverSize = file.size / 1024 / 1024 < delta;

            if (!isOverSize) {
              this.nzMessageService.error("".concat(isGif ? 'Gif' : 'Image', " must smaller than ").concat(delta, "MB!"));
              return false;
            }

            return true;
          }
        }, {
          key: "ngOnDestroy",
          value: function ngOnDestroy() {}
        }]);

        return UploadImageWithPreviewComponent;
      }();

      UploadImageWithPreviewComponent.ɵfac = function UploadImageWithPreviewComponent_Factory(t) {
        return new (t || UploadImageWithPreviewComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](ng_zorro_antd__WEBPACK_IMPORTED_MODULE_1__["NzMessageService"]));
      };

      UploadImageWithPreviewComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineComponent"]({
        type: UploadImageWithPreviewComponent,
        selectors: [["app-upload-image-with-preview"]],
        inputs: {
          picUrl: "picUrl",
          canDelete: "canDelete",
          picItem: "picItem",
          iconSize: "iconSize",
          TIP: "TIP",
          disableUpload: "disableUpload"
        },
        outputs: {
          imageUploaded: "imageUploaded",
          imageUploadFailure: "imageUploadFailure",
          "delete": "delete"
        },
        features: [_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵNgOnChangesFeature"]],
        decls: 7,
        vars: 8,
        consts: [[1, "position-relative"], ["nzAccept", "image/*", 1, "p-image-uploader", 3, "nzDisabled", "nzShowUploadList", "nzAction", "nzData", "nzChange"], [1, "p-box", "d-flex", "align-items-center"], ["class", "p-upload-icon", 4, "ngIf"], ["class", "p-upload-progress-bg", 4, "ngIf"], ["class", "p-preview", 3, "background-image", 4, "ngIf"], ["class", "p-btn-delete", "nz-popconfirm", "", "nzTitle", "Are you sure ?", 3, "nzOnConfirm", 4, "ngIf"], [1, "p-upload-icon"], ["nz-icon", "", "nzType", "cloud-upload", "nzTheme", "outline"], [1, "m-3"], [1, "p-upload-progress-bg"], [1, "i-bg"], [1, "i-text"], ["icon", "cloud-upload-alt"], [1, "p-preview"], ["nz-popconfirm", "", "nzTitle", "Are you sure ?", 1, "p-btn-delete", 3, "nzOnConfirm"], ["nz-icon", "", "nzType", "close", "nzTheme", "outline"]],
        template: function UploadImageWithPreviewComponent_Template(rf, ctx) {
          if (rf & 1) {
            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 0);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "nz-upload", 1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("nzChange", function UploadImageWithPreviewComponent_Template_nz_upload_nzChange_1_listener($event) {
              return ctx.handleChange($event);
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "div", 2);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](3, UploadImageWithPreviewComponent_div_3_Template, 5, 3, "div", 3);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](4, UploadImageWithPreviewComponent_div_4_Template, 5, 2, "div", 4);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](5, UploadImageWithPreviewComponent_div_5_Template, 2, 4, "div", 5);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](6, UploadImageWithPreviewComponent_div_6_Template, 2, 0, "div", 6);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
          }

          if (rf & 2) {
            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzDisabled", ctx.disableUpload)("nzShowUploadList", false)("nzAction", ctx.uploadUrl)("nzData", ctx.uploadData);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", !ctx.picUrl && !ctx.uploading);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.uploading);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", !ctx.uploading && ctx.picUrl);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.canDelete);
          }
        },
        directives: [ng_zorro_antd_upload__WEBPACK_IMPORTED_MODULE_2__["NzUploadComponent"], _angular_common__WEBPACK_IMPORTED_MODULE_3__["NgIf"], ng_zorro_antd_icon__WEBPACK_IMPORTED_MODULE_4__["NzIconDirective"], _fortawesome_angular_fontawesome__WEBPACK_IMPORTED_MODULE_5__["FaIconComponent"], ng_zorro_antd_popconfirm__WEBPACK_IMPORTED_MODULE_6__["NzPopconfirmDirective"]],
        pipes: [_pipes_background_image_pipe__WEBPACK_IMPORTED_MODULE_7__["BackgroundImagePipe"]],
        styles: [".p-image-uploader[_ngcontent-%COMP%] {\n  position: relative;\n  display: block;\n  width: 100%;\n  height: 0;\n  padding-bottom: 56.25%;\n}\n.p-image-uploader[_ngcontent-%COMP%]   .p-box[_ngcontent-%COMP%] {\n  position: absolute;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  border: 2px dashed #ddd;\n  border-radius: 0.5rem;\n  background-color: #fafafa;\n  text-align: center;\n  color: #aaa;\n}\n.p-image-uploader[_ngcontent-%COMP%]   .p-box[_ngcontent-%COMP%]   .p-upload-icon[_ngcontent-%COMP%] {\n  text-align: center;\n  margin: auto;\n}\n.p-image-uploader[_ngcontent-%COMP%]   .p-box[_ngcontent-%COMP%]   .p-upload-icon[_ngcontent-%COMP%]   .anticon-upload[_ngcontent-%COMP%] {\n  color: #888;\n  font-size: 5rem;\n}\n.p-image-uploader[_ngcontent-%COMP%]   .p-box[_ngcontent-%COMP%]   .p-upload-icon[_ngcontent-%COMP%]   .p-progress-bar[_ngcontent-%COMP%] {\n  position: relative;\n  width: 20rem;\n  height: 1.5rem;\n  border: 1px solid #ccc;\n  border-radius: 1rem;\n}\n.p-image-uploader[_ngcontent-%COMP%]   .p-box[_ngcontent-%COMP%]   .p-upload-icon[_ngcontent-%COMP%]   .p-progress-bar[_ngcontent-%COMP%]   .p-progress-bg[_ngcontent-%COMP%] {\n  background-color: #1890ff;\n  border-radius: 1rem;\n  height: 100%;\n}\n.p-image-uploader[_ngcontent-%COMP%]   .p-box[_ngcontent-%COMP%]   .p-upload-icon[_ngcontent-%COMP%]   .p-progress-bar[_ngcontent-%COMP%]   .p-progress-value[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  text-shadow: 0 0 4px #000;\n  color: white;\n  text-align: center;\n  font-size: 0.9rem;\n  line-height: 1.5rem;\n}\n.p-image-uploader[_ngcontent-%COMP%]   .p-box[_ngcontent-%COMP%]   .p-preview[_ngcontent-%COMP%] {\n  width: 100%;\n  height: 100%;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n.p-image-uploader[_ngcontent-%COMP%]   .d-flex[_ngcontent-%COMP%] {\n  display: flex;\n}\n.p-btn-delete[_ngcontent-%COMP%] {\n  position: absolute;\n  right: -0.5rem;\n  top: -0.5rem;\n  width: 2rem;\n  height: 2rem;\n  border: 0.2rem solid white;\n  border-radius: 50%;\n  font-size: 1.2rem;\n  background-color: #fb781a;\n  color: white;\n  text-align: center;\n}\n.p-upload-progress-bg[_ngcontent-%COMP%] {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.p-upload-progress-bg[_ngcontent-%COMP%]   .i-text[_ngcontent-%COMP%] {\n  position: absolute;\n  text-align: center;\n  color: white;\n  text-shadow: 0 0 2px rgba(0, 0, 0, 0.85);\n}\n.p-upload-progress-bg[_ngcontent-%COMP%]   .i-bg[_ngcontent-%COMP%] {\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  background-color: #27b43f;\n  border-radius: 0.5rem;\n}\n[_nghost-%COMP%]     .ant-upload {\n  display: block;\n}\n/*# sourceMappingURL=data:application/json;base64,  */"]
      });
      return UploadImageWithPreviewComponent;
    }();
    /***/

  },

  /***/
  "./src/app/common/upload-video/upload-video.component.ts":
  /*!***************************************************************!*\
    !*** ./src/app/common/upload-video/upload-video.component.ts ***!
    \***************************************************************/

  /*! exports provided: UploadVideoComponent */

  /***/
  function srcAppCommonUploadVideoUploadVideoComponentTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "UploadVideoComponent", function () {
      return UploadVideoComponent;
    });
    /* harmony import */


    var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! @angular/core */
    "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
    /* harmony import */


    var ng_zorro_antd__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
    /*! ng-zorro-antd */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd.js");
    /* harmony import */


    var _angular_platform_browser__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
    /*! @angular/platform-browser */
    "./node_modules/@angular/platform-browser/__ivy_ngcc__/fesm2015/platform-browser.js");
    /* harmony import */


    var ng_zorro_antd_upload__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
    /*! ng-zorro-antd/upload */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-upload.js");
    /* harmony import */


    var _angular_common__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(
    /*! @angular/common */
    "./node_modules/@angular/common/__ivy_ngcc__/fesm2015/common.js");
    /* harmony import */


    var ng_zorro_antd_icon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(
    /*! ng-zorro-antd/icon */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-icon.js");
    /* harmony import */


    var ng_zorro_antd_button__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(
    /*! ng-zorro-antd/button */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-button.js");
    /* harmony import */


    var _fortawesome_angular_fontawesome__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(
    /*! @fortawesome/angular-fontawesome */
    "./node_modules/@fortawesome/angular-fontawesome/__ivy_ngcc__/fesm2015/angular-fontawesome.js");

    var _c0 = ["videoNode"];

    function UploadVideoComponent_button_3_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "button", 10);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](1, "i", 11);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "span");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](3);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var ctx_r461 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("disabled", ctx_r461.uploading)("nzLoading", ctx_r461.uploading);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](ctx_r461.uploading ? "Uploading" : "Select Video");
      }
    }

    function UploadVideoComponent_div_5_div_5_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 16);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](1, "div", 17);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "div", 18);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](3);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var ctx_r466 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵstyleProp"]("width", ctx_r466.progress * 0.2 + "rem");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"]("", ctx_r466.progress, "%");
      }
    }

    function UploadVideoComponent_div_5_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 12);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](1, "i", 13);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](2, "div", 14);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "span");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](4, "Click here to upload video");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](5, UploadVideoComponent_div_5_div_5_Template, 4, 3, "div", 15);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var ctx_r462 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](5);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx_r462.uploading);
      }
    }

    var _c1 = function _c1(a0) {
      return {
        "smart-bar": a0
      };
    };

    function UploadVideoComponent_div_6_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 19);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](1, "div", 20);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "div", 21);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](3, "fa-icon", 22);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](4, " Uploading... ");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var ctx_r463 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction1"](3, _c1, ctx_r463.showUploadBtn));

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵstyleProp"]("width", ctx_r463.progress + "%");
      }
    }

    function UploadVideoComponent_div_7_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 23);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](1, "div", 20);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "div", 21);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](3, "fa-icon", 22);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](4, "i", 9);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](5, "Checking... ");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var ctx_r464 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵstyleProp"]("width", ctx_r464.progress + "%");
      }
    }

    function UploadVideoComponent_div_8_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 24);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](1, "video", 25, 26);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var ctx_r465 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("src", ctx_r465.safeVideoUrl(ctx_r465.videoUrl), _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵsanitizeUrl"]);
      }
    }

    var UploadVideoComponent =
    /*@__PURE__*/
    function () {
      var UploadVideoComponent =
      /*#__PURE__*/
      function () {
        function UploadVideoComponent(nzMessageService, sanitization // private cwService: _coursewareService,
        // private resService: ResourceService
        ) {
          var _this52 = this;

          _classCallCheck(this, UploadVideoComponent);

          this.nzMessageService = nzMessageService;
          this.sanitization = sanitization;
          this.uploading = false;
          this.checking = false;
          this.checkVideoExists = false;
          this.uploadClicked = false;
          this.videoFile = null;
          this.uploaderInst = null;
          this.progress = 0; // @Input()
          // setCovering = false;

          this.videoUrl = ''; // @Input()
          // extractCoverFunc = null;

          this.videoUploaded = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
          this.videoUploadFailure = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
          this.extractVideoCover = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
          this.showUploadBtn = true;

          this.checkHashFinish = function (hash) {
            _this52.checking = false;
            _this52.uploading = true;
          };

          this.uploadSuccess = function (file) {
            _this52.nzMessageService.info('Upload Success'); // this.updateStatus(false);


            _this52.uploading = false;
            _this52.videoFile = null; // this.updateSource(url);

            _this52.videoUrl = file.response.url; // console.log(this.picUrl)
            // this.uploadFinished(url);
            // if (!inOSS) {

            var vid = document.createElement('video');
            vid.addEventListener('loadedmetadata', function () {
              var height = vid.videoHeight;
              var width = vid.videoWidth;
              var duration = vid.duration;

              if (duration) {
                duration = duration * 1000;
              }

              file.height = height;
              file.width = width;
              file.duration = duration;
              vid.preload = 'none';
              vid.src = '';
              vid.remove();

              _this52.videoUploaded.emit(file.response); // this.resService.updateVideo(id, {width, height, duration}).then( () => {
              //   this.videoUploaded.emit({res_id: id, id, name, hash, url});
              // });

            });
            vid.src = file.response.url; // } else {
            //   this.videoUploaded.emit(file.response);
            // }
          };

          this.uploadFailure = function (err, file) {
            _this52.uploading = false;

            if (err.name && err.name === 'cancel') {
              return;
            }

            console.log(err);

            _this52.nzMessageService.error('Upload Error ' + err.message);

            _this52.videoUploadFailure.emit(file);
          };

          this.doProgress = function (p) {
            if (p > 1) {
              p = 1;
            }

            if (p < 0) {
              p = 0;
            } // console.log(Math.floor(p * 100));


            _this52.progress = Math.floor(p * 100);
          };

          this.uploading = false;
          this.videoFile = null;
          this.uploadUrl = window.courseware.uploadVideoUrl();
          this.uploadData = window.courseware.uploadData();

          window['air'].getUploadVideoCallback = function (url, data) {
            _this52.uploadUrl = url;
            _this52.uploadData = data;
          };
        }

        _createClass(UploadVideoComponent, [{
          key: "ngOnChanges",
          value: function ngOnChanges() {// if (!this.videoFile || this.showUploadBtn) {
            //   return;
            // }
            // this.beforeUpload(this.videoFile);
            // this.handleUpload();
          }
        }, {
          key: "ngOnDestroy",
          value: function ngOnDestroy() {
            URL.revokeObjectURL(this.videoUrl);
          }
        }, {
          key: "safeVideoUrl",
          value: function safeVideoUrl(url) {
            // console.log(this.sanitization.bypassSecurityTrustResourceUrl(url));
            return this.sanitization.bypassSecurityTrustResourceUrl(url)['changingThisBreaksApplicationSecurity']; // `${url}`;
          }
        }, {
          key: "videoLoadedMetaData",
          value: function videoLoadedMetaData() {}
        }, {
          key: "handleChange",
          value: function handleChange(info
          /* { type: string, file: UploadFile, event: any }*/
          ) {
            console.log('info:', info);

            switch (info.type) {
              case 'start':
                // this.beforeUpload(info.file);
                if (!this.checkSelectFile(info.file)) {
                  return;
                }

                this.uploading = true;
                this.progress = 0;
                break;

              case 'success':
                this.uploadSuccess(info.file); // this.beforeUpload(info.file);
                // this.uploadSuccess(info.file);

                break;

              case 'progress':
                this.progress = info.event.percent;
                this.doProgress(this.progress);
                break;
            }
          }
        }, {
          key: "checkSelectFile",
          value: function checkSelectFile(file) {
            if (!file.lastModified) {
              return false;
            }

            var delta = 500;
            var isOverSize = file.size / 1024 / 1024 < delta;

            if (!isOverSize) {
              this.nzMessageService.error("video must smaller than ".concat(delta, "MB!"));
              return false;
            }

            return true;
          }
        }]);

        return UploadVideoComponent;
      }();

      UploadVideoComponent.ɵfac = function UploadVideoComponent_Factory(t) {
        return new (t || UploadVideoComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](ng_zorro_antd__WEBPACK_IMPORTED_MODULE_1__["NzMessageService"]), _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](_angular_platform_browser__WEBPACK_IMPORTED_MODULE_2__["DomSanitizer"]));
      };

      UploadVideoComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineComponent"]({
        type: UploadVideoComponent,
        selectors: [["app-upload-video"]],
        viewQuery: function UploadVideoComponent_Query(rf, ctx) {
          if (rf & 1) {
            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵstaticViewQuery"](_c0, true);
          }

          if (rf & 2) {
            var _t;

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵqueryRefresh"](_t = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵloadQuery"]()) && (ctx.videoNode = _t.first);
          }
        },
        inputs: {
          videoFile: "videoFile",
          videoUrl: "videoUrl",
          showUploadBtn: "showUploadBtn",
          item: "item"
        },
        outputs: {
          videoUploaded: "videoUploaded",
          videoUploadFailure: "videoUploadFailure",
          extractVideoCover: "extractVideoCover"
        },
        features: [_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵNgOnChangesFeature"]],
        decls: 13,
        vars: 11,
        consts: [[1, "p-video-box"], [1, "up-video", 2, "display", "flex"], ["nzAccept", ".mp4", 1, "p-image-uploader", 2, "margin-right", "1rem", 3, "nzDisabled", "nzShowUploadList", "nzAction", "nzData", "nzChange"], ["type", "button", "nz-button", "", "nzType", "default", 3, "disabled", "nzLoading", 4, "ngIf"], [1, "p-box", "d-flex", "align-items-center", "p-video-uploader"], ["class", "p-upload-icon", 4, "ngIf"], ["class", "p-upload-progress-bg dddd ", 3, "ngClass", 4, "ngIf"], ["class", "p-upload-check-bg", 4, "ngIf"], ["class", "p-preview", 4, "ngIf"], ["nz-icon", "", "nzType", "loading", "nzTheme", "outline"], ["type", "button", "nz-button", "", "nzType", "default", 3, "disabled", "nzLoading"], ["nz-icon", "", "nzType", "plus", "nzTheme", "outline"], [1, "p-upload-icon"], ["nz-icon", "", "nzType", "upload", "nzTheme", "outline"], [1, "m-3"], ["class", "mt-5 p-progress-bar", 4, "ngIf"], [1, "mt-5", "p-progress-bar"], [1, "p-progress-bg"], [1, "p-progress-value"], [1, "p-upload-progress-bg", "dddd", 3, "ngClass"], [1, "i-bg"], [1, "i-text"], ["icon", "cloud-upload-alt"], [1, "p-upload-check-bg"], [1, "p-preview"], ["controls", "", 3, "src"], ["videoNode", ""]],
        template: function UploadVideoComponent_Template(rf, ctx) {
          if (rf & 1) {
            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 0);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div", 1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "nz-upload", 2);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("nzChange", function UploadVideoComponent_Template_nz_upload_nzChange_2_listener($event) {
              return ctx.handleChange($event);
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](3, UploadVideoComponent_button_3_Template, 4, 3, "button", 3);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "div", 4);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](5, UploadVideoComponent_div_5_Template, 6, 1, "div", 5);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](6, UploadVideoComponent_div_6_Template, 5, 5, "div", 6);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](7, UploadVideoComponent_div_7_Template, 6, 2, "div", 7);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](8, UploadVideoComponent_div_8_Template, 3, 1, "div", 8);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](9, "div");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](10, "span");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](11, "i", 9);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](12, " checking file to upload");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
          }

          if (rf & 2) {
            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzDisabled", ctx.uploading)("nzShowUploadList", false)("nzAction", ctx.uploadUrl)("nzData", ctx.uploadData);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.showUploadBtn);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", !ctx.showUploadBtn && !ctx.videoUrl && !ctx.uploading);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.uploading);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.checking);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", !ctx.uploading && ctx.videoUrl);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵstyleProp"]("display", !ctx.checkVideoExists ? "none" : "");
          }
        },
        directives: [ng_zorro_antd_upload__WEBPACK_IMPORTED_MODULE_3__["NzUploadComponent"], _angular_common__WEBPACK_IMPORTED_MODULE_4__["NgIf"], ng_zorro_antd_icon__WEBPACK_IMPORTED_MODULE_5__["NzIconDirective"], ng_zorro_antd_button__WEBPACK_IMPORTED_MODULE_6__["NzButtonComponent"], _angular_common__WEBPACK_IMPORTED_MODULE_4__["NgClass"], _fortawesome_angular_fontawesome__WEBPACK_IMPORTED_MODULE_7__["FaIconComponent"]],
        styles: [".p-video-uploader[_ngcontent-%COMP%] {\n  position: relative;\n  display: block;\n  height: 200px;\n}\n.p-video-uploader[_ngcontent-%COMP%]   .p-box[_ngcontent-%COMP%] {\n  position: absolute;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  border: 2px dashed #ddd;\n  background-color: #fafafa;\n  text-align: center;\n  color: #aaa;\n}\n.p-upload-icon[_ngcontent-%COMP%] {\n  text-align: center;\n  margin: auto;\n}\n.p-upload-icon[_ngcontent-%COMP%]   .anticon-upload[_ngcontent-%COMP%] {\n  color: #888;\n  font-size: 5rem;\n}\np-progress-bar[_ngcontent-%COMP%] {\n  position: relative;\n  width: 20rem;\n  height: 1.5rem;\n  border: 1px solid #ccc;\n  border-radius: 1rem;\n}\n.p-progress-bar[_ngcontent-%COMP%]   .p-progress-bg[_ngcontent-%COMP%] {\n  background-color: #1890ff;\n  border-radius: 1rem;\n  height: 100%;\n}\n.p-progress-bar[_ngcontent-%COMP%]   .p-progress-value[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  text-shadow: 0 0 4px #000;\n  color: white;\n  text-align: center;\n  font-size: 0.9rem;\n  line-height: 1.5rem;\n}\n.p-preview[_ngcontent-%COMP%] {\n  width: 100%;\n  height: 100%;\n}\n.p-preview[_ngcontent-%COMP%]   video[_ngcontent-%COMP%] {\n  max-height: 100%;\n  max-width: 100%;\n  position: absolute;\n  display: flex;\n}\n.p-btn-delete[_ngcontent-%COMP%] {\n  position: absolute;\n  right: -0.5rem;\n  top: -0.5rem;\n  width: 2rem;\n  height: 2rem;\n  border: 0.2rem solid white;\n  border-radius: 50%;\n  font-size: 1.2rem;\n  background-color: #fb781a;\n  color: white;\n  text-align: center;\n}\n.p-upload-progress-bg[_ngcontent-%COMP%], .p-upload-check-bg[_ngcontent-%COMP%] {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.p-upload-progress-bg[_ngcontent-%COMP%]   .i-text[_ngcontent-%COMP%], .p-upload-check-bg[_ngcontent-%COMP%]   .i-text[_ngcontent-%COMP%] {\n  position: absolute;\n  text-align: center;\n  color: white;\n  text-shadow: 0 0 2px rgba(0, 0, 0, 0.85);\n}\n.p-upload-progress-bg[_ngcontent-%COMP%]   .i-bg[_ngcontent-%COMP%], .p-upload-check-bg[_ngcontent-%COMP%]   .i-bg[_ngcontent-%COMP%] {\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  background-color: #1890ff;\n}\n.p-upload-progress-bg.smart-bar[_ngcontent-%COMP%] {\n  height: 50px !important;\n  margin-top: 20px !important;\n}\n.p-upload-check-bg[_ngcontent-%COMP%] {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.p-upload-check-bg[_ngcontent-%COMP%]   .i-text[_ngcontent-%COMP%] {\n  position: absolute;\n  text-align: center;\n  color: white;\n  text-shadow: 0 0 2px rgba(0, 0, 0, 0.85);\n}\n.p-upload-check-bg[_ngcontent-%COMP%]   .i-bg[_ngcontent-%COMP%] {\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  background-color: #17a2b8;\n}\n/*# sourceMappingURL=data:application/json;base64,  */"]
      });
      return UploadVideoComponent;
    }();
    /***/

  },

  /***/
  "./src/app/form/form.component.ts":
  /*!****************************************!*\
    !*** ./src/app/form/form.component.ts ***!
    \****************************************/

  /*! exports provided: FormComponent */

  /***/
  function srcAppFormFormComponentTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "FormComponent", function () {
      return FormComponent;
    });
    /* harmony import */


    var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! @angular/core */
    "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
    /* harmony import */


    var uuid__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
    /*! uuid */
    "./node_modules/uuid/dist/esm-browser/index.js");
    /* harmony import */


    var ng_zorro_antd__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
    /*! ng-zorro-antd */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd.js");
    /* harmony import */


    var ng_zorro_antd_modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
    /*! ng-zorro-antd/modal */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-modal.js");
    /* harmony import */


    var ng_zorro_antd_button__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(
    /*! ng-zorro-antd/button */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-button.js");
    /* harmony import */


    var ng_zorro_antd_icon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(
    /*! ng-zorro-antd/icon */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-icon.js");
    /* harmony import */


    var _angular_forms__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(
    /*! @angular/forms */
    "./node_modules/@angular/forms/__ivy_ngcc__/fesm2015/forms.js");
    /* harmony import */


    var ng_zorro_antd_input__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(
    /*! ng-zorro-antd/input */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-input.js");
    /* harmony import */


    var _common_upload_image_with_preview_upload_image_with_preview_component__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(
    /*! ../common/upload-image-with-preview/upload-image-with-preview.component */
    "./src/app/common/upload-image-with-preview/upload-image-with-preview.component.ts");
    /* harmony import */


    var ng_zorro_antd_select__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(
    /*! ng-zorro-antd/select */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-select.js");
    /* harmony import */


    var _common_custom_hot_zone_custom_hot_zone_component__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(
    /*! ../common/custom-hot-zone/custom-hot-zone.component */
    "./src/app/common/custom-hot-zone/custom-hot-zone.component.ts");
    /* harmony import */


    var _angular_common__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(
    /*! @angular/common */
    "./node_modules/@angular/common/__ivy_ngcc__/fesm2015/common.js");
    /* harmony import */


    var ng_zorro_antd_checkbox__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(
    /*! ng-zorro-antd/checkbox */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-checkbox.js");
    /* harmony import */


    var ng_zorro_antd_popconfirm__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(
    /*! ng-zorro-antd/popconfirm */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-popconfirm.js");
    /* harmony import */


    var ng_zorro_antd_table__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(
    /*! ng-zorro-antd/table */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-table.js");
    /* harmony import */


    var _common_audio_recorder_audio_recorder_component__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(
    /*! ../common/audio-recorder/audio-recorder.component */
    "./src/app/common/audio-recorder/audio-recorder.component.ts");
    /* harmony import */


    var _common_upload_video_upload_video_component__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(
    /*! ../common/upload-video/upload-video.component */
    "./src/app/common/upload-video/upload-video.component.ts");
    /* harmony import */


    var ng_zorro_antd_radio__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(
    /*! ng-zorro-antd/radio */
    "./node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-radio.js");

    var _c0 = ["customHotZone"];

    function FormComponent_div_48_Template(rf, ctx) {
      if (rf & 1) {
        var _r12 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 51);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "app-upload-image-with-preview", 12);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("imageUploaded", function FormComponent_div_48_Template_app_upload_image_with_preview_imageUploaded_1_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r12);

          var it_r9 = ctx.$implicit;

          var ctx_r11 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r11.onImageUploadSuccess($event, "image_url", it_r9);
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var it_r9 = ctx.$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("picUrl", it_r9.image_url);
      }
    }

    function FormComponent_div_62_label_24_Template(rf, ctx) {
      if (rf & 1) {
        var _r31 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "label", 78);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_label_24_Template_label_ngModelChange_0_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r31);

          var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

          return it_r13.useSelectOptionList = $event;
        })("ngModelChange", function FormComponent_div_62_label_24_Template_label_ngModelChange_0_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r31);

          var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

          var ctx_r32 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r32.handleUserSelectOptionListChange(it_r13);
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](1, "\u4F7F\u7528\u72EC\u7ACB\u9009\u9879\u6E05\u5355");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", it_r13.useSelectOptionList);
      }
    }

    function FormComponent_div_62_div_25_tr_22_nz_option_9_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "nz-option", 91);
      }

      if (rf & 2) {
        var itOption_r40 = ctx.$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", itOption_r40.index)("nzLabel", itOption_r40.itemName);
      }
    }

    function FormComponent_div_62_div_25_tr_22_Template(rf, ctx) {
      if (rf & 1) {
        var _r42 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "tr");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "td", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "td", 86);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "input", 89);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_25_tr_22_Template_input_ngModelChange_4_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r42);

          var data_r37 = ctx.$implicit;
          return data_r37.text = $event;
        })("blur", function FormComponent_div_62_div_25_tr_22_Template_input_blur_4_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r42);

          var ctx_r43 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](3);

          return ctx_r43.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](5, "td", 86);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "input", 89);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_25_tr_22_Template_input_ngModelChange_6_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r42);

          var data_r37 = ctx.$implicit;
          return data_r37.optionShowText = $event;
        })("blur", function FormComponent_div_62_div_25_tr_22_Template_input_blur_6_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r42);

          var ctx_r45 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](3);

          return ctx_r45.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](7, "td", 86);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "nz-select", 36);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_25_tr_22_Template_nz_select_ngModelChange_8_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r42);

          var data_r37 = ctx.$implicit;
          return data_r37.selectStrikeOutHotZoneIndex = $event;
        })("ngModelChange", function FormComponent_div_62_div_25_tr_22_Template_nz_select_ngModelChange_8_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r42);

          var ctx_r47 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](3);

          return ctx_r47.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](9, FormComponent_div_62_div_25_tr_22_nz_option_9_Template, 1, 2, "nz-option", 37);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](10, "td", 87);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](11, "a", 90);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("nzOnConfirm", function FormComponent_div_62_div_25_tr_22_Template_a_nzOnConfirm_11_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r42);

          var i_r38 = ctx.index;

          var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2).$implicit;

          var ctx_r48 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r48.deleteHotzoneSelectOption(it_r13, i_r38);
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](12, "\u5220\u9664");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var data_r37 = ctx.$implicit;
        var i_r38 = ctx.index;

        var ctx_r36 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](3);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](i_r38 + 1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r37.text);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r37.optionShowText);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r37.selectStrikeOutHotZoneIndex);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", ctx_r36.item.hotZoneItemArr);
      }
    }

    function FormComponent_div_62_div_25_Template(rf, ctx) {
      if (rf & 1) {
        var _r52 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 79);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div", 80);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "span", 81);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](3, "\u9009\u9879\u6E05\u5355");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "button", 82);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function FormComponent_div_62_div_25_Template_button_click_4_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r52);

          var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

          var ctx_r50 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r50.addHotzoneSelectOption(it_r13);
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](5, "span", 25);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](6, " \u6DFB\u52A0\u9009\u9879 ");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](7, "nz-table", 83, 84);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](9, "thead");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](10, "tr");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](11, "th", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](12, "\u5E8F\u53F7");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](13, "th", 86);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](14, "\u6587\u5B57");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](15, "th", 86);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](16, "\u5C55\u793A\u6587\u5B57");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](17, "th", 86);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](18, "\u9009\u62E9\u540E\u5212\u6389\u70ED\u533A(\u53EF\u9009)");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](19, "th", 87);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](20, "\u64CD\u4F5C");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](21, "tbody");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](22, FormComponent_div_62_div_25_tr_22_Template, 13, 5, "tr", 88);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var _r35 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵreference"](8);

        var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](7);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzData", it_r13.selectOptionList)("nzFrontPagination", false)("nzShowPagination", false);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](15);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", _r35.data);
      }
    }

    function FormComponent_div_62_div_26_nz_table_7_th_8_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "th", 86);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](1, "\u6240\u5C5E\u7EC4");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }
    }

    function FormComponent_div_62_div_26_nz_table_7_th_9_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "th", 86);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](1, "\u6B63\u786E\u9009\u9879");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }
    }

    function FormComponent_div_62_div_26_nz_table_7_th_10_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "th", 86);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](1, "\u6587\u5B57");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }
    }

    function FormComponent_div_62_div_26_nz_table_7_th_11_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "th", 86);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](1, "\u5C55\u793A\u6587\u5B57");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }
    }

    function FormComponent_div_62_div_26_nz_table_7_th_14_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "th", 86);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](1, "\u9009\u62E9\u540E\u5212\u6389\u70ED\u533A(\u53EF\u9009)");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }
    }

    function FormComponent_div_62_div_26_nz_table_7_tr_18_td_5_nz_option_2_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "nz-option", 91);
      }

      if (rf & 2) {
        var i_r82 = ctx.index;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", i_r82)("nzLabel", i_r82 + 1);
      }
    }

    function FormComponent_div_62_div_26_nz_table_7_tr_18_td_5_Template(rf, ctx) {
      if (rf & 1) {
        var _r85 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "td", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "nz-select", 36);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_7_tr_18_td_5_Template_nz_select_ngModelChange_1_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r85);

          var data_r72 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

          return data_r72.optionGroupsIndex = $event;
        })("ngModelChange", function FormComponent_div_62_div_26_nz_table_7_tr_18_td_5_Template_nz_select_ngModelChange_1_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r85);

          var ctx_r86 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](5);

          return ctx_r86.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](2, FormComponent_div_62_div_26_nz_table_7_tr_18_td_5_nz_option_2_Template, 1, 2, "nz-option", 37);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var data_r72 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

        var _r65 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵreference"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r72.optionGroupsIndex);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", _r65.data);
      }
    }

    function FormComponent_div_62_div_26_nz_table_7_tr_18_td_6_nz_option_2_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "nz-option", 91);
      }

      if (rf & 2) {
        var itOption_r89 = ctx.$implicit;
        var i_r90 = ctx.index;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", i_r90)("nzLabel", itOption_r89.text);
      }
    }

    function FormComponent_div_62_div_26_nz_table_7_tr_18_td_6_Template(rf, ctx) {
      if (rf & 1) {
        var _r93 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "td", 86);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "nz-select", 36);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_7_tr_18_td_6_Template_nz_select_ngModelChange_1_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r93);

          var data_r72 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

          return data_r72.selectOptionListIndex = $event;
        })("ngModelChange", function FormComponent_div_62_div_26_nz_table_7_tr_18_td_6_Template_nz_select_ngModelChange_1_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r93);

          var ctx_r94 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](5);

          return ctx_r94.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](2, FormComponent_div_62_div_26_nz_table_7_tr_18_td_6_nz_option_2_Template, 1, 2, "nz-option", 37);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var data_r72 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

        var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](3).$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r72.selectOptionListIndex);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", it_r13.selectOptionList);
      }
    }

    function FormComponent_div_62_div_26_nz_table_7_tr_18_td_7_Template(rf, ctx) {
      if (rf & 1) {
        var _r99 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "td", 86);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "input", 89);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_7_tr_18_td_7_Template_input_ngModelChange_1_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r99);

          var data_r72 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

          return data_r72.text = $event;
        })("blur", function FormComponent_div_62_div_26_nz_table_7_tr_18_td_7_Template_input_blur_1_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r99);

          var ctx_r100 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](5);

          return ctx_r100.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var data_r72 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r72.text);
      }
    }

    function FormComponent_div_62_div_26_nz_table_7_tr_18_td_8_Template(rf, ctx) {
      if (rf & 1) {
        var _r104 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "td", 86);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "input", 89);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_7_tr_18_td_8_Template_input_ngModelChange_1_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r104);

          var data_r72 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

          return data_r72.optionShowText = $event;
        })("blur", function FormComponent_div_62_div_26_nz_table_7_tr_18_td_8_Template_input_blur_1_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r104);

          var ctx_r105 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](5);

          return ctx_r105.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var data_r72 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r72.optionShowText);
      }
    }

    function FormComponent_div_62_div_26_nz_table_7_tr_18_nz_option_11_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "nz-option", 91);
      }

      if (rf & 2) {
        var itOption_r107 = ctx.$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", itOption_r107.index)("nzLabel", itOption_r107.itemName);
      }
    }

    function FormComponent_div_62_div_26_nz_table_7_tr_18_td_12_nz_option_2_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "nz-option", 91);
      }

      if (rf & 2) {
        var itOption_r109 = ctx.$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", itOption_r109.index)("nzLabel", itOption_r109.itemName);
      }
    }

    function FormComponent_div_62_div_26_nz_table_7_tr_18_td_12_Template(rf, ctx) {
      if (rf & 1) {
        var _r112 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "td", 86);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "nz-select", 36);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_7_tr_18_td_12_Template_nz_select_ngModelChange_1_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r112);

          var data_r72 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

          return data_r72.selectStrikeOutHotZoneIndex = $event;
        })("ngModelChange", function FormComponent_div_62_div_26_nz_table_7_tr_18_td_12_Template_nz_select_ngModelChange_1_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r112);

          var ctx_r113 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](5);

          return ctx_r113.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](2, FormComponent_div_62_div_26_nz_table_7_tr_18_td_12_nz_option_2_Template, 1, 2, "nz-option", 37);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var data_r72 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

        var ctx_r79 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r72.selectStrikeOutHotZoneIndex);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", ctx_r79.item.hotZoneItemArr);
      }
    }

    function FormComponent_div_62_div_26_nz_table_7_tr_18_Template(rf, ctx) {
      if (rf & 1) {
        var _r116 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "tr");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "td", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "td", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "input", 89);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_7_tr_18_Template_input_ngModelChange_4_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r116);

          var data_r72 = ctx.$implicit;
          return data_r72.score = $event;
        })("blur", function FormComponent_div_62_div_26_nz_table_7_tr_18_Template_input_blur_4_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r116);

          var ctx_r117 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

          return ctx_r117.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](5, FormComponent_div_62_div_26_nz_table_7_tr_18_td_5_Template, 3, 2, "td", 94);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](6, FormComponent_div_62_div_26_nz_table_7_tr_18_td_6_Template, 3, 2, "td", 93);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](7, FormComponent_div_62_div_26_nz_table_7_tr_18_td_7_Template, 2, 1, "td", 93);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](8, FormComponent_div_62_div_26_nz_table_7_tr_18_td_8_Template, 2, 1, "td", 93);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](9, "td", 86);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](10, "nz-select", 36);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_7_tr_18_Template_nz_select_ngModelChange_10_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r116);

          var data_r72 = ctx.$implicit;
          return data_r72.selectHotZoneIndex = $event;
        })("ngModelChange", function FormComponent_div_62_div_26_nz_table_7_tr_18_Template_nz_select_ngModelChange_10_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r116);

          var ctx_r119 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

          return ctx_r119.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](11, FormComponent_div_62_div_26_nz_table_7_tr_18_nz_option_11_Template, 1, 2, "nz-option", 37);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](12, FormComponent_div_62_div_26_nz_table_7_tr_18_td_12_Template, 3, 2, "td", 93);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](13, "td", 87);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](14, "a", 90);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("nzOnConfirm", function FormComponent_div_62_div_26_nz_table_7_tr_18_Template_a_nzOnConfirm_14_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r116);

          var i_r73 = ctx.index;

          var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](3).$implicit;

          var ctx_r120 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r120.deleteHotZoneConfigItem(it_r13, i_r73);
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](15, "\u5220\u9664");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var data_r72 = ctx.$implicit;
        var i_r73 = ctx.index;

        var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](3).$implicit;

        var ctx_r71 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](i_r73 + 1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r72.score);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", it_r13.useSelectOptionList);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", it_r13.useSelectOptionList);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", !it_r13.useSelectOptionList);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", !it_r13.useSelectOptionList);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r72.selectHotZoneIndex);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", ctx_r71.item.hotZoneItemArr);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", !it_r13.useSelectOptionList);
      }
    }

    function FormComponent_div_62_div_26_nz_table_7_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "nz-table", 83, 84);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "thead");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "tr");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "th", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](5, "\u5E8F\u53F7");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "th", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](7, "\u5206\u6570");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](8, FormComponent_div_62_div_26_nz_table_7_th_8_Template, 2, 0, "th", 93);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](9, FormComponent_div_62_div_26_nz_table_7_th_9_Template, 2, 0, "th", 93);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](10, FormComponent_div_62_div_26_nz_table_7_th_10_Template, 2, 0, "th", 93);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](11, FormComponent_div_62_div_26_nz_table_7_th_11_Template, 2, 0, "th", 93);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](12, "th", 86);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](13, "\u6B63\u786E\u70ED\u533A");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](14, FormComponent_div_62_div_26_nz_table_7_th_14_Template, 2, 0, "th", 93);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](15, "th", 87);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](16, "\u64CD\u4F5C");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](17, "tbody");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](18, FormComponent_div_62_div_26_nz_table_7_tr_18_Template, 16, 9, "tr", 88);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var _r65 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵreference"](1);

        var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2).$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzData", it_r13.contentList)("nzFrontPagination", false)("nzShowPagination", false);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](8);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", it_r13.useSelectOptionList);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", it_r13.useSelectOptionList);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", !it_r13.useSelectOptionList);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", !it_r13.useSelectOptionList);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", !it_r13.useSelectOptionList);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](4);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", _r65.data);
      }
    }

    function FormComponent_div_62_div_26_nz_table_8_tr_15_nz_option_9_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "nz-option", 91);
      }

      if (rf & 2) {
        var itOption_r129 = ctx.$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", itOption_r129.index)("nzLabel", itOption_r129.itemName);
      }
    }

    function FormComponent_div_62_div_26_nz_table_8_tr_15_Template(rf, ctx) {
      if (rf & 1) {
        var _r131 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "tr");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "td", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "td", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "label", 40);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_8_tr_15_Template_label_ngModelChange_4_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r131);

          var data_r126 = ctx.$implicit;
          return data_r126.isCorrect = $event;
        })("ngModelChange", function FormComponent_div_62_div_26_nz_table_8_tr_15_Template_label_ngModelChange_4_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r131);

          var ctx_r132 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

          return ctx_r132.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](5, "td", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "input", 89);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_8_tr_15_Template_input_ngModelChange_6_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r131);

          var data_r126 = ctx.$implicit;
          return data_r126.score = $event;
        })("blur", function FormComponent_div_62_div_26_nz_table_8_tr_15_Template_input_blur_6_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r131);

          var ctx_r134 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

          return ctx_r134.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](7, "td");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "nz-select", 36);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_8_tr_15_Template_nz_select_ngModelChange_8_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r131);

          var data_r126 = ctx.$implicit;
          return data_r126.selectHotZoneIndex = $event;
        })("ngModelChange", function FormComponent_div_62_div_26_nz_table_8_tr_15_Template_nz_select_ngModelChange_8_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r131);

          var ctx_r136 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

          return ctx_r136.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](9, FormComponent_div_62_div_26_nz_table_8_tr_15_nz_option_9_Template, 1, 2, "nz-option", 37);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](10, "td", 95);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](11, "a", 90);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("nzOnConfirm", function FormComponent_div_62_div_26_nz_table_8_tr_15_Template_a_nzOnConfirm_11_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r131);

          var i_r127 = ctx.index;

          var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](3).$implicit;

          var ctx_r137 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r137.deleteHotZoneConfigItem(it_r13, i_r127);
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](12, "\u5220\u9664");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var data_r126 = ctx.$implicit;
        var i_r127 = ctx.index;

        var ctx_r125 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](i_r127 + 1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r126.isCorrect);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r126.score);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r126.selectHotZoneIndex);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", ctx_r125.item.hotZoneItemArr);
      }
    }

    function FormComponent_div_62_div_26_nz_table_8_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "nz-table", 83, 84);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "thead");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "tr");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "th", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](5, "\u5E8F\u53F7");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "th", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](7, "\u6B63\u8BEF");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "th", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](9, "\u5206\u6570");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](10, "th");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](11, "\u70ED\u533A\u7D22\u5F15");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](12, "th", 87);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](13, "\u64CD\u4F5C");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](14, "tbody");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](15, FormComponent_div_62_div_26_nz_table_8_tr_15_Template, 13, 5, "tr", 88);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var _r124 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵreference"](1);

        var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2).$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzData", it_r13.contentList)("nzFrontPagination", false)("nzShowPagination", false);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](15);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", _r124.data);
      }
    }

    function FormComponent_div_62_div_26_nz_table_9_tr_13_Template(rf, ctx) {
      if (rf & 1) {
        var _r145 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "tr");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "td", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "td", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "label", 40);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_9_tr_13_Template_label_ngModelChange_4_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r145);

          var data_r142 = ctx.$implicit;
          return data_r142.isCorrect = $event;
        })("ngModelChange", function FormComponent_div_62_div_26_nz_table_9_tr_13_Template_label_ngModelChange_4_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r145);

          var ctx_r146 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

          return ctx_r146.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](5, "td");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "div", 96);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](7, "app-upload-image-with-preview", 12);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("imageUploaded", function FormComponent_div_62_div_26_nz_table_9_tr_13_Template_app_upload_image_with_preview_imageUploaded_7_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r145);

          var data_r142 = ctx.$implicit;

          var ctx_r147 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

          return ctx_r147.onImageUploadSuccess($event, "image_url", data_r142);
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "td", 97);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](9, "a", 90);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("nzOnConfirm", function FormComponent_div_62_div_26_nz_table_9_tr_13_Template_a_nzOnConfirm_9_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r145);

          var i_r143 = ctx.index;

          var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](3).$implicit;

          var ctx_r148 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r148.deleteHotZoneConfigItem(it_r13, i_r143);
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](10, "\u5220\u9664");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var data_r142 = ctx.$implicit;
        var i_r143 = ctx.index;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](i_r143 + 1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r142.isCorrect);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("picUrl", data_r142.image_url);
      }
    }

    function FormComponent_div_62_div_26_nz_table_9_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "nz-table", 83, 84);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "thead");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "tr");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "th", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](5, "\u5E8F\u53F7");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "th", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](7, "\u6B63\u786E\u7B54\u6848");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "th");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](9, "\u56FE\u7247");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](10, "th", 87);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](11, "\u64CD\u4F5C");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](12, "tbody");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](13, FormComponent_div_62_div_26_nz_table_9_tr_13_Template, 11, 3, "tr", 88);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var _r140 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵreference"](1);

        var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2).$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzData", it_r13.contentList)("nzFrontPagination", false)("nzShowPagination", false);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](13);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", _r140.data);
      }
    }

    function FormComponent_div_62_div_26_nz_table_10_tr_13_nz_option_7_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "nz-option", 91);
      }

      if (rf & 2) {
        var itOption_r156 = ctx.$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", itOption_r156.index)("nzLabel", itOption_r156.itemName);
      }
    }

    function FormComponent_div_62_div_26_nz_table_10_tr_13_Template(rf, ctx) {
      if (rf & 1) {
        var _r158 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "tr");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "td", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "td", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "label", 40);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_10_tr_13_Template_label_ngModelChange_4_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r158);

          var data_r153 = ctx.$implicit;
          return data_r153.isCorrect = $event;
        })("ngModelChange", function FormComponent_div_62_div_26_nz_table_10_tr_13_Template_label_ngModelChange_4_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r158);

          var ctx_r159 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

          return ctx_r159.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](5, "td");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "nz-select", 36);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_10_tr_13_Template_nz_select_ngModelChange_6_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r158);

          var data_r153 = ctx.$implicit;
          return data_r153.selectHotZoneIndex = $event;
        })("ngModelChange", function FormComponent_div_62_div_26_nz_table_10_tr_13_Template_nz_select_ngModelChange_6_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r158);

          var ctx_r161 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

          return ctx_r161.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](7, FormComponent_div_62_div_26_nz_table_10_tr_13_nz_option_7_Template, 1, 2, "nz-option", 37);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "td", 95);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](9, "a", 90);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("nzOnConfirm", function FormComponent_div_62_div_26_nz_table_10_tr_13_Template_a_nzOnConfirm_9_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r158);

          var i_r154 = ctx.index;

          var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](3).$implicit;

          var ctx_r162 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r162.deleteHotZoneConfigItem(it_r13, i_r154);
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](10, "\u5220\u9664");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var data_r153 = ctx.$implicit;
        var i_r154 = ctx.index;

        var ctx_r152 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](i_r154 + 1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r153.isCorrect);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r153.selectHotZoneIndex);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", ctx_r152.item.hotZoneItemArr);
      }
    }

    function FormComponent_div_62_div_26_nz_table_10_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "nz-table", 83, 84);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "thead");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "tr");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "th", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](5, "\u5E8F\u53F7");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "th", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](7, "\u6B63\u786E\u7B54\u6848");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "th");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](9, "\u70ED\u533A\u7D22\u5F15");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](10, "th", 87);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](11, "\u64CD\u4F5C");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](12, "tbody");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](13, FormComponent_div_62_div_26_nz_table_10_tr_13_Template, 11, 4, "tr", 88);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var _r151 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵreference"](1);

        var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2).$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzData", it_r13.contentList)("nzFrontPagination", false)("nzShowPagination", false);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](13);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", _r151.data);
      }
    }

    function FormComponent_div_62_div_26_nz_table_11_tr_15_nz_option_9_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "nz-option", 91);
      }

      if (rf & 2) {
        var itOption_r170 = ctx.$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", itOption_r170.index)("nzLabel", itOption_r170.itemName);
      }
    }

    function FormComponent_div_62_div_26_nz_table_11_tr_15_Template(rf, ctx) {
      if (rf & 1) {
        var _r172 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "tr");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "td", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "td", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "label", 40);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_11_tr_15_Template_label_ngModelChange_4_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r172);

          var data_r167 = ctx.$implicit;
          return data_r167.isCheck = $event;
        })("ngModelChange", function FormComponent_div_62_div_26_nz_table_11_tr_15_Template_label_ngModelChange_4_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r172);

          var ctx_r173 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

          return ctx_r173.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](5, "td", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "input", 89);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_11_tr_15_Template_input_ngModelChange_6_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r172);

          var data_r167 = ctx.$implicit;
          return data_r167.score = $event;
        })("blur", function FormComponent_div_62_div_26_nz_table_11_tr_15_Template_input_blur_6_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r172);

          var ctx_r175 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

          return ctx_r175.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](7, "td");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "nz-select", 36);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_11_tr_15_Template_nz_select_ngModelChange_8_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r172);

          var data_r167 = ctx.$implicit;
          return data_r167.selectHotZoneIndex = $event;
        })("ngModelChange", function FormComponent_div_62_div_26_nz_table_11_tr_15_Template_nz_select_ngModelChange_8_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r172);

          var ctx_r177 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

          return ctx_r177.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](9, FormComponent_div_62_div_26_nz_table_11_tr_15_nz_option_9_Template, 1, 2, "nz-option", 37);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](10, "td", 87);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](11, "a", 90);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("nzOnConfirm", function FormComponent_div_62_div_26_nz_table_11_tr_15_Template_a_nzOnConfirm_11_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r172);

          var i_r168 = ctx.index;

          var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](3).$implicit;

          var ctx_r178 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r178.deleteHotZoneConfigItem(it_r13, i_r168);
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](12, "\u5220\u9664");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var data_r167 = ctx.$implicit;
        var i_r168 = ctx.index;

        var ctx_r166 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](i_r168 + 1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r167.isCheck);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r167.score);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r167.selectHotZoneIndex);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", ctx_r166.item.hotZoneItemArr);
      }
    }

    function FormComponent_div_62_div_26_nz_table_11_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "nz-table", 83, 84);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "thead");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "tr");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "th", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](5, "\u5E8F\u53F7");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "th", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](7, "\u6B63\u786E\u7B54\u6848");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "th", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](9, "\u5206\u6570");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](10, "th");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](11, "\u70ED\u533A\u7D22\u5F15");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](12, "th", 87);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](13, "\u64CD\u4F5C");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](14, "tbody");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](15, FormComponent_div_62_div_26_nz_table_11_tr_15_Template, 13, 5, "tr", 88);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var _r165 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵreference"](1);

        var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2).$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzData", it_r13.contentList)("nzFrontPagination", false)("nzShowPagination", false);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](15);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", _r165.data);
      }
    }

    function FormComponent_div_62_div_26_nz_table_12_tr_19_nz_option_7_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "nz-option", 91);
      }

      if (rf & 2) {
        var itOption_r188 = ctx.$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", itOption_r188.index)("nzLabel", itOption_r188.itemName);
      }
    }

    function FormComponent_div_62_div_26_nz_table_12_tr_19_nz_option_10_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "nz-option", 91);
      }

      if (rf & 2) {
        var itOption_r189 = ctx.$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", itOption_r189.index)("nzLabel", itOption_r189.itemName);
      }
    }

    function FormComponent_div_62_div_26_nz_table_12_tr_19_nz_option_13_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "nz-option", 91);
      }

      if (rf & 2) {
        var itOption_r190 = ctx.$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", itOption_r190.index)("nzLabel", itOption_r190.itemName);
      }
    }

    function FormComponent_div_62_div_26_nz_table_12_tr_19_Template(rf, ctx) {
      if (rf & 1) {
        var _r192 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "tr");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "td", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "td", 98);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "input", 89);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_12_tr_19_Template_input_ngModelChange_4_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r192);

          var data_r183 = ctx.$implicit;
          return data_r183.score = $event;
        })("blur", function FormComponent_div_62_div_26_nz_table_12_tr_19_Template_input_blur_4_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r192);

          var ctx_r193 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

          return ctx_r193.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](5, "td");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "nz-select", 36);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_12_tr_19_Template_nz_select_ngModelChange_6_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r192);

          var data_r183 = ctx.$implicit;
          return data_r183.selectStartHotZoneIndex = $event;
        })("ngModelChange", function FormComponent_div_62_div_26_nz_table_12_tr_19_Template_nz_select_ngModelChange_6_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r192);

          var ctx_r195 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

          return ctx_r195.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](7, FormComponent_div_62_div_26_nz_table_12_tr_19_nz_option_7_Template, 1, 2, "nz-option", 37);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "td");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](9, "nz-select", 36);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_12_tr_19_Template_nz_select_ngModelChange_9_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r192);

          var data_r183 = ctx.$implicit;
          return data_r183.selectEndHotZoneIndex = $event;
        })("ngModelChange", function FormComponent_div_62_div_26_nz_table_12_tr_19_Template_nz_select_ngModelChange_9_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r192);

          var ctx_r197 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

          return ctx_r197.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](10, FormComponent_div_62_div_26_nz_table_12_tr_19_nz_option_10_Template, 1, 2, "nz-option", 37);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](11, "td");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](12, "nz-select", 36);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_12_tr_19_Template_nz_select_ngModelChange_12_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r192);

          var data_r183 = ctx.$implicit;
          return data_r183.selectEndHotZoneShowIndex = $event;
        })("ngModelChange", function FormComponent_div_62_div_26_nz_table_12_tr_19_Template_nz_select_ngModelChange_12_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r192);

          var ctx_r199 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

          return ctx_r199.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](13, FormComponent_div_62_div_26_nz_table_12_tr_19_nz_option_13_Template, 1, 2, "nz-option", 37);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](14, "td");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](15, "input", 89);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_12_tr_19_Template_input_ngModelChange_15_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r192);

          var data_r183 = ctx.$implicit;
          return data_r183.linkedShowText = $event;
        })("blur", function FormComponent_div_62_div_26_nz_table_12_tr_19_Template_input_blur_15_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r192);

          var ctx_r201 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

          return ctx_r201.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](16, "td", 87);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](17, "a", 90);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("nzOnConfirm", function FormComponent_div_62_div_26_nz_table_12_tr_19_Template_a_nzOnConfirm_17_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r192);

          var i_r184 = ctx.index;

          var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](3).$implicit;

          var ctx_r202 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r202.deleteHotZoneConfigItem(it_r13, i_r184);
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](18, "\u5220\u9664");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var data_r183 = ctx.$implicit;
        var i_r184 = ctx.index;

        var ctx_r182 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](i_r184 + 1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r183.score);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r183.selectStartHotZoneIndex);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", ctx_r182.item.hotZoneItemArr);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r183.selectEndHotZoneIndex);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", ctx_r182.item.hotZoneItemArr);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r183.selectEndHotZoneShowIndex);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", ctx_r182.item.hotZoneItemArr);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r183.linkedShowText);
      }
    }

    function FormComponent_div_62_div_26_nz_table_12_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "nz-table", 83, 84);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "thead");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "tr");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "th", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](5, "\u5E8F\u53F7");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "th", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](7, "\u5206\u6570");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "th", 86);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](9, "\u70ED\u533A\u8D77\u70B9");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](10, "th", 86);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](11, "\u70ED\u533A\u7EC8\u70B9");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](12, "th", 86);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](13, "\u88AB\u8FDE\u63A5\u663E\u793A\u70ED\u533A(\u53EF\u9009)");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](14, "th", 86);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](15, "\u88AB\u8FDE\u63A5\u663E\u793A\u5185\u5BB9(\u53EF\u9009)");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](16, "th", 87);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](17, "\u64CD\u4F5C");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](18, "tbody");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](19, FormComponent_div_62_div_26_nz_table_12_tr_19_Template, 19, 9, "tr", 88);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var _r181 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵreference"](1);

        var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2).$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzData", it_r13.contentList)("nzFrontPagination", false)("nzShowPagination", false);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](19);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", _r181.data);
      }
    }

    function FormComponent_div_62_div_26_nz_table_13_tr_19_nz_option_7_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "nz-option", 91);
      }

      if (rf & 2) {
        var itOption_r213 = ctx.$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", itOption_r213.index)("nzLabel", itOption_r213.itemName);
      }
    }

    function FormComponent_div_62_div_26_nz_table_13_tr_19_nz_option_10_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "nz-option", 91);
      }

      if (rf & 2) {
        var itOption_r214 = ctx.$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", itOption_r214.index)("nzLabel", itOption_r214.itemName);
      }
    }

    function FormComponent_div_62_div_26_nz_table_13_tr_19_nz_option_13_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "nz-option", 91);
      }

      if (rf & 2) {
        var itOption_r215 = ctx.$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", itOption_r215.index)("nzLabel", itOption_r215.itemName);
      }
    }

    function FormComponent_div_62_div_26_nz_table_13_tr_19_nz_option_16_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "nz-option", 91);
      }

      if (rf & 2) {
        var itOption_r216 = ctx.$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", itOption_r216.index)("nzLabel", itOption_r216.itemName);
      }
    }

    function FormComponent_div_62_div_26_nz_table_13_tr_19_Template(rf, ctx) {
      if (rf & 1) {
        var _r218 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "tr");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "td", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "td", 98);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "input", 89);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_13_tr_19_Template_input_ngModelChange_4_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r218);

          var data_r207 = ctx.$implicit;
          return data_r207.score = $event;
        })("blur", function FormComponent_div_62_div_26_nz_table_13_tr_19_Template_input_blur_4_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r218);

          var ctx_r219 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

          return ctx_r219.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](5, "td");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "nz-select", 36);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_13_tr_19_Template_nz_select_ngModelChange_6_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r218);

          var data_r207 = ctx.$implicit;
          return data_r207.selectStartHotZoneIndex_1 = $event;
        })("ngModelChange", function FormComponent_div_62_div_26_nz_table_13_tr_19_Template_nz_select_ngModelChange_6_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r218);

          var ctx_r221 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

          return ctx_r221.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](7, FormComponent_div_62_div_26_nz_table_13_tr_19_nz_option_7_Template, 1, 2, "nz-option", 37);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "td");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](9, "nz-select", 36);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_13_tr_19_Template_nz_select_ngModelChange_9_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r218);

          var data_r207 = ctx.$implicit;
          return data_r207.selectEndHotZoneIndex_1 = $event;
        })("ngModelChange", function FormComponent_div_62_div_26_nz_table_13_tr_19_Template_nz_select_ngModelChange_9_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r218);

          var ctx_r223 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

          return ctx_r223.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](10, FormComponent_div_62_div_26_nz_table_13_tr_19_nz_option_10_Template, 1, 2, "nz-option", 37);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](11, "td");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](12, "nz-select", 36);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_13_tr_19_Template_nz_select_ngModelChange_12_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r218);

          var data_r207 = ctx.$implicit;
          return data_r207.selectStartHotZoneIndex_2 = $event;
        })("ngModelChange", function FormComponent_div_62_div_26_nz_table_13_tr_19_Template_nz_select_ngModelChange_12_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r218);

          var ctx_r225 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

          return ctx_r225.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](13, FormComponent_div_62_div_26_nz_table_13_tr_19_nz_option_13_Template, 1, 2, "nz-option", 37);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](14, "td");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](15, "nz-select", 36);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_13_tr_19_Template_nz_select_ngModelChange_15_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r218);

          var data_r207 = ctx.$implicit;
          return data_r207.selectEndHotZoneIndex_2 = $event;
        })("ngModelChange", function FormComponent_div_62_div_26_nz_table_13_tr_19_Template_nz_select_ngModelChange_15_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r218);

          var ctx_r227 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

          return ctx_r227.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](16, FormComponent_div_62_div_26_nz_table_13_tr_19_nz_option_16_Template, 1, 2, "nz-option", 37);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](17, "td", 87);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](18, "a", 90);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("nzOnConfirm", function FormComponent_div_62_div_26_nz_table_13_tr_19_Template_a_nzOnConfirm_18_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r218);

          var i_r208 = ctx.index;

          var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](3).$implicit;

          var ctx_r228 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r228.deleteHotZoneConfigItem(it_r13, i_r208);
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](19, "\u5220\u9664");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var data_r207 = ctx.$implicit;
        var i_r208 = ctx.index;

        var ctx_r206 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](i_r208 + 1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r207.score);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r207.selectStartHotZoneIndex_1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", ctx_r206.item.hotZoneItemArr);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r207.selectEndHotZoneIndex_1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", ctx_r206.item.hotZoneItemArr);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r207.selectStartHotZoneIndex_2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", ctx_r206.item.hotZoneItemArr);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r207.selectEndHotZoneIndex_2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", ctx_r206.item.hotZoneItemArr);
      }
    }

    function FormComponent_div_62_div_26_nz_table_13_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "nz-table", 83, 84);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "thead");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "tr");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "th", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](5, "\u5E8F\u53F7");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "th", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](7, "\u5206\u6570");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "th", 86);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](9, "\u70ED\u533A\u8D77\u70B9-1");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](10, "th", 86);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](11, "\u70ED\u533A\u7EC8\u70B9-1");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](12, "th", 86);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](13, "\u70ED\u533A\u8D77\u70B9-2");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](14, "th", 86);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](15, "\u70ED\u533A\u7EC8\u70B9-2");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](16, "th", 87);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](17, "\u64CD\u4F5C");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](18, "tbody");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](19, FormComponent_div_62_div_26_nz_table_13_tr_19_Template, 20, 10, "tr", 88);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var _r205 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵreference"](1);

        var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2).$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzData", it_r13.contentList)("nzFrontPagination", false)("nzShowPagination", false);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](19);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", _r205.data);
      }
    }

    function FormComponent_div_62_div_26_nz_table_14_tr_13_nz_option_7_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "nz-option", 91);
      }

      if (rf & 2) {
        var itOption_r236 = ctx.$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", itOption_r236.index)("nzLabel", itOption_r236.itemName);
      }
    }

    function FormComponent_div_62_div_26_nz_table_14_tr_13_Template(rf, ctx) {
      if (rf & 1) {
        var _r238 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "tr");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "td", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "td", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "input", 89);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_14_tr_13_Template_input_ngModelChange_4_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r238);

          var data_r233 = ctx.$implicit;
          return data_r233.letter = $event;
        })("blur", function FormComponent_div_62_div_26_nz_table_14_tr_13_Template_input_blur_4_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r238);

          var ctx_r239 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

          return ctx_r239.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](5, "td", 86);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "nz-select", 36);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_14_tr_13_Template_nz_select_ngModelChange_6_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r238);

          var data_r233 = ctx.$implicit;
          return data_r233.selectHotZoneIndex = $event;
        })("ngModelChange", function FormComponent_div_62_div_26_nz_table_14_tr_13_Template_nz_select_ngModelChange_6_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r238);

          var ctx_r241 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

          return ctx_r241.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](7, FormComponent_div_62_div_26_nz_table_14_tr_13_nz_option_7_Template, 1, 2, "nz-option", 37);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "td", 87);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](9, "a", 90);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("nzOnConfirm", function FormComponent_div_62_div_26_nz_table_14_tr_13_Template_a_nzOnConfirm_9_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r238);

          var i_r234 = ctx.index;

          var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](3).$implicit;

          var ctx_r242 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r242.deleteHotZoneConfigItem(it_r13, i_r234);
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](10, "\u5220\u9664");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var data_r233 = ctx.$implicit;
        var i_r234 = ctx.index;

        var ctx_r232 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](i_r234 + 1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r233.letter);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r233.selectHotZoneIndex);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", ctx_r232.item.hotZoneItemArr);
      }
    }

    function FormComponent_div_62_div_26_nz_table_14_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "nz-table", 83, 84);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "thead");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "tr");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "th", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](5, "\u5E8F\u53F7");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "th", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](7, "\u6B63\u786E\u5B57\u6BCD");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "th", 86);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](9, "\u5173\u8054\u70ED\u533A");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](10, "th", 87);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](11, "\u64CD\u4F5C");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](12, "tbody");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](13, FormComponent_div_62_div_26_nz_table_14_tr_13_Template, 11, 4, "tr", 88);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var _r231 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵreference"](1);

        var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2).$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzData", it_r13.contentList)("nzFrontPagination", false)("nzShowPagination", false);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](13);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", _r231.data);
      }
    }

    function FormComponent_div_62_div_26_nz_table_15_tr_13_Template(rf, ctx) {
      if (rf & 1) {
        var _r250 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "tr");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "td", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "td", 98);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "input", 89);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_15_tr_13_Template_input_ngModelChange_4_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r250);

          var data_r247 = ctx.$implicit;
          return data_r247.sortIndex = $event;
        })("blur", function FormComponent_div_62_div_26_nz_table_15_tr_13_Template_input_blur_4_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r250);

          var ctx_r251 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

          return ctx_r251.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](5, "td");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "input", 89);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_15_tr_13_Template_input_ngModelChange_6_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r250);

          var data_r247 = ctx.$implicit;
          return data_r247.text = $event;
        })("blur", function FormComponent_div_62_div_26_nz_table_15_tr_13_Template_input_blur_6_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r250);

          var ctx_r253 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

          return ctx_r253.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](7, "td", 87);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "a", 90);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("nzOnConfirm", function FormComponent_div_62_div_26_nz_table_15_tr_13_Template_a_nzOnConfirm_8_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r250);

          var i_r248 = ctx.index;

          var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](3).$implicit;

          var ctx_r254 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r254.deleteHotZoneConfigItem(it_r13, i_r248);
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](9, "\u5220\u9664");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var data_r247 = ctx.$implicit;
        var i_r248 = ctx.index;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](i_r248 + 1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r247.sortIndex);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r247.text);
      }
    }

    function FormComponent_div_62_div_26_nz_table_15_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "nz-table", 83, 84);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "thead");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "tr");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "th", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](5, "\u5E8F\u53F7");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "th", 98);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](7, "\u6B63\u786E\u5E8F\u53F7");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "th");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](9, "\u6587\u5B57");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](10, "th", 87);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](11, "\u64CD\u4F5C");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](12, "tbody");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](13, FormComponent_div_62_div_26_nz_table_15_tr_13_Template, 10, 3, "tr", 88);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var _r245 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵreference"](1);

        var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2).$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzData", it_r13.contentList)("nzFrontPagination", false)("nzShowPagination", false);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](13);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", _r245.data);
      }
    }

    function FormComponent_div_62_div_26_nz_table_16_tr_15_nz_option_7_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "nz-option", 91);
      }

      if (rf & 2) {
        var itOption_r262 = ctx.$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", itOption_r262.index)("nzLabel", itOption_r262.itemName);
      }
    }

    function FormComponent_div_62_div_26_nz_table_16_tr_15_Template(rf, ctx) {
      if (rf & 1) {
        var _r264 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "tr");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "td", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "td", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "label", 40);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_16_tr_15_Template_label_ngModelChange_4_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r264);

          var data_r259 = ctx.$implicit;
          return data_r259.isCorrect = $event;
        })("ngModelChange", function FormComponent_div_62_div_26_nz_table_16_tr_15_Template_label_ngModelChange_4_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r264);

          var ctx_r265 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

          return ctx_r265.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](5, "td");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "nz-select", 36);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_16_tr_15_Template_nz_select_ngModelChange_6_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r264);

          var data_r259 = ctx.$implicit;
          return data_r259.selectHotZoneIndex = $event;
        })("ngModelChange", function FormComponent_div_62_div_26_nz_table_16_tr_15_Template_nz_select_ngModelChange_6_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r264);

          var ctx_r267 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

          return ctx_r267.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](7, FormComponent_div_62_div_26_nz_table_16_tr_15_nz_option_7_Template, 1, 2, "nz-option", 37);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "td");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](9, "input", 89);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_16_tr_15_Template_input_ngModelChange_9_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r264);

          var data_r259 = ctx.$implicit;
          return data_r259.linkedShowText = $event;
        })("blur", function FormComponent_div_62_div_26_nz_table_16_tr_15_Template_input_blur_9_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r264);

          var ctx_r269 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

          return ctx_r269.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](10, "td", 95);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](11, "a", 90);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("nzOnConfirm", function FormComponent_div_62_div_26_nz_table_16_tr_15_Template_a_nzOnConfirm_11_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r264);

          var i_r260 = ctx.index;

          var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](3).$implicit;

          var ctx_r270 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r270.deleteHotZoneConfigItem(it_r13, i_r260);
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](12, "\u5220\u9664");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var data_r259 = ctx.$implicit;
        var i_r260 = ctx.index;

        var ctx_r258 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](i_r260 + 1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r259.isCorrect);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r259.selectHotZoneIndex);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", ctx_r258.item.hotZoneItemArr);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r259.linkedShowText);
      }
    }

    function FormComponent_div_62_div_26_nz_table_16_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "nz-table", 83, 84);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "thead");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "tr");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "th", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](5, "\u5E8F\u53F7");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "th", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](7, "\u6B63\u786E\u7B54\u6848");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "th");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](9, "\u70ED\u533A\u7D22\u5F15");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](10, "th", 86);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](11, "\u88AB\u8FDE\u63A5\u663E\u793A\u5185\u5BB9(\u53EF\u9009)");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](12, "th", 87);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](13, "\u64CD\u4F5C");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](14, "tbody");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](15, FormComponent_div_62_div_26_nz_table_16_tr_15_Template, 13, 5, "tr", 88);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var _r257 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵreference"](1);

        var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2).$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzData", it_r13.contentList)("nzFrontPagination", false)("nzShowPagination", false);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](15);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", _r257.data);
      }
    }

    function FormComponent_div_62_div_26_nz_table_17_tr_15_nz_option_24_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "nz-option", 91);
      }

      if (rf & 2) {
        var itOption_r278 = ctx.$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", itOption_r278.index)("nzLabel", itOption_r278.itemName);
      }
    }

    function FormComponent_div_62_div_26_nz_table_17_tr_15_Template(rf, ctx) {
      if (rf & 1) {
        var _r280 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "tr");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "td", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "td", 98);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "input", 89);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_17_tr_15_Template_input_ngModelChange_4_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r280);

          var data_r275 = ctx.$implicit;
          return data_r275.score = $event;
        })("blur", function FormComponent_div_62_div_26_nz_table_17_tr_15_Template_input_blur_4_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r280);

          var ctx_r281 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

          return ctx_r281.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](5, "td", 86);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "input", 99);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_17_tr_15_Template_input_ngModelChange_6_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r280);

          var data_r275 = ctx.$implicit;
          return data_r275.inputText = $event;
        })("blur", function FormComponent_div_62_div_26_nz_table_17_tr_15_Template_input_blur_6_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r280);

          var ctx_r283 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

          return ctx_r283.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](7, "div");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "label", 78);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_17_tr_15_Template_label_ngModelChange_8_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r280);

          var data_r275 = ctx.$implicit;
          return data_r275.keyWordMatch = $event;
        })("ngModelChange", function FormComponent_div_62_div_26_nz_table_17_tr_15_Template_label_ngModelChange_8_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r280);

          var ctx_r285 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

          return ctx_r285.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](9, "\u5173\u952E\u8BCD\u5339\u914D");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](10, "label", 78);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_17_tr_15_Template_label_ngModelChange_10_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r280);

          var data_r275 = ctx.$implicit;
          return data_r275.keyWordMatchInOrder = $event;
        })("ngModelChange", function FormComponent_div_62_div_26_nz_table_17_tr_15_Template_label_ngModelChange_10_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r280);

          var ctx_r287 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

          return ctx_r287.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](11, "\u6709\u5E8F\u5173\u952E\u8BCD");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](12, "label", 78);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_17_tr_15_Template_label_ngModelChange_12_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r280);

          var data_r275 = ctx.$implicit;
          return data_r275.isCaseInsensitive = $event;
        })("ngModelChange", function FormComponent_div_62_div_26_nz_table_17_tr_15_Template_label_ngModelChange_12_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r280);

          var ctx_r289 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

          return ctx_r289.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](13, "\u4E0D\u533A\u5206\u5927\u5C0F\u5199");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](14, "label", 78);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_17_tr_15_Template_label_ngModelChange_14_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r280);

          var data_r275 = ctx.$implicit;
          return data_r275.openAnswer = $event;
        })("ngModelChange", function FormComponent_div_62_div_26_nz_table_17_tr_15_Template_label_ngModelChange_14_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r280);

          var ctx_r291 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

          return ctx_r291.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](15, "\u5F00\u653E\u6027\u7B54\u6848");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](16, "label", 78);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_17_tr_15_Template_label_ngModelChange_16_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r280);

          var data_r275 = ctx.$implicit;
          return data_r275.capitalizedFirstLetter = $event;
        })("ngModelChange", function FormComponent_div_62_div_26_nz_table_17_tr_15_Template_label_ngModelChange_16_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r280);

          var ctx_r293 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

          return ctx_r293.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](17, "\u9996\u5B57\u6BCD\u5927\u5199");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](18, "label", 78);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_17_tr_15_Template_label_ngModelChange_18_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r280);

          var data_r275 = ctx.$implicit;
          return data_r275.notAdaptContraction = $event;
        })("ngModelChange", function FormComponent_div_62_div_26_nz_table_17_tr_15_Template_label_ngModelChange_18_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r280);

          var ctx_r295 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

          return ctx_r295.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](19, "\u4E0D\u8FDB\u884C\u7F29\u5199\u9002\u914D");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](20, "label", 78);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_17_tr_15_Template_label_ngModelChange_20_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r280);

          var data_r275 = ctx.$implicit;
          return data_r275.textAlignLeft = $event;
        })("ngModelChange", function FormComponent_div_62_div_26_nz_table_17_tr_15_Template_label_ngModelChange_20_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r280);

          var ctx_r297 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

          return ctx_r297.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](21, "\u6587\u5B57\u9760\u5DE6\u5BF9\u9F50");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](22, "td", 98);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](23, "nz-select", 36);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_26_nz_table_17_tr_15_Template_nz_select_ngModelChange_23_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r280);

          var data_r275 = ctx.$implicit;
          return data_r275.selectHotZoneIndex = $event;
        })("ngModelChange", function FormComponent_div_62_div_26_nz_table_17_tr_15_Template_nz_select_ngModelChange_23_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r280);

          var ctx_r299 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

          return ctx_r299.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](24, FormComponent_div_62_div_26_nz_table_17_tr_15_nz_option_24_Template, 1, 2, "nz-option", 37);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](25, "td", 95);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](26, "a", 90);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("nzOnConfirm", function FormComponent_div_62_div_26_nz_table_17_tr_15_Template_a_nzOnConfirm_26_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r280);

          var i_r276 = ctx.index;

          var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](3).$implicit;

          var ctx_r300 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r300.deleteHotZoneConfigItem(it_r13, i_r276);
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](27, "\u5220\u9664");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var data_r275 = ctx.$implicit;
        var i_r276 = ctx.index;

        var ctx_r274 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](4);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](i_r276 + 1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r275.score);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r275.inputText);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r275.keyWordMatch);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r275.keyWordMatchInOrder);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r275.isCaseInsensitive);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r275.openAnswer);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r275.capitalizedFirstLetter);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r275.notAdaptContraction);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r275.textAlignLeft);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", data_r275.selectHotZoneIndex);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", ctx_r274.item.hotZoneItemArr);
      }
    }

    function FormComponent_div_62_div_26_nz_table_17_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "nz-table", 83, 84);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "thead");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "tr");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "th", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](5, "\u5E8F\u53F7");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "th", 85);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](7, "\u5206\u6570");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "th", 86);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](9, "\u6587\u5B57");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](10, "th", 98);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](11, "\u70ED\u533A\u7D22\u5F15");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](12, "th", 87);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](13, "\u64CD\u4F5C");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](14, "tbody");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](15, FormComponent_div_62_div_26_nz_table_17_tr_15_Template, 28, 12, "tr", 88);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var _r273 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵreference"](1);

        var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2).$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzData", it_r13.contentList)("nzFrontPagination", false)("nzShowPagination", false);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](15);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", _r273.data);
      }
    }

    function FormComponent_div_62_div_26_Template(rf, ctx) {
      if (rf & 1) {
        var _r305 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 79);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div", 80);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "span", 81);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](3, "\u5185\u5BB9\u6E05\u5355");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "button", 82);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function FormComponent_div_62_div_26_Template_button_click_4_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r305);

          var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

          var ctx_r303 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r303.addHotZoneConfigItem(it_r13);
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](5, "span", 25);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](6, " \u6DFB\u52A0\u5185\u5BB9 ");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](7, FormComponent_div_62_div_26_nz_table_7_Template, 19, 9, "nz-table", 92);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](8, FormComponent_div_62_div_26_nz_table_8_Template, 16, 4, "nz-table", 92);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](9, FormComponent_div_62_div_26_nz_table_9_Template, 14, 4, "nz-table", 92);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](10, FormComponent_div_62_div_26_nz_table_10_Template, 14, 4, "nz-table", 92);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](11, FormComponent_div_62_div_26_nz_table_11_Template, 16, 4, "nz-table", 92);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](12, FormComponent_div_62_div_26_nz_table_12_Template, 20, 4, "nz-table", 92);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](13, FormComponent_div_62_div_26_nz_table_13_Template, 20, 4, "nz-table", 92);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](14, FormComponent_div_62_div_26_nz_table_14_Template, 14, 4, "nz-table", 92);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](15, FormComponent_div_62_div_26_nz_table_15_Template, 14, 4, "nz-table", 92);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](16, FormComponent_div_62_div_26_nz_table_16_Template, 16, 4, "nz-table", 92);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](17, FormComponent_div_62_div_26_nz_table_17_Template, 16, 4, "nz-table", 92);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

        var ctx_r17 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](7);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", it_r13.hotZoneType == ctx_r17.TEXT_SELECT);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", it_r13.hotZoneType == ctx_r17.RIGHT_OR_WRONG);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", it_r13.hotZoneType == ctx_r17.IMAGE_SELECT);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", it_r13.hotZoneType == ctx_r17.HOT_ZONE_RADIO);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", it_r13.hotZoneType == ctx_r17.HOT_ZONE_CHECKBOX);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", it_r13.hotZoneType == ctx_r17.CONNECTION);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", it_r13.hotZoneType == ctx_r17.CONNECTION_2LEVEL);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", it_r13.hotZoneType == ctx_r17.CROSSWORD_PUZZLE);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", it_r13.hotZoneType == ctx_r17.SORT_WORDS);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", it_r13.hotZoneType == ctx_r17.CONNECTION_CHOICE);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", it_r13.hotZoneType == ctx_r17.TEXTINPUT_GROUP);
      }
    }

    function FormComponent_div_62_div_27_Template(rf, ctx) {
      if (rf & 1) {
        var _r308 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 100);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "app-audio-recorder", 101);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("audioUploaded", function FormComponent_div_62_div_27_Template_app_audio_recorder_audioUploaded_1_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r308);

          var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

          var ctx_r307 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r307.onAudioUploadSuccess($event, "audio_url", it_r13);
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("audioUrl", it_r13.audio_url);
      }
    }

    function FormComponent_div_62_div_28_Template(rf, ctx) {
      if (rf & 1) {
        var _r312 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 100);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "app-upload-video", 102);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("videoUploaded", function FormComponent_div_62_div_28_Template_app_upload_video_videoUploaded_1_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r312);

          var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

          var ctx_r311 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r311.onVideoUploadSuccess($event, "video_url", it_r13);
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("videoUrl", it_r13.video_url);
      }
    }

    function FormComponent_div_62_div_29_Template(rf, ctx) {
      if (rf & 1) {
        var _r317 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 7);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "span", 8);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2, "\u5F85\u9009\u9879\u6837\u5F0F\uFF1A");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "nz-radio-group", 103);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_29_Template_nz_radio_group_ngModelChange_3_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r317);

          var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

          return it_r13.unselectedStyle = $event;
        })("ngModelChange", function FormComponent_div_62_div_29_Template_nz_radio_group_ngModelChange_3_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r317);

          var ctx_r318 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2);

          return ctx_r318.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "label", 104);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](5, "\u65E0\u6837\u5F0F");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "label", 105);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](7, "\u7070\u8272\u906E\u7F69");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "label", 106);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](9, "\u8FB9\u6846");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", it_r13.unselectedStyle);
      }
    }

    function FormComponent_div_62_div_30_Template(rf, ctx) {
      if (rf & 1) {
        var _r322 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 7);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "span", 8);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2, "\u9009\u4E2D\u6837\u5F0F\uFF1A");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "nz-radio-group", 103);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_30_Template_nz_radio_group_ngModelChange_3_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r322);

          var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

          return it_r13.selectedStyle = $event;
        })("ngModelChange", function FormComponent_div_62_div_30_Template_nz_radio_group_ngModelChange_3_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r322);

          var ctx_r323 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2);

          return ctx_r323.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "label", 106);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](5, "\u8FB9\u6846");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "label", 107);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](7, "\u5BF9\u53F7");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", it_r13.selectedStyle);
      }
    }

    function FormComponent_div_62_div_31_Template(rf, ctx) {
      if (rf & 1) {
        var _r327 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 7);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "span", 8);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2, "\u9009\u4E2D\u6837\u5F0F\uFF1A");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "nz-radio-group", 103);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_31_Template_nz_radio_group_ngModelChange_3_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r327);

          var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

          return it_r13.rightOrWrongStyleType = $event;
        })("ngModelChange", function FormComponent_div_62_div_31_Template_nz_radio_group_ngModelChange_3_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r327);

          var ctx_r328 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2);

          return ctx_r328.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "label", 108);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](5, "\u5BF9/\u9519\u53F7");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "label", 109);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](7, "\u7B11/\u54ED\u8138");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "label", 110);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](9, "T/F");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](10, "label", 111);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](11, "Yes/No");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", it_r13.rightOrWrongStyleType);
      }
    }

    function FormComponent_div_62_div_32_Template(rf, ctx) {
      if (rf & 1) {
        var _r332 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 7);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "span", 8);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2, "\u6B63\u786E\u6587\u5B57\uFF1A");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "input", 9);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_32_Template_input_ngModelChange_3_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r332);

          var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

          return it_r13.inputText = $event;
        })("blur", function FormComponent_div_62_div_32_Template_input_blur_3_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r332);

          var ctx_r333 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2);

          return ctx_r333.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "label", 78);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_32_Template_label_ngModelChange_4_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r332);

          var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

          return it_r13.keyWordMatch = $event;
        })("ngModelChange", function FormComponent_div_62_div_32_Template_label_ngModelChange_4_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r332);

          var ctx_r336 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2);

          return ctx_r336.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](5, "\u5173\u952E\u8BCD\u5339\u914D");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "label", 78);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_32_Template_label_ngModelChange_6_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r332);

          var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

          return it_r13.keyWordMatchInOrder = $event;
        })("ngModelChange", function FormComponent_div_62_div_32_Template_label_ngModelChange_6_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r332);

          var ctx_r339 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2);

          return ctx_r339.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](7, "\u6709\u5E8F\u5173\u952E\u8BCD");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "label", 78);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_32_Template_label_ngModelChange_8_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r332);

          var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

          return it_r13.isCaseInsensitive = $event;
        })("ngModelChange", function FormComponent_div_62_div_32_Template_label_ngModelChange_8_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r332);

          var ctx_r342 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2);

          return ctx_r342.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](9, "\u4E0D\u533A\u5206\u5927\u5C0F\u5199");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](10, "label", 78);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_32_Template_label_ngModelChange_10_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r332);

          var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

          return it_r13.openAnswer = $event;
        })("ngModelChange", function FormComponent_div_62_div_32_Template_label_ngModelChange_10_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r332);

          var ctx_r345 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2);

          return ctx_r345.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](11, "\u5F00\u653E\u6027\u7B54\u6848");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](12, "label", 78);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_32_Template_label_ngModelChange_12_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r332);

          var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

          return it_r13.capitalizedFirstLetter = $event;
        })("ngModelChange", function FormComponent_div_62_div_32_Template_label_ngModelChange_12_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r332);

          var ctx_r348 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2);

          return ctx_r348.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](13, "\u9996\u5B57\u6BCD\u5927\u5199");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](14, "label", 78);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_32_Template_label_ngModelChange_14_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r332);

          var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

          return it_r13.notAdaptContraction = $event;
        })("ngModelChange", function FormComponent_div_62_div_32_Template_label_ngModelChange_14_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r332);

          var ctx_r351 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2);

          return ctx_r351.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](15, "\u4E0D\u8FDB\u884C\u7F29\u5199\u9002\u914D");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](16, "label", 78);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_32_Template_label_ngModelChange_16_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r332);

          var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

          return it_r13.textAlignLeft = $event;
        })("ngModelChange", function FormComponent_div_62_div_32_Template_label_ngModelChange_16_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r332);

          var ctx_r354 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2);

          return ctx_r354.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](17, "\u6587\u5B57\u9760\u5DE6\u5BF9\u9F50");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", it_r13.inputText);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", it_r13.keyWordMatch);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", it_r13.keyWordMatchInOrder);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", it_r13.isCaseInsensitive);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", it_r13.openAnswer);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", it_r13.capitalizedFirstLetter);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", it_r13.notAdaptContraction);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", it_r13.textAlignLeft);
      }
    }

    function FormComponent_div_62_div_33_Template(rf, ctx) {
      if (rf & 1) {
        var _r358 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 7);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "span", 8);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2, "\u6B63\u786E\u989C\u8272\uFF1A");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "nz-select", 112);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_33_Template_nz_select_ngModelChange_3_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r358);

          var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

          return it_r13.drawingCheckCorrectColors = $event;
        })("ngModelChange", function FormComponent_div_62_div_33_Template_nz_select_ngModelChange_3_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r358);

          var ctx_r359 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2);

          return ctx_r359.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](4, "nz-option", 113);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](5, "nz-option", 114);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](6, "nz-option", 115);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](7, "nz-option", 116);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](8, "nz-option", 117);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](9, "nz-option", 118);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](10, "nz-option", 119);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](11, "nz-option", 120);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](12, "nz-option", 121);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](13, "label", 78);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_33_Template_label_ngModelChange_13_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r358);

          var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

          return it_r13.drawingCheckStrictEqual = $event;
        })("ngModelChange", function FormComponent_div_62_div_33_Template_label_ngModelChange_13_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r358);

          var ctx_r362 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2);

          return ctx_r362.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](14, "\u989C\u8272\u4E25\u683C\u76F8\u7B49");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", it_r13.drawingCheckCorrectColors);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](10);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", it_r13.drawingCheckStrictEqual);
      }
    }

    function FormComponent_div_62_div_34_nz_option_4_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "nz-option", 91);
      }

      if (rf & 2) {
        var itOption_r365 = ctx.$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", itOption_r365.index)("nzLabel", itOption_r365.itemName);
      }
    }

    function FormComponent_div_62_div_34_Template(rf, ctx) {
      if (rf & 1) {
        var _r368 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 7);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "span", 8);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2, "\u5173\u8054\u70ED\u533A\uFF1A");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "nz-select", 122);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_34_Template_nz_select_ngModelChange_3_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r368);

          var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

          return it_r13.linkHotZoneIndex = $event;
        })("ngModelChange", function FormComponent_div_62_div_34_Template_nz_select_ngModelChange_3_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r368);

          var ctx_r369 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2);

          return ctx_r369.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](4, FormComponent_div_62_div_34_nz_option_4_Template, 1, 2, "nz-option", 37);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

        var ctx_r25 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", it_r13.linkHotZoneIndex);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", ctx_r25.item.hotZoneItemArr);
      }
    }

    function FormComponent_div_62_div_35_nz_option_4_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "nz-option", 91);
      }

      if (rf & 2) {
        var itOption_r372 = ctx.$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", itOption_r372.index)("nzLabel", itOption_r372.itemName);
      }
    }

    function FormComponent_div_62_div_35_Template(rf, ctx) {
      if (rf & 1) {
        var _r375 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 7);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "span", 8);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2, "\u5DF2\u586B\u663E\u793A\u70ED\u533A\uFF1A");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "nz-select", 122);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_35_Template_nz_select_ngModelChange_3_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r375);

          var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

          return it_r13.linkHotZoneShowIndex = $event;
        })("ngModelChange", function FormComponent_div_62_div_35_Template_nz_select_ngModelChange_3_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r375);

          var ctx_r376 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2);

          return ctx_r376.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](4, FormComponent_div_62_div_35_nz_option_4_Template, 1, 2, "nz-option", 37);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

        var ctx_r26 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", it_r13.linkHotZoneShowIndex);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", ctx_r26.item.hotZoneItemArr);
      }
    }

    function FormComponent_div_62_div_36_nz_option_4_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "nz-option", 91);
      }

      if (rf & 2) {
        var itOption_r379 = ctx.$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", itOption_r379.index)("nzLabel", itOption_r379.itemName);
      }
    }

    function FormComponent_div_62_div_36_Template(rf, ctx) {
      if (rf & 1) {
        var _r382 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 7);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "span", 8);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2, "\u68C0\u67E5\u7ED3\u679C\u663E\u793A\u70ED\u533A\uFF1A");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "nz-select", 122);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_36_Template_nz_select_ngModelChange_3_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r382);

          var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

          return it_r13.linkResultShowHotZoneIndex = $event;
        })("ngModelChange", function FormComponent_div_62_div_36_Template_nz_select_ngModelChange_3_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r382);

          var ctx_r383 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2);

          return ctx_r383.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](4, FormComponent_div_62_div_36_nz_option_4_Template, 1, 2, "nz-option", 37);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

        var ctx_r27 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", it_r13.linkResultShowHotZoneIndex);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", ctx_r27.item.hotZoneItemArr);
      }
    }

    function FormComponent_div_62_div_37_Template(rf, ctx) {
      if (rf & 1) {
        var _r387 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 7);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "span", 8);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2, "\u5206\u6570\uFF1A");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "input", 9);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_div_37_Template_input_ngModelChange_3_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r387);

          var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

          return it_r13.score = $event;
        })("blur", function FormComponent_div_62_div_37_Template_input_blur_3_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r387);

          var ctx_r388 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2);

          return ctx_r388.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var it_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", it_r13.score);
      }
    }

    function FormComponent_div_62_Template(rf, ctx) {
      if (rf & 1) {
        var _r391 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 52);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "span", 53);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "div", 7);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "span", 8);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](5, "\u70ED\u533A\u5185\u5BB9\u7C7B\u578B\uFF1A");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "nz-select", 54);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_62_Template_nz_select_ngModelChange_6_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r391);

          var it_r13 = ctx.$implicit;
          return it_r13.hotZoneType = $event;
        })("ngModelChange", function FormComponent_div_62_Template_nz_select_ngModelChange_6_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r391);

          var ctx_r392 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r392.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](7, "nz-option", 55);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](8, "nz-option", 56);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](9, "nz-option", 57);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](10, "nz-option", 58);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](11, "nz-option", 59);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](12, "nz-option", 60);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](13, "nz-option", 61);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](14, "nz-option", 62);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](15, "nz-option", 63);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](16, "nz-option", 64);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](17, "nz-option", 65);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](18, "nz-option", 66);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](19, "nz-option", 67);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](20, "nz-option", 68);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](21, "nz-option", 69);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](22, "nz-option", 70);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](23, "nz-option", 71);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](24, FormComponent_div_62_label_24_Template, 2, 1, "label", 72);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](25, FormComponent_div_62_div_25_Template, 23, 4, "div", 73);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](26, FormComponent_div_62_div_26_Template, 18, 11, "div", 73);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](27, FormComponent_div_62_div_27_Template, 2, 1, "div", 74);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](28, FormComponent_div_62_div_28_Template, 2, 1, "div", 74);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](29, FormComponent_div_62_div_29_Template, 10, 1, "div", 75);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](30, FormComponent_div_62_div_30_Template, 8, 1, "div", 75);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](31, FormComponent_div_62_div_31_Template, 12, 1, "div", 75);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](32, FormComponent_div_62_div_32_Template, 18, 8, "div", 75);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](33, FormComponent_div_62_div_33_Template, 15, 2, "div", 75);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](34, FormComponent_div_62_div_34_Template, 5, 2, "div", 75);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](35, FormComponent_div_62_div_35_Template, 5, 2, "div", 75);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](36, FormComponent_div_62_div_36_Template, 5, 2, "div", 75);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](37, FormComponent_div_62_div_37_Template, 4, 1, "div", 75);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](38, "button", 76);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("nzOnConfirm", function FormComponent_div_62_Template_button_nzOnConfirm_38_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r391);

          var i_r14 = ctx.index;

          var ctx_r393 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r393.copyHotZoneConfig(i_r14);
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](39, "\u590D\u5236");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](40, "button", 77);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("nzOnConfirm", function FormComponent_div_62_Template_button_nzOnConfirm_40_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r391);

          var i_r14 = ctx.index;

          var ctx_r394 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r394.deleteHotZoneConfig(i_r14);
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](41, "\u5220\u9664");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var it_r13 = ctx.$implicit;
        var i_r14 = ctx.index;

        var ctx_r4 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](i_r14 + 1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](4);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", it_r13.hotZoneType);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", ctx_r4.TEXT_SELECT);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", ctx_r4.AUDIO_PLAY);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", ctx_r4.VIDEO_PLAY);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", ctx_r4.HOT_ZONE_RADIO);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", ctx_r4.HOT_ZONE_CHECKBOX);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", ctx_r4.TEXTINPUT);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", ctx_r4.CONNECTION);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", ctx_r4.RIGHT_OR_WRONG);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", ctx_r4.CROSSWORD_PUZZLE);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", ctx_r4.SORT_WORDS);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", ctx_r4.PRONUNCIATION_ASSESSMENT);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", ctx_r4.CONNECTION_CHOICE);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", ctx_r4.TEXTINPUT_GROUP);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", ctx_r4.DRAWING);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", ctx_r4.DRAWING_CHECK);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", ctx_r4.CONNECTION_2LEVEL);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", ctx_r4.IMAGE_SELECT);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", it_r13.hotZoneType == ctx_r4.TEXT_SELECT);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", it_r13.hotZoneType == ctx_r4.TEXT_SELECT && it_r13.useSelectOptionList);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", it_r13.hotZoneType != "" && it_r13.hotZoneType != ctx_r4.AUDIO_PLAY && it_r13.hotZoneType != ctx_r4.VIDEO_PLAY && it_r13.hotZoneType != ctx_r4.DRAWING && it_r13.hotZoneType != ctx_r4.DRAWING_CHECK && it_r13.hotZoneType != ctx_r4.TEXTINPUT && it_r13.hotZoneType != ctx_r4.PRONUNCIATION_ASSESSMENT);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", it_r13.hotZoneType == ctx_r4.AUDIO_PLAY);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", it_r13.hotZoneType == ctx_r4.VIDEO_PLAY);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", it_r13.hotZoneType == ctx_r4.HOT_ZONE_RADIO || it_r13.hotZoneType == ctx_r4.HOT_ZONE_CHECKBOX);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", it_r13.hotZoneType == ctx_r4.HOT_ZONE_RADIO || it_r13.hotZoneType == ctx_r4.HOT_ZONE_CHECKBOX);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", it_r13.hotZoneType == ctx_r4.RIGHT_OR_WRONG);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", it_r13.hotZoneType == ctx_r4.TEXTINPUT || it_r13.hotZoneType == ctx_r4.PRONUNCIATION_ASSESSMENT);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", it_r13.hotZoneType == ctx_r4.DRAWING_CHECK);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", it_r13.hotZoneType != "" && it_r13.hotZoneType != ctx_r4.CROSSWORD_PUZZLE && it_r13.hotZoneType != ctx_r4.HOT_ZONE_RADIO && it_r13.hotZoneType != ctx_r4.HOT_ZONE_CHECKBOX && it_r13.hotZoneType != ctx_r4.CONNECTION && it_r13.hotZoneType != ctx_r4.CONNECTION_2LEVEL && it_r13.hotZoneType != ctx_r4.TEXT_SELECT && it_r13.hotZoneType != ctx_r4.RIGHT_OR_WRONG && it_r13.hotZoneType != ctx_r4.TEXTINPUT_GROUP);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", it_r13.hotZoneType == ctx_r4.CROSSWORD_PUZZLE || it_r13.hotZoneType == ctx_r4.CONNECTION_CHOICE);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", it_r13.hotZoneType == ctx_r4.HOT_ZONE_RADIO || it_r13.hotZoneType == ctx_r4.HOT_ZONE_CHECKBOX || it_r13.hotZoneType == ctx_r4.CONNECTION || it_r13.hotZoneType == ctx_r4.CONNECTION_2LEVEL || it_r13.hotZoneType == ctx_r4.RIGHT_OR_WRONG || it_r13.hotZoneType == ctx_r4.CROSSWORD_PUZZLE || it_r13.hotZoneType == ctx_r4.SORT_WORDS || it_r13.hotZoneType == ctx_r4.PRONUNCIATION_ASSESSMENT || it_r13.hotZoneType == ctx_r4.DRAWING_CHECK || it_r13.hotZoneType == ctx_r4.CONNECTION_CHOICE);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", it_r13.hotZoneType != "" && it_r13.hotZoneType != ctx_r4.AUDIO_PLAY && it_r13.hotZoneType != ctx_r4.VIDEO_PLAY && it_r13.hotZoneType != ctx_r4.DRAWING && it_r13.hotZoneType != ctx_r4.HOT_ZONE_CHECKBOX && it_r13.hotZoneType != ctx_r4.CONNECTION && it_r13.hotZoneType != ctx_r4.CONNECTION_2LEVEL && it_r13.hotZoneType != ctx_r4.TEXT_SELECT && it_r13.hotZoneType != ctx_r4.RIGHT_OR_WRONG && it_r13.hotZoneType != ctx_r4.TEXTINPUT_GROUP);
      }
    }

    function FormComponent_div_69_nz_option_5_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "nz-option", 91);
      }

      if (rf & 2) {
        var itOPtion_r399 = ctx.$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", itOPtion_r399.index)("nzLabel", itOPtion_r399.itemName);
      }
    }

    function FormComponent_div_69_nz_option_10_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "nz-option", 91);
      }

      if (rf & 2) {
        var i_r401 = ctx.index;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", i_r401)("nzLabel", i_r401 + 1);
      }
    }

    function FormComponent_div_69_Template(rf, ctx) {
      if (rf & 1) {
        var _r403 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 123);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div", 7);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "span", 124);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](3, "\u5206\u6570\u663E\u793A\u70ED\u533A\uFF1A");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "nz-select", 122);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_69_Template_nz_select_ngModelChange_4_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r403);

          var it_r395 = ctx.$implicit;
          return it_r395.linkHotZoneIndex = $event;
        })("ngModelChange", function FormComponent_div_69_Template_nz_select_ngModelChange_4_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r403);

          var ctx_r404 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r404.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](5, FormComponent_div_69_nz_option_5_Template, 1, 2, "nz-option", 37);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "div", 7);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](7, "span", 124);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](8, "\u5305\u542B\u7684\u9898\u76EE\u5185\u5BB9(\u5E8F\u53F7)\uFF1A");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](9, "nz-select", 125);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_div_69_Template_nz_select_ngModelChange_9_listener($event) {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r403);

          var it_r395 = ctx.$implicit;
          return it_r395.linkHotZoneIndexArr = $event;
        })("ngModelChange", function FormComponent_div_69_Template_nz_select_ngModelChange_9_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r403);

          var ctx_r406 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r406.save();
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](10, FormComponent_div_69_nz_option_10_Template, 1, 2, "nz-option", 37);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](11, "button", 126);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("nzOnConfirm", function FormComponent_div_69_Template_button_nzOnConfirm_11_listener() {
          _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r403);

          var i_r396 = ctx.index;

          var ctx_r407 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

          return ctx_r407.deleteScoreConfig(i_r396);
        });

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](12, "\u5220\u9664");

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }

      if (rf & 2) {
        var it_r395 = ctx.$implicit;

        var ctx_r5 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](4);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", it_r395.linkHotZoneIndex);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", ctx_r5.item.hotZoneItemArr);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](4);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", it_r395.linkHotZoneIndexArr);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", ctx_r5.item.hotZoneConfigArr);
      }
    }

    function FormComponent_nz_option_78_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "nz-option", 91);
      }

      if (rf & 2) {
        var item_r408 = ctx.$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", item_r408.value)("nzLabel", item_r408.label);
      }
    }

    function FormComponent_nz_option_83_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "nz-option", 91);
      }

      if (rf & 2) {
        var itOPtion_r409 = ctx.$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", itOPtion_r409.index)("nzLabel", itOPtion_r409.itemName);
      }
    }

    function FormComponent_nz_option_88_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "nz-option", 91);
      }

      if (rf & 2) {
        var itOPtion_r410 = ctx.$implicit;

        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzValue", itOPtion_r410.index)("nzLabel", itOPtion_r410.itemName);
      }
    }

    var FormComponent =
    /*@__PURE__*/
    function () {
      var FormComponent =
      /*#__PURE__*/
      function () {
        function FormComponent(appRef, changeDetectorRef, nzMessageService, modal) {
          _classCallCheck(this, FormComponent);

          this.appRef = appRef;
          this.changeDetectorRef = changeDetectorRef;
          this.nzMessageService = nzMessageService;
          this.modal = modal; // 储存数据用

          this.saveKey = "OP72"; // JSON粘贴数据模态框

          this.showPasteModal = false; // 直接设置JSON数据

          this.jsonData = ""; // 不覆盖背景数据

          this.withoutBgData = false; // 快速创建热区的字符串

          this.fastHotZoneStr = ""; // 显示配置检查模态框

          this.showConfigCheckModal = false; // 配置检查结果

          this.configCheckResult = ""; // 题目类型

          this.TEXT_SELECT = "0";
          this.IMAGE_SELECT = "1";
          this.AUDIO_PLAY = "2";
          this.HOT_ZONE_RADIO = "3";
          this.HOT_ZONE_CHECKBOX = "4";
          this.TEXTINPUT = "5";
          this.CONNECTION = "6";
          this.PRONUNCIATION_ASSESSMENT = "7";
          this.RIGHT_OR_WRONG = "8";
          this.CROSSWORD_PUZZLE = "9";
          this.SORT_WORDS = "10";
          this.CONNECTION_CHOICE = "11";
          this.TEXTINPUT_GROUP = "12";
          this.VIDEO_PLAY = "13";
          this.DRAWING = "14";
          this.DRAWING_CHECK = "15";
          this.CONNECTION_2LEVEL = "16"; // 评分体系

          this.RS_15_5L_FAF = "0";
          this.RS_20_5L_FAF = "4";
          this.RS_25_5L_FAF = "1";
          this.RS_30_5L_FAF = "2";
          this.RS_40_5L_FAF = "5";
          this.RS_100_3L_FAF = "3";
          this.RS_120_3L_FAF = "6"; // 评分体系 清单

          this.ratingSystemList = [{
            label: "15分 5段 - FAF",
            value: this.RS_15_5L_FAF
          }, {
            label: "20分 5段 - FAF",
            value: this.RS_20_5L_FAF
          }, {
            label: "25分 5段 - FAF",
            value: this.RS_25_5L_FAF
          }, {
            label: "30分 5段 - FAF",
            value: this.RS_30_5L_FAF
          }, {
            label: "40分 5段 - FAF",
            value: this.RS_40_5L_FAF
          }, {
            label: "100分 3段 - FAF",
            value: this.RS_100_3L_FAF
          }, {
            label: "120分 3段 - FAF",
            value: this.RS_120_3L_FAF
          }]; // 保存锁

          this.saveLock = true;
        }

        _createClass(FormComponent, [{
          key: "ngOnInit",
          value: function ngOnInit() {
            var _this53 = this;

            this.item = {}; // 获取存储的数据

            window.courseware.getData(function (data) {
              if (data) {
                _this53.item = data;
              }

              _this53.changeDetectorRef.markForCheck();

              _this53.changeDetectorRef.detectChanges();

              _this53.refresh();
            }, this.saveKey);
          }
        }, {
          key: "saveHotZone",
          value: function saveHotZone(group, e) {
            var bgItem = e.bgItem,
                hotZoneItemArr = e.hotZoneItemArr;
            group.bgItem = bgItem;
            group.hotZoneItemArr = hotZoneItemArr;
            this.save();
            this.nzMessageService.success('热区数据已保存');
          } // 快速创建热区

        }, {
          key: "handleFastCreatHotZoneItems",
          value: function handleFastCreatHotZoneItems() {
            var _this54 = this;

            this.fastHotZoneStr = this.fastHotZoneStr.replace(/，/g, ",");
            var hotZoneNames = this.fastHotZoneStr.split(",");
            hotZoneNames.forEach(function (hotZoneName, index) {
              _this54.customHotZone["addHotZone"](hotZoneName);
            });
            this.fastHotZoneStr = "";
            this.nzMessageService.success('创建成功，需要保存热区');
          } // 添加背景图切片

        }, {
          key: "addBgImageSlice",
          value: function addBgImageSlice() {
            if (!this.item.hotZoneBgSliceList) {
              this.item.hotZoneBgSliceList = [];
            }

            this.item.hotZoneBgSliceList.push({
              image_url: ""
            });
            this.save();
          } // 添加热区配置

        }, {
          key: "addHotZoneConfig",
          value: function addHotZoneConfig() {
            if (!this.item.hotZoneConfigArr) {
              this.item.hotZoneConfigArr = [];
            }

            this.item.hotZoneConfigArr.push({
              hotZoneType: "",
              linkHotZoneIndex: -1,
              audio_url: "",
              video_url: "",
              score: "0",
              unselectedStyle: "none",
              selectedStyle: "border",
              rightOrWrongStyleType: "symbol",
              inputText: "",
              keyWordMatch: false,
              isCaseInsensitive: false,
              openAnswer: false,
              useSelectOptionList: false,
              keyWordMatchInOrder: false,
              capitalizedFirstLetter: false,
              notAdaptContraction: false,
              textAlignLeft: false,
              selectOptionList: [],
              contentList: []
            });
            this.save();
          } // 添加热区配置

        }, {
          key: "deleteHotZoneConfig",
          value: function deleteHotZoneConfig(index) {
            if (!this.item.hotZoneConfigArr) {
              this.item.hotZoneConfigArr = [];
              return;
            }

            this.item.hotZoneConfigArr.splice(index, 1);
            this.save();
          } // 复制一个内容配置

        }, {
          key: "copyHotZoneConfig",
          value: function copyHotZoneConfig(index) {
            var copyItem = JSON.parse(JSON.stringify(this.item.hotZoneConfigArr[index]));
            this.item.hotZoneConfigArr.splice(index, 0, copyItem);
            this.save();
          } // 添加热区内容配置

        }, {
          key: "addHotZoneConfigItem",
          value: function addHotZoneConfigItem(it) {
            if (!it.contentList) {
              it.contentList = [];
            }

            it.contentList = [].concat(_toConsumableArray(it.contentList), [this.getDefaultConfigContentItem()]);
            this.save();
          } // 删除热区内容配置

        }, {
          key: "deleteHotZoneConfigItem",
          value: function deleteHotZoneConfigItem(it, index) {
            if (!it.contentList) {
              it.contentList = [];
            }

            it.contentList.splice(index, 1);
            it.contentList = _toConsumableArray(it.contentList);
            this.save();
          } // 添加文字选项

        }, {
          key: "addHotzoneSelectOption",
          value: function addHotzoneSelectOption(it) {
            if (!it.selectOptionList) {
              it.selectOptionList = [];
            }

            it.selectOptionList = [].concat(_toConsumableArray(it.selectOptionList), [{
              text: "",
              optionShowText: ""
            }]);
            this.save();
          } // 删除文字选项

        }, {
          key: "deleteHotzoneSelectOption",
          value: function deleteHotzoneSelectOption(it, index) {
            if (!it.selectOptionList) {
              it.selectOptionList = [];
            }

            it.selectOptionList.splice(index, 1);
            it.selectOptionList = _toConsumableArray(it.selectOptionList);
            this.save();
          } // 获取默认热区内容配置

        }, {
          key: "getDefaultConfigContentItem",
          value: function getDefaultConfigContentItem() {
            return {
              uuid: Object(uuid__WEBPACK_IMPORTED_MODULE_1__["v4"])(),
              text: "",
              optionShowText: "",
              image_url: "",
              hotZoneIndex: null,
              score: 0,
              isCorrect: false,
              isCheck: false,
              linkedShowText: "",
              selectStartHotZoneIndex: null,
              selectEndHotZoneIndex: null,
              selectEndHotZoneShowIndex: null,
              selectStartHotZoneIndex_1: null,
              selectEndHotZoneIndex_1: null,
              selectStartHotZoneIndex_2: null,
              selectEndHotZoneIndex_2: null,
              inputText: "",
              keyWordMatch: false,
              keyWordMatchInOrder: false,
              isCaseInsensitive: false,
              openAnswer: false,
              capitalizedFirstLetter: false,
              notAdaptContraction: false,
              textAlignLeft: false,
              drawingCheckCorrectColors: [],
              drawingCheckStrictEqual: false
            };
          } // 文字选择题 是否 使用独立选项配置

        }, {
          key: "handleUserSelectOptionListChange",
          value: function handleUserSelectOptionListChange(it) {
            // 新增的配置 修复已有模板缺少这个字段的问题 
            if (!it.selectOptionList) {
              it.selectOptionList = [];
            }

            this.save();
          } // 添加分数组

        }, {
          key: "addScoreConfig",
          value: function addScoreConfig() {
            if (!this.item.scoreConfigArr) {
              this.item.scoreConfigArr = [];
            }

            this.item.scoreConfigArr.push({
              linkHotZoneIndex: -1
            });
            this.save();
          } // 删除分数组

        }, {
          key: "deleteScoreConfig",
          value: function deleteScoreConfig(index) {
            if (!this.item.scoreConfigArr) {
              this.item.scoreConfigArr = [];
              return;
            }

            this.item.scoreConfigArr.splice(index, 1);
            this.save();
          } // 复制数据

        }, {
          key: "copyChangeData",
          value: function copyChangeData() {
            var jsonData = this.item;
            var oInput = document.createElement('input');
            oInput.value = JSON.stringify(jsonData);
            document.body.appendChild(oInput);
            oInput.select(); // 选择对象

            document.execCommand('Copy'); // 执行浏览器复制命令

            document.body.removeChild(oInput);
            this.nzMessageService.success('复制成功');
          } // 直接从JSON设置数据

        }, {
          key: "handlePasteData",
          value: function handlePasteData() {
            try {
              var data = JSON.parse(this.jsonData);

              if (this.withoutBgData) {
                var bgItem = JSON.parse(JSON.stringify(this.item.bgItem));
                data.bgItem = bgItem;
              }

              this.item = data;
              this.showPasteModal = false;
              this.nzMessageService.success('数据导入成功');
              this.save();
            } catch (e) {
              this.nzMessageService.error('导入失败，请检查是否是标准的JSON格式');
            }
          } // 点击检查配置

        }, {
          key: "handleConfigCheck",
          value: function handleConfigCheck() {
            var _this55 = this;

            this.configCheckResult = "";
            var hotZoneIndexErr = [];
            var scoreConfigErr = [];
            var otherInfo = [];
            var allScoreIndex = [];
            var totalScore = 0;
            this.item.scoreConfigArr.forEach(function (config) {
              if (Array.isArray(config.linkHotZoneIndexArr)) {
                // 检查内容配置序号配置是否正确
                allScoreIndex = allScoreIndex.concat(config.linkHotZoneIndexArr);
                config.linkHotZoneIndexArr.forEach(function (hotZoneConfigIndex) {
                  var hotZoneConfg = _this55.item.hotZoneConfigArr[hotZoneConfigIndex];

                  if (hotZoneConfg != undefined) {
                    switch (hotZoneConfg.hotZoneType) {
                      // 文字选项检查
                      case _this55.TEXT_SELECT:
                        hotZoneConfg.contentList.forEach(function (contentItem, contentIndex) {
                          // 分数检查
                          if (contentItem.score != null && !isNaN(Number(contentItem.score)) && Number(contentItem.score) > 0) {
                            totalScore += Number(contentItem.score);
                          } else {
                            scoreConfigErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, " - \u5185\u5BB9\u6E05\u5355").concat(contentIndex + 1, ": \u5206\u6570\u914D\u7F6E\u4E3A0\u6216\u8005\u6709\u5F02\u5E38"));
                          } // 热区配置检查


                          if (contentItem.selectHotZoneIndex == null || contentItem.selectHotZoneIndex == undefined || contentItem.selectHotZoneIndex < 0) {
                            hotZoneIndexErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, " - \u5185\u5BB9\u6E05\u5355").concat(contentIndex + 1, ": \u5173\u8054\u70ED\u533A\u4E3A\u7A7A"));
                          }
                        });
                        break;
                      // 热区单选

                      case _this55.HOT_ZONE_RADIO:
                        hotZoneConfg.contentList.forEach(function (contentItem, contentIndex) {
                          // 热区配置检查
                          if (contentItem.selectHotZoneIndex == null || contentItem.selectHotZoneIndex == undefined || contentItem.selectHotZoneIndex < 0) {
                            hotZoneIndexErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, " - \u5185\u5BB9\u6E05\u5355").concat(contentIndex + 1, ": \u5173\u8054\u70ED\u533A\u4E3A\u7A7A"));
                          }
                        }); // 分数检查

                        if (hotZoneConfg.score != null && !isNaN(Number(hotZoneConfg.score)) && Number(hotZoneConfg.score) > 0) {
                          totalScore += Number(hotZoneConfg.score);
                        } else {
                          scoreConfigErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, ": \u5206\u6570\u914D\u7F6E\u4E3A0\u6216\u8005\u6709\u5F02\u5E38"));
                        } // 结果显示热区配置检查


                        if (hotZoneConfg.linkResultShowHotZoneIndex == null || hotZoneConfg.linkResultShowHotZoneIndex == undefined || hotZoneConfg.linkResultShowHotZoneIndex < 0) {
                          hotZoneIndexErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, ": \u7ED3\u679C\u663E\u793A\u70ED\u533A\u4E3A\u7A7A"));
                        }

                        break;
                      // 热区多选

                      case _this55.HOT_ZONE_CHECKBOX:
                        hotZoneConfg.contentList.forEach(function (contentItem, contentIndex) {
                          // 分数检查
                          if (contentItem.score != null && !isNaN(Number(contentItem.score)) && Number(contentItem.score) > 0) {
                            totalScore += Number(contentItem.score);
                          } else {
                            scoreConfigErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, " - \u5185\u5BB9\u6E05\u5355").concat(contentIndex + 1, ": \u5206\u6570\u914D\u7F6E\u4E3A0\u6216\u8005\u6709\u5F02\u5E38"));
                          } // 热区配置检查


                          if (contentItem.selectHotZoneIndex == null || contentItem.selectHotZoneIndex == undefined || contentItem.selectHotZoneIndex < 0) {
                            hotZoneIndexErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, " - \u5185\u5BB9\u6E05\u5355").concat(contentIndex + 1, ": \u5173\u8054\u70ED\u533A\u4E3A\u7A7A"));
                          }
                        }); // 结果显示热区配置检查

                        if (hotZoneConfg.linkResultShowHotZoneIndex == null || hotZoneConfg.linkResultShowHotZoneIndex == undefined || hotZoneConfg.linkResultShowHotZoneIndex < 0) {
                          hotZoneIndexErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, ": \u7ED3\u679C\u663E\u793A\u70ED\u533A\u4E3A\u7A7A"));
                        }

                        break;
                      // 文字输入

                      case _this55.TEXTINPUT:
                        // 热区配置检查
                        if (hotZoneConfg.linkHotZoneIndex == null || hotZoneConfg.linkHotZoneIndex == undefined || hotZoneConfg.linkHotZoneIndex < 0) {
                          hotZoneIndexErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, ": \u5173\u8054\u70ED\u533A\u4E3A\u7A7A"));
                        } // 分数检查


                        if (hotZoneConfg.score != null && !isNaN(Number(hotZoneConfg.score)) && Number(hotZoneConfg.score) > 0) {
                          totalScore += Number(hotZoneConfg.score);
                        } else {
                          scoreConfigErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, ": \u5206\u6570\u914D\u7F6E\u4E3A0\u6216\u8005\u6709\u5F02\u5E38"));
                        }

                        break;
                      // 音频播放题型

                      case _this55.AUDIO_PLAY:
                        // 热区配置检查
                        if (hotZoneConfg.linkHotZoneIndex == null || hotZoneConfg.linkHotZoneIndex == undefined || hotZoneConfg.linkHotZoneIndex < 0) {
                          hotZoneIndexErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, ": \u5173\u8054\u70ED\u533A\u4E3A\u7A7A"));
                        }

                        break;
                      // 视频播放题型

                      case _this55.VIDEO_PLAY:
                        // 热区配置检查
                        if (hotZoneConfg.linkHotZoneIndex == null || hotZoneConfg.linkHotZoneIndex == undefined || hotZoneConfg.linkHotZoneIndex < 0) {
                          hotZoneIndexErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, ": \u5173\u8054\u70ED\u533A\u4E3A\u7A7A"));
                        }

                        break;
                      // 连线组

                      case _this55.CONNECTION:
                        hotZoneConfg.contentList.forEach(function (contentItem, contentIndex) {
                          // 分数检查
                          if (contentItem.score != null && !isNaN(Number(contentItem.score)) && Number(contentItem.score) > 0) {
                            totalScore += Number(contentItem.score);
                          } else {
                            scoreConfigErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, " - \u5185\u5BB9\u6E05\u5355").concat(contentIndex + 1, ": \u5206\u6570\u914D\u7F6E\u4E3A0\u6216\u8005\u6709\u5F02\u5E38"));
                          } // 起点热区配置检查


                          if (contentItem.selectStartHotZoneIndex == null || contentItem.selectStartHotZoneIndex == undefined || contentItem.selectStartHotZoneIndex < 0) {
                            hotZoneIndexErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, " - \u5185\u5BB9\u6E05\u5355").concat(contentIndex + 1, ": \u8FDE\u7EBF\u8D77\u70B9\u70ED\u533A\u4E3A\u7A7A"));
                          } // 终点热区配置检查


                          if (contentItem.selectEndHotZoneIndex == null || contentItem.selectEndHotZoneIndex == undefined || contentItem.selectEndHotZoneIndex < 0) {
                            hotZoneIndexErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, " - \u5185\u5BB9\u6E05\u5355").concat(contentIndex + 1, ": \u8FDE\u7EBF\u7EC8\u70B9\u70ED\u533A\u4E3A\u7A7A"));
                          }
                        }); // 结果显示热区配置检查

                        if (hotZoneConfg.linkResultShowHotZoneIndex == null || hotZoneConfg.linkResultShowHotZoneIndex == undefined || hotZoneConfg.linkResultShowHotZoneIndex < 0) {
                          hotZoneIndexErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, ": \u7ED3\u679C\u663E\u793A\u70ED\u533A\u4E3A\u7A7A"));
                        }

                        break;
                      // 2级连线组

                      case _this55.CONNECTION_2LEVEL:
                        hotZoneConfg.contentList.forEach(function (contentItem, contentIndex) {
                          // 分数检查
                          if (contentItem.score != null && !isNaN(Number(contentItem.score)) && Number(contentItem.score) > 0) {
                            totalScore += Number(contentItem.score);
                          } else {
                            scoreConfigErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, " - \u5185\u5BB9\u6E05\u5355").concat(contentIndex + 1, ": \u5206\u6570\u914D\u7F6E\u4E3A0\u6216\u8005\u6709\u5F02\u5E38"));
                          } // 起点1热区配置检查


                          if (contentItem.selectStartHotZoneIndex_1 == null || contentItem.selectStartHotZoneIndex_1 == undefined || contentItem.selectStartHotZoneIndex_1 < 0) {
                            hotZoneIndexErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, " - \u5185\u5BB9\u6E05\u5355").concat(contentIndex + 1, ": \u8FDE\u7EBF\u8D77\u70B91\u70ED\u533A\u4E3A\u7A7A"));
                          } // 终点1热区配置检查


                          if (contentItem.selectEndHotZoneIndex_1 == null || contentItem.selectEndHotZoneIndex_1 == undefined || contentItem.selectEndHotZoneIndex_1 < 0) {
                            hotZoneIndexErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, " - \u5185\u5BB9\u6E05\u5355").concat(contentIndex + 1, ": \u8FDE\u7EBF\u7EC8\u70B91\u70ED\u533A\u4E3A\u7A7A"));
                          } // 起点2热区配置检查


                          if (contentItem.selectStartHotZoneIndex_2 == null || contentItem.selectStartHotZoneIndex_2 == undefined || contentItem.selectStartHotZoneIndex_2 < 0) {
                            hotZoneIndexErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, " - \u5185\u5BB9\u6E05\u5355").concat(contentIndex + 1, ": \u8FDE\u7EBF\u8D77\u70B92\u70ED\u533A\u4E3A\u7A7A"));
                          } // 终点2热区配置检查


                          if (contentItem.selectEndHotZoneIndex_2 == null || contentItem.selectEndHotZoneIndex_2 == undefined || contentItem.selectEndHotZoneIndex_2 < 0) {
                            hotZoneIndexErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, " - \u5185\u5BB9\u6E05\u5355").concat(contentIndex + 1, ": \u8FDE\u7EBF\u7EC8\u70B92\u70ED\u533A\u4E3A\u7A7A"));
                          }
                        }); // 结果显示热区配置检查

                        if (hotZoneConfg.linkResultShowHotZoneIndex == null || hotZoneConfg.linkResultShowHotZoneIndex == undefined || hotZoneConfg.linkResultShowHotZoneIndex < 0) {
                          hotZoneIndexErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, ": \u7ED3\u679C\u663E\u793A\u70ED\u533A\u4E3A\u7A7A"));
                        }

                        break;
                      // 判断对错

                      case _this55.RIGHT_OR_WRONG:
                        hotZoneConfg.contentList.forEach(function (contentItem, contentIndex) {
                          // 分数检查
                          if (contentItem.score != null && !isNaN(Number(contentItem.score)) && Number(contentItem.score) > 0) {
                            totalScore += Number(contentItem.score);
                          } else {
                            scoreConfigErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, " - \u5185\u5BB9\u6E05\u5355").concat(contentIndex + 1, ": \u5206\u6570\u914D\u7F6E\u4E3A0\u6216\u8005\u6709\u5F02\u5E38"));
                          } // 热区配置检查


                          if (contentItem.selectHotZoneIndex == null || contentItem.selectHotZoneIndex == undefined || contentItem.selectHotZoneIndex < 0) {
                            hotZoneIndexErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, " - \u5185\u5BB9\u6E05\u5355").concat(contentIndex + 1, ": \u5173\u8054\u70ED\u533A\u4E3A\u7A7A"));
                          }
                        }); // 结果显示热区配置检查

                        if (hotZoneConfg.linkResultShowHotZoneIndex == null || hotZoneConfg.linkResultShowHotZoneIndex == undefined || hotZoneConfg.linkResultShowHotZoneIndex < 0) {
                          hotZoneIndexErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, ": \u7ED3\u679C\u663E\u793A\u70ED\u533A\u4E3A\u7A7A"));
                        }

                        break;
                      // 纵横字谜

                      case _this55.CROSSWORD_PUZZLE:
                        hotZoneConfg.contentList.forEach(function (contentItem, contentIndex) {
                          // 热区配置检查
                          if (contentItem.selectHotZoneIndex == null || contentItem.selectHotZoneIndex == undefined || contentItem.selectHotZoneIndex < 0) {
                            hotZoneIndexErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, " - \u5185\u5BB9\u6E05\u5355").concat(contentIndex + 1, ": \u5173\u8054\u70ED\u533A\u4E3A\u7A7A"));
                          }
                        }); // 分数检查

                        if (hotZoneConfg.score != null && !isNaN(Number(hotZoneConfg.score)) && Number(hotZoneConfg.score) > 0) {
                          totalScore += Number(hotZoneConfg.score);
                        } else {
                          scoreConfigErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, ": \u5206\u6570\u914D\u7F6E\u4E3A0\u6216\u8005\u6709\u5F02\u5E38"));
                        } // 结果显示热区配置检查


                        if (hotZoneConfg.linkResultShowHotZoneIndex == null || hotZoneConfg.linkResultShowHotZoneIndex == undefined || hotZoneConfg.linkResultShowHotZoneIndex < 0) {
                          hotZoneIndexErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, ": \u7ED3\u679C\u663E\u793A\u70ED\u533A\u4E3A\u7A7A"));
                        }

                        break;
                      // 单词排序

                      case _this55.SORT_WORDS:
                        // 分数检查
                        if (hotZoneConfg.score != null && !isNaN(Number(hotZoneConfg.score)) && Number(hotZoneConfg.score) > 0) {
                          totalScore += Number(hotZoneConfg.score);
                        } else {
                          scoreConfigErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, ": \u5206\u6570\u914D\u7F6E\u4E3A0\u6216\u8005\u6709\u5F02\u5E38"));
                        } // 关联热区配置检查


                        if (hotZoneConfg.linkHotZoneIndex == null || hotZoneConfg.linkHotZoneIndex == undefined || hotZoneConfg.linkHotZoneIndex < 0) {
                          hotZoneIndexErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, ": \u5173\u8054\u70ED\u533A\u4E3A\u7A7A"));
                        } // 结果显示热区配置检查


                        if (hotZoneConfg.linkResultShowHotZoneIndex == null || hotZoneConfg.linkResultShowHotZoneIndex == undefined || hotZoneConfg.linkResultShowHotZoneIndex < 0) {
                          hotZoneIndexErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, ": \u7ED3\u679C\u663E\u793A\u70ED\u533A\u4E3A\u7A7A"));
                        }

                        break;
                      // 语音评测

                      case _this55.PRONUNCIATION_ASSESSMENT:
                        // 分数检查
                        if (hotZoneConfg.score != null && !isNaN(Number(hotZoneConfg.score)) && Number(hotZoneConfg.score) > 0) {
                          totalScore += Number(hotZoneConfg.score);
                        } else {
                          scoreConfigErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, ": \u5206\u6570\u914D\u7F6E\u4E3A0\u6216\u8005\u6709\u5F02\u5E38"));
                        } // 关联热区配置检查


                        if (hotZoneConfg.linkHotZoneIndex == null || hotZoneConfg.linkHotZoneIndex == undefined || hotZoneConfg.linkHotZoneIndex < 0) {
                          hotZoneIndexErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, ": \u5173\u8054\u70ED\u533A\u4E3A\u7A7A"));
                        } // 结果显示热区配置检查


                        if (hotZoneConfg.linkResultShowHotZoneIndex == null || hotZoneConfg.linkResultShowHotZoneIndex == undefined || hotZoneConfg.linkResultShowHotZoneIndex < 0) {
                          hotZoneIndexErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, ": \u7ED3\u679C\u663E\u793A\u70ED\u533A\u4E3A\u7A7A"));
                        }

                        break;
                      // 连线选择

                      case _this55.CONNECTION_CHOICE:
                        // 分数检查
                        if (hotZoneConfg.score != null && !isNaN(Number(hotZoneConfg.score)) && Number(hotZoneConfg.score) > 0) {
                          totalScore += Number(hotZoneConfg.score);
                        } else {
                          scoreConfigErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, ": \u5206\u6570\u914D\u7F6E\u4E3A0\u6216\u8005\u6709\u5F02\u5E38"));
                        } // 关联热区配置检查


                        if (hotZoneConfg.linkHotZoneIndex == null || hotZoneConfg.linkHotZoneIndex == undefined || hotZoneConfg.linkHotZoneIndex < 0) {
                          hotZoneIndexErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, ": \u5173\u8054\u70ED\u533A\u4E3A\u7A7A"));
                        } // 结果显示热区配置检查


                        if (hotZoneConfg.linkResultShowHotZoneIndex == null || hotZoneConfg.linkResultShowHotZoneIndex == undefined || hotZoneConfg.linkResultShowHotZoneIndex < 0) {
                          hotZoneIndexErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, ": \u7ED3\u679C\u663E\u793A\u70ED\u533A\u4E3A\u7A7A"));
                        }

                        hotZoneConfg.contentList.forEach(function (contentItem, contentIndex) {
                          // 热区配置检查
                          if (contentItem.selectHotZoneIndex == null || contentItem.selectHotZoneIndex == undefined || contentItem.selectHotZoneIndex < 0) {
                            hotZoneIndexErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, " - \u5185\u5BB9\u6E05\u5355").concat(contentIndex + 1, ": \u5173\u8054\u70ED\u533A\u4E3A\u7A7A"));
                          }
                        });
                        break;
                      // 文字输入组

                      case _this55.TEXTINPUT_GROUP:
                        hotZoneConfg.contentList.forEach(function (contentItem, contentIndex) {
                          // 分数检查
                          if (contentItem.score != null && !isNaN(Number(contentItem.score)) && Number(contentItem.score) > 0) {
                            totalScore += Number(contentItem.score);
                          } else {
                            scoreConfigErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, " - \u5185\u5BB9\u6E05\u5355").concat(contentIndex + 1, ": \u5206\u6570\u914D\u7F6E\u4E3A0\u6216\u8005\u6709\u5F02\u5E38"));
                          } // 热区配置检查


                          if (contentItem.selectHotZoneIndex == null || contentItem.selectHotZoneIndex == undefined || contentItem.selectHotZoneIndex < 0) {
                            hotZoneIndexErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, " - \u5185\u5BB9\u6E05\u5355").concat(contentIndex + 1, ": \u5173\u8054\u70ED\u533A\u4E3A\u7A7A"));
                          }
                        });
                        break;
                      // 涂色题（评分）

                      case _this55.DRAWING_CHECK:
                        // 热区配置检查
                        if (hotZoneConfg.linkHotZoneIndex == null || hotZoneConfg.linkHotZoneIndex == undefined || hotZoneConfg.linkHotZoneIndex < 0) {
                          hotZoneIndexErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, ": \u5173\u8054\u70ED\u533A\u4E3A\u7A7A"));
                        } // 结果显示热区配置检查


                        if (hotZoneConfg.linkResultShowHotZoneIndex == null || hotZoneConfg.linkResultShowHotZoneIndex == undefined || hotZoneConfg.linkResultShowHotZoneIndex < 0) {
                          hotZoneIndexErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, ": \u7ED3\u679C\u663E\u793A\u70ED\u533A\u4E3A\u7A7A"));
                        } // 分数检查


                        if (hotZoneConfg.score != null && !isNaN(Number(hotZoneConfg.score)) && Number(hotZoneConfg.score) > 0) {
                          totalScore += Number(hotZoneConfg.score);
                        } else {
                          scoreConfigErr.push("\u5185\u5BB9".concat(hotZoneConfigIndex + 1, ": \u5206\u6570\u914D\u7F6E\u4E3A0\u6216\u8005\u6709\u5F02\u5E38"));
                        }

                        break;

                      default:
                        ;
                    }
                  }
                });
              }
            });

            if (this.item.basicScore != null && !isNaN(Number(this.item.basicScore)) && Number(this.item.basicScore) > 0) {
              totalScore += Number(this.item.basicScore);
              otherInfo.push("\u914D\u7F6E\u4E86\u57FA\u7840\u5206: ".concat(this.item.basicScore));
            }

            if (this.item.ratingSystem) {
              var ratingSys = this.ratingSystemList.find(function (item) {
                return item.value == _this55.item.ratingSystem;
              });

              if (ratingSys == undefined) {
                otherInfo.push("\u8BC4\u5206\u4F53\u7CFB: \u672A\u77E5\u9519\u8BEF");
              } else {
                otherInfo.push("\u8BC4\u5206\u4F53\u7CFB: ".concat(ratingSys.label));
              }
            } else {
              otherInfo.push("\u8BC4\u5206\u4F53\u7CFB: \u7A7A");
            } // 取整 防止有很长的小数 - 有的分值是5.000000000000004这种


            var _totalScore = Math.floor(totalScore * 100) / 100;

            totalScore = parseFloat(_totalScore + "");
            this.item.hotZoneConfigArr.forEach(function (content, contentIndex) {
              if (content.hotZoneType != _this55.AUDIO_PLAY && content.hotZoneType != _this55.VIDEO_PLAY && content.hotZoneType != _this55.DRAWING) {
                if (allScoreIndex.indexOf(contentIndex) == -1) {
                  scoreConfigErr.push("\u5185\u5BB9".concat(contentIndex + 1, ": \u6CA1\u6709\u88AB\u914D\u7F6E\u5230\u9898\u76EE\u5185\u5BB9\u4E2D\uFF0C\u8BF7\u68C0\u67E5\u5206\u6570\u914D\u7F6E"));
                }
              }
            });

            if (hotZoneIndexErr.length == 0) {
              this.configCheckResult += "【热区配置检查】通过\n";
            } else {
              this.configCheckResult += "\u3010\u70ED\u533A\u914D\u7F6E\u68C0\u67E5\u3011".concat(hotZoneIndexErr.length, "\u5904\n");
              this.configCheckResult += hotZoneIndexErr.join("\n");
            }

            if (scoreConfigErr.length == 0) {
              this.configCheckResult += "\n\n【分数配置检查】通过\n";
            } else {
              this.configCheckResult += "\n\n\u3010\u5206\u6570\u914D\u7F6E\u68C0\u67E5\u3011".concat(scoreConfigErr.length, "\u5904\n");
              this.configCheckResult += scoreConfigErr.join("\n");
            }

            if (otherInfo.length == 0) {
              this.configCheckResult += "\n\n【其他信息】无\n";
            } else {
              this.configCheckResult += "\n\n\u3010\u5176\u4ED6\u4FE1\u606F\u3011".concat(otherInfo.length, "\u6761\n");
              this.configCheckResult += otherInfo.join("\n");
            }

            this.configCheckResult += "\n\n\u603B\u5206\uFF1A\u3010".concat(totalScore, "\u3011");
          } // 点击跳转到页面底部

        }, {
          key: "handleClickScrollBottom",
          value: function handleClickScrollBottom() {
            window.scrollTo(0, document.documentElement.scrollHeight);
          }
        }, {
          key: "ngAfterViewInit",
          value: function ngAfterViewInit() {}
        }, {
          key: "ngOnChanges",
          value: function ngOnChanges() {}
        }, {
          key: "ngOnDestroy",
          value: function ngOnDestroy() {}
          /**
           * 储存图片数据
           * @param e
           */

        }, {
          key: "onImageUploadSuccess",
          value: function onImageUploadSuccess(e, key) {
            var item = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;

            if (!item) {
              item = this.item;
            }

            item[key] = e.url;
            this.save();
          }
          /**
           * 储存音频数据
           * @param e
           */

        }, {
          key: "onAudioUploadSuccess",
          value: function onAudioUploadSuccess(e, key) {
            var item = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;

            if (item == null) {
              item = this.item;
            }

            item[key] = e.url;
            this.save();
          }
        }, {
          key: "onVideoUploadSuccess",
          value: function onVideoUploadSuccess(e, key) {
            var item = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;

            if (!item) {
              item = this.item;
            }

            item[key] = e.url;
            this.save();
          }
          /**
           * 储存数据
           */

        }, {
          key: "save",
          value: function save() {
            if (this.saveLock) {
              console.warn("数据锁开启，修改未保存");
            } else {
              window.courseware.setData(this.item, null, this.saveKey);
              this.refresh();
              this.item.lastModify = new Date();
              console.log(this.item);
            }
          }
          /**
           * 刷新 渲染页面
           */

        }, {
          key: "refresh",
          value: function refresh() {
            var _this56 = this;

            setTimeout(function () {
              _this56.appRef.tick();
            }, 1);
          }
        }]);

        return FormComponent;
      }();

      FormComponent.ɵfac = function FormComponent_Factory(t) {
        return new (t || FormComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ApplicationRef"]), _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ChangeDetectorRef"]), _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](ng_zorro_antd__WEBPACK_IMPORTED_MODULE_2__["NzMessageService"]), _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](ng_zorro_antd_modal__WEBPACK_IMPORTED_MODULE_3__["NzModalService"]));
      };

      FormComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineComponent"]({
        type: FormComponent,
        selectors: [["app-form"]],
        viewQuery: function FormComponent_Query(rf, ctx) {
          if (rf & 1) {
            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵstaticViewQuery"](_c0, true);
          }

          if (rf & 2) {
            var _t;

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵqueryRefresh"](_t = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵloadQuery"]()) && (ctx.customHotZone = _t.first);
          }
        },
        features: [_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵNgOnChangesFeature"]],
        decls: 114,
        vars: 27,
        consts: [[1, "model-content"], [2, "padding", "20px"], [2, "margin", "30px"], ["nz-button", "", "nzType", "primary", 3, "click"], ["nz-icon", "", "nzType", "vertical-align-bottom"], [2, "margin-top", "10px"], [2, "font-size", "16px", "border", "2px solid #ccc", "border-radius", "10px", "padding", "10px", "height", "150px"], [2, "margin", "10px 10px"], [2, "display", "inline-block", "text-align", "right", "width", "150px"], ["type", "text", "nz-input", "", 2, "display", "inline-block", "width", "300px", 3, "ngModel", "ngModelChange", "blur"], [2, "font-size", "16px", "border", "2px solid #ccc", "border-radius", "10px", "padding", "10px", "display", "flex", "height", "220px"], [2, "width", "200px", "height", "152px"], [3, "picUrl", "imageUploaded"], [2, "padding-left", "20px", "position", "relative", "height", "32px", "text-align", "center", "margin-top", "10px"], [2, "position", "absolute", "left", "5px", "height", "32px", "line-height", "32px"], [2, "display", "inline-block", "width", "100px", 3, "ngModel", "ngModelChange"], ["nzValue", "middle", "nzLabel", "\u5C45\u4E2D"], ["nzValue", "left", "nzLabel", "\u9760\u5DE6"], [2, "width", "200px", "height", "152px", "margin-left", "20px"], [3, "bgItem", "hotZoneItemArr", "save"], ["customHotZone", ""], [2, "font-size", "16px", "border", "2px solid #ccc", "border-radius", "10px", "padding", "10px 150px 10px 10px"], [2, "display", "flex"], ["style", "width: 200px;", 4, "ngFor", "ngForOf"], ["nz-button", "", 3, "click"], ["nz-icon", "", "nzType", "plus-circle"], ["type", "text", "nz-input", "", 3, "ngModel", "ngModelChange"], ["nz-button", "", "nzType", "danger", 2, "position", "absolute", "right", "30px", "margin-right", "10px", 3, "disabled", "click"], ["nz-icon", "", "nzType", "import"], [2, "font-size", "16px", "border", "2px solid #ccc", "border-radius", "10px", "padding", "10px"], ["style", "border: 2px dashed #ddd; border-radius: 5px; padding: 10px 10px 50px 10px; margin-bottom: 10px; position: relative;", 4, "ngFor", "ngForOf"], ["nz-button", "", "nzType", "dashed", 1, "add-btn", 3, "click"], ["nz-icon", "", "nzType", "plus-circle", "nzTheme", "outline"], ["style", "border: 2px dashed #ddd; border-radius: 5px; padding: 10px; margin-bottom: 10px; position: relative;", 4, "ngFor", "ngForOf"], [2, "display", "inline-block", "text-align", "right", "width", "100px"], ["type", "text", "nz-input", "", 2, "display", "inline-block", "width", "180px", 3, "ngModel", "ngModelChange", "blur"], ["nzShowSearch", "", "nzAllowClear", "", 2, "width", "180px", 3, "ngModel", "ngModelChange"], [3, "nzValue", "nzLabel", 4, "ngFor", "ngForOf"], [2, "margin-top", "50px", "padding-bottom", "100px"], [2, "width", "200px", "height", "50px", "border", "1px solid #ccc", "border-radius", "5px", "display", "flex", "align-items", "center", "justify-content", "center", "float", "left"], ["nz-checkbox", "", 3, "ngModel", "ngModelChange"], [2, "width", "200px", "height", "50px", "border", "1px solid #ccc", "border-radius", "5px", "display", "flex", "align-items", "center", "justify-content", "center", "float", "left", "margin-left", "10px"], ["nz-button", "", "nzType", "primary", 2, "float", "right", 3, "click"], ["nz-icon", "", "nzType", "copy"], ["nz-button", "", "nzType", "danger", 2, "float", "right", "margin-right", "10px", 3, "click"], ["nz-button", "", "nzType", "default", 2, "float", "right", "margin-right", "10px", 3, "click"], ["nz-icon", "", "nzType", "carry-out"], ["nzTitle", "\u4ECEJSON\u5BFC\u5165\u914D\u7F6E", 3, "nzVisible", "nzVisibleChange", "nzOnCancel", "nzOnOk"], ["nz-input", "", "rows", "20", "placeholder", "\u8BF7\u7C98\u8D34JSON\u6570\u636E", 3, "ngModel", "ngModelChange"], ["nzTitle", "\u914D\u7F6E\u68C0\u67E5", "nzOkText", "\u68C0\u67E5", "nzCancelText", "\u9000\u51FA", 3, "nzVisible", "nzVisibleChange", "nzOnCancel", "nzOnOk"], ["nz-input", "", "rows", "20", "placeholder", "", 3, "ngModel", "ngModelChange"], [2, "width", "200px"], [2, "border", "2px dashed #ddd", "border-radius", "5px", "padding", "10px 10px 50px 10px", "margin-bottom", "10px", "position", "relative"], [2, "position", "absolute", "right", "50px", "top", "0px", "font-size", "42px", "font-weight", "bold"], [2, "width", "300px", 3, "ngModel", "ngModelChange"], ["nzLabel", "\u6587\u5B57\u9009\u9879", 3, "nzValue"], ["nzLabel", "\u64AD\u653E\u97F3\u9891", 3, "nzValue"], ["nzLabel", "\u64AD\u653E\u89C6\u9891", 3, "nzValue"], ["nzLabel", "\u70ED\u533A\u9009\u9879(\u5355\u9009)", 3, "nzValue"], ["nzLabel", "\u70ED\u533A\u9009\u9879(\u591A\u9009)", 3, "nzValue"], ["nzLabel", "\u6587\u5B57\u8F93\u5165", 3, "nzValue"], ["nzLabel", "\u8FDE\u7EBF\u7EC4", 3, "nzValue"], ["nzLabel", "\u5224\u65AD\u5BF9\u9519", 3, "nzValue"], ["nzLabel", "\u7EB5\u6A2A\u5B57\u8C1C", 3, "nzValue"], ["nzLabel", "\u5355\u8BCD\u6392\u5E8F", 3, "nzValue"], ["nzLabel", "\u8BED\u97F3\u8BC4\u6D4B", 3, "nzValue"], ["nzLabel", "\u8FDE\u7EBF\u9009\u62E9\u9898", 3, "nzValue"], ["nzLabel", "\u6587\u5B57\u8F93\u5165\u7EC4", 3, "nzValue"], ["nzLabel", "\u6D82\u8272\u9898", 3, "nzValue"], ["nzLabel", "\u6D82\u8272\u9898(\u8BC4\u5206)", 3, "nzValue"], ["nzLabel", "2\u7EA7\u8FDE\u7EBF\u9898", 3, "nzValue"], ["nzLabel", "\u56FE\u7247\u9009\u9879", "nzDisabled", "", 3, "nzValue"], ["nz-checkbox", "", "style", "margin-left: 10px;", 3, "ngModel", "ngModelChange", 4, "ngIf"], ["style", "padding: 10px 0 10px 150px;", 4, "ngIf"], ["style", "padding: 20px 0 10px 150px;", 4, "ngIf"], ["style", "margin: 10px 10px;", 4, "ngIf"], ["nz-button", "", "nzType", "primary", "nz-popconfirm", "", "nzPopconfirmTitle", "\u786E\u5B9A\u590D\u5236\u4E00\u4E2A\u5F53\u524D\u914D\u7F6E\u5417\uFF1F", "nzPopconfirmPlacement", "bottom", 2, "position", "absolute", "right", "80px", "bottom", "10px", 3, "nzOnConfirm"], ["nz-button", "", "nzType", "danger", "nz-popconfirm", "", "nzPopconfirmTitle", "\u5220\u9664\u540E\u4E0D\u53EF\u6062\u590D\uFF0C\u786E\u5B9A\u5220\u9664\u5417\uFF1F", "nzPopconfirmPlacement", "bottom", 2, "position", "absolute", "right", "10px", "bottom", "10px", 3, "nzOnConfirm"], ["nz-checkbox", "", 2, "margin-left", "10px", 3, "ngModel", "ngModelChange"], [2, "padding", "10px 0 10px 150px"], [2, "margin-bottom", "16px"], [2, "font-size", "14px", "color", "#000000d9"], ["nz-button", "", "nzSize", "small", "nzType", "primary", 2, "float", "right", 3, "click"], [3, "nzData", "nzFrontPagination", "nzShowPagination"], ["contentTable", ""], ["nzWidth", "100px", "nzAlign", "center"], ["nzAlign", "center"], ["nzWidth", "150px", "nzAlign", "center"], [4, "ngFor", "ngForOf"], ["type", "text", "nz-input", "", 3, "ngModel", "ngModelChange", "blur"], ["nz-popconfirm", "", "nzPopconfirmTitle", "\u5220\u9664\u540E\u4E0D\u53EF\u6062\u590D\uFF0C\u786E\u5B9A\u5220\u9664\u5417?", 3, "nzOnConfirm"], [3, "nzValue", "nzLabel"], [3, "nzData", "nzFrontPagination", "nzShowPagination", 4, "ngIf"], ["nzAlign", "center", 4, "ngIf"], ["nzWidth", "100px", "nzAlign", "center", 4, "ngIf"], ["nzWidth", "10%", "nzAlign", "center"], [2, "width", "200px", "height", "112px"], ["nzWidth", "10%"], ["nzWidth", "100px"], ["type", "text", "nz-input", "", 2, "display", "inline-block", 3, "ngModel", "ngModelChange", "blur"], [2, "padding", "20px 0 10px 150px"], [3, "audioUrl", "audioUploaded"], [3, "videoUrl", "videoUploaded"], [3, "ngModel", "ngModelChange"], ["nz-radio", "", "nzValue", "none"], ["nz-radio", "", "nzValue", "mask"], ["nz-radio", "", "nzValue", "border"], ["nz-radio", "", "nzValue", "right"], ["nz-radio", "", "nzValue", "symbol"], ["nz-radio", "", "nzValue", "iconFace"], ["nz-radio", "", "nzValue", "textTF"], ["nz-radio", "", "nzValue", "textYesNo"], ["nzShowSearch", "", "nzAllowClear", "", "nzMode", "multiple", 2, "width", "500px", 3, "ngModel", "ngModelChange"], ["nzValue", "color_red", "nzLabel", "Red"], ["nzValue", "color_orange", "nzLabel", "Orange"], ["nzValue", "color_yellow", "nzLabel", "Yellow"], ["nzValue", "color_green", "nzLabel", "Green"], ["nzValue", "color_blue", "nzLabel", "Blue"], ["nzValue", "color_purple", "nzLabel", "Purple"], ["nzValue", "color_pink", "nzLabel", "Pink"], ["nzValue", "color_brown", "nzLabel", "Brown"], ["nzValue", "color_black", "nzLabel", "Black"], ["nzShowSearch", "", "nzAllowClear", "", 2, "width", "300px", 3, "ngModel", "ngModelChange"], [2, "border", "2px dashed #ddd", "border-radius", "5px", "padding", "10px", "margin-bottom", "10px", "position", "relative"], [2, "display", "inline-block", "text-align", "right", "width", "200px"], ["nzShowSearch", "", "nzAllowClear", "", "nzMode", "multiple", 2, "width", "300px", 3, "ngModel", "ngModelChange"], ["nz-button", "", "nzType", "danger", "nzDanger", "", "nz-popconfirm", "", "nzPopconfirmTitle", "\u5220\u9664\u540E\u4E0D\u53EF\u6062\u590D\uFF0C\u786E\u5B9A\u5220\u9664\u5417\uFF1F", "nzPopconfirmPlacement", "bottom", 2, "position", "absolute", "right", "10px", "bottom", "10px", 3, "nzOnConfirm"]],
        template: function FormComponent_Template(rf, ctx) {
          if (rf & 1) {
            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 0);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div", 1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](2, "div", 2);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "button", 3);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function FormComponent_Template_button_click_3_listener() {
              return ctx.handleClickScrollBottom();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](4, "span", 4);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](5, "\u5230\u9875\u9762\u5E95\u90E8");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "h2", 5);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](7, "\u57FA\u7840\u4FE1\u606F");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "div", 6);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](9, "div", 7);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](10, "span", 8);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](11, "\u5355\u5143\u540D\u79F0\uFF1A");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](12, "input", 9);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_Template_input_ngModelChange_12_listener($event) {
              return ctx.item.unitName = $event;
            })("blur", function FormComponent_Template_input_blur_12_listener() {
              return ctx.save();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](13, "div", 7);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](14, "span", 8);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](15, "\u4F5C\u8005\uFF1A");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](16, "input", 9);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_Template_input_ngModelChange_16_listener($event) {
              return ctx.item.author = $event;
            })("blur", function FormComponent_Template_input_blur_16_listener() {
              return ctx.save();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](17, "div", 7);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](18, "span", 8);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](19, "\u4E0A\u6B21\u4FEE\u6539\uFF1A");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](20, "span");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](21);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](22, "h2", 5);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](23, "\u9875\u5934-\u9875\u5C3E\u914D\u7F6E");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](24, "div", 10);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](25, "div", 11);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](26, "h5");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](27, "\u9875\u5934\u56FE\u7247:");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](28, "app-upload-image-with-preview", 12);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("imageUploaded", function FormComponent_Template_app_upload_image_with_preview_imageUploaded_28_listener($event) {
              return ctx.onImageUploadSuccess($event, "header_image_url", ctx.item);
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](29, "div");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](30, "p", 13);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](31, "span", 14);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](32, "\u5BF9\u9F50:");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](33, "nz-select", 15);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_Template_nz_select_ngModelChange_33_listener($event) {
              return ctx.item.alignMode = $event;
            })("ngModelChange", function FormComponent_Template_nz_select_ngModelChange_33_listener() {
              return ctx.save();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](34, "nz-option", 16);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](35, "nz-option", 17);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](36, "div", 18);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](37, "h5");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](38, "\u9875\u5C3E\u56FE\u7247:");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](39, "app-upload-image-with-preview", 12);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("imageUploaded", function FormComponent_Template_app_upload_image_with_preview_imageUploaded_39_listener($event) {
              return ctx.onImageUploadSuccess($event, "footer_image_url", ctx.item);
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](40, "h2");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](41, "\u70ED\u533A\u4F4D\u7F6E\u914D\u7F6E\uFF1A");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](42, "app-custom-hot-zone", 19, 20);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("save", function FormComponent_Template_app_custom_hot_zone_save_42_listener($event) {
              return ctx.saveHotZone(ctx.item, $event);
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](44, "h2", 5);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](45, "\u70ED\u533A\u80CC\u666F\u56FE\u5207\u7247\uFF1A");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](46, "div", 21);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](47, "div", 22);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](48, FormComponent_div_48_Template, 2, 1, "div", 23);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](49, "button", 24);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function FormComponent_Template_button_click_49_listener() {
              return ctx.addBgImageSlice();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](50, "i", 25);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](51, "\u521B\u5EFA");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](52, "h2", 5);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](53, "\u5FEB\u901F\u521B\u5EFA\u70ED\u533A\uFF1A");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](54, "div", 21);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](55, "input", 26);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_Template_input_ngModelChange_55_listener($event) {
              return ctx.fastHotZoneStr = $event;
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](56, "button", 27);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function FormComponent_Template_button_click_56_listener() {
              return ctx.handleFastCreatHotZoneItems();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](57, "i", 28);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](58, "\u521B\u5EFA");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](59, "h2", 5);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](60, "\u70ED\u533A\u5185\u5BB9\u914D\u7F6E\uFF1A");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](61, "div", 29);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](62, FormComponent_div_62_Template, 42, 33, "div", 30);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](63, "button", 31);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function FormComponent_Template_button_click_63_listener() {
              return ctx.addHotZoneConfig();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](64, "i", 32);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](65, " \u6DFB\u52A0\u70ED\u533A\u5185\u5BB9\u914D\u7F6E ");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](66, "h2", 5);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](67, "\u5206\u6570\u914D\u7F6E\uFF1A");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](68, "div", 29);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](69, FormComponent_div_69_Template, 13, 4, "div", 33);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](70, "div", 7);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](71, "span", 34);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](72, "\u57FA\u7840\u5206\uFF1A");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](73, "input", 35);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_Template_input_ngModelChange_73_listener($event) {
              return ctx.item.basicScore = $event;
            })("blur", function FormComponent_Template_input_blur_73_listener() {
              return ctx.save();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](74, "div", 7);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](75, "span", 34);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](76, "\u8BC4\u5206\u4F53\u7CFB\uFF1A");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](77, "nz-select", 36);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_Template_nz_select_ngModelChange_77_listener($event) {
              return ctx.item.ratingSystem = $event;
            })("ngModelChange", function FormComponent_Template_nz_select_ngModelChange_77_listener() {
              return ctx.save();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](78, FormComponent_nz_option_78_Template, 1, 2, "nz-option", 37);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](79, "div", 7);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](80, "span", 34);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](81, "\u603B\u5206\u663E\u793A\uFF1A");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](82, "nz-select", 36);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_Template_nz_select_ngModelChange_82_listener($event) {
              return ctx.item.totalScoreHotZoneIndex = $event;
            })("ngModelChange", function FormComponent_Template_nz_select_ngModelChange_82_listener() {
              return ctx.save();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](83, FormComponent_nz_option_83_Template, 1, 2, "nz-option", 37);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](84, "div", 7);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](85, "span", 34);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](86, "\u63D0\u4EA4\u6309\u94AE\uFF1A");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](87, "nz-select", 36);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_Template_nz_select_ngModelChange_87_listener($event) {
              return ctx.item.submitHotZoneIndex = $event;
            })("ngModelChange", function FormComponent_Template_nz_select_ngModelChange_87_listener() {
              return ctx.save();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](88, FormComponent_nz_option_88_Template, 1, 2, "nz-option", 37);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](89, "button", 31);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function FormComponent_Template_button_click_89_listener() {
              return ctx.addScoreConfig();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](90, "i", 32);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](91, " \u6DFB\u52A0\u5206\u6570\u7EC4\u914D\u7F6E ");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](92, "div", 38);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](93, "div", 39);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](94, "label", 40);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_Template_label_ngModelChange_94_listener($event) {
              return ctx.item.isDebug = $event;
            })("ngModelChange", function FormComponent_Template_label_ngModelChange_94_listener() {
              return ctx.save();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](95, "\u8C03\u8BD5\u6A21\u5F0F");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](96, "div", 41);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](97, "label", 40);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_Template_label_ngModelChange_97_listener($event) {
              return ctx.saveLock = $event;
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](98, "\u6570\u636E\u9501");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](99, "button", 42);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function FormComponent_Template_button_click_99_listener() {
              return ctx.copyChangeData();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](100, "i", 43);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](101, "\u590D\u5236\u6570\u636E\u8868\u5355");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](102, "button", 44);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function FormComponent_Template_button_click_102_listener() {
              return ctx.showPasteModal = true;
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](103, "i", 28);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](104, "\u4ECEJSON\u5BFC\u5165\u914D\u7F6E");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](105, "button", 45);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function FormComponent_Template_button_click_105_listener() {
              return ctx.showConfigCheckModal = true;
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](106, "i", 46);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](107, "\u914D\u7F6E\u68C0\u67E5");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](108, "nz-modal", 47);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("nzVisibleChange", function FormComponent_Template_nz_modal_nzVisibleChange_108_listener($event) {
              return ctx.showPasteModal = $event;
            })("nzOnCancel", function FormComponent_Template_nz_modal_nzOnCancel_108_listener() {
              return ctx.showPasteModal = false;
            })("nzOnOk", function FormComponent_Template_nz_modal_nzOnOk_108_listener() {
              return ctx.handlePasteData();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](109, "textarea", 48);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_Template_textarea_ngModelChange_109_listener($event) {
              return ctx.jsonData = $event;
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](110, "label", 40);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_Template_label_ngModelChange_110_listener($event) {
              return ctx.withoutBgData = $event;
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](111, "\u4E0D\u7C98\u8D34\u70ED\u533A\u80CC\u666F\u6570\u636E");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](112, "nz-modal", 49);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("nzVisibleChange", function FormComponent_Template_nz_modal_nzVisibleChange_112_listener($event) {
              return ctx.showConfigCheckModal = $event;
            })("nzOnCancel", function FormComponent_Template_nz_modal_nzOnCancel_112_listener() {
              return ctx.showConfigCheckModal = false;
            })("nzOnOk", function FormComponent_Template_nz_modal_nzOnOk_112_listener() {
              return ctx.handleConfigCheck();
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](113, "textarea", 50);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngModelChange", function FormComponent_Template_textarea_ngModelChange_113_listener($event) {
              return ctx.configCheckResult = $event;
            });

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
          }

          if (rf & 2) {
            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](12);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", ctx.item.unitName);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](4);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", ctx.item.author);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](5);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](ctx.item.lastModify);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](7);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("picUrl", ctx.item.header_image_url);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](5);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", ctx.item.alignMode);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](6);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("picUrl", ctx.item.footer_image_url);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("bgItem", ctx.item.bgItem)("hotZoneItemArr", ctx.item.hotZoneItemArr);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](6);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", ctx.item.hotZoneBgSliceList);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](7);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", ctx.fastHotZoneStr);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("disabled", ctx.fastHotZoneStr == "");

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](6);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", ctx.item.hotZoneConfigArr);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](7);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", ctx.item.scoreConfigArr);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](4);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", ctx.item.basicScore);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](4);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", ctx.item.ratingSystem);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", ctx.ratingSystemList);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](4);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", ctx.item.totalScoreHotZoneIndex);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", ctx.item.hotZoneItemArr);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](4);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", ctx.item.submitHotZoneIndex);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", ctx.item.hotZoneItemArr);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](6);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", ctx.item.isDebug);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", ctx.saveLock);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](11);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzVisible", ctx.showPasteModal);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", ctx.jsonData);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", ctx.withoutBgData);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("nzVisible", ctx.showConfigCheckModal);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);

            _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngModel", ctx.configCheckResult);
          }
        },
        directives: [ng_zorro_antd_button__WEBPACK_IMPORTED_MODULE_4__["NzButtonComponent"], ng_zorro_antd_icon__WEBPACK_IMPORTED_MODULE_5__["NzIconDirective"], _angular_forms__WEBPACK_IMPORTED_MODULE_6__["DefaultValueAccessor"], ng_zorro_antd_input__WEBPACK_IMPORTED_MODULE_7__["NzInputDirective"], _angular_forms__WEBPACK_IMPORTED_MODULE_6__["NgControlStatus"], _angular_forms__WEBPACK_IMPORTED_MODULE_6__["NgModel"], _common_upload_image_with_preview_upload_image_with_preview_component__WEBPACK_IMPORTED_MODULE_8__["UploadImageWithPreviewComponent"], ng_zorro_antd_select__WEBPACK_IMPORTED_MODULE_9__["NzSelectComponent"], ng_zorro_antd_select__WEBPACK_IMPORTED_MODULE_9__["NzOptionComponent"], _common_custom_hot_zone_custom_hot_zone_component__WEBPACK_IMPORTED_MODULE_10__["CustomHotZoneComponent"], _angular_common__WEBPACK_IMPORTED_MODULE_11__["NgForOf"], ng_zorro_antd_checkbox__WEBPACK_IMPORTED_MODULE_12__["NzCheckboxComponent"], ng_zorro_antd_modal__WEBPACK_IMPORTED_MODULE_3__["NzModalComponent"], _angular_common__WEBPACK_IMPORTED_MODULE_11__["NgIf"], ng_zorro_antd_popconfirm__WEBPACK_IMPORTED_MODULE_13__["NzPopconfirmDirective"], ng_zorro_antd_table__WEBPACK_IMPORTED_MODULE_14__["NzTableComponent"], ng_zorro_antd_table__WEBPACK_IMPORTED_MODULE_14__["NzTheadComponent"], ng_zorro_antd_table__WEBPACK_IMPORTED_MODULE_14__["NzTrDirective"], ng_zorro_antd_table__WEBPACK_IMPORTED_MODULE_14__["NzThComponent"], ng_zorro_antd_table__WEBPACK_IMPORTED_MODULE_14__["NzTbodyDirective"], ng_zorro_antd_table__WEBPACK_IMPORTED_MODULE_14__["NzTdComponent"], _common_audio_recorder_audio_recorder_component__WEBPACK_IMPORTED_MODULE_15__["AudioRecorderComponent"], _common_upload_video_upload_video_component__WEBPACK_IMPORTED_MODULE_16__["UploadVideoComponent"], ng_zorro_antd_radio__WEBPACK_IMPORTED_MODULE_17__["NzRadioGroupComponent"], ng_zorro_antd_radio__WEBPACK_IMPORTED_MODULE_17__["NzRadioComponent"]],
        styles: [".FormulaBoardContainer[_ngcontent-%COMP%]{\n  display: inline-block;\n}\n\n.model-content[_ngcontent-%COMP%] {\n  width: 100%;\n  height: 100%;\n\n}\n\n.radioPaire[_ngcontent-%COMP%] {\n  float: left;\n  margin: 3px;\n  border-style: dashed;\n  border-color: #000;\n  border-width: 1px;\n}\n\n.border[_ngcontent-%COMP%] {\n  border-radius: 20px;\n  border-style: dashed;\n  padding: 20px;\n  margin: 20px;\n  \n  \n  \n  \n}\n\n.border-lite[_ngcontent-%COMP%] {\n  border: 2px dashed #ddd;\n  border-radius: 0.5rem;\n  padding: 10px;\n  margin: 10px;\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvc3R5bGUvY29tbW9uX21peGluLmNzcyIsInNyYy9hcHAvZm9ybS9mb3JtLmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0NBRUM7O0FDQUQ7RUFDRSxxQkFBcUI7QUFDdkI7O0FBQ0E7RUFDRSxXQUFXO0VBQ1gsWUFBWTs7QUFFZDs7QUFFQTtFQUNFLFdBQVc7RUFDWCxXQUFXO0VBQ1gsb0JBQW9CO0VBQ3BCLGtCQUFrQjtFQUNsQixpQkFBaUI7QUFDbkI7O0FBRUE7RUFDRSxtQkFBbUI7RUFDbkIsb0JBQW9CO0VBQ3BCLGFBQWE7RUFDYixZQUFZO0VBQ1osaUJBQWlCO0VBQ2pCLHlCQUF5QjtFQUN6Qix1QkFBdUI7RUFDdkIsMkJBQTJCO0FBQzdCOztBQUdBO0VBQ0UsdUJBQXVCO0VBQ3ZCLHFCQUFxQjtFQUNyQixhQUFhO0VBQ2IsWUFBWTtBQUNkIiwiZmlsZSI6InNyYy9hcHAvZm9ybS9mb3JtLmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuZ2xvYmFsIGNzcyB0byBtaXhpblxuKi9cblxuXG5cbiIsIkBpbXBvcnQgJy4uL3N0eWxlL2NvbW1vbl9taXhpbi5jc3MnO1xuXG4uRm9ybXVsYUJvYXJkQ29udGFpbmVye1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG59XG4ubW9kZWwtY29udGVudCB7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG5cbn1cblxuLnJhZGlvUGFpcmUge1xuICBmbG9hdDogbGVmdDtcbiAgbWFyZ2luOiAzcHg7XG4gIGJvcmRlci1zdHlsZTogZGFzaGVkO1xuICBib3JkZXItY29sb3I6ICMwMDA7XG4gIGJvcmRlci13aWR0aDogMXB4O1xufVxuXG4uYm9yZGVyIHtcbiAgYm9yZGVyLXJhZGl1czogMjBweDtcbiAgYm9yZGVyLXN0eWxlOiBkYXNoZWQ7XG4gIHBhZGRpbmc6IDIwcHg7XG4gIG1hcmdpbjogMjBweDtcbiAgLyp3aWR0aDogNTAwcHg7ICovXG4gIC8qLy9ib3JkZXItcmFkaXVzOiAyMHB4OyovXG4gIC8qLy9ib3JkZXItd2lkdGg6IDJweDsqL1xuICAvKi8vYm9yZGVyLWNvbG9yOiAjMDAwMDAwOyovXG59XG5cblxuLmJvcmRlci1saXRlIHtcbiAgYm9yZGVyOiAycHggZGFzaGVkICNkZGQ7XG4gIGJvcmRlci1yYWRpdXM6IDAuNXJlbTtcbiAgcGFkZGluZzogMTBweDtcbiAgbWFyZ2luOiAxMHB4O1xufVxuIl19 */"]
      });
      return FormComponent;
    }();
    /***/

  },

  /***/
  "./src/app/pipes/background-image.pipe.ts":
  /*!************************************************!*\
    !*** ./src/app/pipes/background-image.pipe.ts ***!
    \************************************************/

  /*! exports provided: BackgroundImagePipe */

  /***/
  function srcAppPipesBackgroundImagePipeTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "BackgroundImagePipe", function () {
      return BackgroundImagePipe;
    });
    /* harmony import */


    var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! @angular/core */
    "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js"); // const isInElectron = localStorage.getItem('electron');


    var BackgroundImagePipe =
    /*@__PURE__*/
    function () {
      var BackgroundImagePipe =
      /*#__PURE__*/
      function () {
        function BackgroundImagePipe() {
          _classCallCheck(this, BackgroundImagePipe);
        }

        _createClass(BackgroundImagePipe, [{
          key: "transform",
          value: function transform(value, coursewareSid) {
            // const ret = value ? `url(${value})` : '';
            var ret = value ? "url(".concat(value, ")") : '';
            return ret; // let ret = value > 0 ? `url(/api/media-resource/${value}/file)` : '';
            // if (isInElectron && ElectronUtil.hasCached(coursewareSid, value)) {
            //   ret = `url(file://${APP_PATH}/courseware_cache/${coursewareSid}/${value})`;
            // }
            // return ret;
          }
        }]);

        return BackgroundImagePipe;
      }();

      BackgroundImagePipe.ɵfac = function BackgroundImagePipe_Factory(t) {
        return new (t || BackgroundImagePipe)();
      };

      BackgroundImagePipe.ɵpipe = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefinePipe"]({
        name: "backgroundImage",
        type: BackgroundImagePipe,
        pure: true
      });
      return BackgroundImagePipe;
    }();
    /***/

  },

  /***/
  "./src/app/pipes/resource.pipe.ts":
  /*!****************************************!*\
    !*** ./src/app/pipes/resource.pipe.ts ***!
    \****************************************/

  /*! exports provided: ResourcePipe */

  /***/
  function srcAppPipesResourcePipeTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "ResourcePipe", function () {
      return ResourcePipe;
    });
    /* harmony import */


    var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! @angular/core */
    "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js"); // const isInElectron = localStorage.getItem('electron');


    var ResourcePipe =
    /*@__PURE__*/
    function () {
      var ResourcePipe =
      /*#__PURE__*/
      function () {
        function ResourcePipe() {
          _classCallCheck(this, ResourcePipe);
        }

        _createClass(ResourcePipe, [{
          key: "transform",
          value: function transform(pic_url, coursewareSid) {
            // return pic_url;
            if (pic_url && typeof pic_url === 'object') {
              return pic_url;
            } // console.log('resource', pic_url)


            return "".concat(pic_url, "?t=").concat(Math.random()); // let ret = value ? `/api/resource/${value}/file` : '';
            // let ret = res_id ? `/resource/audio/${res_id}` : '';
            // if (isInElectron && ElectronUtil.hasCached(coursewareSid, res_id)) {
            //   ret = `file://${APP_PATH}/courseware_cache/${coursewareSid}/${res_id}`;
            // }
            // return ret;
          }
        }]);

        return ResourcePipe;
      }();

      ResourcePipe.ɵfac = function ResourcePipe_Factory(t) {
        return new (t || ResourcePipe)();
      };

      ResourcePipe.ɵpipe = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefinePipe"]({
        name: "resource",
        type: ResourcePipe,
        pure: true
      });
      return ResourcePipe;
    }();
    /***/

  },

  /***/
  "./src/app/pipes/time.pipe.ts":
  /*!************************************!*\
    !*** ./src/app/pipes/time.pipe.ts ***!
    \************************************/

  /*! exports provided: TimePipe */

  /***/
  function srcAppPipesTimePipeTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "TimePipe", function () {
      return TimePipe;
    });
    /* harmony import */


    var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! @angular/core */
    "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
    /* harmony import */


    var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
    /*! lodash */
    "./node_modules/lodash/lodash.js");
    /* harmony import */


    var lodash__WEBPACK_IMPORTED_MODULE_1___default =
    /*#__PURE__*/
    __webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);

    var TimePipe =
    /*@__PURE__*/
    function () {
      var TimePipe =
      /*#__PURE__*/
      function () {
        function TimePipe() {
          _classCallCheck(this, TimePipe);
        }

        _createClass(TimePipe, [{
          key: "transform",
          value: function transform(value, args) {
            var ret = '00:00';

            if (lodash__WEBPACK_IMPORTED_MODULE_1__["isNumber"](value) && value > 0) {
              var minutes = Math.floor(value / 60);
              var seconds = Math.floor(value % 60);
              ret = lodash__WEBPACK_IMPORTED_MODULE_1__["padStart"](minutes, 2, '0') + ':' + lodash__WEBPACK_IMPORTED_MODULE_1__["padStart"](seconds, 2, '0');
            }

            return ret;
          }
        }]);

        return TimePipe;
      }();

      TimePipe.ɵfac = function TimePipe_Factory(t) {
        return new (t || TimePipe)();
      };

      TimePipe.ɵpipe = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefinePipe"]({
        name: "time",
        type: TimePipe,
        pure: true
      });
      return TimePipe;
    }();
    /***/

  },

  /***/
  "./src/app/play/Unit.ts":
  /*!******************************!*\
    !*** ./src/app/play/Unit.ts ***!
    \******************************/

  /*! exports provided: MySprite, ColorSpr, GrayscaleSpr, BitMapLabel, Label, RichTextOld, RichText, LineRect, ShapeRect, ShapeCircle, ShapeRectNew, MyAnimation, tweenChange, createTween, tweenQueue, rotateItem, scaleItem, moveItem, endShow, hideItem, showItem, alphaItem, showStar, randomSortByArr, radianToAngle, angleToRadian, getPosByAngle, getAngleByPos, removeItemFromArr, circleMove, getPosDistance, delayCall, formatTime, getMinScale, jelly, jellyPop, showPopParticle, RandomInt, showShapeParticle, shake, getMaxScale, createSprite, MyVideo, InputView, ScrollView, between */

  /***/
  function srcAppPlayUnitTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "MySprite", function () {
      return MySprite;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "ColorSpr", function () {
      return ColorSpr;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "GrayscaleSpr", function () {
      return GrayscaleSpr;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "BitMapLabel", function () {
      return BitMapLabel;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "Label", function () {
      return Label;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "RichTextOld", function () {
      return RichTextOld;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "RichText", function () {
      return RichText;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "LineRect", function () {
      return LineRect;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "ShapeRect", function () {
      return ShapeRect;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "ShapeCircle", function () {
      return ShapeCircle;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "ShapeRectNew", function () {
      return ShapeRectNew;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "MyAnimation", function () {
      return MyAnimation;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "tweenChange", function () {
      return tweenChange;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "createTween", function () {
      return createTween;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "tweenQueue", function () {
      return tweenQueue;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "rotateItem", function () {
      return rotateItem;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "scaleItem", function () {
      return scaleItem;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "moveItem", function () {
      return moveItem;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "endShow", function () {
      return endShow;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "hideItem", function () {
      return hideItem;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "showItem", function () {
      return showItem;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "alphaItem", function () {
      return alphaItem;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "showStar", function () {
      return showStar;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "randomSortByArr", function () {
      return randomSortByArr;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "radianToAngle", function () {
      return radianToAngle;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "angleToRadian", function () {
      return angleToRadian;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "getPosByAngle", function () {
      return getPosByAngle;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "getAngleByPos", function () {
      return getAngleByPos;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "removeItemFromArr", function () {
      return removeItemFromArr;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "circleMove", function () {
      return circleMove;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "getPosDistance", function () {
      return getPosDistance;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "delayCall", function () {
      return delayCall;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "formatTime", function () {
      return formatTime;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "getMinScale", function () {
      return getMinScale;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "jelly", function () {
      return jelly;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "jellyPop", function () {
      return jellyPop;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "showPopParticle", function () {
      return showPopParticle;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "RandomInt", function () {
      return RandomInt;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "showShapeParticle", function () {
      return showShapeParticle;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "shake", function () {
      return shake;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "getMaxScale", function () {
      return getMaxScale;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "createSprite", function () {
      return createSprite;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "MyVideo", function () {
      return MyVideo;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "InputView", function () {
      return InputView;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "ScrollView", function () {
      return ScrollView;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "between", function () {
      return between;
    });
    /* harmony import */


    var _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! @tweenjs/tween.js */
    "./node_modules/@tweenjs/tween.js/dist/tween.esm.js");

    var Sprite =
    /*#__PURE__*/
    function () {
      function Sprite() {
        var ctx = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;

        _classCallCheck(this, Sprite);

        this.x = 0;
        this.y = 0;
        this.color = '';
        this.radius = 0;
        this.alive = false;
        this.margin = 0;
        this.angle = 0;

        if (!ctx) {
          this.ctx = window.curCtx;
        } else {
          this.ctx = ctx;
        }
      }

      _createClass(Sprite, [{
        key: "update",
        value: function update($event) {
          this.draw();
        }
      }, {
        key: "draw",
        value: function draw() {}
      }]);

      return Sprite;
    }();

    var MySprite =
    /*#__PURE__*/
    function (_Sprite2) {
      _inherits(MySprite, _Sprite2);

      var _super22 = _createSuper(MySprite);

      function MySprite() {
        var _this57;

        _classCallCheck(this, MySprite);

        _this57 = _super22.apply(this, arguments);
        _this57._width = 0;
        _this57._height = 0;
        _this57._anchorX = 0;
        _this57._anchorY = 0;
        _this57._offX = 0;
        _this57._offY = 0;
        _this57.scaleX = 1;
        _this57.scaleY = 1;
        _this57._alpha = 1;
        _this57.rotation = 0;
        _this57.visible = true;
        _this57.skewX = 0;
        _this57.skewY = 0;
        _this57._shadowFlag = false;
        _this57._shadowOffsetX = 0;
        _this57._shadowOffsetY = 0;
        _this57._shadowBlur = 5;
        _this57._radius = 0;
        _this57.children = [_assertThisInitialized(_this57)];
        _this57.childDepandVisible = true;
        _this57.childDepandAlpha = false;
        _this57._z = 0;
        _this57._bitmapFlag = false;
        _this57.isCircleStyle = false; // 切成圆形

        _this57._maskSprArr = [];
        _this57._maskType = "destination-in"; // destination-out

        return _this57;
      }

      _createClass(MySprite, [{
        key: "init",
        value: function init() {
          var imgObj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
          var anchorX = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.5;
          var anchorY = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0.5;

          if (imgObj) {
            this.img = imgObj;
            this.width = this.img.width;
            this.height = this.img.height; // this.img.setAttribute("crossOrigin",'Anonymous')
          }

          this.anchorX = anchorX;
          this.anchorY = anchorY;
        }
      }, {
        key: "setShowRect",
        value: function setShowRect(rect) {
          this._showRect = rect;
        }
      }, {
        key: "setShadow",
        value: function setShadow(offX, offY, blur) {
          var color = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'rgba(0, 0, 0, 0.3)';
          this._shadowFlag = true;
          this._shadowColor = color;
          this._shadowOffsetX = offX;
          this._shadowOffsetY = offY;
          this._shadowBlur = blur;
        }
      }, {
        key: "setRadius",
        value: function setRadius(r) {
          this._radius = r;
        }
      }, {
        key: "addMaskSpr",
        value: function addMaskSpr(spr) {
          this._maskSprArr.push(spr);

          this._createOffCtx();
        }
      }, {
        key: "setMaskType",
        value: function setMaskType(t) {
          this._maskType = t;
        }
      }, {
        key: "_createOffCtx",
        value: function _createOffCtx() {
          if (!this._offCtx) {
            this._offCanvas = document.createElement('canvas'); // 创建一个新的canvas

            this._offCanvas.width = this.width; // 创建一个正好包裹住一个粒子canvas

            this._offCanvas.height = this.height;
            this._offCtx = this._offCanvas.getContext('2d');
          }
        }
      }, {
        key: "update",
        value: function update() {
          var $event = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;

          if (!this.visible && this.childDepandVisible) {
            return;
          }

          this.draw();
        }
      }, {
        key: "draw",
        value: function draw() {
          this.ctx.save();
          this.drawInit();
          this.updateChildren();
          this.ctx.restore();
        }
      }, {
        key: "drawInit",
        value: function drawInit() {
          this.ctx.translate(this.x, this.y);
          this.ctx.rotate(this.rotation * Math.PI / 180);
          this.ctx.scale(this.scaleX, this.scaleY);
          this.ctx.globalAlpha = this.alpha;
          this.ctx.transform(1, this.skewX, this.skewY, 1, 0, 0);
        }
      }, {
        key: "drawSelf",
        value: function drawSelf() {
          if (this._shadowFlag) {
            this.ctx.shadowOffsetX = this._shadowOffsetX;
            this.ctx.shadowOffsetY = this._shadowOffsetY;
            this.ctx.shadowBlur = this._shadowBlur;
            this.ctx.shadowColor = this._shadowColor;
          } else {
            this.ctx.shadowOffsetX = 0;
            this.ctx.shadowOffsetY = 0;
            this.ctx.shadowBlur = null;
            this.ctx.shadowColor = null;
          }

          if (this._radius) {
            var r = this._radius;
            var w = this.width;
            var h = this.height;
            this.ctx.beginPath();

            this._roundRect(-w / 2, -h / 2, w, h, r * 1 || 0);

            this.ctx.clip();
          }

          if (this.isCircleStyle) {
            this.ctx.beginPath();
            this.ctx.arc(0, 0, Math.max(this.width, this.height) / 2, 0, Math.PI * 2, false); // 圆形

            this.ctx.clip();
          }

          if (this.img) {
            if (this._showRect) {
              var rect = this._showRect;
              this.ctx.drawImage(this.img, rect.x, rect.y, rect.width, rect.height, this._offX + rect.x, this._offY + rect.y, rect.width, rect.height);
            } else {
              if (this._offCtx) {
                this._offScreenRender();
              } else {
                this.ctx.drawImage(this.img, this._offX, this._offY);
              }
            }
          }
        }
      }, {
        key: "_offScreenRender",
        value: function _offScreenRender() {
          this._offCtx.save();

          this._offCtx.clearRect(0, 0, this.width, this.height);

          this._offCtx.drawImage(this.img, 0, 0);

          this._offCtx.globalCompositeOperation = this._maskType;

          if (this._maskSprArr && this._maskSprArr.length > 0) {
            for (var i = 0; i < this._maskSprArr.length; i++) {
              this._maskSprArr[i].ctx = this._offCtx;

              this._maskSprArr[i].update();
            }
          }

          this.ctx.drawImage(this._offCanvas, this._offX, this._offY);

          this._offCtx.restore();
        }
      }, {
        key: "_roundRect",
        value: function _roundRect(x, y, w, h, r) {
          var min_size = Math.min(w, h);
          if (r > min_size / 2) r = min_size / 2; // 开始绘制

          var ctx = this.ctx;
          ctx.beginPath();
          ctx.moveTo(x + r, y);
          ctx.arcTo(x + w, y, x + w, y + h, r);
          ctx.arcTo(x + w, y + h, x, y + h, r);
          ctx.arcTo(x, y + h, x, y, r);
          ctx.arcTo(x, y, x + w, y, r);
          ctx.closePath();
        }
      }, {
        key: "updateChildren",
        value: function updateChildren() {
          if (this.children.length <= 0) {
            return;
          }

          var _iterator9 = _createForOfIteratorHelper(this.children),
              _step9;

          try {
            for (_iterator9.s(); !(_step9 = _iterator9.n()).done;) {
              var child = _step9.value;

              if (child === this) {
                if (this.visible) {
                  this.drawSelf();
                }
              } else {
                child.update();
              }
            }
          } catch (err) {
            _iterator9.e(err);
          } finally {
            _iterator9.f();
          }
        }
      }, {
        key: "load",
        value: function load(url) {
          var _this58 = this;

          var anchorX = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.5;
          var anchorY = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0.5;
          return new Promise(function (resolve, reject) {
            var img = new Image();

            img.onload = function () {
              return resolve(img);
            };

            img.onerror = reject;
            img.src = url;
          }).then(function (img) {
            _this58.init(img, anchorX, anchorY);

            return img;
          });
        }
      }, {
        key: "addChild",
        value: function addChild(child) {
          var z = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;

          if (this.children.indexOf(child) === -1) {
            this.children.push(child);
            child._z = z;
            child.parent = this;
          }

          this.children.sort(function (a, b) {
            return a._z - b._z;
          });

          if (this.childDepandAlpha) {
            child.alpha = this.alpha;
          }

          child.ctx = this.ctx;
        }
      }, {
        key: "removeChild",
        value: function removeChild(child) {
          var index = this.children.indexOf(child);

          if (index !== -1) {
            this.children.splice(index, 1);
          }
        }
      }, {
        key: "removeChildren",
        value: function removeChildren() {
          for (var i = 0; i < this.children.length; i++) {
            if (this.children[i]) {
              if (this.children[i] !== this) {
                this.children.splice(i, 1);
                i--;
              }
            }
          }
        }
      }, {
        key: "_changeChildAlpha",
        value: function _changeChildAlpha(alpha) {
          var _iterator10 = _createForOfIteratorHelper(this.children),
              _step10;

          try {
            for (_iterator10.s(); !(_step10 = _iterator10.n()).done;) {
              var child = _step10.value;

              if (child !== this) {
                child.alpha = alpha;
              }
            }
          } catch (err) {
            _iterator10.e(err);
          } finally {
            _iterator10.f();
          }
        }
      }, {
        key: "bitmapFlag",
        get: function get() {
          return this._bitmapFlag;
        },
        set: function set(v) {
          this._bitmapFlag = v;
        }
      }, {
        key: "alpha",
        get: function get() {
          return this._alpha;
        },
        set: function set(v) {
          this._alpha = v;

          if (this.childDepandAlpha) {
            this._changeChildAlpha(v);
          }
        }
      }, {
        key: "width",
        get: function get() {
          return this._width;
        },
        set: function set(v) {
          this._width = v;
          this.refreshAnchorOff();
        }
      }, {
        key: "height",
        get: function get() {
          return this._height;
        },
        set: function set(v) {
          this._height = v;
          this.refreshAnchorOff();
        }
      }, {
        key: "anchorX",
        get: function get() {
          return this._anchorX;
        },
        set: function set(value) {
          this._anchorX = value;
          this.refreshAnchorOff();
        }
      }, {
        key: "anchorY",
        get: function get() {
          return this._anchorY;
        },
        set: function set(value) {
          this._anchorY = value;
          this.refreshAnchorOff();
        }
      }, {
        key: "refreshAnchorOff",
        value: function refreshAnchorOff() {
          this._offX = -this._width * this.anchorX;
          this._offY = -this._height * this.anchorY;
        }
      }, {
        key: "setScaleXY",
        value: function setScaleXY(value) {
          this.scaleX = this.scaleY = value;
        }
      }, {
        key: "getBoundingBox",
        value: function getBoundingBox() {
          var getParentData = function getParentData(item) {
            var px = item.x;
            var py = item.y;
            var sx = item.scaleX;
            var sy = item.scaleY;
            var parent = item.parent;

            if (parent) {
              var obj = getParentData(parent);
              var _x = obj.px;
              var _y = obj.py;
              var _sx = obj.sx;
              var _sy = obj.sy;
              px = _x + item.x * _sx;
              py = _y + item.y * _sy;
              sx *= _sx;
              sy *= _sy;
            }

            return {
              px: px,
              py: py,
              sx: sx,
              sy: sy
            };
          };

          var data = getParentData(this);
          var x = data.px + this._offX * Math.abs(data.sx);
          var y = data.py + this._offY * Math.abs(data.sy);
          var width = this.width * Math.abs(data.sx);
          var height = this.height * Math.abs(data.sy);
          return {
            x: x,
            y: y,
            width: width,
            height: height
          };
        }
      }]);

      return MySprite;
    }(Sprite);

    var ColorSpr =
    /*#__PURE__*/
    function (_MySprite17) {
      _inherits(ColorSpr, _MySprite17);

      var _super23 = _createSuper(ColorSpr);

      function ColorSpr() {
        var _this59;

        _classCallCheck(this, ColorSpr);

        _this59 = _super23.apply(this, arguments);
        _this59.r = 0;
        _this59.g = 0;
        _this59.b = 0;
        return _this59;
      }

      _createClass(ColorSpr, [{
        key: "createGSCanvas",
        value: function createGSCanvas() {
          if (!this.img) {
            return;
          }

          var rect = this.getBoundingBox();

          if (rect.width <= 1 || rect.height <= 1) {
            return;
          }

          var c = this.ctx.getImageData(rect.x, rect.y, rect.width, rect.height);

          for (var i = 0; i < c.height; i++) {
            for (var j = 0; j < c.width; j++) {
              var x = i * 4 * c.width + j * 4;
              var r = c.data[x];
              var g = c.data[x + 1];
              var b = c.data[x + 2];
              c.data[x] = this.r;
              c.data[x + 1] = this.g;
              c.data[x + 2] = this.b; // c.data[x] = c.data[x + 1] = c.data[x + 2] = (r + g + b) / 3 ;
              // // c.data[x + 3] = 255;
            }
          }

          this.ctx.putImageData(c, rect.x, rect.y, 0, 0, rect.width, rect.height);
        }
      }, {
        key: "drawSelf",
        value: function drawSelf() {
          _get(_getPrototypeOf(ColorSpr.prototype), "drawSelf", this).call(this);

          this.createGSCanvas();
        }
      }]);

      return ColorSpr;
    }(MySprite);

    var GrayscaleSpr =
    /*#__PURE__*/
    function (_MySprite18) {
      _inherits(GrayscaleSpr, _MySprite18);

      var _super24 = _createSuper(GrayscaleSpr);

      function GrayscaleSpr() {
        var _this60;

        _classCallCheck(this, GrayscaleSpr);

        _this60 = _super24.apply(this, arguments);
        _this60.grayScale = 120;
        return _this60;
      }

      _createClass(GrayscaleSpr, [{
        key: "createGSCanvas",
        value: function createGSCanvas() {
          if (!this.img) {
            return;
          }

          var rect = this.getBoundingBox();
          var c = this.ctx.getImageData(rect.x, rect.y, rect.width, rect.height);

          for (var i = 0; i < c.height; i++) {
            for (var j = 0; j < c.width; j++) {
              var x = i * 4 * c.width + j * 4;
              var r = c.data[x];
              var g = c.data[x + 1];
              var b = c.data[x + 2]; // const a = c.data[x + 3];

              c.data[x] = c.data[x + 1] = c.data[x + 2] = this.grayScale; // (r + g + b) / 3;
              // c.data[x + 3] = 255;
            }
          }

          this.ctx.putImageData(c, rect.x, rect.y, 0, 0, rect.width, rect.height);
        }
      }, {
        key: "drawSelf",
        value: function drawSelf() {
          _get(_getPrototypeOf(GrayscaleSpr.prototype), "drawSelf", this).call(this);

          this.createGSCanvas();
        }
      }]);

      return GrayscaleSpr;
    }(MySprite);

    var BitMapLabel =
    /*#__PURE__*/
    function (_MySprite19) {
      _inherits(BitMapLabel, _MySprite19);

      var _super25 = _createSuper(BitMapLabel);

      function BitMapLabel() {
        _classCallCheck(this, BitMapLabel);

        return _super25.apply(this, arguments);
      }

      _createClass(BitMapLabel, [{
        key: "setText",
        value: function setText(data, text) {
          this.labelArr = [];
          var labelArr = [];
          var tmpArr = text.split('');
          var totalW = 0;
          var h = 0;

          var _iterator11 = _createForOfIteratorHelper(tmpArr),
              _step11;

          try {
            for (_iterator11.s(); !(_step11 = _iterator11.n()).done;) {
              var tmp = _step11.value;

              var _label2 = new MySprite(this.ctx);

              _label2.init(data[tmp], 0);

              this.addChild(_label2);
              labelArr.push(_label2);
              totalW += _label2.width;
              h = _label2.height;
            }
          } catch (err) {
            _iterator11.e(err);
          } finally {
            _iterator11.f();
          }

          this.width = totalW;
          this.height = h;
          var offX = -totalW / 2;

          for (var _i2 = 0, _labelArr2 = labelArr; _i2 < _labelArr2.length; _i2++) {
            var label = _labelArr2[_i2];
            label.x = offX;
            offX += label.width;
          }

          this.labelArr = labelArr;
        }
      }]);

      return BitMapLabel;
    }(MySprite);

    var Label =
    /*#__PURE__*/
    function (_MySprite20) {
      _inherits(Label, _MySprite20);

      var _super26 = _createSuper(Label);

      function Label() {
        var _this61;

        var ctx = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;

        _classCallCheck(this, Label);

        _this61 = _super26.call(this, ctx); // fontSize:String = '40px';

        _this61.fontName = 'Verdana';
        _this61.textAlign = 'left';
        _this61.textBaseline = 'middle';
        _this61.fontSize = 40;
        _this61.fontColor = '#000000';
        _this61.fontWeight = 900;
        _this61.outline = 0;
        _this61.outlineColor = '#ffffff'; // _shadowFlag = false;
        // _shadowColor;
        // _shadowOffsetX;
        // _shadowOffsetY;
        // _shadowBlur;

        _this61._outlineFlag = false;

        _this61.init();

        return _this61;
      }

      _createClass(Label, [{
        key: "refreshSize",
        value: function refreshSize() {
          this.ctx.save();
          this.ctx.font = "".concat(this.fontSize, "px ").concat(this.fontName);
          this.ctx.textAlign = this.textAlign;
          this.ctx.textBaseline = this.textBaseline;
          this.ctx.fontWeight = this.fontWeight;
          this._width = this.ctx.measureText(this.text).width;
          this._height = this.fontSize;
          this.refreshAnchorOff();
          this.ctx.restore();
        }
      }, {
        key: "setMaxSize",
        value: function setMaxSize(w) {
          this._maxWidth = w;
          this.refreshSize();

          if (this.width >= w) {
            this.scaleX *= w / this.width;
            this.scaleY *= w / this.width;
          }
        }
      }, {
        key: "show",
        value: function show() {
          var callBack = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
          this.visible = true;

          if (this.alpha >= 1) {
            return;
          }

          var tween = new _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Tween(this).to({
            alpha: 1
          }, 800) // .easing(TWEEN.Easing.Quadratic.Out) // Use an easing function to make the animation smooth.
          .onComplete(function () {
            if (callBack) {
              callBack();
            }
          }).start(); // Start the tween immediately.
        } // setShadow(offX = 0, offY = 2, blur = 2, color = 'rgba(0, 0, 0, 0.2)') {
        //
        //   this._shadowFlag = true;
        //   this._shadowColor = color;
        //   // 将阴影向右移动15px，向上移动10px
        //   this._shadowOffsetX = 5;
        //   this._shadowOffsetY = 5;
        //   // 轻微模糊阴影
        //   this._shadowBlur = 5;
        // }

      }, {
        key: "setOutline",
        value: function setOutline() {
          var width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 5;
          var color = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '#ffffff';
          this._outlineFlag = true;
          this._outLineWidth = width;
          this._outLineColor = color;
        }
      }, {
        key: "drawText",
        value: function drawText() {
          // console.log('in drawText', this.text);
          if (!this.text) {
            return;
          } // if (this._shadowFlag) {
          //
          //   this.ctx.shadowColor = this._shadowColor;
          //   // 将阴影向右移动15px，向上移动10px
          //   this.ctx.shadowOffsetX = this._shadowOffsetX;
          //   this.ctx.shadowOffsetY = this._shadowOffsetY;
          //   // 轻微模糊阴影
          //   this.ctx.shadowBlur = this._shadowBlur;
          // }


          this.ctx.font = "".concat(this.fontSize, "px ").concat(this.fontName);
          this.ctx.textAlign = this.textAlign;
          this.ctx.textBaseline = 'middle';
          this.ctx.fontWeight = this.fontWeight;

          if (this._outlineFlag) {
            this.ctx.lineWidth = this._outLineWidth;
            this.ctx.strokeStyle = this._outLineColor;
            this.ctx.strokeText(this.text, 0, 0);
          }

          this.ctx.fillStyle = this.fontColor;

          if (this.outline > 0) {
            this.ctx.lineWidth = this.outline;
            this.ctx.strokeStyle = this.outlineColor;
            this.ctx.strokeText(this.text, 0, 0);
          }

          this.ctx.fillText(this.text, 0, 0);
        }
      }, {
        key: "drawSelf",
        value: function drawSelf() {
          _get(_getPrototypeOf(Label.prototype), "drawSelf", this).call(this);

          this.drawText();
        }
      }]);

      return Label;
    }(MySprite);

    var RichTextOld =
    /*#__PURE__*/
    function (_Label4) {
      _inherits(RichTextOld, _Label4);

      var _super27 = _createSuper(RichTextOld);

      function RichTextOld() {
        var _this62;

        _classCallCheck(this, RichTextOld);

        _this62 = _super27.apply(this, arguments);
        _this62.textArr = [];
        _this62.fontSize = 40;
        return _this62;
      }

      _createClass(RichTextOld, [{
        key: "setText",
        value: function setText(text, words) {
          var newText = text;

          var _iterator12 = _createForOfIteratorHelper(words),
              _step12;

          try {
            for (_iterator12.s(); !(_step12 = _iterator12.n()).done;) {
              var word = _step12.value;
              var re = new RegExp(word, 'g');
              newText = newText.replace(re, "#".concat(word, "#")); // newText = newText.replace(word, `#${word}#`);
            }
          } catch (err) {
            _iterator12.e(err);
          } finally {
            _iterator12.f();
          }

          this.textArr = newText.split('#');
          this.text = newText; // this.setSize();
        }
      }, {
        key: "refreshSize",
        value: function refreshSize() {
          this.ctx.save();
          this.ctx.font = "".concat(this.fontSize, "px ").concat(this.fontName);
          this.ctx.textAlign = this.textAlign;
          this.ctx.textBaseline = 'middle';
          this.ctx.fontWeight = this.fontWeight;
          var curX = 0;

          var _iterator13 = _createForOfIteratorHelper(this.textArr),
              _step13;

          try {
            for (_iterator13.s(); !(_step13 = _iterator13.n()).done;) {
              var text = _step13.value;
              var w = this.ctx.measureText(text).width;
              curX += w;
            }
          } catch (err) {
            _iterator13.e(err);
          } finally {
            _iterator13.f();
          }

          this.width = curX;
          this.height = this.fontSize;
          this.refreshAnchorOff();
          this.ctx.restore();
        }
      }, {
        key: "show",
        value: function show() {
          var callBack = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
          // console.log(' in show ');
          this.visible = true; // this.alpha = 0;

          var tween = new _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Tween(this).to({
            alpha: 1
          }, 800) // .easing(TWEEN.Easing.Quadratic.Out) // Use an easing function to make the animation smooth.
          .onComplete(function () {
            if (callBack) {
              callBack();
            }
          }).start(); // Start the tween immediately.
        }
      }, {
        key: "drawText",
        value: function drawText() {
          // console.log('in drawText', this.text);
          if (!this.text) {
            return;
          }

          this.ctx.font = "".concat(this.fontSize, "px ").concat(this.fontName);
          this.ctx.textAlign = this.textAlign;
          this.ctx.textBaseline = 'middle';
          this.ctx.fontWeight = 900;
          this.ctx.lineWidth = 5;
          this.ctx.strokeStyle = '#ffffff'; // this.ctx.strokeText(this.text, 0, 0);

          this.ctx.fillStyle = '#000000'; // this.ctx.fillText(this.text, 0, 0);

          var curX = 0;

          for (var i = 0; i < this.textArr.length; i++) {
            var w = this.ctx.measureText(this.textArr[i]).width;

            if ((i + 1) % 2 === 0) {
              this.ctx.fillStyle = '#c8171e';
            } else {
              this.ctx.fillStyle = '#000000';
            }

            this.ctx.fillText(this.textArr[i], curX, 0);
            curX += w;
          }
        }
      }]);

      return RichTextOld;
    }(Label);

    var RichText =
    /*#__PURE__*/
    function (_Label5) {
      _inherits(RichText, _Label5);

      var _super28 = _createSuper(RichText);

      function RichText(ctx) {
        var _this63;

        _classCallCheck(this, RichText);

        _this63 = _super28.call(this, ctx);
        _this63.topH = 0;
        _this63.disH = 10;
        _this63.offW = 10;
        _this63.row = 1;
        _this63.textBaseline = "middle";
        _this63.isShowWordBg = false; // this.dataArr = dataArr;

        return _this63;
      }

      _createClass(RichText, [{
        key: "getLineNum",
        value: function getLineNum() {
          this.drawSelf();
          return this.row;
        }
      }, {
        key: "getAreaHeight",
        value: function getAreaHeight() {
          this.drawSelf();
          var tmpTextH = this.row * this.fontSize;
          var tmpDisH = (this.row - 1) * this.disH;
          return tmpTextH + tmpDisH;
        }
      }, {
        key: "getSubTextRectGroup",
        value: function getSubTextRectGroup(text) {
          var targetIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
          console.log('!!!wordBgData: ', this.wordBgData);
          var rectGroup = [];
          var subTextArr = text.split(' ');
          var baseIndex = targetIndex;
          console.log('subTextArr: ', subTextArr);

          for (var i = 0; i < subTextArr.length; i++) {
            var subText = subTextArr[i];

            if (!subText) {
              continue;
            }

            var subData = this.getSubTextRect(subText, baseIndex);

            if (subData) {
              console.log('baseIndex1 : ', baseIndex);
              rectGroup.push(subData);
              baseIndex = Number(subData.index) + subData.text.length;
              console.log('baseIndex2 : ', baseIndex);
            }
          }

          return rectGroup;
        }
      }, {
        key: "getSubTextRect",
        value: function getSubTextRect(subText) {
          var targetIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
          subText = subText.trim();

          if (!subText) {
            return;
          }

          this.isShowWordBg = true;
          this.update();
          var tmpLabel = new RichText();
          tmpLabel.fontSize = this.fontSize;
          tmpLabel.fontName = this.fontName;
          tmpLabel.textAlign = this.textAlign;
          tmpLabel.textBaseline = this.textBaseline;
          tmpLabel.fontWeight = this.fontWeight;
          tmpLabel.width = this.width;
          tmpLabel.height = this.height; // console.log('subText: ', subText);
          // console.log('this.text: ', this.text);
          // console.log('targetIndex: ', targetIndex);
          // const indexArr = searchSubStr(this.text, subText);
          // console.log('indexArr: ', indexArr);
          // const index = indexArr[targetIndex];

          var index = this.text.indexOf(subText, targetIndex); // console.log('index: ', index);

          if (index == -1) {
            return;
          } // console.log('this.wordBgData: ', this.wordBgData);
          // const index = this.text.indexOf(subText);
          // console.log('!!!index: ', index);


          var data = this.wordBgData[index.toString()]; // console.log('!!!wordBgData: ', this.wordBgData);

          console.log('!!!data: ', data);
          return data;
        }
      }, {
        key: "drawText",
        value: function drawText() {
          if (!this.text) {
            return;
          }

          var curCtx = this.ctx;

          if (this._offCtx) {
            this._offCtx.save();

            this._offCtx.clearRect(0, 0, this.width, this.height);

            curCtx = this._offCtx;
          }

          curCtx.font = "".concat(this.fontSize, "px ").concat(this.fontName);
          curCtx.textAlign = this.textAlign;
          curCtx.textBaseline = this.textBaseline;
          curCtx.fontWeight = this.fontWeight;
          curCtx.fillStyle = this.fontColor;
          var selfW = this.width * this.scaleX;
          var chr = this.text.split(' ');
          var temp = '';
          var row = [];
          var w = selfW - this.offW * 2;
          var disH = (this.fontSize + this.disH) * this.scaleY;
          var isPushWordData = false;

          if (this.isShowWordBg && !this.wordBgData) {
            this.wordBgData = {};
            isPushWordData = true;
          }

          var wordIndex = -1;

          var _iterator14 = _createForOfIteratorHelper(chr),
              _step14;

          try {
            for (_iterator14.s(); !(_step14 = _iterator14.n()).done;) {
              var c = _step14.value;

              if (isPushWordData) {}

              if (c == '\n') {
                row.push(temp);
                temp = '';
              } else if (curCtx.measureText(temp).width < w && curCtx.measureText(temp + c).width <= w) {
                temp += ' ' + c;
              } else {
                row.push(temp);
                temp = ' ' + c;
              }

              if (isPushWordData) {
                wordIndex = this.text.indexOf(c, wordIndex + 1);
                var key = wordIndex.toString();
                var rectX = curCtx.measureText(temp).width;
                var rectY = row.length * disH / this.scaleY;
                var rectW = curCtx.measureText(c).width;
                var rectH = this.fontSize;
                this.wordBgData[key] = {
                  rect: {
                    x: rectX,
                    y: rectY,
                    width: rectW,
                    height: rectH
                  },
                  text: c,
                  index: wordIndex
                };
              }
            }
          } catch (err) {
            _iterator14.e(err);
          } finally {
            _iterator14.f();
          }

          row.push(temp);
          this.row = row.length;
          var x = 0;
          var y = this.topH; //-row.length * disH / 2;
          // for (let b = 0 ; b < row.length; b++) {
          //   curCtx.strokeText(row[b], x, y + ( b + 1 ) * disH ); // 每行字体y坐标间隔20
          // }

          if (this._outlineFlag) {
            curCtx.lineWidth = this._outLineWidth;
            curCtx.strokeStyle = this._outLineColor;

            for (var b = 0; b < row.length; b++) {
              curCtx.strokeText(row[b], x, y + (b + 0) * disH / this.scaleY); // 每行字体y坐标间隔20
            } // curCtx.strokeText(this.text, 0, 0);

          } // curCtx.fillStyle = '#ff7600';


          for (var _b3 = 0; _b3 < row.length; _b3++) {
            curCtx.fillText(row[_b3], x, y + (_b3 + 0) * disH / this.scaleY); // 每行字体y坐标间隔20
          }

          if (this._offCtx) {
            this._offCtx.globalCompositeOperation = this._maskType;

            if (this._maskSprArr && this._maskSprArr.length > 0) {
              for (var i = 0; i < this._maskSprArr.length; i++) {
                this._maskSprArr[i].ctx = this._offCtx;

                this._maskSprArr[i].update();
              } // console.log('aaaaa1');

            }

            this.ctx.drawImage(this._offCanvas, this._offX, this._offY);

            this._offCtx.restore();
          }
        }
      }, {
        key: "drawSelf",
        value: function drawSelf() {
          _get(_getPrototypeOf(RichText.prototype), "drawSelf", this).call(this);

          this.drawText();
        }
      }]);

      return RichText;
    }(Label);

    var LineRect =
    /*#__PURE__*/
    function (_MySprite21) {
      _inherits(LineRect, _MySprite21);

      var _super29 = _createSuper(LineRect);

      function LineRect() {
        var _this64;

        _classCallCheck(this, LineRect);

        _this64 = _super29.apply(this, arguments);
        _this64.lineColor = '#ffffff';
        _this64.lineWidth = 10;
        return _this64;
      }

      _createClass(LineRect, [{
        key: "setSize",
        value: function setSize(w, h) {
          this.width = w;
          this.height = h;
        }
      }, {
        key: "drawLine",
        value: function drawLine() {
          this.ctx.beginPath();
          this.ctx.moveTo(this._offX, this._offY);
          this.ctx.lineTo(this._offX + this.width, this._offY);
          this.ctx.lineTo(this._offX + this.width, this._offY + this.height);
          this.ctx.lineTo(this._offX, this._offY + this.height);
          this.ctx.closePath();
          this.ctx.lineWidth = this.lineWidth; // this.ctx.fillStyle = "rgb(2,33,42)";  //指定填充颜色
          // this.ctx.fill();   //对多边形进行填充

          this.ctx.strokeStyle = this.lineColor; // "#ffffff";

          this.ctx.stroke();
        }
      }, {
        key: "drawSelf",
        value: function drawSelf() {
          _get(_getPrototypeOf(LineRect.prototype), "drawSelf", this).call(this);

          this.drawLine();
        }
      }]);

      return LineRect;
    }(MySprite);

    var ShapeRect =
    /*#__PURE__*/
    function (_MySprite22) {
      _inherits(ShapeRect, _MySprite22);

      var _super30 = _createSuper(ShapeRect);

      function ShapeRect() {
        var _this65;

        _classCallCheck(this, ShapeRect);

        _this65 = _super30.apply(this, arguments);
        _this65.fillColor = '#FF0000';
        return _this65;
      }

      _createClass(ShapeRect, [{
        key: "setSize",
        value: function setSize(w, h) {
          this.width = w;
          this.height = h; // console.log('w:', w);
          // console.log('h:', h);
        }
      }, {
        key: "drawShape",
        value: function drawShape() {
          if (this._offCtx) {
            this._offCtx.save();

            this._offCtx.clearRect(0, 0, this.width, this.height);

            this._offCtx.fillStyle = this.fillColor;

            this._offCtx.fillRect(this._offX, this._offY, this.width, this.height);

            this._offCtx.globalCompositeOperation = this._maskType;

            if (this._maskSprArr && this._maskSprArr.length > 0) {
              for (var i = 0; i < this._maskSprArr.length; i++) {
                this._maskSprArr[i].ctx = this._offCtx;

                this._maskSprArr[i].update();
              }
            }

            this.ctx.drawImage(this._offCanvas, this._offX, this._offY);

            this._offCtx.restore();
          } else {
            this.ctx.fillStyle = this.fillColor;
            this.ctx.fillRect(this._offX, this._offY, this.width, this.height);
          }
        }
      }, {
        key: "drawSelf",
        value: function drawSelf() {
          _get(_getPrototypeOf(ShapeRect.prototype), "drawSelf", this).call(this);

          this.drawShape();
        }
      }]);

      return ShapeRect;
    }(MySprite);

    var ShapeCircle =
    /*#__PURE__*/
    function (_MySprite23) {
      _inherits(ShapeCircle, _MySprite23);

      var _super31 = _createSuper(ShapeCircle);

      function ShapeCircle() {
        var _this66;

        _classCallCheck(this, ShapeCircle);

        _this66 = _super31.apply(this, arguments);
        _this66.fillColor = '#FF0000';
        _this66.radius = 0;
        return _this66;
      }

      _createClass(ShapeCircle, [{
        key: "setRadius",
        value: function setRadius(r) {
          this.anchorX = this.anchorY = 0.5;
          this.radius = r;
          this.width = r * 2;
          this.height = r * 2;
        }
      }, {
        key: "drawShape",
        value: function drawShape() {
          this.ctx.beginPath();
          this.ctx.fillStyle = this.fillColor;
          this.ctx.arc(0, 0, this.radius, 0, angleToRadian(360));
          this.ctx.fill();
        }
      }, {
        key: "drawSelf",
        value: function drawSelf() {
          _get(_getPrototypeOf(ShapeCircle.prototype), "drawSelf", this).call(this);

          this.drawShape();
        }
      }]);

      return ShapeCircle;
    }(MySprite);

    var ShapeRectNew =
    /*#__PURE__*/
    function (_MySprite24) {
      _inherits(ShapeRectNew, _MySprite24);

      var _super32 = _createSuper(ShapeRectNew);

      function ShapeRectNew() {
        var _this67;

        _classCallCheck(this, ShapeRectNew);

        _this67 = _super32.apply(this, arguments);
        _this67.radius = 0;
        _this67.fillColor = '#ffffff';
        _this67.strokeColor = '#000000';
        _this67.fill = true;
        _this67.stroke = false;
        _this67.lineWidth = 1;
        return _this67;
      }

      _createClass(ShapeRectNew, [{
        key: "setSize",
        value: function setSize(w, h, r) {
          this.width = w;
          this.height = h;
          this.radius = r;
        }
      }, {
        key: "setOutLine",
        value: function setOutLine(color, lineWidth) {
          this.stroke = true;
          this.strokeColor = color;
          this.lineWidth = lineWidth;
        }
      }, {
        key: "drawShape",
        value: function drawShape() {
          var ctx = this.ctx;
          var width = this.width;
          var height = this.height;
          var radius = this.radius;
          ctx.save();
          ctx.beginPath(0); // 从右下角顺时针绘制，弧度从0到1/2PI

          ctx.arc(width - radius + this._offX, height - radius + this._offY, radius, 0, Math.PI / 2); // 矩形下边线

          ctx.lineTo(radius + this._offX, height + this._offY); // 左下角圆弧，弧度从1/2PI到PI

          ctx.arc(radius + this._offX, height - radius + this._offY, radius, Math.PI / 2, Math.PI); // 矩形左边线

          ctx.lineTo(0 + this._offX, radius + this._offY); // 左上角圆弧，弧度从PI到3/2PI

          ctx.arc(radius + this._offX, radius + this._offY, radius, Math.PI, Math.PI * 3 / 2); // 上边线

          ctx.lineTo(width - radius + this._offX, 0 + this._offY); // 右上角圆弧

          ctx.arc(width - radius + this._offX, radius + this._offY, radius, Math.PI * 3 / 2, Math.PI * 2); // 右边线

          ctx.lineTo(width + this._offX, height - radius + this._offY);
          ctx.closePath();

          if (this.fill) {
            ctx.fillStyle = this.fillColor;
            ctx.fill();
          }

          if (this.stroke) {
            ctx.lineWidth = this.lineWidth;
            ctx.strokeStyle = this.strokeColor;
            ctx.stroke();
          }

          ctx.restore();
        }
      }, {
        key: "drawSelf",
        value: function drawSelf() {
          _get(_getPrototypeOf(ShapeRectNew.prototype), "drawSelf", this).call(this);

          this.drawShape();
        }
      }]);

      return ShapeRectNew;
    }(MySprite);

    var MyAnimation =
    /*#__PURE__*/
    function (_MySprite25) {
      _inherits(MyAnimation, _MySprite25);

      var _super33 = _createSuper(MyAnimation);

      function MyAnimation() {
        var _this68;

        _classCallCheck(this, MyAnimation);

        _this68 = _super33.apply(this, arguments);
        _this68.frameArr = [];
        _this68.frameIndex = 0;
        _this68.playFlag = false;
        _this68.curDelay = 0;
        _this68.loop = false;
        _this68.delayPerUnit = 0.07;
        _this68.restartFlag = false;
        _this68.reverseFlag = false;
        return _this68;
      }

      _createClass(MyAnimation, [{
        key: "addFrameByImg",
        value: function addFrameByImg(img) {
          var spr = new MySprite(this.ctx);
          spr.init(img);

          this._refreshSize(img);

          spr.visible = false;
          this.addChild(spr);
          this.frameArr.push(spr);
          this.frameArr[this.frameIndex].visible = true;
        }
      }, {
        key: "addFrameByUrl",
        value: function addFrameByUrl(url) {
          var _this69 = this;

          var spr = new MySprite(this.ctx);
          spr.load(url).then(function (img) {
            _this69._refreshSize(img);
          });
          spr.visible = false;
          this.addChild(spr);
          this.frameArr.push(spr);
          this.frameArr[this.frameIndex].visible = true;
        }
      }, {
        key: "_refreshSize",
        value: function _refreshSize(img) {
          if (this.width < img.width) {
            this.width = img.width;
          }

          if (this.height < img.height) {
            this.height = img.height;
          }
        }
      }, {
        key: "play",
        value: function play() {
          this.playFlag = true;
          this.lastDateTime = new Date().getTime();
        }
      }, {
        key: "stop",
        value: function stop() {
          this.playFlag = false;
        }
      }, {
        key: "replay",
        value: function replay() {
          this.restartFlag = true;
          this.play();
        }
      }, {
        key: "reverse",
        value: function reverse() {
          this.reverseFlag = !this.reverseFlag;
          this.frameArr.reverse();
          this.frameIndex = 0;
        }
      }, {
        key: "showAllFrame",
        value: function showAllFrame() {
          var _iterator15 = _createForOfIteratorHelper(this.frameArr),
              _step15;

          try {
            for (_iterator15.s(); !(_step15 = _iterator15.n()).done;) {
              var frame = _step15.value;
              frame.alpha = 1;
            }
          } catch (err) {
            _iterator15.e(err);
          } finally {
            _iterator15.f();
          }
        }
      }, {
        key: "hideAllFrame",
        value: function hideAllFrame() {
          var _iterator16 = _createForOfIteratorHelper(this.frameArr),
              _step16;

          try {
            for (_iterator16.s(); !(_step16 = _iterator16.n()).done;) {
              var frame = _step16.value;
              frame.alpha = 0;
            }
          } catch (err) {
            _iterator16.e(err);
          } finally {
            _iterator16.f();
          }
        }
      }, {
        key: "playEnd",
        value: function playEnd() {
          this.playFlag = false;
          this.curDelay = 0;
          this.frameArr[this.frameIndex].visible = true;

          if (this.playEndFunc) {
            var func = this.playEndFunc;
            this.playEndFunc = null;
            func();
          }
        }
      }, {
        key: "updateFrame",
        value: function updateFrame() {
          if (this.frameArr[this.frameIndex]) {
            this.frameArr[this.frameIndex].visible = false;
          }

          this.frameIndex++;

          if (this.frameIndex >= this.frameArr.length) {
            if (this.loop) {
              this.frameIndex = 0;
            } else if (this.restartFlag) {
              this.restartFlag = false;
              this.frameIndex = 0;
            } else {
              this.frameIndex--;
              this.playEnd();
              return;
            }
          }

          this.frameArr[this.frameIndex].visible = true;
        }
      }, {
        key: "_updateDelay",
        value: function _updateDelay(delay) {
          this.curDelay += delay;

          if (this.curDelay < this.delayPerUnit) {
            return;
          }

          this.curDelay -= this.delayPerUnit;
          this.updateFrame();
        }
      }, {
        key: "_updateLastDate",
        value: function _updateLastDate() {
          if (!this.playFlag) {
            return;
          }

          var delay = 0;

          if (this.lastDateTime) {
            delay = (new Date().getTime() - this.lastDateTime) / 1000;
          }

          this.lastDateTime = new Date().getTime();

          this._updateDelay(delay);
        }
      }, {
        key: "update",
        value: function update() {
          var $event = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;

          _get(_getPrototypeOf(MyAnimation.prototype), "update", this).call(this, $event);

          this._updateLastDate();
        }
      }]);

      return MyAnimation;
    }(MySprite); // --------===========  util func  =============-------------


    function tweenChange(item, obj) {
      var time = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0.8;
      var callBack = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
      var easing = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
      var update = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : null;
      var tween = createTween(item, obj, time, callBack, easing, update);
      tween.start();
      return tween;
    }

    function createTween(item, obj) {
      var time = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0.8;
      var callBack = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
      var easing = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
      var update = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : null;
      var tween = new _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Tween(item).to(obj, time * 1000);

      if (callBack) {
        tween.onComplete(function () {
          callBack();
        });
      }

      if (easing) {
        tween.easing(easing);
      }

      if (update) {
        tween.onUpdate(function (a, b) {
          update(a, b);
        });
      }

      return tween;
    }

    function tweenQueue(arr) {
      var showOneTween = function showOneTween() {
        var tween = arr.shift();

        if (arr.length > 0) {
          tween.onComplete(function () {
            showOneTween();
          });
        }

        tween.start();
      };

      showOneTween();
    }

    function rotateItem(item, rotation) {
      var time = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0.8;
      var callBack = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
      var easing = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
      var loop = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
      var tween = new _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Tween(item).to({
        rotation: rotation
      }, time * 1000);

      if (callBack) {
        tween.onComplete(function () {
          callBack();
        });
      } else if (loop) {
        var speed = (rotation - item.rotation) / time;
        tween.onComplete(function () {
          item.rotation %= 360;
          rotateItem(item, item.rotation + speed * time, time, null, easing, true);
        });
      }

      if (easing) {
        tween.easing(easing);
      }

      tween.start();
    }

    function scaleItem(item, scale) {
      var time = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0.8;
      var callBack = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
      var easing = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
      var tween = new _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Tween(item).to({
        scaleX: scale,
        scaleY: scale
      }, time * 1000);

      if (callBack) {
        tween.onComplete(function () {
          callBack();
        });
      }

      if (easing) {
        tween.easing(easing);
      }

      tween.start();
      return tween;
    }

    function moveItem(item, x, y) {
      var time = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0.8;
      var callBack = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
      var easing = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : null;
      var tween = new _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Tween(item).to({
        x: x,
        y: y
      }, time * 1000);

      if (callBack) {
        tween.onComplete(function () {
          callBack();
        });
      }

      if (easing) {
        tween.easing(easing);
      }

      tween.start();
      return tween;
    }

    function endShow(item) {
      var s = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
      item.scaleX = item.scaleY = 0;
      item.alpha = 0;
      var tween = new _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Tween(item).to({
        alpha: 1,
        scaleX: s,
        scaleY: s
      }, 800).easing(_tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Easing.Elastic.Out) // Use an easing function to make the animation smooth.
      .onComplete(function () {}).start();
    }

    function hideItem(item) {
      var time = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.8;
      var callBack = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
      var easing = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;

      if (item.alpha === 0) {
        return;
      }

      var tween = new _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Tween(item).to({
        alpha: 0
      }, time * 1000) // .easing(TWEEN.Easing.Quadratic.Out) // Use an easing function to make the animation smooth.
      .onComplete(function () {
        if (callBack) {
          callBack();
        }
      });

      if (easing) {
        tween.easing(easing);
      }

      tween.start();
    }

    function showItem(item) {
      var time = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.8;
      var callBack = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
      var easing = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;

      if (item.alpha === 1) {
        if (callBack) {
          callBack();
        }

        return;
      }

      item.visible = true;
      var tween = new _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Tween(item).to({
        alpha: 1
      }, time * 1000) // .easing(TWEEN.Easing.Quadratic.Out) // Use an easing function to make the animation smooth.
      .onComplete(function () {
        if (callBack) {
          callBack();
        }
      });

      if (easing) {
        tween.easing(easing);
      }

      tween.start();
    }

    function alphaItem(item, alpha) {
      var time = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0.8;
      var callBack = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
      var easing = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
      var tween = new _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Tween(item).to({
        alpha: alpha
      }, time * 1000) // .easing(TWEEN.Easing.Quadratic.Out) // Use an easing function to make the animation smooth.
      .onComplete(function () {
        if (callBack) {
          callBack();
        }
      });

      if (easing) {
        tween.easing(easing);
      }

      tween.start();
    }

    function showStar(item) {
      var time = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.8;
      var callBack = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
      var easing = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
      var tween = new _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Tween(item).to({
        alpha: 1,
        scale: 1
      }, time * 1000) // .easing(TWEEN.Easing.Quadratic.Out) // Use an easing function to make the animation smooth.
      .onComplete(function () {
        if (callBack) {
          callBack();
        }
      });

      if (easing) {
        tween.easing(easing);
      }

      tween.start();
    }

    function randomSortByArr(arr) {
      var newArr = [];
      var tmpArr = arr.concat();

      while (tmpArr.length > 0) {
        var randomIndex = Math.floor(tmpArr.length * Math.random());
        newArr.push(tmpArr[randomIndex]);
        tmpArr.splice(randomIndex, 1);
      }

      return newArr;
    }

    function radianToAngle(radian) {
      return radian * 180 / Math.PI; // 角度 = 弧度 * 180 / Math.PI;
    }

    function angleToRadian(angle) {
      return angle * Math.PI / 180; // 弧度= 角度 * Math.PI / 180;
    }

    function getPosByAngle(angle, len) {
      var radian = angle * Math.PI / 180;
      var x = Math.sin(radian) * len;
      var y = Math.cos(radian) * len;
      return {
        x: x,
        y: y
      };
    }

    function getAngleByPos(px, py, mx, my) {
      var x = Math.abs(px - mx);
      var y = Math.abs(py - my);
      var z = Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2));
      var cos = y / z;
      var radina = Math.acos(cos); // 用反三角函数求弧度

      var angle = Math.floor(180 / (Math.PI / radina) * 100) / 100; // 将弧度转换成角度

      if (mx > px && my > py) {
        // 鼠标在第四象限
        angle = 180 - angle;
      }

      if (mx === px && my > py) {
        // 鼠标在y轴负方向上
        angle = 180;
      }

      if (mx > px && my === py) {
        // 鼠标在x轴正方向上
        angle = 90;
      }

      if (mx < px && my > py) {
        // 鼠标在第三象限
        angle = 180 + angle;
      }

      if (mx < px && my === py) {
        // 鼠标在x轴负方向
        angle = 270;
      }

      if (mx < px && my < py) {
        // 鼠标在第二象限
        angle = 360 - angle;
      } // console.log('angle: ', angle);


      return angle;
    }

    function removeItemFromArr(arr, item) {
      if (!arr || !item) {
        return;
      }

      var index = arr.indexOf(item);

      if (index !== -1) {
        arr.splice(index, 1);
      }
    }

    function circleMove(item, x0, y0) {
      var time = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 2;
      var addR = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 360;
      var xPer = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 1;
      var yPer = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : 1;
      var callBack = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : null;
      var easing = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : null;
      var r = getPosDistance(item.x, item.y, x0, y0);
      var a = getAngleByPos(item.x, item.y, x0, y0);
      a += 90;
      var obj = {
        r: r,
        a: a
      };
      item._circleAngle = a;
      var targetA = a + addR;
      var tween = new _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Tween(item).to({
        _circleAngle: targetA
      }, time * 1000);

      if (callBack) {
        tween.onComplete(function () {
          callBack();
        });
      }

      if (easing) {
        tween.easing(easing);
      }

      tween.onUpdate(function (item, progress) {
        // console.log(item._circleAngle);
        var r = obj.r;
        var a = item._circleAngle;
        var x = x0 + r * xPer * Math.cos(a * Math.PI / 180);
        var y = y0 + r * yPer * Math.sin(a * Math.PI / 180);
        item.x = x;
        item.y = y; // obj.a ++;
      });
      tween.start();
    }

    function getPosDistance(sx, sy, ex, ey) {
      var _x = ex - sx;

      var _y = ey - sy;

      var len = Math.sqrt(Math.pow(_x, 2) + Math.pow(_y, 2));
      return len;
    }

    function delayCall(second, callback) {
      var tween = new _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Tween(this).delay(second * 1000).onComplete(function () {
        if (callback) {
          callback();
        }
      }).start();
    }

    function formatTime(fmt, date) {
      // "yyyy-MM-dd HH:mm:ss";
      var o = {
        'M+': date.getMonth() + 1,
        'd+': date.getDate(),
        'h+': date.getHours(),
        'm+': date.getMinutes(),
        's+': date.getSeconds(),
        'q+': Math.floor((date.getMonth() + 3) / 3),
        S: date.getMilliseconds() // 毫秒

      };

      if (/(y+)/.test(fmt)) {
        fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length));
      }

      for (var k in o) {
        if (new RegExp('(' + k + ')').test(fmt)) {
          fmt = fmt.replace(RegExp.$1, RegExp.$1.length === 1 ? o[k] : ('00' + o[k]).substr(('' + o[k]).length));
        }
      }

      return fmt;
    }

    function getMinScale(item, maxW) {
      var maxH = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;

      if (!maxH) {
        maxH = maxW;
      }

      var sx = maxW / item.width;
      var sy = maxH / item.height;
      var minS = Math.min(sx, sy);
      return minS;
    }

    function jelly(item) {
      var time = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.7;

      if (item.jellyTween) {
        _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].remove(item.jellyTween);
      }

      var t = time / 9;
      var baseSX = item.scaleX;
      var baseSY = item.scaleY;
      var index = 0;

      var run = function run() {
        if (index >= arr.length) {
          item.jellyTween = null;
          return;
        }

        var data = arr[index];
        var t = tweenChange(item, {
          scaleX: data[0],
          scaleY: data[1]
        }, data[2], function () {
          index++;
          run();
        }, _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Easing.Sinusoidal.InOut);
        item.jellyTween = t;
      };

      var arr = [[baseSX * 1.1, baseSY * 0.9, t], [baseSX * 0.98, baseSY * 1.02, t * 2], [baseSX * 1.02, baseSY * 0.98, t * 2], [baseSX * 0.99, baseSY * 1.01, t * 2], [baseSX * 1.0, baseSY * 1.0, t * 2]];
      run();
    }

    function jellyPop(item, time) {
      if (item.jellyTween) {
        _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].remove(item.jellyTween);
      }

      var t = time / 6;
      var baseSX = item.scaleX;
      var baseSY = item.scaleY;
      var index = 0;

      var run = function run() {
        if (index >= arr.length) {
          item.jellyTween = null;
          return;
        }

        var data = arr[index];
        var t = tweenChange(item, {
          scaleX: data[0],
          scaleY: data[1]
        }, data[2], function () {
          index++;
          run();
        }, _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Easing.Sinusoidal.InOut);
        item.jellyTween = t;
      };

      var arr = [[baseSX * 1.3, baseSY * 1.3, t], [baseSX * 0.85, baseSY * 0.85, t * 1], [baseSX * 1.1, baseSY * 1.1, t * 1], [baseSX * 0.95, baseSY * 0.95, t * 1], [baseSX * 1.02, baseSY * 1.02, t * 1], [baseSX * 1, baseSY * 1, t * 1]];
      item.setScaleXY(0);
      run();
    }

    function showPopParticle(img, pos, parent) {
      var num = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 20;
      var minLen = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 40;
      var maxLen = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 80;
      var showTime = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : 0.4;

      var _loop2 = function _loop2(i) {
        var particle = new MySprite();
        particle.init(img);
        particle.x = pos.x;
        particle.y = pos.y;
        parent.addChild(particle);
        var randomR = 360 * Math.random();
        particle.rotation = randomR;
        var randomS = 0.3 + Math.random() * 0.7;
        particle.setScaleXY(randomS * 0.3);
        var randomX = Math.random() * 20 - 10;
        particle.x += randomX;
        var randomY = Math.random() * 20 - 10;
        particle.y += randomY;
        var randomL = minLen + Math.random() * (maxLen - minLen);
        var randomA = 360 * Math.random();
        var randomT = getPosByAngle(randomA, randomL);
        moveItem(particle, particle.x + randomT.x, particle.y + randomT.y, showTime, function () {}, _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Easing.Exponential.Out); // scaleItem(particle, 0, 0.6, () => {
        //
        // });

        scaleItem(particle, randomS, 0.6, function () {}, _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Easing.Exponential.Out);
        setTimeout(function () {
          hideItem(particle, 0.4, function () {}, _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Easing.Cubic.In);
        }, showTime * 0.5 * 1000);
      };

      for (var i = 0; i < num; i++) {
        _loop2(i);
      }
    }

    function RandomInt(a) {
      var b = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
      var max = Math.max(a, b);
      var min = Math.min(a, b);
      return Math.floor(Math.random() * (max - min) + min);
    }

    function showShapeParticle(shapeType, shapeW, shapeH, pos, parent) {
      var num = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 20;
      var minLen = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : 40;
      var maxLen = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 80;
      var showTime = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : 0.4;
      var randomColorArr = ['#6996af', '#4da940', '#911b40'];

      var _loop3 = function _loop3(i) {
        var particle = void 0;

        switch (shapeType) {
          case 'rect':
            particle = new ShapeRectNew();
            particle.setSize(shapeW, shapeH, 0);
            particle.fillColor = randomColorArr[RandomInt(0, randomColorArr.length)];
            break;
        }

        particle.x = pos.x;
        particle.y = pos.y;
        parent.addChild(particle);
        var randomR = 360 * Math.random(); // particle.rotation = randomR;

        var randomS = 0.3 + Math.random() * 0.7;
        particle.setScaleXY(randomS * 0.3);
        var randomX = Math.random() * 20 - 10;
        particle.x += randomX;
        var randomY = Math.random() * 20 - 10;
        particle.y += randomY;
        var randomL = minLen + Math.random() * (maxLen - minLen);
        var randomA = 360 * Math.random();
        var randomT = getPosByAngle(randomA, randomL);
        moveItem(particle, particle.x + randomT.x, particle.y + randomT.y, showTime, function () {}, _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Easing.Exponential.Out); // scaleItem(particle, 0, 0.6, () => {
        //
        // });

        scaleItem(particle, randomS, 0.6, function () {}, _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Easing.Exponential.Out);
        setTimeout(function () {
          hideItem(particle, 0.4, function () {}, _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Easing.Cubic.In);
        }, showTime * 0.5 * 1000);
      };

      for (var i = 0; i < num; i++) {
        _loop3(i);
      }
    }

    function shake(item) {
      var time = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.5;
      var callback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
      var rate = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;

      if (item.shakeTween) {
        return;
      }

      item.shakeTween = true;
      var offX = 15 * item.scaleX * rate;
      var offY = 15 * item.scaleX * rate;
      var baseX = item.x;
      var baseY = item.y;
      var easing = _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_0__["default"].Easing.Sinusoidal.InOut;

      var move4 = function move4() {
        moveItem(item, baseX, baseY, time / 4, function () {
          item.shakeTween = false;

          if (callback) {
            callback();
          }
        }, easing);
      };

      var move3 = function move3() {
        moveItem(item, baseX + offX / 4, baseY + offY / 4, time / 4, function () {
          move4();
        }, easing);
      };

      var move2 = function move2() {
        moveItem(item, baseX - offX / 4 * 3, baseY - offY / 4 * 3, time / 4, function () {
          move3();
        }, easing);
      };

      var move1 = function move1() {
        moveItem(item, baseX + offX, baseY + offY, time / 7.5, function () {
          move2();
        }, easing);
      };

      move1();
    }

    function getMaxScale(item, maxW, maxH) {
      var sx = maxW / item.width;
      var sy = maxH / item.height;
      var maxS = Math.max(sx, sy);
      return maxS;
    }

    function createSprite(key) {
      var image = window.curImages;
      var spr = new MySprite();
      spr.init(image.get(key));
      return spr;
    }

    var MyVideo =
    /*#__PURE__*/
    function (_MySprite26) {
      _inherits(MyVideo, _MySprite26);

      var _super34 = _createSuper(MyVideo);

      function MyVideo() {
        _classCallCheck(this, MyVideo);

        return _super34.apply(this, arguments);
      }

      _createClass(MyVideo, [{
        key: "initVideoElement",
        value: function initVideoElement(videoElement) {
          this.element = videoElement;
          this.width = this.element.videoWidth;
          this.height = this.element.videoHeight;
          console.log('this.width: ', this.width);
          console.log('this.height: ', this.height);
          this.element.currentTime = 0.01;
        }
      }, {
        key: "drawSelf",
        value: function drawSelf() {
          _get(_getPrototypeOf(MyVideo.prototype), "drawSelf", this).call(this);

          this.ctx.drawImage(this.element, 0, 0, this.width, this.height);
        }
      }]);

      return MyVideo;
    }(MySprite);

    var InputView =
    /*#__PURE__*/
    function (_MySprite27) {
      _inherits(InputView, _MySprite27);

      var _super35 = _createSuper(InputView);

      function InputView() {
        var _this70;

        var ctx = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;

        _classCallCheck(this, InputView);

        _this70 = _super35.call(this, ctx);
        _this70._isShowScroll = false;

        _this70._createInput();

        return _this70;
      }

      _createClass(InputView, [{
        key: "isShowScroll",
        get: function get() {
          return this._isShowScroll;
        },
        set: function set(v) {
          this._isShowScroll = v;

          if (!v) {
            this.element.style.overflow = 'hidden';
          }
        }
      }, {
        key: "_createInput",
        value: function _createInput() {
          var input = document.createElement('textarea');
          input.style.resize = 'none';
          input.style.border = 'none';
          input.style.position = 'absolute';
          input.onblur = this.onblur.bind(this);
          var div = document.getElementById('div_input');
          div.appendChild(input);
          this.element = input;
        }
      }, {
        key: "onblur",
        value: function onblur() {
          if (this.callback) {
            this.callback(this.element.value);
          }

          this.callback = null;
          this.hide();
        }
      }, {
        key: "text",
        set: function set(v) {
          this.element.value = v;
        }
      }, {
        key: "show",
        value: function show() {
          var _this71 = this;

          this.element.hidden = false;
          setTimeout(function () {
            _this71.element.focus();
          }, 1);
        }
      }, {
        key: "hide",
        value: function hide() {
          this.element.hidden = true;
        }
      }, {
        key: "setStyle",
        value: function setStyle(style) {
          for (var key in style) {
            console.log('key: ', key);
            console.log('value: ', style[key]);
            this.element.style[key] = style[key];
          }

          console.log('this.element: ``````', this.element);
        }
      }, {
        key: "refreshInputStyle",
        value: function refreshInputStyle() {
          this.element.style.left = this.x + 'px';
          this.element.style.top = this.y + 'px';
          this.element.style.width = this.width + 'px';
          this.element.style.height = this.height + 'px';
        }
      }]);

      return InputView;
    }(MySprite);

    var ScrollView =
    /*@__PURE__*/
    function () {
      var ScrollView =
      /*#__PURE__*/
      function (_MySprite28) {
        _inherits(ScrollView, _MySprite28);

        var _super36 = _createSuper(ScrollView);

        function ScrollView() {
          var _this72;

          var ctx = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;

          _classCallCheck(this, ScrollView);

          _this72 = _super36.call(this, ctx);
          _this72.barColor = '#fbe9b7';
          _this72.scrollSide = ScrollView.ScrollSideType.VERTICAL;
          _this72.itemArr = [];

          _this72._createOffCtx();

          _this72._createScrollBar();

          return _this72;
        }

        _createClass(ScrollView, [{
          key: "_createOffCtx",
          value: function _createOffCtx() {
            if (!this._offCtx) {
              this._offCanvas = document.createElement('canvas'); // 创建一个新的canvas

              this._offCanvas.width = this.width; // 创建一个正好包裹住一个粒子canvas

              this._offCanvas.height = this.height;
              this._offCtx = this._offCanvas.getContext('2d');
              this.content = new MySprite(this._offCtx);
            }
          }
        }, {
          key: "_createScrollBar",
          value: function _createScrollBar() {
            this._scrollBar = new ShapeRectNew();
            this._scrollBar.anchorY = 0;
            this._scrollBar.anchorX = 1;

            this._scrollBar.setSize(10, 100, 5);

            this._scrollBar.fillColor = this.barColor;
            this.addChild(this._scrollBar);
          }
        }, {
          key: "setBgColor",
          value: function setBgColor(color) {
            this.bgColor = color;
          }
        }, {
          key: "setShowSize",
          value: function setShowSize(w, h) {
            this.width = w;
            this.height = h;

            if (this.content.width < this.width) {
              this.content.width = this._offCanvas.width = this.width;
            }

            if (this.content.height < this.height) {
              this.content.height = this._offCanvas.height = this.height;
            }

            this.refreshScrollBar();
          }
        }, {
          key: "setContentSize",
          value: function setContentSize(w, h) {
            this.content.width = w;
            this.content.height = h;
            this._offCanvas.width = w;
            this._offCanvas.height = h;
          }
        }, {
          key: "addItem",
          value: function addItem(sprite) {
            this.itemArr.push(sprite);
            this.content.addChild(sprite);
            sprite.ctx = this._offCtx;
            this.refreshContentSize();
          }
        }, {
          key: "refreshContentSize",
          value: function refreshContentSize() {
            var children = this.itemArr; // console.log('children: ', children);

            var maxW = 0;
            var maxH = 0;

            for (var i = 0; i < children.length; i++) {
              var box = children[i].getBoundingBox();
              var curChild = children[i]; // console.log('box: ', box);

              var boxEdgeX = curChild.x + (1 - curChild.anchorX) * curChild.width * curChild.scaleX;
              var boxEdgeY = curChild.y + (1 - curChild.anchorY) * curChild.height * curChild.scaleY;

              if (!children[i].colorRect) {// const rect = new ShapeRectNew();
                // rect.fillColor = '#ff0000';
                // rect.setSize(curChild.width * curChild.scaleX, curChild.height * curChild.scaleY, 0);
                // rect.alpha = 0.3;
                // rect.x =  boxEdgeX - curChild.width * curChild.scaleX;
                // rect.y =  boxEdgeY - curChild.height * curChild.scaleY;
                // this.content.addChild(rect);
                // children[i].colorRect = rect;
              } // console.log('boxEdgeY: ', boxEdgeY);


              if (boxEdgeX > maxW) {
                maxW = boxEdgeX;
              }

              if (boxEdgeY > maxH) {
                maxH = boxEdgeY;
              }
            } // console.log('maxW: ', maxW);s
            // console.log('maxH: ', maxH);
            // console.log('this.y: ', this.y);
            // console.log(this.getBoundingBox().height);
            // const box = this.getBoundingBox();


            this.content.width = maxW;
            this.content.height = maxH + 10; //+ 500;

            this.refreshScrollBar();
          }
        }, {
          key: "setScrollBarSize",
          value: function setScrollBarSize(w, h) {
            this.scorllBarWidth = w;
            this.scrollBarHeight = h;
          }
        }, {
          key: "setContentScale",
          value: function setContentScale(s) {
            this.content.setScaleXY(1 / s);
            this.refreshScrollBar();
          }
        }, {
          key: "refreshScrollBar",
          value: function refreshScrollBar() {
            var w = this.scorllBarWidth;

            if (!w) {
              w = this.width / 50;
            }

            var rect1 = this.getBoundingBox();
            var rect2 = this.content.getBoundingBox();
            var sRate = rect1.height / this.height;
            var rate = rect1.height / rect2.height; // let rate = this.height / this.content.height;
            // let rate = this.height * this.scaleY / this.content.height / this.content.scaleY;

            if (rate >= 1) {
              this._scrollBar.visible = false;
              rate = 1;
            } else {
              this._scrollBar.visible = true;
            }

            var h = rate * this.height / sRate;
            var r = w / 2;

            this._scrollBar.setSize(w, h, r);

            this._scrollBar.x = this.width;
          }
        }, {
          key: "refreshScrollBarPos",
          value: function refreshScrollBarPos() {
            var rect1 = this.getBoundingBox();
            var rect2 = this.content.getBoundingBox();
            var rate = this.height / this.content.height;
            this._scrollBar.y = -this.content.y * rate;
          }
        }, {
          key: "drawSelf",
          value: function drawSelf() {
            _get(_getPrototypeOf(ScrollView.prototype), "drawSelf", this).call(this);

            this._offScreenRender();
          }
        }, {
          key: "onTouchStart",
          value: function onTouchStart(x, y) {
            if (!this._scrollBar.visible) {
              return;
            }

            this.touchStartPos = {
              x: x,
              y: y
            };
            this.touchStartContentPos = {
              x: this.content.x,
              y: this.content.y
            };
          }
        }, {
          key: "onTouchMove",
          value: function onTouchMove(x, y) {
            if (!this.touchStartPos) {
              return;
            }

            if (!this.touchStartContentPos) {
              return;
            }

            var offsetX = x - this.touchStartPos.x;
            var offsetY = y - this.touchStartPos.y;
            var rect = this.getBoundingBox();
            var rect2 = this.content.getBoundingBox();

            if (this.scrollSide == ScrollView.ScrollSideType.VERTICAL) {
              this.content.y = between(this.touchStartContentPos.y + offsetY, 0, this.height - this.content.height);
            } else {
              this.content.x = between(this.touchStartContentPos.x + offsetX, 0, this.width - this.content.width);
            }

            this.refreshScrollBarPos();
          }
        }, {
          key: "onTouchEnd",
          value: function onTouchEnd(x, y) {
            this.touchStartPos = null;
            this.touchStartContentPos = null;
          }
        }, {
          key: "onWheelUp",
          value: function onWheelUp(offsetY) {
            if (!this._scrollBar.visible) {
              return;
            }

            var rect = this.getBoundingBox();

            if (this.scrollSide == ScrollView.ScrollSideType.VERTICAL) {
              this.content.y = between(this.content.y + 40, 0, this.height - this.content.height);
            } else {
              this.content.x = between(this.content.x + 40, 0, this.width - this.content.width);
            }

            this.refreshScrollBarPos();
          }
        }, {
          key: "onWheelDown",
          value: function onWheelDown(offsetY) {
            if (!this._scrollBar.visible) {
              return;
            }

            var rect = this.getBoundingBox();

            if (this.scrollSide == ScrollView.ScrollSideType.VERTICAL) {
              this.content.y = between(this.content.y - 40, 0, this.height - this.content.height);
            } else {
              this.content.x = between(this.content.x - 40, 0, this.width - this.content.width);
            }

            this.refreshScrollBarPos();
          }
        }, {
          key: "setContentSpr",
          value: function setContentSpr() {}
        }, {
          key: "_offScreenRender",
          value: function _offScreenRender() {
            this._offCtx.save();

            this._offCtx.clearRect(0, 0, this._offCanvas.width, this._offCanvas.height);

            if (this.bgColor) {
              this._offCtx.fillStyle = this.bgColor;

              this._offCtx.fillRect(this._offX, this._offY, this.width, this.height);

              this._offCtx.globalCompositeOperation = "source-atop";
            } else {
              this._offCtx.fillStyle = '#ffffff';

              this._offCtx.fillRect(this._offX, this._offY, this.width, this.height);

              this._offCtx.globalCompositeOperation = "xor";
            }

            this.content.update();
            this.ctx.drawImage(this._offCanvas, this._offX, this._offY); // this.ctx.drawImage(this._offCanvas, this._offX, this._offY);
            // this.ctx.drawImage(this._offCanvas, this._offX, this._offY, this.content.width, this.content.height, this._offX + this.content.x, this._offY + this.content.y, this.width, this.height);

            this._offCtx.restore();
          }
        }]);

        return ScrollView;
      }(MySprite);

      ScrollView.ScrollSideType = {
        VERTICAL: 'VERTICAL',
        HORIZONTAL: 'HORIZONTAL'
      };
      return ScrollView;
    }();

    function between(a, b, c) {
      return [a, b, c].sort(function (x, y) {
        return x - y;
      })[1];
    } // --------------- custom class --------------------

    /***/

  },

  /***/
  "./src/app/play/Util.js":
  /*!******************************!*\
    !*** ./src/app/play/Util.js ***!
    \******************************/

  /*! exports provided: loadFonts */

  /***/
  function srcAppPlayUtilJs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "loadFonts", function () {
      return loadFonts;
    });

    function loadFonts(_x2, _x3) {
      return _loadFonts.apply(this, arguments);
    } // --------------- custom class --------------------

    /***/


    function _loadFonts() {
      _loadFonts = _asyncToGenerator(
      /*#__PURE__*/
      regeneratorRuntime.mark(function _callee3(fontName, fontFile) {
        var font;
        return regeneratorRuntime.wrap(function _callee3$(_context3) {
          while (1) {
            switch (_context3.prev = _context3.next) {
              case 0:
                _context3.prev = 0;
                console.log(location.href.split("#")[0] + "assets/play/font/" + fontFile);
                font = new FontFace(fontName, "url(" + location.href.split("#")[0] + "../../assets/play/font/" + fontFile + ")");
                console.log('start: ', new Date().getTime());
                _context3.next = 6;
                return font.load();

              case 6:
                console.log('end: ', new Date().getTime());
                document.fonts.add(font);
                document.body.classList.add("fonts-loaded");
                _context3.next = 14;
                break;

              case 11:
                _context3.prev = 11;
                _context3.t0 = _context3["catch"](0);
                console.log(_context3.t0);

              case 14:
              case "end":
                return _context3.stop();
            }
          }
        }, _callee3, null, [[0, 11]]);
      }));
      return _loadFonts.apply(this, arguments);
    }
  },

  /***/
  "./src/app/play/play.component.ts":
  /*!****************************************!*\
    !*** ./src/app/play/play.component.ts ***!
    \****************************************/

  /*! exports provided: PlayComponent */

  /***/
  function srcAppPlayPlayComponentTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "PlayComponent", function () {
      return PlayComponent;
    });
    /* harmony import */


    var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! tslib */
    "./node_modules/tslib/tslib.es6.js");
    /* harmony import */


    var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
    /*! @angular/core */
    "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
    /* harmony import */


    var _Unit__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
    /*! ./Unit */
    "./src/app/play/Unit.ts");
    /* harmony import */


    var _resources__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
    /*! ./resources */
    "./src/app/play/resources.js");
    /* harmony import */


    var rxjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(
    /*! rxjs */
    "./node_modules/rxjs/_esm2015/index.js");
    /* harmony import */


    var rxjs_operators__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(
    /*! rxjs/operators */
    "./node_modules/rxjs/_esm2015/operators/index.js");
    /* harmony import */


    var _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(
    /*! @tweenjs/tween.js */
    "./node_modules/@tweenjs/tween.js/dist/tween.esm.js");
    /* harmony import */


    var _Util__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(
    /*! ./Util */
    "./src/app/play/Util.js");
    /* harmony import */


    var _angular_common_http__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(
    /*! @angular/common/http */
    "./node_modules/@angular/common/__ivy_ngcc__/fesm2015/http.js");
    /* harmony import */


    var _angular_platform_browser__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(
    /*! @angular/platform-browser */
    "./node_modules/@angular/platform-browser/__ivy_ngcc__/fesm2015/platform-browser.js");

    var _c0 = ["canvas"];
    var _c1 = ["wrap"];
    var _c2 = ["iframeContent"];
    var _c3 = ["videoNode"];
    var _c4 = ["tpl"];
    var _c5 = ["videoContainer"];

    function PlayComponent_ng_template_3_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](0, "video");
      }
    }

    var PlayComponent =
    /*@__PURE__*/
    function () {
      var PlayComponent =
      /*#__PURE__*/
      function () {
        function PlayComponent(http, sanitizer, appRef, container) {
          _classCallCheck(this, PlayComponent);

          this.http = http;
          this.sanitizer = sanitizer;
          this.appRef = appRef;
          this.container = container;
          this.canvasScale = 2;
          this.canvasWidth = 2388;
          this.canvasHeight = 1688;
          this.canvasBaseW = 2388;
          this.canvasBaseH = 1688;
          this.fps = 0;
          this.frametime = 0; // 上一帧动画的时间，   两帧时间差
          // 资源

          this.rawImages = new Map(_resources__WEBPACK_IMPORTED_MODULE_3__["res"]);
          this.rawAudios = new Map(_resources__WEBPACK_IMPORTED_MODULE_3__["resAudio"]);
          this.images = new Map();
          this.winResizeEventStream = new rxjs__WEBPACK_IMPORTED_MODULE_4__["Subject"]();
          this.audioObj = {};
          this.mapScale = 1;
          this.mapScaleMax = 1;
          this.canTouch = true;
          this.KEY = 'JM_MATH01';
          this.picIndex = 0;
          this.isTeacher = false;
          this.sentenceArr = [];
          this.submitCount = 0;
          this.TYPE_SHORT_ANSWER = 'short_answer';
          this.TYPE_SINGLE_CHOICE = 'single_choice';
          this.localStartTime = new Date().getTime();
          this.btnArr = [];
          this.btnDisH = 120;
          this.curMoveItem = null;
          this.downFlag = false;
          this.inputFontSize = 40;
          this.resultTextArr = [];
          this.templateArr = [];
          this.isUpdateStop = false;
        }

        _createClass(PlayComponent, [{
          key: "data",
          get: function get() {
            return this._data;
          },
          set: function set(data) {
            this._data = data;
          }
        }, {
          key: "onResize",
          value: function onResize(event) {
            this.winResizeEventStream.next();
          }
        }, {
          key: "ngOnInit",
          value: function ngOnInit() {
            return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0,
            /*#__PURE__*/
            regeneratorRuntime.mark(function _callee4() {
              var _this73 = this;

              var getData;
              return regeneratorRuntime.wrap(function _callee4$(_context4) {
                while (1) {
                  switch (_context4.prev = _context4.next) {
                    case 0:
                      _context4.next = 2;
                      return Object(_Util__WEBPACK_IMPORTED_MODULE_7__["loadFonts"])('DroidSansFallback', 'DroidSansFallback.ttf');

                    case 2:
                      _context4.next = 4;
                      return Object(_Util__WEBPACK_IMPORTED_MODULE_7__["loadFonts"])('Aileron-Black', 'Aileron-Black.ttf');

                    case 4:
                      _context4.next = 6;
                      return Object(_Util__WEBPACK_IMPORTED_MODULE_7__["loadFonts"])('Aileron-Bold', 'Aileron-Bold.ttf');

                    case 6:
                      getData = window.courseware.getData;
                      getData(function (data, aspect) {
                        var _a, _b, _c;

                        if (((_c = (_b = (_a = window['air']) === null || _a === void 0 ? void 0 : _a.airClassInfo) === null || _b === void 0 ? void 0 : _b.user) === null || _c === void 0 ? void 0 : _c.classRole) == 'tea') {
                          _this73.isTeacher = true;
                        }

                        if (aspect) {
                          console.log('aspect : ', aspect);

                          _this73.initPageData(aspect);

                          _this73.initStoreData(aspect);
                        }

                        if (data && typeof data == 'object') {
                          _this73.data = {
                            contentObj: data
                          };
                        } else {
                          _this73.initDefaultData();
                        }

                        console.log('data:', data);

                        if (!_this73.data) {
                          _this73.data.contentObj = {};
                        }

                        _this73.initAudio();

                        _this73.initImg();

                        _this73.preloadVideo();

                        _this73.initListener();
                      }, this.KEY);

                    case 8:
                    case "end":
                      return _context4.stop();
                  }
                }
              }, _callee4, this);
            }));
          }
        }, {
          key: "initStoreData",
          value: function initStoreData(aspect) {
            var _a;

            var storeDataStr = (_a = aspect) === null || _a === void 0 ? void 0 : _a.user_aspect;

            if (!storeDataStr) {
              this.storeData = {};
            } else {
              this.storeData = JSON.parse(storeDataStr);
            }

            console.log('this.storeData: ', this.storeData);
          }
        }, {
          key: "setStoreData",
          value: function setStoreData(key, value) {
            var isSend = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;

            if (this.storeData) {
              console.log('this.storeData: ', this.storeData);
              this.storeData[key] = value;

              if (isSend) {
                this.sendStoreData();
              }
            }
          }
        }, {
          key: "getStoreData",
          value: function getStoreData(key) {
            return this.storeData && this.storeData[key];
          }
        }, {
          key: "sendStoreData",
          value: function sendStoreData() {
            var data = this.storeData;

            if (window && window['courseware']) {
              var storeAspect = window['courseware'].storeAspect;

              if (storeAspect) {
                storeAspect(data);
              }
            }
          }
        }, {
          key: "initPageData",
          value: function initPageData(aspect) {
            var _a, _b;

            var pageDataStr = (_b = (_a = aspect) === null || _a === void 0 ? void 0 : _a.page_aspect) === null || _b === void 0 ? void 0 : _b.pagedata;

            if (!pageDataStr) {
              this.pageData = {};
            } else {
              this.pageData = JSON.parse(pageDataStr);
            }

            console.log('this.pageData: ', this.pageData);
          }
        }, {
          key: "setPageData",
          value: function setPageData(key, value) {
            var isSend = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;

            if (this.pageData) {
              console.log('this.pageData: ', this.pageData);
              this.pageData[key] = value;

              if (isSend) {
                this.sendPageData();
              }
            }
          }
        }, {
          key: "getPageData",
          value: function getPageData(key) {
            if (this.pageData && this.pageData[key] != null) {
              return this.pageData[key];
            }
          }
        }, {
          key: "sendPageData",
          value: function sendPageData() {
            var data = this.pageData;

            if (window && window['courseware']) {
              var storePageAspect = window['courseware'].storePageAspect;

              if (storePageAspect) {
                storePageAspect(data);
              }
            }
          }
        }, {
          key: "initDefaultData",
          value: function initDefaultData() {
            var data = {
              "sentenceArr": [],
              "templateArr": [],
              "bg_url": "http://staging-teach.cdn.ireadabc.com/1aaccbaa8f3a32df099f3308feac49e7.png",
              "title": "new word",
              "bgItem": {
                "url": "http://staging-teach.cdn.ireadabc.com/e3672206ffa9736c449b64d05f688b30.png",
                "rect": {
                  "x": 102.83,
                  "y": 0,
                  "width": 485.33,
                  "height": 273
                }
              },
              "hotZoneItemArr": [{
                "id": "1634265930328",
                "index": 0,
                "itemType": "rect",
                "fontScale": 0.53984375,
                "imgScale": 1,
                "imgSizeW": 0,
                "imgSizeH": 0,
                "mapScale": 0.53984375,
                "dragDot": {
                  "x": 345.5,
                  "y": 133.26904532304724
                },
                "gIdx": "0",
                "selectType": "JJ",
                "posX": 282.5,
                "posY": 52,
                "rect": {
                  "x": 13.35,
                  "y": 22.52,
                  "width": 136.5,
                  "height": 25.94
                }
              }, {
                "id": "1634265945079",
                "index": 1,
                "itemType": "rect",
                "fontScale": 0.53984375,
                "imgScale": 1,
                "imgSizeW": 0,
                "imgSizeH": 0,
                "mapScale": 0.53984375,
                "dragDot": {
                  "x": 345.5,
                  "y": 133.26904532304724
                },
                "gIdx": "0",
                "selectType": "RB",
                "posX": 552.5,
                "posY": 59,
                "rect": {
                  "x": 197.63,
                  "y": 27.98,
                  "width": 136.5,
                  "height": 24.57
                }
              }, {
                "id": "1634265955820",
                "index": 2,
                "itemType": "rect",
                "fontScale": 0.53984375,
                "imgScale": 1,
                "imgSizeW": 0,
                "imgSizeH": 0,
                "mapScale": 0.53984375,
                "dragDot": {
                  "x": 345.5,
                  "y": 133.26904532304724
                },
                "gIdx": "0",
                "selectType": "WP",
                "posX": 281.5,
                "posY": 129,
                "rect": {
                  "x": 12.67,
                  "y": 73.71,
                  "width": 136.5,
                  "height": 28.67
                }
              }, {
                "id": "1634265962408",
                "index": 3,
                "itemType": "rect",
                "fontScale": 0.53984375,
                "imgScale": 1,
                "imgSizeW": 0,
                "imgSizeH": 0,
                "mapScale": 0.53984375,
                "dragDot": {
                  "x": 345.5,
                  "y": 133.26904532304724
                },
                "gIdx": "0",
                "selectType": "CD",
                "posX": 548.5,
                "posY": 132,
                "rect": {
                  "x": 194.9,
                  "y": 75.08,
                  "width": 136.5,
                  "height": 30.03
                }
              }, {
                "id": "1634265967558",
                "index": 4,
                "itemType": "rect",
                "fontScale": 0.53984375,
                "imgScale": 1,
                "imgSizeW": 0,
                "imgSizeH": 0,
                "mapScale": 0.53984375,
                "dragDot": {
                  "x": 345.5,
                  "y": 133.26904532304724
                },
                "gIdx": "0",
                "selectType": "IN",
                "posX": 284.5,
                "posY": 213,
                "rect": {
                  "x": 14.72,
                  "y": 131.72,
                  "width": 136.5,
                  "height": 27.3
                }
              }, {
                "id": "1634266027751",
                "index": 5,
                "itemType": "rect",
                "fontScale": 0.53984375,
                "imgScale": 1,
                "imgSizeW": 0,
                "imgSizeH": 0,
                "mapScale": 0.53984375,
                "dragDot": {
                  "x": 345.5,
                  "y": 133.26904532304724
                },
                "gIdx": "0",
                "selectType": "VB",
                "posX": 292.5,
                "posY": 320,
                "rect": {
                  "x": 20.18,
                  "y": 202.7,
                  "width": 136.5,
                  "height": 31.4
                }
              }, {
                "id": "1634266044165",
                "index": 6,
                "itemType": "rect",
                "fontScale": 0.53984375,
                "imgScale": 1,
                "imgSizeW": 0,
                "imgSizeH": 0,
                "mapScale": 0.53984375,
                "dragDot": {
                  "x": 345.5,
                  "y": 133.26904532304724
                },
                "gIdx": "0",
                "selectType": "NN",
                "posX": 544.5,
                "posY": 308,
                "rect": {
                  "x": 192.17,
                  "y": 194.51,
                  "width": 136.5,
                  "height": 31.4
                }
              }, {
                "id": "1634266050496",
                "index": 7,
                "itemType": "rect",
                "fontScale": 0.53984375,
                "imgScale": 1,
                "imgSizeW": 0,
                "imgSizeH": 0,
                "mapScale": 0.53984375,
                "dragDot": {
                  "x": 345.5,
                  "y": 133.26904532304724
                },
                "gIdx": "0",
                "selectType": "NN",
                "posX": 759.5,
                "posY": 323,
                "rect": {
                  "x": 338.91,
                  "y": 204.75,
                  "width": 136.5,
                  "height": 31.4
                }
              }]
            };
            this.data = {
              contentObj: data
            };
          }
        }, {
          key: "ngOnDestroy",
          value: function ngOnDestroy() {
            window['curCtx'] = null;
            window.cancelAnimationFrame(this.animationId);
            this.gameEndFlag = true;
          }
        }, {
          key: "initData",
          value: function initData() {
            var _this74 = this;

            this.canvasWidth = this.wrap.nativeElement.clientWidth * this.canvasScale;
            this.canvasHeight = this.wrap.nativeElement.clientHeight * this.canvasScale;
            this.canvas.nativeElement.width = this.wrap.nativeElement.clientWidth * this.canvasScale;
            this.canvas.nativeElement.height = this.wrap.nativeElement.clientHeight * this.canvasScale;
            var sx = this.canvasWidth / this.canvasBaseW;
            var sy = this.canvasHeight / this.canvasBaseH;
            var s = Math.min(sx, sy);
            this.mapScale = s;
            console.log('this.mapScale: ', this.mapScale);
            this.mapScaleMax = Math.max(sx, sy);
            this.renderArr = [];
            this.topArr = [];
            this.isFirstQues = true;
            console.log(' in initData', this.data);
            this.userResultPic = null;
            this.userResultData = null;
            this.templateQuesType = this.data.contentObj.ques_type;
            this.quesNum = 0;
            this.uploadUrl = window.courseware.uploadUrl();

            window['air'].getUploadCallback = function (url, data) {
              _this74.uploadUrl = url;
            };

            this.canTouch = true;
            this.submitCount = 0;
            this.replaceSentenceText();
            this.safeDefaultUrl = this.sanitizer.bypassSecurityTrustResourceUrl('');
            this.resultAnswerArr = [];
            this.resultSv = null;
          }
        }, {
          key: "replaceSentenceText",
          value: function replaceSentenceText() {
            var arr = this.data.contentObj.sentenceArr;

            if (!arr) {
              console.error('没有数据');
              return;
            }

            this.sentenceArr = JSON.parse(JSON.stringify(arr));

            for (var i = 0; i < this.sentenceArr.length; i++) {
              var text = this.sentenceArr[i].text;
              this.sentenceArr[i].text = text.replace(/_/, "____________________");
            }
          }
        }, {
          key: "initAudio",
          value: function initAudio() {
            var _this75 = this;

            var contentObj = this.data.contentObj;

            if (!contentObj) {
              return;
            } // const addAudio = (key) => {
            //   const audioUrl = contentObj[key];
            //   if (audioUrl) {
            //     const audio = new Audio();
            //     audio.src = audioUrl;
            //     audio.load();
            //     this.audioObj[key] = audio;
            //   }
            // }
            //
            // for (let i = 0; i < 4; i ++) {
            //   const key = i + '_audio_url';
            //   addAudio(key);
            // }
            //
            // addAudio('audio_url');
            //


            var addUrlToAudioObj = function addUrlToAudioObj(audioUrl) {
              if (audioUrl) {
                // console.log('audioUrl:', audioUrl);
                var audio = new Audio();
                audio.src = audioUrl;
                audio.load();
                _this75.audioObj[audioUrl] = audio;
              }
            };

            var arr = contentObj.hotZoneItemArr;
            addUrlToAudioObj(contentObj.title_audio_url);
            addUrlToAudioObj(contentObj.answer_obj.title_audio_url);
            addUrlToAudioObj(contentObj.choice_obj.title_audio_url);

            if (arr) {
              // console.log('arr: ', arr);
              for (var i = 0; i < arr.length; i++) {
                addUrlToAudioObj(arr[i].audio_url);
              }
            }

            var optionArr = contentObj.optionArr;

            for (var _i3 = 0; _i3 < optionArr.length; _i3++) {
              addUrlToAudioObj(arr[_i3].audio_url);
            }

            var choiceQuesArr = contentObj.choiceQuesArr;

            if (choiceQuesArr) {
              for (var _i4 = 0; _i4 < choiceQuesArr.length; _i4++) {
                addUrlToAudioObj(choiceQuesArr[_i4].title_audio_url);
              }
            }

            var audioObj = this.audioObj;

            var addOneAudio = function addOneAudio(key, url) {
              var vlomue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
              var loop = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
              var callback = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
              var audio = new Audio();
              audio.src = url;
              audio.load();
              audio.loop = loop;
              audio.volume = vlomue;
              audioObj[key] = audio;

              if (callback) {
                audio.onended = function () {
                  callback();
                };
              }
            };

            addOneAudio('click', this.rawAudios.get('click'), 1);
            addOneAudio('more', this.rawAudios.get('more'), 0.8);
            addOneAudio('submit', this.rawAudios.get('submit'), 0.8); // addOneAudio('cow_start', this.rawAudios.get('cow_start'), 1);
            // addOneAudio('eat', this.rawAudios.get('eat'), 1);
            // addOneAudio('grass', this.rawAudios.get('grass'), 1);
            // addOneAudio('happy', this.rawAudios.get('happy'), 1);
            // addOneAudio('right', this.rawAudios.get('right'), 1);
            // addOneAudio('wrong', this.rawAudios.get('wrong'), 1);
            //
            // const titleUrl = this.data.contentObj.title_audio_url;
            // if (titleUrl) {
            //
            //   this.titleAudio.src = titleUrl;
            //   this.titleAudio.load();
            // }
            // this.bgAudio.src = 'assets/bat-mail/music/bg.mp3';
            // this.bgAudio.load();
            // this.bgAudio.loop = true;
            // this.bgAudio.volume = 0.5;
            //
            // this.wrongAudio.src = 'assets/common/music/wrong.mp3';
            // this.wrongAudio.load();
            //
            // this.rightAudio.src = 'assets/common/music/right.mp3';
            // this.rightAudio.load();
            //
            // this.successAudio.src = 'assets/magic-hat/music/finish.mp3';
            // this.successAudio.load();
            //
            // this.successAudio.onended = () => {
            //   // this.showSuccessAudio();
            // };
          }
        }, {
          key: "preloadVideo",
          value: function preloadVideo() {
            var _this76 = this;

            this.videoObj = {};

            var addVideoUrl = function addVideoUrl(video_url) {
              if (!video_url) {
                return;
              }

              var videoElement = document.createElement('video');
              videoElement.src = video_url;

              _this76.videoContainer.nativeElement.appendChild(videoElement);

              console.log('tmpV: ', videoElement);
              var video = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MyVideo"]();
              video.initVideoElement(videoElement);
              video.setScaleXY(_this76.mapScale);
              video.element.src = video_url;
              video.element.load();
              _this76.videoObj[video_url] = video;
              video.element.addEventListener('canplaythrough', function () {
                _this76.refreshVideoSize(video);
              });
            };

            var optionArr = this.data.contentObj.optionArr;

            for (var i = 0; i < optionArr.length; i++) {
              addVideoUrl(optionArr[i].video_url || '');
              var op2Arr = optionArr[i];

              for (var j = 0; j < op2Arr.length; j++) {
                addVideoUrl(op2Arr[j].pic_url || '');
              }
            }

            var choiceQuesArr = this.data.contentObj.choiceQuesArr;

            for (var _i5 = 0; _i5 < choiceQuesArr.length; _i5++) {
              addVideoUrl(choiceQuesArr[_i5].video_url || '');
            }
          }
        }, {
          key: "initImg",
          value: function initImg() {
            var _this77 = this;

            var _a;

            var contentObj = this.data.contentObj;

            if (contentObj) {
              var addPicUrl = function addPicUrl(url) {
                if (url) {
                  _this77.rawImages.set(url, url);
                }
              };

              var arr = contentObj.hotZoneItemArr;

              if (arr) {
                for (var i = 0; i < arr.length; i++) {
                  console.log('arr[i].pic_url: ', arr[i].pic_url);
                  addPicUrl(arr[i].pic_url);
                }
              }

              addPicUrl(((_a = contentObj.bgItem) === null || _a === void 0 ? void 0 : _a.url) || '');
              addPicUrl(contentObj.bg_url || '');
              addPicUrl(contentObj.ques_pic_url || '');
              addPicUrl(contentObj.title_pic_url || '');
              addPicUrl(contentObj.answer_obj.ques_pic_url || '');
              addPicUrl(contentObj.answer_obj.title_pic_url || '');
              addPicUrl(contentObj.choice_obj.ques_pic_url || '');
              addPicUrl(contentObj.choice_obj.title_pic_url || '');
              var choiceOptionArr = contentObj.choice_obj.optionArr;

              for (var _i6 = 0; _i6 < choiceOptionArr.length; _i6++) {
                addPicUrl(choiceOptionArr[_i6].pic_url || '');
                addPicUrl(choiceOptionArr[_i6].title_pic_url || '');
                addPicUrl(choiceOptionArr[_i6].ques_pic_url);
              }

              var optionArr = contentObj.optionArr;

              for (var _i7 = 0; _i7 < optionArr.length; _i7++) {
                addPicUrl(optionArr[_i7].pic_url || '');
                addPicUrl(optionArr[_i7].title_pic_url || '');
                addPicUrl(optionArr[_i7].ques_pic_url);
                var optionArr2 = optionArr[_i7].optionArr;

                for (var j = 0; j < optionArr2.length; j++) {
                  addPicUrl(optionArr2[j].pic_url || '');
                }
              }

              var choiceQuesArr = this.data.contentObj.choiceQuesArr;

              for (var _i8 = 0; _i8 < choiceQuesArr.length; _i8++) {
                addPicUrl(choiceQuesArr[_i8].title_pic_url || '');
                addPicUrl(choiceQuesArr[_i8].ques_pic_url || '');
                var _optionArr = choiceQuesArr[_i8].optionArr;

                for (var _j = 0; _j < _optionArr.length; _j++) {
                  addPicUrl(_optionArr[_j].pic_url || '');
                }
              }
            } // this.initFontImg();
            // 预加载资源


            this.loadResources().then(function () {
              // this.setfontData();
              _this77.addServerListener();

              window['air'].hideAirClassLoading(_this77.KEY, _this77.data);
            });
          }
        }, {
          key: "loadEnd",
          value: function loadEnd(cb) {
            this.init();
            this.update();
            cb();
          }
        }, {
          key: "addServerListener",
          value: function addServerListener() {
            var _this78 = this;

            console.log(' in addServerListener');
            var air = window['air'];

            if (air) {
              air.onCourseInScreen = function (next) {
                //各种逻辑
                // this.showTemplateStartAnima();
                console.log('in onCourseInScreen');

                _this78.loadEnd(function () {
                  next();
                });
              };
            }

            var c = window['courseware'];

            if (!c) {
              console.log(' window.courseware not exist !!!!!!!!');
              return;
            }

            c.onEvent('game_start', function (data, next) {
              _this78.loadEnd(function (_) {});

              if (next) {
                next();
              }
            });
          }
        }, {
          key: "sendServerEvent",
          value: function sendServerEvent(key, data) {
            var c = window['courseware'];

            if (c) {
              c.sendEvent(key, data);
            }
          }
        }, {
          key: "gameStart",
          value: function gameStart() {// this.localStartTime = new Date().getTime();
            // console.log(' in gameStart ');
            // if (this.isTeacher) {
            //   this.sendBtn.visible = false;
            //   this.sendBtn.shadowSpr.visible = false;
            //   this.maskPic.visible = true;
            // } else {
            //   // this.changeBtnOn();
            //   this.maskPic.visible = false;
            // }
          }
        }, {
          key: "init",
          value: function init() {
            this.initData();
            this.initCtx();
            this.initView();
          }
        }, {
          key: "initCtx",
          value: function initCtx() {
            this.ctx = this.canvas.nativeElement.getContext('2d');
            this.canvas.nativeElement.width = this.canvasWidth;
            this.canvas.nativeElement.height = this.canvasHeight;
            window['curCtx'] = this.ctx;
          }
        }, {
          key: "initView",
          value: function initView() {
            this.initBg();
            this.initHotZone(); // this.setOneBtn();
            // this.initMaskPic();
            // this.relink();
            // this.checkShowSubmit();

            this.initVideo();

            if (this.data.contentObj.ques_type == this.TYPE_SINGLE_CHOICE) {
              this.playHotZoneItemSC();
            } else {
              this.playHotZoneItemSA();
            }
          }
        }, {
          key: "initVideo",
          value: function initVideo() {
            var videoMask = new _Unit__WEBPACK_IMPORTED_MODULE_2__["ShapeRect"]();
            videoMask.setSize(this.canvasWidth, this.canvasHeight);
            videoMask.fillColor = '#f4ecd8';
            videoMask.alpha = 0.7;
            this.topArr.push(videoMask);
            this.videoMask = videoMask;
            videoMask.visible = false;
            var videoBg = this.getMySprite('video_bg');
            videoBg.setScaleXY(this.mapScale);
            videoBg.visible = false; // videoBg.anchorX = 1;

            videoBg.x = this.canvasWidth / 2 - videoBg.width / 2 * videoBg.scaleX;
            videoBg.y = this.canvasHeight / 2;
            this.topArr.push(videoBg);
            this.videoBg = videoBg;
            var videoCloseBtn = this.getMySprite('btn_close');
            videoCloseBtn.x = videoBg.width / 2 - 100;
            videoCloseBtn.y = -videoBg.height / 2 + 53;
            videoBg.addChild(videoCloseBtn);
            this.videoCloseBtn = videoCloseBtn;
            var replayBtn = this.getMySprite('btn_replay');
            this.videoBg.addChild(replayBtn);
            replayBtn.y = this.videoBg.height / 2 - 130;
            replayBtn.visible = false;
            this.replayBtn = replayBtn;
          }
        }, {
          key: "initVideoPlayer",
          value: function initVideoPlayer(data) {
            var _this79 = this;

            if (this.curVideo) {
              this.curVideo.parent.removeChild(this.curVideo);
              this.curVideo = null;
            }

            var video = this.videoObj[data.video_url];

            if (video) {
              this.videoBg.addChild(video);
              this.refreshVideoSize(video);
              video.element.currentTime = 0.01;
              video.element.play();
              this.curVideo = video;
              this.replayBtn.visible = false;

              video.element.onended = function () {
                _this79.replayBtn.visible = true;
              };
            }
          }
        }, {
          key: "refreshVideoSize",
          value: function refreshVideoSize(video) {
            if (!video.parent) {
              return;
            }

            video.width = video.element.videoWidth;
            video.height = video.element.videoHeight;
            var sx = video.parent.width / video.element.videoWidth;
            var sy = video.parent.height / 2 / video.element.videoHeight;
            console.log('sx: ', sx);
            console.log('sy: ', sy);
            video.setScaleXY(Math.min(sx, sy));
            video.x = -video.width / 2 * video.scaleX;
            video.y = -video.height / 2 * video.scaleY;
          }
        }, {
          key: "playHotZoneItemSA",
          value: function playHotZoneItemSA() {
            var _this80 = this;

            var arr = this.hotZoneArr;
            console.log('in showHotZonePic arr: ', arr);

            if (!arr || arr.length == 0) {
              return;
            }

            console.log('in showHotZonePic 1');
            var index = 0;

            var showOneHotZone = function showOneHotZone() {
              console.log(' in showOneHotZone');

              if (index > arr.length - 1) {
                _this80.showWriteBtn();

                return;
              }

              var data = arr[index].data;

              if (data.gIdx == '0' || data.gIdx == '2') {
                _this80.showHotZonePic(arr[index]);

                if (data.gIdx == '0') {
                  _this80.lastHotZoneItem = arr[index]; //记录最后一个显示item 后面要替换
                }

                if (data.audio_url) {
                  _this80.playAudio(data.audio_url, true, function () {
                    index++;
                    showOneHotZone();
                  });
                } else {
                  index++;
                  showOneHotZone();
                }
              } else {
                index++;
                showOneHotZone();
              }
            };

            showOneHotZone();
          }
        }, {
          key: "playHotZoneItemSC",
          value: function playHotZoneItemSC() {
            var _this81 = this;

            var arr = this.hotZoneArr;
            console.log('in showHotZonePic arr: ', arr);

            if (!arr || arr.length == 0) {
              return;
            }

            console.log('in showHotZonePic 1');
            var index = 0;

            var showOneHotZone = function showOneHotZone() {
              console.log(' in showOneHotZone');

              if (index > arr.length - 1) {
                return;
              }

              var data = arr[index].data;

              if (data.gIdx == '0' || data.gIdx == '1') {
                _this81.showHotZonePic(arr[index]);

                if (data.gIdx == '0') {
                  _this81.lastHotZoneItem = arr[index]; //记录最后一个显示item 后面要替换
                }

                if (data.audio_url) {
                  _this81.playAudio(data.audio_url, true, function () {
                    index++;
                    showOneHotZone();
                  });
                } else {
                  index++;
                  showOneHotZone();
                }
              } else {
                index++;
                showOneHotZone();
              }
            };

            showOneHotZone();
          }
        }, {
          key: "showWriteBtn",
          value: function showWriteBtn() {
            console.log(' in showWriteBtn');

            if (this.writeBtn) {
              this.writeBtn.visible = true;
              this.writeBtn.alpha = 0;
              Object(_Unit__WEBPACK_IMPORTED_MODULE_2__["tweenChange"])(this.writeBtn, {
                alpha: 1
              }, 1);
            }
          }
        }, {
          key: "showSmallTitle",
          value: function showSmallTitle(data) {
            var imgObj = this.images.get(data.title_pic_url);
            this.lastHotZoneItem.init(imgObj);
            this.showHotZonePic(this.lastHotZoneItem);

            if (data.title_audio_url) {
              this.playAudio(data.title_audio_url, true);
            }
          }
        }, {
          key: "showHotZonePic",
          value: function showHotZonePic(item) {
            console.log('item: ', item);
            item.visible = true;
            item.alpha = 0;
            Object(_Unit__WEBPACK_IMPORTED_MODULE_2__["tweenChange"])(item, {
              alpha: 1
            }, 0.5);
          }
        }, {
          key: "showSubmit",
          value: function showSubmit() {
            if (this.submitBtn) {
              this.submitBtn.visible = true;
              this.submitBtn.alpha = 1;
              this.submitBtn.shadowSpr.visible = true;
              this.submitBtn.shadowSpr.alpha = 1;
            }
          }
        }, {
          key: "hideSubmit",
          value: function hideSubmit() {
            if (this.submitBtn) {
              this.submitBtn.visible = false;
              this.submitBtn.alpha = 0;
              this.submitBtn.shadowSpr.visible = false;
              this.submitBtn.shadowSpr.alpha = 0;
            }
          }
        }, {
          key: "removeSubmit",
          value: function removeSubmit() {
            if (this.submitBtn) {
              this.submitBtn.parent.removeChild(this.submitBtn);
              this.submitBtn.shadowSpr.parent.removeChild(this.submitBtn.shadowSpr);
              this.submitBtn = null;
            }
          }
        }, {
          key: "testInput",
          value: function testInput() {
            var tmpRect = this.sentenceEmptyArr[0].getBoundingBox();
            var svBox = this.scrollView.getBoundingBox();
            var x = svBox.x + tmpRect.x * this.mapScale;
            var y = svBox.y + tmpRect.y * this.mapScale;
            var width = tmpRect.width * this.mapScale;
            var height = tmpRect.height * this.mapScale;
            var rect = {
              x: x,
              y: y,
              width: width,
              height: height
            };
            console.log('rect: ', rect); // const shape = new ShapeRectNew();
            // shape.setSize(200, 200, 1);
            // shape.fillColor = '#0000ff'
            // shape.x = 500;
            // shape.y = 500;
            // this.topArr.push(shape);
          }
        }, {
          key: "showInputView",
          value: function showInputView(style, rect, value, cb) {
            if (!this.inputView) {
              this.inputView = new _Unit__WEBPACK_IMPORTED_MODULE_2__["InputView"]();
              this.inputView.isShowScroll = true;
            }

            var inputView = this.inputView;

            if (inputView.callback) {
              inputView.onblur();
            }

            inputView.show();
            inputView.x = rect.x / this.canvasScale; // this.canvasWidth / 2;

            inputView.y = rect.y / this.canvasScale; // this.canvasHeight / 2;

            inputView.width = rect.width / this.canvasScale;
            inputView.height = rect.height / this.canvasScale;
            inputView.text = value;
            inputView.callback = cb;
            inputView.setStyle(style);
            inputView.refreshInputStyle();
          }
        }, {
          key: "hideInputView",
          value: function hideInputView() {
            if (!this.inputView) {
              return;
            }

            this.inputView.hide();
          }
        }, {
          key: "relink",
          value: function relink() {
            var progress = this.getPageData('progress');

            if (this.isTeacher) {
              if (progress != null) {
                this.gameStart();
                return;
              }

              return;
            }

            if (progress == '1') {
              this.gameStart();
              var resultData = this.getStoreData('resultData');

              if (resultData) {
                this.initResultView(resultData);
                return;
              }

              return;
            } // if (progress == '2' || progress == '3') {
            //   const submitCount = this.getPageData('submitCount')
            //   this.submitCount = submitCount;
            //   this.checkShowSubTemplateOne();
            //   return;
            // }

          }
        }, {
          key: "initMaskPic",
          value: function initMaskPic() {
            var bgUrl = this.data.contentObj.bg_url;
            console.log('bgUrl', bgUrl);
            var maskPic = this.getMySprite(bgUrl);
            var sx = this.canvasWidth / maskPic.width;
            var sy = this.canvasHeight / maskPic.height;
            var s = Math.max(sx, sy);
            maskPic.setScaleXY(s);
            maskPic.x = this.canvasWidth / 2;
            maskPic.y = this.canvasHeight / 2;

            if (this.isTeacher) {
              maskPic.visible = false;
            }

            this.maskPic = maskPic;
          }
        }, {
          key: "getMySprite",
          value: function getMySprite(resName) {
            var isSetScale = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
            var spr = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MySprite"]();
            spr.init(this.images.get(resName));

            if (isSetScale) {
              spr.setScaleXY(this.mapScale);
            }

            return spr;
          }
        }, {
          key: "setRectRight",
          value: function setRectRight(data) {
            console.log("in setRectRight : ", data);

            for (var i = 0; i < this.hotZoneArr.length; i++) {
              this.hotZoneArr[i].result = data[i];

              if (data[i] && data[i].right) {
                this.hotZoneArr[i].isRight = true;
              } else {
                this.hotZoneArr[i].isRight = false;
              }
            }
          }
        }, {
          key: "initResultView",
          value: function initResultView() {
            var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;

            if (data) {
              console.log('initResultView data : ', data);
              this.setRectRight(data);
            } else {
              var resultData = this.getResultData();
              this.userResultData = resultData;
              this.sendResult();
              this.setStoreData('resultData', resultData);
            }

            var resultLayer = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MySprite"]();
            resultLayer.x = this.canvasWidth / 2;
            resultLayer.y = this.canvasHeight / 2;
            var bg = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MySprite"]();
            bg.init(this.images.get("result_bg"));
            bg.x = 0;
            bg.y = 0;
            bg.setScaleXY(this.mapScaleMax);
            resultLayer.addChild(bg);
            var bgItem = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MySprite"]();
            bgItem.init(this.images.get("result_bg_item"));
            bg.addChild(bgItem);
            var panelOffY = 0; //-50 * this.mapScale;

            var panel = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MySprite"]();
            panel.init(this.images.get("result_panel"));
            panel.setScaleXY(this.mapScale);
            panel.y = panelOffY;
            resultLayer.addChild(panel, 1);
            var panelItem = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MySprite"]();
            panelItem.init(this.images.get("result_panel_item"));
            panelItem.y = -600;
            panel.addChild(panelItem);
            var itemLabel = new _Unit__WEBPACK_IMPORTED_MODULE_2__["RichText"]();
            itemLabel.fontSize = 52; // itemLabel.y = 5;

            itemLabel.width = panelItem.width;
            itemLabel.fontColor = '#ffffff';
            itemLabel.fontName = 'Aileron-Black';
            itemLabel.text = 'Check';
            itemLabel.y = 10;
            itemLabel.textAlign = 'center';
            panelItem.addChild(itemLabel, 5);
            var panelShadow = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MySprite"]();
            panelShadow.init(this.images.get("result_panel_shadow")); // panelShadow.setScaleXY(this.mapScale);

            panelShadow.y = panel.height / 2 - 20;
            panel.addChild(panelShadow);
            var btn = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MySprite"]();
            btn.init(this.images.get("big_btn"));
            btn.setScaleXY(this.mapScale);
            btn.y = panel.y + (panel.height / 2 + 120) * panel.scaleY; // resultLayer.addChild(btn, 2);
            // this.moreBtn = btn;

            var btnShadow = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MySprite"]();
            btnShadow.init(this.images.get("big_btn_shadow"));
            btnShadow.setScaleXY(this.mapScale);
            btnShadow.y = btn.y + 30 * this.mapScale; // resultLayer.addChild(btnShadow);

            var btnLabel = new _Unit__WEBPACK_IMPORTED_MODULE_2__["Label"]();
            btnLabel.fontSize = 64;
            btnLabel.fontName = 'Aileron-Black';
            btnLabel.textAlign = 'center';
            btnLabel.text = '更多练习';
            btnLabel.y = 5;
            btnLabel.fontColor = '#ffffff';
            btn.addChild(btnLabel, 3);
            this.topArr.push(resultLayer);
            this.resultPanel = panel;
            this.resultLayer = resultLayer;
            this.initResultSentence();
          }
        }, {
          key: "getResultData",
          value: function getResultData() {
            var _a;

            var dataArr = [];

            for (var i = 0; i < this.hotZoneArr.length; i++) {
              var result = this.hotZoneArr[i].result;
              result.userAnswer = ((_a = this.hotZoneArr[i].label) === null || _a === void 0 ? void 0 : _a.text) || '';
              dataArr.push(result);
            }

            return dataArr;
          }
        }, {
          key: "initResultSentence",
          value: function initResultSentence() {
            var _a, _b;

            var resultSv = new _Unit__WEBPACK_IMPORTED_MODULE_2__["ScrollView"]();
            resultSv.setShowSize(this.resultPanel.width, this.resultPanel.height * 0.85);
            resultSv.setBgColor("#3e9e33");
            resultSv.x = -this.resultPanel.width / 2;
            resultSv.y = -this.resultPanel.height / 2 + 120;
            resultSv.setScrollBarSize(20 * this.mapScale, 5); // resultSv.setContentScale(this.mapScale);

            this.resultPanel.addChild(resultSv);
            this.resultSv = resultSv;
            console.log('hotZoneArr: ', this.hotZoneArr);
            var tmpLabel = new _Unit__WEBPACK_IMPORTED_MODULE_2__["Label"]();
            tmpLabel.fontSize = 48;
            tmpLabel.fontColor = '#ffffff';
            tmpLabel.fontName = 'DroidSansFallback';
            var baseY = 0; //-500;

            for (var i = 0; i < this.hotZoneArr.length; i++) {
              var result = this.hotZoneArr[i].result;
              var richText = new _Unit__WEBPACK_IMPORTED_MODULE_2__["RichText"]();
              richText.disH = 5; // richText.x = -this.panel.width / 2 * 0.9

              richText.x = 0.05 * this.resultPanel.width;
              richText.y = baseY + 80;
              richText.fontSize = 48;
              richText.width = this.resultPanel.width * 0.9;
              richText.fontColor = '#ffffff';
              richText.fontName = 'DroidSansFallback';
              richText.text = result.userAnswer; // this.resultPanel.addChild(richText, 1)
              // const rect = richText.getBoundingBox();
              // richText.refreshSize();

              tmpLabel.text = richText.text;
              tmpLabel.refreshSize();
              var rectW = tmpLabel.width < 100 ? 100 : tmpLabel.width;
              var rect = {
                x: richText.x,
                y: richText.y,
                width: rectW,
                height: richText.fontSize
              };
              var addW = 18;
              rect.width += addW;
              rect.height += 16; // rect.x += addW / 2;

              var colorRect = new _Unit__WEBPACK_IMPORTED_MODULE_2__["ShapeRectNew"]();
              colorRect.setSize(rect.width, rect.height, 10); // colorRect.alpha = 0.3;

              colorRect.fillColor = '#007b3e';
              var offX = 9;
              colorRect.x = rect.x; // + offX;

              colorRect.y = rect.y - rect.height / 2; // colorRect.alpha = 0.5;

              resultSv.addItem(colorRect);
              resultSv.addItem(richText);
              baseY = richText.y + richText.getAreaHeight();

              if (result.isAi) {
                colorRect.alpha = 0;
                var infoBg = new _Unit__WEBPACK_IMPORTED_MODULE_2__["ShapeRectNew"](); // infoBg.init(this.images.get("info_bg"));

                infoBg.setSize(1838, 120, 60);
                infoBg.fillColor = '#3b962e';
                infoBg.y = baseY; //+ 50;

                infoBg.x = (this.resultPanel.width - infoBg.width) / 2; //* this.mapScale;
                // infoBg.x = this.resultPanel.width / 2 //* this.mapScale;

                resultSv.addItem(infoBg); // this.resultPanel.addChild(infoBg);
                // baseY += 130;

                var infoIcon = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MySprite"]();
                infoIcon.init(this.images.get("ai_icon"));
                infoIcon.x = 100;
                infoIcon.y = 60;
                infoBg.addChild(infoIcon);
                this.addResultLabelCircle(richText, result);
                var tmpH = this.getInfoLabelLayer(infoBg, result);

                if (tmpH < 60) {
                  infoBg.visible = false;
                } else {
                  baseY += tmpH;
                  infoBg.height = tmpH;
                  resultSv.refreshContentSize();
                }
              } else if (!this.hotZoneArr[i].isRight) {
                colorRect.fillColor = '#d71818';

                var _infoBg = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MySprite"]();

                _infoBg.init(this.images.get("info_bg"));

                _infoBg.y = baseY + 50;
                _infoBg.x = this.resultPanel.width / 2; //* this.mapScale;

                resultSv.addItem(_infoBg); // this.resultPanel.addChild(infoBg);

                baseY += 130;

                var _infoIcon = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MySprite"]();

                _infoIcon.init(this.images.get("info_icon"));

                _infoIcon.x = -_infoBg.width / 2 + 100;

                _infoBg.addChild(_infoIcon);

                var infoLabel = new _Unit__WEBPACK_IMPORTED_MODULE_2__["RichText"]();
                infoLabel.x = _infoIcon.x + 50;
                infoLabel.fontSize = 48;
                infoLabel.y = 5;
                infoLabel.width = _infoBg.width;
                infoLabel.fontColor = '#ffe9b1';
                infoLabel.fontName = 'Aileron-Black';
                infoLabel.text = ((_a = this.hotZoneArr[i].result) === null || _a === void 0 ? void 0 : _a.info) || '';

                _infoBg.addChild(infoLabel);
              } else {
                var labelAnswer = this.getFillLabel();
                labelAnswer.fontSize = 48;
                labelAnswer.fontColor = '#ffffff';
                labelAnswer.fontName = 'Aileron-Black';
                labelAnswer.text = ((_b = this.hotZoneArr[i].result) === null || _b === void 0 ? void 0 : _b.info) || '';
                labelAnswer.setScaleXY(1);
                labelAnswer.textAlign = 'center';
                labelAnswer.refreshSize();
                labelAnswer.x = colorRect.width / 2;
                labelAnswer.y = colorRect.height / 2; // colorRect.addChild(labelAnswer);
              }

              if (i != this.hotZoneArr.length - 1) {
                var line = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MySprite"]();
                line.init(this.images.get("line"));
                line.x = this.resultPanel.width / 2;
                line.y = baseY + 30;
                resultSv.addItem(line); // this.resultPanel.addChild(line);

                baseY = line.y;
              }
            }

            console.log('this.resultSv.height: ', this.resultSv.heigth);
            console.log('this.resultSv.box height: ', this.resultSv.getBoundingBox().height);
          }
        }, {
          key: "getInfoLabelLayer",
          value: function getInfoLabelLayer(infoBg, result) {
            var resultTextArr = result.resultTextArr,
                iconData = result.iconData;
            var arr = [];

            for (var k in iconData) {
              iconData[k].index = k;
              arr.push(iconData[k]);
            }

            var layer = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MySprite"]();
            var baseIndex = 0;
            var tmpH = 40;

            for (var i = 0; i < arr.length; i++) {
              var circle = new _Unit__WEBPACK_IMPORTED_MODULE_2__["ShapeCircle"]();
              circle.setRadius(30);
              circle.x = 200;
              circle.y = tmpH + 20;
              circle.fillColor = '#dcc077';
              infoBg.addChild(circle);
              var label = new _Unit__WEBPACK_IMPORTED_MODULE_2__["Label"]();
              label.text = (i + 1).toString();
              label.fontColor = '#ffffff';
              label.textAlign = 'center';
              label.fontName = 'Aileron-Bold';
              label.y = 3;
              circle.addChild(label);
              var infoLabel = new _Unit__WEBPACK_IMPORTED_MODULE_2__["RichText"]();
              infoLabel.topH = 0;
              infoBg.addChild(infoLabel);
              infoLabel.x = 230;
              infoLabel.fontSize = 48;
              infoLabel.y = tmpH + 20;
              infoLabel.width = infoBg.width * 0.8;
              infoLabel.fontColor = '#ffe9b1';
              infoLabel.fontName = 'Aileron-Black';
              infoLabel.text = arr[i].dataArr[0].reason;
              tmpH = infoLabel.y + infoLabel.getAreaHeight(); // const rect = lastRect.rect;
              // rect.x -= rect.width;
              // rect.y -= rect.height / 2;
              // const colorRect = this.getColorRect(rect);
              // colorRect.alpha = 0.5;
              // // colorRect.y -= rect.height;
              // // infoLabel.addChild(colorRect);
              // const circle = new ShapeCircle();
              // circle.setRadius(20);
              // circle.fillColor = '#dcc077';
              // circle.x = rect.x + rect.width;
              // circle.y = rect.y;
              // infoLabel.addChild(circle);
              // const label = new Label();
              // label.textAlign = 'center';
              // label.fontColor = '#ffffff';
              // label.fontSize = 30;
              // label.text = (i + 1).toString()
              // circle.addChild(label);
            }

            return tmpH; // const infoLabel = new RichText();
            // infoBg.addChild(infoLabel);
            // infoLabel.x = infoIcon.x + 50;
            // infoLabel.fontSize = 48;
            // infoLabel.y = 5;
            // infoLabel.width = infoBg.width;
            // infoLabel.fontColor = '#ffe9b1'
            // infoLabel.fontName = 'Aileron-Black';
            // infoLabel.text = this.getOneAiResultText(result);//  this.hotZoneArr[i].result?.info || '';
            // this.addResultLabelCircle(infoLabel, result);
          }
        }, {
          key: "getOneAiResultText",
          value: function getOneAiResultText(result) {
            var resultTextArr = result.resultTextArr;
            var curText = '';

            for (var i = 0; i < resultTextArr.length; i++) {
              curText += resultTextArr[i].text + '';
            }

            console.log(' in getOneAiResultText ', resultTextArr);
            return curText;
          }
        }, {
          key: "addResultLabelCircle",
          value: function addResultLabelCircle(infoLabel, result) {
            var resultTextArr = result.resultTextArr,
                iconData = result.iconData;
            var baseIndex = 0;

            for (var i = 0; i < resultTextArr.length; i++) {
              var curText = resultTextArr[i].text; // const rect = infoLabel.getSubTextRect(curText)?.rect;

              var rectGroup = infoLabel.getSubTextRectGroup(curText, baseIndex);

              if (!rectGroup) {
                continue;
              }

              console.log('~rectGroup: ', rectGroup); // const rectFirst = rectGroup[0];

              if (!rectGroup || rectGroup.length == 0) {
                continue;
              }

              var lastRect = rectGroup[rectGroup.length - 1];
              var key = lastRect.index + lastRect.text.length;
              console.log('~key: ', key);
              console.log('~rect: ', lastRect);
              console.log('iconData: ', iconData);

              if (!iconData[key]) {
                continue;
              }

              var rect = lastRect.rect;
              rect.x -= rect.width;
              rect.y -= rect.height / 2;
              var colorRect = this.getColorRect(rect);
              colorRect.alpha = 0.5; // colorRect.y -= rect.height;
              // infoLabel.addChild(colorRect);

              var circle = new _Unit__WEBPACK_IMPORTED_MODULE_2__["ShapeCircle"]();
              circle.setRadius(20);
              circle.fillColor = '#dcc077';
              circle.x = rect.x + rect.width;
              circle.y = rect.y;
              infoLabel.addChild(circle);
              var label = new _Unit__WEBPACK_IMPORTED_MODULE_2__["Label"]();
              label.fontName = 'Aileron-Bold';
              label.textAlign = 'center';
              label.fontColor = '#ffffff';
              label.fontSize = 30;
              label.text = (i + 1).toString();
              label.y = 3;
              circle.addChild(label); // colorRect.addChild(circle);
            }
          }
        }, {
          key: "getColorRect",
          value: function getColorRect(rect) {
            var colorRect = new _Unit__WEBPACK_IMPORTED_MODULE_2__["ShapeRectNew"]();
            colorRect.setSize(rect.width, rect.height, 1);
            colorRect.fillColor = Math.random() < 0.5 ? '#ff0000' : '#00ff00'; // const offX = 13; 

            colorRect.x = rect.x; // + offX;

            colorRect.y = rect.y; // -rect.height / 2;
            // console.log('rect.height: ', rect.height);
            // colorRect.alpha = 0;

            return colorRect;
          }
        }, {
          key: "initBtn",
          value: function initBtn() {
            this.topArr = [];
            var btnArr = [];
            var arr = JSON.parse(JSON.stringify(this.sentenceArr));
            arr = Object(_Unit__WEBPACK_IMPORTED_MODULE_2__["randomSortByArr"])(arr);

            if (!arr) {
              return;
            }

            var disW = 400 * this.mapScale;
            var disH = this.btnDisH * this.mapScale;
            var tmpLen = arr.length > 5 ? 5 : arr.length;
            var baseX = this.canvasWidth / 2 - (tmpLen - 1) * disW / 2;
            var baseY = this.canvasHeight / 2 - 380 * this.mapScale;
            var col = 0;

            for (var i = 0; i < arr.length; i++) {
              var btn = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MySprite"]();
              btn.init(this.images.get("btn"));
              btn.x = baseX + disW * col;
              btn.y = baseY;
              btn['baseX'] = btn.x;
              btn['baseY'] = btn.y;
              btn.setScaleXY(this.mapScale * 0.8);
              var btnBg = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MySprite"]();
              btnBg.init(this.images.get("btn_bg"));
              btnBg.x = btn.x;
              btnBg.y = btn.y;
              btnBg.setScaleXY(this.mapScale * 0.8);
              this.renderArr.push(btnBg);
              this.topArr.push(btn);
              this.addBtnLabel(btn, arr[i].answer);
              btnArr.push(btn);
              col++;

              if (col % 5 == 0) {
                col = 0;
                baseY += disH;
              }
            }

            this.btnArr = btnArr;

            if (this.isTeacher) {
              this.initsendBtn();
              return;
            }

            var submitBtn = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MySprite"]();
            submitBtn.init(this.images.get("submit"));
            submitBtn.setScaleXY(this.mapScale);
            submitBtn.x = this.canvasWidth / 2 + 650 * this.mapScale;
            submitBtn.y = this.canvasHeight / 2 + 650 * this.mapScale;
            var submitShadow = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MySprite"]();
            submitShadow.init(this.images.get("submit_shadow"));
            submitShadow.setScaleXY(this.mapScale);
            submitShadow.x = submitBtn.x;
            submitShadow.y = submitBtn.y + 20 * this.mapScale;
            var submitOff = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MySprite"]();
            submitOff.init(this.images.get("submit_off"));
            submitOff.setScaleXY(this.mapScale);
            submitOff.x = submitBtn.x;
            submitOff.y = submitBtn.y + 5 * this.mapScale;
            submitBtn['baseY'] = submitBtn.y;
            submitBtn['offBtn'] = submitOff;
            submitBtn['shadowSpr'] = submitShadow;
            submitShadow['baseY'] = submitShadow.y;
            this.renderArr.push(submitShadow);
            this.renderArr.push(submitBtn);
            this.renderArr.push(submitOff);
            this.submitBtn = submitBtn;
            this.submitOff();
          }
        }, {
          key: "initsendBtn",
          value: function initsendBtn() {
            var panel = this.panel;
            var btn = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MySprite"]();
            btn.init(this.images.get("big_btn"));
            btn.setScaleXY(this.mapScale);
            btn.x = this.canvasWidth / 2;
            btn.y = panel.y + (panel.height / 2 - 120) * panel.scaleY;
            this.sendBtn = btn;
            var btnShadow = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MySprite"]();
            btnShadow.init(this.images.get("big_btn_shadow"));
            btnShadow.setScaleXY(this.mapScale);
            btnShadow.x = btn.x;
            btnShadow.y = btn.y + 20 * this.mapScale;
            this.sendBtn.shadowSpr = btnShadow;
            var btnLabel = new _Unit__WEBPACK_IMPORTED_MODULE_2__["Label"]();
            btnLabel.fontSize = 64;
            btnLabel.fontName = 'Aileron-Black';
            btnLabel.textAlign = 'center';
            btnLabel.text = 'Send';
            btnLabel.y = 5;
            btnLabel.fontColor = '#ffffff';
            btn.addChild(btnLabel, 3);
            this.renderArr.push(btnShadow);
            this.renderArr.push(btn);
          }
        }, {
          key: "submitOff",
          value: function submitOff() {
            this.submitBtn.offBtn.visible = true;
            this.submitBtn.visible = false;
            this.submitBtn.shadowSpr.visible = false;
          }
        }, {
          key: "submitOn",
          value: function submitOn() {
            // this.submitBtn.y = this.submitBtn.baseY;
            // this.submitBtn.scale = this.mapScale;
            // this.submitBtn.shadowSpr.alpha = 1;
            // this.submitBtn.shadowSpr.y = this.submitBtn.shadowSpr.baseY;
            this.submitBtn.visible = true;
            this.submitBtn.shadowSpr.visible = true;
            this.submitBtn.offBtn.visible = false;
          }
        }, {
          key: "addBtnLabel",
          value: function addBtnLabel(btn, text) {
            console.log('text:  ', text);
            var label = new _Unit__WEBPACK_IMPORTED_MODULE_2__["Label"]();
            label.fontSize = 64;
            label.fontName = 'Aileron-Black';
            label.textAlign = 'center';
            label.text = text; // label.x = this.canvasWidth / 2;

            label.y = -2;
            label.fontColor = '#f1e4c2';
            btn.addChild(label);
            btn.text = text;
            return label;
          }
        }, {
          key: "initSentence",
          value: function initSentence() {
            var row = Math.floor((this.btnArr.length - 1) / 5) + 1;
            var subH = row * this.btnDisH;
            var sv = new _Unit__WEBPACK_IMPORTED_MODULE_2__["ScrollView"](); // sv.setShowSize(this.panel.width, 900 - subH);
            // sv.x = -this.panel.width / 2;
            // sv.y = -395 + subH;
            // sv.setBgColor('#faf7ee')
            // // sv.setMapScale(this.mapScale);
            // // sv.content.setScaleXY(1/this.mapScale);
            // sv.setScrollBarSize(20 * this.mapScale, 5)
            // // this.renderArr.push(sv);
            // // sv.setScaleXY(this.mapScale);
            // // sv.x = 0;
            // // sv.y = 200;
            // sv.setContentScale(this.mapScale);
            // this.panel.addChild(sv);
            // this.scrollView = sv;

            this.sentenceEmptyArr = [];
            var arr = this.sentenceArr; // const arr = this.sentenceArr.concat(this.sentenceArr);

            if (!arr) {
              return;
            }

            var baseX = this.panel.width / 2 - 1000;
            var curY = 70; // this.canvasHeight / 2 - 110 * this.mapScale;

            var disH = 70 * this.mapScale;

            for (var i = 0; i < arr.length; i++) {
              var richText = this.getSentenceLabel();
              richText.x = baseX;
              richText.y = curY;
              richText.text = arr[i].text;
              var rect = richText.getSubTextRect('____________________');
              var colorRect = new _Unit__WEBPACK_IMPORTED_MODULE_2__["ShapeRectNew"]();
              rect.height += 30;
              colorRect.setSize(rect.width, rect.height, 1);
              colorRect.fillColor = '#ff0000';
              var offX = 13;
              colorRect.x = rect.x + offX;
              colorRect.y = -rect.height / 2;
              console.log('rect.height: ', rect.height);
              colorRect.alpha = 0;
              richText.addChild(colorRect);
              this.sentenceEmptyArr.push(colorRect);
              curY += richText.getAreaHeight() * this.mapScale + disH;
              richText['data'] = arr[i];
              sv.addItem(richText); // this.renderArr.push(richText);

              colorRect.ctx = colorRect.parent.ctx;
            }
          }
        }, {
          key: "getFillLabel",
          value: function getFillLabel() {
            var label = new _Unit__WEBPACK_IMPORTED_MODULE_2__["RichText"]();
            label.fontSize = 56;
            label.fontColor = '#000000';
            label.fontName = 'Aileron-Bold'; // label.setScaleXY(this.mapScale);

            return label;
          }
        }, {
          key: "getSentenceLabel",
          value: function getSentenceLabel() {
            var richText = new _Unit__WEBPACK_IMPORTED_MODULE_2__["RichText"]();
            richText.disH = 0;
            richText.fontSize = 56;
            richText.width = 2000 / this.mapScale;
            richText.fontColor = '#000000';
            richText.fontName = 'DroidSansFallback';
            richText.setScaleXY(this.mapScale);
            return richText;
          }
        }, {
          key: "changeBtnOff",
          value: function changeBtnOff() {
            for (var i = 0; i < this.btnArr.length; i++) {
              if (this.btnArr[i].visible) {
                this.btnArr[i].init(this.images.get('btn_off'));
                this.btnArr[i].isOff = true;
              }
            }
          }
        }, {
          key: "changeBtnOn",
          value: function changeBtnOn() {
            for (var i = 0; i < this.btnArr.length; i++) {
              if (this.btnArr[i].visible) {
                this.btnArr[i].init(this.images.get('btn'));
                this.btnArr[i].isOff = false;
              }
            }
          }
        }, {
          key: "_initTitle",
          value: function _initTitle() {
            var label = new _Unit__WEBPACK_IMPORTED_MODULE_2__["Label"]();
            label.fontSize = 42 * this.mapScale;
            label.fontName = 'BRLNSDB';
            label.textAlign = 'center';
            label.setMaxSize(this.canvasWidth * 0.9);
            label.x = this.canvasWidth / 2;
            label.y = (this.bgRect.y - this.bgRect.height / 2 * this.bgRect.scaleY) / 2;
            label.fontColor = '#fff143';
            label.setShadow(0, 5, 5, 'rgba(0,0,0,0.3)');
            this.titleLabel = label;
            this.renderArr.push(label);
            var disH = 5 * this.mapScale;
            var starBg = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MySprite"]();
            starBg.init(this.images.get('top_star_bg'));
            starBg.setScaleXY(this.mapScale);
            var disW = starBg.width / 3 * starBg.scaleX;
            var num = this.picArr.length;
            var itemW = starBg.width * starBg.scaleX;
            var totalW = starBg.width * starBg.scaleX * num + disW * (num - 1);
            var offX = this.canvasWidth / 2 - totalW / 2 + itemW / 2;
            this.starBgArr = [];

            for (var i = 0; i < num; i++) {
              var _starBg = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MySprite"]();

              _starBg.init(this.images.get('top_star_bg'));

              _starBg.setScaleXY(this.mapScale);

              _starBg.x = offX + (itemW + disW) * i;
              _starBg.y = label.y - _starBg.height / 2 * _starBg.scaleY - disH / 2;
              this.renderArr.push(_starBg);
              var star = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MySprite"]();
              star.init(this.images.get('top_star'));
              star.visible = false;
              _starBg['star'] = star;

              _starBg.addChild(star);

              this.starBgArr.push(_starBg);
            }

            label.y += label.height / 2 * label.scaleY + disH / 2; // const textBg = new MySprite();
            // textBg.init(this.images.get('text_bg'));
            // textBg.setScaleXY(this.mapScale);
            // textBg.x = label.x;
            // textBg.y = label.y - textBg.height / 2 * textBg.scaleY - disH / 2;
            // this.renderArr.push(textBg);
            //
            // label.y += label.height / 2 * label.scaleY + disH / 2;
            //
            //
            // const pageLabel = new Label();
            // pageLabel.text = '0 / 0';
            // pageLabel.fontName = 'BRLNSDB';
            // pageLabel.fontColor = '#ffffff';
            // pageLabel.textAlign = 'center';
            // pageLabel.fontSize = 24;
            // textBg.addChild(pageLabel);
            //
            // this.pageLabel = pageLabel;

            this.refreshTitleLabel();
            this.refreshPageLabel();
          }
        }, {
          key: "refreshTitleLabel",
          value: function refreshTitleLabel() {
            var _this82 = this;

            var animaFlag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
            var data = this.picArr[this.curPageIndex];

            if (animaFlag) {
              Object(_Unit__WEBPACK_IMPORTED_MODULE_2__["hideItem"])(this.titleLabel, 0.2, function () {
                _this82.titleLabel.text = data.text;
                Object(_Unit__WEBPACK_IMPORTED_MODULE_2__["showItem"])(_this82.titleLabel, 0.3);

                _this82.playAudio('tip', true);
              });
            } else {
              this.titleLabel.text = data.text;
            }
          }
        }, {
          key: "refreshPageLabel",
          value: function refreshPageLabel() {
            // const label = this.pageLabel;
            // label.text = (this.curPageIndex + 1) + ' / ' + this.picArr.length;
            for (var i = 0; i < this.curPageIndex; i++) {
              var starBg = this.starBgArr[i];

              if (starBg) {
                var star = starBg.star;

                if (!star.visible) {
                  star.visible = true;
                  star.setScaleXY(3);
                  star.alpha = 0;
                  Object(_Unit__WEBPACK_IMPORTED_MODULE_2__["tweenChange"])(star, {
                    scaleX: 1,
                    scaleY: 1,
                    alpha: 1
                  }, 1, function () {}, _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_6__["default"].Easing.Exponential.In);
                }
              }
            }
          }
        }, {
          key: "showAudio",
          value: function showAudio() {
            var data = this.picArr[this.curPageIndex];
            var audio = this.audioObj[data.audio_url];

            if (audio) {
              audio.play();
            }
          }
        }, {
          key: "initBg",
          value: function initBg() {
            var _a;

            var colorBg = this.getMySprite("bg");
            colorBg.setScaleXY(this.mapScaleMax);
            this.renderArr.push(colorBg);
            colorBg.x = this.canvasWidth / 2;
            colorBg.y = this.canvasHeight / 2;
            var title = new _Unit__WEBPACK_IMPORTED_MODULE_2__["Label"]();
            title.fontSize = 76 * this.mapScale;
            title.fontName = 'Aileron-Bold';
            title.textAlign = 'left'; // title.setMaxSize(this.canvasWidth * 0.9);

            title.x = 240;
            title.y = 100 * this.mapScale;
            title.fontColor = '#3e9b31';
            title.text = this.data.contentObj.title || "";
            title.refreshSize();
            this.renderArr.push(title);
            console.log('this.data: ', this.data);
            var subH = title.fontSize;
            var url = (_a = this.data.contentObj.bgItem) === null || _a === void 0 ? void 0 : _a.url;

            if (url) {
              var bg = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MySprite"]();
              bg.init(this.images.get(url));
              var sx = this.canvasWidth / this.canvasBaseW;
              var sy = (this.canvasHeight - subH) / this.canvasBaseH;
              var s = Math.min(sx, sy);
              bg.setScaleXY(this.mapScale);
              bg.x = this.canvasWidth / 2;
              bg.y = this.canvasHeight / 2 + subH;
              bg['data'] = this.data.contentObj.bgItem;
              this.bg = bg;
              this.renderArr.push(bg);
            }
          }
        }, {
          key: "okBtnClick",
          value: function okBtnClick() {
            var _this83 = this;

            this.checkPanel.visible = false;
            this.removeSubmit(); // this.appRef.tick();

            this.canTouch = false;
            setTimeout(function () {
              // this.hideSubmit();
              _this83.convertCanvasToImage(); // this.hideSubmit();


              setTimeout(function () {
                _this83.setAnswerData(function () {
                  _this83.initResultView();

                  _this83.canTouch = true;
                });
              }, 500);
            }, 500);
          }
        }, {
          key: "cancelBtnClick",
          value: function cancelBtnClick() {
            this.checkPanel.visible = false;
          }
        }, {
          key: "mapDown",
          value: function mapDown(event) {
            if (!this.canTouch) {
              return;
            }

            if (this.videoMask && this.videoMask.visible) {
              if (this.videoCloseBtn) {
                if (this.checkClickTarget(this.videoCloseBtn)) {
                  this.videoCloseBtnClick();
                  return;
                }
              }

              if (this.replayBtn && this.replayBtn.visible) {
                if (this.checkClickTarget(this.replayBtn)) {
                  this.replayBtnClick();
                  return;
                }
              }

              return;
            } // 选择题区域 可见


            if (this.curAreaItem && this.curAreaItem.visible) {
              for (var i = 0; i < this.optionItemArr.length; i++) {
                if (this.checkClickTarget(this.optionItemArr[i])) {
                  this.optionItemClick(this.optionItemArr[i]);
                  return;
                }
              }

              if (this.checkClickTarget(this.videoBtn)) {
                this.videoBtnClick();
                return;
              }
            } else {
              if (this.answerRectNode.visible && this.checkClickTarget(this.answerRect)) {
                this.answerRectClick();
                return;
              }

              if (this.writeBtn.visible && this.checkClickTarget(this.writeBtn)) {
                this.writeBtnClick();
                return;
              }
            }
          }
        }, {
          key: "mapMove",
          value: function mapMove(event) {
            if (event) {
              event.preventDefault();
            }
          }
        }, {
          key: "mapUp",
          value: function mapUp(event) {}
        }, {
          key: "writeBtnClick",
          value: function writeBtnClick() {
            var _this84 = this;

            var courseware = window['courseware'];

            if (!courseware) {
              return;
            }

            this.answerRectNode.visible = true; // const data =  {"msg":"success","url":"https://staging-teach.cdn.ireadabc.com/a509c85b5730a8459381551f926fd90e.png","ppt_html":"https://staging-teach.cdn.ireadabc.com/ppt/a509c85b5730a8459381551f926fd90e/index.html"}
            // this.setWriteAreaPic(data);
            // this.checkNextQues();

            courseware.activeWhiteBoard(function (data) {
              // TODO 公式编辑器返回的结果
              var dataObj = JSON.parse(data);
              console.log('activeWhiteBoard data: ', dataObj);

              _this84.setWriteAreaPic(dataObj);

              _this84.checkNextQues();
            });
          }
        }, {
          key: "setWriteAreaPic",
          value: function setWriteAreaPic(data) {
            this.boardData = data;

            if (!data.url) {
              return;
            }

            this.writeBtn.visible = false;
            var writeAreaRect = this.writeAreaRect;
            var pic = writeAreaRect.pic;

            if (!pic) {
              pic = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MySprite"]();
              writeAreaRect.addChild(pic);
              pic.x = writeAreaRect.width / 2;
              pic.y = writeAreaRect.height / 2;
            }

            pic.load(data.url).then(function (img) {
              var sx = writeAreaRect.width / pic.width;
              var sy = writeAreaRect.height / pic.height;
              var s = Math.min(sx, sy);
              pic.setScaleXY(s);
            });
            writeAreaRect.pic = pic;
            writeAreaRect.visible = true;
          }
        }, {
          key: "videoBtnClick",
          value: function videoBtnClick() {
            this.videoMask.visible = true;
            this.videoBg.visible = true;
            var video = this.curVideo;
            video.element.currentTime = 0.01;
            video.element.play();
          }
        }, {
          key: "answerRectClick",
          value: function answerRectClick() {
            var _this85 = this;

            console.log('in answerRectClick');
            var courseware = window['courseware'];

            if (!courseware) {
              return;
            }

            if (this.answerRect.isClicked) {
              return;
            }

            this.answerRect.isClicked = true;
            courseware.activeFormulaBoard(function (data) {
              // TODO
              console.log('in activeFormulaBoard data 1 : ', data);

              if (typeof data == 'string') {
                data = JSON.parse(data);
              }

              console.log('in activeFormulaBoard data 2 : ', data);

              _this85.setShortAnswerData(data);

              _this85.checkNextQues();
            }); // const data = {
            //   formulaSrc: 'http://staging-teach.cdn.ireadabc.com/82f0ecacdc80cbb50c1a229cdee253c4.png',
            //   formula:"\\sqrt {777}+\\sqrt {444}"
            // }
            // this.setShortAnswerData(data);
            // this.checkNextQues();
          }
        }, {
          key: "checkNextQues",
          value: function checkNextQues() {
            if (this.mathData && this.boardData) {
              this.enterNextQues();
            }
          }
        }, {
          key: "enterNextQues",
          value: function enterNextQues() {
            var _this86 = this;

            var formula = this.mathData.formula;
            this.quesNum++;
            this.canTouch = false;
            var isRight = this.answerRectNode.data.mathLabel == formula;

            if (formula && isRight) {
              this.changeAnswerBg('rightPic');
              this.gameEnd();
            } else {
              this.changeAnswerBg('wrongPic');

              if (!this.isFirstQues) {
                this.gameEnd();
                return;
              }

              this.isFirstQues = false;
              setTimeout(function () {
                _this86.canTouch = true;

                var data = _this86.getCurChoiceQues(formula);

                _this86.curChoiceQues = data;

                if (data.video_url) {
                  _this86.showVideo(data);
                } else {
                  // this.callTeacher();
                  _this86.changeChoiceArea(data);
                }
              }, 2000);
            }
          }
        }, {
          key: "getCurChoiceQues",
          value: function getCurChoiceQues(formula) {
            var defualtData = {};
            var choiceQuesArr = this.data.contentObj.choiceQuesArr;

            for (var i = 0; i < choiceQuesArr.length; i++) {
              if (!choiceQuesArr[i].mathLabel) {
                defualtData = choiceQuesArr[i];
              }

              if (choiceQuesArr[i].mathLabel == formula) {
                return choiceQuesArr[i];
              }
            }

            return defualtData;
          }
        }, {
          key: "setShortAnswerData",
          value: function setShortAnswerData(data) {
            var _this87 = this;

            this.mathData = data;
            var formulaSrc = data.formulaSrc,
                formula = data.formula;
            var labelPic = this.answerLabelPic;
            labelPic.load(formulaSrc).then(function (img) {
              var sx = (_this87.answerRect.width * _this87.answerRect.scaleX - 20) / labelPic.width;
              var sy = _this87.answerRect.height * _this87.answerRect.scaleY / labelPic.height;
              var s = Math.min(sx, sy);
              labelPic.setScaleXY(s);
              labelPic.x = labelPic.width / 2 * labelPic.scaleX + 10;
              labelPic.y = _this87.answerRect.y;
            });
          }
        }, {
          key: "changeBase64ToPicUrl",
          value: function changeBase64ToPicUrl(base64Data) {
            var arr = base64Data.split(','),
                mime = arr[0].match(/:(.*?);/)[1],
                bstr = atob(arr[1]),
                n = bstr.length,
                u8arr = new Uint8Array(n);

            while (n--) {
              u8arr[n] = bstr.charCodeAt(n);
            }

            var obj = new Blob([u8arr], {
              type: mime
            });
            var fd = new FormData();
            fd.append("file", obj, "jm_math.png"); // 上传截图

            this.http.post(this.uploadUrl, fd).subscribe(function (res) {
              // 存储服务器的截图url
              if (res['url']) {
                console.log('res url: ', res['url']);
              } else {}
            });
          }
        }, {
          key: "replayBtnClick",
          value: function replayBtnClick() {
            if (this.curVideo) {
              this.curVideo.element.play();
              this.replayBtn.visible = false;
            }
          }
        }, {
          key: "videoCloseBtnClick",
          value: function videoCloseBtnClick() {
            console.log("in videoCloseBtnClick");
            this.videoBg.visible = false;
            this.videoMask.visible = false;

            if (this.curVideo) {
              this.curVideo.element.pause();
            }

            if (this.curOpItem) {
              this.changeChoiceArea(this.curOpItem.data);
            }

            if (this.templateQuesType == this.TYPE_SHORT_ANSWER) {
              this.changeChoiceArea(this.curChoiceQues);
            }

            if (this.curVideo && !this.videoBtn.visible) {
              this.videoBtn.visible = true;
            }
          }
        }, {
          key: "cleanSmallTitle",
          value: function cleanSmallTitle() {
            this.curAreaItem.visible = false;
            this.curAreaItem.removeChildren();
            Object(_Unit__WEBPACK_IMPORTED_MODULE_2__["removeItemFromArr"])(this.renderArr, this.curAreaItem);
            Object(_Unit__WEBPACK_IMPORTED_MODULE_2__["removeItemFromArr"])(this.renderArr, this.answerRectNode);
            Object(_Unit__WEBPACK_IMPORTED_MODULE_2__["removeItemFromArr"])(this.renderArr, this.answerQuesPic);

            if (this.videoBtn) {
              this.videoBtn.visible = false;
            }

            if (this.writeAreaRect) {
              this.writeAreaRect.visible = false;
            }

            if (this.writeBtn) {
              this.writeBtn.visible = false;
            }

            this.mathData = null;
            this.boardData = null;
          }
        }, {
          key: "optionItemClick",
          value: function optionItemClick(opItem) {
            console.log('opItem: ', opItem);
            var data = opItem.data;
            this.curOpItem = opItem;
            this.changeAllOpItem();
            this.quesNum++;

            if (data.is_right) {
              this.optionRight(opItem);
            } else {
              this.optionWrong(opItem);
            }
          }
        }, {
          key: "gameEnd",
          value: function gameEnd() {
            var c = window['courseware'];

            if (!c) {
              return;
            }

            c.nextPage();
          }
        }, {
          key: "optionRight",
          value: function optionRight(opItem) {
            var _this88 = this;

            this.changeOpItemBg(opItem, 'rightPic');
            this.canTouch = false;

            if (this.data.contentObj.ques_type == this.TYPE_SHORT_ANSWER) {
              setTimeout(function () {
                _this88.canTouch = true;

                _this88.cleanSmallTitle();

                _this88.changeAnswerArea();
              }, 2000);
            }

            this.gameEnd();
          }
        }, {
          key: "optionWrong",
          value: function optionWrong(opItem) {
            var _this89 = this;

            this.changeOpItemBg(opItem, 'wrongPic');
            this.canTouch = false;

            if (this.quesNum >= 3) {
              this.gameEnd();
              return;
            }

            setTimeout(function () {
              _this89.canTouch = true;

              if (_this89.data.contentObj.ques_type == _this89.TYPE_SHORT_ANSWER) {
                _this89.cleanSmallTitle();

                _this89.changeAnswerArea();

                return;
              }

              if (opItem.data.video_url) {
                _this89.showVideo(opItem.data);
              } else {
                _this89.callTeacher();
              }
            }, 2000);
          }
        }, {
          key: "callTeacher",
          value: function callTeacher() {
            this.changeChoiceArea(this.data.contentObj);
          }
        }, {
          key: "showVideo",
          value: function showVideo(data) {
            this.videoMask.visible = true;
            this.videoBg.visible = true;
            this.initVideoPlayer(data);
          }
        }, {
          key: "hideVideo",
          value: function hideVideo() {
            this.videoMask.visible = false;
            this.videoBg.visible = false;
          }
        }, {
          key: "changeAllOpItem",
          value: function changeAllOpItem() {
            for (var i = 0; i < this.optionItemArr.length; i++) {
              this.changeOpItemBg(this.optionItemArr[i], 'normalPic');
            }
          }
        }, {
          key: "changeOpItemBg",
          value: function changeOpItemBg(opItem, res) {
            opItem[opItem.curRes].visible = false;
            opItem.curRes = res;
            opItem[opItem.curRes].visible = true;
          }
        }, {
          key: "changeAnswerBg",
          value: function changeAnswerBg(res) {
            var node = this.answerRectNode;
            node[node.curRes].visible = false;
            node.curRes = res;
            node[node.curRes].visible = true;
          }
        }, {
          key: "moreBtnClick",
          value: function moreBtnClick() {
            // this.setPageData('progress', '2', false);
            // this.setPageData('submitCount', this.submitCount);
            this.checkShowSubTemplateOne();
            this.isUpdateStop = true;
          }
        }, {
          key: "checkShowSubTemplateOne",
          value: function checkShowSubTemplateOne() {
            // this.showSubTemplate(0);
            console.log(' in checkShowSubTemplateOne');
            var progress = this.getPageData('progress');
            console.log(' progress: ', progress);

            if (progress == '2') {
              if (this.submitCount == 1) {
                this.showSubTemplate(1);
                this.sendSubTempIsShowMore(1, true);
              } else {
                this.showSubTemplate(0);
                this.sendSubTempIsShowMore(0, true);
              }

              return;
            }

            if (progress == '3') {
              var index;

              if (this.submitCount == 1) {
                index = 0;
                this.hideSubTemplate(1);
              } else {
                index = 1;
                this.hideSubTemplate(0);
              }

              this.showSubTemplate(index);
              this.sendSubTempIsShowMore(index, false);
            }
          }
        }, {
          key: "sendSubTempIsShowMore",
          value: function sendSubTempIsShowMore(index, isShowMore) {
            var _this90 = this;

            setTimeout(function () {
              var divArr = _this90.iframeContent.nativeElement.children;
              var iframecont = divArr[index].children[0];
              var data = {
                msg: 'success',
                isShowMore: isShowMore
              };
              iframecont.contentWindow.postMessage({
                action: 'is_show_more',
                data: JSON.stringify(data)
              }, '*');
              console.log(' post msg is_show_more ');
            }, 1000);
          }
        }, {
          key: "btnDown",
          value: function btnDown(btn) {
            this.curMoveItem = btn;
          }
        }, {
          key: "addLabelMask",
          value: function addLabelMask(target, label) {
            var box = target.getBoundingBox(); // const mask = new ShapeRect();
            // mask.setSize(400, 400);
            // mask.fillColor = '#ff0000';
            // // const mask = new MySprite();
            // // mask.init(this.images.get("mask"))
            // // mask.x = rect.x;
            // // mask.y = rect.y;
            // // const sx = rect.width / mask.width;
            // // const sy = rect.height / mask.height;
            // // mask.scaleX = sx;
            // // mask.scaleY = sy;
            // // this.scrollView.addItem(mask);
            // // label.addMaskSpr(mask);
            // // mask.x = 200;
            // // mask.y = 200;
            // // const label1 = new MySprite();
            // // label1.init(this.images.get("btn_bg"))
            // // label1.setScaleXY(2);
            // const label1 = this.getFillLabel();
            // label1.text = 'aaaaaaaa a a a a a a a a a a a a a a ';
            // label1.x = 400;
            // label1.y = 400;
            // label1.width = mask.width;
            // label1.height = mask.height;
            // label1.textBaseline = 'top';
            // // label1.setMaxSize(rect.width);
            // this.renderArr.push(mask);
            // this.renderArr.push(label1);
            // // mask.setMaskType("destination-in");
            // // // label1.addMaskSpr(mask)
            // // mask.addMaskSpr(label1);
            // label1.addMaskSpr(mask);

            label.width = box.width;
            label.height = box.height;
            label.x = box.width / 2;
            label.y = box.height / 2;
            var rect = new _Unit__WEBPACK_IMPORTED_MODULE_2__["ShapeRect"]();
            rect.setSize(box.width, box.heigth);
            label.addMaskSpr(rect);
          }
        }, {
          key: "emptyRectDown",
          value: function emptyRectDown(targetRect) {
            var _this91 = this;

            if (!targetRect.label) {
              var label = this.getFillLabel();
              label.fontSize = this.inputFontSize;
              label.disH = 0;
              label.offW = 0;
              label.textBaseline = 'top';
              label.width = targetRect.width;
              label.fontSize *= this.bg.scaleX; // targetRect.label.x = ( targetRect.width / 2  ) 

              targetRect.label = label;
              targetRect.addChild(targetRect.label);
              this.addLabelMask(targetRect, label);
            }

            if (targetRect.label.isDefault) {
              targetRect.label.text = '';
              targetRect.label.fontColor = '#000000';
              targetRect.label.isDefault = false;
            }

            if (true) {
              var scale = 1; // this.mapScale;

              var tmpRect = targetRect.getBoundingBox();
              var svBox = this.scrollView.getBoundingBox();
              var x = svBox.x + tmpRect.x * scale;
              var y = svBox.y + tmpRect.y * scale;
              var width = tmpRect.width * scale;
              var height = tmpRect.height * scale;
              var rect = {
                x: x,
                y: y,
                width: width,
                height: height
              };
              var style = {
                'font-size': this.inputFontSize / this.canvasScale * this.bg.scaleX + 'px',
                'color': '#000000',
                'font-family': 'Aileron-Bold',
                'line-height': this.inputFontSize / this.canvasScale * this.bg.scaleX + 'px'
              };
              this.showInputView(style, rect, targetRect.label.text || '', function (value) {
                targetRect.label.text = value;

                _this91.checkShowSubmit();
              });
            }
          }
        }, {
          key: "showCheckPanel",
          value: function showCheckPanel() {
            if (!this.checkPanel) {
              this.checkPanel = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MySprite"]();
              this.checkPanel.init(this.images.get("check_panel"));
              this.checkPanel.setScaleXY(this.mapScale);
              this.checkPanel.x = this.canvasWidth / 2;
              this.checkPanel.y = this.canvasHeight / 2;
              var label = new _Unit__WEBPACK_IMPORTED_MODULE_2__["Label"]();
              label.text = '本题只能提交一次，确认提交吗？';
              label.textAlign = 'center';
              label.fontColor = '#ffffff';
              label.fontSize = 56; //* this.mapScale;

              label.fontName = 'Aileron-Black';
              label.y = -70;
              this.checkPanel.addChild(label); // label.x = this.checkPanel.width / 2;
              // label.y = this.checkPanel.height / 2;

              var offX = 300;
              var okBtn = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MySprite"]();
              okBtn.init(this.images.get("check_ok"));
              this.checkPanel.addChild(okBtn);
              okBtn.x = offX;
              okBtn.y = 130;
              this.okBtn = okBtn;
              var cancelBtn = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MySprite"]();
              cancelBtn.init(this.images.get("check_cancel"));
              this.checkPanel.addChild(cancelBtn);
              cancelBtn.x = -offX;
              cancelBtn.y = okBtn.y;
              this.cancelBtn = cancelBtn;
              this.renderArr.push(this.checkPanel);
            }

            this.checkPanel.visible = true;
          }
        }, {
          key: "submitBtnClick",
          value: function submitBtnClick() {
            var _this92 = this;

            // this.submitCount ++;
            var btnBaseY = this.submitBtn.y;
            var btnTargetY = btnBaseY + 5 * this.mapScale;
            var baseS = this.submitBtn.scaleX;
            var targetS = baseS * 0.95;
            var time = 0.07;
            this.canTouch = false;
            Object(_Unit__WEBPACK_IMPORTED_MODULE_2__["tweenChange"])(this.submitBtn, {
              y: btnTargetY,
              scaleX: targetS,
              scaleY: targetS
            }, time, function () {
              // tweenChange(this.submitBtn, {y: btnBaseY, scaleX: baseS, scaleY: baseS}, time)
              Object(_Unit__WEBPACK_IMPORTED_MODULE_2__["tweenChange"])(_this92.submitBtn, {
                y: btnBaseY,
                scaleX: baseS,
                scaleY: baseS
              }, time, function () {
                _this92.canTouch = true;
              });

              _this92.showCheckPanel(); // this.submitOff();
              // const isAllRight = this.checkAnswer();
              // if (isAllRight || this.submitCount >= 2) {
              //   this.changeBtnOff();
              //   this.btnArr = [];
              //   delayCall(0.3, ()=> {
              //     this.initResultView();
              //     this.setPageData('progress', '2', false);
              //     this.setPageData('submitCount', this.submitCount);
              //     this.serverSendAnswer('4-1', this.resultAnswerArr);
              //   })
              // }

            });
            var shadow = this.submitBtn.shadowSpr;
            var shadowBaseY = shadow.y; //shadow['baseY'];

            var shadowTargetY = shadowBaseY - 15 * this.mapScale;
            Object(_Unit__WEBPACK_IMPORTED_MODULE_2__["tweenChange"])(shadow, {
              y: shadowTargetY,
              alpha: 0
            }, time, function () {
              shadow.y = shadowBaseY;
              shadow.alpha = 1;
              Object(_Unit__WEBPACK_IMPORTED_MODULE_2__["tweenChange"])(shadow, {
                y: shadowBaseY,
                alpha: 1
              }, time);
            }); // this.addResultAnswer();
          }
        }, {
          key: "addResultAnswer",
          value: function addResultAnswer() {
            console.log('this.data.contentObj.sentenceArr: ', this.data.contentObj.sentenceArr);
            console.log('this.sentenceEmptyArr: ', this.sentenceEmptyArr);
            var sentenceArr = this.data.contentObj.sentenceArr;
            var resultAnswer = [];

            for (var i = 0; i < sentenceArr.length; i++) {
              var label = this.sentenceEmptyArr[i].label;
              var tmpData = {};
              tmpData['question'] = sentenceArr[i];
              tmpData['userAnswer'] = label.text;
              resultAnswer.push(tmpData);
            }

            this.resultAnswerArr.push(resultAnswer);
          }
        }, {
          key: "sendResult",
          value: function sendResult() {
            // if (this.userResultPic && this.userResultData) {
            var c = window['courseware'];

            if (!c) {
              return;
            }

            var duration = new Date().getTime() - this.localStartTime;
            c.sendAnswer({
              resultData: this.userResultData,
              resultPic: this.userResultPic || '',
              duration: duration
            }); // }
          }
        }, {
          key: "setAnswerData",
          value: function setAnswerData(cb) {
            var _a;

            return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0,
            /*#__PURE__*/
            regeneratorRuntime.mark(function _callee5() {
              var isAllRight, i, data, answer, result;
              return regeneratorRuntime.wrap(function _callee5$(_context5) {
                while (1) {
                  switch (_context5.prev = _context5.next) {
                    case 0:
                      isAllRight = true;
                      i = 0;

                    case 2:
                      if (!(i < this.hotZoneArr.length)) {
                        _context5.next = 25;
                        break;
                      }

                      data = this.hotZoneArr[i].data;
                      console.log('data: ', data);
                      answer = ((_a = this.hotZoneArr[i].label) === null || _a === void 0 ? void 0 : _a.text) || '';
                      console.log('answer: ', answer);
                      console.log('i: ', i); // answer = answer.replace(/\n/g," ");

                      result = void 0;

                      if (!(data.selectType == 'ai')) {
                        _context5.next = 16;
                        break;
                      }

                      _context5.next = 12;
                      return this.serverTest(answer);

                    case 12:
                      result = _context5.sent;
                      result.isAi = true;
                      _context5.next = 19;
                      break;

                    case 16:
                      _context5.next = 18;
                      return this.paperForCheck(data, answer, this.hotZoneArr[i].data.labelText);

                    case 18:
                      result = _context5.sent;

                    case 19:
                      console.log('result: ', JSON.parse(JSON.stringify(result)));
                      this.hotZoneArr[i].result = result;

                      if (!result.right) {
                        // this.removeRectText( this.hotZoneArr[i] );
                        isAllRight = false;
                      } else {
                        this.hotZoneArr[i].isRight = true; // this.showSentenceRight(this.hotZoneArr[i]);
                      }

                    case 22:
                      i++;
                      _context5.next = 2;
                      break;

                    case 25:
                      cb();

                    case 26:
                    case "end":
                      return _context5.stop();
                  }
                }
              }, _callee5, this);
            }));
          }
        }, {
          key: "paperForCheck",
          value: function paperForCheck(data, answer) {
            var labelText = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
            return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0,
            /*#__PURE__*/
            regeneratorRuntime.mark(function _callee6() {
              return regeneratorRuntime.wrap(function _callee6$(_context6) {
                while (1) {
                  switch (_context6.prev = _context6.next) {
                    case 0:
                      return _context6.abrupt("return", new Promise(function (resolve, reject) {
                        console.log(' in greadPapersForCheck data: ', {
                          type: data.selectType,
                          blankWord: answer,
                          word: labelText
                        });
                        window['courseware'].greadPapersForCheck({
                          type: data.selectType,
                          blankWord: answer,
                          word: labelText
                        }, function (res) {
                          // res 需要toJSON
                          console.log('in greadPapersForCheck res: ', res);

                          if (res) {
                            resolve(JSON.parse(res));
                          } else {
                            reject();
                          }
                        });
                      }));

                    case 1:
                    case "end":
                      return _context6.stop();
                  }
                }
              }, _callee6);
            }));
          }
        }, {
          key: "serverTest",
          value: function serverTest(text) {
            return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0,
            /*#__PURE__*/
            regeneratorRuntime.mark(function _callee7() {
              var _this93 = this;

              return regeneratorRuntime.wrap(function _callee7$(_context7) {
                while (1) {
                  switch (_context7.prev = _context7.next) {
                    case 0:
                      return _context7.abrupt("return", new Promise(function (resolve, reject) {
                        var c = window['courseware'];

                        if (!c) {
                          console.error('not found window.courseware');
                          reject();
                          return;
                        }

                        if (text) {
                          _this93.iconData = {};
                          console.log(' greadPapersForText start');
                          c.greadPapersForText(text, function (res) {
                            var _a, _b;

                            console.log(' greadPapersForText end');
                            var resData = JSON.parse(res);
                            var sentsFeedback = (_b = (_a = resData.detail) === null || _a === void 0 ? void 0 : _a.essayFeedback) === null || _b === void 0 ? void 0 : _b.sentsFeedback;
                            var startIndex = 0;

                            if (sentsFeedback) {
                              for (var i = 0; i < sentsFeedback.length; i++) {
                                var _sentsFeedback$i = sentsFeedback[i],
                                    errorPosInfos = _sentsFeedback$i.errorPosInfos,
                                    rawSent = _sentsFeedback$i.rawSent;

                                if (!errorPosInfos || !rawSent) {
                                  continue;
                                }

                                var baseIndex = text.indexOf(rawSent, startIndex);
                                console.log('text: ', text);
                                console.log('rawSent: ', rawSent);
                                console.log('baseIndex: ', baseIndex);

                                for (var j = 0; j < errorPosInfos.length; j++) {
                                  var _errorPosInfos$j = errorPosInfos[j],
                                      reason = _errorPosInfos$j.reason,
                                      endPos = _errorPosInfos$j.endPos;

                                  _this93.addIconData(baseIndex + endPos, {
                                    reason: reason
                                  });
                                }

                                startIndex = baseIndex;
                              }
                            }

                            console.log('res : ', res);
                            console.log('iconData : ', _this93.iconData);

                            _this93.createResultTextArr(text);

                            resolve({
                              resultTextArr: _this93.resultTextArr,
                              iconData: _this93.iconData,
                              detail: resData.detail
                            }); // this.setComment(resData);
                          });
                        }
                      }));

                    case 1:
                    case "end":
                      return _context7.stop();
                  }
                }
              }, _callee7);
            }));
          }
        }, {
          key: "addIconData",
          value: function addIconData(index, result) {
            if (!this.iconData) {
              this.iconData = {};
            }

            var key = index.toString();

            if (!this.iconData[key]) {
              this.iconData[key] = {
                dataArr: []
              };
            }

            this.iconData[key].dataArr.push(result);
          }
        }, {
          key: "createResultTextArr",
          value: function createResultTextArr(text) {
            var iconKeys = Object.keys(this.iconData);
            iconKeys.sort(function (a, b) {
              return Number(a) - Number(b);
            });
            this.resultTextArr = [];
            var curStartPos = 0;

            for (var i = 0; i < iconKeys.length; i++) {
              var _textData = this.iconData[iconKeys[i]];
              var endPos = Number(iconKeys[i]);
              _textData['text'] = text.substring(curStartPos, endPos);
              this.resultTextArr.push(_textData);
              curStartPos = endPos;
            }

            var textData = {
              dataArr: []
            };
            textData['text'] = text.substring(curStartPos);
            this.resultTextArr.push(textData);
            console.log('text: ', text);
            console.log('resultTextArr: ', this.resultTextArr);
          }
        }, {
          key: "removeRectText",
          value: function removeRectText(emptyRect) {
            this.showBtnByText(emptyRect.label.text);
            emptyRect.removeChild(emptyRect.label); // removeItemFromArr(this.renderArr, emptyRect.label);

            emptyRect.label = null;
          }
        }, {
          key: "showSentenceRight",
          value: function showSentenceRight(emptyRect) {
            if (!emptyRect.isRight) {
              emptyRect.isRight = true;
              var pos = {
                x: emptyRect.width / 2,
                y: emptyRect.height / 2
              };
              this.showRightParticle(emptyRect, pos);
            }
          }
        }, {
          key: "showRightParticle",
          value: function showRightParticle(emptyRect, point) {
            var shapeW = 25; // * this.mapScale;

            var shapeH = 25; // * this.mapScale;

            Object(_Unit__WEBPACK_IMPORTED_MODULE_2__["showShapeParticle"])('rect', shapeW, shapeH, point, emptyRect, 20, 50, 180, 0.4);
          }
        }, {
          key: "showBtnByText",
          value: function showBtnByText(text) {
            for (var i = 0; i < this.btnArr.length; i++) {
              if (this.btnArr[i].text == text) {
                this.btnArr[i].visible = true;
                return;
              }
            }
          }
        }, {
          key: "checkOnTarget",
          value: function checkOnTarget() {
            for (var i = 0; i < this.sentenceEmptyArr.length; i++) {
              if (this.checkClickTargetSv(this.sentenceEmptyArr[i])) {
                this.playAudio('click', true);

                if (this.sentenceEmptyArr[i].isRight) {
                  this.moveItemBack();
                  return;
                }

                var tmpText = this.sentenceEmptyArr[i].label ? this.sentenceEmptyArr[i].label.text : '';
                var btnIndex = this.btnArr.indexOf(this.curMoveItem);
                var isBtn = btnIndex != -1;
                console.log('isBtn: ', isBtn);

                if (isBtn && tmpText != '') {
                  this.moveItemBack();
                  return;
                }

                this.fillText(this.sentenceEmptyArr[i], this.curMoveItem.text);

                if (this.curMoveItem.fillRect) {
                  this.fillText(this.curMoveItem.fillRect, tmpText);
                  this.curMoveItem.text = tmpText;
                  this.moveItemBack();
                }

                if (isBtn) {
                  this.removeBtn(this.curMoveItem);
                }

                this.checkShowSubmit();
                return;
              }
            }

            this.moveItemBack();
          }
        }, {
          key: "removeBtn",
          value: function removeBtn(btn) {
            this.moveItemBack();
            btn.visible = false; // removeItemFromArr(this.btnArr, btn);
            // removeItemFromArr(this.topArr, btn);
          }
        }, {
          key: "fillText",
          value: function fillText(emptyRect, text) {
            var data = emptyRect.parent.data;

            if (!emptyRect.label) {
              emptyRect.label = this.getFillLabel();
              emptyRect.label.setScaleXY(1);
              emptyRect.label.textAlign = 'center';
              emptyRect.addChild(emptyRect.label); // this.renderArr.push(emptyRect.label);
            }

            var label = emptyRect.label;
            label.text = text; // label.width = emptyRect.width / this.mapScale;
            // label.setScaleXY(1);

            label.refreshSize();
            label.anchorY = 0.5; // label.y = emptyRect.parent.y //- label.height * label.scaleY ;
            // label.x = emptyRect.parent.x + ( emptyRect.x + emptyRect.width / 2 - label.width / 2 ) * this.mapScale

            label.y = emptyRect.height / 2;
            label.x = emptyRect.width / 2; // const w1 = emptyRect.width / this.mapScale;
            // const w2 = label.width;
            // label.width = w1// w2 < w1 ? w1: w2;

            label['moveOffX'] = -label.width / 2 * label.scaleX;
            label['moveOffY'] = 0; // -label.height / 2 * label.scaleY;

            label['baseX'] = label.x;
            label['baseY'] = label.y;
            emptyRect.label = label;
            label.fillRect = emptyRect;
            console.log('label: ', label.width);
          }
        }, {
          key: "checkShowSubmit",
          value: function checkShowSubmit() {
            var arr = this.hotZoneArr;

            for (var i = 0; i < arr.length; i++) {
              if (arr[i].data.gIdx == '0') {
                if (!arr[i].label || !arr[i].label.text || arr[i].label.isDefault) {
                  this.hideSubmit();
                  return;
                }
              }
            }

            this.showSubmit();
          }
        }, {
          key: "moveItemBack",
          value: function moveItemBack() {
            if (this.curMoveItem.targetLabel) {
              this.curMoveItem.targetLabel.visible = true;
              Object(_Unit__WEBPACK_IMPORTED_MODULE_2__["removeItemFromArr"])(this.renderArr, this.curMoveItem);
              return;
            }

            this.curMoveItem.x = this.curMoveItem['baseX'];
            this.curMoveItem.y = this.curMoveItem['baseY'];
          }
        }, {
          key: "initIframe",
          value: function initIframe() {
            var _this94 = this;

            this.templateArr = this.data.contentObj.templateArr;

            if (this.templateArr.length <= 0) {
              return;
            }

            console.log('arr: ', this.templateArr);
            var c = window['courseware'];

            if (!c) {
              console.error('not found window.courseware');
              return;
            }

            var addPlayUrl = function addPlayUrl(name, index) {
              c.getTemplateUrl(name, function (data) {
                console.log('name~: ', name);
                var urlData = JSON.parse(data);
                console.log('data~~:', data);
                console.log('urlData~~:', urlData);
                console.log('i~~:', index);
                _this94.templateArr[index].playUrl = _this94.sanitizer.bypassSecurityTrustResourceUrl(urlData.play_url + "?key=".concat(index + 1));

                _this94.appRef.tick();

                index++;

                if (index < _this94.templateArr.length) {
                  var _this94$templateArr$i = _this94.templateArr[index].template,
                      _name = _this94$templateArr$i.name,
                      _last_version = _this94$templateArr$i.last_version,
                      _play_url = _this94$templateArr$i.play_url;
                  addPlayUrl(_name, index);
                }
              });
            };

            var _this$templateArr$0$t = this.templateArr[0].template,
                name = _this$templateArr$0$t.name,
                last_version = _this$templateArr$0$t.last_version,
                play_url = _this$templateArr$0$t.play_url;
            addPlayUrl(name, 0); // for (let i=0; i<this.templateArr.length; i++) {
            //   const {name, last_version, play_url} = this.templateArr[i].template;
            //   const index = i;
            //   c.getTemplateUrl(name, (data) => {
            //     console.log('name~: ', name)
            //     const urlData = JSON.parse(data)
            //     console.log('data~~:' , data)
            //     console.log('urlData~~:' , urlData)
            //     console.log('i~~:' , index)
            //     this.templateArr[index].playUrl = this.sanitizer.bypassSecurityTrustResourceUrl(urlData.play_url + `?key=${index+1}`);
            //   })
            // const playUrl = `https://staging-teach.cdn.ireadabc.com/h5template/${name}/v${last_version}/${play_url}?key=${i+1}`
            // this.templateArr[i].playUrl = this.sanitizer.bypassSecurityTrustResourceUrl(playUrl); 
            // console.log('playUrl: ', playUrl);
            // }
            // this.showSubTemplate(0);
            // setTimeout(() => {
            // this.showSubTemplate(1);
            // }, 5000);
          }
        }, {
          key: "showSubTemplate",
          value: function showSubTemplate(index) {
            if (this.isTeacher) {
              return;
            }

            console.log('showSubTemplate _ ', index);
            var arr = this.templateArr;
            console.log('arr: ', arr);

            for (var i = 0; i < arr.length; i++) {
              arr[i].leftOff = '0vw';
            }

            arr[index].leftOff = '100vw';
            this.appRef.tick();

            if (this.readyObj[(index + 1).toString()]) {
              this.sendCourseIn(index);
            }
          }
        }, {
          key: "hideSubTemplate",
          value: function hideSubTemplate(index) {
            this.templateArr[index].isHide = true;
            this.appRef.tick();
          }
        }, {
          key: "initWindowListener",
          value: function initWindowListener() {
            var _this95 = this;

            // const iframeArr = this.iframeArr;
            // // setTimeout(() => {
            //   console.log("iframeContent: ", this.iframeContent);
            //   let divArr = this.iframeContent.nativeElement.children;
            //   console.log('divArr: ', divArr);
            //   for (let i=0; i<divArr.length; i++) {
            //     const iframe = divArr[i].children[0];
            //     console.log('iframe: ', iframe);
            //     iframeArr.push(iframe)
            //   }
            //   console.log('iframeArr: ', iframeArr);
            // // }, 1);
            this.readyObj = {};
            window.addEventListener('message', function (e) {
              var msgData = e.data;

              if (msgData.action === "getData") {
                console.log('msgData.urlParams: ', msgData);

                var key = _this95.getQueryVariable(msgData.urlParams, 'key');

                if (!key) {
                  return;
                }

                console.log('key: ', key);
                var index = key - 1;
                var divArr = _this95.iframeContent.nativeElement.children;
                var iframecont = divArr[index].children[0]; // const iframecont = iframeArr[key-1]

                var saveData = _this95.templateArr[index].data;
                console.log("getData e: ", e);
                var data = {
                  msg: 'success',
                  data: JSON.stringify(saveData)
                };
                iframecont.contentWindow.postMessage({
                  action: 'getData',
                  data: JSON.stringify(data)
                }, '*'); // const data2 =  { msg: 'success', data:  JSON.stringify({'isShowMore': false})};
                // iframecont.contentWindow.postMessage({ action: 'is_show_more', data: JSON.stringify(data2) }, '*');
                // setTimeout(() => {
                //   _this.frameLoaded = true;
                // }, 300);
              }

              if (msgData.action === "temp_send_result") {
                console.log(' in temp_send_result');
                console.log('msgData.urlParams: ', msgData);
                var _key2 = msgData.key;

                if (!_key2) {
                  _key2 = '4-3';
                }

                console.log("key: ", _key2);

                _this95.serverSendAnswer(_key2, JSON.parse(msgData.data));

                var progress = _this95.getPageData('progress');

                if (progress == '2') {
                  _this95.setPageData('progress', '3');
                } else {
                  _this95.setPageData('progress', '4');
                }

                console.log('in temp_send_result __ msgData: ', msgData);
              }

              if (msgData.action === "temp_show_more") {
                console.log(' in temp_show_more');

                _this95.checkShowSubTemplateOne();
              }

              if (msgData.action == 'course-ready') {
                console.log(' in course-ready msgData: ', msgData);
                console.log('msgData.urlParams: ', msgData);

                var _key3 = _this95.getQueryVariable(msgData.urlParams, 'key');

                if (!_key3) {
                  return;
                }

                _this95.readyObj[_key3] = true;
              }
            });
          }
        }, {
          key: "sendCourseIn",
          value: function sendCourseIn(index) {
            var divArr = this.iframeContent.nativeElement.children;
            var iframecont = divArr[index].children[0];
            var data = {
              msg: 'success',
              data: ''
            };
            iframecont.contentWindow.postMessage({
              action: 'airEvents',
              evt: 'course-in-screen',
              data: JSON.stringify(data)
            }, '*');
          }
        }, {
          key: "getQueryVariable",
          value: function getQueryVariable(url, variable) {
            var query = url.substring(1);
            var vars = query.split("&");

            for (var i = 0; i < vars.length; i++) {
              var pair = vars[i].split("=");

              if (pair[0] == variable) {
                return pair[1];
              }
            }

            return false;
          }
        }, {
          key: "serverSendAnswer",
          value: function serverSendAnswer(key, data) {
            var c = window['courseware'];

            if (!c) {
              return;
            }

            if (!this.serverResultObj) {
              this.serverResultObj = {};
            }

            this.serverResultObj[key] = data;
            this.serverResultObj.duration = new Date().getTime() - this.localStartTime;
            c.sendAnswer(this.serverResultObj);
          }
        }, {
          key: "update",
          value: function update() {
            if (this.isUpdateStop) {
              return;
            }

            this.animationId = window.requestAnimationFrame(this.update.bind(this)); // 清除画布内容

            this.ctx.clearRect(0, 0, this.canvasWidth, this.canvasHeight);

            _tweenjs_tween_js__WEBPACK_IMPORTED_MODULE_6__["default"].update();

            this.updateArr(this.renderArr);
            this.updateArr(this.topArr); // if (this.curMoveItem) {
            //   this.curMoveItem.update();
            // }

            this.updateItem(this.maskPic); // this.updateArr(this.endPageArr);
          }
        }, {
          key: "updateItem",
          value: function updateItem(item) {
            if (item) {
              item.update();
            }
          }
        }, {
          key: "updateArr",
          value: function updateArr(arr) {
            if (!arr) {
              return;
            }

            for (var i = 0; i < arr.length; i++) {
              arr[i].update(this);
            }
          }
        }, {
          key: "initHotZone",
          value: function initHotZone() {
            var curBgRect;

            if (this.bg) {
              curBgRect = this.bg.getBoundingBox();
            }

            var oldBgRect = this.data.contentObj.bgItem.rect;

            if (!oldBgRect) {
              oldBgRect = curBgRect;
            }

            var rate = curBgRect.width / oldBgRect.width;
            this.hotZoneArr = [];
            var arr = this.data.contentObj.hotZoneItemArr;
            if (!arr) return;
            console.log('arr: ', arr);

            for (var i = 0; i < arr.length; i++) {
              var data = JSON.parse(JSON.stringify(arr[i]));
              data.rect.x *= rate;
              data.rect.y *= rate;
              data.rect.width *= rate;
              data.rect.height *= rate;
              data.rect.x += curBgRect.x;
              data.rect.y += curBgRect.y;
              var hotZone = this.getHotZoneItem(data, i);

              if (hotZone != null) {
                this.hotZoneArr.push(hotZone);
              }
            }
          }
        }, {
          key: "getHotZoneItem",
          value: function getHotZoneItem(data, index) {
            switch (data.gIdx) {
              case "0":
                // 轮播图
                return this.setOnePic(data, index);

              case "1":
                // 选择答题区域
                return this.setOneArea(data);

              case "2":
                // 简答问题
                return this.setOneShortAnswerPic(data);

              case "3":
                // 简答题答案区 和 内容
                return this.setOneShortAnswerRect(data);

              case "4":
                // 讲解按钮
                return this.setOneBtnVideo(data);

              case "5":
                // 书写过程按钮
                return this.setOneBtnWrite(data);

              case "6":
                // 书写过程展示区域
                return this.setOneWriteArea(data);
            }

            return;
          }
        }, {
          key: "setOneWriteArea",
          value: function setOneWriteArea(data) {
            console.log('setOneBtn data: ', data);
            var saveRect = data.rect;
            var item = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MySprite"]();
            item.width = saveRect.width;
            item.height = saveRect.height;
            item.x = saveRect.x;
            item.y = saveRect.y;
            item['data'] = data;
            this.writeAreaRect = item; // item.alpha = 0;
            // item.visible = false;
            // const w = item.width;
            // const h = item.height;
            // const subH = h / 6;
            // const ques = this.getMySprite(this.data.contentObj.ques_pic_url);
            // const sx = w / ques.width;
            // const sy = subH * 1.5 / ques.height;
            // ques.setScaleXY(Math.min(sx, sy));
            // ques.x = w / 2;
            // ques.y = subH;
            // item.addChild(ques);
            // this.optionItemArr = [];
            // const optionArr = this.data.contentObj.optionArr;
            // const baseY = subH * 2.5;
            // for (let i=0; i<4; i++) {
            //   if (optionArr[i]) {
            //     const opItem = this.getOneOpItem(optionArr[i]);
            //     const sx = w / opItem.width; 
            //     const sy = subH / opItem.height;
            //     opItem.setScaleXY(Math.min(sx, sy));
            //     opItem.y = baseY + i * subH;
            //     opItem.x = w / 2;
            //     item.addChild(opItem);
            //     this.optionItemArr.push(opItem);
            //   }
            // }
            // this.curAreaItem = item;

            this.renderArr.push(item);
            return item;
          }
        }, {
          key: "setOneBtnVideo",
          value: function setOneBtnVideo(data) {
            console.log('setOneBtnVideo data: ', data);
            var btn = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MySprite"]();
            btn.init(this.images.get('btn_video'));
            var saveRect = data.rect;
            btn.x = saveRect.x + saveRect.width / 2;
            btn.y = saveRect.y + saveRect.height / 2;
            btn['data'] = data;
            var sx = saveRect.width / btn.width;
            var sy = saveRect.height / btn.height; // btn.scaleX = sx;
            // btn.scaleY = sy;

            btn.setScaleXY(this.mapScale);
            btn.visible = false;
            this.renderArr.push(btn);
            this.videoBtn = btn;
            return btn;
          }
        }, {
          key: "setOneBtnWrite",
          value: function setOneBtnWrite(data) {
            console.log('setOneBtnWrite data: ', data);
            var btn = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MySprite"]();
            btn.init(this.images.get('btn_write'));
            var saveRect = data.rect;
            btn.x = saveRect.x + saveRect.width / 2;
            btn.y = saveRect.y + saveRect.height / 2;
            btn['data'] = data;
            var sx = saveRect.width / btn.width;
            var sy = saveRect.height / btn.height; // btn.scaleX = sx;
            // btn.scaleY = sy;

            btn.setScaleXY(this.mapScale);
            btn.visible = false;
            var label = new _Unit__WEBPACK_IMPORTED_MODULE_2__["Label"]();
            label.text = "书写答题过程";
            btn.addChild(label);
            label.fontColor = '#fff';
            label.textAlign = 'center';
            label.fontSize = 50;
            this.renderArr.push(btn);
            this.writeBtn = btn;
            return btn;
          }
        }, {
          key: "setOneShortAnswerPic",
          value: function setOneShortAnswerPic(data) {
            console.log('setOneShortAnswerPic data: ', data);
            var pic = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MySprite"]();
            pic.init(this.images.get(data.pic_url));
            var saveRect = data.rect;
            pic.x = saveRect.x + saveRect.width / 2;
            pic.y = saveRect.y + saveRect.height / 2;
            pic['data'] = data;
            var sx = saveRect.width / pic.width;
            var sy = saveRect.height / pic.height;
            pic.scaleX = sx;
            pic.scaleY = sy;
            pic.visible = false; // this.openBtn = pic;

            this.renderArr.push(pic);
            this.answerQuesPic = pic;
            return pic;
          }
        }, {
          key: "setOneShortAnswerRect",
          value: function setOneShortAnswerRect(data) {
            console.log('setOneShortAnswerRect data: ', data);
            var saveRect = data.rect;
            var item = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MySprite"]();
            item.width = saveRect.width;
            item.height = saveRect.height;
            item.x = saveRect.x;
            item.y = saveRect.y;
            item['data'] = data; // item.alpha = 0;

            item.visible = false;
            this.answerRectNode = item;
            this.answerRect = this.setAnswerRect(item, saveRect); // const answerNormal = this.getMySprite('answer_normal');
            // const sx = saveRect.width / answerNormal.width;
            // const sy = saveRect.height / answerNormal.height;
            // const s = Math.min(sx, sy);
            // answerNormal.setScaleXY(s);
            // answerNormal.x = answerNormal.width / 2 * answerNormal.scaleX;
            // answerNormal.y = item.height / 2;
            // item.addChild(answerNormal);
            // item['normalPic'] = answerNormal;
            // this.answerRectNode.curRes = 'normalPic';
            // const answerRight = this.getMySprite('answer_right');
            // answerRight.setScaleXY(s);
            // answerRight.x = answerNormal.x;
            // answerRight.y = answerNormal.y;
            // item.addChild(answerRight);
            // item['rightPic'] = answerRight;
            // answerRight.visible = false;
            // const rightIcon = this.getMySprite('icon_right');
            // rightIcon.x = answerRight.width / 2;
            // answerRight.addChild(rightIcon)
            // const answerWrong = this.getMySprite('answer_wrong');
            // answerWrong.setScaleXY(s);
            // answerWrong.x = answerNormal.x;
            // answerWrong.y = answerNormal.y;
            // item.addChild(answerWrong);
            // item['wrongPic'] = answerWrong;
            // answerWrong.visible = false;
            // const wrongIcon = this.getMySprite('icon_wrong');
            // wrongIcon.x = answerWrong.width / 2;
            // answerWrong.addChild(wrongIcon)
            // this.answerRect = answerNormal;

            var labelPic = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MySprite"]();
            item.addChild(labelPic);
            this.answerLabelPic = labelPic; // labelPic.load(url).then(img => {
            // });

            this.renderArr.push(item);
            return item;
          }
        }, {
          key: "setAnswerRect",
          value: function setAnswerRect(item, saveRect) {
            var answerNormal = this.getMySprite('answer_normal');
            var sx = saveRect.width / answerNormal.width;
            var sy = saveRect.height / answerNormal.height;
            var s = Math.min(sx, sy);
            answerNormal.setScaleXY(s);
            answerNormal.x = answerNormal.width / 2 * answerNormal.scaleX;
            answerNormal.y = item.height / 2;
            item.addChild(answerNormal);
            item['normalPic'] = answerNormal;
            this.answerRectNode.curRes = 'normalPic';
            var answerRight = this.getMySprite('answer_right');
            answerRight.setScaleXY(s);
            answerRight.x = answerNormal.x;
            answerRight.y = answerNormal.y;
            item.addChild(answerRight);
            item['rightPic'] = answerRight;
            answerRight.visible = false;
            var rightIcon = this.getMySprite('icon_right');
            rightIcon.x = answerRight.width / 2;
            answerRight.addChild(rightIcon);
            var answerWrong = this.getMySprite('answer_wrong');
            answerWrong.setScaleXY(s);
            answerWrong.x = answerNormal.x;
            answerWrong.y = answerNormal.y;
            item.addChild(answerWrong);
            item['wrongPic'] = answerWrong;
            answerWrong.visible = false;
            var wrongIcon = this.getMySprite('icon_wrong');
            wrongIcon.x = answerWrong.width / 2;
            answerWrong.addChild(wrongIcon);
            return answerNormal;
          }
        }, {
          key: "setOnePic",
          value: function setOnePic(data, index) {
            console.log('setOnePic data: ', data);
            console.log('setOnePic index: ', index);
            var pic = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MySprite"]();
            pic.init(this.images.get(data.pic_url));
            var saveRect = data.rect;
            pic.x = saveRect.x + saveRect.width / 2;
            pic.y = saveRect.y + saveRect.height / 2;
            pic['data'] = data;
            var sx = saveRect.width / pic.width;
            var sy = saveRect.height / pic.height;
            pic.scaleX = sx;
            pic.scaleY = sy;
            pic.visible = false; // this.openBtn = pic;

            this.renderArr.push(pic);
            return pic;
          }
        }, {
          key: "setOneArea",
          value: function setOneArea(data) {
            console.log('setOneBtn data: ', data);
            var saveRect = data.rect; // const item = new ShapeRect(this.ctx);
            // item.setSize(saveRect.width, saveRect.height);
            // item.fillColor = '#ff0000';

            var item = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MySprite"]();
            item.width = saveRect.width;
            item.height = saveRect.height;
            item.x = saveRect.x;
            item.y = saveRect.y;
            item['data'] = data;
            item.alpha = 0;
            item.visible = false;
            var w = item.width;
            var h = item.height;
            var subH = h / 6;
            var ques = this.getMySprite(this.data.contentObj.ques_pic_url);
            var sx = w / ques.width;
            var sy = subH * 1.5 / ques.height;
            ques.setScaleXY(Math.min(sx, sy));
            ques.x = w / 2;
            ques.y = subH;
            item.addChild(ques);
            this.optionItemArr = [];
            var optionArr = this.data.contentObj.optionArr;
            var baseY = subH * 2.5;

            for (var i = 0; i < 4; i++) {
              if (optionArr[i] && optionArr[i].pic_url) {
                var opItem = this.getOneOpItem(optionArr[i]);

                var _sx2 = w / opItem.width;

                var _sy2 = subH / opItem.height;

                opItem.setScaleXY(Math.min(_sx2, _sy2));
                opItem.y = baseY + i * subH;
                opItem.x = w / 2;
                item.addChild(opItem);
                this.optionItemArr.push(opItem);
              }
            }

            this.curAreaItem = item;
            this.renderArr.push(item);
            return item;
          }
        }, {
          key: "resetAnswerQues",
          value: function resetAnswerQues(data) {
            var quesPic = this.answerQuesPic;
            var rect = quesPic.getBoundingBox();
            quesPic.load(data.ques_pic_url).then(function (img) {
              var sy = rect.height / quesPic.height;
              quesPic.setScaleXY(sy);
              quesPic.x = rect.x + quesPic.width / 2 * quesPic.scaleX;
            });
            this.renderArr.push(quesPic);
          }
        }, {
          key: "resetAnswerArea",
          value: function resetAnswerArea() {
            var data = this.answerRectNode.data;
            var saveRect = data.rect;
            var item = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MySprite"]();
            item.width = saveRect.width;
            item.height = saveRect.height;
            item.x = saveRect.x;
            item.y = saveRect.y;
            item['data'] = data; // item.alpha = 0;

            item.visible = false;
            this.answerRectNode = item;
            this.answerRect = this.setAnswerRect(item, saveRect);
            data.mathLabel = this.data.contentObj.new_answer; // const answerNormal = this.getMySprite('answer_normal');
            // const sx = saveRect.width / answerNormal.width;
            // const sy = saveRect.height / answerNormal.height;
            // const s = Math.min(sx, sy);
            // answerNormal.setScaleXY(s);
            // answerNormal.x = answerNormal.width / 2 * answerNormal.scaleX;
            // answerNormal.y = answerNormal.height / 2 * answerNormal.scaleY;
            // item.addChild(answerNormal);
            // item['normalPic'] = answerNormal;
            // this.answerRectNode.curRes = 'normalPic';
            // const answerRight = this.getMySprite('answer_right');
            // answerRight.setScaleXY(s);
            // answerRight.x = answerRight.width / 2 * answerRight.scaleX;
            // answerRight.y = answerRight.height / 2 * answerRight.scaleY;
            // item.addChild(answerRight);
            // item['rightPic'] = answerRight;
            // answerRight.visible = false;
            // const answerWrong = this.getMySprite('answer_wrong');
            // answerWrong.setScaleXY(s);
            // answerWrong.x = answerWrong.width / 2 * answerWrong.scaleX;
            // answerWrong.y = answerWrong.height / 2 * answerWrong.scaleY;
            // item.addChild(answerWrong);
            // item['wrongPic'] = answerWrong;
            // answerWrong.visible = false;
            // this.answerRect = answerNormal;

            var labelPic = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MySprite"]();
            item.addChild(labelPic);
            this.answerLabelPic = labelPic;
            this.renderArr.push(item);
          }
        }, {
          key: "changeAnswerArea",
          value: function changeAnswerArea() {
            var data = this.data.contentObj.answer_obj;
            this.showSmallTitle(data);
            this.resetAnswerQues(data);
            this.resetAnswerArea();
            this.showWriteBtn();
          }
        }, {
          key: "changeChoiceArea",
          value: function changeChoiceArea(data) {
            console.log('changeChoiceArea data: ', data);
            this.cleanSmallTitle();
            this.showSmallTitle(data);

            if (this.curAreaItem) {
              data.rect = this.curAreaItem.data.rect;
            }

            var saveRect = data.rect; // const item = new ShapeRect(this.ctx);
            // item.setSize(saveRect.width, saveRect.height);
            // item.fillColor = '#ff0000';

            var item = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MySprite"]();
            item.width = saveRect.width;
            item.height = saveRect.height;
            item.x = saveRect.x;
            item.y = saveRect.y;
            item['data'] = data; // item.alpha = 0;
            // item.visible = false;

            var w = item.width;
            var h = item.height;
            var subH = h / 6;
            var ques = this.getMySprite(data.ques_pic_url);
            var sx = w / ques.width;
            var sy = subH * 1.5 / ques.height;
            ques.setScaleXY(Math.min(sx, sy));
            ques.x = w / 2;
            ques.y = subH;
            item.addChild(ques);
            this.optionItemArr = [];
            var optionArr = data.optionArr;
            console.log('~optionArr: ', optionArr);
            var baseY = subH * 2.5;

            for (var i = 0; i < optionArr.length; i++) {
              if (optionArr[i] && optionArr[i].pic_url) {
                var opItem = this.getOneOpItem(optionArr[i]);

                var _sx3 = w / opItem.width;

                var _sy3 = subH / opItem.height;

                opItem.setScaleXY(Math.min(_sx3, _sy3));
                opItem.y = baseY + i * subH;
                opItem.x = w / 2;
                item.addChild(opItem);
                this.optionItemArr.push(opItem);
              }
            }

            this.curAreaItem = item;
            this.renderArr.push(item);
            return item;
          }
        }, {
          key: "getOneOpItem",
          value: function getOneOpItem(data) {
            var opItem = this.getMySprite('op_item');
            var opItemNode = this.getMySprite('op_item');
            opItemNode.alpha = 0;
            opItemNode.childDepandAlpha = false;
            opItemNode.width = opItem.width;
            opItemNode.height = opItem.height;
            opItemNode.addChild(opItem);
            opItemNode['defaultPic'] = opItem;
            opItemNode['curRes'] = 'defaultPic';
            var opItemWrong = this.getMySprite('op_item_wrong');
            opItemNode.addChild(opItemWrong);
            opItemWrong.visible = false;
            opItemNode['wrongPic'] = opItemWrong;
            var wrongIcon = this.getMySprite('icon_wrong');
            wrongIcon.x = opItemWrong.width / 2;
            opItemWrong.addChild(wrongIcon);
            var opItemRight = this.getMySprite('op_item_right');
            opItemNode.addChild(opItemRight);
            opItemRight.visible = false;
            opItemNode['rightPic'] = opItemRight;
            var rightIcon = this.getMySprite('icon_right');
            rightIcon.x = opItemRight.width / 2;
            opItemRight.addChild(rightIcon);
            var opItemNormal = this.getMySprite('op_item_normal');
            opItemNode.addChild(opItemNormal);
            opItemNormal.visible = false;
            opItemNode['normalPic'] = opItemNormal;
            var label = new _Unit__WEBPACK_IMPORTED_MODULE_2__["Label"]();
            label.text = data.id;
            label.fontColor = '#ffffff';
            label.x = -opItemNode.width / 2 + 50;
            opItemNode.addChild(label);
            var subX = 150;
            var opPic = this.getMySprite(data.pic_url);
            var sx = (opItemNode.width - subX) / opPic.width;
            var sy = (opItemNode.height - 20) / opPic.height;
            opPic.setScaleXY(Math.min(sx, sy));
            opPic.anchorX = 0;
            opPic.x = -opItemNode.width / 2 + subX;
            opItemNode.addChild(opPic);
            console.log('op data: ', data);
            opItemNode['data'] = data;
            return opItemNode;
          }
        }, {
          key: "setOneRect",
          value: function setOneRect(data, index) {
            var saveRect = data.rect;
            var item = new _Unit__WEBPACK_IMPORTED_MODULE_2__["ShapeRectNew"](this.ctx);
            item.setSize(saveRect.width, saveRect.height, 5);
            item.setOutLine('#dcc077', 2);
            item.fill = false;
            item.x = saveRect.x;
            item.y = saveRect.y; // item.setScaleXY(this.bg.scaleX);

            item.fillColor = '#dcc077';
            item['data'] = data; // item.alpha = 0;

            this.scrollView.addItem(item);
            var rectLabel = this.getFillLabel();
            rectLabel.topH = 8;
            rectLabel.fontSize = this.inputFontSize;
            rectLabel.disH = 0;
            rectLabel.offW = 0;
            rectLabel.textBaseline = 'top';
            rectLabel.width = item.width;
            rectLabel.fontSize *= this.bg.scaleX; // targetRect.label.x = ( targetRect.width / 2  ) 

            item['label'] = rectLabel;
            item.addChild(item['label']);
            this.addLabelMask(item, rectLabel);
            rectLabel.text = 'Please Enter ...';
            rectLabel.fontColor = '#cccccc';
            rectLabel['isDefault'] = true; // const subX = data.rect.x - this.bg.data.rect.x;
            // const subY = data.rect.y - this.bg.data.rect.y;
            // item.x = subX * this.mapScale //- this.bg.width / 2;
            // item.y = subY * this.mapScale //- this.bg.height / 2;
            // // item.y -= this.bg.height / 2;
            // this.bg.addChild(item);

            var circle = new _Unit__WEBPACK_IMPORTED_MODULE_2__["ShapeCircle"]();
            circle.setRadius(20 * this.bg.scaleX);
            circle.x = item.x + item.width;
            circle.y = item.y;
            circle.fillColor = '#dcc077';
            this.scrollView.addItem(circle);
            var label = new _Unit__WEBPACK_IMPORTED_MODULE_2__["Label"]();
            label.text = index + 1;
            label.fontColor = '#ffffff';
            label.textAlign = 'center';
            label.fontSize = 28;
            label.fontName = 'Aileron-Bold';
            label.y = 2;
            circle.addChild(label); // this.renderArr.push(item);

            return item;
          }
        }, {
          key: "showEndPetal",
          value: function showEndPetal() {
            this.endPageArr = [];
            this.showPetalFlag = true;
            this.addPetal();
          }
        }, {
          key: "stopEndPetal",
          value: function stopEndPetal() {
            this.endPageArr = [];
            this.showPetalFlag = false;
          }
        }, {
          key: "addPetal",
          value: function addPetal() {
            var _this96 = this;

            if (!this.showPetalFlag) {
              return;
            }

            var petal = this.getPetal();
            this.endPageArr.push(petal);
            Object(_Unit__WEBPACK_IMPORTED_MODULE_2__["moveItem"])(petal, petal.x, this.canvasHeight + petal.height * petal.scaleY, petal['time'], function () {
              Object(_Unit__WEBPACK_IMPORTED_MODULE_2__["removeItemFromArr"])(_this96.endPageArr, petal);
            });
            Object(_Unit__WEBPACK_IMPORTED_MODULE_2__["rotateItem"])(petal, petal['tr'], petal['time']);
            setTimeout(function () {
              _this96.addPetal();
            }, 100);
          }
        }, {
          key: "getPetal",
          value: function getPetal() {
            var petal = new _Unit__WEBPACK_IMPORTED_MODULE_2__["MySprite"](this.ctx);
            var id = Math.ceil(Math.random() * 3);
            petal.init(this.images.get('petal_' + id));
            var randomS = (Math.random() * 0.4 + 0.6) * this.mapScale;
            petal.setScaleXY(randomS);
            var randomR = Math.random() * 360;
            petal.rotation = randomR;
            var randomX = Math.random() * this.canvasWidth;
            petal.x = randomX;
            petal.y = -petal.height / 2 * petal.scaleY;
            var randomT = 0.5 + Math.random() * 2.5;
            petal['time'] = randomT;
            var randomTR = 360 * Math.random(); // - 180;

            if (Math.random() < 0.5) {
              randomTR *= -1;
            }

            petal['tr'] = randomTR;
            return petal;
          }
        }, {
          key: "initListener",
          value: function initListener() {
            var _this97 = this;

            this.winResizeEventStream.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["debounceTime"])(500)).subscribe(function (data) {
              _this97.renderAfterResize();
            }); // ---------------------------------------------

            var setParentOffset = function setParentOffset() {
              var rect = _this97.canvas.nativeElement.getBoundingClientRect();

              _this97.canvasLeft = rect.left;
              _this97.canvasTop = rect.top;
            };

            var setMxMyByTouch = function setMxMyByTouch(event) {
              if (event.touches.length <= 0) {
                return;
              }

              if (_this97.canvasLeft == null) {
                setParentOffset();
              }

              _this97.mx = event.touches[0].pageX * _this97.canvasScale - _this97.canvasLeft;
              _this97.my = event.touches[0].pageY * _this97.canvasScale - _this97.canvasTop;
            };

            var setMxMyByMouse = function setMxMyByMouse(event) {
              _this97.mx = event.offsetX * _this97.canvasScale;
              _this97.my = event.offsetY * _this97.canvasScale;
            }; // ---------------------------------------------


            var firstTouch = true;

            var touchDownFunc = function touchDownFunc(e) {
              if (firstTouch) {
                firstTouch = false;
                removeMouseListener();
              }

              console.log('touch down');
              setMxMyByTouch(e);

              _this97.mapDown(e);
            };

            var touchMoveFunc = function touchMoveFunc(e) {
              setMxMyByTouch(e);

              _this97.mapMove(e);
            };

            var touchUpFunc = function touchUpFunc(e) {
              setMxMyByTouch(e);

              _this97.mapUp(e);
            };

            var mouseDownFunc = function mouseDownFunc(e) {
              if (firstTouch) {
                firstTouch = false;
                removeTouchListener();
              }

              console.log('mouse down');
              setMxMyByMouse(e);

              _this97.mapDown(e);
            };

            var mouseMoveFunc = function mouseMoveFunc(e) {
              setMxMyByMouse(e);

              _this97.mapMove(e);
            };

            var mouseUpFunc = function mouseUpFunc(e) {
              setMxMyByMouse(e);

              _this97.mapUp(e);
            };

            var element = this.canvas.nativeElement;

            var addTouchListener = function addTouchListener() {
              element.addEventListener('touchstart', touchDownFunc);
              element.addEventListener('touchmove', touchMoveFunc);
              element.addEventListener('touchend', touchUpFunc);
              element.addEventListener('touchcancel', touchUpFunc);
            };

            var removeTouchListener = function removeTouchListener() {
              element.removeEventListener('touchstart', touchDownFunc);
              element.removeEventListener('touchmove', touchMoveFunc);
              element.removeEventListener('touchend', touchUpFunc);
              element.removeEventListener('touchcancel', touchUpFunc);
            };

            var addMouseListener = function addMouseListener() {
              element.addEventListener('mousedown', mouseDownFunc);
              element.addEventListener('mousemove', mouseMoveFunc);
              element.addEventListener('mouseup', mouseUpFunc);
            };

            var removeMouseListener = function removeMouseListener() {
              element.removeEventListener('mousedown', mouseDownFunc);
              element.removeEventListener('mousemove', mouseMoveFunc);
              element.removeEventListener('mouseup', mouseUpFunc);
            };

            addMouseListener();
            addTouchListener(); // element.addEventListener('mousewheel', (event) => {
            //   setMxMyByMouse(event);
            //   if (event.deltaY > 0) {
            //     this.wheelDown(event);
            //   } else {
            //     this.wheelUp(event);
            //   }
            // });
          }
        }, {
          key: "wheelUp",
          value: function wheelUp(event) {
            if (this.resultSv) {
              if (this.checkClickTarget(this.resultSv)) {
                this.resultSv.onWheelUp(event.deltaY);
              }
            } else {
              if (this.checkClickTarget(this.scrollView)) {
                this.scrollView.onWheelUp(event.deltaY);
              }
            }
          }
        }, {
          key: "wheelDown",
          value: function wheelDown(event) {
            if (this.resultSv) {
              if (this.checkClickTarget(this.resultSv)) {
                this.resultSv.onWheelDown(event.deltaY);
              }
            } else {
              if (this.checkClickTarget(this.scrollView)) {
                this.scrollView.onWheelDown(event.deltaY);
              }
            }
          }
        }, {
          key: "playAudio",
          value: function playAudio(key) {
            var now = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
            var callback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
            var audio = this.audioObj[key];

            if (audio) {
              var audioNew = new Audio();
              audioNew.src = audio.src;
              audioNew.load(); // audioNew.play();

              if (now) {
                audio.pause();
                audio.currentTime = 0;
              }

              if (callback) {
                audio.onended = function () {
                  callback();
                  audio.onended = null;
                };
              }

              audio.play();
            }
          }
        }, {
          key: "showArr",
          value: function showArr(arr) {
            if (!arr) {
              return;
            }

            for (var i = 0; i < arr.length; i++) {
              arr[i].visible = true;
            }
          }
        }, {
          key: "hideArr",
          value: function hideArr(arr) {
            if (!arr) {
              return;
            }

            for (var i = 0; i < arr.length; i++) {
              arr[i].visible = false;
            }
          }
        }, {
          key: "IsPC",
          value: function IsPC() {
            if (window['ELECTRON']) {
              return false; // 封装客户端标记
            }

            if (document.body.ontouchmove !== undefined && document.body.ontouchmove !== undefined) {
              return false;
            } else {
              return true;
            }
          }
        }, {
          key: "loadResources",
          value: function loadResources() {
            var _this98 = this;

            var pr = [];
            this.rawImages.forEach(function (value, key) {
              var p = _this98.preload(value).then(function (img) {
                // img['setAttribute']("crossOrigin",'Anonymous')
                _this98.images.set(key, img);
              })["catch"](function (err) {
                return console.log(err);
              });

              pr.push(p);
            });
            this.rawAudios.forEach(function (value, key) {
              var a = _this98.preloadAudio(value).then(function () {// this.images.set(key, img);
              })["catch"](function (err) {
                return console.log(err);
              });

              pr.push(a);
            });
            return Promise.all(pr);
          }
        }, {
          key: "preload",
          value: function preload(url) {
            return new Promise(function (resolve, reject) {
              var img = new Image();
              img['crossOrigin'] = "Anonymous"; // img.crossOrigin = "anonymous";

              img.onload = function () {
                return resolve(img);
              };

              img.onerror = reject;
              img.src = url;
            });
          }
        }, {
          key: "preloadAudio",
          value: function preloadAudio(url) {
            return new Promise(function (resolve, reject) {
              var audio = new Audio();
              resolve({});

              audio.oncanplay = function (a) {//resolve();
              };

              audio.onerror = function () {
                reject();
              };

              audio.src = url;
              audio.load();
            });
          }
        }, {
          key: "renderAfterResize",
          value: function renderAfterResize() {
            this.canvasWidth = this.wrap.nativeElement.clientWidth;
            this.canvasHeight = this.wrap.nativeElement.clientHeight;
            this.init();
          }
        }, {
          key: "checkClickTargetSv",
          value: function checkClickTargetSv(target) {
            // console.log('target: ', target);
            var scale = 1; // this.mapScale;

            var tmpRect = target.getBoundingBox();
            var svBox = this.scrollView.getBoundingBox();
            var x = svBox.x + tmpRect.x * scale;
            var y = svBox.y + tmpRect.y * scale;
            var width = tmpRect.width * scale;
            var height = tmpRect.height * scale;
            var rect = {
              x: x,
              y: y,
              width: width,
              height: height
            }; // const contentBox = this.scrollView.content.getBoundingBox();
            // rect.x += contentBox.x + svBox.x;
            // rect.y += contentBox.y + svBox.y;
            // console.log('rect: ', rect);
            // console.log('this.mx: ', this.mx);
            // console.log('this.my: ', this.my);
            // const shape = new ShapeRectNew();
            // shape.x = rect.x;
            // shape.y = rect.y;
            // shape.fillColor = '#0000ff'
            // shape.alpha = 0.5;
            // shape.setSize(rect.width, rect.height, 1);
            // this.renderArr.push(shape);

            if (this.checkPointInRect(this.mx, this.my, rect)) {
              return true;
            }

            return false;
          }
        }, {
          key: "checkClickTarget",
          value: function checkClickTarget(target) {
            var rect = target.getBoundingBox(); // rect.x /= 2;
            // rect.y /= 2;
            // rect.width /= 2;
            // rect.height /= 2;
            // console.log('rect: ', rect);

            if (this.checkPointInRect(this.mx, this.my, rect)) {
              return true;
            }

            return false;
          }
        }, {
          key: "getWorlRect",
          value: function getWorlRect(target) {
            var rect = target.getBoundingBox();

            if (target.parent) {
              var pRect = this.getWorlRect(target.parent);
              rect.x += pRect.x;
              rect.y += pRect.y;
            }

            return rect;
          }
        }, {
          key: "checkPointInRect",
          value: function checkPointInRect(x, y, rect) {
            if (x >= rect.x && x <= rect.x + rect.width) {
              if (y >= rect.y && y <= rect.y + rect.height) {
                return true;
              }
            }

            return false;
          }
        }, {
          key: "getPosByAngle",
          value: function getPosByAngle(angle, len) {
            var radian = angle * Math.PI / 180;
            var x = Math.sin(radian) * len;
            var y = Math.cos(radian) * len;
            return {
              x: x,
              y: y
            };
          }
        }, {
          key: "getPosDistance",
          value: function getPosDistance(sx, sy, ex, ey) {
            var _x = ex - sx;

            var _y = ey - sy;

            var len = Math.sqrt(Math.pow(_x, 2) + Math.pow(_y, 2));
            return len;
          }
        }, {
          key: "b64ToUint8Array",
          value: function b64ToUint8Array(b64Image) {
            var img = atob(b64Image.split(',')[1]);
            var img_buffer = [];
            var i = 0;

            while (i < img.length) {
              img_buffer.push(img.charCodeAt(i));
              i++;
            }

            return new Uint8Array(img_buffer);
          }
        }, {
          key: "convertCanvasToImage",
          value: function convertCanvasToImage() {
            var _this99 = this;

            console.log('1');

            if (!this.uploadUrl) {
              // this.userResultPic = ''//true
              this.sendResult();
              return;
            }

            console.log('2 uploadUrl: ', this.uploadUrl.toString());
            var src = this.canvas.nativeElement.toDataURL("image/png");
            var arr = src.split(','),
                mime = arr[0].match(/:(.*?);/)[1],
                bstr = atob(arr[1]);
            var n = bstr.length;
            var u8arr = new Uint8Array(n);

            while (n--) {
              u8arr[n] = bstr.charCodeAt(n);
            }

            var obj = new Blob([u8arr], {
              type: mime
            });
            var fd = new FormData();
            fd.append("file", obj, "cw_cover.png"); // 上传截图

            this.http.post(this.uploadUrl, fd).subscribe(function (res) {
              // 存储服务器的截图url
              if (res['url']) {
                console.log('res url: ', res['url']);
                _this99.userResultPic = res['url'];

                _this99.sendResult();
              }
            });
          }
        }, {
          key: "httpServer",
          value: function httpServer(type, url, options, cb) {
            this.http[type](url, options).subscribe(function (val) {
              console.log("Post call successful value returned in body", val);
              cb(val);
            }, function (error) {
              console.log("Post call in error", error);
              cb(error);
            }, function () {
              console.log("The Post observable is now completed.");
              cb(null);
            });
          }
        }]);

        return PlayComponent;
      }();

      PlayComponent.ɵfac = function PlayComponent_Factory(t) {
        return new (t || PlayComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](_angular_common_http__WEBPACK_IMPORTED_MODULE_8__["HttpClient"]), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](_angular_platform_browser__WEBPACK_IMPORTED_MODULE_9__["DomSanitizer"]), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](_angular_core__WEBPACK_IMPORTED_MODULE_1__["ApplicationRef"]), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](_angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewContainerRef"]));
      };

      PlayComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineComponent"]({
        type: PlayComponent,
        selectors: [["app-play"]],
        viewQuery: function PlayComponent_Query(rf, ctx) {
          if (rf & 1) {
            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵstaticViewQuery"](_c0, true);

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵstaticViewQuery"](_c1, true);

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵstaticViewQuery"](_c2, true);

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵstaticViewQuery"](_c3, true);

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵstaticViewQuery"](_c4, true);

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵstaticViewQuery"](_c5, true);
          }

          if (rf & 2) {
            var _t;

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵqueryRefresh"](_t = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵloadQuery"]()) && (ctx.canvas = _t.first);
            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵqueryRefresh"](_t = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵloadQuery"]()) && (ctx.wrap = _t.first);
            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵqueryRefresh"](_t = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵloadQuery"]()) && (ctx.iframeContent = _t.first);
            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵqueryRefresh"](_t = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵloadQuery"]()) && (ctx.videoNode = _t.first);
            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵqueryRefresh"](_t = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵloadQuery"]()) && (ctx.tpl = _t.first);
            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵqueryRefresh"](_t = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵloadQuery"]()) && (ctx.videoContainer = _t.first);
          }
        },
        hostBindings: function PlayComponent_HostBindings(rf, ctx) {
          if (rf & 1) {
            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵlistener"]("resize", function PlayComponent_resize_HostBindingHandler($event) {
              return ctx.onResize($event);
            }, false, _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵresolveWindow"]);
          }
        },
        inputs: {
          data: "data",
          sid: "sid"
        },
        decls: 12,
        vars: 0,
        consts: [[2, "font-family", "DroidSansFallback"], [2, "font-family", "Aileron-Black"], [2, "font-family", "Aileron-Bold"], ["tpl", ""], [2, "display", "none"], ["videoContainer", ""], [1, "game-container"], ["wrap", ""], ["id", "canvas", 2, "width", "100%", "height", "100%"], ["canvas", ""], ["id", "div_input"]],
        template: function PlayComponent_Template(rf, ctx) {
          if (rf & 1) {
            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](0, "span", 0);

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](1, "span", 1);

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](2, "span", 2);

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](3, PlayComponent_ng_template_3_Template, 1, 0, "ng-template", null, 3, _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplateRefExtractor"]);

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](5, "div", 4, 5);

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](7, "div", 6, 7);

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](9, "canvas", 8, 9);

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();

            _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](11, "div", 10);
          }
        },
        styles: [".game-container[_ngcontent-%COMP%] {\n  width: 100%;\n  height: 100%;\n  background: #ffffff;\n  background-size: cover;\n\n  \n}\n\n#canvas[_ngcontent-%COMP%] {\n\n}\n\n@font-face\n{\n  font-family: 'BRLNSDB';\n  src: url('BRLNSDB_1.TTF')\n}\n\n@font-face\n{\n  font-family: 'Aileron-Black';\n  src: url('Aileron-Black.ttf')\n}\n\n@font-face\n{\n  font-family: 'Aileron-Bold';\n  src: url('Aileron-Bold.ttf')\n}\n\n@font-face\n{\n  font-family: 'DroidSansFallback';\n  src: url('DroidSansFallback.ttf');\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvcGxheS9wbGF5LmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSxXQUFXO0VBQ1gsWUFBWTtFQUNaLG1CQUFtQjtFQUNuQixzQkFBc0I7OztBQUd4Qjs7QUFFQTs7QUFFQTs7QUFHQTs7RUFFRSxzQkFBc0I7RUFDdEI7QUFDRjs7QUFFQTs7RUFFRSw0QkFBNEI7RUFDNUI7QUFDRjs7QUFFQTs7RUFFRSwyQkFBMkI7RUFDM0I7QUFDRjs7QUFJQTs7RUFFRSxnQ0FBZ0M7RUFDaEMsaUNBQXdEO0FBQzFEIiwiZmlsZSI6InNyYy9hcHAvcGxheS9wbGF5LmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuZ2FtZS1jb250YWluZXIge1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBiYWNrZ3JvdW5kOiAjZmZmZmZmO1xuICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xuXG4gIFxufVxuXG4jY2FudmFzIHtcblxufVxuXG5cbkBmb250LWZhY2VcbntcbiAgZm9udC1mYW1pbHk6ICdCUkxOU0RCJztcbiAgc3JjOiB1cmwoXCIuLi8uLi9hc3NldHMvcGxheS9mb250L0JSTE5TREJfMS5UVEZcIilcbn1cblxuQGZvbnQtZmFjZVxue1xuICBmb250LWZhbWlseTogJ0FpbGVyb24tQmxhY2snO1xuICBzcmM6IHVybChcIi4uLy4uL2Fzc2V0cy9wbGF5L2ZvbnQvQWlsZXJvbi1CbGFjay50dGZcIilcbn1cblxuQGZvbnQtZmFjZVxue1xuICBmb250LWZhbWlseTogJ0FpbGVyb24tQm9sZCc7XG4gIHNyYzogdXJsKFwiLi4vLi4vYXNzZXRzL3BsYXkvZm9udC9BaWxlcm9uLUJvbGQudHRmXCIpXG59XG5cblxuXG5AZm9udC1mYWNlXG57XG4gIGZvbnQtZmFtaWx5OiAnRHJvaWRTYW5zRmFsbGJhY2snO1xuICBzcmM6IHVybChcIi4uLy4uL2Fzc2V0cy9wbGF5L2ZvbnQvRHJvaWRTYW5zRmFsbGJhY2sudHRmXCIpO1xufSJdfQ== */"]
      });
      return PlayComponent;
    }();
    /***/

  },

  /***/
  "./src/app/play/resources.js":
  /*!***********************************!*\
    !*** ./src/app/play/resources.js ***!
    \***********************************/

  /*! exports provided: res, resAudio */

  /***/
  function srcAppPlayResourcesJs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "res", function () {
      return res;
    });
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "resAudio", function () {
      return resAudio;
    });

    var res = [['op_item', "assets/play/op_item.png"], ['op_item_wrong', "assets/play/op_item_wrong.png"], ['op_item_right', "assets/play/op_item_right.png"], ['op_item_normal', "assets/play/op_item_normal.png"], ['btn_close', "assets/play/btn_close.png"], ['bg', "assets/play/bg.jpg"], ['video_bg', "assets/play/video_bg.jpg"], ['btn_replay', "assets/play/btn_replay.png"], ['icon_right', "assets/play/icon_right.png"], ['icon_wrong', "assets/play/icon_wrong.png"], ['answer_normal', "assets/play/answer_normal.png"], ['answer_right', "assets/play/answer_right.png"], ['answer_wrong', "assets/play/answer_wrong.png"], ['btn_video', "assets/play/btn_video.png"], ['btn_write', "assets/play/btn_write.png"]];
    var resAudio = [['click', "assets/play/music/click.mp3"], ['submit', "assets/play/music/submit.mp3"], ['more', "assets/play/music/more.mp3"]];
    /***/
  },

  /***/
  "./src/main.ts":
  /*!*********************!*\
    !*** ./src/main.ts ***!
    \*********************/

  /*! no exports provided */

  /***/
  function srcMainTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony import */


    var _app_app_module__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! ./app/app.module */
    "./src/app/app.module.ts");
    /* harmony import */


    var _angular_platform_browser__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
    /*! @angular/platform-browser */
    "./node_modules/@angular/platform-browser/__ivy_ngcc__/fesm2015/platform-browser.js"); // import { environment } from './environments/environment';
    // if (environment.production) {
    //   enableProdMode();
    // }


    _angular_platform_browser__WEBPACK_IMPORTED_MODULE_1__["platformBrowser"]().bootstrapModule(_app_app_module__WEBPACK_IMPORTED_MODULE_0__["AppModule"])["catch"](function (err) {
      return console.error(err);
    });
    /***/

  },

  /***/
  0:
  /*!***************************!*\
    !*** multi ./src/main.ts ***!
    \***************************/

  /*! no static exports found */

  /***/
  function _(module, exports, __webpack_require__) {
    module.exports = __webpack_require__(
    /*! /Users/liwei/Documents/GitHub/Courseware/DG_FAF/form_angular/src/main.ts */
    "./src/main.ts");
    /***/
  }
}, [[0, "runtime", "vendor"]]]);
//# sourceMappingURL=main-es5.js.map