ngx-auto-logout 1.0.0

package/dist/fesm5/ngx-auto-logout.js

@@ -0,0 +1,643 @@
+import { InjectionToken, NgZone, ɵɵdefineInjectable, ɵɵinject, Injectable, EventEmitter, Input, Output, Component, NgModule } from '@angular/core';
+import { __assign, __decorate } from 'tslib';
+import { BehaviorSubject, interval } from 'rxjs';
+import { CommonModule } from '@angular/common';
+
+/**
+ * 默认配置
+ */
+var DEFAULT_AUTO_LOGOUT_CONFIG = {
+    mode: 'fixed',
+    timeout: 300,
+    warningTime: 30,
+    maxExtendTimes: -1,
+};
+
+/**
+ * InjectionToken for auto logout configuration
+ * Extracted to a separate file to avoid Angular 9 Ivy compilation scope issues
+ */
+var AUTO_LOGOUT_CONFIG = new InjectionToken('AutoLogoutConfig');
+
+/**
+ * Auto logout service
+ * Angular 9 compatible: use providedIn: 'root' (official pattern)
+ */
+var AutoLogoutService = /** @class */ (function () {
+    /**
+     * Constructor
+     * Note: Do NOT use @Inject() here, it causes DI errors in Angular 9 VE
+     * Config should be passed via startMonitoring() method instead
+     */
+    function AutoLogoutService(ngZone) {
+        this.ngZone = ngZone;
+        // 配置是否已初始化
+        this.isConfigInitialized = false;
+        // localStorage 键名
+        this.LOGIN_TIME_KEY = 'autoLogout_loginTime';
+        this.LAST_ACTIVITY_KEY = 'autoLogout_lastActivity';
+        this.EXTEND_COUNT_KEY = 'autoLogout_extendCount';
+        this.PAUSE_STATE_KEY = 'autoLogout_pauseState';
+        this.lastActivityTime = Date.now();
+        this.countdownValue = 0;
+        this.countdownSubject = new BehaviorSubject(0);
+        this.timerSubscription = null;
+        this.activityListeners = [];
+        this.warningShown = false;
+        // 是否启用活动监听
+        this.enableActivityTracking = false;
+        // 暂停状态
+        this.isPaused = false;
+        this.pauseStartTime = 0;
+        this.pausedRemainingTime = 0;
+        // Use default config, will be overridden by startMonitoring()
+        this.currentConfig = __assign({}, DEFAULT_AUTO_LOGOUT_CONFIG);
+        this.countdownValue = Math.floor(this.currentConfig.timeout);
+        this.countdownSubject = new BehaviorSubject(this.countdownValue);
+    }
+    AutoLogoutService.prototype.getCountdown = function () {
+        return this.countdownSubject.asObservable();
+    };
+    /**
+     * 启动自动登出监控
+     */
+    AutoLogoutService.prototype.startMonitoring = function (config, enableTracking) {
+        var _this = this;
+        if (enableTracking === void 0) { enableTracking = false; }
+        this.stopMonitoring();
+        if (config) {
+            this.currentConfig = __assign(__assign({}, this.currentConfig), config);
+        }
+        // 恢复暂停状态
+        this.restorePauseState();
+        if (this.isPaused) {
+            return;
+        }
+        // 根据模式初始化
+        if (this.currentConfig.mode === 'fixed') {
+            this.initFixedMode();
+        }
+        else {
+            this.initIdleMode(enableTracking);
+        }
+        this.warningShown = false;
+        // 启动定时器
+        this.ngZone.runOutsideAngular(function () {
+            _this.timerSubscription = interval(1000).subscribe(function () {
+                _this.updateCountdown();
+            });
+        });
+    };
+    /**
+     * 停止监控
+     */
+    AutoLogoutService.prototype.stopMonitoring = function () {
+        if (this.timerSubscription) {
+            this.timerSubscription.unsubscribe();
+            this.timerSubscription = null;
+        }
+        this.removeActivityListeners();
+    };
+    /**
+     * 清除登录时间
+     */
+    AutoLogoutService.prototype.clearLoginTime = function () {
+        localStorage.removeItem(this.LOGIN_TIME_KEY);
+        localStorage.removeItem(this.LAST_ACTIVITY_KEY);
+        this.resetExtendCount();
+        this.clearPauseState();
+    };
+    /**
+     * 延长会话
+     */
+    AutoLogoutService.prototype.extendSession = function (extendSeconds) {
+        if (extendSeconds === void 0) { extendSeconds = 1800; }
+        if (this.isMaxExtendReached()) {
+            console.warn('已达到最大延长次数');
+            return false;
+        }
+        if (this.currentConfig.mode === 'fixed') {
+            this.lastActivityTime -= extendSeconds * 1000;
+        }
+        else {
+            this.resetActivityTimer();
+        }
+        this.incrementExtendCount();
+        if (this.currentConfig.onExtended) {
+            this.currentConfig.onExtended(extendSeconds);
+        }
+        return true;
+    };
+    /**
+     * 检查是否可以延长
+     */
+    AutoLogoutService.prototype.canExtendSession = function () {
+        return !this.isMaxExtendReached() && !this.isPaused;
+    };
+    /**
+     * 获取剩余可延长次数
+     */
+    AutoLogoutService.prototype.getRemainingExtendTimes = function () {
+        if (this.currentConfig.maxExtendTimes === -1 || this.currentConfig.maxExtendTimes === undefined) {
+            return -1;
+        }
+        var usedCount = this.getExtendCount();
+        return Math.max(0, this.currentConfig.maxExtendTimes - usedCount);
+    };
+    /**
+     * 获取最后操作时间显示
+     */
+    AutoLogoutService.prototype.getLastActivityDisplay = function () {
+        if (this.currentConfig.mode !== 'idle') {
+            return '';
+        }
+        var lastActivity = this.getLastActivityTime();
+        if (!lastActivity) {
+            return '';
+        }
+        var minutesAgo = Math.floor((Date.now() - lastActivity) / 60000);
+        if (minutesAgo < 1) {
+            return '刚刚操作';
+        }
+        return minutesAgo + "\u5206\u949F\u524D\u64CD\u4F5C";
+    };
+    /**
+     * 暂停
+     */
+    AutoLogoutService.prototype.pause = function () {
+        if (this.isPaused)
+            return;
+        this.isPaused = true;
+        this.pauseStartTime = Date.now();
+        this.pausedRemainingTime = this.countdownValue;
+        this.stopMonitoring();
+        this.savePauseState();
+        if (this.currentConfig.onPaused) {
+            this.currentConfig.onPaused();
+        }
+    };
+    /**
+     * 恢复
+     */
+    AutoLogoutService.prototype.resume = function () {
+        if (!this.isPaused)
+            return;
+        var pauseDuration = Date.now() - this.pauseStartTime;
+        if (this.currentConfig.mode === 'fixed') {
+            this.lastActivityTime += pauseDuration;
+        }
+        else {
+            this.lastActivityTime += pauseDuration;
+            this.setLastActivityTime(this.lastActivityTime);
+        }
+        this.isPaused = false;
+        this.pauseStartTime = 0;
+        this.pausedRemainingTime = 0;
+        this.clearPauseState();
+        this.startMonitoring(this.currentConfig, this.enableActivityTracking);
+        if (this.currentConfig.onResumed) {
+            this.currentConfig.onResumed();
+        }
+    };
+    /**
+     * 检查是否暂停
+     */
+    AutoLogoutService.prototype.isAutoLogoutPaused = function () {
+        return this.isPaused;
+    };
+    /**
+     * 格式化倒计时
+     */
+    AutoLogoutService.prototype.formatCountdown = function (seconds) {
+        var mins = Math.floor(seconds / 60);
+        var secs = seconds % 60;
+        return mins.toString().padStart(2, '0') + ":" + secs.toString().padStart(2, '0');
+    };
+    /**
+     * 判断是否警告状态
+     */
+    AutoLogoutService.prototype.isWarningState = function (seconds) {
+        var warningTime = this.currentConfig.warningTime || 30;
+        return seconds <= warningTime && seconds > 0;
+    };
+    /**
+     * 判断是否紧急状态（最后10秒）
+     */
+    AutoLogoutService.prototype.isUrgentState = function (seconds) {
+        return seconds <= 10 && seconds > 0;
+    };
+    /**
+     * 获取当前模式
+     */
+    AutoLogoutService.prototype.getCurrentMode = function () {
+        return this.currentConfig.mode;
+    };
+    // ==================== 私有方法 ====================
+    AutoLogoutService.prototype.initFixedMode = function () {
+        var loginTime = this.getLoginTime();
+        if (!loginTime) {
+            this.setLoginTime(Date.now());
+            this.lastActivityTime = Date.now();
+        }
+        else {
+            this.lastActivityTime = loginTime;
+        }
+        this.updateCountdownValue();
+    };
+    AutoLogoutService.prototype.initIdleMode = function (enableTracking) {
+        this.enableActivityTracking = enableTracking || true;
+        var lastActivity = this.getLastActivityTime();
+        if (!lastActivity) {
+            this.setLastActivityTime(Date.now());
+            this.lastActivityTime = Date.now();
+        }
+        else {
+            this.lastActivityTime = lastActivity;
+        }
+        this.registerActivityListeners();
+        this.updateCountdownValue();
+    };
+    AutoLogoutService.prototype.updateCountdownValue = function () {
+        var now = Date.now();
+        var elapsed = now - this.lastActivityTime;
+        var remaining = Math.max(0, Math.floor((this.currentConfig.timeout * 1000 - elapsed) / 1000));
+        this.countdownValue = remaining;
+        this.countdownSubject.next(this.countdownValue);
+    };
+    AutoLogoutService.prototype.updateCountdown = function () {
+        var _this = this;
+        var now = Date.now();
+        var elapsed = now - this.lastActivityTime;
+        var remaining = Math.max(0, Math.floor((this.currentConfig.timeout * 1000 - elapsed) / 1000));
+        if (remaining !== this.countdownValue) {
+            this.countdownValue = remaining;
+            this.ngZone.run(function () {
+                _this.countdownSubject.next(_this.countdownValue);
+            });
+            // 警告回调
+            var warningTime = this.currentConfig.warningTime || 30;
+            if (remaining === warningTime && !this.warningShown) {
+                this.warningShown = true;
+                if (this.currentConfig.onWarning) {
+                    this.currentConfig.onWarning(remaining);
+                }
+            }
+            // 超时回调
+            if (remaining <= 0) {
+                this.performAutoLogout();
+            }
+        }
+    };
+    AutoLogoutService.prototype.performAutoLogout = function () {
+        this.stopMonitoring();
+        this.clearLoginTime();
+        if (this.currentConfig.onTimeout) {
+            this.currentConfig.onTimeout();
+        }
+        else {
+            // 默认行为：导航到登录页
+            // Note: Router navigation removed to avoid DI issues in Angular 9 VE
+            // Use onTimeout callback for custom navigation
+            console.warn('Auto logout timeout - implement custom navigation via onTimeout callback');
+        }
+    };
+    AutoLogoutService.prototype.registerActivityListeners = function () {
+        var _this = this;
+        var events = ['mousedown', 'mousemove', 'keypress', 'scroll', 'touchstart', 'click'];
+        events.forEach(function (event) {
+            var listener = function () { return _this.resetActivityTimer(); };
+            document.addEventListener(event, listener, true);
+            _this.activityListeners.push({ event: event, listener: listener });
+        });
+    };
+    AutoLogoutService.prototype.removeActivityListeners = function () {
+        this.activityListeners.forEach(function (_a) {
+            var event = _a.event, listener = _a.listener;
+            document.removeEventListener(event, listener, true);
+        });
+        this.activityListeners = [];
+    };
+    AutoLogoutService.prototype.resetActivityTimer = function () {
+        if (this.currentConfig.mode === 'idle') {
+            this.lastActivityTime = Date.now();
+            this.setLastActivityTime(this.lastActivityTime);
+            this.updateCountdownValue();
+            this.warningShown = false;
+        }
+    };
+    AutoLogoutService.prototype.isMaxExtendReached = function () {
+        if (this.currentConfig.maxExtendTimes === -1 || this.currentConfig.maxExtendTimes === undefined) {
+            return false;
+        }
+        var usedCount = this.getExtendCount();
+        return usedCount >= this.currentConfig.maxExtendTimes;
+    };
+    AutoLogoutService.prototype.getExtendCount = function () {
+        var countStr = localStorage.getItem(this.EXTEND_COUNT_KEY);
+        return countStr ? parseInt(countStr, 10) : 0;
+    };
+    AutoLogoutService.prototype.incrementExtendCount = function () {
+        var currentCount = this.getExtendCount();
+        localStorage.setItem(this.EXTEND_COUNT_KEY, (currentCount + 1).toString());
+    };
+    AutoLogoutService.prototype.resetExtendCount = function () {
+        localStorage.removeItem(this.EXTEND_COUNT_KEY);
+    };
+    AutoLogoutService.prototype.getLoginTime = function () {
+        var timeStr = localStorage.getItem(this.LOGIN_TIME_KEY);
+        return timeStr ? parseInt(timeStr, 10) : null;
+    };
+    AutoLogoutService.prototype.setLoginTime = function (time) {
+        localStorage.setItem(this.LOGIN_TIME_KEY, time.toString());
+    };
+    AutoLogoutService.prototype.getLastActivityTime = function () {
+        var timeStr = localStorage.getItem(this.LAST_ACTIVITY_KEY);
+        return timeStr ? parseInt(timeStr, 10) : null;
+    };
+    AutoLogoutService.prototype.setLastActivityTime = function (time) {
+        localStorage.setItem(this.LAST_ACTIVITY_KEY, time.toString());
+    };
+    AutoLogoutService.prototype.savePauseState = function () {
+        var state = {
+            isPaused: true,
+            pauseStartTime: this.pauseStartTime,
+            pausedRemainingTime: this.pausedRemainingTime,
+            mode: this.currentConfig.mode,
+            lastActivityTime: this.lastActivityTime
+        };
+        localStorage.setItem(this.PAUSE_STATE_KEY, JSON.stringify(state));
+    };
+    AutoLogoutService.prototype.clearPauseState = function () {
+        localStorage.removeItem(this.PAUSE_STATE_KEY);
+    };
+    AutoLogoutService.prototype.restorePauseState = function () {
+        var stateStr = localStorage.getItem(this.PAUSE_STATE_KEY);
+        if (!stateStr)
+            return;
+        try {
+            var state = JSON.parse(stateStr);
+            if (state.isPaused) {
+                this.isPaused = true;
+                this.pauseStartTime = state.pauseStartTime;
+                this.pausedRemainingTime = state.pausedRemainingTime;
+                this.lastActivityTime = state.lastActivityTime;
+                this.currentConfig.mode = state.mode;
+                if (this.timerSubscription) {
+                    this.timerSubscription.unsubscribe();
+                    this.timerSubscription = null;
+                }
+                this.removeActivityListeners();
+            }
+        }
+        catch (e) {
+            console.error('恢复暂停状态失败:', e);
+            this.clearPauseState();
+        }
+    };
+    AutoLogoutService.ctorParameters = function () { return [
+        { type: NgZone }
+    ]; };
+    AutoLogoutService.ɵprov = ɵɵdefineInjectable({ factory: function AutoLogoutService_Factory() { return new AutoLogoutService(ɵɵinject(NgZone)); }, token: AutoLogoutService, providedIn: "root" });
+    AutoLogoutService = __decorate([
+        Injectable({ providedIn: 'root' })
+    ], AutoLogoutService);
+    return AutoLogoutService;
+}());
+
+var AutoLogoutComponent = /** @class */ (function () {
+    function AutoLogoutComponent(autoLogout) {
+        this.autoLogout = autoLogout;
+        // ==================== 输入属性 ====================
+        /**
+         * 是否显示延长按钮
+         */
+        this.showExtendButton = true;
+        /**
+         * 是否显示暂停按钮
+         */
+        this.showPauseButton = true;
+        /**
+         * 延长的秒数（默认30分钟）
+         */
+        this.extendSeconds = 1800;
+        // ==================== 输出事件 ====================
+        /**
+         * 警告事件
+         */
+        this.onWarning = new EventEmitter();
+        /**
+         * 超时事件
+         */
+        this.onTimeout = new EventEmitter();
+        /**
+         * 延长成功事件
+         */
+        this.onExtended = new EventEmitter();
+        /**
+         * 暂停事件
+         */
+        this.onPaused = new EventEmitter();
+        /**
+         * 恢复事件
+         */
+        this.onResumed = new EventEmitter();
+        // ==================== 内部状态 ====================
+        this.subscription = null;
+        this.countdown = '00:00';
+        this.isWarning = false;
+        this.isUrgent = false;
+        this.isPaused = false;
+        this.canExtend = true;
+        this.remainingExtends = -1;
+    }
+    AutoLogoutComponent.prototype.ngOnInit = function () {
+        var _this = this;
+        // 如果提供了自定义配置，启动监控
+        if (this.config) {
+            this.autoLogout.startMonitoring(this.config);
+        }
+        // 订阅倒计时
+        this.subscription = this.autoLogout.getCountdown().subscribe(function (seconds) {
+            var _a;
+            _this.countdown = _this.autoLogout.formatCountdown(seconds);
+            _this.isWarning = _this.autoLogout.isWarningState(seconds);
+            _this.isUrgent = _this.autoLogout.isUrgentState(seconds);
+            // 触发警告事件
+            var warningTime = ((_a = _this.config) === null || _a === void 0 ? void 0 : _a.warningTime) || 30;
+            if (seconds === warningTime) {
+                _this.onWarning.emit(seconds);
+            }
+            // 触发超时事件
+            if (seconds <= 0) {
+                _this.onTimeout.emit();
+            }
+        });
+        // 定期检查状态
+        setInterval(function () {
+            _this.updateStatus();
+        }, 1000);
+        this.updateStatus();
+    };
+    AutoLogoutComponent.prototype.ngOnDestroy = function () {
+        if (this.subscription) {
+            this.subscription.unsubscribe();
+        }
+    };
+    // ==================== 公开方法 ====================
+    /**
+     * 延长会话
+     */
+    AutoLogoutComponent.prototype.extendSession = function () {
+        this.handleExtend();
+    };
+    /**
+     * 暂停
+     */
+    AutoLogoutComponent.prototype.pause = function () {
+        this.handleTogglePause();
+    };
+    /**
+     * 恢复
+     */
+    AutoLogoutComponent.prototype.resume = function () {
+        this.handleTogglePause();
+    };
+    Object.defineProperty(AutoLogoutComponent.prototype, "templateContext", {
+        /**
+         * 获取模板上下文（用于自定义模板）
+         */
+        get: function () {
+            var _this = this;
+            return {
+                countdown: this.countdown,
+                isWarning: this.isWarning,
+                isUrgent: this.isUrgent,
+                isPaused: this.isPaused,
+                canExtend: this.canExtend,
+                remainingExtends: this.remainingExtends,
+                extendSession: function () { return _this.handleExtend(); },
+                togglePause: function () { return _this.handleTogglePause(); },
+                formatCountdown: function (seconds) { return _this.autoLogout.formatCountdown(seconds); }
+            };
+        },
+        enumerable: true,
+        configurable: true
+    });
+    // ==================== 内部方法 ====================
+    AutoLogoutComponent.prototype.updateStatus = function () {
+        this.isPaused = this.autoLogout.isAutoLogoutPaused();
+        this.canExtend = this.autoLogout.canExtendSession();
+        this.remainingExtends = this.autoLogout.getRemainingExtendTimes();
+    };
+    /**
+     * 处理延长会话（模板调用）
+     */
+    AutoLogoutComponent.prototype.handleExtend = function () {
+        var success = this.autoLogout.extendSession(this.extendSeconds);
+        if (success) {
+            this.onExtended.emit(this.extendSeconds);
+        }
+        this.updateStatus();
+    };
+    /**
+     * 处理暂停/恢复切换（模板调用）
+     */
+    AutoLogoutComponent.prototype.handleTogglePause = function () {
+        if (this.isPaused) {
+            this.autoLogout.resume();
+            this.onResumed.emit();
+        }
+        else {
+            this.autoLogout.pause();
+            this.onPaused.emit();
+        }
+        this.updateStatus();
+    };
+    AutoLogoutComponent.ctorParameters = function () { return [
+        { type: AutoLogoutService }
+    ]; };
+    __decorate([
+        Input()
+    ], AutoLogoutComponent.prototype, "showExtendButton", void 0);
+    __decorate([
+        Input()
+    ], AutoLogoutComponent.prototype, "showPauseButton", void 0);
+    __decorate([
+        Input()
+    ], AutoLogoutComponent.prototype, "extendSeconds", void 0);
+    __decorate([
+        Input()
+    ], AutoLogoutComponent.prototype, "config", void 0);
+    __decorate([
+        Input()
+    ], AutoLogoutComponent.prototype, "customTemplate", void 0);
+    __decorate([
+        Output()
+    ], AutoLogoutComponent.prototype, "onWarning", void 0);
+    __decorate([
+        Output()
+    ], AutoLogoutComponent.prototype, "onTimeout", void 0);
+    __decorate([
+        Output()
+    ], AutoLogoutComponent.prototype, "onExtended", void 0);
+    __decorate([
+        Output()
+    ], AutoLogoutComponent.prototype, "onPaused", void 0);
+    __decorate([
+        Output()
+    ], AutoLogoutComponent.prototype, "onResumed", void 0);
+    AutoLogoutComponent = __decorate([
+        Component({
+            selector: 'ngx-auto-logout',
+            template: "\n    <!-- \u9ED8\u8BA4UI\u6A21\u5F0F\uFF08\u50BB\u74DC\u6A21\u5F0F\uFF09 -->\n    <div *ngIf=\"!customTemplate\" class=\"ngx-auto-logout-container\">\n      <!-- \u5012\u8BA1\u65F6\u663E\u793A -->\n      <div class=\"countdown-display\" [class.warning]=\"isWarning\" [class.urgent]=\"isUrgent\" [class.paused]=\"isPaused\">\n        <span class=\"icon\">{{ isPaused ? '\u23F8\uFE0F' : '\u23F1\uFE0F' }}</span>\n        <span class=\"time\">{{ countdown }}</span>\n        <span *ngIf=\"isPaused\" class=\"pause-label\">(\u5DF2\u6682\u505C)</span>\n      </div>\n\n      <!-- \u63A7\u5236\u6309\u94AE -->\n      <div class=\"controls\">\n        <!-- \u5EF6\u957F\u4F1A\u8BDD\u6309\u94AE -->\n        <button *ngIf=\"showExtendButton && canExtend\" class=\"btn btn-extend\" (click)=\"handleExtend()\" [disabled]=\"!canExtend\" title=\"\u5EF6\u957F30\u5206\u949F\">\n          \u2795 \u5EF6\u957F\n          <span *ngIf=\"remainingExtends !== -1\" class=\"extend-count\"> ({{ remainingExtends }}) </span>\n        </button>\n\n        <!-- \u6682\u505C/\u6062\u590D\u6309\u94AE -->\n        <button\n          *ngIf=\"showPauseButton\"\n          class=\"btn btn-pause\"\n          [class.paused]=\"isPaused\"\n          (click)=\"handleTogglePause()\"\n          [title]=\"isPaused ? '\u6062\u590D\u81EA\u52A8\u767B\u51FA' : '\u6682\u505C\u81EA\u52A8\u767B\u51FA'\"\n        >\n          {{ isPaused ? '\u25B6\uFE0F \u6062\u590D' : '\u23F8\uFE0F \u6682\u505C' }}\n        </button>\n      </div>\n    </div>\n\n    <!-- \u81EA\u5B9A\u4E49\u6A21\u677F\u6A21\u5F0F\uFF08\u4E13\u5BB6\u6A21\u5F0F\uFF09 -->\n    <ng-container *ngIf=\"customTemplate\">\n      <ng-container [ngTemplateOutlet]=\"customTemplate\" [ngTemplateOutletContext]=\"templateContext\"></ng-container>\n    </ng-container>\n  ",
+            styles: ["\n      .ngx-auto-logout-container {\n        display: inline-flex;\n        align-items: center;\n        gap: 12px;\n        padding: 8px 12px;\n        background: #f8f9fa;\n        border-radius: 6px;\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n      }\n\n      .countdown-display {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        padding: 6px 12px;\n        background: white;\n        border-radius: 4px;\n        font-weight: bold;\n        font-size: 16px;\n        transition: all 0.3s ease;\n      }\n\n      .countdown-display.warning {\n        background: #fff3cd;\n        color: #856404;\n        animation: blink-warning 1s ease-in-out infinite;\n      }\n\n      .countdown-display.urgent {\n        background: #f8d7da;\n        color: #721c24;\n        animation: blink-urgent 0.5s ease-in-out infinite;\n      }\n\n      .countdown-display.paused {\n        opacity: 0.6;\n        background: #e9ecef;\n      }\n\n      .icon {\n        font-size: 18px;\n      }\n\n      .time {\n        min-width: 50px;\n        text-align: center;\n      }\n\n      .pause-label {\n        font-size: 12px;\n        color: #6c757d;\n        font-weight: normal;\n      }\n\n      .controls {\n        display: flex;\n        gap: 8px;\n      }\n\n      .btn {\n        padding: 6px 12px;\n        font-size: 13px;\n        border: none;\n        border-radius: 4px;\n        cursor: pointer;\n        transition: all 0.2s;\n        font-weight: 500;\n      }\n\n      .btn-extend {\n        background: #28a745;\n        color: white;\n      }\n\n      .btn-extend:hover:not(:disabled) {\n        background: #218838;\n        transform: translateY(-1px);\n      }\n\n      .btn-extend:disabled {\n        background: #ccc;\n        cursor: not-allowed;\n        opacity: 0.6;\n      }\n\n      .btn-pause {\n        background: #007bff;\n        color: white;\n      }\n\n      .btn-pause:hover {\n        background: #0056b3;\n        transform: translateY(-1px);\n      }\n\n      .btn-pause.paused {\n        background: #ffc107;\n        color: #212529;\n      }\n\n      .extend-count {\n        font-size: 11px;\n        opacity: 0.9;\n      }\n\n      @keyframes blink-warning {\n        0%,\n        100% {\n          opacity: 1;\n        }\n        50% {\n          opacity: 0.7;\n        }\n      }\n\n      @keyframes blink-urgent {\n        0%,\n        100% {\n          opacity: 1;\n          transform: scale(1);\n        }\n        50% {\n          opacity: 0.6;\n          transform: scale(1.05);\n        }\n      }\n    "]
+        })
+    ], AutoLogoutComponent);
+    return AutoLogoutComponent;
+}());
+
+/**
+ * Auto logout module
+ * Note: Service uses providedIn: 'root', module only declares/exports component
+ */
+var AutoLogoutModule = /** @class */ (function () {
+    function AutoLogoutModule() {
+    }
+    AutoLogoutModule_1 = AutoLogoutModule;
+    AutoLogoutModule.forRoot = function () {
+        return {
+            ngModule: AutoLogoutModule_1,
+            providers: []
+        };
+    };
+    var AutoLogoutModule_1;
+    AutoLogoutModule = AutoLogoutModule_1 = __decorate([
+        NgModule({
+            declarations: [AutoLogoutComponent],
+            imports: [CommonModule],
+            exports: [AutoLogoutComponent]
+        })
+    ], AutoLogoutModule);
+    return AutoLogoutModule;
+}());
+
+/**
+ * 提供自动登出配置（Angular 15+ Standalone）
+ */
+function provideAutoLogout(config) {
+    return {
+        provide: AUTO_LOGOUT_CONFIG,
+        useValue: config
+    };
+}
+
+/*
+ * Public API Surface of auto-logout
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AUTO_LOGOUT_CONFIG, AutoLogoutComponent, AutoLogoutModule, AutoLogoutService, DEFAULT_AUTO_LOGOUT_CONFIG, provideAutoLogout };
+//# sourceMappingURL=ngx-auto-logout.js.map