@uptime.link/statuspage 1.0.74 → 1.1.0

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

@@ -1,125 +1,499 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
+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 __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+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 } from '@design.estate/dees-element';
+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 './internal/uplinternal-miniheading.js';
-let UplStatuspageStatusmonth = class UplStatuspageStatusmonth extends DeesElement {
-    static { this.demo = () => html ` <upl-statuspage-statusmonth></upl-statuspage-statusmonth> `; }
-    constructor() {
-        super();
-    }
-    static { this.styles = [
-        domtools.elementBasic.staticStyles,
-        css `
+import { demoFunc } from './upl-statuspage-statusmonth.demo.js';
+let UplStatuspageStatusmonth = (() => {
+    let _classDecorators = [customElement('upl-statuspage-statusmonth')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _monthlyData_decorators;
+    let _monthlyData_initializers = [];
+    let _monthlyData_extraInitializers = [];
+    let _serviceId_decorators;
+    let _serviceId_initializers = [];
+    let _serviceId_extraInitializers = [];
+    let _serviceName_decorators;
+    let _serviceName_initializers = [];
+    let _serviceName_extraInitializers = [];
+    let _loading_decorators;
+    let _loading_initializers = [];
+    let _loading_extraInitializers = [];
+    let _showTooltip_decorators;
+    let _showTooltip_initializers = [];
+    let _showTooltip_extraInitializers = [];
+    let _monthsToShow_decorators;
+    let _monthsToShow_initializers = [];
+    let _monthsToShow_extraInitializers = [];
+    var UplStatuspageStatusmonth = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _monthlyData_decorators = [property({ type: Array })];
+            _serviceId_decorators = [property({ type: String })];
+            _serviceName_decorators = [property({ type: String })];
+            _loading_decorators = [property({ type: Boolean })];
+            _showTooltip_decorators = [property({ type: Boolean })];
+            _monthsToShow_decorators = [property({ type: Number })];
+            __esDecorate(this, null, _monthlyData_decorators, { kind: "accessor", name: "monthlyData", static: false, private: false, access: { has: obj => "monthlyData" in obj, get: obj => obj.monthlyData, set: (obj, value) => { obj.monthlyData = value; } }, metadata: _metadata }, _monthlyData_initializers, _monthlyData_extraInitializers);
+            __esDecorate(this, null, _serviceId_decorators, { kind: "accessor", name: "serviceId", static: false, private: false, access: { has: obj => "serviceId" in obj, get: obj => obj.serviceId, set: (obj, value) => { obj.serviceId = value; } }, metadata: _metadata }, _serviceId_initializers, _serviceId_extraInitializers);
+            __esDecorate(this, null, _serviceName_decorators, { kind: "accessor", name: "serviceName", static: false, private: false, access: { has: obj => "serviceName" in obj, get: obj => obj.serviceName, set: (obj, value) => { obj.serviceName = value; } }, metadata: _metadata }, _serviceName_initializers, _serviceName_extraInitializers);
+            __esDecorate(this, null, _loading_decorators, { kind: "accessor", name: "loading", static: false, private: false, access: { has: obj => "loading" in obj, get: obj => obj.loading, set: (obj, value) => { obj.loading = value; } }, metadata: _metadata }, _loading_initializers, _loading_extraInitializers);
+            __esDecorate(this, null, _showTooltip_decorators, { kind: "accessor", name: "showTooltip", static: false, private: false, access: { has: obj => "showTooltip" in obj, get: obj => obj.showTooltip, set: (obj, value) => { obj.showTooltip = value; } }, metadata: _metadata }, _showTooltip_initializers, _showTooltip_extraInitializers);
+            __esDecorate(this, null, _monthsToShow_decorators, { kind: "accessor", name: "monthsToShow", static: false, private: false, access: { has: obj => "monthsToShow" in obj, get: obj => obj.monthsToShow, set: (obj, value) => { obj.monthsToShow = value; } }, metadata: _metadata }, _monthsToShow_initializers, _monthsToShow_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            UplStatuspageStatusmonth = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static demo = demoFunc;
+        #monthlyData_accessor_storage = __runInitializers(this, _monthlyData_initializers, []);
+        get monthlyData() { return this.#monthlyData_accessor_storage; }
+        set monthlyData(value) { this.#monthlyData_accessor_storage = value; }
+        #serviceId_accessor_storage = (__runInitializers(this, _monthlyData_extraInitializers), __runInitializers(this, _serviceId_initializers, ''));
+        get serviceId() { return this.#serviceId_accessor_storage; }
+        set serviceId(value) { this.#serviceId_accessor_storage = value; }
+        #serviceName_accessor_storage = (__runInitializers(this, _serviceId_extraInitializers), __runInitializers(this, _serviceName_initializers, 'Service'));
+        get serviceName() { return this.#serviceName_accessor_storage; }
+        set serviceName(value) { this.#serviceName_accessor_storage = value; }
+        #loading_accessor_storage = (__runInitializers(this, _serviceName_extraInitializers), __runInitializers(this, _loading_initializers, false));
+        get loading() { return this.#loading_accessor_storage; }
+        set loading(value) { this.#loading_accessor_storage = value; }
+        #showTooltip_accessor_storage = (__runInitializers(this, _loading_extraInitializers), __runInitializers(this, _showTooltip_initializers, true));
+        get showTooltip() { return this.#showTooltip_accessor_storage; }
+        set showTooltip(value) { this.#showTooltip_accessor_storage = value; }
+        #monthsToShow_accessor_storage = (__runInitializers(this, _showTooltip_extraInitializers), __runInitializers(this, _monthsToShow_initializers, 5));
+        get monthsToShow() { return this.#monthsToShow_accessor_storage; }
+        set monthsToShow(value) { this.#monthsToShow_accessor_storage = value; }
+        constructor() {
+            super();
+            __runInitializers(this, _monthsToShow_extraInitializers);
+        }
+        static styles = [
+            domtools.elementBasic.staticStyles,
+            sharedStyles.commonStyles,
+            css `
       :host {
           position: relative;
-          padding: 0px 0px 15px 0px;
           display: block;
-          background:  ${cssManager.bdTheme('#eeeeeb', '#222222')};;
-          font-family: Inter;
-          color: #fff;
+          background: transparent;
+          font-family: ${unsafeCSS(sharedStyles.fonts.base)};
+          color: ${sharedStyles.colors.text.primary};
+        }
+
+        .container {
+          max-width: 1200px;
+          margin: 0 auto;
+          padding: 0 ${unsafeCSS(sharedStyles.spacing.lg)} ${unsafeCSS(sharedStyles.spacing.lg)} ${unsafeCSS(sharedStyles.spacing.lg)};
         }
 
         .mainbox {
-          margin: auto;
-          max-width: 900px;
           display: grid;
-          grid-template-columns: repeat(5, calc(100% / 5 - 80px / 5));
-          grid-column-gap: 20px;
+          grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+          gap: ${unsafeCSS(sharedStyles.spacing.lg)};
         }
 
         .statusMonth {
-          background:  ${cssManager.bdTheme('#ffffff', '#333333')};;
-          min-height: 20px;
+          background: ${cssManager.bdTheme('#ffffff', '#0a0a0a')};
+          padding: ${unsafeCSS(sharedStyles.spacing.lg)};
+          border-radius: ${unsafeCSS(sharedStyles.borderRadius.base)};
+          border: 1px solid ${cssManager.bdTheme('#e5e7eb', '#27272a')};
+          position: relative;
+          transition: all 0.2s ease;
+          display: flex;
+          flex-direction: column;
+          min-height: 280px;
+          box-shadow: ${cssManager.bdTheme('0 1px 2px 0 rgba(0, 0, 0, 0.05)', 'none')};
+        }
+
+        .statusMonth:hover {
+          border-color: ${cssManager.bdTheme('#0a0a0a', '#fafafa')};
+          box-shadow: ${cssManager.bdTheme('0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)', '0 0 0 1px rgba(255, 255, 255, 0.1)')};
+        }
+
+        .month-header {
+          font-size: 13px;
+          font-weight: 600;
+          margin-bottom: ${unsafeCSS(sharedStyles.spacing.md)};
+          color: ${cssManager.bdTheme('#0a0a0a', '#fafafa')};
+          letter-spacing: 0.02em;
+          text-transform: uppercase;
+        }
+
+        .days-container {
+          flex: 1;
+          display: flex;
+          flex-direction: column;
+          margin-bottom: ${unsafeCSS(sharedStyles.spacing.lg)};
+        }
+
+        .days-grid {
+          display: grid;
+          grid-template-columns: repeat(7, 1fr);
+          gap: 3px;
+          width: 100%;
+        }
+
+        .weekday-label {
+          font-size: 10px;
+          text-align: center;
+          color: ${cssManager.bdTheme('#9ca3af', '#71717a')};
+          font-weight: 500;
+          height: 20px;
+          line-height: 20px;
+          margin-bottom: ${unsafeCSS(sharedStyles.spacing.sm)};
+          text-transform: uppercase;
+        }
+
+        .statusDay {
+          aspect-ratio: 1;
+          border-radius: 4px;
+          cursor: pointer;
+          transition: all 0.15s ease;
+          position: relative;
+        }
+
+        .statusDay:hover:not(.empty) {
+          transform: scale(1.15);
+          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+          z-index: 1;
+        }
+
+        .statusDay.operational {
+          background: #22c55e;
+        }
+
+        .statusDay.degraded {
+          background: #fbbf24;
+        }
+
+        .statusDay.partial_outage {
+          background: #f87171;
+        }
+
+        .statusDay.major_outage {
+          background: #ef4444;
+        }
+        
+        .statusDay.maintenance {
+          background: #60a5fa;
+        }
+
+        .statusDay.no-data {
+          background: ${cssManager.bdTheme('#e5e7eb', '#27272a')};
+          opacity: 0.6;
+        }
+
+        .statusDay.empty {
+          background: transparent;
+          cursor: default;
+          pointer-events: none;
+        }
+
+        .overall-uptime {
+          font-size: 12px;
+          margin-top: auto;
+          padding-top: ${unsafeCSS(sharedStyles.spacing.md)};
+          color: ${cssManager.bdTheme('#6b7280', '#a1a1aa')};
+          display: flex;
+          flex-direction: column;
+          gap: 6px;
+          border-top: 1px solid ${cssManager.bdTheme('#f3f4f6', '#1f1f1f')};
+        }
+
+        .uptime-stat {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+        }
+        
+        .uptime-value {
+          font-weight: 600;
+          color: ${cssManager.bdTheme('#0a0a0a', '#fafafa')};
+          font-variant-numeric: tabular-nums;
+          font-size: 13px;
+        }
+
+        .loading-skeleton {
+          display: flex;
+          flex-direction: column;
+          gap: ${unsafeCSS(sharedStyles.spacing.sm)};
+          height: 100%;
+        }
+        
+        .skeleton-header {
+          height: 20px;
+          width: 80px;
+          background: ${cssManager.bdTheme('#f3f4f6', '#27272a')};
+          border-radius: 4px;
+          animation: pulse 2s infinite;
+        }
+        
+        .skeleton-grid {
+          flex: 1;
           display: grid;
-          padding: 10px;
-          grid-template-columns: repeat(6, auto);
-          grid-gap: 9px;
-          border-radius: 3px;
+          grid-template-columns: repeat(7, 1fr);
+          gap: 2px;
+        }
+        
+        .skeleton-day {
+          background: ${cssManager.bdTheme('#f3f4f6', '#27272a')};
+          border-radius: 2px;
+          animation: pulse 2s infinite;
+          animation-delay: calc(var(--index) * 0.05s);
+        }
+        
+        @keyframes pulse {
+          0%, 100% { opacity: 1; }
+          50% { opacity: 0.5; }
+        }
+
+        @keyframes loading {
+          0% { transform: translateX(-100%); }
+          100% { transform: translateX(200%); }
+        }
+
+        .tooltip {
+          position: absolute;
+          background: ${cssManager.bdTheme('#0a0a0a', '#fafafa')};
+          color: ${cssManager.bdTheme('#fafafa', '#0a0a0a')};
+          padding: 8px 12px;
+          border-radius: 4px;
+          font-size: 12px;
+          pointer-events: none;
+          opacity: 0;
+          transition: opacity 0.15s;
+          z-index: 50;
+          white-space: nowrap;
+          box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+          line-height: 1.5;
+        }
+
+        .tooltip.visible {
+          opacity: 1;
+        }
+        
+        .tooltip-date {
+          font-weight: 500;
+          margin-bottom: 4px;
+        }
+        
+        .tooltip-stat {
+          font-size: 11px;
+          opacity: 0.9;
         }
 
-        .statusMonth .statusDay {
-          width: 16px;
-          height: 16px;
-          background: #2deb51;
-          border-radius: 3px;
+        .no-data-message {
+          grid-column: 1 / -1;
+          text-align: center;
+          padding: ${unsafeCSS(sharedStyles.spacing['2xl'])};
+          color: ${sharedStyles.colors.text.secondary};
+        }
+
+        @media (max-width: 640px) {
+          .container {
+            padding: 0 ${unsafeCSS(sharedStyles.spacing.md)} ${unsafeCSS(sharedStyles.spacing.md)} ${unsafeCSS(sharedStyles.spacing.md)};
+          }
+
+          .mainbox {
+            grid-template-columns: 1fr;
+            gap: ${unsafeCSS(sharedStyles.spacing.md)};
+          }
+
+          .statusMonth {
+            padding: ${unsafeCSS(sharedStyles.spacing.md)};
+            min-height: 260px;
+          }
+
+          .loading-skeleton {
+            height: 180px;
+            padding: ${unsafeCSS(sharedStyles.spacing.md)};
+          }
         }
     `
-    ]; }
-    render() {
-        return html `
-      <style></style>
-      <uplinternal-miniheading>Last 150 days</uplinternal-miniheading>
-      <div class="mainbox">
-        <div class="statusMonth">
-          ${(() => {
-            let counter = 0;
-            const returnArray = [];
-            while (counter < 30) {
-                counter++;
-                returnArray.push(html ` <div class="statusDay"></div> `);
-            }
-            return returnArray;
-        })()}
-        </div>
-        <div class="statusMonth">
-          ${(() => {
-            let counter = 0;
-            const returnArray = [];
-            while (counter < 30) {
-                counter++;
-                returnArray.push(html ` <div class="statusDay"></div> `);
-            }
-            return returnArray;
-        })()}
+        ];
+        render() {
+            const totalDays = this.monthlyData.reduce((sum, month) => sum + month.days.length, 0);
+            return html `
+      <div class="container">
+        <uplinternal-miniheading>${this.serviceName} - Last ${totalDays} Days</uplinternal-miniheading>
+        <div class="mainbox">
+          ${this.loading ? html `
+            ${Array(this.monthsToShow).fill(0).map((_, index) => html `
+              <div class="statusMonth">
+                <div class="loading-skeleton">
+                  <div class="skeleton-header"></div>
+                  <div class="days-container">
+                    <div class="skeleton-grid">
+                      ${Array(42).fill(0).map((_, i) => html `
+                        <div class="skeleton-day" style="--index: ${i}"></div>
+                      `)}
+                    </div>
+                  </div>
+                  <div style="height: 48px; border-top: 1px solid ${cssManager.bdTheme('#f3f4f6', '#1f1f1f')}; margin-top: auto; padding-top: 16px;"></div>
+                </div>
+              </div>
+            `)}
+          ` : this.monthlyData.length === 0 ? html `
+            <div class="no-data-message">No uptime data available</div>
+          ` : this.monthlyData.map(month => this.renderMonth(month))}
         </div>
-        <div class="statusMonth">
-          ${(() => {
-            let counter = 0;
-            const returnArray = [];
-            while (counter < 30) {
-                counter++;
-                returnArray.push(html ` <div class="statusDay"></div> `);
-            }
-            return returnArray;
-        })()}
+        ${this.showTooltip ? html `<div class="tooltip" id="tooltip"></div>` : ''}
+      </div>
+    `;
+        }
+        renderMonth(monthData) {
+            const monthDate = new Date(monthData.month + '-01');
+            const monthName = monthDate.toLocaleDateString('en-US', { month: 'short', year: 'numeric' });
+            const firstDayOfWeek = new Date(monthDate.getFullYear(), monthDate.getMonth(), 1).getDay();
+            return html `
+      <div class="statusMonth" @mouseleave=${this.hideTooltip}>
+        <div class="month-header">${monthName}</div>
+        <div class="days-container">
+          <div class="days-grid">
+            ${this.renderWeekdayLabels()}
+            ${this.renderEmptyDays(firstDayOfWeek)}
+            ${monthData.days.map(day => this.renderDay(day))}
+            ${this.renderTrailingEmptyDays(firstDayOfWeek + monthData.days.length)}
+          </div>
         </div>
-        <div class="statusMonth">
-          ${(() => {
-            let counter = 0;
-            const returnArray = [];
-            while (counter < 30) {
-                counter++;
-                returnArray.push(html ` <div class="statusDay"></div> `);
-            }
-            return returnArray;
-        })()}
-        </div>
-        <div class="statusMonth">
-          ${(() => {
-            let counter = 0;
-            const returnArray = [];
-            while (counter < 30) {
-                counter++;
-                returnArray.push(html ` <div class="statusDay"></div> `);
-            }
-            return returnArray;
-        })()}
+        <div class="overall-uptime">
+          <div class="uptime-stat">
+            <span>Uptime</span>
+            <span class="uptime-value">${monthData.overallUptime.toFixed(2)}%</span>
+          </div>
+          ${monthData.totalIncidents > 0 ? html `
+            <div class="uptime-stat">
+              <span>Incidents</span>
+              <span class="uptime-value">${monthData.totalIncidents}</span>
+            </div>
+          ` : ''}
         </div>
       </div>
     `;
-    }
-};
-UplStatuspageStatusmonth = __decorate([
-    customElement('upl-statuspage-statusmonth'),
-    __metadata("design:paramtypes", [])
-], UplStatuspageStatusmonth);
+        }
+        renderWeekdayLabels() {
+            const weekdays = ['S', 'M', 'T', 'W', 'T', 'F', 'S'];
+            return weekdays.map(day => html `<div class="weekday-label">${day}</div>`);
+        }
+        renderEmptyDays(count) {
+            return Array(count).fill(0).map(() => html `<div class="statusDay empty"></div>`);
+        }
+        renderTrailingEmptyDays(totalCells) {
+            const remainder = totalCells % 7;
+            const trailingCount = remainder === 0 ? 0 : 7 - remainder;
+            return Array(trailingCount).fill(0).map(() => html `<div class="statusDay empty"></div>`);
+        }
+        renderDay(day) {
+            const status = day.status || 'no-data';
+            const date = new Date(day.date);
+            const dayNumber = date.getDate();
+            return html `
+      <div 
+        class="statusDay ${status}"
+        @mouseenter=${(e) => this.showTooltip && this.showDayTooltip(e, day)}
+        @click=${() => this.handleDayClick(day)}
+      >
+        ${status === 'major_outage' || status === 'partial_outage' ? html `
+          <div style="
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            font-size: 8px;
+            font-weight: bold;
+            color: white;
+          ">${day.incidents}</div>
+        ` : ''}
+      </div>
+    `;
+        }
+        showDayTooltip(event, day) {
+            const tooltip = this.shadowRoot?.getElementById('tooltip');
+            if (!tooltip)
+                return;
+            const date = new Date(day.date);
+            const dateStr = date.toLocaleDateString('en-US', {
+                weekday: 'long',
+                year: 'numeric',
+                month: 'long',
+                day: 'numeric'
+            });
+            let statusText = day.status.replace(/_/g, ' ');
+            statusText = statusText.charAt(0).toUpperCase() + statusText.slice(1);
+            tooltip.innerHTML = `
+      <div class="tooltip-date">${dateStr}</div>
+      <div class="tooltip-stat">Status: ${statusText}</div>
+      <div class="tooltip-stat">Uptime: ${day.uptime.toFixed(2)}%</div>
+      ${day.incidents > 0 ? `<div class="tooltip-stat">Incidents: ${day.incidents}</div>` : ''}
+      ${day.totalDowntime > 0 ? `<div class="tooltip-stat">Downtime: ${day.totalDowntime} min</div>` : ''}
+    `;
+            const rect = event.target.getBoundingClientRect();
+            const containerRect = this.getBoundingClientRect();
+            tooltip.style.left = `${rect.left - containerRect.left + rect.width / 2}px`;
+            tooltip.style.top = `${rect.top - containerRect.top - 80}px`;
+            tooltip.style.transform = 'translateX(-50%)';
+            tooltip.classList.add('visible');
+        }
+        hideTooltip() {
+            const tooltip = this.shadowRoot?.getElementById('tooltip');
+            if (tooltip) {
+                tooltip.classList.remove('visible');
+            }
+        }
+        handleDayClick(day) {
+            this.dispatchEvent(new CustomEvent('dayClick', {
+                detail: {
+                    date: day.date,
+                    uptime: day.uptime,
+                    incidents: day.incidents,
+                    status: day.status,
+                    serviceId: this.serviceId
+                },
+                bubbles: true,
+                composed: true
+            }));
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return UplStatuspageStatusmonth = _classThis;
+})();
 export { UplStatuspageStatusmonth };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsLXN0YXR1c3BhZ2Utc3RhdHVzbW9udGguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvdXBsLXN0YXR1c3BhZ2Utc3RhdHVzbW9udGgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUNMLFdBQVcsRUFDWCxRQUFRLEVBQ1IsSUFBSSxFQUNKLGFBQWEsRUFFYixHQUFHLEVBQ0gsVUFBVSxFQUNYLE1BQU0sNkJBQTZCLENBQUM7QUFDckMsT0FBTyxLQUFLLFFBQVEsTUFBTSw4QkFBOEIsQ0FBQztBQUV6RCxPQUFPLHVDQUF1QyxDQUFDO0FBU3hDLElBQU0sd0JBQXdCLEdBQTlCLE1BQU0sd0JBQXlCLFNBQVEsV0FBVzthQUN6QyxTQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBLDZEQUE2RCxBQUExRSxDQUEyRTtJQUU3RjtRQUNFLEtBQUssRUFBRSxDQUFDO0lBQ1YsQ0FBQzthQUVhLFdBQU0sR0FBRztRQUNyQixRQUFRLENBQUMsWUFBWSxDQUFDLFlBQVk7UUFDbEMsR0FBRyxDQUFBOzs7Ozt5QkFLa0IsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDOzs7Ozs7Ozs7Ozs7Ozt5QkFjeEMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7S0FlNUQ7S0FDRixBQXJDbUIsQ0FxQ25CO0lBRU0sTUFBTTtRQUNYLE9BQU8sSUFBSSxDQUFBOzs7OztZQUtILENBQUMsR0FBRyxFQUFFO1lBQ04sSUFBSSxPQUFPLEdBQUcsQ0FBQyxDQUFDO1lBQ2hCLE1BQU0sV0FBVyxHQUFxQixFQUFFLENBQUM7WUFDekMsT0FBTyxPQUFPLEdBQUcsRUFBRSxFQUFFLENBQUM7Z0JBQ3BCLE9BQU8sRUFBRSxDQUFDO2dCQUNWLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFBLGlDQUFpQyxDQUFDLENBQUM7WUFDMUQsQ0FBQztZQUNELE9BQU8sV0FBVyxDQUFDO1FBQ3JCLENBQUMsQ0FBQyxFQUFFOzs7WUFHRixDQUFDLEdBQUcsRUFBRTtZQUNOLElBQUksT0FBTyxHQUFHLENBQUMsQ0FBQztZQUNoQixNQUFNLFdBQVcsR0FBcUIsRUFBRSxDQUFDO1lBQ3pDLE9BQU8sT0FBTyxHQUFHLEVBQUUsRUFBRSxDQUFDO2dCQUNwQixPQUFPLEVBQUUsQ0FBQztnQkFDVixXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQSxpQ0FBaUMsQ0FBQyxDQUFDO1lBQzFELENBQUM7WUFDRCxPQUFPLFdBQVcsQ0FBQztRQUNyQixDQUFDLENBQUMsRUFBRTs7O1lBR0YsQ0FBQyxHQUFHLEVBQUU7WUFDTixJQUFJLE9BQU8sR0FBRyxDQUFDLENBQUM7WUFDaEIsTUFBTSxXQUFXLEdBQXFCLEVBQUUsQ0FBQztZQUN6QyxPQUFPLE9BQU8sR0FBRyxFQUFFLEVBQUUsQ0FBQztnQkFDcEIsT0FBTyxFQUFFLENBQUM7Z0JBQ1YsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUEsaUNBQWlDLENBQUMsQ0FBQztZQUMxRCxDQUFDO1lBQ0QsT0FBTyxXQUFXLENBQUM7UUFDckIsQ0FBQyxDQUFDLEVBQUU7OztZQUdGLENBQUMsR0FBRyxFQUFFO1lBQ04sSUFBSSxPQUFPLEdBQUcsQ0FBQyxDQUFDO1lBQ2hCLE1BQU0sV0FBVyxHQUFxQixFQUFFLENBQUM7WUFDekMsT0FBTyxPQUFPLEdBQUcsRUFBRSxFQUFFLENBQUM7Z0JBQ3BCLE9BQU8sRUFBRSxDQUFDO2dCQUNWLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFBLGlDQUFpQyxDQUFDLENBQUM7WUFDMUQsQ0FBQztZQUNELE9BQU8sV0FBVyxDQUFDO1FBQ3JCLENBQUMsQ0FBQyxFQUFFOzs7WUFHRixDQUFDLEdBQUcsRUFBRTtZQUNOLElBQUksT0FBTyxHQUFHLENBQUMsQ0FBQztZQUNoQixNQUFNLFdBQVcsR0FBcUIsRUFBRSxDQUFDO1lBQ3pDLE9BQU8sT0FBTyxHQUFHLEVBQUUsRUFBRSxDQUFDO2dCQUNwQixPQUFPLEVBQUUsQ0FBQztnQkFDVixXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQSxpQ0FBaUMsQ0FBQyxDQUFDO1lBQzFELENBQUM7WUFDRCxPQUFPLFdBQVcsQ0FBQztRQUNyQixDQUFDLENBQUMsRUFBRTs7O0tBR1QsQ0FBQztJQUNKLENBQUM7O0FBNUdVLHdCQUF3QjtJQURwQyxhQUFhLENBQUMsNEJBQTRCLENBQUM7O0dBQy9CLHdCQUF3QixDQTZHcEMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsLXN0YXR1c3BhZ2Utc3RhdHVzbW9udGguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvdXBsLXN0YXR1c3BhZ2Utc3RhdHVzbW9udGgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxXQUFXLEVBQ1gsUUFBUSxFQUNSLElBQUksRUFDSixhQUFhLEVBRWIsR0FBRyxFQUNILFVBQVUsRUFDVixTQUFTLEVBQ1YsTUFBTSw2QkFBNkIsQ0FBQztBQUNyQyxPQUFPLEtBQUssUUFBUSxNQUFNLDhCQUE4QixDQUFDO0FBRXpELE9BQU8sS0FBSyxZQUFZLE1BQU0sNEJBQTRCLENBQUM7QUFFM0QsT0FBTyx1Q0FBdUMsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7SUFTbkQsd0JBQXdCOzRCQURwQyxhQUFhLENBQUMsNEJBQTRCLENBQUM7Ozs7c0JBQ0UsV0FBVzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozt3Q0FBbkIsU0FBUSxXQUFXOzs7O3VDQUd0RCxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLENBQUM7cUNBR3pCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQzt1Q0FHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO21DQUcxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLENBQUM7dUNBRzNCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsQ0FBQzt3Q0FHM0IsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO1lBZDNCLHNMQUFTLFdBQVcsNkJBQVgsV0FBVyxpR0FBd0I7WUFHNUMsZ0xBQVMsU0FBUyw2QkFBVCxTQUFTLDZGQUFjO1lBR2hDLHNMQUFTLFdBQVcsNkJB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