@flexem/fc-gui 3.0.0-alpha.120 → 3.0.0-alpha.121

package/bundles/@flexem/fc-gui.umd.js

@@ -22011,7 +22011,8 @@ GuiConsts.components = {
     tableKey: 'Table',
     weatherKey: 'Weather',
     airQualityKey: 'AirQualityIndex',
-    alarmKey: 'Alarm'
+    alarmKey: 'Alarm',
+    scrollAlarmKey: 'ScrollAlarm'
 };
 
 // EXTERNAL MODULE: ./.tmp/shared/graph-extended-style.ts
@@ -22114,7 +22115,7 @@ class ConsoleLoggerService {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return VariableUtil; });
-/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(13);
+/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(11);
 
 class VariableUtil {
     static getConvertedVariableName(variableStore, variable) {
@@ -22229,6 +22230,170 @@ class VariableDefinition {
 /* 11 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
+"use strict";
+
+// EXTERNAL MODULE: ./.tmp/config/config-store.ts
+var config_store = __webpack_require__(252);
+
+// CONCATENATED MODULE: ./.tmp/config/graph/graph.ts
+class Graph {
+    constructor(graphType, source) {
+        this.graphType = graphType;
+        this.source = source;
+    }
+}
+
+// CONCATENATED MODULE: ./.tmp/config/graph/graph-result.ts
+class GraphResult {
+    constructor(graph, failed) {
+        this.graph = graph;
+        this.failed = failed;
+    }
+    static failed() {
+        return GraphResult.failedResult;
+    }
+    static success(graph) {
+        return new GraphResult(graph);
+    }
+}
+GraphResult.failedResult = new GraphResult(null, true);
+
+// CONCATENATED MODULE: ./.tmp/config/graph/graph-type.ts
+var GraphType;
+(function (GraphType) {
+    GraphType[GraphType["SVG"] = 0] = "SVG";
+    GraphType[GraphType["Image"] = 1] = "Image";
+})(GraphType || (GraphType = {}));
+
+// EXTERNAL MODULE: ./.tmp/config/graph/graph-store.ts
+var graph_store = __webpack_require__(251);
+
+// EXTERNAL MODULE: ./.tmp/config/view/view-store.ts
+var view_store = __webpack_require__(250);
+
+// EXTERNAL MODULE: ./.tmp/config/view/view.model.ts
+var view_model = __webpack_require__(30);
+
+// EXTERNAL MODULE: ./.tmp/config/image/image-store.ts
+var image_store = __webpack_require__(249);
+
+// EXTERNAL MODULE: ./.tmp/config/history-data/history-data.store.ts
+var history_data_store = __webpack_require__(248);
+
+// CONCATENATED MODULE: ./.tmp/config/history-data/history-data.model.ts
+class HistoryDataModel {
+    constructor(error, isUnbind, values) {
+        this.error = error;
+        this.isUnbind = isUnbind;
+        this.values = values;
+    }
+}
+
+// CONCATENATED MODULE: ./.tmp/config/history-data/history-data-value.ts
+class HistoryDataValue {
+    constructor(time, values) {
+        this.time = time;
+        this.values = values;
+    }
+}
+
+// CONCATENATED MODULE: ./.tmp/config/history-data/get-history-data-args.ts
+class GetHistoryDataArgs {
+    /**
+     * 获取历史数据参数
+     * @param dataSourceCode 数据源编码
+     * @param dataItemName 历史数据条目名称
+     * @param channelNames 通道名称
+     * @param startTime 开始时间
+     * @param endTime 结束时间
+     * @param limit 获取数据数量，为负数则倒叙
+     * @param rangeType 区间类型
+     */
+    constructor(dataSourceCode, dataItemName, channelNames, startTime, endTime, limit, rangeType) {
+        this.dataSourceCode = dataSourceCode;
+        this.dataItemName = dataItemName;
+        this.channelNames = channelNames;
+        this.startTime = startTime;
+        this.endTime = endTime;
+        this.limit = limit;
+        this.rangeType = rangeType;
+    }
+}
+
+// CONCATENATED MODULE: ./.tmp/config/history-data/index.ts
+
+
+
+
+
+// EXTERNAL MODULE: ./.tmp/config/variable/variable-store.ts
+var variable_store = __webpack_require__(247);
+
+// CONCATENATED MODULE: ./.tmp/config/variable/get-variable-name-args.ts
+class GetVariableNameArgs {
+    constructor(name, groupName, code) {
+        this.name = name;
+        this.groupName = groupName;
+        this.code = code;
+    }
+}
+
+// CONCATENATED MODULE: ./.tmp/config/variable/index.ts
+
+
+
+// EXTERNAL MODULE: ./.tmp/config/alarm/alarm.store.ts
+var alarm_store = __webpack_require__(246);
+
+// CONCATENATED MODULE: ./.tmp/config/alarm/get-alarms-args.ts
+class GetAlarmsArgs {
+    constructor(alarmNames, triggeredStartTime, triggeredEndTime, maxResultCount, skipCount) {
+        this.alarmNames = alarmNames;
+        this.triggeredStartTime = triggeredStartTime;
+        this.triggeredEndTime = triggeredEndTime;
+        this.maxResultCount = maxResultCount;
+        this.skipCount = skipCount;
+    }
+}
+
+// CONCATENATED MODULE: ./.tmp/config/alarm/index.ts
+
+
+
+// CONCATENATED MODULE: ./.tmp/config/index.ts
+/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "b", function() { return config_store["ConfigStore"]; });
+/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "f", function() { return Graph; });
+/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "g", function() { return GraphResult; });
+/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "i", function() { return GraphType; });
+/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "h", function() { return graph_store["GraphStore"]; });
+/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "p", function() { return view_store["ViewStore"]; });
+/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "o", function() { return view_model["a" /* ViewModel */]; });
+/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "m", function() { return image_store["ImageStore"]; });
+/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "k", function() { return history_data_store["HistoryDataStore"]; });
+/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "j", function() { return HistoryDataModel; });
+/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "l", function() { return HistoryDataValue; });
+/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "d", function() { return GetHistoryDataArgs; });
+/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "n", function() { return variable_store["VariableStore"]; });
+/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "e", function() { return GetVariableNameArgs; });
+/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "a", function() { return alarm_store["AlarmsStore"]; });
+/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "c", function() { return GetAlarmsArgs; });
+
+
+
+
+
+
+
+
+
+
+
+
+
+/***/ }),
+/* 12 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return VariableValueType; });
 var VariableValueType;
@@ -22239,7 +22404,7 @@ var VariableValueType;
 
 
 /***/ }),
-/* 12 */
+/* 13 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -22450,170 +22615,6 @@ function __importDefault(mod) {
 }
 
 
-/***/ }),
-/* 13 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-
-// EXTERNAL MODULE: ./.tmp/config/config-store.ts
-var config_store = __webpack_require__(252);
-
-// CONCATENATED MODULE: ./.tmp/config/graph/graph.ts
-class Graph {
-    constructor(graphType, source) {
-        this.graphType = graphType;
-        this.source = source;
-    }
-}
-
-// CONCATENATED MODULE: ./.tmp/config/graph/graph-result.ts
-class GraphResult {
-    constructor(graph, failed) {
-        this.graph = graph;
-        this.failed = failed;
-    }
-    static failed() {
-        return GraphResult.failedResult;
-    }
-    static success(graph) {
-        return new GraphResult(graph);
-    }
-}
-GraphResult.failedResult = new GraphResult(null, true);
-
-// CONCATENATED MODULE: ./.tmp/config/graph/graph-type.ts
-var GraphType;
-(function (GraphType) {
-    GraphType[GraphType["SVG"] = 0] = "SVG";
-    GraphType[GraphType["Image"] = 1] = "Image";
-})(GraphType || (GraphType = {}));
-
-// EXTERNAL MODULE: ./.tmp/config/graph/graph-store.ts
-var graph_store = __webpack_require__(251);
-
-// EXTERNAL MODULE: ./.tmp/config/view/view-store.ts
-var view_store = __webpack_require__(250);
-
-// EXTERNAL MODULE: ./.tmp/config/view/view.model.ts
-var view_model = __webpack_require__(30);
-
-// EXTERNAL MODULE: ./.tmp/config/image/image-store.ts
-var image_store = __webpack_require__(249);
-
-// EXTERNAL MODULE: ./.tmp/config/history-data/history-data.store.ts
-var history_data_store = __webpack_require__(248);
-
-// CONCATENATED MODULE: ./.tmp/config/history-data/history-data.model.ts
-class HistoryDataModel {
-    constructor(error, isUnbind, values) {
-        this.error = error;
-        this.isUnbind = isUnbind;
-        this.values = values;
-    }
-}
-
-// CONCATENATED MODULE: ./.tmp/config/history-data/history-data-value.ts
-class HistoryDataValue {
-    constructor(time, values) {
-        this.time = time;
-        this.values = values;
-    }
-}
-
-// CONCATENATED MODULE: ./.tmp/config/history-data/get-history-data-args.ts
-class GetHistoryDataArgs {
-    /**
-     * 获取历史数据参数
-     * @param dataSourceCode 数据源编码
-     * @param dataItemName 历史数据条目名称
-     * @param channelNames 通道名称
-     * @param startTime 开始时间
-     * @param endTime 结束时间
-     * @param limit 获取数据数量，为负数则倒叙
-     * @param rangeType 区间类型
-     */
-    constructor(dataSourceCode, dataItemName, channelNames, startTime, endTime, limit, rangeType) {
-        this.dataSourceCode = dataSourceCode;
-        this.dataItemName = dataItemName;
-        this.channelNames = channelNames;
-        this.startTime = startTime;
-        this.endTime = endTime;
-        this.limit = limit;
-        this.rangeType = rangeType;
-    }
-}
-
-// CONCATENATED MODULE: ./.tmp/config/history-data/index.ts
-
-
-
-
-
-// EXTERNAL MODULE: ./.tmp/config/variable/variable-store.ts
-var variable_store = __webpack_require__(247);
-
-// CONCATENATED MODULE: ./.tmp/config/variable/get-variable-name-args.ts
-class GetVariableNameArgs {
-    constructor(name, groupName, code) {
-        this.name = name;
-        this.groupName = groupName;
-        this.code = code;
-    }
-}
-
-// CONCATENATED MODULE: ./.tmp/config/variable/index.ts
-
-
-
-// EXTERNAL MODULE: ./.tmp/config/alarm/alarm.store.ts
-var alarm_store = __webpack_require__(246);
-
-// CONCATENATED MODULE: ./.tmp/config/alarm/get-alarms-args.ts
-class GetAlarmsArgs {
-    constructor(alarmNames, triggeredStartTime, triggeredEndTime, maxResultCount, skipCount) {
-        this.alarmNames = alarmNames;
-        this.triggeredStartTime = triggeredStartTime;
-        this.triggeredEndTime = triggeredEndTime;
-        this.maxResultCount = maxResultCount;
-        this.skipCount = skipCount;
-    }
-}
-
-// CONCATENATED MODULE: ./.tmp/config/alarm/index.ts
-
-
-
-// CONCATENATED MODULE: ./.tmp/config/index.ts
-/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "b", function() { return config_store["ConfigStore"]; });
-/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "f", function() { return Graph; });
-/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "g", function() { return GraphResult; });
-/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "i", function() { return GraphType; });
-/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "h", function() { return graph_store["GraphStore"]; });
-/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "p", function() { return view_store["ViewStore"]; });
-/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "o", function() { return view_model["a" /* ViewModel */]; });
-/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "m", function() { return image_store["ImageStore"]; });
-/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "k", function() { return history_data_store["HistoryDataStore"]; });
-/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "j", function() { return HistoryDataModel; });
-/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "l", function() { return HistoryDataValue; });
-/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "d", function() { return GetHistoryDataArgs; });
-/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "n", function() { return variable_store["VariableStore"]; });
-/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "e", function() { return GetVariableNameArgs; });
-/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "a", function() { return alarm_store["AlarmsStore"]; });
-/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "c", function() { return GetAlarmsArgs; });
-
-
-
-
-
-
-
-
-
-
-
-
-
 /***/ }),
 /* 14 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -22700,7 +22701,7 @@ function pipeFromArray(fns) {
 //# sourceMappingURL=pipe.js.map
 
 // EXTERNAL MODULE: ./node_modules/rxjs/_esm5/internal/config.js
-var config = __webpack_require__(22);
+var config = __webpack_require__(23);
 
 // CONCATENATED MODULE: ./node_modules/rxjs/_esm5/internal/Observable.js
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Observable_Observable; });
@@ -23114,219 +23115,6 @@ AlertModalComponent = __decorate([
 
 /***/ }),
 /* 21 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return RelationType; });
-var RelationType;
-(function (RelationType) {
-    RelationType[RelationType["None"] = 0] = "None";
-    RelationType[RelationType["And"] = 1] = "And";
-    RelationType[RelationType["Or"] = 2] = "Or";
-})(RelationType || (RelationType = {}));
-
-
-/***/ }),
-/* 22 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return config; });
-/** PURE_IMPORTS_START  PURE_IMPORTS_END */
-var _enable_super_gross_mode_that_will_cause_bad_things = false;
-var config = {
-    Promise: undefined,
-    set useDeprecatedSynchronousErrorHandling(value) {
-        if (value) {
-            var error = /*@__PURE__*/ new Error();
-            /*@__PURE__*/ console.warn('DEPRECATED! RxJS was set to use deprecated synchronous error handling behavior by code at: \n' + error.stack);
-        }
-        else if (_enable_super_gross_mode_that_will_cause_bad_things) {
-            /*@__PURE__*/ console.log('RxJS: Back to a better error behavior. Thank you. <3');
-        }
-        _enable_super_gross_mode_that_will_cause_bad_things = value;
-    },
-    get useDeprecatedSynchronousErrorHandling() {
-        return _enable_super_gross_mode_that_will_cause_bad_things;
-    },
-};
-//# sourceMappingURL=config.js.map
-
-
-/***/ }),
-/* 23 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-
-// EXTERNAL MODULE: ./node_modules/rxjs/_esm5/internal/util/isArray.js
-var isArray = __webpack_require__(55);
-
-// EXTERNAL MODULE: ./node_modules/rxjs/_esm5/internal/util/isObject.js
-var isObject = __webpack_require__(271);
-
-// EXTERNAL MODULE: ./node_modules/rxjs/_esm5/internal/util/isFunction.js
-var isFunction = __webpack_require__(51);
-
-// CONCATENATED MODULE: ./node_modules/rxjs/_esm5/internal/util/UnsubscriptionError.js
-/** PURE_IMPORTS_START  PURE_IMPORTS_END */
-var UnsubscriptionErrorImpl = /*@__PURE__*/ (function () {
-    function UnsubscriptionErrorImpl(errors) {
-        Error.call(this);
-        this.message = errors ?
-            errors.length + " errors occurred during unsubscription:\n" + errors.map(function (err, i) { return i + 1 + ") " + err.toString(); }).join('\n  ') : '';
-        this.name = 'UnsubscriptionError';
-        this.errors = errors;
-        return this;
-    }
-    UnsubscriptionErrorImpl.prototype = /*@__PURE__*/ Object.create(Error.prototype);
-    return UnsubscriptionErrorImpl;
-})();
-var UnsubscriptionError = UnsubscriptionErrorImpl;
-//# sourceMappingURL=UnsubscriptionError.js.map
-
-// CONCATENATED MODULE: ./node_modules/rxjs/_esm5/internal/Subscription.js
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Subscription_Subscription; });
-/** PURE_IMPORTS_START _util_isArray,_util_isObject,_util_isFunction,_util_UnsubscriptionError PURE_IMPORTS_END */
-
-
-
-
-var Subscription_Subscription = /*@__PURE__*/ (function () {
-    function Subscription(unsubscribe) {
-        this.closed = false;
-        this._parentOrParents = null;
-        this._subscriptions = null;
-        if (unsubscribe) {
-            this._unsubscribe = unsubscribe;
-        }
-    }
-    Subscription.prototype.unsubscribe = function () {
-        var errors;
-        if (this.closed) {
-            return;
-        }
-        var _a = this, _parentOrParents = _a._parentOrParents, _unsubscribe = _a._unsubscribe, _subscriptions = _a._subscriptions;
-        this.closed = true;
-        this._parentOrParents = null;
-        this._subscriptions = null;
-        if (_parentOrParents instanceof Subscription) {
-            _parentOrParents.remove(this);
-        }
-        else if (_parentOrParents !== null) {
-            for (var index = 0; index < _parentOrParents.length; ++index) {
-                var parent_1 = _parentOrParents[index];
-                parent_1.remove(this);
-            }
-        }
-        if (Object(isFunction["a" /* isFunction */])(_unsubscribe)) {
-            try {
-                _unsubscribe.call(this);
-            }
-            catch (e) {
-                errors = e instanceof UnsubscriptionError ? flattenUnsubscriptionErrors(e.errors) : [e];
-            }
-        }
-        if (Object(isArray["a" /* isArray */])(_subscriptions)) {
-            var index = -1;
-            var len = _subscriptions.length;
-            while (++index < len) {
-                var sub = _subscriptions[index];
-                if (Object(isObject["a" /* isObject */])(sub)) {
-                    try {
-                        sub.unsubscribe();
-                    }
-                    catch (e) {
-                        errors = errors || [];
-                        if (e instanceof UnsubscriptionError) {
-                            errors = errors.concat(flattenUnsubscriptionErrors(e.errors));
-                        }
-                        else {
-                            errors.push(e);
-                        }
-                    }
-                }
-            }
-        }
-        if (errors) {
-            throw new UnsubscriptionError(errors);
-        }
-    };
-    Subscription.prototype.add = function (teardown) {
-        var subscription = teardown;
-        if (!teardown) {
-            return Subscription.EMPTY;
-        }
-        switch (typeof teardown) {
-            case 'function':
-                subscription = new Subscription(teardown);
-            case 'object':
-                if (subscription === this || subscription.closed || typeof subscription.unsubscribe !== 'function') {
-                    return subscription;
-                }
-                else if (this.closed) {
-                    subscription.unsubscribe();
-                    return subscription;
-                }
-                else if (!(subscription instanceof Subscription)) {
-                    var tmp = subscription;
-                    subscription = new Subscription();
-                    subscription._subscriptions = [tmp];
-                }
-                break;
-            default: {
-                throw new Error('unrecognized teardown ' + teardown + ' added to Subscription.');
-            }
-        }
-        var _parentOrParents = subscription._parentOrParents;
-        if (_parentOrParents === null) {
-            subscription._parentOrParents = this;
-        }
-        else if (_parentOrParents instanceof Subscription) {
-            if (_parentOrParents === this) {
-                return subscription;
-            }
-            subscription._parentOrParents = [_parentOrParents, this];
-        }
-        else if (_parentOrParents.indexOf(this) === -1) {
-            _parentOrParents.push(this);
-        }
-        else {
-            return subscription;
-        }
-        var subscriptions = this._subscriptions;
-        if (subscriptions === null) {
-            this._subscriptions = [subscription];
-        }
-        else {
-            subscriptions.push(subscription);
-        }
-        return subscription;
-    };
-    Subscription.prototype.remove = function (subscription) {
-        var subscriptions = this._subscriptions;
-        if (subscriptions) {
-            var subscriptionIndex = subscriptions.indexOf(subscription);
-            if (subscriptionIndex !== -1) {
-                subscriptions.splice(subscriptionIndex, 1);
-            }
-        }
-    };
-    Subscription.EMPTY = (function (empty) {
-        empty.closed = true;
-        return empty;
-    }(new Subscription()));
-    return Subscription;
-}());
-
-function flattenUnsubscriptionErrors(errors) {
-    return errors.reduce(function (errs, err) { return errs.concat((err instanceof UnsubscriptionError) ? err.errors : err); }, []);
-}
-//# sourceMappingURL=Subscription.js.map
-
-
-/***/ }),
-/* 24 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;!function() {
@@ -32887,6 +32675,219 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;!function() {
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__)); else {}
 }();
 
+/***/ }),
+/* 22 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return RelationType; });
+var RelationType;
+(function (RelationType) {
+    RelationType[RelationType["None"] = 0] = "None";
+    RelationType[RelationType["And"] = 1] = "And";
+    RelationType[RelationType["Or"] = 2] = "Or";
+})(RelationType || (RelationType = {}));
+
+
+/***/ }),
+/* 23 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return config; });
+/** PURE_IMPORTS_START  PURE_IMPORTS_END */
+var _enable_super_gross_mode_that_will_cause_bad_things = false;
+var config = {
+    Promise: undefined,
+    set useDeprecatedSynchronousErrorHandling(value) {
+        if (value) {
+            var error = /*@__PURE__*/ new Error();
+            /*@__PURE__*/ console.warn('DEPRECATED! RxJS was set to use deprecated synchronous error handling behavior by code at: \n' + error.stack);
+        }
+        else if (_enable_super_gross_mode_that_will_cause_bad_things) {
+            /*@__PURE__*/ console.log('RxJS: Back to a better error behavior. Thank you. <3');
+        }
+        _enable_super_gross_mode_that_will_cause_bad_things = value;
+    },
+    get useDeprecatedSynchronousErrorHandling() {
+        return _enable_super_gross_mode_that_will_cause_bad_things;
+    },
+};
+//# sourceMappingURL=config.js.map
+
+
+/***/ }),
+/* 24 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// EXTERNAL MODULE: ./node_modules/rxjs/_esm5/internal/util/isArray.js
+var isArray = __webpack_require__(55);
+
+// EXTERNAL MODULE: ./node_modules/rxjs/_esm5/internal/util/isObject.js
+var isObject = __webpack_require__(271);
+
+// EXTERNAL MODULE: ./node_modules/rxjs/_esm5/internal/util/isFunction.js
+var isFunction = __webpack_require__(51);
+
+// CONCATENATED MODULE: ./node_modules/rxjs/_esm5/internal/util/UnsubscriptionError.js
+/** PURE_IMPORTS_START  PURE_IMPORTS_END */
+var UnsubscriptionErrorImpl = /*@__PURE__*/ (function () {
+    function UnsubscriptionErrorImpl(errors) {
+        Error.call(this);
+        this.message = errors ?
+            errors.length + " errors occurred during unsubscription:\n" + errors.map(function (err, i) { return i + 1 + ") " + err.toString(); }).join('\n  ') : '';
+        this.name = 'UnsubscriptionError';
+        this.errors = errors;
+        return this;
+    }
+    UnsubscriptionErrorImpl.prototype = /*@__PURE__*/ Object.create(Error.prototype);
+    return UnsubscriptionErrorImpl;
+})();
+var UnsubscriptionError = UnsubscriptionErrorImpl;
+//# sourceMappingURL=UnsubscriptionError.js.map
+
+// CONCATENATED MODULE: ./node_modules/rxjs/_esm5/internal/Subscription.js
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Subscription_Subscription; });
+/** PURE_IMPORTS_START _util_isArray,_util_isObject,_util_isFunction,_util_UnsubscriptionError PURE_IMPORTS_END */
+
+
+
+
+var Subscription_Subscription = /*@__PURE__*/ (function () {
+    function Subscription(unsubscribe) {
+        this.closed = false;
+        this._parentOrParents = null;
+        this._subscriptions = null;
+        if (unsubscribe) {
+            this._unsubscribe = unsubscribe;
+        }
+    }
+    Subscription.prototype.unsubscribe = function () {
+        var errors;
+        if (this.closed) {
+            return;
+        }
+        var _a = this, _parentOrParents = _a._parentOrParents, _unsubscribe = _a._unsubscribe, _subscriptions = _a._subscriptions;
+        this.closed = true;
+        this._parentOrParents = null;
+        this._subscriptions = null;
+        if (_parentOrParents instanceof Subscription) {
+            _parentOrParents.remove(this);
+        }
+        else if (_parentOrParents !== null) {
+            for (var index = 0; index < _parentOrParents.length; ++index) {
+                var parent_1 = _parentOrParents[index];
+                parent_1.remove(this);
+            }
+        }
+        if (Object(isFunction["a" /* isFunction */])(_unsubscribe)) {
+            try {
+                _unsubscribe.call(this);
+            }
+            catch (e) {
+                errors = e instanceof UnsubscriptionError ? flattenUnsubscriptionErrors(e.errors) : [e];
+            }
+        }
+        if (Object(isArray["a" /* isArray */])(_subscriptions)) {
+            var index = -1;
+            var len = _subscriptions.length;
+            while (++index < len) {
+                var sub = _subscriptions[index];
+                if (Object(isObject["a" /* isObject */])(sub)) {
+                    try {
+                        sub.unsubscribe();
+                    }
+                    catch (e) {
+                        errors = errors || [];
+                        if (e instanceof UnsubscriptionError) {
+                            errors = errors.concat(flattenUnsubscriptionErrors(e.errors));
+                        }
+                        else {
+                            errors.push(e);
+                        }
+                    }
+                }
+            }
+        }
+        if (errors) {
+            throw new UnsubscriptionError(errors);
+        }
+    };
+    Subscription.prototype.add = function (teardown) {
+        var subscription = teardown;
+        if (!teardown) {
+            return Subscription.EMPTY;
+        }
+        switch (typeof teardown) {
+            case 'function':
+                subscription = new Subscription(teardown);
+            case 'object':
+                if (subscription === this || subscription.closed || typeof subscription.unsubscribe !== 'function') {
+                    return subscription;
+                }
+                else if (this.closed) {
+                    subscription.unsubscribe();
+                    return subscription;
+                }
+                else if (!(subscription instanceof Subscription)) {
+                    var tmp = subscription;
+                    subscription = new Subscription();
+                    subscription._subscriptions = [tmp];
+                }
+                break;
+            default: {
+                throw new Error('unrecognized teardown ' + teardown + ' added to Subscription.');
+            }
+        }
+        var _parentOrParents = subscription._parentOrParents;
+        if (_parentOrParents === null) {
+            subscription._parentOrParents = this;
+        }
+        else if (_parentOrParents instanceof Subscription) {
+            if (_parentOrParents === this) {
+                return subscription;
+            }
+            subscription._parentOrParents = [_parentOrParents, this];
+        }
+        else if (_parentOrParents.indexOf(this) === -1) {
+            _parentOrParents.push(this);
+        }
+        else {
+            return subscription;
+        }
+        var subscriptions = this._subscriptions;
+        if (subscriptions === null) {
+            this._subscriptions = [subscription];
+        }
+        else {
+            subscriptions.push(subscription);
+        }
+        return subscription;
+    };
+    Subscription.prototype.remove = function (subscription) {
+        var subscriptions = this._subscriptions;
+        if (subscriptions) {
+            var subscriptionIndex = subscriptions.indexOf(subscription);
+            if (subscriptionIndex !== -1) {
+                subscriptions.splice(subscriptionIndex, 1);
+            }
+        }
+    };
+    Subscription.EMPTY = (function (empty) {
+        empty.closed = true;
+        return empty;
+    }(new Subscription()));
+    return Subscription;
+}());
+
+function flattenUnsubscriptionErrors(errors) {
+    return errors.reduce(function (errs, err) { return errs.concat((err instanceof UnsubscriptionError) ? err.errors : err); }, []);
+}
+//# sourceMappingURL=Subscription.js.map
+
+
 /***/ }),
 /* 25 */
 /***/ (function(module, exports) {
@@ -32961,12 +32962,12 @@ class Guid {
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Subscriber; });
 /* unused harmony export SafeSubscriber */
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(12);
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(13);
 /* harmony import */ var _util_isFunction__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(51);
 /* harmony import */ var _Observer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(53);
-/* harmony import */ var _Subscription__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(23);
+/* harmony import */ var _Subscription__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(24);
 /* harmony import */ var _internal_symbol_rxSubscriber__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(52);
-/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(22);
+/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(23);
 /* harmony import */ var _util_hostReportError__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(34);
 /** PURE_IMPORTS_START tslib,_util_isFunction,_Observer,_Subscription,_internal_symbol_rxSubscriber,_config,_util_hostReportError PURE_IMPORTS_END */
 
@@ -35372,7 +35373,7 @@ function degreesToRadians(degrees) {
 }
 
 // EXTERNAL MODULE: ./.tmp/model/shared/condition/variable-value-type.ts
-var variable_value_type = __webpack_require__(11);
+var variable_value_type = __webpack_require__(12);
 
 // CONCATENATED MODULE: ./.tmp/elements/bar-graph-element.ts
 
@@ -35626,7 +35627,7 @@ bar_graph_element_BarGraphElement.DEFAULT_MAX_VALUE = 100;
 
 
 // EXTERNAL MODULE: ./.tmp/config/index.ts + 11 modules
-var _tmp_config = __webpack_require__(13);
+var _tmp_config = __webpack_require__(11);
 
 // EXTERNAL MODULE: ./.tmp/modal/alert/alert-modal.component.ts
 var alert_modal_component = __webpack_require__(20);
@@ -36934,7 +36935,7 @@ class datetime_display_element_DatetimeDisplayElement extends conditional_displa
 }
 
 // EXTERNAL MODULE: ./node_modules/d3/d3.js
-var d3 = __webpack_require__(24);
+var d3 = __webpack_require__(21);
 
 // EXTERNAL MODULE: ./node_modules/nvd3/build/nv.d3.js
 var nv_d3 = __webpack_require__(38);
@@ -38165,7 +38166,7 @@ class numerical_display_element_NumericalDisplayElement extends readable_element
 var condition_type = __webpack_require__(33);
 
 // EXTERNAL MODULE: ./.tmp/model/shared/condition/relation-type.ts
-var relation_type = __webpack_require__(21);
+var relation_type = __webpack_require__(22);
 
 // CONCATENATED MODULE: ./.tmp/elements/base/conditional-control-element.ts
 
@@ -41331,6 +41332,429 @@ class alarm_element_AlarmElement extends conditional_display_element_Conditional
     }
 }
 
+// CONCATENATED MODULE: ./.tmp/elements/scroll-alarm/scroll-alarm-element.ts
+
+
+
+
+
+var ScrollAlarmElementStatus;
+(function (ScrollAlarmElementStatus) {
+    ScrollAlarmElementStatus[ScrollAlarmElementStatus["Normal"] = 0] = "Normal";
+    ScrollAlarmElementStatus[ScrollAlarmElementStatus["Loading"] = 1] = "Loading"; // 加载中
+})(ScrollAlarmElementStatus || (ScrollAlarmElementStatus = {}));
+class scroll_alarm_element_ScrollAlarmElement extends conditional_dynamic_display_element_ConditionalDynamicDisplayElement {
+    constructor(element, injector, permissionChecker, variableCommunicator, variableStore, alarmsStore, signalRAppId) {
+        var _a, _b, _c, _d, _e;
+        super(element, permissionChecker, variableCommunicator, variableStore, signalRAppId);
+        this.alarmsStore = alarmsStore;
+        this.elementStatus = ScrollAlarmElementStatus.Loading;
+        this.alarmNames = [];
+        this.isScrolling = false;
+        this.isDisposed = false;
+        // 新的分页和滚动逻辑变量
+        this.currentPage = 1;
+        this.maxResultCount = 3; // 每页数据量
+        this.displayedItems = []; // 当前显示的所有数据
+        this.pageWidths = []; // 存储每页的宽度
+        this.totalWidth = 0; // 所有显示数据的总宽度
+        this.currentLeft = 0;
+        this.autoCycle = true;
+        this.hasMoreData = true;
+        this.isLoadingNextPage = false;
+        this.rootElement.selectAll('*').remove();
+        this.setStatusAsLoading();
+        this.logger = injector.get(logger["b" /* LOGGER_SERVICE_TOKEN */]);
+        this.variableCommunicator = variableCommunicator;
+        this.autoCycle = (_b = (_a = this.model.generalSetting) === null || _a === void 0 ? void 0 : _a.autoCycle) !== null && _b !== void 0 ? _b : true;
+        this.maxResultCount = (_d = (_c = this.model.generalSetting) === null || _c === void 0 ? void 0 : _c.pageSize) !== null && _d !== void 0 ? _d : 3;
+        if (this.model.filterSetting) {
+            this.alarmNames = this.model.filterSetting.detailsData.map(item => item.name);
+            this.updateQueryTimeRange();
+            // 监听告警更新
+            // variableCommunicator.subscribeUserDeviceAlarms(signalRAppId).subscribe(alarms => {
+            //     alarms.forEach(alarm => {
+            //         if (this.alarmNames.indexOf(alarm.name) !== -1) {
+            //             this.getAlarmData();
+            //             return;
+            //         }
+            //     });
+            // });
+            // 初始化显示容器
+            this.initDisplayContainer();
+            // 获取字体设置
+            this.headerFont = ((_e = this.model.generalSetting) === null || _e === void 0 ? void 0 : _e.headerFont) || {};
+            const fontStyle = [];
+            if (this.headerFont.isBold)
+                fontStyle.push('bold');
+            if (this.headerFont.isItalic)
+                fontStyle.push('italic');
+            if (this.headerFont.isUnderline)
+                fontStyle.push('underline');
+            fontStyle.push(`${this.headerFont.fontSize || '16px'}`);
+            fontStyle.push(`${this.headerFont.fontFamily || 'Microsoft YaHei'}`);
+            this.fontString = fontStyle.join(' ');
+            this.getAlarmData();
+        }
+        else {
+            this.displayedItems = [];
+            if (this.allAlarmsContainer) {
+                this.allAlarmsContainer.innerHTML = '';
+                this.totalWidth = 0;
+                this.pageWidths = [];
+            }
+        }
+    }
+    dispose() {
+        this.isDisposed = true;
+        clearInterval(this.scrollIntervalId);
+        clearTimeout(this.getAlarmDataId);
+        if (this.element && this.element.tooltip) {
+            this.element.tooltip.hidden(true);
+        }
+        this.logger.debug(`[GUI]Dispose Scroll Alarm Refresh Interval:${d3["time"].format('%x %X')(new Date())}`);
+        // 重置所有状态
+        this.isScrolling = false;
+    }
+    getAlarmData() {
+        if (this.isDisposed || this.isLoadingNextPage)
+            return;
+        this.isLoadingNextPage = true;
+        // Only show loading for the first page load
+        if (this.currentPage === 1 && this.displayedItems.length === 0) {
+            this.setStatusAsLoading();
+        }
+        clearTimeout(this.getAlarmDataId);
+        this.getAlarmDataId = setTimeout(() => {
+            this.updateQueryTimeRange();
+            const skipCount = (this.currentPage - 1) * this.maxResultCount;
+            const input = new _tmp_config["c" /* GetAlarmsArgs */](this.alarmNames, this.startTime, this.endTime, this.maxResultCount, skipCount);
+            this.alarmsStore.getHistoryAlarms(input).subscribe(result => {
+                this.isLoadingNextPage = false;
+                if (!result.error && result.items && result.items.length > 0) {
+                    const newPage = result.items;
+                    // 检查是否还有更多数据
+                    if (!this.autoCycle && newPage.length < this.maxResultCount) {
+                        this.hasMoreData = false;
+                    }
+                    else {
+                        this.hasMoreData = true;
+                    }
+                    // 添加新页数据
+                    this.displayedItems = this.displayedItems.concat(newPage);
+                    // 渲染新页
+                    this.renderNewPage(newPage);
+                    // 更新页码
+                    this.currentPage++;
+                    // 检查是否需要删除旧页（保持最多3页）
+                    if (this.currentPage > 4) {
+                        this.removeOldestPage();
+                    }
+                    // 如果是首次加载或还没有开始滚动，初始化滚动
+                    if (!this.isScrolling && this.displayedItems.length > 0) {
+                        this.initScrolling();
+                    }
+                    this.setStatusAsNormal();
+                }
+                else {
+                    // 如果没有数据且自动循环开启，循环回到第一页而不清空数据
+                    if (this.autoCycle) {
+                        // 直接跳转到第一页
+                        this.currentPage = 1;
+                        // 继续加载数据（会自动添加到末尾）
+                        this.getAlarmData();
+                    }
+                    else {
+                        this.hasMoreData = false;
+                        this.setStatusAsNormal();
+                    }
+                }
+            }, error => {
+                this.isLoadingNextPage = false;
+                this.setStatusAsNormal();
+                this.logger.error('Failed to get alarm data:', error);
+            });
+        }, 500);
+    }
+    initDisplayContainer() {
+        var _a;
+        const elementHeight = this.model.size.height;
+        const elementWidth = this.model.size.width;
+        // 创建foreignObject作为容器
+        this.element = document.createElementNS('http://www.w3.org/2000/svg', 'foreignObject');
+        this.element.setAttribute('width', elementWidth.toString());
+        this.element.setAttribute('height', elementHeight.toString());
+        this.$element.append(this.element);
+        // 创建背景容器，应用headerFillColor背景色
+        this.container = document.createElement('div');
+        this.container.style.cssText = `
+            height: ${elementHeight}px;
+            width: 100%;
+            background-color: ${((_a = this.model.generalSetting) === null || _a === void 0 ? void 0 : _a.headerFillColor) || '#ffffff'};
+            display: flex;
+            align-items: center;
+            overflow: hidden;
+            position: relative;
+            border: 1px solid #8ea0aa;
+        `;
+        this.element.appendChild(this.container);
+        // 创建一个大容器来包含所有告警项，初始位置在左侧
+        this.allAlarmsContainer = document.createElement('div');
+        this.allAlarmsContainer.style.cssText = `
+            position: absolute;
+            left: 0px;
+            top: 50%;
+            transform: translateY(-50%);
+            display: flex;
+            align-items: center;
+            gap: 80px;
+        `;
+        this.container.appendChild(this.allAlarmsContainer);
+        // 添加鼠标悬停暂停和恢复滚动功能
+        this.container.addEventListener('mouseenter', () => this.pauseScroll());
+        this.container.addEventListener('mouseleave', () => this.resumeScroll());
+    }
+    renderNewPage(pageData) {
+        let pageWidth = 0;
+        // 为每个告警数据创建文本容器
+        pageData.forEach((alarm) => {
+            var _a, _b, _c, _d, _e, _f, _g, _h;
+            // 创建告警文本容器
+            const textContainer = document.createElement('div');
+            textContainer.style.cssText = `
+                font: ${this.fontString};
+                color: ${this.headerFont.color || '#E95F5F'};
+                white-space: nowrap;
+                overflow: visible;
+            `;
+            // 构建告警信息内容，根据配置决定显示哪些字段
+            const contentParts = [];
+            // 显示触发时间
+            if (((_a = this.model.generalSetting) === null || _a === void 0 ? void 0 : _a.showTriggerTime) && alarm.triggeredTime) {
+                const formattedTime = moment(alarm.triggeredTime).format('YYYY/MM/DD HH:mm:ss');
+                contentParts.push(formattedTime);
+            }
+            // 获取当前语言环境
+            const language = ((_d = (_c = (_b = window.abp) === null || _b === void 0 ? void 0 : _b.localization) === null || _c === void 0 ? void 0 : _c.currentLanguage) === null || _d === void 0 ? void 0 : _d.name) || 'zh-Hans';
+            const isChinese = language === 'zh-Hans' || language === 'zh';
+            // 显示告警等级
+            if (((_e = this.model.generalSetting) === null || _e === void 0 ? void 0 : _e.showAlarmLevel) && alarm.alarmLevel !== undefined) {
+                const levelMap = isChinese ? ['警告', '次要', '主要', '严重'] : ['Warning', 'Minor', 'Major', 'Critical'];
+                const alarmLevel = levelMap[alarm.alarmLevel] || (isChinese ? '警告' : 'Warning');
+                contentParts.push(alarmLevel);
+            }
+            // 显示告警名称
+            if (((_f = this.model.generalSetting) === null || _f === void 0 ? void 0 : _f.showAlarmName) && alarm.name) {
+                contentParts.push(alarm.name);
+            }
+            // 显示告警状态
+            if (((_g = this.model.generalSetting) === null || _g === void 0 ? void 0 : _g.showAlarmState) && alarm.state !== undefined) {
+                const stateMap = isChinese ? ['触发/未确认', '触发/已确认', '恢复/未确认', '恢复/已确认'] : ['Triggered/Unconfirmed', 'Triggered/Confirmed', 'Restored/Unconfirmed', 'Restored/Confirmed'];
+                const alarmState = stateMap[alarm.state] || (isChinese ? '触发/未确认' : 'Triggered/Unconfirmed');
+                contentParts.push(alarmState);
+            }
+            // 显示告警内容
+            if (((_h = this.model.generalSetting) === null || _h === void 0 ? void 0 : _h.showAlarmContent) && alarm.message) {
+                contentParts.push(alarm.message);
+            }
+            // 将所有显示字段用空格连接，确保一行显示
+            const textContent = contentParts.join(' ');
+            textContainer.textContent = textContent;
+            this.allAlarmsContainer.appendChild(textContainer);
+            // 计算文本宽度
+            const textWidth = textContainer.offsetWidth;
+            pageWidth += textWidth + 80; // 80是gap大小
+        });
+        // 移除最后一个gap
+        if (pageWidth > 0) {
+            pageWidth -= 80;
+        }
+        // 保存页宽度
+        this.pageWidths.push(pageWidth);
+        this.totalWidth += pageWidth;
+    }
+    removeOldestPage() {
+        // 移除最旧的一页数据
+        this.displayedItems.splice(0, this.maxResultCount);
+        const oldPageWidth = this.pageWidths.shift() || 0;
+        // 更新总宽度
+        this.totalWidth -= oldPageWidth;
+        // 从DOM中移除最旧的元素
+        const elementsToRemove = Array.from(this.allAlarmsContainer.children).slice(0, this.maxResultCount);
+        elementsToRemove.forEach(element => {
+            this.allAlarmsContainer.removeChild(element);
+        });
+        // 调整当前left位置（保持视觉位置不变）- 这里需要等DOM更新完成后再调整
+        requestAnimationFrame(() => {
+            this.currentLeft += oldPageWidth;
+            this.allAlarmsContainer.style.left = `${this.currentLeft}px`;
+        });
+    }
+    resetToFirstPage() {
+        // 重置到第一页，但保持现有数据和位置（无缝循环）
+        this.currentPage = 1;
+        this.hasMoreData = true;
+        // 直接加载第一页数据，不需要清空现有内容
+        this.getAlarmData();
+    }
+    scrollContent() {
+        if (this.displayedItems.length <= 0)
+            return;
+        // 每次滚动的距离
+        const scrollStep = 2; // 减小滚动步长，使滚动更平滑
+        // 更新位置 - 从右往左滚动
+        this.currentLeft -= scrollStep;
+        // 检查是否需要加载下一页
+        if (this.hasMoreData && !this.isLoadingNextPage) {
+            const currentPosition = Math.abs(this.currentLeft);
+            const loadedWidth = this.totalWidth - (this.pageWidths[this.pageWidths.length - 1] || 0);
+            // 当滚动到已加载内容的60%时，加载下一页（提前预加载，确保无缝衔接）
+            if (currentPosition > loadedWidth * 0.6) {
+                this.getAlarmData();
+            }
+        }
+        // 如果所有内容完全滚动出容器左侧，根据autoCycle决定是否重置
+        // 添加额外的偏移量(比如100px)，确保最后两个字也能完全滚出视图
+        if (Math.abs(this.currentLeft) > this.totalWidth + 100) {
+            if (this.autoCycle) {
+                if (this.hasMoreData) {
+                    // 加载下一页
+                    this.getAlarmData();
+                }
+                else {
+                    // 重置到第一页
+                    this.resetToFirstPage();
+                }
+                // 计算新加载页面的宽度（如果有）
+                const newPageWidth = this.pageWidths[this.pageWidths.length - 1] || 0;
+                // 设置位置到新加载页面的起始位置，实现无缝衔接
+                this.currentLeft = -(this.totalWidth - newPageWidth);
+                this.allAlarmsContainer.style.left = `${this.currentLeft}px`;
+            }
+            else {
+                // 非循环滚动：停止滚动
+                clearInterval(this.scrollIntervalId);
+                this.isScrolling = false;
+            }
+        }
+        else {
+            this.allAlarmsContainer.style.left = `${this.currentLeft}px`;
+        }
+    }
+    initScrolling() {
+        clearInterval(this.scrollIntervalId);
+        // 如果没有滚动设置或自动播放为false，则不启动滚动
+        if (this.displayedItems.length === 0) {
+            return;
+        }
+        const scrollInterval = 100; // 默认100ms，滚动更流畅
+        // 如果当前位置在容器右侧，延迟启动滚动确保内容渲染完成
+        if (this.currentLeft > this.container.clientWidth * 0.5) {
+            setTimeout(() => {
+                this.isScrolling = true;
+                this.scrollIntervalId = setInterval(() => {
+                    if (this.isScrolling) {
+                        this.scrollContent();
+                    }
+                }, scrollInterval);
+            }, 500);
+        }
+        else {
+            this.isScrolling = true;
+            this.scrollIntervalId = setInterval(() => {
+                if (this.isScrolling) {
+                    this.scrollContent();
+                }
+            }, scrollInterval);
+        }
+    }
+    pauseScroll() {
+        this.isScrolling = false;
+    }
+    resumeScroll() {
+        this.isScrolling = true;
+    }
+    updateQueryTimeRange() {
+        this.endTime = moment();
+        console.log(this.model.generalSetting, 1);
+        switch (this.model.generalSetting.displayPeriod) {
+            case 1:
+                this.startTime = moment().subtract(1, 'hours');
+                break;
+            case 3:
+                this.startTime = moment().subtract(7, 'days');
+                break;
+            case 4:
+                this.startTime = moment().subtract(30, 'days');
+                break;
+            case 5:
+                this.startTime = moment().subtract(1, 'years');
+                break;
+            case 6:
+                this.startTime = moment().subtract(30, 'minutes');
+                break;
+            case 7:
+                this.startTime = moment().subtract(8, 'hours');
+                break;
+            default:
+                this.startTime = moment().subtract(1, 'days');
+        }
+    }
+    setStatusAsNormal() {
+        this.elementStatus = ScrollAlarmElementStatus.Normal;
+        this.clearStatus();
+    }
+    setStatusAsLoading() {
+        this.elementStatus = ScrollAlarmElementStatus.Loading;
+        this.renderStatus('assets/img/loading.svg', '#226abc');
+    }
+    renderStatus(icon, stroke) {
+        if (this.elementStatus === ScrollAlarmElementStatus.Normal) {
+            this.clearStatus();
+            return;
+        }
+        this.rootElement.append('rect').attr('id', 'StateFrame').attr('fill', 'transparent')
+            .attr('width', this.model.size.width)
+            .attr('height', this.model.size.height);
+        const document = this.$element[0].ownerDocument;
+        const currentRect = this.$element.find('rect#StateFrame').first();
+        if (!currentRect.length) {
+            return;
+        }
+        this.$element.find('image#StateImage').remove();
+        const imgObj = document.createElementNS('http://www.w3.org/2000/svg', 'image');
+        if (imgObj) {
+            let x = Number(currentRect[0].getAttribute('width')) - 20;
+            const currentRectX = currentRect[0].getAttribute('x');
+            if (currentRectX !== null) {
+                x += Number(currentRectX);
+            }
+            currentRect[0].setAttribute('stroke', stroke);
+            currentRect[0].setAttribute('stroke-opacity', '0.5');
+            imgObj.href.baseVal = icon;
+            imgObj.setAttributeNS(null, 'id', 'StateImage');
+            imgObj.setAttributeNS(null, 'x', x.toString());
+            imgObj.setAttributeNS(null, 'y', '0');
+            imgObj.setAttributeNS(null, 'height', '20px');
+            imgObj.setAttributeNS(null, 'width', '20px');
+            const titleElement = document.createElementNS('http://www.w3.org/2000/svg', 'title');
+            imgObj.appendChild(titleElement);
+            this.$element.append(imgObj);
+        }
+    }
+    clearStatus() {
+        const currentRect = this.$element.find('rect#StateFrame').first();
+        if (!currentRect.length) {
+            return;
+        }
+        const stroke = currentRect[0].getAttribute('stroke');
+        if (stroke) {
+            currentRect[0].removeAttribute('stroke');
+        }
+        this.$element.find('image#StateImage').remove();
+    }
+}
+
 // CONCATENATED MODULE: ./.tmp/elements/main-element.ts
 
 
@@ -41361,6 +41785,7 @@ class alarm_element_AlarmElement extends conditional_display_element_Conditional
 
 
 
+
 
 
 class main_element_MainElement {
@@ -41467,6 +41892,9 @@ class main_element_MainElement {
                 case shared["d" /* GuiConsts */].components.alarmKey:
                     this.elements.push(new alarm_element_AlarmElement(element, this.injector, this.context.permissionChecker, this.variableCommunicator, this.context.configStore.variableStore, this.context.configStore.alarmsStore, this.signalRAppId));
                     break;
+                case shared["d" /* GuiConsts */].components.scrollAlarmKey:
+                    this.elements.push(new scroll_alarm_element_ScrollAlarmElement(element, this.injector, this.context.permissionChecker, this.variableCommunicator, this.context.configStore.variableStore, this.context.configStore.alarmsStore, this.signalRAppId));
+                    break;
             }
         });
         this.initBackground();
@@ -41632,7 +42060,7 @@ class main_element_MainElement {
         Object(lodash["each"])(this.elements, e => {
             if (e instanceof historical_curve_element_HistoricalCurveElement || e instanceof video_element_VideoElement
                 || e instanceof weater_element_WeatherElement || e instanceof numerical_display_element_NumericalDisplayElement || e instanceof text_element_TextElement
-                || e instanceof air_quality_element_AirQualityElement) {
+                || e instanceof air_quality_element_AirQualityElement || e instanceof scroll_alarm_element_ScrollAlarmElement) {
                 e.dispose();
             }
         });
@@ -42073,7 +42501,7 @@ var shared = __webpack_require__(5);
 // EXTERNAL MODULE: ./.tmp/view/view.service.ts
 var view_service = __webpack_require__(26);
 
-// EXTERNAL MODULE: ./.tmp/gui/gui-view.ts + 125 modules
+// EXTERNAL MODULE: ./.tmp/gui/gui-view.ts + 126 modules
 var gui_view = __webpack_require__(31);
 
 // EXTERNAL MODULE: external "rxjs/operators"
@@ -42820,7 +43248,7 @@ nv.dom = {}; //DOM manipulation functions
 
 // Node/CommonJS - require D3
 if (typeof(module) !== 'undefined' && typeof(exports) !== 'undefined' && typeof(d3) == 'undefined') {
-    d3 = __webpack_require__(24);
+    d3 = __webpack_require__(21);
 }
 
 nv.dispatch = d3.dispatch('render_start', 'render_end');
@@ -62287,7 +62715,7 @@ nv.version = "1.8.6-dev";
 "use strict";
 
 // EXTERNAL MODULE: ./node_modules/rxjs/node_modules/tslib/tslib.es6.js
-var tslib_es6 = __webpack_require__(12);
+var tslib_es6 = __webpack_require__(13);
 
 // EXTERNAL MODULE: ./node_modules/rxjs/_esm5/internal/Observable.js + 3 modules
 var Observable = __webpack_require__(14);
@@ -62296,7 +62724,7 @@ var Observable = __webpack_require__(14);
 var Subscriber = __webpack_require__(28);
 
 // EXTERNAL MODULE: ./node_modules/rxjs/_esm5/internal/Subscription.js + 1 modules
-var Subscription = __webpack_require__(23);
+var Subscription = __webpack_require__(24);
 
 // CONCATENATED MODULE: ./node_modules/rxjs/_esm5/internal/util/ObjectUnsubscribedError.js
 /** PURE_IMPORTS_START  PURE_IMPORTS_END */
@@ -63702,7 +64130,7 @@ var $$rxSubscriber = rxSubscriber;
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return empty; });
-/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(22);
+/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(23);
 /* harmony import */ var _util_hostReportError__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(34);
 /** PURE_IMPORTS_START _config,_util_hostReportError PURE_IMPORTS_END */
 
@@ -63730,7 +64158,7 @@ var empty = {
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return scheduleArray; });
 /* harmony import */ var _Observable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(14);
-/* harmony import */ var _Subscription__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(23);
+/* harmony import */ var _Subscription__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(24);
 /** PURE_IMPORTS_START _Observable,_Subscription PURE_IMPORTS_END */
 
 
@@ -64055,7 +64483,7 @@ var Subject = __webpack_require__(39);
 var operators_ = __webpack_require__(16);
 
 // EXTERNAL MODULE: ./.tmp/config/index.ts + 11 modules
-var _tmp_config = __webpack_require__(13);
+var _tmp_config = __webpack_require__(11);
 
 // EXTERNAL MODULE: ./.tmp/core/stringifying-map.ts
 var stringifying_map = __webpack_require__(29);
@@ -64809,10 +65237,10 @@ class RelationConditionResult {
 }
 
 // EXTERNAL MODULE: ./.tmp/model/shared/condition/variable-value-type.ts
-var variable_value_type = __webpack_require__(11);
+var variable_value_type = __webpack_require__(12);
 
 // EXTERNAL MODULE: ./.tmp/model/shared/condition/relation-type.ts
-var relation_type = __webpack_require__(21);
+var relation_type = __webpack_require__(22);
 
 // CONCATENATED MODULE: ./.tmp/model/shared/condition/word-condition-item-observer.ts
 
@@ -66323,7 +66751,7 @@ var Observable = __webpack_require__(14);
 var isScheduler = __webpack_require__(50);
 
 // EXTERNAL MODULE: ./node_modules/rxjs/node_modules/tslib/tslib.es6.js
-var tslib_es6 = __webpack_require__(12);
+var tslib_es6 = __webpack_require__(13);
 
 // EXTERNAL MODULE: ./node_modules/rxjs/_esm5/internal/Subscriber.js
 var Subscriber = __webpack_require__(28);
@@ -66579,7 +67007,7 @@ var map_MapSubscriber = /*@__PURE__*/ (function (_super) {
 //# sourceMappingURL=map.js.map
 
 // EXTERNAL MODULE: ./node_modules/rxjs/_esm5/internal/Subscription.js + 1 modules
-var Subscription = __webpack_require__(23);
+var Subscription = __webpack_require__(24);
 
 // CONCATENATED MODULE: ./node_modules/rxjs/_esm5/internal/scheduled/scheduleObservable.js
 /** PURE_IMPORTS_START _Observable,_Subscription,_symbol_observable PURE_IMPORTS_END */
@@ -84759,7 +85187,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(43);
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "StringifyingMap", function() { return _core__WEBPACK_IMPORTED_MODULE_3__["a"]; });
 
-/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(13);
+/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(11);
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ConfigStore", function() { return _config__WEBPACK_IMPORTED_MODULE_4__["b"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Graph", function() { return _config__WEBPACK_IMPORTED_MODULE_4__["f"]; });