@flexem/fc-gui 3.0.0-alpha.170 → 3.0.0-alpha.172

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -22357,6 +22357,7 @@ const Localization_zh_CN = {
22357
22357
  lastThirtyDays: '最近30天',
22358
22358
  lastOneYear: '最近半年',
22359
22359
  customTimeRange: '自定义',
22360
+ timeRange: '时间范围',
22360
22361
  startTime: '开始时间',
22361
22362
  endTime: '结束时间',
22362
22363
  grouped: '分组',
@@ -22690,6 +22691,50 @@ __webpack_require__.r(__webpack_exports__);
22690
22691
 
22691
22692
  "use strict";
22692
22693
 
22694
+ // CONCATENATED MODULE: ./.tmp/settings/view-resize-mode.ts
22695
+ var ViewResizeMode;
22696
+ (function (ViewResizeMode) {
22697
+ /**
22698
+ * 在保持纵横比的同时等比缩放显示所有内容
22699
+ */
22700
+ ViewResizeMode[ViewResizeMode["Uniform"] = 0] = "Uniform";
22701
+ /**
22702
+ * 在保持纵横比的同时保证横向显示尽可能多的空间,
22703
+ */
22704
+ ViewResizeMode[ViewResizeMode["HorizontalUniform"] = 1] = "HorizontalUniform";
22705
+ })(ViewResizeMode || (ViewResizeMode = {}));
22706
+
22707
+ // CONCATENATED MODULE: ./.tmp/settings/display-mode.ts
22708
+ var DisplayMode;
22709
+ (function (DisplayMode) {
22710
+ /**
22711
+ * 网页版显示模式
22712
+ */
22713
+ DisplayMode[DisplayMode["Web"] = 0] = "Web";
22714
+ /**
22715
+ * 移动端显示,优化部分元件在移动端中的显示效果
22716
+ */
22717
+ DisplayMode[DisplayMode["Mobile"] = 1] = "Mobile";
22718
+ })(DisplayMode || (DisplayMode = {}));
22719
+
22720
+ // EXTERNAL MODULE: ./.tmp/settings/global-settings.ts
22721
+ var global_settings = __webpack_require__(48);
22722
+
22723
+ // CONCATENATED MODULE: ./.tmp/settings/index.ts
22724
+ /* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "c", function() { return ViewResizeMode; });
22725
+ /* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "a", function() { return DisplayMode; });
22726
+ /* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "b", function() { return global_settings["a" /* GlobalSettings */]; });
22727
+
22728
+
22729
+
22730
+
22731
+
22732
+ /***/ }),
22733
+ /* 16 */
22734
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
22735
+
22736
+ "use strict";
22737
+
22693
22738
  // EXTERNAL MODULE: ./node_modules/rxjs/_esm5/internal/Subscriber.js
22694
22739
  var Subscriber = __webpack_require__(29);
22695
22740
 
@@ -22892,50 +22937,6 @@ function getPromiseCtor(promiseCtor) {
22892
22937
  //# sourceMappingURL=Observable.js.map
22893
22938
 
22894
22939
 
22895
- /***/ }),
22896
- /* 16 */
22897
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
22898
-
22899
- "use strict";
22900
-
22901
- // CONCATENATED MODULE: ./.tmp/settings/view-resize-mode.ts
22902
- var ViewResizeMode;
22903
- (function (ViewResizeMode) {
22904
- /**
22905
- * 在保持纵横比的同时等比缩放显示所有内容
22906
- */
22907
- ViewResizeMode[ViewResizeMode["Uniform"] = 0] = "Uniform";
22908
- /**
22909
- * 在保持纵横比的同时保证横向显示尽可能多的空间,
22910
- */
22911
- ViewResizeMode[ViewResizeMode["HorizontalUniform"] = 1] = "HorizontalUniform";
22912
- })(ViewResizeMode || (ViewResizeMode = {}));
22913
-
22914
- // CONCATENATED MODULE: ./.tmp/settings/display-mode.ts
22915
- var DisplayMode;
22916
- (function (DisplayMode) {
22917
- /**
22918
- * 网页版显示模式
22919
- */
22920
- DisplayMode[DisplayMode["Web"] = 0] = "Web";
22921
- /**
22922
- * 移动端显示,优化部分元件在移动端中的显示效果
22923
- */
22924
- DisplayMode[DisplayMode["Mobile"] = 1] = "Mobile";
22925
- })(DisplayMode || (DisplayMode = {}));
22926
-
22927
- // EXTERNAL MODULE: ./.tmp/settings/global-settings.ts
22928
- var global_settings = __webpack_require__(48);
22929
-
22930
- // CONCATENATED MODULE: ./.tmp/settings/index.ts
22931
- /* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "c", function() { return ViewResizeMode; });
22932
- /* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "a", function() { return DisplayMode; });
22933
- /* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "b", function() { return global_settings["a" /* GlobalSettings */]; });
22934
-
22935
-
22936
-
22937
-
22938
-
22939
22940
  /***/ }),
22940
22941
  /* 17 */
22941
22942
  /***/ (function(module, exports) {
@@ -32557,6 +32558,7 @@ const DefaultLocalization = {
32557
32558
  lastThirtyDays: 'Last 30 days',
32558
32559
  lastOneYear: 'Last 6 months',
32559
32560
  customTimeRange: 'Custom',
32561
+ timeRange: 'Time Range',
32560
32562
  startTime: 'Start Time',
32561
32563
  endTime: 'End Time',
32562
32564
  grouped: 'Grouped',
@@ -37129,7 +37131,7 @@ var HistoricalCurveElementStatus;
37129
37131
  })(HistoricalCurveElementStatus || (HistoricalCurveElementStatus = {}));
37130
37132
 
37131
37133
  // EXTERNAL MODULE: ./.tmp/settings/index.ts + 2 modules
37132
- var _tmp_settings = __webpack_require__(16);
37134
+ var _tmp_settings = __webpack_require__(15);
37133
37135
 
37134
37136
  // CONCATENATED MODULE: ./.tmp/model/historical-curve/curve-type.ts
37135
37137
  var CurveType;
@@ -37946,9 +37948,15 @@ class historical_curve_element_HistoricalCurveElement extends conditional_displa
37946
37948
  const overlay = document.createElement('div');
37947
37949
  overlay.style.cssText = 'position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9999;';
37948
37950
  const modal = document.createElement('div');
37949
- const modalCss = 'position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);'
37950
- + 'background:#fff;border-radius:4px;min-width:460px;'
37951
- + 'box-shadow:0 4px 12px rgba(0,0,0,0.15);font-family:inherit;font-size:14px;';
37951
+ let modalCss = 'position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);'
37952
+ + 'background:#fff;border-radius:4px;';
37953
+ if (this.isMobileMode) {
37954
+ modalCss += 'width:90%;';
37955
+ }
37956
+ else {
37957
+ modalCss += 'min-width:460px;';
37958
+ }
37959
+ modalCss += 'box-shadow:0 4px 12px rgba(0,0,0,0.15);font-family:inherit;font-size:14px;';
37952
37960
  modal.style.cssText = modalCss;
37953
37961
  const header = document.createElement('div');
37954
37962
  header.style.cssText = 'display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e8e8e8;';
@@ -37964,7 +37972,7 @@ class historical_curve_element_HistoricalCurveElement extends conditional_displa
37964
37972
  body.style.cssText = 'padding:20px 16px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;';
37965
37973
  const label = document.createElement('span');
37966
37974
  label.style.cssText = 'color:#333;white-space:nowrap;';
37967
- label.textContent = '时间范围:';
37975
+ label.textContent = this.localization.timeRange + '';
37968
37976
  const inputStyle = 'border:1px solid #d9d9d9;border-radius:4px;padding:4px 8px;font-size:14px;height:32px;outline:none;color:#333;';
37969
37977
  const startInput = document.createElement('input');
37970
37978
  startInput.type = 'datetime-local';
@@ -37986,10 +37994,10 @@ class historical_curve_element_HistoricalCurveElement extends conditional_displa
37986
37994
  const footer = document.createElement('div');
37987
37995
  footer.style.cssText = 'display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #e8e8e8;';
37988
37996
  const cancelBtn = document.createElement('button');
37989
- cancelBtn.textContent = this.localization.cancel || '取消';
37997
+ cancelBtn.textContent = this.localization.cancel;
37990
37998
  cancelBtn.style.cssText = 'padding:5px 16px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;cursor:pointer;font-size:14px;color:#333;';
37991
37999
  const saveBtn = document.createElement('button');
37992
- saveBtn.textContent = '保存';
38000
+ saveBtn.textContent = this.localization.submit;
37993
38001
  saveBtn.style.cssText = 'padding:5px 16px;border:none;border-radius:4px;background:#1890ff;color:#fff;cursor:pointer;font-size:14px;';
37994
38002
  footer.appendChild(cancelBtn);
37995
38003
  footer.appendChild(saveBtn);
@@ -42906,7 +42914,7 @@ class scroll_alarm_element_ScrollAlarmElement extends conditional_dynamic_displa
42906
42914
  }, 300);
42907
42915
  }
42908
42916
  });
42909
- // 初始化显示容器
42917
+ // 初始化显示容器scroll-alarm-element.js
42910
42918
  this.initDisplayContainer();
42911
42919
  // 获取字体设置 - 参考 text-element.ts 的实现方式
42912
42920
  this.headerFont = ((_f = this.model.generalSetting) === null || _f === void 0 ? void 0 : _f.headerFont) || {};
@@ -43598,7 +43606,7 @@ class scroll_alarm_element_ScrollAlarmElement extends conditional_dynamic_displa
43598
43606
  this.isScrolling = false;
43599
43607
  return;
43600
43608
  }
43601
- // 如果是首次加载或当前没有数据,直接渲染并启动滚动
43609
+ // 如果当前没有数据(数据从空变为有),重新开始滚动
43602
43610
  if (this.displayedItems.length === 0) {
43603
43611
  this.displayedItems = newItems;
43604
43612
  while (this.allAlarmsContainer.firstChild) {
@@ -43615,13 +43623,19 @@ class scroll_alarm_element_ScrollAlarmElement extends conditional_dynamic_displa
43615
43623
  requestAnimationFrame(() => {
43616
43624
  this._rebaseTextNodes(() => {
43617
43625
  this.isReplacingContent = false;
43618
- this.isScrolling = false;
43619
- this.initScrolling();
43626
+ // 直接重启滚动定时器,不调用 initScrolling()
43627
+ this.isScrolling = true;
43628
+ clearInterval(this.scrollIntervalId);
43629
+ this.scrollIntervalId = setInterval(() => {
43630
+ if (this.isScrolling) {
43631
+ this.scrollContent();
43632
+ }
43633
+ }, 100);
43620
43634
  });
43621
43635
  });
43622
43636
  return;
43623
43637
  }
43624
- // 保存当前的滚动位置
43638
+ // 保存当前的滚动位置(数据从有变为有)
43625
43639
  const currentScrollPosition = this.currentLeft;
43626
43640
  // 清空所有SVG text节点,重新用 renderNewPage 渲染
43627
43641
  while (this.allAlarmsContainer.firstChild) {
@@ -43641,21 +43655,37 @@ class scroll_alarm_element_ScrollAlarmElement extends conditional_dynamic_displa
43641
43655
  this.currentLeft = currentScrollPosition;
43642
43656
  this.allAlarmsContainer.setAttribute('transform', `translate(${this.currentLeft}, 0)`);
43643
43657
  this.isReplacingContent = false;
43644
- this.isScrolling = false;
43645
- this.initScrolling();
43658
+ // 直接重启滚动定时器,而不调用 initScrolling(),避免位置被重置
43659
+ this.isScrolling = true;
43660
+ clearInterval(this.scrollIntervalId);
43661
+ this.scrollIntervalId = setInterval(() => {
43662
+ if (this.isScrolling) {
43663
+ this.scrollContent();
43664
+ }
43665
+ }, 100);
43646
43666
  });
43647
43667
  });
43648
43668
  return;
43649
43669
  }
43650
- // 重置标志,内容更新完成后重新启动滚动
43670
+ // 查询成功但没有返回有效数据,重启滚动
43651
43671
  this.isReplacingContent = false;
43652
- this.isScrolling = false;
43653
- this.initScrolling();
43672
+ this.isScrolling = true;
43673
+ clearInterval(this.scrollIntervalId);
43674
+ this.scrollIntervalId = setInterval(() => {
43675
+ if (this.isScrolling) {
43676
+ this.scrollContent();
43677
+ }
43678
+ }, 100);
43654
43679
  }, (error) => {
43655
43680
  // 错误处理:重置标志,恢复滚动
43656
43681
  this.isReplacingContent = false;
43657
- this.isScrolling = false;
43658
- this.initScrolling();
43682
+ this.isScrolling = true;
43683
+ clearInterval(this.scrollIntervalId);
43684
+ this.scrollIntervalId = setInterval(() => {
43685
+ if (this.isScrolling) {
43686
+ this.scrollContent();
43687
+ }
43688
+ }, 100);
43659
43689
  this.logger.error('Failed to replace scrolling content:', error);
43660
43690
  });
43661
43691
  }
@@ -44037,7 +44067,7 @@ class main_element_MainElement {
44037
44067
  }
44038
44068
 
44039
44069
  // EXTERNAL MODULE: ./node_modules/rxjs/_esm5/internal/Observable.js + 3 modules
44040
- var Observable = __webpack_require__(15);
44070
+ var Observable = __webpack_require__(16);
44041
44071
 
44042
44072
  // CONCATENATED MODULE: ./.tmp/elements/per-view-variable-communicator.ts
44043
44073
 
@@ -44462,7 +44492,7 @@ var lodash = __webpack_require__(2);
44462
44492
  var _tmp_localization = __webpack_require__(10);
44463
44493
 
44464
44494
  // EXTERNAL MODULE: ./.tmp/settings/index.ts + 2 modules
44465
- var settings = __webpack_require__(16);
44495
+ var settings = __webpack_require__(15);
44466
44496
 
44467
44497
  // EXTERNAL MODULE: ./.tmp/logger/index.ts + 2 modules
44468
44498
  var logger = __webpack_require__(8);
@@ -44899,6 +44929,7 @@ gui_component_GuiComponent = __decorate([
44899
44929
  /* harmony import */ var _localization__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(10);
44900
44930
  /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2);
44901
44931
  /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_2__);
44932
+ /* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(15);
44902
44933
  var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
44903
44934
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
44904
44935
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -44911,8 +44942,9 @@ var __param = (undefined && undefined.__param) || function (paramIndex, decorato
44911
44942
 
44912
44943
 
44913
44944
 
44945
+
44914
44946
  let WriteValueModalComponent = class WriteValueModalComponent {
44915
- constructor(localization, dataTypeService, fractionDigitService, numericalOperationService, bsModalRef) {
44947
+ constructor(localization, dataTypeService, fractionDigitService, numericalOperationService, bsModalRef, injector) {
44916
44948
  this.localization = localization;
44917
44949
  this.dataTypeService = dataTypeService;
44918
44950
  this.fractionDigitService = fractionDigitService;
@@ -44921,6 +44953,7 @@ let WriteValueModalComponent = class WriteValueModalComponent {
44921
44953
  this.displayVariableName = '';
44922
44954
  this.writeValueRangeText = '';
44923
44955
  this.isSubmitting = false;
44956
+ this.isMobileMode = _settings__WEBPACK_IMPORTED_MODULE_3__[/* DisplayMode */ "a"].Mobile === injector.get(_settings__WEBPACK_IMPORTED_MODULE_3__[/* GlobalSettings */ "b"]).displayMode;
44924
44957
  }
44925
44958
  get invalidErrorText() {
44926
44959
  return this.localization.loadFailed;
@@ -45159,7 +45192,7 @@ __decorate([
45159
45192
  WriteValueModalComponent = __decorate([
45160
45193
  Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
45161
45194
  selector: 'writeValueModal',
45162
- template: "<form #writeValueForm=\"ngForm\" novalidate (ngSubmit)=\"save()\" bs-modal-drag> <div class=\"modal-header\"> <h4 class=\"modal-title\"> <span>{{localization.setting}}</span> <span>{{displayVariableName}}</span> </h4> <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"close()\"> <span aria-hidden=\"true\">&times;</span> </button> </div> <div class=\"modal-body\"> <span class=\"write-value-range\">{{localization.writeValueRange}}:</span> <span> {{writeValueRangeText}} <span *ngIf=\"valueType\">({{valueType}})</span> </span> <input type=\"text\" name=\"valueInput\" autoFocus class=\"form-control form-control-write write-value\" [(ngModel)]=\"value\" (keyup)=\"validate($event)\" autocomplete=\"off\"> <span class=\"help-block text-danger\" [hidden]=\"!validationError\">{{validationErrorText}}</span> </div> <div class=\"modal-footer modal-footer-write\"> <button type=\"submit\" class=\"btn md-skip btn-primary btn-primary-write btn-block\" [disabled]=\"validationError || isSubmitting\"> <ng-container *ngIf=\"!isSubmitting\">{{localization.submit}}</ng-container> <ng-container *ngIf=\"isSubmitting\">{{localization.submitting}}</ng-container> </button> </div> </form> ",
45195
+ template: "<form #writeValueForm=\"ngForm\" novalidate (ngSubmit)=\"save()\" bs-modal-drag> <div class=\"modal-header\"> <h4 class=\"modal-title\"> <span>{{localization.setting}}</span> <span>{{displayVariableName}}</span> </h4> <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"close()\"> <span aria-hidden=\"true\">&times;</span> </button> </div> <div class=\"modal-body\"> <span class=\"write-value-range\">{{localization.writeValueRange}}:</span> <span> {{writeValueRangeText}} <span *ngIf=\"valueType\">({{valueType}})</span> </span> <input type=\"text\" name=\"valueInput\" autoFocus [class.form-control-write]=\"!isMobileMode\" class=\"form-control write-value\" [(ngModel)]=\"value\" (keyup)=\"validate($event)\" autocomplete=\"off\"> <span class=\"help-block text-danger\" [hidden]=\"!validationError\">{{validationErrorText}}</span> </div> <div class=\"modal-footer\" [class.modal-footer-write]=\"!isMobileMode\"> <button type=\"submit\" [class.btn-primary-write]=\"!isMobileMode\" class=\"btn md-skip btn-primary btn-block\" [disabled]=\"validationError || isSubmitting\"> <ng-container *ngIf=\"!isSubmitting\">{{localization.submit}}</ng-container> <ng-container *ngIf=\"isSubmitting\">{{localization.submitting}}</ng-container> </button> </div> </form> ",
45163
45196
  styles: [".modal-header { padding: 10px; border-color: transparent; } .modal-body { position: relative; padding: 0px 5px !important; padding-top: 10px !important; } .modal-title { display: unset; margin-left: -6px; font-size: 16px !important; } .form-control { margin: 0 5%; float: none; width: 90%; } .form-control-write { margin: 0 20px; width: 585px; } .modal-footer { padding: 10px 5px 20px 5px !important; text-align: right; border-color: transparent; } .modal-footer-write { margin-right: 4px; padding: 10px 5px 20px 5px !important; } .text-danger { display: block; color: #ed6b75; font-size: 14px; margin: 5px 0px 0px 15px; } .btn-primary { background-color: #3B97FC; border-color: #3B97FC; padding: 5px 30px; width: 90%; margin: 0 5%; height: 32px; } .btn-primary-write { width: 585px; margin: 0 15px 0 0; } .write-value-range { color: #7f939e; font-size: 14px; margin-left: 15px; } .write-value { padding-left: 8px; margin-left: 16px; height: 32px; } "]
45164
45197
  }),
45165
45198
  __param(0, Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Inject"])(_localization__WEBPACK_IMPORTED_MODULE_1__[/* LOCALIZATION */ "b"]))
@@ -45177,6 +45210,7 @@ WriteValueModalComponent = __decorate([
45177
45210
  /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_angular_core__WEBPACK_IMPORTED_MODULE_0__);
45178
45211
  /* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(39);
45179
45212
  /* harmony import */ var _localization__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(10);
45213
+ /* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(15);
45180
45214
  var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
45181
45215
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
45182
45216
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -45189,10 +45223,12 @@ var __param = (undefined && undefined.__param) || function (paramIndex, decorato
45189
45223
 
45190
45224
 
45191
45225
 
45226
+
45192
45227
  let WriteCharacterModalComponent = class WriteCharacterModalComponent {
45193
- constructor(localization) {
45228
+ constructor(localization, injector) {
45194
45229
  this.localization = localization;
45195
45230
  this._onClosed = new rxjs__WEBPACK_IMPORTED_MODULE_1__[/* Subject */ "a"]();
45231
+ this.isMobileMode = _settings__WEBPACK_IMPORTED_MODULE_3__[/* DisplayMode */ "a"].Mobile === injector.get(_settings__WEBPACK_IMPORTED_MODULE_3__[/* GlobalSettings */ "b"]).displayMode;
45196
45232
  }
45197
45233
  get onClosed() {
45198
45234
  return this._onClosed;
@@ -45239,7 +45275,7 @@ __decorate([
45239
45275
  WriteCharacterModalComponent = __decorate([
45240
45276
  Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
45241
45277
  selector: 'writeCharacterModal',
45242
- template: "<form #writeValueForm=\"ngForm\" novalidate (ngSubmit)=\"save()\" bs-modal-drag> <div class=\"modal-header\"> <h4 class=\"modal-title\"> <span>{{localization.setting}}</span> <span>{{variableName}}</span> </h4> <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"close()\"> <span aria-hidden=\"true\">&times;</span> </button> </div> <div class=\"modal-body\"> <input type=\"text\" name=\"characterInput\" autoFocus class=\"form-control form-control-write write-character-value\" [(ngModel)]=\"value\" (keyup)=\"validate()\" *ngIf=\"!isPassword\" autocomplete=\"off\"> <input type=\"password\" name=\"passwordInput\" autoFocus class=\"form-control form-control-write write-character-value\" [(ngModel)]=\"value\" (keyup)=\"validate()\" *ngIf=\"isPassword\" autocomplete=\"off\"> <span class=\"help-block text-danger\" [hidden]=\"!validationError\">{{validationErrorText}}</span> </div> <div class=\"modal-footer modal-footer-write\"> <button type=\"submit\" class=\"btn md-skip btn-primary btn-primary-write btn-block\" [disabled]=\"validationError\">{{localization.submit}}</button> </div> </form> ",
45278
+ template: "<form #writeValueForm=\"ngForm\" novalidate (ngSubmit)=\"save()\" bs-modal-drag> <div class=\"modal-header\"> <h4 class=\"modal-title\"> <span>{{localization.setting}}</span> <span>{{variableName}}</span> </h4> <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"close()\"> <span aria-hidden=\"true\">&times;</span> </button> </div> <div class=\"modal-body\"> <input type=\"text\" name=\"characterInput\" autoFocus [class.form-control-write]=\"!isMobileMode\" class=\"form-control write-character-value\" [(ngModel)]=\"value\" (keyup)=\"validate()\" *ngIf=\"!isPassword\" autocomplete=\"off\"> <input type=\"password\" name=\"passwordInput\" autoFocus [class.form-control-write]=\"!isMobileMode\" class=\"form-control write-character-value\" [(ngModel)]=\"value\" (keyup)=\"validate()\" *ngIf=\"isPassword\" autocomplete=\"off\"> <span class=\"help-block text-danger\" [hidden]=\"!validationError\">{{validationErrorText}}</span> </div> <div class=\"modal-footer\" [class.modal-footer-write]=\"!isMobileMode\"> <button type=\"submit\" [class.btn-primary-write]=\"!isMobileMode\" class=\"btn md-skip btn-primary btn-block\" [disabled]=\"validationError\">{{localization.submit}}</button> </div> </form> ",
45243
45279
  styles: [".modal-header { padding: 10px; border-color: transparent; } .modal-body { position: relative; padding: 0px 5px !important; } .modal-title { display: unset; margin-left: -6px; font-size: 16px !important; } .form-control { margin: 0 5%; float: none; width: 90%; } .modal-footer { padding: 10px 4px 20px 5px !important; text-align: right; border-color: transparent; } .text-danger { display: block; color: #ed6b75; font-size: 14px; margin: 10px 0px 0px 15px; } .btn-primary { background-color: #3B97FC; border-color: #3B97FC; padding: 5px 30px; width: 90%; margin: 0 5%; height: 32px; } .write-character-value { padding-left: 8px; height: 32px; margin-left: 16px; } .modal-footer-write { margin-right: 4px; padding: 10px 5px 20px 5px !important; } .btn-primary-write { width: 585px; margin: 0 15px 0 0; } .form-control-write { margin: 0 16px; width: 585px; } "]
45244
45280
  }),
45245
45281
  __param(0, Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Inject"])(_localization__WEBPACK_IMPORTED_MODULE_2__[/* LOCALIZATION */ "b"]))
@@ -45257,7 +45293,7 @@ WriteCharacterModalComponent = __decorate([
45257
45293
  var tslib_es6 = __webpack_require__(13);
45258
45294
 
45259
45295
  // EXTERNAL MODULE: ./node_modules/rxjs/_esm5/internal/Observable.js + 3 modules
45260
- var Observable = __webpack_require__(15);
45296
+ var Observable = __webpack_require__(16);
45261
45297
 
45262
45298
  // EXTERNAL MODULE: ./node_modules/rxjs/_esm5/internal/Subscriber.js
45263
45299
  var Subscriber = __webpack_require__(29);
@@ -66201,7 +66237,7 @@ var empty = {
66201
66237
 
66202
66238
  "use strict";
66203
66239
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return scheduleArray; });
66204
- /* harmony import */ var _Observable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(15);
66240
+ /* harmony import */ var _Observable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16);
66205
66241
  /* harmony import */ var _Subscription__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(25);
66206
66242
  /** PURE_IMPORTS_START _Observable,_Subscription PURE_IMPORTS_END */
66207
66243
 
@@ -66652,7 +66688,7 @@ class RemoteImageStore {
66652
66688
  }
66653
66689
 
66654
66690
  // EXTERNAL MODULE: ./node_modules/rxjs/_esm5/internal/Observable.js + 3 modules
66655
- var Observable = __webpack_require__(15);
66691
+ var Observable = __webpack_require__(16);
66656
66692
 
66657
66693
  // EXTERNAL MODULE: ./.tmp/communication/index.ts + 4 modules
66658
66694
  var communication = __webpack_require__(4);
@@ -68879,7 +68915,7 @@ function __importDefault(mod) {
68879
68915
  var Subject = __webpack_require__(39);
68880
68916
 
68881
68917
  // EXTERNAL MODULE: ./node_modules/rxjs/_esm5/internal/Observable.js + 3 modules
68882
- var Observable = __webpack_require__(15);
68918
+ var Observable = __webpack_require__(16);
68883
68919
 
68884
68920
  // EXTERNAL MODULE: ./node_modules/rxjs/_esm5/internal/util/isScheduler.js
68885
68921
  var isScheduler = __webpack_require__(51);
@@ -87043,7 +87079,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__273__;
87043
87079
 
87044
87080
  "use strict";
87045
87081
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return fromArray; });
87046
- /* harmony import */ var _Observable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(15);
87082
+ /* harmony import */ var _Observable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16);
87047
87083
  /* harmony import */ var _util_subscribeToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(275);
87048
87084
  /* harmony import */ var _scheduled_scheduleArray__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(55);
87049
87085
  /** PURE_IMPORTS_START _Observable,_util_subscribeToArray,_scheduled_scheduleArray PURE_IMPORTS_END */