@design.estate/dees-catalog 3.96.0 → 3.96.1

package/dist_bundle/bundle.js

@@ -59054,6 +59054,8 @@ var init_theme = __esm({
           // tertiary recess (headers, hovers)
           bgCanvas: "#f2f2f7",
           // recessed shell base (systemGroupedBackground)
+          labelBase: "#3c3c43",
+          // opaque system label base
           textPrimary: "#1d1d1f",
           // near-black label
           textSecondary: "rgba(60, 60, 67, 0.60)",
@@ -59105,6 +59107,8 @@ var init_theme = __esm({
           // tertiarySystemBackground / systemGray5 — headers, hovers
           bgCanvas: "#000000",
           // recessed shell base (true black, matches systemBackground)
+          labelBase: "#ebebf5",
+          // opaque system label base
           textPrimary: "#f5f5f7",
           // near-white label
           textSecondary: "rgba(235, 235, 245, 0.60)",
@@ -59345,6 +59349,10 @@ var init_theme = __esm({
     /* ========================================
      * Colors — Text / Label tiers
      * ======================================== */
+    --dees-color-label-base: ${cssManager.bdTheme(l5.labelBase || "#3c3c43", d4.labelBase || "#ebebf5")};
+    --dees-label-opacity-secondary: 0.6;
+    --dees-label-opacity-muted: 0.3;
+    --dees-label-opacity-quaternary: 0.18;
     --dees-color-text-primary: ${cssManager.bdTheme(l5.textPrimary, d4.textPrimary)};
     --dees-color-text-secondary: ${cssManager.bdTheme(l5.textSecondary, d4.textSecondary)};
     --dees-color-text-muted: ${cssManager.bdTheme(l5.textMuted, d4.textMuted)};
@@ -93117,6 +93125,17 @@ var init_dees_icon = __esm({
         pointer-events: none;
       }
 
+      #iconContainer {
+        /*
+         * Apply semantic emphasis to the complete icon, after its Lucide
+         * strokes have been painted. This avoids darker overlap pixels that
+         * occur when a translucent currentColor is composited path by path.
+         *
+         * Consumers keep the stroke color opaque and set --dees-icon-opacity.
+         */
+        opacity: var(--dees-icon-opacity, 1);
+      }
+
       /* Improve rendering performance */
       #iconContainer svg {
         display: block;
@@ -149850,6 +149869,7 @@ var tableStyles = [
         height: var(--dees-control-height-sm);
         border-radius: var(--dees-radius-sm);
         color: var(--dees-color-text-muted);
+        --dees-icon-opacity: var(--dees-label-opacity-muted);
         cursor: pointer;
         transition: all var(--dees-transition-fast) var(--dees-ease-standard);
       }
@@ -149857,6 +149877,7 @@ var tableStyles = [
       .action:hover {
         background: var(--dees-color-badge-default-bg);
         color: var(--dees-color-text-primary);
+        --dees-icon-opacity: 1;
       }
 
       .action:active {
@@ -149864,10 +149885,15 @@ var tableStyles = [
       }
 
       .action dees-icon {
+        color: var(--dees-color-label-base);
         width: 16px;
         height: 16px;
       }
 
+      .action:hover dees-icon {
+        color: var(--dees-color-text-primary);
+      }
+
       .footer {
         display: flex;
         align-items: center;
@@ -150399,7 +150425,9 @@ var _DeesTable = class _DeesTable extends (_a42 = DeesElement, _heading1_dec = [
         this.startEditing(cell2.item, cell2.col);
         return;
       }
-      const dblAction = this.dataActions.find((a4) => a4.type?.includes("doubleClick"));
+      const dblAction = this.dataActions.find(
+        (action) => action.type?.includes("doubleClick") && this.isActionRelevant(action, cell2.item)
+      );
       if (dblAction) dblAction.actionFunc({ item: cell2.item, table: this });
     }, "__onTbodyDblclick"));
     __publicField(this, "__onTbodyMousedown", /* @__PURE__ */ __name((eventArg) => {
@@ -150417,7 +150445,7 @@ var _DeesTable = class _DeesTable extends (_a42 = DeesElement, _heading1_dec = [
         this.emitSelectionChange();
         this.requestUpdate();
       }
-      const userItems = this.getActionsForType("contextmenu").map(
+      const userItems = this.getActionsForType("contextmenu").filter((action) => this.isActionRelevant(action, item)).map(
         (action) => ({
           name: action.name,
           iconName: action.iconName,
@@ -150730,18 +150758,18 @@ var _DeesTable = class _DeesTable extends (_a42 = DeesElement, _heading1_dec = [
             return b2`
                               <td class="actionsCol">
                                 <div class="actionsContainer">
-                                  ${inRowActions.map(
+                                  ${inRowActions.filter((actionArg) => this.isActionRelevant(actionArg, itemArg)).map(
               (actionArg) => b2`
-                                      <div
-                                        class="action"
-                                        @click=${() => actionArg.actionFunc({
+                                        <div
+                                          class="action"
+                                          @click=${() => actionArg.actionFunc({
                 item: itemArg,
                 table: this
               })}
-                                      >
-                                        ${actionArg.iconName ? b2` <dees-icon .icon=${actionArg.iconName}></dees-icon> ` : actionArg.name}
-                                      </div>
-                                    `
+                                        >
+                                          ${actionArg.iconName ? b2` <dees-icon .icon=${actionArg.iconName}></dees-icon> ` : actionArg.name}
+                                        </div>
+                                      `
             )}
                                 </div>
                               </td>
@@ -151939,6 +151967,9 @@ var _DeesTable = class _DeesTable extends (_a42 = DeesElement, _heading1_dec = [
       })
     );
   }
+  isActionRelevant(actionArg, itemArg) {
+    return !actionArg.actionRelevancyCheckFunc || actionArg.actionRelevancyCheckFunc(itemArg);
+  }
   getActionsForType(typeArg) {
     const actions = [];
     for (const action of this.dataActions) {
@@ -196764,7 +196795,7 @@ init_group_runtime();
 // ts_web/00_commitinfo_data.ts
 var commitinfo = {
   name: "@design.estate/dees-catalog",
-  version: "3.96.0",
+  version: "3.96.1",
   description: "A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript."
 };
 

package/dist_ts_web/00_commitinfo_data.js

@@ -3,7 +3,7 @@
  */
 export const commitinfo = {
     name: '@design.estate/dees-catalog',
-    version: '3.96.0',
+    version: '3.96.1',
     description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.'
 };
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUsNkJBQTZCO0lBQ25DLE9BQU8sRUFBRSxRQUFRO0lBQ2pCLFdBQVcsRUFBRSxzSkFBc0o7Q0FDcEssQ0FBQSJ9

package/dist_ts_web/elements/00group-dataview/dees-table/dees-table.d.ts

@@ -385,6 +385,7 @@ export declare class DeesTable<T> extends DeesElement {
     private isVisibleSelectionIndeterminate;
     private setSelectVisible;
     private emitSelectionChange;
+    private isActionRelevant;
     getActionsForType(typeArg: ITableAction['type'][0]): ITableAction<any>[];
     /** True if the column has any in-cell editor configured. */
     private __isColumnEditable;