@serve.zone/catalog 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist_ts_web/00_commitinfo_data.d.ts +8 -0
- package/dist_ts_web/00_commitinfo_data.js +9 -0
- package/dist_ts_web/elements/index.d.ts +33 -0
- package/dist_ts_web/elements/index.js +45 -0
- package/dist_ts_web/elements/sz-certificates-card.d.ts +14 -0
- package/dist_ts_web/elements/sz-certificates-card.js +210 -0
- package/dist_ts_web/elements/sz-dashboard-view.d.ts +33 -0
- package/dist_ts_web/elements/sz-dashboard-view.js +242 -0
- package/dist_ts_web/elements/sz-demo-view-dashboard.d.ts +18 -0
- package/dist_ts_web/elements/sz-demo-view-dashboard.js +184 -0
- package/dist_ts_web/elements/sz-demo-view-network.d.ts +32 -0
- package/dist_ts_web/elements/sz-demo-view-network.js +384 -0
- package/dist_ts_web/elements/sz-demo-view-registries.d.ts +22 -0
- package/dist_ts_web/elements/sz-demo-view-registries.js +240 -0
- package/dist_ts_web/elements/sz-demo-view-services.d.ts +32 -0
- package/dist_ts_web/elements/sz-demo-view-services.js +468 -0
- package/dist_ts_web/elements/sz-demo-view-settings.d.ts +19 -0
- package/dist_ts_web/elements/sz-demo-view-settings.js +151 -0
- package/dist_ts_web/elements/sz-demo-view-tokens.d.ts +20 -0
- package/dist_ts_web/elements/sz-demo-view-tokens.js +141 -0
- package/dist_ts_web/elements/sz-dns-ssl-card.d.ts +13 -0
- package/dist_ts_web/elements/sz-dns-ssl-card.js +180 -0
- package/dist_ts_web/elements/sz-domain-detail-view.d.ts +48 -0
- package/dist_ts_web/elements/sz-domain-detail-view.js +789 -0
- package/dist_ts_web/elements/sz-login-view.d.ts +18 -0
- package/dist_ts_web/elements/sz-login-view.js +384 -0
- package/dist_ts_web/elements/sz-network-dns-view.d.ts +20 -0
- package/dist_ts_web/elements/sz-network-dns-view.js +244 -0
- package/dist_ts_web/elements/sz-network-domains-view.d.ts +28 -0
- package/dist_ts_web/elements/sz-network-domains-view.js +312 -0
- package/dist_ts_web/elements/sz-network-proxy-view.d.ts +39 -0
- package/dist_ts_web/elements/sz-network-proxy-view.js +510 -0
- package/dist_ts_web/elements/sz-platform-service-detail-view.d.ts +49 -0
- package/dist_ts_web/elements/sz-platform-service-detail-view.js +733 -0
- package/dist_ts_web/elements/sz-platform-services-card.d.ts +19 -0
- package/dist_ts_web/elements/sz-platform-services-card.js +196 -0
- package/dist_ts_web/elements/sz-quick-actions-card.d.ts +19 -0
- package/dist_ts_web/elements/sz-quick-actions-card.js +194 -0
- package/dist_ts_web/elements/sz-registry-external-view.d.ts +22 -0
- package/dist_ts_web/elements/sz-registry-external-view.js +313 -0
- package/dist_ts_web/elements/sz-registry-onebox-view.d.ts +14 -0
- package/dist_ts_web/elements/sz-registry-onebox-view.js +307 -0
- package/dist_ts_web/elements/sz-resource-usage-card.d.ts +25 -0
- package/dist_ts_web/elements/sz-resource-usage-card.js +323 -0
- package/dist_ts_web/elements/sz-reverse-proxy-card.d.ts +16 -0
- package/dist_ts_web/elements/sz-reverse-proxy-card.js +216 -0
- package/dist_ts_web/elements/sz-service-create-view.d.ts +67 -0
- package/dist_ts_web/elements/sz-service-create-view.js +828 -0
- package/dist_ts_web/elements/sz-service-detail-view.d.ts +57 -0
- package/dist_ts_web/elements/sz-service-detail-view.js +728 -0
- package/dist_ts_web/elements/sz-services-backups-view.d.ts +37 -0
- package/dist_ts_web/elements/sz-services-backups-view.js +413 -0
- package/dist_ts_web/elements/sz-services-list-view.d.ts +20 -0
- package/dist_ts_web/elements/sz-services-list-view.js +272 -0
- package/dist_ts_web/elements/sz-settings-view.d.ts +30 -0
- package/dist_ts_web/elements/sz-settings-view.js +448 -0
- package/dist_ts_web/elements/sz-stat-card.d.ts +17 -0
- package/dist_ts_web/elements/sz-stat-card.js +249 -0
- package/dist_ts_web/elements/sz-status-grid-cluster.d.ts +19 -0
- package/dist_ts_web/elements/sz-status-grid-cluster.js +142 -0
- package/dist_ts_web/elements/sz-status-grid-infra.d.ts +17 -0
- package/dist_ts_web/elements/sz-status-grid-infra.js +140 -0
- package/dist_ts_web/elements/sz-status-grid-network.d.ts +30 -0
- package/dist_ts_web/elements/sz-status-grid-network.js +190 -0
- package/dist_ts_web/elements/sz-status-grid-services.d.ts +17 -0
- package/dist_ts_web/elements/sz-status-grid-services.js +145 -0
- package/dist_ts_web/elements/sz-tokens-view.d.ts +26 -0
- package/dist_ts_web/elements/sz-tokens-view.js +344 -0
- package/dist_ts_web/elements/sz-traffic-card.d.ts +24 -0
- package/dist_ts_web/elements/sz-traffic-card.js +255 -0
- package/dist_ts_web/index.d.ts +2 -0
- package/dist_ts_web/index.js +3 -0
- package/dist_ts_web/pages/index.d.ts +3 -0
- package/dist_ts_web/pages/index.js +4 -0
- package/dist_ts_web/pages/mainpage.d.ts +1 -0
- package/dist_ts_web/pages/mainpage.js +46 -0
- package/dist_ts_web/pages/sz-demo-app-shell.d.ts +13 -0
- package/dist_ts_web/pages/sz-demo-app-shell.js +212 -0
- package/dist_ts_web/pages/sz-demo-app.d.ts +2 -0
- package/dist_ts_web/pages/sz-demo-app.js +20 -0
- package/npmextra.json +24 -0
- package/package.json +45 -0
- package/ts_web/00_commitinfo_data.ts +8 -0
- package/ts_web/elements/index.ts +54 -0
- package/ts_web/elements/sz-certificates-card.ts +155 -0
- package/ts_web/elements/sz-dashboard-view.ts +217 -0
- package/ts_web/elements/sz-demo-view-dashboard.ts +150 -0
- package/ts_web/elements/sz-demo-view-network.ts +354 -0
- package/ts_web/elements/sz-demo-view-registries.ts +206 -0
- package/ts_web/elements/sz-demo-view-services.ts +434 -0
- package/ts_web/elements/sz-demo-view-settings.ts +118 -0
- package/ts_web/elements/sz-demo-view-tokens.ts +109 -0
- package/ts_web/elements/sz-dns-ssl-card.ts +130 -0
- package/ts_web/elements/sz-domain-detail-view.ts +766 -0
- package/ts_web/elements/sz-login-view.ts +329 -0
- package/ts_web/elements/sz-network-dns-view.ts +208 -0
- package/ts_web/elements/sz-network-domains-view.ts +273 -0
- package/ts_web/elements/sz-network-proxy-view.ts +456 -0
- package/ts_web/elements/sz-platform-service-detail-view.ts +714 -0
- package/ts_web/elements/sz-platform-services-card.ts +163 -0
- package/ts_web/elements/sz-quick-actions-card.ts +161 -0
- package/ts_web/elements/sz-registry-external-view.ts +279 -0
- package/ts_web/elements/sz-registry-onebox-view.ts +258 -0
- package/ts_web/elements/sz-resource-usage-card.ts +284 -0
- package/ts_web/elements/sz-reverse-proxy-card.ts +151 -0
- package/ts_web/elements/sz-service-create-view.ts +773 -0
- package/ts_web/elements/sz-service-detail-view.ts +710 -0
- package/ts_web/elements/sz-services-backups-view.ts +390 -0
- package/ts_web/elements/sz-services-list-view.ts +237 -0
- package/ts_web/elements/sz-settings-view.ts +417 -0
- package/ts_web/elements/sz-stat-card.ts +187 -0
- package/ts_web/elements/sz-status-grid-cluster.ts +105 -0
- package/ts_web/elements/sz-status-grid-infra.ts +88 -0
- package/ts_web/elements/sz-status-grid-network.ts +152 -0
- package/ts_web/elements/sz-status-grid-services.ts +99 -0
- package/ts_web/elements/sz-tokens-view.ts +308 -0
- package/ts_web/elements/sz-traffic-card.ts +222 -0
- package/ts_web/index.ts +2 -0
- package/ts_web/pages/index.ts +3 -0
- package/ts_web/pages/mainpage.ts +46 -0
- package/ts_web/pages/sz-demo-app-shell.ts +179 -0
- package/ts_web/pages/sz-demo-app.ts +20 -0
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
|
|
2
|
+
declare global {
|
|
3
|
+
interface HTMLElementTagNameMap {
|
|
4
|
+
'sz-platform-services-card': SzPlatformServicesCard;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
export interface IPlatformService {
|
|
8
|
+
name: string;
|
|
9
|
+
status: string;
|
|
10
|
+
running: boolean;
|
|
11
|
+
url?: string;
|
|
12
|
+
}
|
|
13
|
+
export declare class SzPlatformServicesCard extends DeesElement {
|
|
14
|
+
static demo: () => TemplateResult<1>;
|
|
15
|
+
accessor services: IPlatformService[];
|
|
16
|
+
static styles: import("@design.estate/dees-element").CSSResult[];
|
|
17
|
+
render(): TemplateResult;
|
|
18
|
+
private handleServiceClick;
|
|
19
|
+
}
|
|
@@ -0,0 +1,196 @@
|
|
|
1
|
+
var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
|
|
2
|
+
function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
|
|
3
|
+
var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
|
|
4
|
+
var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
|
|
5
|
+
var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
|
|
6
|
+
var _, done = false;
|
|
7
|
+
for (var i = decorators.length - 1; i >= 0; i--) {
|
|
8
|
+
var context = {};
|
|
9
|
+
for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
|
|
10
|
+
for (var p in contextIn.access) context.access[p] = contextIn.access[p];
|
|
11
|
+
context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
|
|
12
|
+
var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
|
|
13
|
+
if (kind === "accessor") {
|
|
14
|
+
if (result === void 0) continue;
|
|
15
|
+
if (result === null || typeof result !== "object") throw new TypeError("Object expected");
|
|
16
|
+
if (_ = accept(result.get)) descriptor.get = _;
|
|
17
|
+
if (_ = accept(result.set)) descriptor.set = _;
|
|
18
|
+
if (_ = accept(result.init)) initializers.unshift(_);
|
|
19
|
+
}
|
|
20
|
+
else if (_ = accept(result)) {
|
|
21
|
+
if (kind === "field") initializers.unshift(_);
|
|
22
|
+
else descriptor[key] = _;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
if (target) Object.defineProperty(target, contextIn.name, descriptor);
|
|
26
|
+
done = true;
|
|
27
|
+
};
|
|
28
|
+
var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
|
|
29
|
+
var useValue = arguments.length > 2;
|
|
30
|
+
for (var i = 0; i < initializers.length; i++) {
|
|
31
|
+
value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
|
|
32
|
+
}
|
|
33
|
+
return useValue ? value : void 0;
|
|
34
|
+
};
|
|
35
|
+
import { DeesElement, customElement, html, css, cssManager, property, } from '@design.estate/dees-element';
|
|
36
|
+
let SzPlatformServicesCard = (() => {
|
|
37
|
+
let _classDecorators = [customElement('sz-platform-services-card')];
|
|
38
|
+
let _classDescriptor;
|
|
39
|
+
let _classExtraInitializers = [];
|
|
40
|
+
let _classThis;
|
|
41
|
+
let _classSuper = DeesElement;
|
|
42
|
+
let _services_decorators;
|
|
43
|
+
let _services_initializers = [];
|
|
44
|
+
let _services_extraInitializers = [];
|
|
45
|
+
var SzPlatformServicesCard = class extends _classSuper {
|
|
46
|
+
static { _classThis = this; }
|
|
47
|
+
static {
|
|
48
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
49
|
+
_services_decorators = [property({ type: Array })];
|
|
50
|
+
__esDecorate(this, null, _services_decorators, { kind: "accessor", name: "services", static: false, private: false, access: { has: obj => "services" in obj, get: obj => obj.services, set: (obj, value) => { obj.services = value; } }, metadata: _metadata }, _services_initializers, _services_extraInitializers);
|
|
51
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
52
|
+
SzPlatformServicesCard = _classThis = _classDescriptor.value;
|
|
53
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
54
|
+
}
|
|
55
|
+
static demo = () => html `
|
|
56
|
+
<div style="padding: 24px; max-width: 500px;">
|
|
57
|
+
<sz-platform-services-card
|
|
58
|
+
.services=${[
|
|
59
|
+
{ name: 'MongoDB', status: '1 DB', running: true },
|
|
60
|
+
{ name: 'S3 Storage (MinIO)', status: '1 bucket', running: true },
|
|
61
|
+
{ name: 'Caddy Reverse Proxy', status: 'Running', running: true },
|
|
62
|
+
{ name: 'ClickHouse', status: '1 DB', running: true },
|
|
63
|
+
]}
|
|
64
|
+
></sz-platform-services-card>
|
|
65
|
+
</div>
|
|
66
|
+
`;
|
|
67
|
+
#services_accessor_storage = __runInitializers(this, _services_initializers, []);
|
|
68
|
+
get services() { return this.#services_accessor_storage; }
|
|
69
|
+
set services(value) { this.#services_accessor_storage = value; }
|
|
70
|
+
static styles = [
|
|
71
|
+
cssManager.defaultStyles,
|
|
72
|
+
css `
|
|
73
|
+
:host {
|
|
74
|
+
display: block;
|
|
75
|
+
height: 100%;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.card {
|
|
79
|
+
background: ${cssManager.bdTheme('#ffffff', '#09090b')};
|
|
80
|
+
border: 1px solid ${cssManager.bdTheme('#e4e4e7', '#27272a')};
|
|
81
|
+
border-radius: 8px;
|
|
82
|
+
padding: 20px;
|
|
83
|
+
height: 100%;
|
|
84
|
+
box-sizing: border-box;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.header {
|
|
88
|
+
margin-bottom: 16px;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.title {
|
|
92
|
+
font-size: 16px;
|
|
93
|
+
font-weight: 600;
|
|
94
|
+
color: ${cssManager.bdTheme('#18181b', '#fafafa')};
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
.subtitle {
|
|
98
|
+
font-size: 13px;
|
|
99
|
+
color: ${cssManager.bdTheme('#71717a', '#a1a1aa')};
|
|
100
|
+
margin-top: 2px;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.services-list {
|
|
104
|
+
display: flex;
|
|
105
|
+
flex-direction: column;
|
|
106
|
+
gap: 12px;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.service-item {
|
|
110
|
+
display: flex;
|
|
111
|
+
justify-content: space-between;
|
|
112
|
+
align-items: center;
|
|
113
|
+
padding: 8px 0;
|
|
114
|
+
cursor: pointer;
|
|
115
|
+
transition: opacity 200ms ease;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
.service-item:hover {
|
|
119
|
+
opacity: 0.8;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
.service-left {
|
|
123
|
+
display: flex;
|
|
124
|
+
align-items: center;
|
|
125
|
+
gap: 10px;
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
.status-dot {
|
|
129
|
+
width: 8px;
|
|
130
|
+
height: 8px;
|
|
131
|
+
border-radius: 50%;
|
|
132
|
+
flex-shrink: 0;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
.status-dot.running {
|
|
136
|
+
background: ${cssManager.bdTheme('#22c55e', '#22c55e')};
|
|
137
|
+
box-shadow: 0 0 6px ${cssManager.bdTheme('rgba(34, 197, 94, 0.4)', 'rgba(34, 197, 94, 0.4)')};
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
.status-dot.stopped {
|
|
141
|
+
background: ${cssManager.bdTheme('#ef4444', '#ef4444')};
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
.service-name {
|
|
145
|
+
font-size: 14px;
|
|
146
|
+
font-weight: 500;
|
|
147
|
+
color: ${cssManager.bdTheme('#18181b', '#fafafa')};
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
.service-status {
|
|
151
|
+
font-size: 13px;
|
|
152
|
+
color: ${cssManager.bdTheme('#71717a', '#a1a1aa')};
|
|
153
|
+
}
|
|
154
|
+
`,
|
|
155
|
+
];
|
|
156
|
+
render() {
|
|
157
|
+
return html `
|
|
158
|
+
<div class="card">
|
|
159
|
+
<div class="header">
|
|
160
|
+
<div class="title">Platform Services</div>
|
|
161
|
+
<div class="subtitle">Infrastructure status</div>
|
|
162
|
+
</div>
|
|
163
|
+
|
|
164
|
+
<div class="services-list">
|
|
165
|
+
${this.services.map((service) => html `
|
|
166
|
+
<div class="service-item" @click=${() => this.handleServiceClick(service)}>
|
|
167
|
+
<div class="service-left">
|
|
168
|
+
<div class="status-dot ${service.running ? 'running' : 'stopped'}"></div>
|
|
169
|
+
<span class="service-name">${service.name}</span>
|
|
170
|
+
</div>
|
|
171
|
+
<span class="service-status">${service.status}</span>
|
|
172
|
+
</div>
|
|
173
|
+
`)}
|
|
174
|
+
</div>
|
|
175
|
+
</div>
|
|
176
|
+
`;
|
|
177
|
+
}
|
|
178
|
+
handleServiceClick(service) {
|
|
179
|
+
this.dispatchEvent(new CustomEvent('service-click', {
|
|
180
|
+
detail: service,
|
|
181
|
+
bubbles: true,
|
|
182
|
+
composed: true,
|
|
183
|
+
}));
|
|
184
|
+
}
|
|
185
|
+
constructor() {
|
|
186
|
+
super(...arguments);
|
|
187
|
+
__runInitializers(this, _services_extraInitializers);
|
|
188
|
+
}
|
|
189
|
+
static {
|
|
190
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
191
|
+
}
|
|
192
|
+
};
|
|
193
|
+
return SzPlatformServicesCard = _classThis;
|
|
194
|
+
})();
|
|
195
|
+
export { SzPlatformServicesCard };
|
|
196
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3otcGxhdGZvcm0tc2VydmljZXMtY2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9zei1wbGF0Zm9ybS1zZXJ2aWNlcy1jYXJkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQ0wsV0FBVyxFQUNYLGFBQWEsRUFDYixJQUFJLEVBQ0osR0FBRyxFQUNILFVBQVUsRUFDVixRQUFRLEdBRVQsTUFBTSw2QkFBNkIsQ0FBQztJQWdCeEIsc0JBQXNCOzRCQURsQyxhQUFhLENBQUMsMkJBQTJCLENBQUM7Ozs7c0JBQ0MsV0FBVzs7OztzQ0FBbkIsU0FBUSxXQUFXOzs7O29DQWNwRCxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLENBQUM7WUFDMUIsNktBQWdCLFFBQVEsNkJBQVIsUUFBUSwyRkFBMEI7WUFmcEQsNktBMElDOzs7O1FBeklRLE1BQU0sQ0FBQyxJQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOzs7b0JBR2I7WUFDVixFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFO1lBQ2xELEVBQUUsSUFBSSxFQUFFLG9CQUFvQixFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRTtZQUNqRSxFQUFFLElBQUksRUFBRSxxQkFBcUIsRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUU7WUFDakUsRUFBRSxJQUFJLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRTtTQUN0RDs7O0dBR04sQ0FBQztRQUdGLDZFQUErQyxFQUFFLEVBQUM7UUFBbEQsSUFBZ0IsUUFBUSw4Q0FBMEI7UUFBbEQsSUFBZ0IsUUFBUSxvREFBMEI7UUFFM0MsTUFBTSxDQUFDLE1BQU0sR0FBRztZQUNyQixVQUFVLENBQUMsYUFBYTtZQUN4QixHQUFHLENBQUE7Ozs7Ozs7c0JBT2UsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDOzRCQUNsQyxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7Ozs7Ozs7Ozs7Ozs7O2lCQWNuRCxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7Ozs7O2lCQUt4QyxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7c0JBcUNuQyxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7OEJBQ2hDLFVBQVUsQ0FBQyxPQUFPLENBQUMsd0JBQXdCLEVBQUUsd0JBQXdCLENBQUM7Ozs7c0JBSTlFLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQzs7Ozs7O2lCQU03QyxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7Ozs7O2lCQUt4QyxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7O0tBRXBEO1NBQ0YsQ0FBQztRQUVLLE1BQU07WUFDWCxPQUFPLElBQUksQ0FBQTs7Ozs7Ozs7WUFRSCxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FDakIsQ0FBQyxPQUFPLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQTtpREFDb0IsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLE9BQU8sQ0FBQzs7MkNBRTVDLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsU0FBUzsrQ0FDbkMsT0FBTyxDQUFDLElBQUk7OytDQUVaLE9BQU8sQ0FBQyxNQUFNOzthQUVoRCxDQUNGOzs7S0FHTixDQUFDO1FBQ0osQ0FBQztRQUVPLGtCQUFrQixDQUFDLE9BQXlCO1lBQ2xELElBQUksQ0FBQyxhQUFhLENBQ2hCLElBQUksV0FBVyxDQUFDLGVBQWUsRUFBRTtnQkFDL0IsTUFBTSxFQUFFLE9BQU87Z0JBQ2YsT0FBTyxFQUFFLElBQUk7Z0JBQ2IsUUFBUSxFQUFFLElBQUk7YUFDZixDQUFDLENBQ0gsQ0FBQztRQUNKLENBQUM7Ozs7OztZQXpJVSx1REFBc0I7Ozs7O1NBQXRCLHNCQUFzQiJ9
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
|
|
2
|
+
declare global {
|
|
3
|
+
interface HTMLElementTagNameMap {
|
|
4
|
+
'sz-quick-actions-card': SzQuickActionsCard;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
export interface IQuickAction {
|
|
8
|
+
label: string;
|
|
9
|
+
icon?: string;
|
|
10
|
+
primary?: boolean;
|
|
11
|
+
url?: string;
|
|
12
|
+
}
|
|
13
|
+
export declare class SzQuickActionsCard extends DeesElement {
|
|
14
|
+
static demo: () => TemplateResult<1>;
|
|
15
|
+
accessor actions: IQuickAction[];
|
|
16
|
+
static styles: import("@design.estate/dees-element").CSSResult[];
|
|
17
|
+
render(): TemplateResult;
|
|
18
|
+
private handleActionClick;
|
|
19
|
+
}
|
|
@@ -0,0 +1,194 @@
|
|
|
1
|
+
var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
|
|
2
|
+
function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
|
|
3
|
+
var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
|
|
4
|
+
var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
|
|
5
|
+
var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
|
|
6
|
+
var _, done = false;
|
|
7
|
+
for (var i = decorators.length - 1; i >= 0; i--) {
|
|
8
|
+
var context = {};
|
|
9
|
+
for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
|
|
10
|
+
for (var p in contextIn.access) context.access[p] = contextIn.access[p];
|
|
11
|
+
context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
|
|
12
|
+
var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
|
|
13
|
+
if (kind === "accessor") {
|
|
14
|
+
if (result === void 0) continue;
|
|
15
|
+
if (result === null || typeof result !== "object") throw new TypeError("Object expected");
|
|
16
|
+
if (_ = accept(result.get)) descriptor.get = _;
|
|
17
|
+
if (_ = accept(result.set)) descriptor.set = _;
|
|
18
|
+
if (_ = accept(result.init)) initializers.unshift(_);
|
|
19
|
+
}
|
|
20
|
+
else if (_ = accept(result)) {
|
|
21
|
+
if (kind === "field") initializers.unshift(_);
|
|
22
|
+
else descriptor[key] = _;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
if (target) Object.defineProperty(target, contextIn.name, descriptor);
|
|
26
|
+
done = true;
|
|
27
|
+
};
|
|
28
|
+
var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
|
|
29
|
+
var useValue = arguments.length > 2;
|
|
30
|
+
for (var i = 0; i < initializers.length; i++) {
|
|
31
|
+
value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
|
|
32
|
+
}
|
|
33
|
+
return useValue ? value : void 0;
|
|
34
|
+
};
|
|
35
|
+
import { DeesElement, customElement, html, css, cssManager, property, } from '@design.estate/dees-element';
|
|
36
|
+
let SzQuickActionsCard = (() => {
|
|
37
|
+
let _classDecorators = [customElement('sz-quick-actions-card')];
|
|
38
|
+
let _classDescriptor;
|
|
39
|
+
let _classExtraInitializers = [];
|
|
40
|
+
let _classThis;
|
|
41
|
+
let _classSuper = DeesElement;
|
|
42
|
+
let _actions_decorators;
|
|
43
|
+
let _actions_initializers = [];
|
|
44
|
+
let _actions_extraInitializers = [];
|
|
45
|
+
var SzQuickActionsCard = class extends _classSuper {
|
|
46
|
+
static { _classThis = this; }
|
|
47
|
+
static {
|
|
48
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
49
|
+
_actions_decorators = [property({ type: Array })];
|
|
50
|
+
__esDecorate(this, null, _actions_decorators, { kind: "accessor", name: "actions", static: false, private: false, access: { has: obj => "actions" in obj, get: obj => obj.actions, set: (obj, value) => { obj.actions = value; } }, metadata: _metadata }, _actions_initializers, _actions_extraInitializers);
|
|
51
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
52
|
+
SzQuickActionsCard = _classThis = _classDescriptor.value;
|
|
53
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
54
|
+
}
|
|
55
|
+
static demo = () => html `
|
|
56
|
+
<div style="padding: 24px; max-width: 800px;">
|
|
57
|
+
<sz-quick-actions-card
|
|
58
|
+
.actions=${[
|
|
59
|
+
{ label: 'Deploy Service', icon: 'plus', primary: true },
|
|
60
|
+
{ label: 'View All Services' },
|
|
61
|
+
{ label: 'Platform Services' },
|
|
62
|
+
{ label: 'Manage Domains' },
|
|
63
|
+
]}
|
|
64
|
+
></sz-quick-actions-card>
|
|
65
|
+
</div>
|
|
66
|
+
`;
|
|
67
|
+
#actions_accessor_storage = __runInitializers(this, _actions_initializers, []);
|
|
68
|
+
get actions() { return this.#actions_accessor_storage; }
|
|
69
|
+
set actions(value) { this.#actions_accessor_storage = value; }
|
|
70
|
+
static styles = [
|
|
71
|
+
cssManager.defaultStyles,
|
|
72
|
+
css `
|
|
73
|
+
:host {
|
|
74
|
+
display: block;
|
|
75
|
+
height: 100%;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.card {
|
|
79
|
+
background: ${cssManager.bdTheme('#ffffff', '#09090b')};
|
|
80
|
+
border: 1px solid ${cssManager.bdTheme('#e4e4e7', '#27272a')};
|
|
81
|
+
border-radius: 8px;
|
|
82
|
+
padding: 20px;
|
|
83
|
+
height: 100%;
|
|
84
|
+
box-sizing: border-box;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.header {
|
|
88
|
+
margin-bottom: 16px;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.title {
|
|
92
|
+
font-size: 16px;
|
|
93
|
+
font-weight: 600;
|
|
94
|
+
color: ${cssManager.bdTheme('#18181b', '#fafafa')};
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
.subtitle {
|
|
98
|
+
font-size: 13px;
|
|
99
|
+
color: ${cssManager.bdTheme('#71717a', '#a1a1aa')};
|
|
100
|
+
margin-top: 2px;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.actions {
|
|
104
|
+
display: flex;
|
|
105
|
+
flex-wrap: wrap;
|
|
106
|
+
gap: 12px;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.action-button {
|
|
110
|
+
display: inline-flex;
|
|
111
|
+
align-items: center;
|
|
112
|
+
gap: 8px;
|
|
113
|
+
padding: 10px 16px;
|
|
114
|
+
border-radius: 6px;
|
|
115
|
+
font-size: 14px;
|
|
116
|
+
font-weight: 500;
|
|
117
|
+
cursor: pointer;
|
|
118
|
+
transition: all 200ms ease;
|
|
119
|
+
border: none;
|
|
120
|
+
outline: none;
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
.action-button.primary {
|
|
124
|
+
background: ${cssManager.bdTheme('#2563eb', '#3b82f6')};
|
|
125
|
+
color: white;
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
.action-button.primary:hover {
|
|
129
|
+
background: ${cssManager.bdTheme('#1d4ed8', '#2563eb')};
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
.action-button.secondary {
|
|
133
|
+
background: ${cssManager.bdTheme('#ffffff', '#09090b')};
|
|
134
|
+
color: ${cssManager.bdTheme('#18181b', '#fafafa')};
|
|
135
|
+
border: 1px solid ${cssManager.bdTheme('#e4e4e7', '#27272a')};
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
.action-button.secondary:hover {
|
|
139
|
+
background: ${cssManager.bdTheme('#f4f4f5', '#18181b')};
|
|
140
|
+
border-color: ${cssManager.bdTheme('#d4d4d8', '#3f3f46')};
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
.action-icon {
|
|
144
|
+
width: 16px;
|
|
145
|
+
height: 16px;
|
|
146
|
+
}
|
|
147
|
+
`,
|
|
148
|
+
];
|
|
149
|
+
render() {
|
|
150
|
+
return html `
|
|
151
|
+
<div class="card">
|
|
152
|
+
<div class="header">
|
|
153
|
+
<div class="title">Quick Actions</div>
|
|
154
|
+
<div class="subtitle">Common tasks and shortcuts</div>
|
|
155
|
+
</div>
|
|
156
|
+
|
|
157
|
+
<div class="actions">
|
|
158
|
+
${this.actions.map((action) => html `
|
|
159
|
+
<button
|
|
160
|
+
class="action-button ${action.primary ? 'primary' : 'secondary'}"
|
|
161
|
+
@click=${() => this.handleActionClick(action)}
|
|
162
|
+
>
|
|
163
|
+
${action.icon === 'plus' ? html `
|
|
164
|
+
<svg class="action-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
165
|
+
<line x1="12" y1="5" x2="12" y2="19"></line>
|
|
166
|
+
<line x1="5" y1="12" x2="19" y2="12"></line>
|
|
167
|
+
</svg>
|
|
168
|
+
` : ''}
|
|
169
|
+
${action.label}
|
|
170
|
+
</button>
|
|
171
|
+
`)}
|
|
172
|
+
</div>
|
|
173
|
+
</div>
|
|
174
|
+
`;
|
|
175
|
+
}
|
|
176
|
+
handleActionClick(action) {
|
|
177
|
+
this.dispatchEvent(new CustomEvent('action-click', {
|
|
178
|
+
detail: action,
|
|
179
|
+
bubbles: true,
|
|
180
|
+
composed: true,
|
|
181
|
+
}));
|
|
182
|
+
}
|
|
183
|
+
constructor() {
|
|
184
|
+
super(...arguments);
|
|
185
|
+
__runInitializers(this, _actions_extraInitializers);
|
|
186
|
+
}
|
|
187
|
+
static {
|
|
188
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
189
|
+
}
|
|
190
|
+
};
|
|
191
|
+
return SzQuickActionsCard = _classThis;
|
|
192
|
+
})();
|
|
193
|
+
export { SzQuickActionsCard };
|
|
194
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3otcXVpY2stYWN0aW9ucy1jYXJkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL3N6LXF1aWNrLWFjdGlvbnMtY2FyZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUNMLFdBQVcsRUFDWCxhQUFhLEVBQ2IsSUFBSSxFQUNKLEdBQUcsRUFDSCxVQUFVLEVBQ1YsUUFBUSxHQUVULE1BQU0sNkJBQTZCLENBQUM7SUFnQnhCLGtCQUFrQjs0QkFEOUIsYUFBYSxDQUFDLHVCQUF1QixDQUFDOzs7O3NCQUNDLFdBQVc7Ozs7a0NBQW5CLFNBQVEsV0FBVzs7OzttQ0FjaEQsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxDQUFDO1lBQzFCLDBLQUFnQixPQUFPLDZCQUFQLE9BQU8seUZBQXNCO1lBZi9DLDZLQXdJQzs7OztRQXZJUSxNQUFNLENBQUMsSUFBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTs7O21CQUdkO1lBQ1QsRUFBRSxLQUFLLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFO1lBQ3hELEVBQUUsS0FBSyxFQUFFLG1CQUFtQixFQUFFO1lBQzlCLEVBQUUsS0FBSyxFQUFFLG1CQUFtQixFQUFFO1lBQzlCLEVBQUUsS0FBSyxFQUFFLGdCQUFnQixFQUFFO1NBQzVCOzs7R0FHTixDQUFDO1FBR0YsMkVBQTBDLEVBQUUsRUFBQztRQUE3QyxJQUFnQixPQUFPLDZDQUFzQjtRQUE3QyxJQUFnQixPQUFPLG1EQUFzQjtRQUV0QyxNQUFNLENBQUMsTUFBTSxHQUFHO1lBQ3JCLFVBQVUsQ0FBQyxhQUFhO1lBQ3hCLEdBQUcsQ0FBQTs7Ozs7OztzQkFPZSxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7NEJBQ2xDLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7aUJBY25ELFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQzs7Ozs7aUJBS3hDLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztzQkF5Qm5DLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQzs7Ozs7c0JBS3hDLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQzs7OztzQkFJeEMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDO2lCQUM3QyxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7NEJBQzdCLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQzs7OztzQkFJOUMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDO3dCQUN0QyxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7Ozs7Ozs7S0FPM0Q7U0FDRixDQUFDO1FBRUssTUFBTTtZQUNYLE9BQU8sSUFBSSxDQUFBOzs7Ozs7OztZQVFILElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUNoQixDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFBOzt1Q0FFVyxNQUFNLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLFdBQVc7eUJBQ3RELEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxNQUFNLENBQUM7O2tCQUUzQyxNQUFNLENBQUMsSUFBSSxLQUFLLE1BQU0sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFBOzs7OztpQkFLOUIsQ0FBQyxDQUFDLENBQUMsRUFBRTtrQkFDSixNQUFNLENBQUMsS0FBSzs7YUFFakIsQ0FDRjs7O0tBR04sQ0FBQztRQUNKLENBQUM7UUFFTyxpQkFBaUIsQ0FBQyxNQUFvQjtZQUM1QyxJQUFJLENBQUMsYUFBYSxDQUNoQixJQUFJLFdBQVcsQ0FBQyxjQUFjLEVBQUU7Z0JBQzlCLE1BQU0sRUFBRSxNQUFNO2dCQUNkLE9BQU8sRUFBRSxJQUFJO2dCQUNiLFFBQVEsRUFBRSxJQUFJO2FBQ2YsQ0FBQyxDQUNILENBQUM7UUFDSixDQUFDOzs7Ozs7WUF2SVUsdURBQWtCOzs7OztTQUFsQixrQkFBa0IifQ==
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
|
|
2
|
+
declare global {
|
|
3
|
+
interface HTMLElementTagNameMap {
|
|
4
|
+
'sz-registry-external-view': SzRegistryExternalView;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
export interface IExternalRegistry {
|
|
8
|
+
id: string;
|
|
9
|
+
name: string;
|
|
10
|
+
url: string;
|
|
11
|
+
username: string;
|
|
12
|
+
type: 'dockerhub' | 'ghcr' | 'gcr' | 'ecr' | 'custom';
|
|
13
|
+
}
|
|
14
|
+
export declare class SzRegistryExternalView extends DeesElement {
|
|
15
|
+
static demo: () => TemplateResult<1>;
|
|
16
|
+
accessor registries: IExternalRegistry[];
|
|
17
|
+
static styles: import("@design.estate/dees-element").CSSResult[];
|
|
18
|
+
render(): TemplateResult;
|
|
19
|
+
private handleAdd;
|
|
20
|
+
private handleEdit;
|
|
21
|
+
private handleDelete;
|
|
22
|
+
}
|