@uptime.link/statuspage 1.0.74 → 1.2.0

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

@@ -1,125 +1,684 @@
-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;
+        position: relative;
+        display: block;
+        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 {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+        gap: ${unsafeCSS(sharedStyles.spacing.lg)};
+      }
+
+      /* Month card with entrance animation */
+      .statusMonth {
+        background: ${sharedStyles.colors.background.card};
+        padding: ${unsafeCSS(sharedStyles.spacing.lg)};
+        border-radius: ${unsafeCSS(sharedStyles.borderRadius.lg)};
+        border: 1px solid ${sharedStyles.colors.border.default};
+        position: relative;
+        transition: all ${unsafeCSS(sharedStyles.durations.normal)} ${unsafeCSS(sharedStyles.easings.default)};
+        display: flex;
+        flex-direction: column;
+        min-height: 280px;
+        box-shadow: ${unsafeCSS(sharedStyles.shadows.sm)};
+        animation: fadeInUp 0.5s ${unsafeCSS(sharedStyles.easings.default)} both;
+      }
+
+      .statusMonth:nth-child(1) { animation-delay: 0ms; }
+      .statusMonth:nth-child(2) { animation-delay: 100ms; }
+      .statusMonth:nth-child(3) { animation-delay: 200ms; }
+      .statusMonth:nth-child(4) { animation-delay: 300ms; }
+      .statusMonth:nth-child(5) { animation-delay: 400ms; }
+
+      @keyframes fadeInUp {
+        from {
+          opacity: 0;
+          transform: translateY(16px);
+        }
+        to {
+          opacity: 1;
+          transform: translateY(0);
+        }
+      }
+
+      .statusMonth:hover {
+        border-color: ${sharedStyles.colors.border.muted};
+        box-shadow: ${unsafeCSS(sharedStyles.shadows.md)};
+        transform: translateY(-2px);
+      }
+
+      .month-header {
+        font-size: 12px;
+        font-weight: 600;
+        margin-bottom: ${unsafeCSS(sharedStyles.spacing.md)};
+        color: ${sharedStyles.colors.text.primary};
+        letter-spacing: 0.04em;
+        text-transform: uppercase;
+        display: flex;
+        align-items: center;
+        gap: 8px;
+      }
+
+      .month-header .current-badge {
+        font-size: 9px;
+        padding: 2px 6px;
+        background: ${sharedStyles.colors.status.operational};
+        color: white;
+        border-radius: ${unsafeCSS(sharedStyles.borderRadius.full)};
+        font-weight: 500;
+        letter-spacing: 0.02em;
+      }
+
+      .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: 4px;
+        width: 100%;
+      }
+
+      .weekday-label {
+        font-size: 9px;
+        text-align: center;
+        color: ${sharedStyles.colors.text.muted};
+        font-weight: 600;
+        height: 20px;
+        line-height: 20px;
+        margin-bottom: ${unsafeCSS(sharedStyles.spacing.xs)};
+        text-transform: uppercase;
+        letter-spacing: 0.02em;
+      }
+
+      /* Calendar day cell */
+      .statusDay {
+        aspect-ratio: 1;
+        border-radius: 4px;
+        cursor: pointer;
+        transition: all ${unsafeCSS(sharedStyles.durations.fast)} ${unsafeCSS(sharedStyles.easings.default)};
+        position: relative;
+        animation: dayFadeIn 0.3s ${unsafeCSS(sharedStyles.easings.default)} both;
+        animation-delay: calc(var(--day-index, 0) * 15ms);
+      }
+
+      @keyframes dayFadeIn {
+        from {
+          opacity: 0;
+          transform: scale(0.8);
+        }
+        to {
+          opacity: 1;
+          transform: scale(1);
+        }
+      }
+
+      .statusDay:hover:not(.empty) {
+        transform: scale(1.2);
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
+        z-index: 2;
+      }
+
+      /* Current day highlight */
+      .statusDay.today {
+        box-shadow: 0 0 0 2px ${sharedStyles.colors.text.primary};
+        z-index: 1;
+      }
+
+      .statusDay.today:hover {
+        box-shadow: 0 0 0 2px ${sharedStyles.colors.text.primary}, 0 4px 8px rgba(0, 0, 0, 0.15);
+      }
+
+      /* Status colors with intensity variations based on uptime */
+      .statusDay.operational {
+        background: ${sharedStyles.colors.status.operational};
+      }
+
+      .statusDay.operational.uptime-high {
+        background: ${cssManager.bdTheme('#22c55e', '#22c55e')};
+      }
+
+      .statusDay.operational.uptime-mid {
+        background: ${cssManager.bdTheme('#4ade80', '#4ade80')};
+      }
+
+      .statusDay.degraded {
+        background: ${sharedStyles.colors.status.degraded};
+      }
+
+      .statusDay.partial_outage {
+        background: ${sharedStyles.colors.status.partial};
+      }
+
+      .statusDay.major_outage {
+        background: ${sharedStyles.colors.status.major};
+        animation: dayFadeIn 0.3s ${unsafeCSS(sharedStyles.easings.default)} both,
+                   majorOutagePulse 2s ease-in-out infinite;
+      }
+
+      @keyframes majorOutagePulse {
+        0%, 100% { opacity: 1; }
+        50% { opacity: 0.8; }
+      }
+
+      .statusDay.maintenance {
+        background: ${sharedStyles.colors.status.maintenance};
+      }
+
+      .statusDay.no-data {
+        background: ${sharedStyles.colors.background.muted};
+        opacity: 0.5;
+      }
+
+      .statusDay.empty {
+        background: transparent;
+        cursor: default;
+        pointer-events: none;
+        animation: none;
+      }
+
+      /* Incident count indicator */
+      .incident-count {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        font-size: 8px;
+        font-weight: 700;
+        color: white;
+        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+        line-height: 1;
+      }
+
+      /* Overall uptime footer */
+      .overall-uptime {
+        font-size: 12px;
+        margin-top: auto;
+        padding-top: ${unsafeCSS(sharedStyles.spacing.md)};
+        color: ${sharedStyles.colors.text.secondary};
+        display: flex;
+        flex-direction: column;
+        gap: 8px;
+        border-top: 1px solid ${sharedStyles.colors.border.default};
+      }
+
+      .uptime-stat {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+      }
+
+      .uptime-value {
+        font-weight: 600;
+        color: ${sharedStyles.colors.text.primary};
+        font-variant-numeric: tabular-nums;
+        font-size: 13px;
+      }
+
+      .uptime-value.good {
+        color: ${sharedStyles.colors.status.operational};
+      }
+
+      .uptime-value.warning {
+        color: ${sharedStyles.colors.status.degraded};
+      }
+
+      .uptime-value.bad {
+        color: ${sharedStyles.colors.status.partial};
+      }
+
+      /* Uptime bar visualization */
+      .uptime-bar {
+        height: 4px;
+        background: ${sharedStyles.colors.background.muted};
+        border-radius: 2px;
+        overflow: hidden;
+        margin-top: 4px;
+      }
+
+      .uptime-bar-fill {
+        height: 100%;
+        border-radius: 2px;
+        transition: width ${unsafeCSS(sharedStyles.durations.slow)} ${unsafeCSS(sharedStyles.easings.default)};
+      }
+
+      .uptime-bar-fill.good {
+        background: ${sharedStyles.colors.status.operational};
+      }
+
+      .uptime-bar-fill.warning {
+        background: ${sharedStyles.colors.status.degraded};
+      }
+
+      .uptime-bar-fill.bad {
+        background: ${sharedStyles.colors.status.partial};
+      }
+
+      /* Loading skeleton */
+      .loading-skeleton {
+        display: flex;
+        flex-direction: column;
+        gap: ${unsafeCSS(sharedStyles.spacing.sm)};
+        height: 100%;
+      }
+
+      .skeleton-header {
+        height: 20px;
+        width: 80px;
+        background: ${sharedStyles.colors.background.muted};
+        border-radius: 4px;
+        animation: shimmer 1.5s infinite;
+      }
+
+      .skeleton-grid {
+        flex: 1;
+        display: grid;
+        grid-template-columns: repeat(7, 1fr);
+        gap: 3px;
+      }
+
+      .skeleton-day {
+        background: ${sharedStyles.colors.background.muted};
+        border-radius: 3px;
+        animation: shimmer 1.5s infinite;
+        animation-delay: calc(var(--index) * 30ms);
+      }
+
+      @keyframes shimmer {
+        0% { opacity: 0.5; }
+        50% { opacity: 1; }
+        100% { opacity: 0.5; }
+      }
+
+      /* Tooltip */
+      .tooltip {
+        position: absolute;
+        background: ${cssManager.bdTheme('#0a0a0a', '#fafafa')};
+        color: ${cssManager.bdTheme('#fafafa', '#0a0a0a')};
+        padding: 10px 14px;
+        border-radius: ${unsafeCSS(sharedStyles.borderRadius.base)};
+        font-size: 12px;
+        pointer-events: none;
+        opacity: 0;
+        transition: opacity ${unsafeCSS(sharedStyles.durations.fast)} ${unsafeCSS(sharedStyles.easings.default)},
+                    transform ${unsafeCSS(sharedStyles.durations.fast)} ${unsafeCSS(sharedStyles.easings.default)};
+        z-index: 50;
+        white-space: nowrap;
+        box-shadow: ${unsafeCSS(sharedStyles.shadows.lg)};
+        line-height: 1.5;
+        transform: translateX(-50%) translateY(4px);
+      }
+
+      .tooltip.visible {
+        opacity: 1;
+        transform: translateX(-50%) translateY(0);
+      }
+
+      .tooltip-date {
+        font-weight: 600;
+        margin-bottom: 6px;
+        font-size: 13px;
+      }
+
+      .tooltip-stat {
+        font-size: 11px;
+        opacity: 0.85;
+        display: flex;
+        align-items: center;
+        gap: 6px;
+      }
+
+      .tooltip-stat + .tooltip-stat {
+        margin-top: 2px;
+      }
+
+      .tooltip-uptime-bar {
+        height: 3px;
+        width: 60px;
+        background: rgba(128, 128, 128, 0.3);
+        border-radius: 2px;
+        overflow: hidden;
+        margin-top: 8px;
+      }
+
+      .tooltip-uptime-fill {
+        height: 100%;
+        border-radius: 2px;
+      }
+
+      .no-data-message {
+        grid-column: 1 / -1;
+        text-align: center;
+        padding: ${unsafeCSS(sharedStyles.spacing['2xl'])};
+        color: ${sharedStyles.colors.text.secondary};
+        animation: fadeInUp 0.4s ${unsafeCSS(sharedStyles.easings.default)} both;
+      }
+
+      @media (max-width: 640px) {
+        .container {
+          padding: 0 ${unsafeCSS(sharedStyles.spacing.md)} ${unsafeCSS(sharedStyles.spacing.md)} ${unsafeCSS(sharedStyles.spacing.md)};
         }
 
         .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: 1fr;
+          gap: ${unsafeCSS(sharedStyles.spacing.md)};
         }
 
         .statusMonth {
-          background:  ${cssManager.bdTheme('#ffffff', '#333333')};;
-          min-height: 20px;
-          display: grid;
-          padding: 10px;
-          grid-template-columns: repeat(6, auto);
-          grid-gap: 9px;
-          border-radius: 3px;
+          padding: ${unsafeCSS(sharedStyles.spacing.md)};
+          min-height: 260px;
+        }
+
+        .days-grid {
+          gap: 3px;
+        }
+
+        .statusDay:hover:not(.empty) {
+          transform: scale(1.1);
         }
 
-        .statusMonth .statusDay {
-          width: 16px;
-          height: 16px;
-          background: #2deb51;
-          border-radius: 3px;
+        .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();
+            const now = new Date();
+            const isCurrentMonth = monthDate.getMonth() === now.getMonth() && monthDate.getFullYear() === now.getFullYear();
+            const uptimeClass = this.getUptimeClass(monthData.overallUptime);
+            return html `
+      <div class="statusMonth" @mouseleave=${this.hideTooltip}>
+        <div class="month-header">
+          ${monthName}
+          ${isCurrentMonth ? html `<span class="current-badge">Current</span>` : ''}
         </div>
-        <div class="statusMonth">
-          ${(() => {
-            let counter = 0;
-            const returnArray = [];
-            while (counter < 30) {
-                counter++;
-                returnArray.push(html ` <div class="statusDay"></div> `);
-            }
-            return returnArray;
-        })()}
+        <div class="days-container">
+          <div class="days-grid">
+            ${this.renderWeekdayLabels()}
+            ${this.renderEmptyDays(firstDayOfWeek)}
+            ${monthData.days.map((day, index) => this.renderDay(day, index))}
+            ${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 class="overall-uptime">
+          <div class="uptime-stat">
+            <span>Uptime</span>
+            <span class="uptime-value ${uptimeClass}">${monthData.overallUptime.toFixed(2)}%</span>
+          </div>
+          <div class="uptime-bar">
+            <div class="uptime-bar-fill ${uptimeClass}" style="width: ${monthData.overallUptime}%"></div>
+          </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);
+        }
+        getUptimeClass(uptime) {
+            if (uptime >= 99.9)
+                return 'good';
+            if (uptime >= 99)
+                return 'warning';
+            return 'bad';
+        }
+        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, index = 0) {
+            const status = day.status || 'no-data';
+            const date = new Date(day.date);
+            const now = new Date();
+            const isToday = date.toDateString() === now.toDateString();
+            const uptimeIntensity = this.getUptimeIntensity(day.uptime);
+            return html `
+      <div
+        class="statusDay ${status} ${isToday ? 'today' : ''} ${status === 'operational' ? uptimeIntensity : ''}"
+        style="--day-index: ${index}"
+        @mouseenter=${(e) => this.showTooltip && this.showDayTooltip(e, day)}
+        @click=${() => this.handleDayClick(day)}
+      >
+        ${(status === 'major_outage' || status === 'partial_outage') && day.incidents > 0 ? html `
+          <span class="incident-count">${day.incidents}</span>
+        ` : ''}
+      </div>
+    `;
+        }
+        getUptimeIntensity(uptime) {
+            if (uptime >= 99.9)
+                return 'uptime-high';
+            if (uptime >= 99)
+                return 'uptime-mid';
+            return '';
+        }
+        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: 'short',
+                month: 'short',
+                day: 'numeric'
+            });
+            let statusText = day.status.replace(/_/g, ' ');
+            statusText = statusText.charAt(0).toUpperCase() + statusText.slice(1);
+            const uptimeColor = day.uptime >= 99.9 ? '#22c55e' :
+                day.uptime >= 99 ? '#fbbf24' : '#f87171';
+            tooltip.innerHTML = `
+      <div class="tooltip-date">${dateStr}</div>
+      <div class="tooltip-stat">
+        <span style="display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: ${uptimeColor};"></span>
+        ${statusText}
+      </div>
+      <div class="tooltip-stat">Uptime: <strong>${day.uptime.toFixed(2)}%</strong></div>
+      ${day.incidents > 0 ? `<div class="tooltip-stat">Incidents: <strong>${day.incidents}</strong></div>` : ''}
+      ${day.totalDowntime > 0 ? `<div class="tooltip-stat">Downtime: <strong>${day.totalDowntime}m</strong></div>` : ''}
+      <div class="tooltip-uptime-bar">
+        <div class="tooltip-uptime-fill" style="width: ${day.uptime}%; background: ${uptimeColor};"></div>
+      </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 - 10}px`;
+            tooltip.style.transform = 'translateX(-50%) translateY(-100%)';
+            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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsLXN0YXR1c3BhZ2Utc3RhdHVzbW9udGguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvdXBsLXN0YXR1c3BhZ2Utc3RhdHVzbW9udGgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxXQUFXLEVBQ1gsUUFBUSxFQUNSLElBQUksRUFDSixhQUFhLEVBRWIsR0FBRyxFQUNILFVBQVUsRUFDVixTQUFTLEVBQ1YsTUFBTSw2QkFBNkIsQ0FBQztBQUNyQyxPQUFPLEtBQUssUUFBUSxNQUFNLDhCQUE4QixDQUFDO0FBRXpELE9BQU8sS0FBSyxZQUFZLE1BQU0sNEJBQTRCLENBQUM7QUFFM0QsT0FBTyx1Q0FBdUMsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7SUFTbkQsd0JBQXdCOzRCQURwQyxhQUFhLENBQUMsNEJBQTRCLENBQUM7Ozs7c0JBQ0UsV0FBVzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozt3Q0FBbkIsU0FBUSxXQUFXOzs7O3VDQUd0RCxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLENBQUM7cUNBR3pCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQzt1Q0FHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO21DQUcxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLENBQUM7dUNBRzNCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsQ0FBQzt3Q0FHM0IsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO1lBZDNCLHNMQUFTLFdBQVcsNkJBQVgsV0FBVyxpR0FBd0I7WUFHNUMsZ0xBQVMsU0FBUyw2QkFBVCxTQUFTLDZGQUFjO1lBR2hDLHNMQUFTLFdBQVcsNkJBQVgsV0FBVyxpR0FBcUI7WUFHekMsMEtBQVMsT0FBTyw2QkFBUCxPQUFPLHlGQUFrQjtZQUdsQyxzTEFBUyxXQUFXLDZCQUFYLFdBQVcsaUdBQWlCO1lBR3JDLHlMQUFTLFlBQVksNkJBQVosWUFBWSxtR0FBYTtZQW5CcEMsNktBa21CQzs7OztRQWptQlEsTUFBTSxDQUFDLElBQUksR0FBRyxRQUFRLENBQUM7UUFHOUIsbUZBQXlDLEVBQUUsRUFBQztRQUE1QyxJQUFTLFdBQVcsaURBQXdCO1FBQTVDLElBQVMsV0FBVyx1REFBd0I7UUFHNUMseUlBQTZCLEVBQUUsR0FBQztRQUFoQyxJQUFTLFNBQVMsK0NBQWM7UUFBaEMsSUFBUyxTQUFTLHFEQUFjO1FBR2hDLDJJQUErQixTQUFTLEdBQUM7UUFBekMsSUFBUyxXQUFXLGlEQUFxQjtRQUF6QyxJQUFTLFdBQVcsdURBQXFCO1FBR3pDLHFJQUE0QixLQUFLLEdBQUM7UUFBbEMsSUFBUyxPQUFPLDZDQUFrQjtRQUFsQyxJQUFTLE9BQU8sbURBQWtCO1FBR2xDLHlJQUFnQyxJQUFJLEdBQUM7UUFBckMsSUFBUyxXQUFXLGlEQUFpQjtRQUFyQyxJQUFTLFdBQVcsdURBQWlCO1FBR3JDLCtJQUFnQyxDQUFDLEdBQUM7UUFBbEMsSUFBUyxZQUFZLGtEQUFhO1FBQWxDLElBQVMsWUFBWSx3REFBYTtRQUVsQztZQUNFLEtBQUssRUFBRSxDQUFDOztTQUNUO1FBRU0sTUFBTSxDQUFDLE1BQU0sR0FBRztZQUNyQixRQUFRLENBQUMsWUFBWSxDQUFDLFlBQVk7WUFDbEMsWUFBWSxDQUFDLFlBQVk7WUFDekIsR0FBRyxDQUFBOzs7Ozt1QkFLZ0IsU0FBUyxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDO2lCQUN4QyxZQUFZLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxPQUFPOzs7Ozs7cUJBTTVCLFNBQVMsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxJQUFJLFNBQVMsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxJQUFJLFNBQVMsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQzs7Ozs7O2VBTXBILFNBQVMsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQzs7Ozs7c0JBSzNCLFlBQVksQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLElBQUk7bUJBQ3RDLFNBQVMsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQzt5QkFDNUIsU0FBUyxDQUFDLFlBQVksQ0FBQyxZQUFZLENBQUMsRUFBRSxDQUFDOzRCQUNwQyxZQUFZLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxPQUFPOzswQkFFcEMsU0FBUyxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLElBQUksU0FBUyxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDOzs7O3NCQUl2RixTQUFTLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUM7bUNBQ3JCLFNBQVMsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O3dCQXFCbEQsWUFBWSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsS0FBSztzQkFDbEMsU0FBUyxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDOzs7Ozs7O3lCQU8vQixTQUFTLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUM7aUJBQzFDLFlBQVksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE9BQU87Ozs7Ozs7Ozs7O3NCQVczQixZQUFZLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxXQUFXOzt5QkFFbkMsU0FBUyxDQUFDLFlBQVksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDOzs7Ozs7Ozs7eUJBU3pDLFNBQVMsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQzs7Ozs7Ozs7Ozs7OztpQkFhMUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSzs7Ozt5QkFJdEIsU0FBUyxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDOzs7Ozs7Ozs7OzBCQVVqQyxTQUFTLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxTQUFTLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUM7O29DQUV2RSxTQUFTLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O2dDQXVCM0MsWUFBWSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTzs7Ozs7Z0NBS2hDLFlBQVksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE9BQU87Ozs7O3NCQUsxQyxZQUFZLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxXQUFXOzs7O3NCQUl0QyxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7Ozs7c0JBSXhDLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQzs7OztzQkFJeEMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsUUFBUTs7OztzQkFJbkMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsT0FBTzs7OztzQkFJbEMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsS0FBSztvQ0FDbEIsU0FBUyxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDOzs7Ozs7Ozs7O3NCQVVyRCxZQUFZLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxXQUFXOzs7O3NCQUl0QyxZQUFZLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxLQUFLOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O3VCQTRCbkMsU0FBUyxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDO2lCQUN4QyxZQUFZLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxTQUFTOzs7O2dDQUluQixZQUFZLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxPQUFPOzs7Ozs7Ozs7OztpQkFXakQsWUFBWSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTzs7Ozs7O2lCQU1oQyxZQUFZLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxXQUFXOzs7O2lCQUl0QyxZQUFZLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxRQUFROzs7O2lCQUluQyxZQUFZLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxPQUFPOzs7Ozs7c0JBTTdCLFlBQVksQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLEtBQUs7Ozs7Ozs7Ozs0QkFTOUIsU0FBUyxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksU0FBUyxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDOzs7O3NCQUl2RixZQUFZLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxXQUFXOzs7O3NCQUl0QyxZQUFZLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxRQUFROzs7O3NCQUluQyxZQUFZLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxPQUFPOzs7Ozs7O2VBT3pDLFNBQVMsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQzs7Ozs7OztzQkFPM0IsWUFBWSxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsS0FBSzs7Ozs7Ozs7Ozs7OztzQkFhcEMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsS0FBSzs7Ozs7Ozs7Ozs7Ozs7O3NCQWVwQyxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7aUJBQzdDLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQzs7eUJBRWhDLFNBQVMsQ0FBQyxZQUFZLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQzs7Ozs4QkFJcEMsU0FBUyxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksU0FBUyxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDO2dDQUMvRSxTQUFTLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxTQUFTLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUM7OztzQkFHM0YsU0FBUyxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7bUJBNkNyQyxTQUFTLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQztpQkFDeEMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsU0FBUzttQ0FDaEIsU0FBUyxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDOzs7Ozt1QkFLbkQsU0FBUyxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDLElBQUksU0FBUyxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDLElBQUksU0FBUyxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDOzs7OztpQkFLcEgsU0FBUyxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDOzs7O3FCQUk5QixTQUFTLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUM7Ozs7Ozs7Ozs7Ozs7O3FCQWNsQyxTQUFTLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUM7OztLQUdsRDtTQUNGLENBQUE7UUFFTSxNQUFNO1lBQ1gsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUMsQ0FBQyxHQUFHLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FBQyxHQUFHLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxDQUFDLENBQUM7WUFFdEYsT0FBTyxJQUFJLENBQUE7O21DQUVvQixJQUFJLENBQUMsV0FBVyxXQUFXLFNBQVM7O1lBRTNELElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQTtjQUNqQixLQUFLLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUE7Ozs7Ozt3QkFNN0MsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUE7b0VBQ1EsQ0FBQzt1QkFDOUMsQ0FBQzs7O29FQUc0QyxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7OzthQUcvRixDQUFDO1dBQ0gsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUE7O1dBRXZDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQzs7VUFFMUQsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFBLDBDQUEwQyxDQUFDLENBQUMsQ0FBQyxFQUFFOztLQUUzRSxDQUFDO1FBQ0osQ0FBQztRQUVPLFdBQVcsQ0FBQyxTQUF5QjtZQUMzQyxNQUFNLFNBQVMsR0FBRyxJQUFJLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQyxDQUFDO1lBQ3BELE1BQU0sU0FBUyxHQUFHLFNBQVMsQ0FBQyxrQkFBa0IsQ0FBQyxPQUFPLEVBQUUsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsQ0FBQyxDQUFDO1lBQzdGLE1BQU0sY0FBYyxHQUFHLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxXQUFXLEVBQUUsRUFBRSxTQUFTLENBQUMsUUFBUSxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDM0YsTUFBTSxHQUFHLEdBQUcsSUFBSSxJQUFJLEVBQUUsQ0FBQztZQUN2QixNQUFNLGNBQWMsR0FBRyxTQUFTLENBQUMsUUFBUSxFQUFFLEtBQUssR0FBRyxDQUFDLFFBQVEsRUFBRSxJQUFJLFNBQVMsQ0FBQyxXQUFXLEVBQUUsS0FBSyxHQUFHLENBQUMsV0FBVyxFQUFFLENBQUM7WUFDaEgsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxTQUFTLENBQUMsYUFBYSxDQUFDLENBQUM7WUFFakUsT0FBTyxJQUFJLENBQUE7NkNBQzhCLElBQUksQ0FBQyxXQUFXOztZQUVqRCxTQUFTO1lBQ1QsY0FBYyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUEsNENBQTRDLENBQUMsQ0FBQyxDQUFDLEVBQUU7Ozs7Y0FJcEUsSUFBSSxDQUFDLG1CQUFtQixFQUFFO2NBQzFCLElBQUksQ0FBQyxlQUFlLENBQUMsY0FBYyxDQUFDO2NBQ3BDLFNBQVMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxFQUFFLEtBQUssRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsS0FBSyxDQUFDLENBQUM7Y0FDOUQsSUFBSSxDQUFDLHVCQUF1QixDQUFDLGNBQWMsR0FBRyxTQUFTLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQzs7Ozs7O3dDQU0xQyxXQUFXLEtBQUssU0FBUyxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDOzs7MENBR2hELFdBQVcsbUJBQW1CLFNBQVMsQ0FBQyxhQUFhOztZQUVuRixTQUFTLENBQUMsY0FBYyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFBOzs7MkNBR0osU0FBUyxDQUFDLGNBQWM7O1dBRXhELENBQUMsQ0FBQyxDQUFDLEVBQUU7OztLQUdYLENBQUM7UUFDSixDQUFDO1FBRU8sY0FBYyxDQUFDLE1BQWM7WUFDbkMsSUFBSSxNQUFNLElBQUksSUFBSTtnQkFBRSxPQUFPLE1BQU0sQ0FBQztZQUNsQyxJQUFJLE1BQU0sSUFBSSxFQUFFO2dCQUFFLE9BQU8sU0FBUyxDQUFDO1lBQ25DLE9BQU8sS0FBSyxDQUFDO1FBQ2YsQ0FBQztRQUVPLG1CQUFtQjtZQUN6QixNQUFNLFFBQVEsR0FBRyxDQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLEdBQUcsQ0FBQyxDQUFDO1lBQ3JELE9BQU8sUUFBUSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQSw4QkFBOEIsR0FBRyxRQUFRLENBQUMsQ0FBQztRQUM1RSxDQUFDO1FBRU8sZUFBZSxDQUFDLEtBQWE7WUFDbkMsT0FBTyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUEscUNBQXFDLENBQUMsQ0FBQztRQUNuRixDQUFDO1FBRU8sdUJBQXVCLENBQUMsVUFBa0I7WUFDaEQsTUFBTSxTQUFTLEdBQUcsVUFBVSxHQUFHLENBQUMsQ0FBQztZQUNqQyxNQUFNLGFBQWEsR0FBRyxTQUFTLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxTQUFTLENBQUM7WUFDMUQsT0FBTyxLQUFLLENBQUMsYUFBYSxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUEscUNBQXFDLENBQUMsQ0FBQztRQUMzRixDQUFDO1FBRU8sU0FBUyxDQUFDLEdBQVEsRUFBRSxRQUFnQixDQUFDO1lBQzNDLE1BQU0sTUFBTSxHQUFHLEdBQUcsQ0FBQyxNQUFNLElBQUksU0FBUyxDQUFDO1lBQ3ZDLE1BQU0sSUFBSSxHQUFHLElBQUksSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUNoQyxNQUFNLEdBQUcsR0FBRyxJQUFJLElBQUksRUFBRSxDQUFDO1lBQ3ZCLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxZQUFZLEVBQUUsS0FBSyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDM0QsTUFBTSxlQUFlLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUU1RCxPQUFPLElBQUksQ0FBQTs7MkJBRVksTUFBTSxJQUFJLE9BQU8sQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLElBQUksTUFBTSxLQUFLLGFBQWEsQ0FBQyxDQUFDLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxFQUFFOzhCQUNoRixLQUFLO3NCQUNiLENBQUMsQ0FBYSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsV0FBVyxJQUFJLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQyxFQUFFLEdBQUcsQ0FBQztpQkFDdkUsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxHQUFHLENBQUM7O1VBRXJDLENBQUMsTUFBTSxLQUFLLGNBQWMsSUFBSSxNQUFNLEtBQUssZ0JBQWdCLENBQUMsSUFBSSxHQUFHLENBQUMsU0FBUyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFBO3lDQUN2RCxHQUFHLENBQUMsU0FBUztTQUM3QyxDQUFDLENBQUMsQ0FBQyxFQUFFOztLQUVULENBQUM7UUFDSixDQUFDO1FBRU8sa0JBQWtCLENBQUMsTUFBYztZQUN2QyxJQUFJLE1BQU0sSUFBSSxJQUFJO2dCQUFFLE9BQU8sYUFBYSxDQUFDO1lBQ3pDLElBQUksTUFBTSxJQUFJLEVBQUU7Z0JBQUUsT0FBTyxZQUFZLENBQUM7WUFDdEMsT0FBTyxFQUFFLENBQUM7UUFDWixDQUFDO1FBRU8sY0FBYyxDQUFDLEtBQWlCLEVBQUUsR0FBUTtZQUNoRCxNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsVUFBVSxFQUFFLGNBQWMsQ0FBQyxTQUFTLENBQWdCLENBQUM7WUFDMUUsSUFBSSxDQUFDLE9BQU87Z0JBQUUsT0FBTztZQUVyQixNQUFNLElBQUksR0FBRyxJQUFJLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDaEMsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLE9BQU8sRUFBRTtnQkFDL0MsT0FBTyxFQUFFLE9BQU87Z0JBQ2hCLEtBQUssRUFBRSxPQUFPO2dCQUNkLEdBQUcsRUFBRSxTQUFTO2FBQ2YsQ0FBQyxDQUFDO1lBRUgsSUFBSSxVQUFVLEdBQUcsR0FBRyxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1lBQy9DLFVBQVUsR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLFdBQVcsRUFBRSxHQUFHLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFFdEUsTUFBTSxXQUFXLEdBQUcsR0FBRyxDQUFDLE1BQU0sSUFBSSxJQUFJLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDO2dCQUNoQyxHQUFHLENBQUMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7WUFFN0QsT0FBTyxDQUFDLFNBQVMsR0FBRztrQ0FDVSxPQUFPOzt1R0FFOEQsV0FBVztVQUN4RyxVQUFVOztrREFFOEIsR0FBRyxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO1FBQy9ELEdBQUcsQ0FBQyxTQUFTLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxnREFBZ0QsR0FBRyxDQUFDLFNBQVMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLEVBQUU7UUFDdkcsR0FBRyxDQUFDLGFBQWEsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLCtDQUErQyxHQUFHLENBQUMsYUFBYSxrQkFBa0IsQ0FBQyxDQUFDLENBQUMsRUFBRTs7eURBRTlELEdBQUcsQ0FBQyxNQUFNLGtCQUFrQixXQUFXOztLQUUzRixDQUFDO1lBRUYsTUFBTSxJQUFJLEdBQUksS0FBSyxDQUFDLE1BQXNCLENBQUMscUJBQXFCLEVBQUUsQ0FBQztZQUNuRSxNQUFNLGFBQWEsR0FBRyxJQUFJLENBQUMscUJBQXFCLEVBQUUsQ0FBQztZQUVuRCxPQUFPLENBQUMsS0FBSyxDQUFDLElBQUksR0FBRyxHQUFHLElBQUksQ0FBQyxJQUFJLEdBQUcsYUFBYSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsS0FBSyxHQUFHLENBQUMsSUFBSSxDQUFDO1lBQzVFLE9BQU8sQ0FBQyxLQUFLLENBQUMsR0FBRyxHQUFHLEdBQUcsSUFBSSxDQUFDLEdBQUcsR0FBRyxhQUFhLENBQUMsR0FBRyxHQUFHLEVBQUUsSUFBSSxDQUFDO1lBQzdELE9BQU8sQ0FBQyxLQUFLLENBQUMsU0FBUyxHQUFHLG9DQUFvQyxDQUFDO1lBQy9ELE9BQU8sQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQ25DLENBQUM7UUFFTyxXQUFXO1lBQ2pCLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxVQUFVLEVBQUUsY0FBYyxDQUFDLFNBQVMsQ0FBZ0IsQ0FBQztZQUMxRSxJQUFJLE9BQU8sRUFBRSxDQUFDO2dCQUNaLE9BQU8sQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1lBQ3RDLENBQUM7UUFDSCxDQUFDO1FBRU8sY0FBYyxDQUFDLEdBQVE7WUFDN0IsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLFdBQVcsQ0FBQyxVQUFVLEVBQUU7Z0JBQzdDLE1BQU0sRUFBRTtvQkFDTixJQUFJLEVBQUUsR0FBRyxDQUFDLElBQUk7b0JBQ2QsTUFBTSxFQUFFLEdBQUcsQ0FBQyxNQUFNO29CQUNsQixTQUFTLEVBQUUsR0FBRyxDQUFDLFNBQVM7b0JBQ3hCLE1BQU0sRUFBRSxHQUFHLENBQUMsTUFBTTtvQkFDbEIsU0FBUyxFQUFFLElBQUksQ0FBQyxTQUFTO2lCQUMxQjtnQkFDRCxPQUFPLEVBQUUsSUFBSTtnQkFDYixRQUFRLEVBQUUsSUFBSTthQUNmLENBQUMsQ0FBQyxDQUFDO1FBQ04sQ0FBQzs7WUFqbUJVLHVEQUF3Qjs7Ozs7U0FBeEIsd0JBQXdCIn0=