@serve.zone/catalog 1.0.1

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

@@ -0,0 +1,344 @@
+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 SzTokensView = (() => {
+    let _classDecorators = [customElement('sz-tokens-view')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _globalTokens_decorators;
+    let _globalTokens_initializers = [];
+    let _globalTokens_extraInitializers = [];
+    let _ciTokens_decorators;
+    let _ciTokens_initializers = [];
+    let _ciTokens_extraInitializers = [];
+    var SzTokensView = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _globalTokens_decorators = [property({ type: Array })];
+            _ciTokens_decorators = [property({ type: Array })];
+            __esDecorate(this, null, _globalTokens_decorators, { kind: "accessor", name: "globalTokens", static: false, private: false, access: { has: obj => "globalTokens" in obj, get: obj => obj.globalTokens, set: (obj, value) => { obj.globalTokens = value; } }, metadata: _metadata }, _globalTokens_initializers, _globalTokens_extraInitializers);
+            __esDecorate(this, null, _ciTokens_decorators, { kind: "accessor", name: "ciTokens", static: false, private: false, access: { has: obj => "ciTokens" in obj, get: obj => obj.ciTokens, set: (obj, value) => { obj.ciTokens = value; } }, metadata: _metadata }, _ciTokens_initializers, _ciTokens_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            SzTokensView = _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: 1000px;">
+      <sz-tokens-view
+        .globalTokens=${[
+            { id: '1', name: 'CI/CD Pipeline', type: 'global', createdAt: '2024-01-15', lastUsed: '2024-01-20' },
+            { id: '2', name: 'Development', type: 'global', createdAt: '2024-01-10' },
+        ]}
+        .ciTokens=${[
+            { id: '3', name: 'hello-world-ci', type: 'ci', service: 'hello-world', createdAt: '2024-01-18' },
+            { id: '4', name: 'api-service-ci', type: 'ci', service: 'api-service', createdAt: '2024-01-12', lastUsed: '2024-01-19' },
+        ]}
+      ></sz-tokens-view>
+    </div>
+  `;
+        #globalTokens_accessor_storage = __runInitializers(this, _globalTokens_initializers, []);
+        get globalTokens() { return this.#globalTokens_accessor_storage; }
+        set globalTokens(value) { this.#globalTokens_accessor_storage = value; }
+        #ciTokens_accessor_storage = (__runInitializers(this, _globalTokens_extraInitializers), __runInitializers(this, _ciTokens_initializers, []));
+        get ciTokens() { return this.#ciTokens_accessor_storage; }
+        set ciTokens(value) { this.#ciTokens_accessor_storage = value; }
+        static styles = [
+            cssManager.defaultStyles,
+            css `
+      :host {
+        display: block;
+      }
+
+      .section {
+        background: ${cssManager.bdTheme('#ffffff', '#09090b')};
+        border: 1px solid ${cssManager.bdTheme('#e4e4e7', '#27272a')};
+        border-radius: 8px;
+        margin-bottom: 24px;
+        overflow: hidden;
+      }
+
+      .section-header {
+        display: flex;
+        justify-content: space-between;
+        align-items: flex-start;
+        padding: 16px;
+        border-bottom: 1px solid ${cssManager.bdTheme('#e4e4e7', '#27272a')};
+      }
+
+      .section-info {
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
+      }
+
+      .section-title {
+        font-size: 16px;
+        font-weight: 600;
+        color: ${cssManager.bdTheme('#18181b', '#fafafa')};
+      }
+
+      .section-subtitle {
+        font-size: 13px;
+        color: ${cssManager.bdTheme('#71717a', '#a1a1aa')};
+      }
+
+      .create-button {
+        display: inline-flex;
+        align-items: center;
+        gap: 6px;
+        padding: 8px 14px;
+        background: ${cssManager.bdTheme('#18181b', '#fafafa')};
+        border: none;
+        border-radius: 6px;
+        font-size: 13px;
+        font-weight: 500;
+        color: ${cssManager.bdTheme('#fafafa', '#18181b')};
+        cursor: pointer;
+        transition: all 200ms ease;
+      }
+
+      .create-button:hover {
+        opacity: 0.9;
+      }
+
+      .token-list {
+        padding: 16px;
+      }
+
+      .token-item {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 12px 16px;
+        background: ${cssManager.bdTheme('#f4f4f5', '#18181b')};
+        border-radius: 6px;
+        margin-bottom: 8px;
+      }
+
+      .token-item:last-child {
+        margin-bottom: 0;
+      }
+
+      .token-info {
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
+      }
+
+      .token-name {
+        font-size: 14px;
+        font-weight: 500;
+        color: ${cssManager.bdTheme('#18181b', '#fafafa')};
+      }
+
+      .token-meta {
+        font-size: 12px;
+        color: ${cssManager.bdTheme('#71717a', '#a1a1aa')};
+      }
+
+      .token-service {
+        display: inline-flex;
+        align-items: center;
+        padding: 2px 8px;
+        background: ${cssManager.bdTheme('#dbeafe', 'rgba(59, 130, 246, 0.2)')};
+        color: ${cssManager.bdTheme('#2563eb', '#60a5fa')};
+        border-radius: 4px;
+        font-size: 12px;
+        font-weight: 500;
+        margin-right: 8px;
+      }
+
+      .token-actions {
+        display: flex;
+        gap: 8px;
+      }
+
+      .action-button {
+        padding: 6px 12px;
+        background: transparent;
+        border: 1px solid ${cssManager.bdTheme('#e4e4e7', '#27272a')};
+        border-radius: 4px;
+        font-size: 12px;
+        color: ${cssManager.bdTheme('#71717a', '#a1a1aa')};
+        cursor: pointer;
+        transition: all 200ms ease;
+      }
+
+      .action-button:hover {
+        background: ${cssManager.bdTheme('#ffffff', '#09090b')};
+        color: ${cssManager.bdTheme('#18181b', '#fafafa')};
+      }
+
+      .action-button.delete {
+        color: ${cssManager.bdTheme('#dc2626', '#ef4444')};
+        border-color: ${cssManager.bdTheme('#fee2e2', 'rgba(239, 68, 68, 0.3)')};
+      }
+
+      .action-button.delete:hover {
+        background: ${cssManager.bdTheme('#fee2e2', 'rgba(239, 68, 68, 0.2)')};
+      }
+
+      .empty-state {
+        padding: 32px 16px;
+        text-align: center;
+      }
+
+      .empty-text {
+        font-size: 14px;
+        color: ${cssManager.bdTheme('#71717a', '#a1a1aa')};
+        margin-bottom: 16px;
+      }
+
+      .empty-button {
+        display: inline-flex;
+        align-items: center;
+        gap: 6px;
+        padding: 8px 14px;
+        background: ${cssManager.bdTheme('#ffffff', '#09090b')};
+        border: 1px solid ${cssManager.bdTheme('#e4e4e7', '#27272a')};
+        border-radius: 6px;
+        font-size: 13px;
+        font-weight: 500;
+        color: ${cssManager.bdTheme('#18181b', '#fafafa')};
+        cursor: pointer;
+        transition: all 200ms ease;
+      }
+
+      .empty-button:hover {
+        background: ${cssManager.bdTheme('#f4f4f5', '#18181b')};
+      }
+    `,
+        ];
+        render() {
+            return html `
+      <div class="section">
+        <div class="section-header">
+          <div class="section-info">
+            <div class="section-title">Global Tokens</div>
+            <div class="section-subtitle">Tokens that can push images to multiple services</div>
+          </div>
+          <button class="create-button" @click=${() => this.handleCreate('global')}>
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <line x1="12" y1="5" x2="12" y2="19"></line>
+              <line x1="5" y1="12" x2="19" y2="12"></line>
+            </svg>
+            Create Token
+          </button>
+        </div>
+        ${this.globalTokens.length > 0 ? html `
+          <div class="token-list">
+            ${this.globalTokens.map(token => this.renderToken(token))}
+          </div>
+        ` : html `
+          <div class="empty-state">
+            <div class="empty-text">No global tokens created</div>
+            <button class="empty-button" @click=${() => this.handleCreate('global')}>Create Global Token</button>
+          </div>
+        `}
+      </div>
+
+      <div class="section">
+        <div class="section-header">
+          <div class="section-info">
+            <div class="section-title">CI Tokens (Service-specific)</div>
+            <div class="section-subtitle">Tokens tied to individual services for CI/CD pipelines</div>
+          </div>
+          <button class="create-button" @click=${() => this.handleCreate('ci')}>
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <line x1="12" y1="5" x2="12" y2="19"></line>
+              <line x1="5" y1="12" x2="19" y2="12"></line>
+            </svg>
+            Create Token
+          </button>
+        </div>
+        ${this.ciTokens.length > 0 ? html `
+          <div class="token-list">
+            ${this.ciTokens.map(token => this.renderToken(token))}
+          </div>
+        ` : html `
+          <div class="empty-state">
+            <div class="empty-text">No CI tokens created</div>
+            <button class="empty-button" @click=${() => this.handleCreate('ci')}>Create CI Token</button>
+          </div>
+        `}
+      </div>
+    `;
+        }
+        renderToken(token) {
+            return html `
+      <div class="token-item">
+        <div class="token-info">
+          <div class="token-name">${token.name}</div>
+          <div class="token-meta">
+            ${token.service ? html `<span class="token-service">${token.service}</span>` : ''}
+            Created ${token.createdAt}
+            ${token.lastUsed ? html ` · Last used ${token.lastUsed}` : ''}
+          </div>
+        </div>
+        <div class="token-actions">
+          <button class="action-button" @click=${() => this.handleCopy(token)}>Copy</button>
+          <button class="action-button" @click=${() => this.handleRegenerate(token)}>Regenerate</button>
+          <button class="action-button delete" @click=${() => this.handleDelete(token)}>Delete</button>
+        </div>
+      </div>
+    `;
+        }
+        handleCreate(type) {
+            this.dispatchEvent(new CustomEvent('create', { detail: { type }, bubbles: true, composed: true }));
+        }
+        handleCopy(token) {
+            this.dispatchEvent(new CustomEvent('copy', { detail: token, bubbles: true, composed: true }));
+        }
+        handleRegenerate(token) {
+            this.dispatchEvent(new CustomEvent('regenerate', { detail: token, bubbles: true, composed: true }));
+        }
+        handleDelete(token) {
+            this.dispatchEvent(new CustomEvent('delete', { detail: token, bubbles: true, composed: true }));
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _ciTokens_extraInitializers);
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return SzTokensView = _classThis;
+})();
+export { SzTokensView };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3otdG9rZW5zLXZpZXcuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvc3otdG9rZW5zLXZpZXcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxXQUFXLEVBQ1gsYUFBYSxFQUNiLElBQUksRUFDSixHQUFHLEVBQ0gsVUFBVSxFQUNWLFFBQVEsR0FFVCxNQUFNLDZCQUE2QixDQUFDO0lBa0J4QixZQUFZOzRCQUR4QixhQUFhLENBQUMsZ0JBQWdCLENBQUM7Ozs7c0JBQ0UsV0FBVzs7Ozs7Ozs0QkFBbkIsU0FBUSxXQUFXOzs7O3dDQWdCMUMsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxDQUFDO29DQUd6QixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLENBQUM7WUFGMUIseUxBQWdCLFlBQVksNkJBQVosWUFBWSxtR0FBZ0I7WUFHNUMsNktBQWdCLFFBQVEsNkJBQVIsUUFBUSwyRkFBZ0I7WUFwQjFDLDZLQXlSQzs7OztRQXhSUSxNQUFNLENBQUMsSUFBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTs7O3dCQUdUO1lBQ2QsRUFBRSxFQUFFLEVBQUUsR0FBRyxFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsUUFBUSxFQUFFLFlBQVksRUFBRTtZQUNwRyxFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLGFBQWEsRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUU7U0FDMUU7b0JBQ1c7WUFDVixFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxTQUFTLEVBQUUs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

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

@@ -0,0 +1,24 @@
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+declare global {
+    interface HTMLElementTagNameMap {
+        'sz-traffic-card': SzTrafficCard;
+    }
+}
+export interface ITrafficData {
+    requests: number;
+    errors: number;
+    errorPercent: number;
+    avgResponse: number;
+    reqPerMin: number;
+    status2xx: number;
+    status3xx: number;
+    status4xx: number;
+    status5xx: number;
+}
+export declare class SzTrafficCard extends DeesElement {
+    static demo: () => TemplateResult<1>;
+    accessor data: ITrafficData;
+    static styles: import("@design.estate/dees-element").CSSResult[];
+    render(): TemplateResult;
+    private formatNumber;
+}

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

@@ -0,0 +1,255 @@
+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 SzTrafficCard = (() => {
+    let _classDecorators = [customElement('sz-traffic-card')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _data_decorators;
+    let _data_initializers = [];
+    let _data_extraInitializers = [];
+    var SzTrafficCard = 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);
+            SzTrafficCard = _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: 500px;">
+      <sz-traffic-card
+        .data=${{
+            requests: 1250,
+            errors: 15,
+            errorPercent: 1.2,
+            avgResponse: 145,
+            reqPerMin: 21,
+            status2xx: 85,
+            status3xx: 5,
+            status4xx: 8,
+            status5xx: 2,
+        }}
+      ></sz-traffic-card>
+    </div>
+  `;
+        #data_accessor_storage = __runInitializers(this, _data_initializers, {
+            requests: 0,
+            errors: 0,
+            errorPercent: 0,
+            avgResponse: 0,
+            reqPerMin: 0,
+            status2xx: 0,
+            status3xx: 0,
+            status4xx: 0,
+            status5xx: 0,
+        });
+        get data() { return this.#data_accessor_storage; }
+        set data(value) { this.#data_accessor_storage = value; }
+        static styles = [
+            cssManager.defaultStyles,
+            css `
+      :host {
+        display: block;
+        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;
+      }
+
+      .metrics {
+        display: grid;
+        grid-template-columns: repeat(2, 1fr);
+        gap: 16px;
+        margin-bottom: 16px;
+      }
+
+      .metric {
+        display: flex;
+        flex-direction: column;
+        gap: 2px;
+      }
+
+      .metric-label {
+        font-size: 13px;
+        color: ${cssManager.bdTheme('#71717a', '#a1a1aa')};
+      }
+
+      .metric-value {
+        font-size: 18px;
+        font-weight: 600;
+        color: ${cssManager.bdTheme('#18181b', '#fafafa')};
+      }
+
+      .status-bar-container {
+        padding-top: 12px;
+        border-top: 1px solid ${cssManager.bdTheme('#f4f4f5', '#27272a')};
+      }
+
+      .status-bar {
+        display: flex;
+        height: 8px;
+        border-radius: 4px;
+        overflow: hidden;
+        background: ${cssManager.bdTheme('#f4f4f5', '#27272a')};
+        margin-bottom: 8px;
+      }
+
+      .status-segment {
+        height: 100%;
+        transition: width 300ms ease;
+      }
+
+      .status-2xx {
+        background: ${cssManager.bdTheme('#22c55e', '#22c55e')};
+      }
+
+      .status-3xx {
+        background: ${cssManager.bdTheme('#3b82f6', '#60a5fa')};
+      }
+
+      .status-4xx {
+        background: ${cssManager.bdTheme('#facc15', '#facc15')};
+      }
+
+      .status-5xx {
+        background: ${cssManager.bdTheme('#ef4444', '#ef4444')};
+      }
+
+      .status-legend {
+        display: flex;
+        justify-content: space-between;
+      }
+
+      .legend-item {
+        font-size: 12px;
+        color: ${cssManager.bdTheme('#71717a', '#a1a1aa')};
+      }
+    `,
+        ];
+        render() {
+            const total = this.data.status2xx + this.data.status3xx + this.data.status4xx + this.data.status5xx;
+            const p2xx = total > 0 ? (this.data.status2xx / total) * 100 : 0;
+            const p3xx = total > 0 ? (this.data.status3xx / total) * 100 : 0;
+            const p4xx = total > 0 ? (this.data.status4xx / total) * 100 : 0;
+            const p5xx = total > 0 ? (this.data.status5xx / total) * 100 : 0;
+            return html `
+      <div class="card">
+        <div class="header">
+          <div class="title">Traffic (Last Hour)</div>
+          <div class="subtitle">Request metrics from access logs</div>
+        </div>
+
+        <div class="metrics">
+          <div class="metric">
+            <span class="metric-label">Requests</span>
+            <span class="metric-value">${this.formatNumber(this.data.requests)}</span>
+          </div>
+          <div class="metric">
+            <span class="metric-label">Errors</span>
+            <span class="metric-value">${this.data.errors} (${this.data.errorPercent}%)</span>
+          </div>
+          <div class="metric">
+            <span class="metric-label">Avg Response</span>
+            <span class="metric-value">${this.data.avgResponse}ms</span>
+          </div>
+          <div class="metric">
+            <span class="metric-label">Req/min</span>
+            <span class="metric-value">${this.data.reqPerMin}</span>
+          </div>
+        </div>
+
+        <div class="status-bar-container">
+          <div class="status-bar">
+            <div class="status-segment status-2xx" style="width: ${p2xx}%"></div>
+            <div class="status-segment status-3xx" style="width: ${p3xx}%"></div>
+            <div class="status-segment status-4xx" style="width: ${p4xx}%"></div>
+            <div class="status-segment status-5xx" style="width: ${p5xx}%"></div>
+          </div>
+          <div class="status-legend">
+            <span class="legend-item">2xx</span>
+            <span class="legend-item">3xx</span>
+            <span class="legend-item">4xx</span>
+            <span class="legend-item">5xx</span>
+          </div>
+        </div>
+      </div>
+    `;
+        }
+        formatNumber(num) {
+            if (num >= 1000000)
+                return (num / 1000000).toFixed(1) + 'M';
+            if (num >= 1000)
+                return (num / 1000).toFixed(1) + 'K';
+            return num.toString();
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _data_extraInitializers);
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return SzTrafficCard = _classThis;
+})();
+export { SzTrafficCard };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3otdHJhZmZpYy1jYXJkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL3N6LXRyYWZmaWMtY2FyZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUNMLFdBQVcsRUFDWCxhQUFhLEVBQ2IsSUFBSSxFQUNKLEdBQUcsRUFDSCxVQUFVLEVBQ1YsUUFBUSxHQUVULE1BQU0sNkJBQTZCLENBQUM7SUFxQnhCLGFBQWE7NEJBRHpCLGFBQWEsQ0FBQyxpQkFBaUIsQ0FBQzs7OztzQkFDRSxXQUFXOzs7OzZCQUFuQixTQUFRLFdBQVc7Ozs7Z0NBbUIzQyxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7WUFDM0IsaUtBQWdCLElBQUksNkJBQUosSUFBSSxtRkFVbEI7WUE5QkosNktBZ01DOzs7O1FBL0xRLE1BQU0sQ0FBQyxJQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOzs7Z0JBR2pCO1lBQ04sUUFBUSxFQUFFLElBQUk7WUFDZCxNQUFNLEVBQUUsRUFBRTtZQUNWLFlBQVksRUFBRSxHQUFHO1lBQ2pCLFdBQVcsRUFBRSxHQUFHO1lBQ2hCLFNBQVMsRUFBRSxFQUFFO1lBQ2IsU0FBUyxFQUFFLEVBQUU7WUFDYixTQUFTLEVBQUUsQ0FBQztZQUNaLFNBQVMsRUFBRSxDQUFDO1lBQ1osU0FBUyxFQUFFLENBQUM7U0FDYjs7O0dBR04sQ0FBQztRQUdGLHFFQUFxQztZQUNuQyxRQUFRLEVBQUUsQ0FBQztZQUNYLE1BQU0sRUFBRSxDQUFDO1lBQ1QsWUFBWSxFQUFFLENBQUM7WUFDZixXQUFXLEVBQUUsQ0FBQztZQUNkLFNBQVMsRUFBRSxDQUFDO1lBQ1osU0FBUyxFQUFFLENBQUM7WUFDWixTQUFTLEVBQUUsQ0FBQztZQUNaLFNBQVMsRUFBRSxDQUFDO1lBQ1osU0FBUyxFQUFFLENBQUM7U0FDYixFQUFD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

package/dist_ts_web/index.d.ts

@@ -0,0 +1,2 @@
+export * from './elements/index.js';
+export * from './pages/index.js';

package/dist_ts_web/index.js

@@ -0,0 +1,3 @@
+export * from './elements/index.js';
+export * from './pages/index.js';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi90c193ZWIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGtCQUFrQixDQUFDIn0=

package/dist_ts_web/pages/index.d.ts

@@ -0,0 +1,3 @@
+export * from './mainpage.js';
+export * from './sz-demo-app.js';
+export * from './sz-demo-app-shell.js';

package/dist_ts_web/pages/index.js

@@ -0,0 +1,4 @@
+export * from './mainpage.js';
+export * from './sz-demo-app.js';
+export * from './sz-demo-app-shell.js';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvcGFnZXMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLHdCQUF3QixDQUFDIn0=

package/dist_ts_web/pages/mainpage.d.ts

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