@uptime.link/statuspage 1.0.74 → 1.2.0

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

@@ -1,58 +1,694 @@
-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, cssManager, css, } from '@design.estate/dees-element';
+import { DeesElement, property, html, customElement, cssManager, css, 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 UplStatuspageAssetsselector = class UplStatuspageAssetsselector extends DeesElement {
-    static { this.demo = () => html `
-    <upl-statuspage-assetsselector></upl-statuspage-assetsselector>
-  `; }
-    constructor() {
-        super();
-    }
-    static { this.styles = [
-        cssManager.defaultStyles,
-        css `
+import { demoFunc } from './upl-statuspage-assetsselector.demo.js';
+let UplStatuspageAssetsselector = (() => {
+    let _classDecorators = [customElement('upl-statuspage-assetsselector')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _services_decorators;
+    let _services_initializers = [];
+    let _services_extraInitializers = [];
+    let _filterText_decorators;
+    let _filterText_initializers = [];
+    let _filterText_extraInitializers = [];
+    let _filterCategory_decorators;
+    let _filterCategory_initializers = [];
+    let _filterCategory_extraInitializers = [];
+    let _showOnlySelected_decorators;
+    let _showOnlySelected_initializers = [];
+    let _showOnlySelected_extraInitializers = [];
+    let _loading_decorators;
+    let _loading_initializers = [];
+    let _loading_extraInitializers = [];
+    let _expanded_decorators;
+    let _expanded_initializers = [];
+    let _expanded_extraInitializers = [];
+    var UplStatuspageAssetsselector = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _services_decorators = [property({ type: Array })];
+            _filterText_decorators = [property({ type: String })];
+            _filterCategory_decorators = [property({ type: String })];
+            _showOnlySelected_decorators = [property({ type: Boolean })];
+            _loading_decorators = [property({ type: Boolean })];
+            _expanded_decorators = [property({ type: Boolean })];
+            __esDecorate(this, null, _services_decorators, { kind: "accessor", name: "services", static: false, private: false, access: { has: obj => "services" in obj, get: obj => obj.services, set: (obj, value) => { obj.services = value; } }, metadata: _metadata }, _services_initializers, _services_extraInitializers);
+            __esDecorate(this, null, _filterText_decorators, { kind: "accessor", name: "filterText", static: false, private: false, access: { has: obj => "filterText" in obj, get: obj => obj.filterText, set: (obj, value) => { obj.filterText = value; } }, metadata: _metadata }, _filterText_initializers, _filterText_extraInitializers);
+            __esDecorate(this, null, _filterCategory_decorators, { kind: "accessor", name: "filterCategory", static: false, private: false, access: { has: obj => "filterCategory" in obj, get: obj => obj.filterCategory, set: (obj, value) => { obj.filterCategory = value; } }, metadata: _metadata }, _filterCategory_initializers, _filterCategory_extraInitializers);
+            __esDecorate(this, null, _showOnlySelected_decorators, { kind: "accessor", name: "showOnlySelected", static: false, private: false, access: { has: obj => "showOnlySelected" in obj, get: obj => obj.showOnlySelected, set: (obj, value) => { obj.showOnlySelected = value; } }, metadata: _metadata }, _showOnlySelected_initializers, _showOnlySelected_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, _expanded_decorators, { kind: "accessor", name: "expanded", static: false, private: false, access: { has: obj => "expanded" in obj, get: obj => obj.expanded, set: (obj, value) => { obj.expanded = value; } }, metadata: _metadata }, _expanded_initializers, _expanded_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            UplStatuspageAssetsselector = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static demo = demoFunc;
+        #services_accessor_storage = __runInitializers(this, _services_initializers, []);
+        get services() { return this.#services_accessor_storage; }
+        set services(value) { this.#services_accessor_storage = value; }
+        #filterText_accessor_storage = (__runInitializers(this, _services_extraInitializers), __runInitializers(this, _filterText_initializers, ''));
+        get filterText() { return this.#filterText_accessor_storage; }
+        set filterText(value) { this.#filterText_accessor_storage = value; }
+        #filterCategory_accessor_storage = (__runInitializers(this, _filterText_extraInitializers), __runInitializers(this, _filterCategory_initializers, 'all'));
+        get filterCategory() { return this.#filterCategory_accessor_storage; }
+        set filterCategory(value) { this.#filterCategory_accessor_storage = value; }
+        #showOnlySelected_accessor_storage = (__runInitializers(this, _filterCategory_extraInitializers), __runInitializers(this, _showOnlySelected_initializers, false));
+        get showOnlySelected() { return this.#showOnlySelected_accessor_storage; }
+        set showOnlySelected(value) { this.#showOnlySelected_accessor_storage = value; }
+        #loading_accessor_storage = (__runInitializers(this, _showOnlySelected_extraInitializers), __runInitializers(this, _loading_initializers, false));
+        get loading() { return this.#loading_accessor_storage; }
+        set loading(value) { this.#loading_accessor_storage = value; }
+        #expanded_accessor_storage = (__runInitializers(this, _loading_extraInitializers), __runInitializers(this, _expanded_initializers, false));
+        get expanded() { return this.#expanded_accessor_storage; }
+        set expanded(value) { this.#expanded_accessor_storage = value; }
+        constructor() {
+            super();
+            __runInitializers(this, _expanded_extraInitializers);
+        }
+        static styles = [
+            cssManager.defaultStyles,
+            sharedStyles.commonStyles,
+            css `
       :host {
-          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)};
+        }
+
+        .controls {
+          display: flex;
+          gap: ${unsafeCSS(sharedStyles.spacing.sm)};
+          margin-bottom: ${unsafeCSS(sharedStyles.spacing.md)};
+          flex-wrap: wrap;
+          align-items: center;
+        }
+
+        .search-input {
+          flex: 1;
+          min-width: 200px;
+          padding: ${unsafeCSS(sharedStyles.spacing.xs)} ${unsafeCSS(sharedStyles.spacing.sm)};
+          border: 1px solid ${sharedStyles.colors.border.default};
+          border-radius: ${unsafeCSS(sharedStyles.borderRadius.base)};
+          background: ${sharedStyles.colors.background.card};
+          color: ${sharedStyles.colors.text.primary};
+          font-size: 13px;
+          font-family: ${unsafeCSS(sharedStyles.fonts.base)};
+          transition: all ${unsafeCSS(sharedStyles.durations.fast)} ${unsafeCSS(sharedStyles.easings.default)};
+          height: 32px;
+        }
+
+        .search-input:focus {
+          outline: none;
+          border-color: ${sharedStyles.colors.text.primary};
+          box-shadow: 0 0 0 2px ${cssManager.bdTheme('rgba(0, 0, 0, 0.05)', 'rgba(255, 255, 255, 0.05)')};
+        }
+
+        .search-input::placeholder {
+          color: ${sharedStyles.colors.text.muted};
+        }
+
+        .filter-button {
+          display: inline-flex;
+          align-items: center;
+          justify-content: center;
+          padding: ${unsafeCSS(sharedStyles.spacing.xs)} ${unsafeCSS(sharedStyles.spacing.sm)};
+          border: 1px solid ${sharedStyles.colors.border.default};
+          border-radius: ${unsafeCSS(sharedStyles.borderRadius.base)};
+          background: ${sharedStyles.colors.background.card};
+          color: ${sharedStyles.colors.text.secondary};
+          cursor: pointer;
+          font-size: 13px;
+          font-weight: 500;
+          font-family: ${unsafeCSS(sharedStyles.fonts.base)};
+          transition: all ${unsafeCSS(sharedStyles.durations.fast)} ${unsafeCSS(sharedStyles.easings.default)};
+          height: 32px;
+        }
+
+        .filter-button:hover {
+          border-color: ${sharedStyles.colors.border.muted};
+          color: ${sharedStyles.colors.text.primary};
+          box-shadow: ${unsafeCSS(sharedStyles.shadows.sm)};
         }
 
-        .mainbox {
-          margin: auto;
-          max-width: 900px;
+        .filter-button.active {
+          background: ${sharedStyles.colors.text.primary};
+          color: ${sharedStyles.colors.background.primary};
+          border-color: ${sharedStyles.colors.text.primary};
+        }
+
+        .selected-services {
+          display: flex;
+          flex-wrap: wrap;
+          gap: ${unsafeCSS(sharedStyles.spacing.sm)};
+          align-items: center;
+        }
+
+        .service-pill {
+          display: inline-flex;
+          align-items: center;
+          gap: ${unsafeCSS(sharedStyles.spacing.xs)};
+          padding: 6px ${unsafeCSS(sharedStyles.spacing.md)};
+          background: ${sharedStyles.colors.background.card};
+          border: 1px solid ${sharedStyles.colors.border.default};
+          border-radius: ${unsafeCSS(sharedStyles.borderRadius.full)};
+          font-size: 13px;
+          font-weight: 500;
+          transition: all ${unsafeCSS(sharedStyles.durations.fast)} ${unsafeCSS(sharedStyles.easings.default)};
+          animation: pillFadeIn 0.3s ${unsafeCSS(sharedStyles.easings.default)} both;
+        }
+
+        .service-pill:nth-child(1) { animation-delay: 0ms; }
+        .service-pill:nth-child(2) { animation-delay: 30ms; }
+        .service-pill:nth-child(3) { animation-delay: 60ms; }
+        .service-pill:nth-child(4) { animation-delay: 90ms; }
+        .service-pill:nth-child(5) { animation-delay: 120ms; }
+
+        @keyframes pillFadeIn {
+          from {
+            opacity: 0;
+            transform: scale(0.9);
+          }
+          to {
+            opacity: 1;
+            transform: scale(1);
+          }
+        }
+
+        .service-pill:hover {
+          border-color: ${sharedStyles.colors.border.muted};
+          box-shadow: ${unsafeCSS(sharedStyles.shadows.sm)};
+          transform: translateY(-1px);
+        }
+
+        .service-pill .status-dot {
+          width: 6px;
+          height: 6px;
+          border-radius: 50%;
+          flex-shrink: 0;
+        }
+
+        .service-pill .status-dot.operational {
+          box-shadow: 0 0 0 2px ${cssManager.bdTheme('rgba(34, 197, 94, 0.2)', 'rgba(34, 197, 94, 0.3)')};
+        }
+
+        .manage-button {
+          display: inline-flex;
+          align-items: center;
+          gap: ${unsafeCSS(sharedStyles.spacing.xs)};
+          padding: 6px ${unsafeCSS(sharedStyles.spacing.md)};
+          background: ${sharedStyles.colors.background.card};
+          border: 1px solid ${sharedStyles.colors.border.default};
+          border-radius: ${unsafeCSS(sharedStyles.borderRadius.base)};
+          font-size: 13px;
+          font-weight: 500;
+          cursor: pointer;
+          transition: all ${unsafeCSS(sharedStyles.durations.fast)} ${unsafeCSS(sharedStyles.easings.default)};
+          color: ${sharedStyles.colors.text.secondary};
+          font-family: ${unsafeCSS(sharedStyles.fonts.base)};
+        }
+
+        .manage-button:hover {
+          border-color: ${sharedStyles.colors.border.muted};
+          color: ${sharedStyles.colors.text.primary};
+          box-shadow: ${unsafeCSS(sharedStyles.shadows.sm)};
+          transform: translateY(-1px);
+        }
+
+        .manage-button:active {
+          transform: translateY(0);
+        }
+
+        .expandable-section {
+          margin-top: ${unsafeCSS(sharedStyles.spacing.lg)};
+          overflow: hidden;
+          animation: expandIn 0.3s ${unsafeCSS(sharedStyles.easings.default)};
+        }
+
+        @keyframes expandIn {
+          from {
+            opacity: 0;
+            transform: translateY(-8px);
+          }
+          to {
+            opacity: 1;
+            transform: translateY(0);
+          }
+        }
+
+        .expandable-content {
+          padding: ${unsafeCSS(sharedStyles.spacing.lg)};
+          background: ${sharedStyles.colors.background.secondary};
+          border: 1px solid ${sharedStyles.colors.border.default};
+          border-radius: ${unsafeCSS(sharedStyles.borderRadius.lg)};
+        }
+
+        .assets-grid {
+          display: grid;
+          grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+          gap: ${unsafeCSS(sharedStyles.spacing.sm)};
+          margin-top: ${unsafeCSS(sharedStyles.spacing.md)};
+        }
+
+        .asset-card {
+          display: flex;
+          align-items: center;
+          padding: ${unsafeCSS(sharedStyles.spacing.md)};
+          background: ${sharedStyles.colors.background.card};
+          border-radius: ${unsafeCSS(sharedStyles.borderRadius.base)};
+          cursor: pointer;
+          transition: all ${unsafeCSS(sharedStyles.durations.fast)} ${unsafeCSS(sharedStyles.easings.default)};
+          border: 1px solid ${sharedStyles.colors.border.default};
+          gap: ${unsafeCSS(sharedStyles.spacing.sm)};
+          animation: cardFadeIn 0.3s ${unsafeCSS(sharedStyles.easings.default)} both;
+        }
+
+        @keyframes cardFadeIn {
+          from {
+            opacity: 0;
+            transform: translateY(8px);
+          }
+          to {
+            opacity: 1;
+            transform: translateY(0);
+          }
+        }
+
+        .asset-card:hover {
+          border-color: ${sharedStyles.colors.border.muted};
+          box-shadow: ${unsafeCSS(sharedStyles.shadows.sm)};
+          transform: translateY(-2px);
+        }
+
+        .asset-card.selected {
+          border-color: ${sharedStyles.colors.text.primary};
+          background: ${sharedStyles.colors.background.secondary};
+        }
+
+        .asset-card.selected:hover {
+          box-shadow: ${unsafeCSS(sharedStyles.shadows.md)};
+        }
+
+        .asset-checkbox {
+          width: 16px;
+          height: 16px;
+          cursor: pointer;
+          accent-color: ${sharedStyles.colors.text.primary};
+          flex-shrink: 0;
+        }
+
+        .asset-info {
+          flex: 1;
+          min-width: 0;
+        }
+
+        .asset-name {
+          font-weight: 600;
+          font-size: 14px;
+          margin-bottom: ${unsafeCSS(sharedStyles.spacing.xs)};
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+        }
+
+        .asset-description {
+          font-size: 13px;
+          color: ${sharedStyles.colors.text.secondary};
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+        }
+
+        .asset-status {
+          display: flex;
+          align-items: center;
+          gap: ${unsafeCSS(sharedStyles.spacing.xs)};
+          flex-shrink: 0;
+        }
+
+        .status-indicator {
+          width: 8px;
+          height: 8px;
+          border-radius: ${unsafeCSS(sharedStyles.borderRadius.full)};
+          flex-shrink: 0;
+        }
+
+        .status-indicator.operational, .status-dot.operational {
+          background: ${sharedStyles.colors.status.operational};
+        }
+        .status-indicator.degraded, .status-dot.degraded {
+          background: ${sharedStyles.colors.status.degraded};
+        }
+        .status-indicator.partial_outage, .status-dot.partial_outage {
+          background: ${sharedStyles.colors.status.partial};
+        }
+        .status-indicator.major_outage, .status-dot.major_outage {
+          background: ${sharedStyles.colors.status.major};
+        }
+        .status-indicator.maintenance, .status-dot.maintenance {
+          background: ${sharedStyles.colors.status.maintenance};
+        }
+
+        .status-text {
+          font-size: 12px;
+          text-transform: capitalize;
+          color: ${sharedStyles.colors.text.secondary};
+        }
+
+        .loading-message,
+        .no-results {
+          grid-column: 1 / -1;
+          text-align: center;
+          padding: ${unsafeCSS(sharedStyles.spacing.xl)};
+          color: ${cssManager.bdTheme('#9ca3af', '#71717a')};
+          font-size: 13px;
+        }
+
+        .summary {
+          text-align: right;
+          font-size: 12px;
+          margin-top: ${unsafeCSS(sharedStyles.spacing.md)};
+          color: ${cssManager.bdTheme('#9ca3af', '#71717a')};
+        }
+
+        .no-services {
+          padding: ${unsafeCSS(sharedStyles.spacing.xl)};
           text-align: center;
-          height: 50px;
-          border-radius: 3px;
-          background: ${cssManager.bdTheme('#ffffff', '#333333')};;
+          color: ${cssManager.bdTheme('#9ca3af', '#71717a')};
+          font-size: 13px;
+        }
+
+        @media (max-width: 640px) {
+          .container {
+            padding: 0 ${unsafeCSS(sharedStyles.spacing.md)} ${unsafeCSS(sharedStyles.spacing.md)} ${unsafeCSS(sharedStyles.spacing.md)};
+          }
+
+          .controls {
+            flex-direction: column;
+            align-items: stretch;
+          }
+
+          .search-input {
+            width: 100%;
+          }
+
+          .selected-services {
+            flex-direction: column;
+            align-items: stretch;
+          }
+
+          .service-pill {
+            width: auto;
+          }
+
+          .expandable-content {
+            padding: ${unsafeCSS(sharedStyles.spacing.md)};
+          }
+
+          .assets-grid {
+            grid-template-columns: 1fr;
+          }
+
+          .asset-card {
+            padding: ${unsafeCSS(sharedStyles.spacing.sm)};
+          }
         }
     `,
-    ]; }
-    render() {
-        return html `
-      <style>
+        ];
+        render() {
+            const selectedServices = this.services.filter(s => s.selected);
+            const selectedCount = selectedServices.length;
+            const categories = this.getUniqueCategories();
+            return html `
+      <div class="container">
+        <uplinternal-miniheading>Monitored Assets</uplinternal-miniheading>
+        
+        <div class="selected-services">
+          ${selectedCount === 0 ? html `
+            <span style="color: ${cssManager.bdTheme('#9ca3af', '#71717a')}; font-size: 13px;">
+              No services selected
+            </span>
+          ` : selectedCount > 5 && !this.expanded ? html `
+            ${selectedServices.slice(0, 4).map(service => html `
+              <div class="service-pill">
+                <span class="status-dot ${service.currentStatus}"></span>
+                <span>${service.displayName}</span>
+              </div>
+            `)}
+            <span style="color: ${cssManager.bdTheme('#6b7280', '#a1a1aa')}; font-size: 12px;">
+              +${selectedCount - 4} more
+            </span>
+          ` : selectedServices.map(service => html `
+            <div class="service-pill">
+              <span class="status-dot ${service.currentStatus}"></span>
+              <span>${service.displayName}</span>
+            </div>
+          `)}
+          
+          <button 
+            class="manage-button"
+            @click=${() => { this.expanded = !this.expanded; }}
+          >
+            ${this.expanded ? 'Close' : 'Manage Services'}
+            <svg 
+              width="10" 
+              height="6" 
+              viewBox="0 0 10 6" 
+              fill="none" 
+              xmlns="http://www.w3.org/2000/svg"
+              style="transform: rotate(${this.expanded ? '180deg' : '0'}); transition: transform 0.2s;"
+            >
+              <path 
+                d="M1 1L5 5L9 1" 
+                stroke="currentColor" 
+                stroke-width="1.5" 
+                stroke-linecap="round" 
+                stroke-linejoin="round"
+              />
+            </svg>
+          </button>
+        </div>
         
-      </style>
-      <uplinternal-miniheading>Monitored Assets</uplinternal-miniheading>
-      <div class="mainbox">
-        Hello!
+        ${this.expanded ? html `
+          <div class="expandable-section">
+            <div class="expandable-content">
+              <div class="controls">
+                <input
+                  type="text"
+                  class="search-input"
+                  placeholder="Search services..."
+                  .value=${this.filterText}
+                  @input=${(e) => {
+                this.filterText = e.target.value;
+            }}
+                />
+                
+                <button
+                  class="filter-button ${this.filterCategory === 'all' ? 'active' : ''}"
+                  @click=${() => { this.filterCategory = 'all'; }}
+                >
+                  All
+                </button>
+                
+                ${categories.map(category => html `
+                  <button
+                    class="filter-button ${this.filterCategory === category ? 'active' : ''}"
+                    @click=${() => { this.filterCategory = category; }}
+                  >
+                    ${category}
+                  </button>
+                `)}
+                
+                <button
+                  class="filter-button ${this.showOnlySelected ? 'active' : ''}"
+                  @click=${() => { this.showOnlySelected = !this.showOnlySelected; }}
+                >
+                  ${this.showOnlySelected ? 'Show All' : 'Selected Only'}
+                </button>
+                
+                <button
+                  class="filter-button"
+                  @click=${() => this.selectAll()}
+                >
+                  Select All
+                </button>
+                
+                <button
+                  class="filter-button"
+                  @click=${() => this.selectNone()}
+                >
+                  Select None
+                </button>
+              </div>
+              
+              <div class="assets-grid">
+                ${this.loading ? html `
+                  <div class="loading-message">Loading services...</div>
+                ` : this.renderServiceGrid()}
+              </div>
+              
+              <div class="summary">
+                ${selectedCount} of ${this.services.length} services selected
+              </div>
+            </div>
+          </div>
+        ` : ''}
       </div>
     `;
-    }
-};
-UplStatuspageAssetsselector = __decorate([
-    customElement('upl-statuspage-assetsselector'),
-    __metadata("design:paramtypes", [])
-], UplStatuspageAssetsselector);
+        }
+        getFilteredServices() {
+            return this.services.filter(service => {
+                // Apply text filter
+                if (this.filterText && !service.displayName.toLowerCase().includes(this.filterText.toLowerCase()) &&
+                    (!service.description || !service.description.toLowerCase().includes(this.filterText.toLowerCase()))) {
+                    return false;
+                }
+                // Apply category filter
+                if (this.filterCategory !== 'all' && service.category !== this.filterCategory) {
+                    return false;
+                }
+                // Apply selected filter
+                if (this.showOnlySelected && !service.selected) {
+                    return false;
+                }
+                return true;
+            });
+        }
+        getUniqueCategories() {
+            const categories = new Set();
+            this.services.forEach(service => {
+                if (service.category) {
+                    categories.add(service.category);
+                }
+            });
+            return Array.from(categories).sort();
+        }
+        toggleService(serviceId) {
+            const service = this.services.find(s => s.id === serviceId);
+            if (service) {
+                service.selected = !service.selected;
+                this.requestUpdate();
+                this.dispatchEvent(new CustomEvent('selectionChanged', {
+                    detail: {
+                        serviceId,
+                        selected: service.selected,
+                        selectedServices: this.services.filter(s => s.selected).map(s => s.id)
+                    },
+                    bubbles: true,
+                    composed: true
+                }));
+            }
+        }
+        selectAll() {
+            const filteredServices = this.getFilteredServices();
+            filteredServices.forEach(service => {
+                service.selected = true;
+            });
+            this.requestUpdate();
+            this.emitSelectionUpdate();
+        }
+        selectNone() {
+            const filteredServices = this.getFilteredServices();
+            filteredServices.forEach(service => {
+                service.selected = false;
+            });
+            this.requestUpdate();
+            this.emitSelectionUpdate();
+        }
+        emitSelectionUpdate() {
+            this.dispatchEvent(new CustomEvent('selectionChanged', {
+                detail: {
+                    selectedServices: this.services.filter(s => s.selected).map(s => s.id)
+                },
+                bubbles: true,
+                composed: true
+            }));
+        }
+        renderServiceGrid() {
+            const filteredServices = this.getFilteredServices();
+            if (filteredServices.length === 0) {
+                return html `<div class="no-results">No services found matching your criteria</div>`;
+            }
+            return html `${filteredServices.map(service => html `
+      <div 
+        class="asset-card ${service.selected ? 'selected' : ''}"
+        @click=${() => this.toggleService(service.id)}
+      >
+        <input
+          type="checkbox"
+          class="asset-checkbox"
+          .checked=${service.selected}
+          @click=${(e) => e.stopPropagation()}
+          @change=${(e) => {
+                e.stopPropagation();
+                this.toggleService(service.id);
+            }}
+        />
+        
+        <div class="asset-info">
+          <div class="asset-name">${service.displayName}</div>
+          ${service.description ? html `
+            <div class="asset-description">${service.description}</div>
+          ` : ''}
+        </div>
+        
+        <div class="asset-status">
+          <div class="status-indicator ${service.currentStatus}"></div>
+          <div class="status-text">${service.currentStatus.replace(/_/g, ' ')}</div>
+        </div>
+      </div>
+    `)}`;
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return UplStatuspageAssetsselector = _classThis;
+})();
 export { UplStatuspageAssetsselector };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsLXN0YXR1c3BhZ2UtYXNzZXRzc2VsZWN0b3IuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvdXBsLXN0YXR1c3BhZ2UtYXNzZXRzc2VsZWN0b3IudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUNMLFdBQVcsRUFDWCxRQUFRLEVBQ1IsSUFBSSxFQUNKLGFBQWEsRUFFYixVQUFVLEVBQ1YsR0FBRyxHQUNKLE1BQU0sNkJBQTZCLENBQUM7QUFDckMsT0FBTyxLQUFLLFFBQVEsTUFBTSw4QkFBOEIsQ0FBQztBQUV6RCxPQUFPLHVDQUF1QyxDQUFDO0FBU3hDLElBQU0sMkJBQTJCLEdBQWpDLE1BQU0sMkJBQTRCLFNBQVEsV0FBVzthQUM1QyxTQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOztHQUU5QixBQUZpQixDQUVoQjtJQUVGO1FBQ0UsS0FBSyxFQUFFLENBQUM7SUFDVixDQUFDO2FBRWEsV0FBTSxHQUFHO1FBQ3JCLFVBQVUsQ0FBQyxhQUFhO1FBQ3hCLEdBQUcsQ0FBQTs7Ozt3QkFJaUIsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDOzs7Ozs7Ozs7Ozt3QkFXeEMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDOztLQUUzRDtLQUNGLEFBcEJtQixDQW9CbkI7SUFFTSxNQUFNO1FBQ1gsT0FBTyxJQUFJLENBQUE7Ozs7Ozs7O0tBUVYsQ0FBQztJQUNKLENBQUM7O0FBekNVLDJCQUEyQjtJQUR2QyxhQUFhLENBQUMsK0JBQStCLENBQUM7O0dBQ2xDLDJCQUEyQixDQTBDdkMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsLXN0YXR1c3BhZ2UtYXNzZXRzc2VsZWN0b3IuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvdXBsLXN0YXR1c3BhZ2UtYXNzZXRzc2VsZWN0b3IudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxXQUFXLEVBQ1gsUUFBUSxFQUNSLElBQUksRUFDSixhQUFhLEVBRWIsVUFBVSxFQUNWLEdBQUcsRUFDSCxTQUFTLEdBQ1YsTUFBTSw2QkFBNkIsQ0FBQztBQUNyQyxPQUFPLEtBQUssUUFBUSxNQUFNLDhCQUE4QixDQUFDO0FBRXpELE9BQU8sS0FBSyxZQUFZLE1BQU0sNEJBQTRCLENBQUM7QUFFM0QsT0FBTyx1Q0FBdUMsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0seUNBQXlDLENBQUM7SUFTdEQsMkJBQTJCOzRCQUR2QyxhQUFhLENBQUMsK0JBQStCLENBQUM7Ozs7c0JBQ0UsV0FBVzs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsyQ0FBbkIsU0FBUSxXQUFXOzs7O29DQUd6RCxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLENBQUM7c0NBR3pCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQzswQ0FHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDOzRDQUcxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLENBQUM7bUNBRzNCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsQ0FBQztvQ0FHM0IsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxDQUFDO1lBZDVCLDZLQUFTLFFBQVEsNkJBQVIsUUFBUSwyRkFBd0I7WUFHekMsbUxBQVMsVUFBVSw2QkFBVixVQUFVLCtGQUFjO1lBR2pDLCtMQUFTLGNB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