@uptime.link/statuspage 1.0.74 → 1.2.0

package/dist_ts_web/elements/upl-statuspage-pagetitle.d.ts

@@ -0,0 +1,15 @@
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+declare global {
+    interface HTMLElementTagNameMap {
+        'upl-statuspage-pagetitle': UplStatuspagePagetitle;
+    }
+}
+export declare class UplStatuspagePagetitle extends DeesElement {
+    static demo: () => TemplateResult<1>;
+    accessor pageTitle: string;
+    accessor pageSubtitle: string;
+    accessor centered: boolean;
+    constructor();
+    static styles: import("@design.estate/dees-element").CSSResult[];
+    render(): TemplateResult;
+}

package/dist_ts_web/elements/upl-statuspage-pagetitle.demo.d.ts

@@ -0,0 +1 @@
+export declare const demoFunc: () => import("@design.estate/dees-element").TemplateResult<1>;

package/dist_ts_web/elements/upl-statuspage-pagetitle.demo.js

@@ -0,0 +1,25 @@
+import { html } from '@design.estate/dees-element';
+export const demoFunc = () => html `
+  <style>
+    .demo-container {
+      background: #fafafa;
+      padding: 40px 0;
+      min-height: 400px;
+    }
+  </style>
+  <div class="demo-container">
+    <upl-statuspage-pagetitle 
+      .pageTitle=${'System Status'}
+      .pageSubtitle=${'Real-time operational status and incident reports for all services'}
+    ></upl-statuspage-pagetitle>
+    
+    <br>
+    
+    <upl-statuspage-pagetitle 
+      .pageTitle=${'API Documentation'}
+      .pageSubtitle=${'Comprehensive guides and references for integrating with our platform'}
+      .centered=${true}
+    ></upl-statuspage-pagetitle>
+  </div>
+`;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsLXN0YXR1c3BhZ2UtcGFnZXRpdGxlLmRlbW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvdXBsLXN0YXR1c3BhZ2UtcGFnZXRpdGxlLmRlbW8udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRW5ELE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7Ozs7Ozs7Ozs7bUJBVWYsZUFBZTtzQkFDWixvRUFBb0U7Ozs7OzttQkFNdkUsbUJBQW1CO3NCQUNoQix1RUFBdUU7a0JBQzNFLElBQUk7OztDQUdyQixDQUFDIn0=

package/dist_ts_web/elements/upl-statuspage-pagetitle.js

@@ -0,0 +1,148 @@
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+import { DeesElement, property, html, customElement, css, cssManager, unsafeCSS } from '@design.estate/dees-element';
+import * as domtools from '@design.estate/dees-domtools';
+import * as sharedStyles from '../styles/shared.styles.js';
+import { demoFunc } from './upl-statuspage-pagetitle.demo.js';
+let UplStatuspagePagetitle = (() => {
+    let _classDecorators = [customElement('upl-statuspage-pagetitle')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _pageTitle_decorators;
+    let _pageTitle_initializers = [];
+    let _pageTitle_extraInitializers = [];
+    let _pageSubtitle_decorators;
+    let _pageSubtitle_initializers = [];
+    let _pageSubtitle_extraInitializers = [];
+    let _centered_decorators;
+    let _centered_initializers = [];
+    let _centered_extraInitializers = [];
+    var UplStatuspagePagetitle = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _pageTitle_decorators = [property({ type: String })];
+            _pageSubtitle_decorators = [property({ type: String })];
+            _centered_decorators = [property({ type: Boolean })];
+            __esDecorate(this, null, _pageTitle_decorators, { kind: "accessor", name: "pageTitle", static: false, private: false, access: { has: obj => "pageTitle" in obj, get: obj => obj.pageTitle, set: (obj, value) => { obj.pageTitle = value; } }, metadata: _metadata }, _pageTitle_initializers, _pageTitle_extraInitializers);
+            __esDecorate(this, null, _pageSubtitle_decorators, { kind: "accessor", name: "pageSubtitle", static: false, private: false, access: { has: obj => "pageSubtitle" in obj, get: obj => obj.pageSubtitle, set: (obj, value) => { obj.pageSubtitle = value; } }, metadata: _metadata }, _pageSubtitle_initializers, _pageSubtitle_extraInitializers);
+            __esDecorate(this, null, _centered_decorators, { kind: "accessor", name: "centered", static: false, private: false, access: { has: obj => "centered" in obj, get: obj => obj.centered, set: (obj, value) => { obj.centered = value; } }, metadata: _metadata }, _centered_initializers, _centered_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            UplStatuspagePagetitle = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static demo = demoFunc;
+        #pageTitle_accessor_storage = __runInitializers(this, _pageTitle_initializers, 'System Status');
+        get pageTitle() { return this.#pageTitle_accessor_storage; }
+        set pageTitle(value) { this.#pageTitle_accessor_storage = value; }
+        #pageSubtitle_accessor_storage = (__runInitializers(this, _pageTitle_extraInitializers), __runInitializers(this, _pageSubtitle_initializers, ''));
+        get pageSubtitle() { return this.#pageSubtitle_accessor_storage; }
+        set pageSubtitle(value) { this.#pageSubtitle_accessor_storage = value; }
+        #centered_accessor_storage = (__runInitializers(this, _pageSubtitle_extraInitializers), __runInitializers(this, _centered_initializers, false));
+        get centered() { return this.#centered_accessor_storage; }
+        set centered(value) { this.#centered_accessor_storage = value; }
+        constructor() {
+            super();
+            __runInitializers(this, _centered_extraInitializers);
+        }
+        static styles = [
+            domtools.elementBasic.staticStyles,
+            css `
+      :host {
+        display: block;
+        font-family: ${unsafeCSS(sharedStyles.fonts.base)};
+      }
+
+      .title-container {
+        max-width: 1200px;
+        margin: 0 auto;
+        padding: ${unsafeCSS(sharedStyles.spacing.lg)};
+      }
+
+      .title-container.centered {
+        text-align: center;
+      }
+
+      h1 {
+        font-size: 48px;
+        font-weight: 700;
+        letter-spacing: -0.03em;
+        line-height: 1.1;
+        color: ${sharedStyles.colors.text.primary};
+        margin: 0 0 ${unsafeCSS(sharedStyles.spacing.md)} 0;
+      }
+
+      p {
+        font-size: 18px;
+        color: ${sharedStyles.colors.text.secondary};
+        margin: 0;
+        line-height: 1.6;
+      }
+
+      @media (max-width: 640px) {
+        .title-container {
+          padding: ${unsafeCSS(sharedStyles.spacing.lg)} ${unsafeCSS(sharedStyles.spacing.md)};
+        }
+
+        h1 {
+          font-size: 32px;
+        }
+
+        p {
+          font-size: 16px;
+        }
+      }
+    `
+        ];
+        render() {
+            return html `
+      <div class="title-container ${this.centered ? 'centered' : ''}">
+        <h1>${this.pageTitle}</h1>
+        ${this.pageSubtitle ? html `
+          <p>${this.pageSubtitle}</p>
+        ` : ''}
+      </div>
+    `;
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return UplStatuspagePagetitle = _classThis;
+})();
+export { UplStatuspagePagetitle };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsLXN0YXR1c3BhZ2UtcGFnZXRpdGxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL3VwbC1zdGF0dXNwYWdlLXBhZ2V0aXRsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLGFBQWEsRUFBdUIsR0FBRyxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUMxSSxPQUFPLEtBQUssUUFBUSxNQUFNLDhCQUE4QixDQUFDO0FBQ3pELE9BQU8sS0FBSyxZQUFZLE1BQU0sNEJBQTRCLENBQUM7QUFDM0QsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0lBU2pELHNCQUFzQjs0QkFEbEMsYUFBYSxDQUFDLDBCQUEwQixDQUFDOzs7O3NCQUNFLFdBQVc7Ozs7Ozs7Ozs7c0NBQW5CLFNBQVEsV0FBVzs7OztxQ0FHcEQsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO3dDQUcxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7b0NBRzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsQ0FBQztZQUw1QixnTEFBUyxTQUFTLDZCQUFULFNBQVMsNkZBQTJCO1lBRzdDLHlMQUFTLFlBQVksNkJBQVosWUFBWSxtR0FBYztZQUduQyw2S0FBUyxRQUFRLDZCQUFSLFFBQVEsMkZBQWtCO1lBVnJDLDZLQTRFQzs7OztRQTNFUSxNQUFNLENBQUMsSUFBSSxHQUFHLFFBQVEsQ0FBQztRQUc5QiwrRUFBNkIsZUFBZSxFQUFDO1FBQTdDLElBQVMsU0FBUywrQ0FBMkI7UUFBN0MsSUFBUyxTQUFTLHFEQUEyQjtRQUc3Qyw2SUFBZ0MsRUFBRSxHQUFDO1FBQW5DLElBQVMsWUFBWSxrREFBYztRQUFuQyxJQUFTLFlBQVksd0RBQWM7UUFHbkMsd0lBQTZCLEtBQUssR0FBQztRQUFuQyxJQUFTLFFBQVEsOENBQWtCO1FBQW5DLElBQVMsUUFBUSxvREFBa0I7UUFFbkM7WUFDRSxLQUFLLEVBQUUsQ0FBQzs7U0FDVDtRQUVNLE1BQU0sQ0FBQyxNQUFNLEdBQUc7WUFDckIsUUFBUSxDQUFDLFlBQVksQ0FBQyxZQUFZO1lBQ2xDLEdBQUcsQ0FBQTs7O3VCQUdnQixTQUFTLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUM7Ozs7OzttQkFNdEMsU0FBUyxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDOzs7Ozs7Ozs7Ozs7aUJBWXBDLFlBQVksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE9BQU87c0JBQzNCLFNBQVMsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQzs7Ozs7aUJBS3ZDLFlBQVksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFNBQVM7Ozs7Ozs7cUJBTzlCLFNBQVMsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxJQUFJLFNBQVMsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQzs7Ozs7Ozs7Ozs7S0FXeEY7U0FDRixDQUFBO1FBRU0sTUFBTTtZQUNYLE9BQU8sSUFBSSxDQUFBO29DQUNxQixJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEVBQUU7Y0FDckQsSUFBSSxDQUFDLFNBQVM7VUFDbEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFBO2VBQ25CLElBQUksQ0FBQyxZQUFZO1NBQ3ZCLENBQUMsQ0FBQyxDQUFDLEVBQUU7O0tBRVQsQ0FBQztRQUNKLENBQUM7O1lBM0VVLHVEQUFzQjs7Ozs7U0FBdEIsc0JBQXNCIn0=

package/dist_ts_web/elements/upl-statuspage-statsgrid.d.ts

@@ -0,0 +1,23 @@
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+import './internal/uplinternal-miniheading.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'upl-statuspage-statsgrid': UplStatuspageStatsgrid;
+    }
+}
+export declare class UplStatuspageStatsgrid extends DeesElement {
+    static demo: () => TemplateResult<1>;
+    accessor uptime: number;
+    accessor avgResponseTime: number;
+    accessor totalIncidents: number;
+    accessor affectedServices: number;
+    accessor totalServices: number;
+    accessor currentStatus: string;
+    accessor loading: boolean;
+    accessor timePeriod: string;
+    constructor();
+    static styles: import("@design.estate/dees-element").CSSResult[];
+    render(): TemplateResult;
+    private formatStatus;
+    private renderResponseChange;
+}

package/dist_ts_web/elements/upl-statuspage-statsgrid.demo.d.ts

@@ -0,0 +1 @@
+export declare const demoFunc: () => import("@design.estate/dees-element").TemplateResult<1>;

package/dist_ts_web/elements/upl-statuspage-statsgrid.demo.js

@@ -0,0 +1,295 @@
+import { html } from '@design.estate/dees-element';
+export const demoFunc = () => html `
+  <style>
+    .demo-container {
+      display: flex;
+      flex-direction: column;
+      gap: 20px;
+    }
+    .demo-section {
+      border: 1px solid #ddd;
+      border-radius: 8px;
+      padding: 20px;
+      background: #f5f5f5;
+    }
+    .demo-title {
+      font-size: 14px;
+      font-weight: 600;
+      margin-bottom: 16px;
+      color: #333;
+    }
+    .demo-controls {
+      display: flex;
+      gap: 10px;
+      margin-top: 16px;
+      flex-wrap: wrap;
+    }
+    .demo-button {
+      padding: 6px 12px;
+      border: 1px solid #ddd;
+      background: white;
+      border-radius: 4px;
+      cursor: pointer;
+      font-size: 13px;
+    }
+    .demo-button:hover {
+      background: #f0f0f0;
+    }
+    .demo-button.active {
+      background: #2196F3;
+      color: white;
+      border-color: #2196F3;
+    }
+  </style>
+
+  <div class="demo-container">
+    <!-- Normal Operation -->
+    <div class="demo-section">
+      <div class="demo-title">Normal Operation</div>
+      <dees-demowrapper
+        .runAfterRender=${async (wrapperElement) => {
+    const statsGrid = wrapperElement.querySelector('upl-statuspage-statsgrid');
+    // Set initial values
+    statsGrid.currentStatus = 'operational';
+    statsGrid.uptime = 99.95;
+    statsGrid.avgResponseTime = 125;
+    statsGrid.totalIncidents = 0;
+    statsGrid.affectedServices = 0;
+    statsGrid.totalServices = 12;
+    statsGrid.timePeriod = '90 days';
+}}
+      >
+        <upl-statuspage-statsgrid></upl-statuspage-statsgrid>
+      </dees-demowrapper>
+    </div>
+
+    <!-- Degraded Performance -->
+    <div class="demo-section">
+      <div class="demo-title">Degraded Performance</div>
+      <dees-demowrapper
+        .runAfterRender=${async (wrapperElement) => {
+    const statsGrid = wrapperElement.querySelector('upl-statuspage-statsgrid');
+    statsGrid.currentStatus = 'degraded';
+    statsGrid.uptime = 98.50;
+    statsGrid.avgResponseTime = 450;
+    statsGrid.totalIncidents = 3;
+    statsGrid.affectedServices = 2;
+    statsGrid.totalServices = 12;
+    statsGrid.timePeriod = '30 days';
+}}
+      >
+        <upl-statuspage-statsgrid></upl-statuspage-statsgrid>
+      </dees-demowrapper>
+    </div>
+
+    <!-- Major Outage -->
+    <div class="demo-section">
+      <div class="demo-title">Major Outage</div>
+      <dees-demowrapper
+        .runAfterRender=${async (wrapperElement) => {
+    const statsGrid = wrapperElement.querySelector('upl-statuspage-statsgrid');
+    statsGrid.currentStatus = 'major_outage';
+    statsGrid.uptime = 95.20;
+    statsGrid.avgResponseTime = 1250;
+    statsGrid.totalIncidents = 8;
+    statsGrid.affectedServices = 7;
+    statsGrid.totalServices = 12;
+    statsGrid.timePeriod = '7 days';
+}}
+      >
+        <upl-statuspage-statsgrid></upl-statuspage-statsgrid>
+      </dees-demowrapper>
+    </div>
+
+    <!-- Interactive Demo -->
+    <div class="demo-section">
+      <div class="demo-title">Interactive Demo</div>
+      <dees-demowrapper
+        .runAfterRender=${async (wrapperElement) => {
+    const statsGrid = wrapperElement.querySelector('upl-statuspage-statsgrid');
+    // Initial state
+    statsGrid.currentStatus = 'operational';
+    statsGrid.uptime = 99.99;
+    statsGrid.avgResponseTime = 85;
+    statsGrid.totalIncidents = 0;
+    statsGrid.affectedServices = 0;
+    statsGrid.totalServices = 15;
+    statsGrid.timePeriod = '90 days';
+    // Create controls
+    const controls = document.createElement('div');
+    controls.className = 'demo-controls';
+    // Status buttons
+    const statuses = ['operational', 'degraded', 'partial_outage', 'major_outage', 'maintenance'];
+    statuses.forEach((status, index) => {
+        const button = document.createElement('button');
+        button.className = 'demo-button' + (index === 0 ? ' active' : '');
+        button.textContent = status.replace(/_/g, ' ').replace(/\b\w/g, l => l.toUpperCase());
+        button.onclick = () => {
+            controls.querySelectorAll('.demo-button').forEach(btn => btn.classList.remove('active'));
+            button.classList.add('active');
+            statsGrid.currentStatus = status;
+            // Adjust other values based on status
+            switch (status) {
+                case 'operational':
+                    statsGrid.uptime = 99.99;
+                    statsGrid.avgResponseTime = 85;
+                    statsGrid.totalIncidents = 0;
+                    statsGrid.affectedServices = 0;
+                    break;
+                case 'degraded':
+                    statsGrid.uptime = 98.50;
+                    statsGrid.avgResponseTime = 350;
+                    statsGrid.totalIncidents = 2;
+                    statsGrid.affectedServices = 1;
+                    break;
+                case 'partial_outage':
+                    statsGrid.uptime = 97.00;
+                    statsGrid.avgResponseTime = 750;
+                    statsGrid.totalIncidents = 5;
+                    statsGrid.affectedServices = 3;
+                    break;
+                case 'major_outage':
+                    statsGrid.uptime = 94.50;
+                    statsGrid.avgResponseTime = 1500;
+                    statsGrid.totalIncidents = 10;
+                    statsGrid.affectedServices = 8;
+                    break;
+                case 'maintenance':
+                    statsGrid.uptime = 99.00;
+                    statsGrid.avgResponseTime = 150;
+                    statsGrid.totalIncidents = 1;
+                    statsGrid.affectedServices = 2;
+                    break;
+            }
+        };
+        controls.appendChild(button);
+    });
+    wrapperElement.appendChild(controls);
+    // Add time period selector
+    const timePeriodControls = document.createElement('div');
+    timePeriodControls.className = 'demo-controls';
+    timePeriodControls.style.marginTop = '10px';
+    const periods = ['24 hours', '7 days', '30 days', '90 days'];
+    periods.forEach((period, index) => {
+        const button = document.createElement('button');
+        button.className = 'demo-button' + (index === 3 ? ' active' : '');
+        button.textContent = period;
+        button.onclick = () => {
+            timePeriodControls.querySelectorAll('.demo-button').forEach(btn => btn.classList.remove('active'));
+            button.classList.add('active');
+            statsGrid.timePeriod = period;
+        };
+        timePeriodControls.appendChild(button);
+    });
+    wrapperElement.appendChild(timePeriodControls);
+}}
+      >
+        <upl-statuspage-statsgrid></upl-statuspage-statsgrid>
+      </dees-demowrapper>
+    </div>
+
+    <!-- Loading State -->
+    <div class="demo-section">
+      <div class="demo-title">Loading State</div>
+      <dees-demowrapper
+        .runAfterRender=${async (wrapperElement) => {
+    const statsGrid = wrapperElement.querySelector('upl-statuspage-statsgrid');
+    statsGrid.loading = true;
+    // Create toggle button
+    const controls = document.createElement('div');
+    controls.className = 'demo-controls';
+    const toggleButton = document.createElement('button');
+    toggleButton.className = 'demo-button';
+    toggleButton.textContent = 'Toggle Loading';
+    toggleButton.onclick = () => {
+        statsGrid.loading = !statsGrid.loading;
+        if (!statsGrid.loading) {
+            statsGrid.currentStatus = 'operational';
+            statsGrid.uptime = 99.95;
+            statsGrid.avgResponseTime = 125;
+            statsGrid.totalIncidents = 0;
+            statsGrid.affectedServices = 0;
+            statsGrid.totalServices = 12;
+        }
+    };
+    controls.appendChild(toggleButton);
+    wrapperElement.appendChild(controls);
+}}
+      >
+        <upl-statuspage-statsgrid></upl-statuspage-statsgrid>
+      </dees-demowrapper>
+    </div>
+
+    <!-- Real-time Updates -->
+    <div class="demo-section">
+      <div class="demo-title">Real-time Updates</div>
+      <dees-demowrapper
+        .runAfterRender=${async (wrapperElement) => {
+    const statsGrid = wrapperElement.querySelector('upl-statuspage-statsgrid');
+    // Initial values
+    statsGrid.currentStatus = 'operational';
+    statsGrid.uptime = 99.95;
+    statsGrid.avgResponseTime = 100;
+    statsGrid.totalIncidents = 0;
+    statsGrid.affectedServices = 0;
+    statsGrid.totalServices = 10;
+    statsGrid.timePeriod = '24 hours';
+    // Simulate real-time updates
+    let interval = setInterval(() => {
+        // Slight variations in response time
+        statsGrid.avgResponseTime = Math.floor(80 + Math.random() * 40);
+        // Occasionally change status
+        if (Math.random() < 0.1) {
+            const statuses = ['operational', 'degraded'];
+            statsGrid.currentStatus = statuses[Math.floor(Math.random() * statuses.length)];
+            if (statsGrid.currentStatus === 'degraded') {
+                statsGrid.avgResponseTime = Math.floor(300 + Math.random() * 200);
+                statsGrid.totalIncidents = Math.min(statsGrid.totalIncidents + 1, 5);
+                statsGrid.affectedServices = Math.min(Math.floor(Math.random() * 3) + 1, statsGrid.totalServices);
+                statsGrid.uptime = Math.max(99.0, statsGrid.uptime - 0.05);
+            }
+            else {
+                statsGrid.affectedServices = 0;
+            }
+        }
+    }, 2000);
+    // Add control button
+    const controls = document.createElement('div');
+    controls.className = 'demo-controls';
+    const toggleButton = document.createElement('button');
+    toggleButton.className = 'demo-button active';
+    toggleButton.textContent = 'Stop Updates';
+    toggleButton.onclick = () => {
+        if (interval) {
+            clearInterval(interval);
+            interval = null;
+            toggleButton.textContent = 'Start Updates';
+            toggleButton.classList.remove('active');
+        }
+        else {
+            interval = setInterval(() => {
+                statsGrid.avgResponseTime = Math.floor(80 + Math.random() * 40);
+                if (Math.random() < 0.1) {
+                    const statuses = ['operational', 'degraded'];
+                    statsGrid.currentStatus = statuses[Math.floor(Math.random() * statuses.length)];
+                }
+            }, 2000);
+            toggleButton.textContent = 'Stop Updates';
+            toggleButton.classList.add('active');
+        }
+    };
+    controls.appendChild(toggleButton);
+    wrapperElement.appendChild(controls);
+    // Cleanup on unmount
+    wrapperElement.addEventListener('remove', () => {
+        if (interval)
+            clearInterval(interval);
+    });
+}}
+      >
+        <upl-statuspage-statsgrid></upl-statuspage-statsgrid>
+      </dees-demowrapper>
+    </div>
+  </div>
+`;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsLXN0YXR1c3BhZ2Utc3RhdHNncmlkLmRlbW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvdXBsLXN0YXR1c3BhZ2Utc3RhdHNncmlkLmRlbW8udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRW5ELE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzswQkFnRFIsS0FBSyxFQUFFLGNBQW1CLEVBQUUsRUFBRTtJQUM5QyxNQUFNLFNBQVMsR0FBRyxjQUFjLENBQUMsYUFBYSxDQUFDLDBCQUEwQixDQUFRLENBQUM7SUFFbEYscUJBQXFCO0lBQ3JCLFNBQVMsQ0FBQyxhQUFhLEdBQUcsYUFBYSxDQUFDO0lBQ3hDLFNBQVMsQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO0lBQ3pCLFNBQVMsQ0FBQyxlQUFlLEdBQUcsR0FBRyxDQUFDO0lBQ2hDLFNBQVMsQ0FBQyxjQUFjLEdBQUcsQ0FBQyxDQUFDO0lBQzdCLFNBQVMsQ0FBQyxnQkFBZ0IsR0FBRyxDQUFDLENBQUM7SUFDL0IsU0FBUyxDQUFDLGFBQWEsR0FBRyxFQUFFLENBQUM7SUFDN0IsU0FBUyxDQUFDLFVBQVUsR0FBRyxTQUFTLENBQUM7QUFDbkMsQ0FBQzs7Ozs7Ozs7OzswQkFVaUIsS0FBSyxFQUFFLGNBQW1CLEVBQUUsRUFBRTtJQUM5QyxNQUFNLFNBQVMsR0FBRyxjQUFjLENBQUMsYUFBYSxDQUFDLDBCQUEwQixDQUFRLENBQUM7SUFFbEYsU0FBUyxDQUFDLGFBQWEsR0FBRyxVQUFVLENBQUM7SUFDckMsU0FBUyxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7SUFDekIsU0FBUyxDQUFDLGVBQWUsR0FBRyxHQUFHLENBQUM7SUFDaEMsU0FBUyxDQUFD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