@serve.zone/catalog 2.4.0 → 2.6.0

package/dist_watch/bundle.js

@@ -106483,9 +106483,9 @@ __runInitializers(_init31, 1, SzRouteListView);
 
 // ts_web/elements/sz-config-section.ts
 init_dist_ts29();
-var _isCollapsed_dec, _collapsed_dec, _collapsible_dec, _fields_dec, _status_dec2, _icon_dec2, _subtitle_dec2, _title_dec2, _a32, _SzConfigSection_decorators, _init32, _title2, _subtitle2, _icon2, _status2, _fields, _collapsible, _collapsed, _isCollapsed;
+var _isCollapsed_dec, _collapsed_dec, _collapsible_dec, _actions_dec3, _fields_dec, _status_dec2, _icon_dec2, _subtitle_dec2, _title_dec2, _a32, _SzConfigSection_decorators, _init32, _title2, _subtitle2, _icon2, _status2, _fields, _actions3, _collapsible, _collapsed, _isCollapsed;
 _SzConfigSection_decorators = [t4("sz-config-section")];
-var SzConfigSection = class extends (_a32 = DeesElement, _title_dec2 = [n5({ type: String })], _subtitle_dec2 = [n5({ type: String })], _icon_dec2 = [n5({ type: String })], _status_dec2 = [n5({ type: String })], _fields_dec = [n5({ type: Array })], _collapsible_dec = [n5({ type: Boolean })], _collapsed_dec = [n5({ type: Boolean })], _isCollapsed_dec = [r5()], _a32) {
+var SzConfigSection = class extends (_a32 = DeesElement, _title_dec2 = [n5({ type: String })], _subtitle_dec2 = [n5({ type: String })], _icon_dec2 = [n5({ type: String })], _status_dec2 = [n5({ type: String })], _fields_dec = [n5({ type: Array })], _actions_dec3 = [n5({ type: Array })], _collapsible_dec = [n5({ type: Boolean })], _collapsed_dec = [n5({ type: Boolean })], _isCollapsed_dec = [r5()], _a32) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _title2, __runInitializers(_init32, 8, this, "")), __runInitializers(_init32, 11, this);
@@ -106493,9 +106493,10 @@ var SzConfigSection = class extends (_a32 = DeesElement, _title_dec2 = [n5({ typ
     __privateAdd(this, _icon2, __runInitializers(_init32, 16, this, "")), __runInitializers(_init32, 19, this);
     __privateAdd(this, _status2, __runInitializers(_init32, 20, this, "enabled")), __runInitializers(_init32, 23, this);
     __privateAdd(this, _fields, __runInitializers(_init32, 24, this, [])), __runInitializers(_init32, 27, this);
-    __privateAdd(this, _collapsible, __runInitializers(_init32, 28, this, false)), __runInitializers(_init32, 31, this);
-    __privateAdd(this, _collapsed, __runInitializers(_init32, 32, this, false)), __runInitializers(_init32, 35, this);
-    __privateAdd(this, _isCollapsed, __runInitializers(_init32, 36, this, false)), __runInitializers(_init32, 39, this);
+    __privateAdd(this, _actions3, __runInitializers(_init32, 28, this, [])), __runInitializers(_init32, 31, this);
+    __privateAdd(this, _collapsible, __runInitializers(_init32, 32, this, false)), __runInitializers(_init32, 35, this);
+    __privateAdd(this, _collapsed, __runInitializers(_init32, 36, this, false)), __runInitializers(_init32, 39, this);
+    __privateAdd(this, _isCollapsed, __runInitializers(_init32, 40, this, false)), __runInitializers(_init32, 43, this);
   }
   async connectedCallback() {
     await super.connectedCallback();
@@ -106539,6 +106540,19 @@ var SzConfigSection = class extends (_a32 = DeesElement, _title_dec2 = [n5({ typ
                 ${statusLabels[this.status] || this.status}
               </span>
             ` : ""}
+            ${this.actions.map((action) => b2`
+              <button class="header-action" @click=${(e11) => {
+      e11.stopPropagation();
+      this.dispatchEvent(new CustomEvent(action.event || "action", {
+        detail: action.detail || { label: action.label },
+        bubbles: true,
+        composed: true
+      }));
+    }}>
+                ${action.icon ? b2`<dees-icon .icon=${action.icon}></dees-icon>` : ""}
+                ${action.label}
+              </button>
+            `)}
             ${this.collapsible ? b2`
               <span class="chevron ${this.isCollapsed ? "collapsed" : ""}">
                 <dees-icon .icon=${"lucide:chevronDown"}></dees-icon>
@@ -106624,6 +106638,7 @@ _subtitle2 = new WeakMap();
 _icon2 = new WeakMap();
 _status2 = new WeakMap();
 _fields = new WeakMap();
+_actions3 = new WeakMap();
 _collapsible = new WeakMap();
 _collapsed = new WeakMap();
 _isCollapsed = new WeakMap();
@@ -106632,6 +106647,7 @@ __decorateElement(_init32, 4, "subtitle", _subtitle_dec2, SzConfigSection, _subt
 __decorateElement(_init32, 4, "icon", _icon_dec2, SzConfigSection, _icon2);
 __decorateElement(_init32, 4, "status", _status_dec2, SzConfigSection, _status2);
 __decorateElement(_init32, 4, "fields", _fields_dec, SzConfigSection, _fields);
+__decorateElement(_init32, 4, "actions", _actions_dec3, SzConfigSection, _actions3);
 __decorateElement(_init32, 4, "collapsible", _collapsible_dec, SzConfigSection, _collapsible);
 __decorateElement(_init32, 4, "collapsed", _collapsed_dec, SzConfigSection, _collapsed);
 __decorateElement(_init32, 4, "isCollapsed", _isCollapsed_dec, SzConfigSection, _isCollapsed);
@@ -106811,6 +106827,32 @@ __publicField(SzConfigSection, "styles", [
         background: ${cssManager.bdTheme("#f59e0b", "#fbbf24")};
       }
 
+      /* Action buttons */
+      .header-action {
+        display: inline-flex;
+        align-items: center;
+        gap: 5px;
+        padding: 4px 12px;
+        border-radius: 6px;
+        font-size: 12px;
+        font-weight: 500;
+        color: ${cssManager.bdTheme("#2563eb", "#60a5fa")};
+        background: transparent;
+        border: none;
+        cursor: pointer;
+        transition: background 150ms ease;
+        white-space: nowrap;
+        font-family: inherit;
+      }
+
+      .header-action:hover {
+        background: ${cssManager.bdTheme("rgba(37,99,235,0.08)", "rgba(96,165,250,0.1)")};
+      }
+
+      .header-action dees-icon {
+        font-size: 14px;
+      }
+
       /* Chevron */
       .chevron {
         display: flex;
@@ -109158,6 +109200,7 @@ var SzDemoViewConfig = class extends (_a42 = DeesElement) {
           icon="lucide:network"
           status="enabled"
           .fields=${proxyFields}
+          .actions=${[{ label: "View Routes", icon: "lucide:arrow-right", event: "navigate", detail: { view: "routes" } }]}
         ></sz-config-section>
 
         <sz-config-section