@serve.zone/catalog 1.0.1

package/dist_ts_web/elements/sz-status-grid-network.js

@@ -0,0 +1,190 @@
+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-traffic-card.js';
+import './sz-reverse-proxy-card.js';
+import './sz-certificates-card.js';
+let SzStatusGridNetwork = (() => {
+    let _classDecorators = [customElement('sz-status-grid-network')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _traffic_decorators;
+    let _traffic_initializers = [];
+    let _traffic_extraInitializers = [];
+    let _proxy_decorators;
+    let _proxy_initializers = [];
+    let _proxy_extraInitializers = [];
+    let _certificates_decorators;
+    let _certificates_initializers = [];
+    let _certificates_extraInitializers = [];
+    var SzStatusGridNetwork = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _traffic_decorators = [property({ type: Object })];
+            _proxy_decorators = [property({ type: Object })];
+            _certificates_decorators = [property({ type: Object })];
+            __esDecorate(this, null, _traffic_decorators, { kind: "accessor", name: "traffic", static: false, private: false, access: { has: obj => "traffic" in obj, get: obj => obj.traffic, set: (obj, value) => { obj.traffic = value; } }, metadata: _metadata }, _traffic_initializers, _traffic_extraInitializers);
+            __esDecorate(this, null, _proxy_decorators, { kind: "accessor", name: "proxy", static: false, private: false, access: { has: obj => "proxy" in obj, get: obj => obj.proxy, set: (obj, value) => { obj.proxy = value; } }, metadata: _metadata }, _proxy_initializers, _proxy_extraInitializers);
+            __esDecorate(this, null, _certificates_decorators, { kind: "accessor", name: "certificates", static: false, private: false, access: { has: obj => "certificates" in obj, get: obj => obj.certificates, set: (obj, value) => { obj.certificates = value; } }, metadata: _metadata }, _certificates_initializers, _certificates_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            SzStatusGridNetwork = _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-status-grid-network
+        .traffic=${{
+            totalRequests: 125420,
+            requestsPerMinute: 847,
+            errorRate: 0.12,
+            avgResponseTime: 45,
+            statusDistribution: {
+                '2xx': 95.2,
+                '3xx': 2.1,
+                '4xx': 2.3,
+                '5xx': 0.4,
+            },
+        }}
+        .proxy=${{
+            httpPort: '80',
+            httpsPort: '443',
+            httpActive: true,
+            httpsActive: true,
+            routeCount: '12',
+        }}
+        .certificates=${{
+            valid: 8,
+            expiring: 2,
+            expired: 0,
+        }}
+      ></sz-status-grid-network>
+    </div>
+  `;
+        #traffic_accessor_storage = __runInitializers(this, _traffic_initializers, {
+            requests: 0,
+            errors: 0,
+            errorPercent: 0,
+            avgResponse: 0,
+            reqPerMin: 0,
+            status2xx: 0,
+            status3xx: 0,
+            status4xx: 0,
+            status5xx: 0,
+        });
+        get traffic() { return this.#traffic_accessor_storage; }
+        set traffic(value) { this.#traffic_accessor_storage = value; }
+        #proxy_accessor_storage = (__runInitializers(this, _traffic_extraInitializers), __runInitializers(this, _proxy_initializers, {
+            httpPort: '80',
+            httpsPort: '443',
+            httpActive: false,
+            httpsActive: false,
+            routeCount: '0',
+        }));
+        get proxy() { return this.#proxy_accessor_storage; }
+        set proxy(value) { this.#proxy_accessor_storage = value; }
+        #certificates_accessor_storage = (__runInitializers(this, _proxy_extraInitializers), __runInitializers(this, _certificates_initializers, {
+            valid: 0,
+            expiring: 0,
+            expired: 0,
+        }));
+        get certificates() { return this.#certificates_accessor_storage; }
+        set certificates(value) { this.#certificates_accessor_storage = value; }
+        static styles = [
+            cssManager.defaultStyles,
+            css `
+      :host {
+        display: block;
+      }
+
+      .grid {
+        display: grid;
+        grid-template-columns: 1fr;
+        gap: 16px;
+        align-items: stretch;
+      }
+
+      .grid > * {
+        height: 100%;
+      }
+
+      @media (min-width: 768px) {
+        .grid {
+          grid-template-columns: 1fr 1fr;
+        }
+      }
+
+      @media (min-width: 1024px) {
+        .grid {
+          grid-template-columns: 2fr 1fr 1fr;
+        }
+      }
+    `,
+        ];
+        render() {
+            return html `
+      <div class="grid">
+        <sz-traffic-card
+          .data=${this.traffic}
+        ></sz-traffic-card>
+        <sz-reverse-proxy-card
+          httpPort="${this.proxy.httpPort}"
+          httpsPort="${this.proxy.httpsPort}"
+          ?httpActive=${this.proxy.httpActive}
+          ?httpsActive=${this.proxy.httpsActive}
+          routeCount="${this.proxy.routeCount}"
+        ></sz-reverse-proxy-card>
+        <sz-certificates-card
+          valid="${this.certificates.valid}"
+          expiring="${this.certificates.expiring}"
+          expired="${this.certificates.expired}"
+        ></sz-certificates-card>
+      </div>
+    `;
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _certificates_extraInitializers);
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return SzStatusGridNetwork = _classThis;
+})();
+export { SzStatusGridNetwork };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3otc3RhdHVzLWdyaWQtbmV0d29yay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9zei1zdGF0dXMtZ3JpZC1uZXR3b3JrLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQ0wsV0FBVyxFQUNYLGFBQWEsRUFDYixJQUFJLEVBQ0osR0FBRyxFQUNILFVBQVUsRUFDVixRQUFRLEdBRVQsTUFBTSw2QkFBNkIsQ0FBQztBQUVyQyxPQUFPLHNCQUFzQixDQUFDO0FBQzlCLE9BQU8sNEJBQTRCLENBQUM7QUFDcEMsT0FBTywyQkFBMkIsQ0FBQztJQXlCdEIsbUJBQW1COzRCQUQvQixhQUFhLENBQUMsd0JBQXdCLENBQUM7Ozs7c0JBQ0MsV0FBVzs7Ozs7Ozs7OzttQ0FBbkIsU0FBUSxXQUFXOzs7O21DQWdDakQsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO2lDQWExQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7d0NBUzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQztZQXJCM0IsMEtBQWdCLE9BQU8sNkJBQVAsT0FBTyx5RkFVckI7WUFHRixvS0FBZ0IsS0FBSyw2QkFBTCxLQUFLLHFGQU1uQjtZQUdGLHlMQUFnQixZQUFZLDZCQUFaLFlBQVksbUdBSTFCO1lBM0RKLDZLQWtIQzs7OztRQWpIUSxNQUFNLENBQUMsSUFBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTs7O21CQUdkO1lBQ1QsYUFBYSxFQUFFLE1BQU07WUFDckIsaUJBQWlCLEVBQUUsR0FBRztZQUN0QixTQUFTLEVBQUUsSUFBSTtZQUNmLGVBQWUsRUFBRSxFQUFFO1lBQ25CLGtCQUFrQixFQUFFO2dCQUNsQixLQUFLLEVBQUUsSUFBSTtnQkFDWCxLQUFLLEVBQUUsR0FBRztnQkFDVixLQUFLLEVBQUUsR0FBRztnQkFDVixLQUFLLEVBQUUsR0FBRzthQUNYO1NBQ0Y7aUJBQ1E7WUFDUCxRQUFRLEVBQUUsSUFBSTtZQUNkLFNBQVMsRUFBRSxLQUFLO1lBQ2hCLFVBQVUsRUFBRSxJQUFJO1lBQ2hCLFdBQVcsRUFBRSxJQUFJO1lBQ2pCLFVBQVUsRUFBRSxJQUFJO1NBQ2pCO3dCQUNlO1lBQ2QsS0FBSyxFQUFFLENBQUM7WUFDUixRQUFRLEVBQUUsQ0FBQztZQUNYLE9BQU8sRUFBRSxDQUFDO1NBQ1g7OztHQUdOLENBQUM7UUFHRiwyRUFBd0M7WUFDdEMsUUFBUSxFQUFFLENBQUM7WUFDWCxNQUFNLEVBQUUsQ0FBQztZQUNULFlBQVksRUFBRSxDQUFDO1lBQ2YsV0FBVyxFQUFFLENBQUM7WUFDZCxTQUFTLEVBQUUsQ0FBQztZQUNaLFNBQVMsRUFBRSxDQUFDO1lBQ1osU0FBUyxFQUFFLENBQUM7WUFDWixTQUFTLEVBQUUsQ0FBQztZQUNaLFNBQVMsRUFBRSxDQUFDO1NBQ2IsRUFBQztRQVZGLElBQWdCLE9BQU8sNkNBVXJCO1FBVkYsSUFBZ0IsT0FBTyxtREFVckI7UUFHRiw2SEFBc0M7WUFDcEMsUUFBUSxFQUFFLElBQUk7WUFDZCxTQUFTLEVBQUUsS0FBSztZQUNoQixVQUFVLEVBQUUsS0FBSztZQUNqQixXQUFXLEVBQUUsS0FBSztZQUNsQixVQUFVLEVBQUUsR0FBRztTQUNoQixHQUFDO1FBTkYsSUFBZ0IsS0FBSywyQ0FNbkI7UUFORixJQUFnQixLQUFLLGlEQU1uQjtRQUdGLHlJQUFtRDtZQUNqRCxLQUFLLEVBQUUsQ0FBQztZQUNSLFFBQVEsRUFBRSxDQUFDO1lBQ1gsT0FBTyxFQUFFLENBQUM7U0FDWCxHQUFDO1FBSkYsSUFBZ0IsWUFBWSxrREFJMUI7UUFKRixJQUFnQixZQUFZLHdEQUkxQjtRQUVLLE1BQU0sQ0FBQyxNQUFNLEdBQUc7WUFDckIsVUFBVSxDQUFDLGFBQWE7WUFDeEIsR0FBRyxDQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7S0EyQkY7U0FDRixDQUFDO1FBRUssTUFBTTtZQUNYLE9BQU8sSUFBSSxDQUFBOzs7a0JBR0csSUFBSSxDQUFDLE9BQU87OztzQkFHUixJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVE7dUJBQ2xCLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUzt3QkFDbkIsSUFBSSxDQUFDLEtBQUssQ0FBQyxVQUFVO3lCQUNwQixJQUFJLENBQUMsS0FBSyxDQUFDLFdBQVc7d0JBQ3ZCLElBQUksQ0FBQyxLQUFLLENBQUMsVUFBVTs7O21CQUcxQixJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUs7c0JBQ3BCLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUTtxQkFDM0IsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPOzs7S0FHekMsQ0FBQztRQUNKLENBQUM7Ozs7OztZQWpIVSx1REFBbUI7Ozs7O1NBQW5CLG1CQUFtQiJ9

package/dist_ts_web/elements/sz-status-grid-services.d.ts

@@ -0,0 +1,17 @@
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+import './sz-resource-usage-card.js';
+import './sz-platform-services-card.js';
+import type { IResourceUsage } from './sz-resource-usage-card.js';
+import type { IPlatformService } from './sz-platform-services-card.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'sz-status-grid-services': SzStatusGridServices;
+    }
+}
+export declare class SzStatusGridServices extends DeesElement {
+    static demo: () => TemplateResult<1>;
+    accessor resourceUsage: IResourceUsage;
+    accessor platformServices: IPlatformService[];
+    static styles: import("@design.estate/dees-element").CSSResult[];
+    render(): TemplateResult;
+}

package/dist_ts_web/elements/sz-status-grid-services.js

@@ -0,0 +1,145 @@
+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-resource-usage-card.js';
+import './sz-platform-services-card.js';
+let SzStatusGridServices = (() => {
+    let _classDecorators = [customElement('sz-status-grid-services')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _resourceUsage_decorators;
+    let _resourceUsage_initializers = [];
+    let _resourceUsage_extraInitializers = [];
+    let _platformServices_decorators;
+    let _platformServices_initializers = [];
+    let _platformServices_extraInitializers = [];
+    var SzStatusGridServices = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _resourceUsage_decorators = [property({ type: Object })];
+            _platformServices_decorators = [property({ type: Array })];
+            __esDecorate(this, null, _resourceUsage_decorators, { kind: "accessor", name: "resourceUsage", static: false, private: false, access: { has: obj => "resourceUsage" in obj, get: obj => obj.resourceUsage, set: (obj, value) => { obj.resourceUsage = value; } }, metadata: _metadata }, _resourceUsage_initializers, _resourceUsage_extraInitializers);
+            __esDecorate(this, null, _platformServices_decorators, { kind: "accessor", name: "platformServices", static: false, private: false, access: { has: obj => "platformServices" in obj, get: obj => obj.platformServices, set: (obj, value) => { obj.platformServices = value; } }, metadata: _metadata }, _platformServices_initializers, _platformServices_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            SzStatusGridServices = _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: 1200px;">
+      <sz-status-grid-services
+        .resourceUsage=${{
+            cpu: { percentage: 45, label: 'CPU Usage' },
+            memory: { percentage: 62, label: 'Memory', used: '4.96 GB', total: '8 GB' },
+            network: { percentage: 23, label: 'Network I/O', rate: '1.2 MB/s' },
+            topConsumers: [
+                { name: 'api-service', cpu: 25, memory: 512 },
+                { name: 'web-frontend', cpu: 15, memory: 256 },
+                { name: 'worker', cpu: 5, memory: 128 },
+            ],
+        }}
+        .platformServices=${[
+            { name: 'MongoDB', status: 'running' },
+            { name: 'S3 Storage', status: 'running' },
+            { name: 'ClickHouse', status: 'stopped' },
+            { name: 'Redis Cache', status: 'running' },
+        ]}
+      ></sz-status-grid-services>
+    </div>
+  `;
+        #resourceUsage_accessor_storage = __runInitializers(this, _resourceUsage_initializers, {
+            cpu: 0,
+            memoryUsed: '0 GB',
+            memoryTotal: '0 GB',
+            networkIn: '0 MB/s',
+            networkOut: '0 MB/s',
+            topConsumers: [],
+        });
+        get resourceUsage() { return this.#resourceUsage_accessor_storage; }
+        set resourceUsage(value) { this.#resourceUsage_accessor_storage = value; }
+        #platformServices_accessor_storage = (__runInitializers(this, _resourceUsage_extraInitializers), __runInitializers(this, _platformServices_initializers, []));
+        get platformServices() { return this.#platformServices_accessor_storage; }
+        set platformServices(value) { this.#platformServices_accessor_storage = value; }
+        static styles = [
+            cssManager.defaultStyles,
+            css `
+      :host {
+        display: block;
+      }
+
+      .grid {
+        display: grid;
+        grid-template-columns: 1fr;
+        gap: 16px;
+        align-items: stretch;
+      }
+
+      .grid > * {
+        height: 100%;
+      }
+
+      @media (min-width: 768px) {
+        .grid {
+          grid-template-columns: 1fr 1fr;
+        }
+      }
+    `,
+        ];
+        render() {
+            return html `
+      <div class="grid">
+        <sz-resource-usage-card
+          .usage=${this.resourceUsage}
+        ></sz-resource-usage-card>
+        <sz-platform-services-card
+          .services=${this.platformServices}
+        ></sz-platform-services-card>
+      </div>
+    `;
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _platformServices_extraInitializers);
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return SzStatusGridServices = _classThis;
+})();
+export { SzStatusGridServices };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3otc3RhdHVzLWdyaWQtc2VydmljZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvc3otc3RhdHVzLWdyaWQtc2VydmljZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxXQUFXLEVBQ1gsYUFBYSxFQUNiLElBQUksRUFDSixHQUFHLEVBQ0gsVUFBVSxFQUNWLFFBQVEsR0FFVCxNQUFNLDZCQUE2QixDQUFDO0FBRXJDLE9BQU8sNkJBQTZCLENBQUM7QUFDckMsT0FBTyxnQ0FBZ0MsQ0FBQztJQVkzQixvQkFBb0I7NEJBRGhDLGFBQWEsQ0FBQyx5QkFBeUIsQ0FBQzs7OztzQkFDQyxXQUFXOzs7Ozs7O29DQUFuQixTQUFRLFdBQVc7Ozs7eUNBd0JsRCxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7NENBVTFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsQ0FBQztZQVQxQiw0TEFBZ0IsYUFBYSw2QkFBYixhQUFhLHFHQU8zQjtZQUdGLHFNQUFnQixnQkFBZ0IsNkJBQWhCLGdCQUFnQiwyR0FBMEI7WUFuQzVELDZLQTJFQzs7OztRQTFFUSxNQUFNLENBQUMsSUFBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTs7O3lCQUdSO1lBQ2YsR0FBRyxFQUFFLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFO1lBQzNDLE1BQU0sRUFBRSxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUU7WUFDM0UsT0FBTyxFQUFFLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsYUFBYSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUU7WUFDbkUsWUFBWSxFQUFFO2dCQUNaLEVBQUUsSUFBSSxFQUFFLGFBQWEsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUU7Z0JBQzdDLEVBQUUsSUFBSSxFQUFFLGNBQWMsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUU7Z0JBQzlDLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUU7YUFDeEM7U0FDRjs0QkFDbUI7WUFDbEIsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUU7WUFDdEMsRUFBRSxJQUFJLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUU7WUFDekMsRUFBRSxJQUFJLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUU7WUFDekMsRUFBRSxJQUFJLEVBQUUsYUFBYSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUU7U0FDM0M7OztHQUdOLENBQUM7UUFHRix1RkFBZ0Q7WUFDOUMsR0FBRyxFQUFFLENBQUM7WUFDTixVQUFVLEVBQUUsTUFBTTtZQUNsQixXQUFXLEVBQUUsTUFBTTtZQUNuQixTQUFTLEVBQUUsUUFBUTtZQUNuQixVQUFVLEVBQUUsUUFBUTtZQUNwQixZQUFZLEVBQUUsRUFBRTtTQUNqQixFQUFDO1FBUEYsSUFBZ0IsYUFBYSxtREFPM0I7UUFQRixJQUFnQixhQUFhLHlEQU8zQjtRQUdGLHlKQUF1RCxFQUFFLEdBQUM7UUFBMUQsSUFBZ0IsZ0JBQWdCLHNEQUEwQjtRQUExRCxJQUFnQixnQkFBZ0IsNERBQTBCO1FBRW5ELE1BQU0sQ0FBQyxNQUFNLEdBQUc7WUFDckIsVUFBVSxDQUFDLGFBQWE7WUFDeEIsR0FBRyxDQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7S0FxQkY7U0FDRixDQUFDO1FBRUssTUFBTTtZQUNYLE9BQU8sSUFBSSxDQUFBOzs7bUJBR0ksSUFBSSxDQUFDLGFBQWE7OztzQkFHZixJQUFJLENBQUMsZ0JBQWdCOzs7S0FHdEMsQ0FBQztRQUNKLENBQUM7Ozs7OztZQTFFVSx1REFBb0I7Ozs7O1NBQXBCLG9CQUFvQiJ9

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

@@ -0,0 +1,26 @@
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+declare global {
+    interface HTMLElementTagNameMap {
+        'sz-tokens-view': SzTokensView;
+    }
+}
+export interface IToken {
+    id: string;
+    name: string;
+    type: 'global' | 'ci';
+    service?: string;
+    createdAt: string;
+    lastUsed?: string;
+}
+export declare class SzTokensView extends DeesElement {
+    static demo: () => TemplateResult<1>;
+    accessor globalTokens: IToken[];
+    accessor ciTokens: IToken[];
+    static styles: import("@design.estate/dees-element").CSSResult[];
+    render(): TemplateResult;
+    private renderToken;
+    private handleCreate;
+    private handleCopy;
+    private handleRegenerate;
+    private handleDelete;
+}