@serve.zone/catalog 1.0.1

package/dist_ts_web/00_commitinfo_data.d.ts

@@ -0,0 +1,8 @@
+/**
+ * autocreated commitinfo by @push.rocks/commitinfo
+ */
+export declare const commitinfo: {
+    name: string;
+    version: string;
+    description: string;
+};

package/dist_ts_web/00_commitinfo_data.js

@@ -0,0 +1,9 @@
+/**
+ * autocreated commitinfo by @push.rocks/commitinfo
+ */
+export const commitinfo = {
+    name: '@serve.zone/catalog',
+    version: '1.0.1',
+    description: 'UI component catalog for serve.zone'
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUscUJBQXFCO0lBQzNCLE9BQU8sRUFBRSxPQUFPO0lBQ2hCLFdBQVcsRUFBRSxxQ0FBcUM7Q0FDbkQsQ0FBQSJ9

package/dist_ts_web/elements/index.d.ts

@@ -0,0 +1,33 @@
+export * from './sz-stat-card.js';
+export * from './sz-resource-usage-card.js';
+export * from './sz-traffic-card.js';
+export * from './sz-platform-services-card.js';
+export * from './sz-certificates-card.js';
+export * from './sz-reverse-proxy-card.js';
+export * from './sz-dns-ssl-card.js';
+export * from './sz-quick-actions-card.js';
+export * from './sz-status-grid-cluster.js';
+export * from './sz-status-grid-services.js';
+export * from './sz-status-grid-network.js';
+export * from './sz-status-grid-infra.js';
+export * from './sz-dashboard-view.js';
+export * from './sz-network-proxy-view.js';
+export * from './sz-network-dns-view.js';
+export * from './sz-network-domains-view.js';
+export * from './sz-registry-onebox-view.js';
+export * from './sz-registry-external-view.js';
+export * from './sz-services-list-view.js';
+export * from './sz-services-backups-view.js';
+export * from './sz-service-detail-view.js';
+export * from './sz-tokens-view.js';
+export * from './sz-settings-view.js';
+export * from './sz-login-view.js';
+export * from './sz-service-create-view.js';
+export * from './sz-platform-service-detail-view.js';
+export * from './sz-domain-detail-view.js';
+export * from './sz-demo-view-dashboard.js';
+export * from './sz-demo-view-services.js';
+export * from './sz-demo-view-network.js';
+export * from './sz-demo-view-registries.js';
+export * from './sz-demo-view-tokens.js';
+export * from './sz-demo-view-settings.js';

package/dist_ts_web/elements/index.js

@@ -0,0 +1,45 @@
+// Dashboard Cards
+export * from './sz-stat-card.js';
+export * from './sz-resource-usage-card.js';
+export * from './sz-traffic-card.js';
+export * from './sz-platform-services-card.js';
+export * from './sz-certificates-card.js';
+export * from './sz-reverse-proxy-card.js';
+export * from './sz-dns-ssl-card.js';
+export * from './sz-quick-actions-card.js';
+// Grid Components
+export * from './sz-status-grid-cluster.js';
+export * from './sz-status-grid-services.js';
+export * from './sz-status-grid-network.js';
+export * from './sz-status-grid-infra.js';
+export * from './sz-dashboard-view.js';
+// Network Views
+export * from './sz-network-proxy-view.js';
+export * from './sz-network-dns-view.js';
+export * from './sz-network-domains-view.js';
+// Registry Views
+export * from './sz-registry-onebox-view.js';
+export * from './sz-registry-external-view.js';
+// Services Views
+export * from './sz-services-list-view.js';
+export * from './sz-services-backups-view.js';
+export * from './sz-service-detail-view.js';
+// Tokens View
+export * from './sz-tokens-view.js';
+// Settings View
+export * from './sz-settings-view.js';
+// Auth & Login
+export * from './sz-login-view.js';
+// Service Create
+export * from './sz-service-create-view.js';
+// Detail Views
+export * from './sz-platform-service-detail-view.js';
+export * from './sz-domain-detail-view.js';
+// Demo Views
+export * from './sz-demo-view-dashboard.js';
+export * from './sz-demo-view-services.js';
+export * from './sz-demo-view-network.js';
+export * from './sz-demo-view-registries.js';
+export * from './sz-demo-view-tokens.js';
+export * from './sz-demo-view-settings.js';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsa0JBQWtCO0FBQ2xCLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyw0QkFBNEIsQ0FBQztBQUUzQyxrQkFBa0I7QUFDbEIsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLHdCQUF3QixDQUFDO0FBRXZDLGdCQUFnQjtBQUNoQixjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyw4QkFBOEIsQ0FBQztBQUU3QyxpQkFBaUI7QUFDakIsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLGdDQUFnQyxDQUFDO0FBRS9DLGlCQUFpQjtBQUNqQixjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyw2QkFBNkIsQ0FBQztBQUU1QyxjQUFjO0FBQ2QsY0FBYyxxQkFBcUIsQ0FBQztBQUVwQyxnQkFBZ0I7QUFDaEIsY0FBYyx1QkFBdUIsQ0FBQztBQUV0QyxlQUFlO0FBQ2YsY0FBYyxvQkFBb0IsQ0FBQztBQUVuQyxpQkFBaUI7QUFDakIsY0FBYyw2QkFBNkIsQ0FBQztBQUU1QyxlQUFlO0FBQ2YsY0FBYyxzQ0FBc0MsQ0FBQztBQUNyRCxjQUFjLDRCQUE0QixDQUFDO0FBRTNDLGFBQWE7QUFDYixjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyw0QkFBNEIsQ0FBQyJ9

package/dist_ts_web/elements/sz-certificates-card.d.ts

@@ -0,0 +1,14 @@
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+declare global {
+    interface HTMLElementTagNameMap {
+        'sz-certificates-card': SzCertificatesCard;
+    }
+}
+export declare class SzCertificatesCard extends DeesElement {
+    static demo: () => TemplateResult<1>;
+    accessor validCount: number;
+    accessor expiringCount: number;
+    accessor expiredCount: number;
+    static styles: import("@design.estate/dees-element").CSSResult[];
+    render(): TemplateResult;
+}

package/dist_ts_web/elements/sz-certificates-card.js

@@ -0,0 +1,210 @@
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+import { DeesElement, customElement, html, css, cssManager, property, } from '@design.estate/dees-element';
+let SzCertificatesCard = (() => {
+    let _classDecorators = [customElement('sz-certificates-card')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _validCount_decorators;
+    let _validCount_initializers = [];
+    let _validCount_extraInitializers = [];
+    let _expiringCount_decorators;
+    let _expiringCount_initializers = [];
+    let _expiringCount_extraInitializers = [];
+    let _expiredCount_decorators;
+    let _expiredCount_initializers = [];
+    let _expiredCount_extraInitializers = [];
+    var SzCertificatesCard = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _validCount_decorators = [property({ type: Number })];
+            _expiringCount_decorators = [property({ type: Number })];
+            _expiredCount_decorators = [property({ type: Number })];
+            __esDecorate(this, null, _validCount_decorators, { kind: "accessor", name: "validCount", static: false, private: false, access: { has: obj => "validCount" in obj, get: obj => obj.validCount, set: (obj, value) => { obj.validCount = value; } }, metadata: _metadata }, _validCount_initializers, _validCount_extraInitializers);
+            __esDecorate(this, null, _expiringCount_decorators, { kind: "accessor", name: "expiringCount", static: false, private: false, access: { has: obj => "expiringCount" in obj, get: obj => obj.expiringCount, set: (obj, value) => { obj.expiringCount = value; } }, metadata: _metadata }, _expiringCount_initializers, _expiringCount_extraInitializers);
+            __esDecorate(this, null, _expiredCount_decorators, { kind: "accessor", name: "expiredCount", static: false, private: false, access: { has: obj => "expiredCount" in obj, get: obj => obj.expiredCount, set: (obj, value) => { obj.expiredCount = value; } }, metadata: _metadata }, _expiredCount_initializers, _expiredCount_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            SzCertificatesCard = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static demo = () => html `
+    <div style="padding: 24px; display: flex; gap: 16px; flex-wrap: wrap;">
+      <sz-certificates-card validCount="2"></sz-certificates-card>
+      <sz-certificates-card validCount="5" expiringCount="2"></sz-certificates-card>
+      <sz-certificates-card validCount="0" expiredCount="1"></sz-certificates-card>
+    </div>
+  `;
+        #validCount_accessor_storage = __runInitializers(this, _validCount_initializers, 0);
+        get validCount() { return this.#validCount_accessor_storage; }
+        set validCount(value) { this.#validCount_accessor_storage = value; }
+        #expiringCount_accessor_storage = (__runInitializers(this, _validCount_extraInitializers), __runInitializers(this, _expiringCount_initializers, 0));
+        get expiringCount() { return this.#expiringCount_accessor_storage; }
+        set expiringCount(value) { this.#expiringCount_accessor_storage = value; }
+        #expiredCount_accessor_storage = (__runInitializers(this, _expiringCount_extraInitializers), __runInitializers(this, _expiredCount_initializers, 0));
+        get expiredCount() { return this.#expiredCount_accessor_storage; }
+        set expiredCount(value) { this.#expiredCount_accessor_storage = value; }
+        static styles = [
+            cssManager.defaultStyles,
+            css `
+      :host {
+        display: block;
+        min-width: 200px;
+        height: 100%;
+      }
+
+      .card {
+        background: ${cssManager.bdTheme('#ffffff', '#09090b')};
+        border: 1px solid ${cssManager.bdTheme('#e4e4e7', '#27272a')};
+        border-radius: 8px;
+        padding: 20px;
+        height: 100%;
+        box-sizing: border-box;
+      }
+
+      .header {
+        margin-bottom: 16px;
+      }
+
+      .title {
+        font-size: 16px;
+        font-weight: 600;
+        color: ${cssManager.bdTheme('#18181b', '#fafafa')};
+      }
+
+      .subtitle {
+        font-size: 13px;
+        color: ${cssManager.bdTheme('#71717a', '#a1a1aa')};
+        margin-top: 2px;
+      }
+
+      .status {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+      }
+
+      .status-icon {
+        width: 20px;
+        height: 20px;
+      }
+
+      .status-icon.valid {
+        color: ${cssManager.bdTheme('#22c55e', '#22c55e')};
+      }
+
+      .status-icon.warning {
+        color: ${cssManager.bdTheme('#facc15', '#facc15')};
+      }
+
+      .status-icon.error {
+        color: ${cssManager.bdTheme('#ef4444', '#ef4444')};
+      }
+
+      .status-text {
+        font-size: 14px;
+        color: ${cssManager.bdTheme('#18181b', '#fafafa')};
+      }
+
+      .status-list {
+        display: flex;
+        flex-direction: column;
+        gap: 8px;
+      }
+    `,
+        ];
+        render() {
+            return html `
+      <div class="card">
+        <div class="header">
+          <div class="title">Certificates</div>
+          <div class="subtitle">SSL/TLS certificate status</div>
+        </div>
+
+        <div class="status-list">
+          ${this.validCount > 0 ? html `
+            <div class="status">
+              <svg class="status-icon valid" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <polyline points="20 6 9 17 4 12"></polyline>
+              </svg>
+              <span class="status-text">${this.validCount} valid</span>
+            </div>
+          ` : ''}
+
+          ${this.expiringCount > 0 ? html `
+            <div class="status">
+              <svg class="status-icon warning" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path>
+                <line x1="12" y1="9" x2="12" y2="13"></line>
+                <line x1="12" y1="17" x2="12.01" y2="17"></line>
+              </svg>
+              <span class="status-text">${this.expiringCount} expiring soon</span>
+            </div>
+          ` : ''}
+
+          ${this.expiredCount > 0 ? html `
+            <div class="status">
+              <svg class="status-icon error" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <circle cx="12" cy="12" r="10"></circle>
+                <line x1="15" y1="9" x2="9" y2="15"></line>
+                <line x1="9" y1="9" x2="15" y2="15"></line>
+              </svg>
+              <span class="status-text">${this.expiredCount} expired</span>
+            </div>
+          ` : ''}
+
+          ${this.validCount === 0 && this.expiringCount === 0 && this.expiredCount === 0 ? html `
+            <div class="status">
+              <span class="status-text">No certificates</span>
+            </div>
+          ` : ''}
+        </div>
+      </div>
+    `;
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _expiredCount_extraInitializers);
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return SzCertificatesCard = _classThis;
+})();
+export { SzCertificatesCard };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3otY2VydGlmaWNhdGVzLWNhcmQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvc3otY2VydGlmaWNhdGVzLWNhcmQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxXQUFXLEVBQ1gsYUFBYSxFQUNiLElBQUksRUFDSixHQUFHLEVBQ0gsVUFBVSxFQUNWLFFBQVEsR0FFVCxNQUFNLDZCQUE2QixDQUFDO0lBU3hCLGtCQUFrQjs0QkFEOUIsYUFBYSxDQUFDLHNCQUFzQixDQUFDOzs7O3NCQUNFLFdBQVc7Ozs7Ozs7Ozs7a0NBQW5CLFNBQVEsV0FBVzs7OztzQ0FTaEQsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO3lDQUcxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7d0NBRzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQztZQUwzQixtTEFBZ0IsVUFBVSw2QkFBVixVQUFVLCtGQUFhO1lBR3ZDLDRMQUFnQixhQUFhLDZCQUFiLGFBQWEscUdBQWE7WUFHMUMseUxBQWdCLFlBQVksNkJBQVosWUFBWSxtR0FBYTtZQWhCM0MsNktBeUlDOzs7O1FBeElRLE1BQU0sQ0FBQyxJQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOzs7Ozs7R0FNOUIsQ0FBQztRQUdGLGlGQUFxQyxDQUFDLEVBQUM7UUFBdkMsSUFBZ0IsVUFBVSxnREFBYTtRQUF2QyxJQUFnQixVQUFVLHNEQUFhO1FBR3ZDLGdKQUF3QyxDQUFDLEdBQUM7UUFBMUMsSUFBZ0IsYUFBYSxtREFBYTtRQUExQyxJQUFnQixhQUFhLHlEQUFhO1FBRzFDLGlKQUF1QyxDQUFDLEdBQUM7UUFBekMsSUFBZ0IsWUFBWSxrREFBYTtRQUF6QyxJQUFnQixZQUFZLHdEQUFhO1FBRWxDLE1BQU0sQ0FBQyxNQUFNLEdBQUc7WUFDckIsVUFBVSxDQUFDLGFBQWE7WUFDeEIsR0FBRyxDQUFBOzs7Ozs7OztzQkFRZSxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7NEJBQ2xDLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7aUJBY25ELFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQzs7Ozs7aUJBS3hDLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7OztpQkFnQnhDLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQzs7OztpQkFJeEMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDOzs7O2lCQUl4QyxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7Ozs7O2lCQUt4QyxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7Ozs7Ozs7O0tBUXBEO1NBQ0YsQ0FBQztRQUVLLE1BQU07WUFDWCxPQUFPLElBQUksQ0FBQTs7Ozs7Ozs7WUFRSCxJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFBOzs7OzswQ0FLSSxJQUFJLENBQUMsVUFBVTs7V0FFOUMsQ0FBQyxDQUFDLENBQUMsRUFBRTs7WUFFSixJQUFJLENBQUMsYUFBYSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFBOzs7Ozs7OzBDQU9DLElBQUksQ0FBQyxhQUFhOztXQUVqRCxDQUFDLENBQUMsQ0FBQyxFQUFFOztZQUVKLElBQUksQ0FBQyxZQUFZLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUE7Ozs7Ozs7MENBT0UsSUFBSSxDQUFDLFlBQVk7O1dBRWhELENBQUMsQ0FBQyxDQUFDLEVBQUU7O1lBRUosSUFBSSxDQUFDLFVBQVUsS0FBSyxDQUFDLElBQUksSUFBSSxDQUFDLGFBQWEsS0FBSyxDQUFDLElBQUksSUFBSSxDQUFDLFlBQVksS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQTs7OztXQUlwRixDQUFDLENBQUMsQ0FBQyxFQUFFOzs7S0FHWCxDQUFDO1FBQ0osQ0FBQzs7Ozs7O1lBeElVLHVEQUFrQjs7Ozs7U0FBbEIsa0JBQWtCIn0=

package/dist_ts_web/elements/sz-dashboard-view.d.ts

@@ -0,0 +1,33 @@
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+import './sz-status-grid-cluster.js';
+import './sz-status-grid-services.js';
+import './sz-status-grid-network.js';
+import './sz-status-grid-infra.js';
+import type { IClusterStats } from './sz-status-grid-cluster.js';
+import type { IResourceUsage } from './sz-resource-usage-card.js';
+import type { IPlatformService } from './sz-platform-services-card.js';
+import type { ITrafficData } from './sz-traffic-card.js';
+import type { IProxyStatus, ICertificateStatus } from './sz-status-grid-network.js';
+import type { IQuickAction } from './sz-quick-actions-card.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'sz-dashboard-view': SzDashboardView;
+    }
+}
+export interface IDashboardData {
+    cluster: IClusterStats;
+    resourceUsage: IResourceUsage;
+    platformServices: IPlatformService[];
+    traffic: ITrafficData;
+    proxy: IProxyStatus;
+    certificates: ICertificateStatus;
+    dnsConfigured: boolean;
+    acmeConfigured: boolean;
+    quickActions: IQuickAction[];
+}
+export declare class SzDashboardView extends DeesElement {
+    static demo: () => TemplateResult<1>;
+    accessor data: IDashboardData;
+    static styles: import("@design.estate/dees-element").CSSResult[];
+    render(): TemplateResult;
+}

package/dist_ts_web/elements/sz-dashboard-view.js

@@ -0,0 +1,242 @@
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+import { DeesElement, customElement, html, css, cssManager, property, } from '@design.estate/dees-element';
+import './sz-status-grid-cluster.js';
+import './sz-status-grid-services.js';
+import './sz-status-grid-network.js';
+import './sz-status-grid-infra.js';
+let SzDashboardView = (() => {
+    let _classDecorators = [customElement('sz-dashboard-view')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _data_decorators;
+    let _data_initializers = [];
+    let _data_extraInitializers = [];
+    var SzDashboardView = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _data_decorators = [property({ type: Object })];
+            __esDecorate(this, null, _data_decorators, { kind: "accessor", name: "data", static: false, private: false, access: { has: obj => "data" in obj, get: obj => obj.data, set: (obj, value) => { obj.data = value; } }, metadata: _metadata }, _data_initializers, _data_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            SzDashboardView = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static demo = () => html `
+    <div style="padding: 24px; max-width: 1400px;">
+      <sz-dashboard-view
+        .data=${{
+            cluster: {
+                totalServices: 7,
+                running: 7,
+                stopped: 0,
+                dockerStatus: 'running',
+            },
+            resourceUsage: {
+                cpu: 0.5,
+                memoryUsed: '191 MB',
+                memoryTotal: '429.2 GB',
+                networkIn: '38.9 KB/s',
+                networkOut: '1.7 KB/s',
+                topConsumers: [
+                    { name: 'test-nginx', memory: '32.1 MB' },
+                    { name: 'test-v2', memory: '31.7 MB' },
+                ],
+            },
+            platformServices: [
+                { name: 'MongoDB', status: '1 DB', running: true },
+                { name: 'S3 Storage (MinIO)', status: '1 bucket', running: true },
+                { name: 'Caddy Reverse Proxy', status: 'Running', running: true },
+                { name: 'ClickHouse', status: '1 DB', running: true },
+            ],
+            traffic: {
+                requests: 1250,
+                errors: 15,
+                errorPercent: 1.2,
+                avgResponse: 145,
+                reqPerMin: 21,
+                status2xx: 85,
+                status3xx: 5,
+                status4xx: 8,
+                status5xx: 2,
+            },
+            proxy: {
+                httpPort: '80',
+                httpsPort: '443',
+                httpActive: true,
+                httpsActive: true,
+                routeCount: '12',
+            },
+            certificates: {
+                valid: 8,
+                expiring: 2,
+                expired: 0,
+            },
+            dnsConfigured: true,
+            acmeConfigured: true,
+            quickActions: [
+                { label: 'Deploy Service', icon: 'plus', primary: true },
+                { label: 'View All Services' },
+                { label: 'Platform Services' },
+                { label: 'Manage Domains' },
+            ],
+        }}
+      ></sz-dashboard-view>
+    </div>
+  `;
+        #data_accessor_storage = __runInitializers(this, _data_initializers, {
+            cluster: {
+                totalServices: 0,
+                running: 0,
+                stopped: 0,
+                dockerStatus: 'stopped',
+            },
+            resourceUsage: {
+                cpu: 0,
+                memoryUsed: '0 MB',
+                memoryTotal: '0 GB',
+                networkIn: '0 KB/s',
+                networkOut: '0 KB/s',
+                topConsumers: [],
+            },
+            platformServices: [],
+            traffic: {
+                requests: 0,
+                errors: 0,
+                errorPercent: 0,
+                avgResponse: 0,
+                reqPerMin: 0,
+                status2xx: 0,
+                status3xx: 0,
+                status4xx: 0,
+                status5xx: 0,
+            },
+            proxy: {
+                httpPort: '80',
+                httpsPort: '443',
+                httpActive: false,
+                httpsActive: false,
+                routeCount: '0',
+            },
+            certificates: {
+                valid: 0,
+                expiring: 0,
+                expired: 0,
+            },
+            dnsConfigured: false,
+            acmeConfigured: false,
+            quickActions: [],
+        });
+        get data() { return this.#data_accessor_storage; }
+        set data(value) { this.#data_accessor_storage = value; }
+        static styles = [
+            cssManager.defaultStyles,
+            css `
+      :host {
+        display: block;
+      }
+
+      .dashboard {
+        display: flex;
+        flex-direction: column;
+        gap: 24px;
+      }
+
+      .section-title {
+        font-size: 18px;
+        font-weight: 600;
+        color: ${cssManager.bdTheme('#18181b', '#fafafa')};
+        margin-bottom: 12px;
+      }
+
+      .section {
+        display: flex;
+        flex-direction: column;
+      }
+    `,
+        ];
+        render() {
+            return html `
+      <div class="dashboard">
+        <section class="section">
+          <h2 class="section-title">Cluster Overview</h2>
+          <sz-status-grid-cluster
+            .stats=${this.data.cluster}
+          ></sz-status-grid-cluster>
+        </section>
+
+        <section class="section">
+          <h2 class="section-title">Services & Resources</h2>
+          <sz-status-grid-services
+            .resourceUsage=${this.data.resourceUsage}
+            .platformServices=${this.data.platformServices}
+          ></sz-status-grid-services>
+        </section>
+
+        <section class="section">
+          <h2 class="section-title">Network & Traffic</h2>
+          <sz-status-grid-network
+            .traffic=${this.data.traffic}
+            .proxy=${this.data.proxy}
+            .certificates=${this.data.certificates}
+          ></sz-status-grid-network>
+        </section>
+
+        <section class="section">
+          <h2 class="section-title">Infrastructure</h2>
+          <sz-status-grid-infra
+            ?dnsConfigured=${this.data.dnsConfigured}
+            ?acmeConfigured=${this.data.acmeConfigured}
+            .actions=${this.data.quickActions}
+            @action-click=${(e) => this.dispatchEvent(new CustomEvent('action-click', { detail: e.detail, bubbles: true, composed: true }))}
+          ></sz-status-grid-infra>
+        </section>
+      </div>
+    `;
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _data_extraInitializers);
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return SzDashboardView = _classThis;
+})();
+export { SzDashboardView };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3otZGFzaGJvYXJkLXZpZXcuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvc3otZGFzaGJvYXJkLXZpZXcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxXQUFXLEVBQ1gsYUFBYSxFQUNiLElBQUksRUFDSixHQUFHLEVBQ0gsVUFBVSxFQUNWLFFBQVEsR0FFVCxNQUFNLDZCQUE2QixDQUFDO0FBRXJDLE9BQU8sNkJBQTZCLENBQUM7QUFDckMsT0FBTyw4QkFBOEIsQ0FBQztBQUN0QyxPQUFPLDZCQUE2QixDQUFDO0FBQ3JDLE9BQU8sMkJBQTJCLENBQUM7SUE0QnRCLGVBQWU7NEJBRDNCLGFBQWEsQ0FBQyxtQkFBbUIsQ0FBQzs7OztzQkFDRSxXQUFXOzs7OytCQUFuQixTQUFRLFdBQVc7Ozs7Z0NBZ0U3QyxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7WUFDM0IsaUtBQWdCLElBQUksNkJBQUosSUFBSSxtRkEwQ2xCO1lBM0dKLDZLQStLQzs7OztRQTlLUSxNQUFNLENBQUMsSUFBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTs7O2dCQUdqQjtZQUNOLE9BQU8sRUFBRTtnQkFDUCxhQUFhLEVBQUUsQ0FBQztnQkFDaEIsT0FBTyxFQUFFLENBQUM7Z0JBQ1YsT0FBTyxFQUFFLENBQUM7Z0JBQ1YsWUFBWSxFQUFFLFNBQVM7YUFDeEI7WUFDRCxhQUFhLEVBQUU7Z0JBQ2IsR0FBRyxFQUFFLEdBQUc7Z0JBQ1IsVUFBVSxFQUFFLFFBQVE7Z0JBQ3BCLFdBQVcsRUFBRSxVQUFVO2dCQUN2QixTQUFTLEVBQUUsV0FBVztnQkFDdEIsVUFBVSxFQUFFLFVBQVU7Z0JBQ3RCLFlBQVksRUFBRTtvQkFDWixFQUFFLElBQUksRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRTtvQkFDekMs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

package/dist_ts_web/elements/sz-demo-view-dashboard.d.ts

@@ -0,0 +1,18 @@
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+import type { DeesAppui } from '@design.estate/dees-catalog';
+import './index.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'sz-demo-view-dashboard': SzDemoViewDashboard;
+    }
+}
+export declare class SzDemoViewDashboard extends DeesElement {
+    private appui;
+    onActivate(context: {
+        appui: DeesAppui;
+        viewId: string;
+    }): Promise<void>;
+    onDeactivate(): void;
+    static styles: import("@design.estate/dees-element").CSSResult[];
+    render(): TemplateResult;
+}