@serve.zone/catalog 2.2.0 → 2.4.0

package/dist_ts_web/elements/sz-config-section.js

@@ -0,0 +1,591 @@
+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, state, } from '@design.estate/dees-element';
+let SzConfigSection = (() => {
+    let _classDecorators = [customElement('sz-config-section')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _title_decorators;
+    let _title_initializers = [];
+    let _title_extraInitializers = [];
+    let _subtitle_decorators;
+    let _subtitle_initializers = [];
+    let _subtitle_extraInitializers = [];
+    let _icon_decorators;
+    let _icon_initializers = [];
+    let _icon_extraInitializers = [];
+    let _status_decorators;
+    let _status_initializers = [];
+    let _status_extraInitializers = [];
+    let _fields_decorators;
+    let _fields_initializers = [];
+    let _fields_extraInitializers = [];
+    let _collapsible_decorators;
+    let _collapsible_initializers = [];
+    let _collapsible_extraInitializers = [];
+    let _collapsed_decorators;
+    let _collapsed_initializers = [];
+    let _collapsed_extraInitializers = [];
+    let _isCollapsed_decorators;
+    let _isCollapsed_initializers = [];
+    let _isCollapsed_extraInitializers = [];
+    var SzConfigSection = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _title_decorators = [property({ type: String })];
+            _subtitle_decorators = [property({ type: String })];
+            _icon_decorators = [property({ type: String })];
+            _status_decorators = [property({ type: String })];
+            _fields_decorators = [property({ type: Array })];
+            _collapsible_decorators = [property({ type: Boolean })];
+            _collapsed_decorators = [property({ type: Boolean })];
+            _isCollapsed_decorators = [state()];
+            __esDecorate(this, null, _title_decorators, { kind: "accessor", name: "title", static: false, private: false, access: { has: obj => "title" in obj, get: obj => obj.title, set: (obj, value) => { obj.title = value; } }, metadata: _metadata }, _title_initializers, _title_extraInitializers);
+            __esDecorate(this, null, _subtitle_decorators, { kind: "accessor", name: "subtitle", static: false, private: false, access: { has: obj => "subtitle" in obj, get: obj => obj.subtitle, set: (obj, value) => { obj.subtitle = value; } }, metadata: _metadata }, _subtitle_initializers, _subtitle_extraInitializers);
+            __esDecorate(this, null, _icon_decorators, { kind: "accessor", name: "icon", static: false, private: false, access: { has: obj => "icon" in obj, get: obj => obj.icon, set: (obj, value) => { obj.icon = value; } }, metadata: _metadata }, _icon_initializers, _icon_extraInitializers);
+            __esDecorate(this, null, _status_decorators, { kind: "accessor", name: "status", static: false, private: false, access: { has: obj => "status" in obj, get: obj => obj.status, set: (obj, value) => { obj.status = value; } }, metadata: _metadata }, _status_initializers, _status_extraInitializers);
+            __esDecorate(this, null, _fields_decorators, { kind: "accessor", name: "fields", static: false, private: false, access: { has: obj => "fields" in obj, get: obj => obj.fields, set: (obj, value) => { obj.fields = value; } }, metadata: _metadata }, _fields_initializers, _fields_extraInitializers);
+            __esDecorate(this, null, _collapsible_decorators, { kind: "accessor", name: "collapsible", static: false, private: false, access: { has: obj => "collapsible" in obj, get: obj => obj.collapsible, set: (obj, value) => { obj.collapsible = value; } }, metadata: _metadata }, _collapsible_initializers, _collapsible_extraInitializers);
+            __esDecorate(this, null, _collapsed_decorators, { kind: "accessor", name: "collapsed", static: false, private: false, access: { has: obj => "collapsed" in obj, get: obj => obj.collapsed, set: (obj, value) => { obj.collapsed = value; } }, metadata: _metadata }, _collapsed_initializers, _collapsed_extraInitializers);
+            __esDecorate(this, null, _isCollapsed_decorators, { kind: "accessor", name: "isCollapsed", static: false, private: false, access: { has: obj => "isCollapsed" in obj, get: obj => obj.isCollapsed, set: (obj, value) => { obj.isCollapsed = value; } }, metadata: _metadata }, _isCollapsed_initializers, _isCollapsed_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            SzConfigSection = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static demo = () => html `
+    <sz-config-section
+      title="SmartProxy"
+      subtitle="HTTP/HTTPS and TCP/SNI reverse proxy"
+      icon="lucide:network"
+      status="enabled"
+      .fields=${[
+            { key: 'Route Count', value: 12 },
+            { key: 'ACME Enabled', value: true, type: 'boolean' },
+            { key: 'Account Email', value: 'admin@example.com' },
+            { key: 'Use Production', value: true, type: 'boolean' },
+            { key: 'Auto Renew', value: true, type: 'boolean' },
+            { key: 'Renew Threshold', value: '30 days' },
+        ]}
+    ></sz-config-section>
+    <sz-config-section
+      title="Email Server"
+      subtitle="SMTP email handling with smartmta"
+      icon="lucide:mail"
+      status="disabled"
+      .fields=${[
+            { key: 'Ports', value: ['25', '465', '587'], type: 'pills' },
+            { key: 'Hostname', value: null },
+            { key: 'Domains', value: ['example.com', 'mail.example.com'], type: 'pills' },
+        ]}
+    ></sz-config-section>
+    <sz-config-section
+      title="DNS Server"
+      subtitle="Authoritative DNS with smartdns"
+      icon="lucide:globe"
+      status="not-configured"
+      collapsible
+      .fields=${[
+            { key: 'Port', value: 53 },
+            { key: 'NS Domains', value: ['ns1.example.com', 'ns2.example.com'], type: 'pills' },
+        ]}
+    ></sz-config-section>
+  `;
+        static demoGroups = ['Configuration'];
+        #title_accessor_storage = __runInitializers(this, _title_initializers, '');
+        get title() { return this.#title_accessor_storage; }
+        set title(value) { this.#title_accessor_storage = value; }
+        #subtitle_accessor_storage = (__runInitializers(this, _title_extraInitializers), __runInitializers(this, _subtitle_initializers, ''));
+        get subtitle() { return this.#subtitle_accessor_storage; }
+        set subtitle(value) { this.#subtitle_accessor_storage = value; }
+        #icon_accessor_storage = (__runInitializers(this, _subtitle_extraInitializers), __runInitializers(this, _icon_initializers, ''));
+        get icon() { return this.#icon_accessor_storage; }
+        set icon(value) { this.#icon_accessor_storage = value; }
+        #status_accessor_storage = (__runInitializers(this, _icon_extraInitializers), __runInitializers(this, _status_initializers, 'enabled'));
+        get status() { return this.#status_accessor_storage; }
+        set status(value) { this.#status_accessor_storage = value; }
+        #fields_accessor_storage = (__runInitializers(this, _status_extraInitializers), __runInitializers(this, _fields_initializers, []));
+        get fields() { return this.#fields_accessor_storage; }
+        set fields(value) { this.#fields_accessor_storage = value; }
+        #collapsible_accessor_storage = (__runInitializers(this, _fields_extraInitializers), __runInitializers(this, _collapsible_initializers, false));
+        get collapsible() { return this.#collapsible_accessor_storage; }
+        set collapsible(value) { this.#collapsible_accessor_storage = value; }
+        #collapsed_accessor_storage = (__runInitializers(this, _collapsible_extraInitializers), __runInitializers(this, _collapsed_initializers, false));
+        get collapsed() { return this.#collapsed_accessor_storage; }
+        set collapsed(value) { this.#collapsed_accessor_storage = value; }
+        #isCollapsed_accessor_storage = (__runInitializers(this, _collapsed_extraInitializers), __runInitializers(this, _isCollapsed_initializers, false));
+        get isCollapsed() { return this.#isCollapsed_accessor_storage; }
+        set isCollapsed(value) { this.#isCollapsed_accessor_storage = value; }
+        static styles = [
+            cssManager.defaultStyles,
+            css `
+      :host {
+        display: block;
+        margin-bottom: 16px;
+      }
+
+      .section {
+        background: ${cssManager.bdTheme('#ffffff', '#09090b')};
+        border: 1px solid ${cssManager.bdTheme('#e4e4e7', '#27272a')};
+        border-radius: 8px;
+        overflow: hidden;
+      }
+
+      .section-header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 14px 20px;
+        background: ${cssManager.bdTheme('#f4f4f5', '#18181b')};
+        border-bottom: 1px solid ${cssManager.bdTheme('#e4e4e7', '#27272a')};
+        cursor: default;
+        user-select: none;
+      }
+
+      :host([collapsible]) .section-header {
+        cursor: pointer;
+      }
+
+      :host([collapsible]) .section-header:hover {
+        background: ${cssManager.bdTheme('#ebebed', '#1c1c1f')};
+      }
+
+      .header-left {
+        display: flex;
+        align-items: center;
+        gap: 12px;
+        min-width: 0;
+      }
+
+      .header-icon {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 36px;
+        height: 36px;
+        background: ${cssManager.bdTheme('#e4e4e7', '#27272a')};
+        border-radius: 8px;
+        flex-shrink: 0;
+      }
+
+      .header-icon dees-icon {
+        font-size: 18px;
+        color: ${cssManager.bdTheme('#52525b', '#a1a1aa')};
+      }
+
+      .header-text {
+        min-width: 0;
+      }
+
+      .header-title {
+        font-size: 15px;
+        font-weight: 600;
+        color: ${cssManager.bdTheme('#18181b', '#fafafa')};
+        line-height: 1.3;
+      }
+
+      .header-subtitle {
+        font-size: 12px;
+        color: ${cssManager.bdTheme('#71717a', '#a1a1aa')};
+        line-height: 1.3;
+        margin-top: 1px;
+      }
+
+      .header-right {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        flex-shrink: 0;
+      }
+
+      /* Status badge */
+      .status-badge {
+        display: inline-flex;
+        align-items: center;
+        gap: 6px;
+        padding: 3px 10px;
+        border-radius: 9999px;
+        font-size: 12px;
+        font-weight: 500;
+        white-space: nowrap;
+      }
+
+      .status-badge.enabled {
+        background: ${cssManager.bdTheme('#dcfce7', 'rgba(34,197,94,0.2)')};
+        color: ${cssManager.bdTheme('#16a34a', '#22c55e')};
+      }
+
+      .status-badge.disabled {
+        background: ${cssManager.bdTheme('#fee2e2', 'rgba(239,68,68,0.2)')};
+        color: ${cssManager.bdTheme('#dc2626', '#ef4444')};
+      }
+
+      .status-badge.not-configured {
+        background: ${cssManager.bdTheme('#f4f4f5', 'rgba(113,113,122,0.2)')};
+        color: ${cssManager.bdTheme('#71717a', '#a1a1aa')};
+      }
+
+      .status-badge.warning {
+        background: ${cssManager.bdTheme('#fef3c7', 'rgba(245,158,11,0.15)')};
+        color: ${cssManager.bdTheme('#92400e', '#fbbf24')};
+      }
+
+      .status-dot {
+        width: 7px;
+        height: 7px;
+        border-radius: 50%;
+      }
+
+      .status-badge.enabled .status-dot {
+        background: ${cssManager.bdTheme('#16a34a', '#22c55e')};
+      }
+
+      .status-badge.disabled .status-dot {
+        background: ${cssManager.bdTheme('#dc2626', '#ef4444')};
+      }
+
+      .status-badge.not-configured .status-dot {
+        background: ${cssManager.bdTheme('#a1a1aa', '#52525b')};
+      }
+
+      .status-badge.warning .status-dot {
+        background: ${cssManager.bdTheme('#f59e0b', '#fbbf24')};
+      }
+
+      /* Chevron */
+      .chevron {
+        display: flex;
+        align-items: center;
+        transition: transform 200ms ease;
+      }
+
+      .chevron.collapsed {
+        transform: rotate(-90deg);
+      }
+
+      .chevron dees-icon {
+        font-size: 16px;
+        color: ${cssManager.bdTheme('#a1a1aa', '#52525b')};
+      }
+
+      /* Content */
+      .section-content {
+        padding: 0;
+      }
+
+      .section-content.collapsed {
+        display: none;
+      }
+
+      /* Field rows */
+      .field-row {
+        display: flex;
+        align-items: flex-start;
+        justify-content: space-between;
+        padding: 10px 20px;
+        border-bottom: 1px solid ${cssManager.bdTheme('#f4f4f5', '#1a1a1e')};
+        gap: 16px;
+      }
+
+      .field-row:last-child {
+        border-bottom: none;
+      }
+
+      .field-key {
+        font-size: 13px;
+        font-weight: 500;
+        color: ${cssManager.bdTheme('#71717a', '#a1a1aa')};
+        flex-shrink: 0;
+        min-width: 140px;
+        padding-top: 1px;
+      }
+
+      .field-value {
+        font-size: 13px;
+        font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;
+        color: ${cssManager.bdTheme('#18181b', '#fafafa')};
+        text-align: right;
+        word-break: break-all;
+      }
+
+      .field-value.null-value {
+        color: ${cssManager.bdTheme('#a1a1aa', '#52525b')};
+        font-style: italic;
+        font-family: inherit;
+      }
+
+      /* Boolean display */
+      .bool-value {
+        display: inline-flex;
+        align-items: center;
+        gap: 5px;
+        font-family: inherit;
+        font-size: 13px;
+        font-weight: 500;
+      }
+
+      .bool-value.true {
+        color: ${cssManager.bdTheme('#16a34a', '#22c55e')};
+      }
+
+      .bool-value.false {
+        color: ${cssManager.bdTheme('#dc2626', '#ef4444')};
+      }
+
+      .bool-dot {
+        width: 6px;
+        height: 6px;
+        border-radius: 50%;
+      }
+
+      .bool-value.true .bool-dot {
+        background: ${cssManager.bdTheme('#16a34a', '#22c55e')};
+      }
+
+      .bool-value.false .bool-dot {
+        background: ${cssManager.bdTheme('#dc2626', '#ef4444')};
+      }
+
+      /* Pills */
+      .pills {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 5px;
+        justify-content: flex-end;
+      }
+
+      .pill {
+        display: inline-flex;
+        align-items: center;
+        padding: 2px 9px;
+        border-radius: 9999px;
+        font-size: 12px;
+        font-weight: 500;
+        font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;
+        background: ${cssManager.bdTheme('#eff6ff', 'rgba(59,130,246,0.1)')};
+        color: ${cssManager.bdTheme('#2563eb', '#60a5fa')};
+      }
+
+      /* Code value */
+      .code-value {
+        font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;
+        font-size: 12px;
+        background: ${cssManager.bdTheme('#f4f4f5', '#18181b')};
+        padding: 2px 8px;
+        border-radius: 4px;
+        color: ${cssManager.bdTheme('#18181b', '#fafafa')};
+      }
+
+      /* Link value */
+      .link-value {
+        color: ${cssManager.bdTheme('#2563eb', '#60a5fa')};
+        cursor: pointer;
+        text-decoration: none;
+        font-family: inherit;
+        font-size: 13px;
+      }
+
+      .link-value:hover {
+        text-decoration: underline;
+      }
+
+      /* Description hint */
+      .field-description {
+        font-size: 11px;
+        color: ${cssManager.bdTheme('#a1a1aa', '#52525b')};
+        margin-top: 3px;
+        text-align: right;
+      }
+
+      /* Slot for custom content */
+      .slot-content {
+        border-top: 1px solid ${cssManager.bdTheme('#f4f4f5', '#1a1a1e')};
+      }
+
+      .slot-content:empty {
+        display: none;
+        border-top: none;
+      }
+
+      /* Badge type */
+      .badge-value {
+        display: inline-flex;
+        align-items: center;
+        padding: 2px 9px;
+        border-radius: 9999px;
+        font-size: 12px;
+        font-weight: 500;
+        background: ${cssManager.bdTheme('#f4f4f5', '#27272a')};
+        color: ${cssManager.bdTheme('#52525b', '#a1a1aa')};
+      }
+    `,
+        ];
+        async connectedCallback() {
+            await super.connectedCallback();
+            this.isCollapsed = this.collapsed;
+            if (this.collapsible) {
+                this.setAttribute('collapsible', '');
+            }
+        }
+        render() {
+            const statusLabels = {
+                'enabled': 'Enabled',
+                'disabled': 'Disabled',
+                'not-configured': 'Not Configured',
+                'warning': 'Warning',
+            };
+            return html `
+      <div class="section">
+        <div
+          class="section-header"
+          @click=${() => {
+                if (this.collapsible) {
+                    this.isCollapsed = !this.isCollapsed;
+                }
+            }}
+        >
+          <div class="header-left">
+            ${this.icon ? html `
+              <div class="header-icon">
+                <dees-icon .icon=${this.icon}></dees-icon>
+              </div>
+            ` : ''}
+            <div class="header-text">
+              <div class="header-title">${this.title}</div>
+              ${this.subtitle ? html `<div class="header-subtitle">${this.subtitle}</div>` : ''}
+            </div>
+          </div>
+          <div class="header-right">
+            ${this.status ? html `
+              <span class="status-badge ${this.status}">
+                <span class="status-dot"></span>
+                ${statusLabels[this.status] || this.status}
+              </span>
+            ` : ''}
+            ${this.collapsible ? html `
+              <span class="chevron ${this.isCollapsed ? 'collapsed' : ''}">
+                <dees-icon .icon=${'lucide:chevronDown'}></dees-icon>
+              </span>
+            ` : ''}
+          </div>
+        </div>
+        <div class="section-content ${this.isCollapsed ? 'collapsed' : ''}">
+          ${this.fields.map(field => this.renderField(field))}
+          <div class="slot-content">
+            <slot></slot>
+          </div>
+        </div>
+      </div>
+    `;
+        }
+        renderField(field) {
+            return html `
+      <div class="field-row">
+        <div class="field-key">${field.key}</div>
+        <div>
+          ${this.renderFieldValue(field)}
+          ${field.description ? html `<div class="field-description">${field.description}</div>` : ''}
+        </div>
+      </div>
+    `;
+        }
+        renderFieldValue(field) {
+            const value = field.value;
+            const type = field.type || this.inferType(value);
+            // Null / undefined
+            if (value === null || value === undefined) {
+                return html `<span class="field-value null-value">Not configured</span>`;
+            }
+            switch (type) {
+                case 'boolean':
+                    return html `
+          <span class="bool-value ${value ? 'true' : 'false'}">
+            <span class="bool-dot"></span>
+            ${value ? 'Enabled' : 'Disabled'}
+          </span>
+        `;
+                case 'pills':
+                    if (Array.isArray(value) && value.length === 0) {
+                        return html `<span class="field-value null-value">None</span>`;
+                    }
+                    return html `
+          <div class="pills">
+            ${value.map(v => html `<span class="pill">${v}</span>`)}
+          </div>
+        `;
+                case 'code':
+                    return html `<span class="code-value">${String(value)}</span>`;
+                case 'badge':
+                    return html `<span class="badge-value">${String(value)}</span>`;
+                case 'link':
+                    return html `
+          <span
+            class="link-value"
+            @click=${() => {
+                        if (field.linkTo) {
+                            this.dispatchEvent(new CustomEvent('navigate', {
+                                detail: { target: field.linkTo },
+                                bubbles: true,
+                                composed: true,
+                            }));
+                        }
+                    }}
+          >${String(value)}</span>
+        `;
+                default:
+                    return html `<span class="field-value">${String(value)}</span>`;
+            }
+        }
+        inferType(value) {
+            if (typeof value === 'boolean')
+                return 'boolean';
+            if (Array.isArray(value))
+                return 'pills';
+            return 'text';
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _isCollapsed_extraInitializers);
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return SzConfigSection = _classThis;
+})();
+export { SzConfigSection };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3otY29uZmlnLXNlY3Rpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvc3otY29uZmlnLXNlY3Rpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxXQUFXLEVBQ1gsYUFBYSxFQUNiLElBQUksRUFDSixHQUFHLEVBQ0gsVUFBVSxFQUNWLFFBQVEsRUFDUixLQUFLLEdBRU4sTUFBTSw2QkFBNkIsQ0FBQztJQWlCeEIsZUFBZTs0QkFEM0IsYUFBYSxDQUFDLG1CQUFtQixDQUFDOzs7O3NCQUNFLFdBQVc7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7K0JBQW5CLFNBQVEsV0FBVzs7OztpQ0EwQzdDLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQztvQ0FHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO2dDQUcxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7a0NBRzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQztrQ0FHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxDQUFDO3VDQUd6QixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLENBQUM7cUNBRzNCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsQ0FBQzt1Q0FHM0IsS0FBSyxFQUFFO1lBcEJSLG9LQUFnQixLQUFLLDZCQUFMLEtBQUsscUZBQWM7WUFHbkMsNktBQWdCLFFBQVEsNkJBQVIsUUFBUSwyRkFBYztZQUd0QyxpS0FBZ0IsSUFBSSw2QkFBSixJQUFJLG1GQUFjO1lBR2xDLHVLQUFnQixNQUFNLDZCQUFOLE1BQU0sdUZBQW9FO1lBRzFGLHVLQUFnQixNQUFNLDZCQUFOLE1BQU0sdUZBQXNCO1lB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

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

@@ -0,0 +1,11 @@
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+import './index.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'sz-demo-view-config': SzDemoViewConfig;
+    }
+}
+export declare class SzDemoViewConfig extends DeesElement {
+    static styles: import("@design.estate/dees-element").CSSResult[];
+    render(): TemplateResult;
+}