@design.estate/dees-catalog 3.49.1 → 3.50.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_bundle/bundle.js +369 -50
- package/dist_ts_web/00_commitinfo_data.js +1 -1
- package/dist_ts_web/elements/00group-input/dees-input-list/dees-input-list.d.ts +0 -1
- package/dist_ts_web/elements/00group-input/dees-input-list/dees-input-list.js +60 -41
- package/dist_ts_web/elements/00group-simple/dees-simple-appdash/dees-simple-appdash.d.ts +25 -0
- package/dist_ts_web/elements/00group-simple/dees-simple-appdash/dees-simple-appdash.demo.js +39 -1
- package/dist_ts_web/elements/00group-simple/dees-simple-appdash/dees-simple-appdash.js +284 -6
- package/dist_ts_web/elements/00group-workspace/dees-workspace-terminal/dees-workspace-terminal.d.ts +1 -1
- package/dist_ts_web/elements/00group-workspace/dees-workspace-terminal/dees-workspace-terminal.js +4 -4
- package/dist_watch/bundle.js +9415 -4137
- package/dist_watch/bundle.js.map +4 -4
- package/package.json +1 -1
- package/ts_web/00_commitinfo_data.ts +1 -1
- package/ts_web/elements/00group-input/dees-input-list/dees-input-list.ts +59 -40
- package/ts_web/elements/00group-simple/dees-simple-appdash/dees-simple-appdash.demo.ts +39 -1
- package/ts_web/elements/00group-simple/dees-simple-appdash/dees-simple-appdash.ts +296 -3
- package/ts_web/elements/00group-workspace/dees-workspace-terminal/dees-workspace-terminal.ts +4 -4
package/dist_bundle/bundle.js
CHANGED
|
@@ -111535,11 +111535,11 @@ var init_dees_workspace_terminal = __esm({
|
|
|
111535
111535
|
i`
|
|
111536
111536
|
:host {
|
|
111537
111537
|
background: ${cssManager.bdTheme("#ffffff", "#000000")};
|
|
111538
|
-
position: absolute;
|
|
111539
|
-
height: 100%;
|
|
111540
|
-
width: 100%;
|
|
111541
111538
|
display: flex;
|
|
111542
111539
|
flex-direction: row;
|
|
111540
|
+
box-sizing: border-box;
|
|
111541
|
+
height: 100%;
|
|
111542
|
+
width: 100%;
|
|
111543
111543
|
}
|
|
111544
111544
|
|
|
111545
111545
|
* {
|
|
@@ -128491,13 +128491,13 @@ var _DeesInputList = class _DeesInputList extends (_a33 = DeesInputBase, _value_
|
|
|
128491
128491
|
@keydown=${this.handleAddKeyDown}
|
|
128492
128492
|
?disabled=${this.disabled}
|
|
128493
128493
|
/>
|
|
128494
|
-
<
|
|
128494
|
+
<button
|
|
128495
128495
|
class="add-button"
|
|
128496
128496
|
@click=${this.addItem}
|
|
128497
128497
|
?disabled=${!this.inputValue.trim()}
|
|
128498
128498
|
>
|
|
128499
|
-
<dees-icon .icon=${"lucide:plus"}></dees-icon>
|
|
128500
|
-
</
|
|
128499
|
+
<dees-icon .icon=${"lucide:plus"}></dees-icon>
|
|
128500
|
+
</button>
|
|
128501
128501
|
</div>
|
|
128502
128502
|
` : ""}
|
|
128503
128503
|
</div>
|
|
@@ -128919,13 +128919,13 @@ __publicField(_DeesInputList, "styles", [
|
|
|
128919
128919
|
.list-item {
|
|
128920
128920
|
display: flex;
|
|
128921
128921
|
align-items: center;
|
|
128922
|
-
gap:
|
|
128923
|
-
padding:
|
|
128922
|
+
gap: 6px;
|
|
128923
|
+
padding: 6px 10px;
|
|
128924
128924
|
border-bottom: 1px solid ${cssManager.bdTheme("hsl(0 0% 89.8%)", "hsl(0 0% 14.9%)")};
|
|
128925
128925
|
background: ${cssManager.bdTheme("hsl(0 0% 100%)", "hsl(0 0% 3.9%)")};
|
|
128926
128926
|
transition: transform 0.2s ease, background 0.15s ease, box-shadow 0.15s ease;
|
|
128927
128927
|
position: relative;
|
|
128928
|
-
overflow: hidden;
|
|
128928
|
+
overflow: hidden;
|
|
128929
128929
|
}
|
|
128930
128930
|
|
|
128931
128931
|
.list-item:last-of-type {
|
|
@@ -128970,8 +128970,8 @@ __publicField(_DeesInputList, "styles", [
|
|
|
128970
128970
|
}
|
|
128971
128971
|
|
|
128972
128972
|
.drag-handle dees-icon {
|
|
128973
|
-
width:
|
|
128974
|
-
height:
|
|
128973
|
+
width: 14px;
|
|
128974
|
+
height: 14px;
|
|
128975
128975
|
}
|
|
128976
128976
|
|
|
128977
128977
|
.item-content {
|
|
@@ -128984,15 +128984,15 @@ __publicField(_DeesInputList, "styles", [
|
|
|
128984
128984
|
.item-text {
|
|
128985
128985
|
flex: 1;
|
|
128986
128986
|
color: ${cssManager.bdTheme("hsl(0 0% 9%)", "hsl(0 0% 95%)")};
|
|
128987
|
-
font-size:
|
|
128988
|
-
line-height:
|
|
128987
|
+
font-size: 13px;
|
|
128988
|
+
line-height: 18px;
|
|
128989
128989
|
word-break: break-word;
|
|
128990
128990
|
}
|
|
128991
128991
|
|
|
128992
128992
|
.item-edit-input {
|
|
128993
128993
|
flex: 1;
|
|
128994
|
-
padding:
|
|
128995
|
-
font-size:
|
|
128994
|
+
padding: 3px 6px;
|
|
128995
|
+
font-size: 13px;
|
|
128996
128996
|
font-family: inherit;
|
|
128997
128997
|
background: ${cssManager.bdTheme("hsl(0 0% 100%)", "hsl(0 0% 9%)")};
|
|
128998
128998
|
border: 1px solid ${cssManager.bdTheme("hsl(222.2 47.4% 51.2%)", "hsl(217.2 91.2% 59.8%)")};
|
|
@@ -129011,8 +129011,8 @@ __publicField(_DeesInputList, "styles", [
|
|
|
129011
129011
|
display: flex;
|
|
129012
129012
|
align-items: center;
|
|
129013
129013
|
justify-content: center;
|
|
129014
|
-
width:
|
|
129015
|
-
height:
|
|
129014
|
+
width: 24px;
|
|
129015
|
+
height: 24px;
|
|
129016
129016
|
border-radius: 4px;
|
|
129017
129017
|
background: transparent;
|
|
129018
129018
|
border: none;
|
|
@@ -129051,34 +129051,29 @@ __publicField(_DeesInputList, "styles", [
|
|
|
129051
129051
|
}
|
|
129052
129052
|
|
|
129053
129053
|
.action-button dees-icon {
|
|
129054
|
-
width:
|
|
129055
|
-
height:
|
|
129054
|
+
width: 13px;
|
|
129055
|
+
height: 13px;
|
|
129056
129056
|
}
|
|
129057
129057
|
|
|
129058
129058
|
.add-item-container {
|
|
129059
129059
|
display: flex;
|
|
129060
|
-
gap:
|
|
129061
|
-
padding:
|
|
129060
|
+
gap: 6px;
|
|
129061
|
+
padding: 6px 10px;
|
|
129062
129062
|
background: ${cssManager.bdTheme("hsl(0 0% 97.5%)", "hsl(0 0% 6.9%)")};
|
|
129063
129063
|
border-top: 1px solid ${cssManager.bdTheme("hsl(0 0% 89.8%)", "hsl(0 0% 14.9%)")};
|
|
129064
129064
|
}
|
|
129065
129065
|
|
|
129066
129066
|
.add-input {
|
|
129067
129067
|
flex: 1;
|
|
129068
|
-
padding: 8px
|
|
129069
|
-
font-size:
|
|
129068
|
+
padding: 4px 8px;
|
|
129069
|
+
font-size: 13px;
|
|
129070
|
+
line-height: 18px;
|
|
129070
129071
|
font-family: inherit;
|
|
129071
|
-
background:
|
|
129072
|
-
border:
|
|
129073
|
-
border-radius: 4px;
|
|
129072
|
+
background: transparent;
|
|
129073
|
+
border: none;
|
|
129074
129074
|
outline: none;
|
|
129075
129075
|
color: ${cssManager.bdTheme("hsl(0 0% 9%)", "hsl(0 0% 95%)")};
|
|
129076
|
-
|
|
129077
|
-
}
|
|
129078
|
-
|
|
129079
|
-
.add-input:focus {
|
|
129080
|
-
border-color: ${cssManager.bdTheme("hsl(222.2 47.4% 51.2%)", "hsl(217.2 91.2% 59.8%)")};
|
|
129081
|
-
box-shadow: 0 0 0 3px ${cssManager.bdTheme("hsl(222.2 47.4% 51.2% / 0.1)", "hsl(217.2 91.2% 59.8% / 0.1)")};
|
|
129076
|
+
min-width: 0;
|
|
129082
129077
|
}
|
|
129083
129078
|
|
|
129084
129079
|
.add-input::placeholder {
|
|
@@ -129091,29 +129086,54 @@ __publicField(_DeesInputList, "styles", [
|
|
|
129091
129086
|
}
|
|
129092
129087
|
|
|
129093
129088
|
.add-button {
|
|
129094
|
-
|
|
129089
|
+
display: flex;
|
|
129090
|
+
align-items: center;
|
|
129091
|
+
justify-content: center;
|
|
129092
|
+
width: 24px;
|
|
129093
|
+
height: 24px;
|
|
129094
|
+
border-radius: 4px;
|
|
129095
|
+
background: transparent;
|
|
129096
|
+
border: none;
|
|
129097
|
+
cursor: pointer;
|
|
129098
|
+
color: ${cssManager.bdTheme("hsl(0 0% 45.1%)", "hsl(0 0% 63.9%)")};
|
|
129099
|
+
transition: all 0.15s ease;
|
|
129100
|
+
flex-shrink: 0;
|
|
129101
|
+
}
|
|
129102
|
+
|
|
129103
|
+
.add-button:hover:not(:disabled) {
|
|
129104
|
+
background: ${cssManager.bdTheme("hsl(0 0% 95.1%)", "hsl(0 0% 14.9%)")};
|
|
129105
|
+
color: ${cssManager.bdTheme("hsl(0 0% 9%)", "hsl(0 0% 95%)")};
|
|
129106
|
+
}
|
|
129107
|
+
|
|
129108
|
+
.add-button:disabled {
|
|
129109
|
+
opacity: 0.3;
|
|
129110
|
+
cursor: default;
|
|
129111
|
+
}
|
|
129112
|
+
|
|
129113
|
+
.add-button dees-icon {
|
|
129114
|
+
width: 14px;
|
|
129115
|
+
height: 14px;
|
|
129095
129116
|
}
|
|
129096
129117
|
|
|
129097
129118
|
.empty-state {
|
|
129098
|
-
padding:
|
|
129119
|
+
padding: 16px 10px;
|
|
129099
129120
|
text-align: center;
|
|
129100
129121
|
color: ${cssManager.bdTheme("hsl(0 0% 63.9%)", "hsl(0 0% 45.1%)")};
|
|
129101
|
-
font-size:
|
|
129102
|
-
font-style: italic;
|
|
129122
|
+
font-size: 13px;
|
|
129103
129123
|
}
|
|
129104
129124
|
|
|
129105
129125
|
.validation-message {
|
|
129106
129126
|
color: ${cssManager.bdTheme("hsl(0 72.2% 50.6%)", "hsl(0 62.8% 30.6%)")};
|
|
129107
|
-
font-size:
|
|
129108
|
-
margin-top:
|
|
129109
|
-
line-height: 1.
|
|
129127
|
+
font-size: 12px;
|
|
129128
|
+
margin-top: 4px;
|
|
129129
|
+
line-height: 1.4;
|
|
129110
129130
|
}
|
|
129111
129131
|
|
|
129112
129132
|
.description {
|
|
129113
129133
|
color: ${cssManager.bdTheme("hsl(215.4 16.3% 56.9%)", "hsl(215 20.2% 55.1%)")};
|
|
129114
|
-
font-size:
|
|
129115
|
-
margin-top:
|
|
129116
|
-
line-height: 1.
|
|
129134
|
+
font-size: 12px;
|
|
129135
|
+
margin-top: 4px;
|
|
129136
|
+
line-height: 1.4;
|
|
129117
129137
|
}
|
|
129118
129138
|
|
|
129119
129139
|
/* Scrollbar styling */
|
|
@@ -168313,6 +168333,44 @@ var demoFunc52 = /* @__PURE__ */ __name(() => b2`
|
|
|
168313
168333
|
<dees-simple-appdash
|
|
168314
168334
|
name="My Application"
|
|
168315
168335
|
terminalSetupCommand="echo 'Welcome to the terminal!'"
|
|
168336
|
+
.globalMessages=${[
|
|
168337
|
+
{
|
|
168338
|
+
id: "update",
|
|
168339
|
+
type: "info",
|
|
168340
|
+
message: "A new version (v3.50.0) is available with performance improvements and bug fixes.",
|
|
168341
|
+
dismissible: true,
|
|
168342
|
+
actions: [
|
|
168343
|
+
{
|
|
168344
|
+
name: "Update Now",
|
|
168345
|
+
iconName: "lucide:download",
|
|
168346
|
+
action: /* @__PURE__ */ __name(() => alert("Updating..."), "action")
|
|
168347
|
+
},
|
|
168348
|
+
{
|
|
168349
|
+
name: "Release Notes",
|
|
168350
|
+
action: /* @__PURE__ */ __name(() => alert("Opening release notes..."), "action")
|
|
168351
|
+
}
|
|
168352
|
+
]
|
|
168353
|
+
},
|
|
168354
|
+
{
|
|
168355
|
+
id: "maintenance",
|
|
168356
|
+
type: "warning",
|
|
168357
|
+
message: "Scheduled maintenance window: April 5, 2026 02:00\u201306:00 UTC. Some services may be temporarily unavailable.",
|
|
168358
|
+
dismissible: true
|
|
168359
|
+
},
|
|
168360
|
+
{
|
|
168361
|
+
id: "critical",
|
|
168362
|
+
type: "error",
|
|
168363
|
+
message: "Your SSL certificate expires in 3 days. Renew now to avoid service disruption.",
|
|
168364
|
+
dismissible: false,
|
|
168365
|
+
actions: [
|
|
168366
|
+
{
|
|
168367
|
+
name: "Renew Certificate",
|
|
168368
|
+
iconName: "lucide:shieldCheck",
|
|
168369
|
+
action: /* @__PURE__ */ __name(() => alert("Renewing certificate..."), "action")
|
|
168370
|
+
}
|
|
168371
|
+
]
|
|
168372
|
+
}
|
|
168373
|
+
]}
|
|
168316
168374
|
.viewTabs=${[
|
|
168317
168375
|
{
|
|
168318
168376
|
name: "Dashboard",
|
|
@@ -168345,15 +168403,17 @@ var demoFunc52 = /* @__PURE__ */ __name(() => b2`
|
|
|
168345
168403
|
init_dist_ts30();
|
|
168346
168404
|
init_dees_icon();
|
|
168347
168405
|
init_theme();
|
|
168348
|
-
var _selectedView_dec, _terminalSetupCommand_dec, _viewTabs_dec, _name_dec2, _a89, _DeesSimpleAppDash_decorators, _init92, _name2, _viewTabs, _terminalSetupCommand, _selectedView;
|
|
168406
|
+
var __activeMessages_dec, _selectedView_dec, _globalMessages_dec, _terminalSetupCommand_dec, _viewTabs_dec, _name_dec2, _a89, _DeesSimpleAppDash_decorators, _init92, _name2, _viewTabs, _terminalSetupCommand, _globalMessages, _selectedView, __activeMessages;
|
|
168349
168407
|
_DeesSimpleAppDash_decorators = [customElement("dees-simple-appdash")];
|
|
168350
|
-
var _DeesSimpleAppDash = class _DeesSimpleAppDash extends (_a89 = DeesElement, _name_dec2 = [n5()], _viewTabs_dec = [n5({ type: Array })], _terminalSetupCommand_dec = [n5({ type: String })], _selectedView_dec = [r5()], _a89) {
|
|
168408
|
+
var _DeesSimpleAppDash = class _DeesSimpleAppDash extends (_a89 = DeesElement, _name_dec2 = [n5()], _viewTabs_dec = [n5({ type: Array })], _terminalSetupCommand_dec = [n5({ type: String })], _globalMessages_dec = [n5({ type: Array })], _selectedView_dec = [r5()], __activeMessages_dec = [r5()], _a89) {
|
|
168351
168409
|
constructor() {
|
|
168352
168410
|
super(...arguments);
|
|
168353
168411
|
__privateAdd(this, _name2, __runInitializers(_init92, 8, this, "Application Dashboard")), __runInitializers(_init92, 11, this);
|
|
168354
168412
|
__privateAdd(this, _viewTabs, __runInitializers(_init92, 12, this, [])), __runInitializers(_init92, 15, this);
|
|
168355
168413
|
__privateAdd(this, _terminalSetupCommand, __runInitializers(_init92, 16, this, `echo "Terminal ready"`)), __runInitializers(_init92, 19, this);
|
|
168356
|
-
__privateAdd(this,
|
|
168414
|
+
__privateAdd(this, _globalMessages, __runInitializers(_init92, 20, this, [])), __runInitializers(_init92, 23, this);
|
|
168415
|
+
__privateAdd(this, _selectedView, __runInitializers(_init92, 24, this)), __runInitializers(_init92, 27, this);
|
|
168416
|
+
__privateAdd(this, __activeMessages, __runInitializers(_init92, 28, this, [])), __runInitializers(_init92, 31, this);
|
|
168357
168417
|
__publicField(this, "currentTerminal", null);
|
|
168358
168418
|
__publicField(this, "currentView");
|
|
168359
168419
|
}
|
|
@@ -168396,6 +168456,34 @@ var _DeesSimpleAppDash = class _DeesSimpleAppDash extends (_a89 = DeesElement, _
|
|
|
168396
168456
|
</div>
|
|
168397
168457
|
</div>
|
|
168398
168458
|
</div>
|
|
168459
|
+
${this._activeMessages.length > 0 ? b2`
|
|
168460
|
+
<div class="messageBannerArea">
|
|
168461
|
+
${this._activeMessages.map((msg) => b2`
|
|
168462
|
+
<div
|
|
168463
|
+
class="messageBanner messageBanner-${msg.type}"
|
|
168464
|
+
data-message-id="${msg.id}"
|
|
168465
|
+
>
|
|
168466
|
+
<dees-icon .icon="${this.getMessageIcon(msg)}"></dees-icon>
|
|
168467
|
+
<span class="messageBanner-text">${msg.message}</span>
|
|
168468
|
+
${msg.actions?.length ? b2`
|
|
168469
|
+
<div class="messageBanner-actions">
|
|
168470
|
+
${msg.actions.map((a5) => b2`
|
|
168471
|
+
<div class="messageBanner-action" @click=${() => a5.action()}>
|
|
168472
|
+
${a5.iconName ? b2`<dees-icon .icon="${a5.iconName.includes(":") ? a5.iconName : `lucide:${a5.iconName}`}"></dees-icon>` : ""}
|
|
168473
|
+
<span>${a5.name}</span>
|
|
168474
|
+
</div>
|
|
168475
|
+
`)}
|
|
168476
|
+
</div>
|
|
168477
|
+
` : ""}
|
|
168478
|
+
${msg.dismissible !== false ? b2`
|
|
168479
|
+
<div class="messageBanner-dismiss" @click=${() => this.removeMessage(msg.id)}>
|
|
168480
|
+
<dees-icon .icon="${"lucide:x"}"></dees-icon>
|
|
168481
|
+
</div>
|
|
168482
|
+
` : ""}
|
|
168483
|
+
</div>
|
|
168484
|
+
`)}
|
|
168485
|
+
</div>
|
|
168486
|
+
` : ""}
|
|
168399
168487
|
<div class="appcontent">
|
|
168400
168488
|
<!-- Content goes here -->
|
|
168401
168489
|
</div>
|
|
@@ -168420,6 +168508,71 @@ var _DeesSimpleAppDash = class _DeesSimpleAppDash extends (_a89 = DeesElement, _
|
|
|
168420
168508
|
await this.loadView(viewToLoad);
|
|
168421
168509
|
}
|
|
168422
168510
|
}
|
|
168511
|
+
willUpdate(changedProperties) {
|
|
168512
|
+
if (changedProperties.has("globalMessages")) {
|
|
168513
|
+
const propertyIds = new Set(this.globalMessages.map((m6) => m6.id));
|
|
168514
|
+
const existingIds = new Set(this._activeMessages.map((m6) => m6.id));
|
|
168515
|
+
const newMessages = this.globalMessages.filter((m6) => !existingIds.has(m6.id));
|
|
168516
|
+
const previousGlobalMessages = changedProperties.get("globalMessages") || [];
|
|
168517
|
+
const previousIds = new Set(previousGlobalMessages.map((m6) => m6.id));
|
|
168518
|
+
const removedIds = new Set([...previousIds].filter((id) => !propertyIds.has(id)));
|
|
168519
|
+
this._activeMessages = [
|
|
168520
|
+
...this._activeMessages.filter((m6) => !removedIds.has(m6.id)),
|
|
168521
|
+
...newMessages
|
|
168522
|
+
];
|
|
168523
|
+
}
|
|
168524
|
+
}
|
|
168525
|
+
updated(changedProperties) {
|
|
168526
|
+
super.updated(changedProperties);
|
|
168527
|
+
this.updateBannerOffset();
|
|
168528
|
+
}
|
|
168529
|
+
updateBannerOffset() {
|
|
168530
|
+
requestAnimationFrame(() => {
|
|
168531
|
+
const bannerArea = this.shadowRoot?.querySelector(".messageBannerArea");
|
|
168532
|
+
const maincontainer = this.shadowRoot?.querySelector(".maincontainer");
|
|
168533
|
+
const height = bannerArea ? bannerArea.offsetHeight : 0;
|
|
168534
|
+
maincontainer?.style.setProperty("--banner-area-height", `${height}px`);
|
|
168535
|
+
});
|
|
168536
|
+
}
|
|
168537
|
+
getMessageIcon(msg) {
|
|
168538
|
+
if (msg.icon) return msg.icon;
|
|
168539
|
+
const defaults = {
|
|
168540
|
+
info: "lucide:info",
|
|
168541
|
+
success: "lucide:circleCheck",
|
|
168542
|
+
warning: "lucide:triangleAlert",
|
|
168543
|
+
error: "lucide:circleX"
|
|
168544
|
+
};
|
|
168545
|
+
return defaults[msg.type];
|
|
168546
|
+
}
|
|
168547
|
+
addMessage(message2) {
|
|
168548
|
+
const id = message2.id || `msg-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
|
|
168549
|
+
const fullMessage = {
|
|
168550
|
+
dismissible: true,
|
|
168551
|
+
...message2,
|
|
168552
|
+
id
|
|
168553
|
+
};
|
|
168554
|
+
this._activeMessages = [...this._activeMessages, fullMessage];
|
|
168555
|
+
return id;
|
|
168556
|
+
}
|
|
168557
|
+
removeMessage(id) {
|
|
168558
|
+
const bannerEl = this.shadowRoot?.querySelector(`[data-message-id="${id}"]`);
|
|
168559
|
+
if (bannerEl) {
|
|
168560
|
+
bannerEl.classList.add("dismissing");
|
|
168561
|
+
bannerEl.addEventListener("animationend", () => {
|
|
168562
|
+
this._activeMessages = this._activeMessages.filter((m6) => m6.id !== id);
|
|
168563
|
+
this.dispatchEvent(new CustomEvent("message-dismiss", {
|
|
168564
|
+
detail: { id },
|
|
168565
|
+
bubbles: true,
|
|
168566
|
+
composed: true
|
|
168567
|
+
}));
|
|
168568
|
+
}, { once: true });
|
|
168569
|
+
} else {
|
|
168570
|
+
this._activeMessages = this._activeMessages.filter((m6) => m6.id !== id);
|
|
168571
|
+
}
|
|
168572
|
+
}
|
|
168573
|
+
clearMessages() {
|
|
168574
|
+
this._activeMessages = [];
|
|
168575
|
+
}
|
|
168423
168576
|
async launchTerminal() {
|
|
168424
168577
|
const domtools20 = await this.domtoolsPromise;
|
|
168425
168578
|
if (this.currentTerminal) {
|
|
@@ -168434,7 +168587,7 @@ var _DeesSimpleAppDash = class _DeesSimpleAppDash extends (_a89 = DeesElement, _
|
|
|
168434
168587
|
maincontainer.appendChild(terminal);
|
|
168435
168588
|
terminal.style.position = "absolute";
|
|
168436
168589
|
terminal.style.zIndex = "10";
|
|
168437
|
-
terminal.style.top = "0px";
|
|
168590
|
+
terminal.style.top = "var(--banner-area-height, 0px)";
|
|
168438
168591
|
terminal.style.left = "240px";
|
|
168439
168592
|
terminal.style.right = "0px";
|
|
168440
168593
|
terminal.style.bottom = "24px";
|
|
@@ -168442,8 +168595,6 @@ var _DeesSimpleAppDash = class _DeesSimpleAppDash extends (_a89 = DeesElement, _
|
|
|
168442
168595
|
terminal.style.transform = "translateY(8px) scale(0.99)";
|
|
168443
168596
|
terminal.style.transition = "all 0.25s cubic-bezier(0.4, 0, 0.2, 1)";
|
|
168444
168597
|
terminal.style.boxShadow = "0 25px 50px -12px rgb(0 0 0 / 0.5), 0 0 0 1px rgb(255 255 255 / 0.05)";
|
|
168445
|
-
terminal.style.maxWidth = `calc(${maincontainer.clientWidth}px -240px)`;
|
|
168446
|
-
terminal.style.maxHeight = `calc(${maincontainer.clientHeight}px - 24px)`;
|
|
168447
168598
|
terminal.addEventListener("close", () => this.closeTerminal());
|
|
168448
168599
|
await domtools20.convenience.smartdelay.delayFor(0);
|
|
168449
168600
|
terminal.style.opacity = "1";
|
|
@@ -168480,11 +168631,15 @@ _init92 = __decoratorStart(_a89);
|
|
|
168480
168631
|
_name2 = new WeakMap();
|
|
168481
168632
|
_viewTabs = new WeakMap();
|
|
168482
168633
|
_terminalSetupCommand = new WeakMap();
|
|
168634
|
+
_globalMessages = new WeakMap();
|
|
168483
168635
|
_selectedView = new WeakMap();
|
|
168636
|
+
__activeMessages = new WeakMap();
|
|
168484
168637
|
__decorateElement(_init92, 4, "name", _name_dec2, _DeesSimpleAppDash, _name2);
|
|
168485
168638
|
__decorateElement(_init92, 4, "viewTabs", _viewTabs_dec, _DeesSimpleAppDash, _viewTabs);
|
|
168486
168639
|
__decorateElement(_init92, 4, "terminalSetupCommand", _terminalSetupCommand_dec, _DeesSimpleAppDash, _terminalSetupCommand);
|
|
168640
|
+
__decorateElement(_init92, 4, "globalMessages", _globalMessages_dec, _DeesSimpleAppDash, _globalMessages);
|
|
168487
168641
|
__decorateElement(_init92, 4, "selectedView", _selectedView_dec, _DeesSimpleAppDash, _selectedView);
|
|
168642
|
+
__decorateElement(_init92, 4, "_activeMessages", __activeMessages_dec, _DeesSimpleAppDash, __activeMessages);
|
|
168488
168643
|
_DeesSimpleAppDash = __decorateElement(_init92, 0, "DeesSimpleAppDash", _DeesSimpleAppDash_decorators, _DeesSimpleAppDash);
|
|
168489
168644
|
__name(_DeesSimpleAppDash, "DeesSimpleAppDash");
|
|
168490
168645
|
// STATIC
|
|
@@ -168768,6 +168923,170 @@ __publicField(_DeesSimpleAppDash, "styles", [
|
|
|
168768
168923
|
.control.status-terminal dees-icon {
|
|
168769
168924
|
color: hsl(45 90% 55%);
|
|
168770
168925
|
}
|
|
168926
|
+
|
|
168927
|
+
/* Global Message Banners */
|
|
168928
|
+
.messageBannerArea {
|
|
168929
|
+
position: absolute;
|
|
168930
|
+
top: 0;
|
|
168931
|
+
left: 240px;
|
|
168932
|
+
right: 0;
|
|
168933
|
+
z-index: 3;
|
|
168934
|
+
display: flex;
|
|
168935
|
+
flex-direction: column;
|
|
168936
|
+
transition: height 0.25s cubic-bezier(0.4, 0, 0.2, 1);
|
|
168937
|
+
}
|
|
168938
|
+
|
|
168939
|
+
.messageBanner {
|
|
168940
|
+
display: flex;
|
|
168941
|
+
align-items: center;
|
|
168942
|
+
gap: 12px;
|
|
168943
|
+
padding: 10px 16px;
|
|
168944
|
+
font-size: 13px;
|
|
168945
|
+
font-family: 'Geist Sans', sans-serif;
|
|
168946
|
+
font-weight: 500;
|
|
168947
|
+
border-bottom: 1px solid ${cssManager.bdTheme("hsl(0 0% 91%)", "hsl(0 0% 13%)")};
|
|
168948
|
+
animation: bannerSlideDown 0.25s cubic-bezier(0.4, 0, 0.2, 1) forwards;
|
|
168949
|
+
}
|
|
168950
|
+
|
|
168951
|
+
.messageBanner.dismissing {
|
|
168952
|
+
animation: bannerSlideUp 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
|
|
168953
|
+
}
|
|
168954
|
+
|
|
168955
|
+
@keyframes bannerSlideDown {
|
|
168956
|
+
from {
|
|
168957
|
+
opacity: 0;
|
|
168958
|
+
transform: translateY(-100%);
|
|
168959
|
+
}
|
|
168960
|
+
to {
|
|
168961
|
+
opacity: 1;
|
|
168962
|
+
transform: translateY(0);
|
|
168963
|
+
}
|
|
168964
|
+
}
|
|
168965
|
+
|
|
168966
|
+
@keyframes bannerSlideUp {
|
|
168967
|
+
from {
|
|
168968
|
+
opacity: 1;
|
|
168969
|
+
transform: translateY(0);
|
|
168970
|
+
}
|
|
168971
|
+
to {
|
|
168972
|
+
opacity: 0;
|
|
168973
|
+
transform: translateY(-100%);
|
|
168974
|
+
}
|
|
168975
|
+
}
|
|
168976
|
+
|
|
168977
|
+
.messageBanner dees-icon {
|
|
168978
|
+
font-size: 16px;
|
|
168979
|
+
flex-shrink: 0;
|
|
168980
|
+
}
|
|
168981
|
+
|
|
168982
|
+
.messageBanner-text {
|
|
168983
|
+
flex: 1;
|
|
168984
|
+
overflow: hidden;
|
|
168985
|
+
text-overflow: ellipsis;
|
|
168986
|
+
white-space: nowrap;
|
|
168987
|
+
}
|
|
168988
|
+
|
|
168989
|
+
.messageBanner-actions {
|
|
168990
|
+
display: flex;
|
|
168991
|
+
align-items: center;
|
|
168992
|
+
gap: 6px;
|
|
168993
|
+
flex-shrink: 0;
|
|
168994
|
+
}
|
|
168995
|
+
|
|
168996
|
+
.messageBanner-action {
|
|
168997
|
+
display: flex;
|
|
168998
|
+
align-items: center;
|
|
168999
|
+
gap: 6px;
|
|
169000
|
+
padding: 4px 12px;
|
|
169001
|
+
border-radius: 4px;
|
|
169002
|
+
cursor: default;
|
|
169003
|
+
font-size: 12px;
|
|
169004
|
+
font-weight: 600;
|
|
169005
|
+
letter-spacing: 0.01em;
|
|
169006
|
+
transition: all 0.15s ease;
|
|
169007
|
+
white-space: nowrap;
|
|
169008
|
+
background: ${cssManager.bdTheme("hsl(0 0% 0% / 0.08)", "hsl(0 0% 100% / 0.1)")};
|
|
169009
|
+
color: inherit;
|
|
169010
|
+
}
|
|
169011
|
+
|
|
169012
|
+
.messageBanner-action:hover {
|
|
169013
|
+
background: ${cssManager.bdTheme("hsl(0 0% 0% / 0.15)", "hsl(0 0% 100% / 0.18)")};
|
|
169014
|
+
}
|
|
169015
|
+
|
|
169016
|
+
.messageBanner-action:active {
|
|
169017
|
+
transform: scale(0.97);
|
|
169018
|
+
}
|
|
169019
|
+
|
|
169020
|
+
.messageBanner-action dees-icon {
|
|
169021
|
+
font-size: 13px;
|
|
169022
|
+
}
|
|
169023
|
+
|
|
169024
|
+
.messageBanner-dismiss {
|
|
169025
|
+
flex-shrink: 0;
|
|
169026
|
+
display: flex;
|
|
169027
|
+
align-items: center;
|
|
169028
|
+
justify-content: center;
|
|
169029
|
+
width: 24px;
|
|
169030
|
+
height: 24px;
|
|
169031
|
+
border-radius: 4px;
|
|
169032
|
+
cursor: default;
|
|
169033
|
+
opacity: 0.5;
|
|
169034
|
+
transition: all 0.15s ease;
|
|
169035
|
+
}
|
|
169036
|
+
|
|
169037
|
+
.messageBanner-dismiss:hover {
|
|
169038
|
+
opacity: 1;
|
|
169039
|
+
background: hsl(0 0% 0% / 0.1);
|
|
169040
|
+
}
|
|
169041
|
+
|
|
169042
|
+
/* Message type: info */
|
|
169043
|
+
.messageBanner-info {
|
|
169044
|
+
background: ${cssManager.bdTheme("hsl(210 100% 97%)", "hsl(210 50% 10%)")};
|
|
169045
|
+
color: ${cssManager.bdTheme("hsl(210 70% 30%)", "hsl(210 70% 80%)")};
|
|
169046
|
+
border-left: 3px solid #0084ff;
|
|
169047
|
+
}
|
|
169048
|
+
.messageBanner-info dees-icon {
|
|
169049
|
+
color: #0084ff;
|
|
169050
|
+
}
|
|
169051
|
+
|
|
169052
|
+
/* Message type: success */
|
|
169053
|
+
.messageBanner-success {
|
|
169054
|
+
background: ${cssManager.bdTheme("hsl(142 70% 97%)", "hsl(142 30% 10%)")};
|
|
169055
|
+
color: ${cssManager.bdTheme("hsl(142 50% 25%)", "hsl(142 50% 80%)")};
|
|
169056
|
+
border-left: 3px solid #22c55e;
|
|
169057
|
+
}
|
|
169058
|
+
.messageBanner-success dees-icon {
|
|
169059
|
+
color: #22c55e;
|
|
169060
|
+
}
|
|
169061
|
+
|
|
169062
|
+
/* Message type: warning */
|
|
169063
|
+
.messageBanner-warning {
|
|
169064
|
+
background: ${cssManager.bdTheme("hsl(38 90% 97%)", "hsl(38 40% 10%)")};
|
|
169065
|
+
color: ${cssManager.bdTheme("hsl(38 60% 25%)", "hsl(38 60% 80%)")};
|
|
169066
|
+
border-left: 3px solid #f59e0b;
|
|
169067
|
+
}
|
|
169068
|
+
.messageBanner-warning dees-icon {
|
|
169069
|
+
color: #f59e0b;
|
|
169070
|
+
}
|
|
169071
|
+
|
|
169072
|
+
/* Message type: error */
|
|
169073
|
+
.messageBanner-error {
|
|
169074
|
+
background: ${cssManager.bdTheme("hsl(0 70% 97%)", "hsl(0 40% 10%)")};
|
|
169075
|
+
color: ${cssManager.bdTheme("hsl(0 60% 30%)", "hsl(0 60% 80%)")};
|
|
169076
|
+
border-left: 3px solid #ef4444;
|
|
169077
|
+
}
|
|
169078
|
+
.messageBanner-error dees-icon {
|
|
169079
|
+
color: #ef4444;
|
|
169080
|
+
}
|
|
169081
|
+
|
|
169082
|
+
.messageBanner-dismiss:hover {
|
|
169083
|
+
background: ${cssManager.bdTheme("hsl(0 0% 0% / 0.08)", "hsl(0 0% 100% / 0.1)")};
|
|
169084
|
+
}
|
|
169085
|
+
|
|
169086
|
+
.appcontent {
|
|
169087
|
+
top: var(--banner-area-height, 0px);
|
|
169088
|
+
height: calc(100% - 24px - var(--banner-area-height, 0px));
|
|
169089
|
+
}
|
|
168771
169090
|
`
|
|
168772
169091
|
]);
|
|
168773
169092
|
__runInitializers(_init92, 1, _DeesSimpleAppDash);
|
|
@@ -174403,7 +174722,7 @@ init_group_runtime();
|
|
|
174403
174722
|
// ts_web/00_commitinfo_data.ts
|
|
174404
174723
|
var commitinfo = {
|
|
174405
174724
|
name: "@design.estate/dees-catalog",
|
|
174406
|
-
version: "3.
|
|
174725
|
+
version: "3.50.1",
|
|
174407
174726
|
description: "A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript."
|
|
174408
174727
|
};
|
|
174409
174728
|
export {
|
|
@@ -176369,4 +176688,4 @@ ibantools/jsnext/ibantools.js:
|
|
|
176369
176688
|
* @preferred
|
|
176370
176689
|
*)
|
|
176371
176690
|
*/
|
|
176372
|
-
//# sourceMappingURL=bundle-
|
|
176691
|
+
//# sourceMappingURL=bundle-1775157226225.js.map
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
export const commitinfo = {
|
|
5
5
|
name: '@design.estate/dees-catalog',
|
|
6
|
-
version: '3.
|
|
6
|
+
version: '3.50.1',
|
|
7
7
|
description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.'
|
|
8
8
|
};
|
|
9
9
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUsNkJBQTZCO0lBQ25DLE9BQU8sRUFBRSxRQUFRO0lBQ2pCLFdBQVcsRUFBRSxzSkFBc0o7Q0FDcEssQ0FBQSJ9
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { type TemplateResult } from '@design.estate/dees-element';
|
|
2
2
|
import { DeesInputBase } from '../dees-input-base/dees-input-base.js';
|
|
3
3
|
import '../../00group-utility/dees-icon/dees-icon.js';
|
|
4
|
-
import '../../00group-button/dees-button/dees-button.js';
|
|
5
4
|
declare global {
|
|
6
5
|
interface HTMLElementTagNameMap {
|
|
7
6
|
'dees-input-list': DeesInputList;
|