@uptime.link/statuspage 1.0.74 → 1.1.0

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

@@ -6,7 +6,11 @@ declare global {
 }
 export declare class UplStatuspageHeader extends DeesElement {
     static demo: () => TemplateResult<1>;
-    pageTitle: string;
+    accessor pageTitle: string;
+    accessor showReportButton: boolean;
+    accessor showSubscribeButton: boolean;
+    accessor logoUrl: string;
+    accessor loading: boolean;
     constructor();
     static styles: import("@design.estate/dees-element").CSSResult[];
     render(): TemplateResult;

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

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

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

@@ -0,0 +1,220 @@
+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;
+    }
+  </style>
+  
+  <div class="demo-container">
+    <!-- Basic Header -->
+    <div class="demo-section">
+      <div class="demo-title">Basic Header with Dynamic Title</div>
+      <dees-demowrapper
+        .runAfterRender=${async (wrapperElement) => {
+    const header = wrapperElement.querySelector('upl-statuspage-header');
+    // Demo different titles
+    const titles = [
+        'MyService Status Page',
+        'Production Environment Status',
+        'API Health Dashboard',
+        'Global Infrastructure Status',
+        '🚀 Rocket Systems Monitor',
+        'Multi-Region Service Status'
+    ];
+    let titleIndex = 0;
+    header.pageTitle = titles[titleIndex];
+    // Add event listeners
+    header.addEventListener('reportNewIncident', (event) => {
+        console.log('Report incident clicked');
+        alert('Report Incident form would open here');
+    });
+    header.addEventListener('statusSubscribe', (event) => {
+        console.log('Subscribe clicked');
+        alert('Subscribe modal would open here');
+    });
+    // Cycle through titles
+    setInterval(() => {
+        titleIndex = (titleIndex + 1) % titles.length;
+        header.pageTitle = titles[titleIndex];
+    }, 2000);
+}}
+      >
+        <upl-statuspage-header></upl-statuspage-header>
+      </dees-demowrapper>
+    </div>
+
+    <!-- Header with Hidden Buttons -->
+    <div class="demo-section">
+      <div class="demo-title">Header with Configurable Buttons</div>
+      <dees-demowrapper
+        .runAfterRender=${async (wrapperElement) => {
+    const header = wrapperElement.querySelector('upl-statuspage-header');
+    header.pageTitle = 'Configurable Button States';
+    // Add properties to control button visibility
+    header.showReportButton = true;
+    header.showSubscribeButton = true;
+    const controls = document.createElement('div');
+    controls.className = 'demo-controls';
+    controls.innerHTML = `
+            <button class="demo-button" id="toggleReport">Toggle Report Button</button>
+            <button class="demo-button" id="toggleSubscribe">Toggle Subscribe Button</button>
+            <button class="demo-button" id="toggleBoth">Hide Both</button>
+            <button class="demo-button" id="showBoth">Show Both</button>
+          `;
+    wrapperElement.appendChild(controls);
+    controls.querySelector('#toggleReport')?.addEventListener('click', () => {
+        header.showReportButton = !header.showReportButton;
+    });
+    controls.querySelector('#toggleSubscribe')?.addEventListener('click', () => {
+        header.showSubscribeButton = !header.showSubscribeButton;
+    });
+    controls.querySelector('#toggleBoth')?.addEventListener('click', () => {
+        header.showReportButton = false;
+        header.showSubscribeButton = false;
+    });
+    controls.querySelector('#showBoth')?.addEventListener('click', () => {
+        header.showReportButton = true;
+        header.showSubscribeButton = true;
+    });
+}}
+      >
+        <upl-statuspage-header></upl-statuspage-header>
+      </dees-demowrapper>
+    </div>
+
+    <!-- Header with Custom Styling -->
+    <div class="demo-section">
+      <div class="demo-title">Header with Custom Branding</div>
+      <dees-demowrapper
+        .runAfterRender=${async (wrapperElement) => {
+    const header = wrapperElement.querySelector('upl-statuspage-header');
+    header.pageTitle = 'Enterprise Cloud Platform';
+    // Custom branding properties
+    header.brandColor = '#1976D2';
+    header.logoUrl = 'https://via.placeholder.com/120x40/1976D2/ffffff?text=LOGO';
+    header.customStyles = true;
+    // Simulate different brand states
+    const brands = [
+        { title: 'Enterprise Cloud Platform', color: '#1976D2', logo: 'ENTERPRISE' },
+        { title: 'StartUp SaaS Monitor', color: '#00BCD4', logo: 'STARTUP' },
+        { title: 'Government Services Status', color: '#4CAF50', logo: 'GOV' },
+        { title: 'Financial Systems Health', color: '#673AB7', logo: 'FINTECH' }
+    ];
+    let brandIndex = 0;
+    setInterval(() => {
+        brandIndex = (brandIndex + 1) % brands.length;
+        const brand = brands[brandIndex];
+        header.pageTitle = brand.title;
+        header.brandColor = brand.color;
+        header.logoUrl = `https://via.placeholder.com/120x40/${brand.color.slice(1)}/ffffff?text=${brand.logo}`;
+    }, 3000);
+}}
+      >
+        <upl-statuspage-header></upl-statuspage-header>
+      </dees-demowrapper>
+    </div>
+
+    <!-- Header with Loading State -->
+    <div class="demo-section">
+      <div class="demo-title">Header with Loading States</div>
+      <dees-demowrapper
+        .runAfterRender=${async (wrapperElement) => {
+    const header = wrapperElement.querySelector('upl-statuspage-header');
+    header.pageTitle = 'Loading State Demo';
+    header.loading = true;
+    // Simulate loading completion
+    setTimeout(() => {
+        header.loading = false;
+        header.pageTitle = 'Status Page Loaded';
+    }, 2000);
+    // Add loading toggle
+    const controls = document.createElement('div');
+    controls.className = 'demo-controls';
+    controls.innerHTML = `
+            <button class="demo-button" id="toggleLoading">Toggle Loading State</button>
+          `;
+    wrapperElement.appendChild(controls);
+    controls.querySelector('#toggleLoading')?.addEventListener('click', () => {
+        header.loading = !header.loading;
+        if (header.loading) {
+            header.pageTitle = 'Loading...';
+            setTimeout(() => {
+                header.loading = false;
+                header.pageTitle = 'Status Page Ready';
+            }, 2000);
+        }
+    });
+}}
+      >
+        <upl-statuspage-header></upl-statuspage-header>
+      </dees-demowrapper>
+    </div>
+
+    <!-- Header with Event Counter -->
+    <div class="demo-section">
+      <div class="demo-title">Header with Event Tracking</div>
+      <dees-demowrapper
+        .runAfterRender=${async (wrapperElement) => {
+    const header = wrapperElement.querySelector('upl-statuspage-header');
+    header.pageTitle = 'Event Tracking Demo';
+    let reportCount = 0;
+    let subscribeCount = 0;
+    // Create counter display
+    const counterDisplay = document.createElement('div');
+    counterDisplay.style.marginTop = '16px';
+    counterDisplay.style.fontSize = '14px';
+    counterDisplay.innerHTML = `
+            <div>Report Clicks: <strong id="reportCount">0</strong></div>
+            <div>Subscribe Clicks: <strong id="subscribeCount">0</strong></div>
+          `;
+    wrapperElement.appendChild(counterDisplay);
+    header.addEventListener('reportNewIncident', () => {
+        reportCount++;
+        counterDisplay.querySelector('#reportCount').textContent = reportCount.toString();
+        console.log(`Report incident clicked ${reportCount} times`);
+    });
+    header.addEventListener('statusSubscribe', () => {
+        subscribeCount++;
+        counterDisplay.querySelector('#subscribeCount').textContent = subscribeCount.toString();
+        console.log(`Subscribe clicked ${subscribeCount} times`);
+    });
+}}
+      >
+        <upl-statuspage-header></upl-statuspage-header>
+      </dees-demowrapper>
+    </div>
+  </div>
+`;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsLXN0YXR1c3BhZ2UtaGVhZGVyLmRlbW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvdXBsLXN0YXR1c3BhZ2UtaGVhZGVyLmRlbW8udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRW5ELE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7MEJBMkNSLEtBQUssRUFBRSxjQUFtQixFQUFFLEVBQUU7SUFDOUMsTUFBTSxNQUFNLEdBQUcsY0FBYyxDQUFDLGFBQWEsQ0FBQyx1QkFBdUIsQ0FBUSxDQUFDO0lBRTVFLHdCQUF3QjtJQUN4QixNQUFNLE1BQU0sR0FBRztRQUNiLHVCQUF1QjtRQUN2QiwrQkFBK0I7UUFDL0Isc0JBQXNCO1FBQ3RCLDhCQUE4QjtRQUM5QiwyQkFBMkI7UUFDM0IsNkJBQTZCO0tBQzlCLENBQUM7SUFFRixJQUFJLFVBQVUsR0FBRyxDQUFDLENBQUM7SUFDbkIsTUFBTSxDQUFDLFNBQVMsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7SUFFdEMsc0JBQXNCO0lBQ3RCLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxtQkFBbUIsRUFBRSxDQUFDLEtBQWtCLEVBQUUsRUFBRTtRQUNsRSxPQUFPLENBQUMsR0FBRyxDQUFDLHlCQUF5QixDQUFDLENBQUM7UUFDdkMsS0FBSyxDQUFDLHNDQUFzQyxDQUFDLENBQUM7SUFDaEQsQ0FBQyxDQUFDLENBQUM7SUFFSCxNQUFNLENBQUMsZ0JBQWdCLENBQUMsaUJBQWlCLEVBQUUsQ0FBQyxLQUFrQixFQUFFLEVBQUU7UUFDaEUsT0FBTyxDQUFDLEdBQUcsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO1FBQ2pDLEtBQUssQ0FBQyxpQ0FBaUMsQ0FBQyxDQUFDO0lB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