@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.
@@ -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
- <dees-button
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> Add
128500
- </dees-button>
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: 8px;
128923
- padding: 12px 16px;
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; /* Prevent animation from affecting scroll bounds */
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: 16px;
128974
- height: 16px;
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: 14px;
128988
- line-height: 20px;
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: 4px 8px;
128995
- font-size: 14px;
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: 28px;
129015
- height: 28px;
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: 14px;
129055
- height: 14px;
129054
+ width: 13px;
129055
+ height: 13px;
129056
129056
  }
129057
129057
 
129058
129058
  .add-item-container {
129059
129059
  display: flex;
129060
- gap: 8px;
129061
- padding: 12px 16px;
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 12px;
129069
- font-size: 14px;
129068
+ padding: 4px 8px;
129069
+ font-size: 13px;
129070
+ line-height: 18px;
129070
129071
  font-family: inherit;
129071
- background: ${cssManager.bdTheme("hsl(0 0% 100%)", "hsl(0 0% 9%)")};
129072
- border: 1px solid ${cssManager.bdTheme("hsl(0 0% 89.8%)", "hsl(0 0% 14.9%)")};
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
- transition: all 0.15s ease;
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
- padding: 8px 16px;
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: 32px 16px;
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: 14px;
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: 13px;
129108
- margin-top: 6px;
129109
- line-height: 1.5;
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: 13px;
129115
- margin-top: 6px;
129116
- line-height: 1.5;
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, _selectedView, __runInitializers(_init92, 20, this)), __runInitializers(_init92, 23, 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.49.1",
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-1775019636402.js.map
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.49.1',
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;