@ds-mo/ui 14.4.2 → 14.6.0

package/dist/docs/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-08-19T17:30:10",
+  "timestamp": "2026-08-20T20:20:24",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.5",
@@ -12563,7 +12563,8 @@
       "dependents": [
         "ds-bar-nav",
         "ds-bar-title",
-        "ds-mobile-section-switcher"
+        "ds-mobile-section-switcher",
+        "ds-table"
       ],
       "dependencies": [
         "ds-text",
@@ -12595,6 +12596,9 @@
         ],
         "ds-mobile-section-switcher": [
           "ds-menu"
+        ],
+        "ds-table": [
+          "ds-menu"
         ]
       }
     },
@@ -26415,6 +26419,8 @@
       "states": [],
       "dependents": [],
       "dependencies": [
+        "ds-menu",
+        "ds-tooltip",
         "ds-checkbox",
         "ds-button-unfilled",
         "ds-text",
@@ -26427,6 +26433,8 @@
       ],
       "dependencyGraph": {
         "ds-table": [
+          "ds-menu",
+          "ds-tooltip",
           "ds-checkbox",
           "ds-button-unfilled",
           "ds-text",
@@ -26437,20 +26445,30 @@
           "ds-empty-state",
           "ds-pagination"
         ],
-        "ds-checkbox": [
-          "ds-text"
+        "ds-menu": [
+          "ds-text",
+          "ds-swatch-picker",
+          "ds-tag",
+          "ds-badge",
+          "ds-switch"
         ],
-        "ds-button-unfilled": [
-          "ds-loader",
+        "ds-tag": [
           "ds-icon",
-          "ds-badge",
           "ds-text"
         ],
         "ds-badge": [
           "ds-text"
         ],
-        "ds-tag": [
+        "ds-tooltip": [
+          "ds-text"
+        ],
+        "ds-checkbox": [
+          "ds-text"
+        ],
+        "ds-button-unfilled": [
+          "ds-loader",
           "ds-icon",
+          "ds-badge",
           "ds-text"
         ],
         "ds-empty-state": [
@@ -26472,9 +26490,6 @@
           "ds-text",
           "ds-badge",
           "ds-empty-state"
-        ],
-        "ds-tooltip": [
-          "ds-text"
         ]
       }
     },
@@ -28259,6 +28274,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "describedBy",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "described-by",
+          "reflectToAttr": false,
+          "docs": "Link the trigger with aria-describedby while the popup is open. Disable when\nthe label is already in the DOM, such as a truncated table cell.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "true"
+            }
+          ],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "label",
           "type": "string",
@@ -28465,9 +28509,109 @@
           "required": false,
           "getter": false,
           "setter": false
+        },
+        {
+          "name": "wrapLabel",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "wrap-label",
+          "reflectToAttr": false,
+          "docs": "Allow the label to wrap at a panel-xs max width instead of a single line.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [
+        {
+          "name": "dismiss",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "dismiss() => Promise<void>",
+          "parameters": [],
+          "docs": "Dismiss a popup opened through presentFrom or the slotted trigger.",
+          "docsTags": []
+        },
+        {
+          "name": "presentFrom",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "(anchor: HTMLElement, label?: string) => Promise<void>",
+            "parameters": [
+              {
+                "name": "anchor",
+                "type": "HTMLElement",
+                "docs": ""
+              },
+              {
+                "name": "label",
+                "type": "string | undefined",
+                "docs": ""
+              }
+            ],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              },
+              "HTMLElement": {
+                "location": "global",
+                "id": "global::HTMLElement"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "presentFrom(anchor: HTMLElement, label?: string) => Promise<void>",
+          "parameters": [
+            {
+              "name": "anchor",
+              "type": "HTMLElement",
+              "docs": ""
+            },
+            {
+              "name": "label",
+              "type": "string | undefined",
+              "docs": ""
+            }
+          ],
+          "docs": "Present against an external anchor the host already measured.\nDoes not bind hover or focus on that anchor — the owner drives show/hide.",
+          "docsTags": []
         }
       ],
-      "methods": [],
       "events": [],
       "listeners": [],
       "styles": [],
@@ -28493,7 +28637,8 @@
         "ds-panel-tools",
         "ds-select",
         "ds-shell-app",
-        "ds-shell-tools"
+        "ds-shell-tools",
+        "ds-table"
       ],
       "dependencies": [
         "ds-text"
@@ -28558,6 +28703,9 @@
         ],
         "ds-shell-tools": [
           "ds-tooltip"
+        ],
+        "ds-table": [
+          "ds-tooltip"
         ]
       }
     },
@@ -29693,7 +29841,7 @@
       "path": "src/wc/components/SwatchPicker/swatch-picker-types.ts"
     },
     "src/wc/components/Table/table-types.ts::TableColumn": {
-      "declaration": "export interface TableColumn {\n  /** Stable column identity. */\n  id: string;\n  /** Visible column label. May be empty when headerLabel supplies a non-visual name. */\n  header: string;\n  /** Screen-reader-only column name for an intentionally blank visual header. */\n  headerLabel?: string;\n  /** Optional labels for columns that present and sort multiple related data points. */\n  headerSegments?: TableHeaderSegment[];\n  align?: TableCellAlign;\n  sortable?: boolean;\n  /** Preferred TokoMo table-column width. Numbers remain available for exceptional custom pixel widths. */\n  size?: TableColumnWidth | number;\n  /** Minimum accepted preferred width in CSS pixels. */\n  minSize?: number;\n  /** Maximum accepted preferred width in CSS pixels. */\n  maxSize?: number;\n  /** Wrap cell text instead of truncating it to one line. */\n  wrap?: boolean;\n  /** Pin one application column to either inline edge during horizontal scrolling. */\n  sticky?: TableColumnSticky;\n  /**\n   * Declare a trailing application-action lane. Action columns keep fixed\n   * geometry and may host grouped table-level controls in their header.\n   */\n  kind?: 'data' | 'action';\n  /** Representative loading geometry for this column. Defaults to one text line. */\n  skeleton?: TableCellSkeleton;\n}",
+      "declaration": "export interface TableColumn {\n  /** Stable column identity. */\n  id: string;\n  /** Visible column label. May be empty when headerLabel supplies a non-visual name. */\n  header: string;\n  /** Screen-reader-only column name for an intentionally blank visual header. */\n  headerLabel?: string;\n  /** Optional labels for columns that present and sort multiple related data points. */\n  headerSegments?: TableHeaderSegment[];\n  align?: TableCellAlign;\n  sortable?: boolean;\n  /** Preferred TokoMo table-column width. Numbers remain available for exceptional custom pixel widths. */\n  size?: TableColumnWidth | number;\n  /** Minimum accepted preferred width in CSS pixels. */\n  minSize?: number;\n  /** Maximum accepted preferred width in CSS pixels. */\n  maxSize?: number;\n  /** Wrap cell text instead of truncating it to one line. */\n  wrap?: boolean;\n  /** Clamp wrapping text after 1, 2, or 3 lines. Omit with wrap for unlimited wrap. */\n  maxLines?: TableCellMaxLines;\n  /** Pin one application column to either inline edge during horizontal scrolling. */\n  sticky?: TableColumnSticky;\n  /**\n   * Declare a trailing application-action lane. Action columns keep fixed\n   * geometry and may host grouped table-level controls in their header.\n   */\n  kind?: 'data' | 'action';\n  /** Representative loading geometry for this column. Defaults to one text line. */\n  skeleton?: TableCellSkeleton;\n}",
       "docstring": "",
       "path": "src/wc/components/Table/table-types.ts"
     },

package/dist/lib/utils/index.d.ts

@@ -6,6 +6,7 @@ export type { PercentageDecimals } from './format-percentage';
 export { computeMetricChange, resolveMetricTrend } from './metric-change';
 export type { MetricChange, MetricTrend, MetricTrendDirection, MetricTrendTone, ResolveMetricTrendOptions, } from './metric-change';
 export { truncateSvgTextToWidth } from './truncate-svg-text';
+export { isElementTruncated } from './is-element-truncated';
 export { parseCssTimeMs, prefersReducedMotion, resolveCssTimeMs, resolveMotionTimeMs, } from './resolve-css-time-ms';
 export { SCROLL_EDGE_FADE_DEFAULT_SIZE, SCROLL_EDGE_FADE_SIZE_VAR, isScrollAtEdge, resolveScrollEdgeFadeSize, scrollEdgeFadeClassMap, scrollEdgeFadeMaskImage, scrollEdgeFadeMaskStyle, scrollEdgeFadeSizeStyle, } from './scroll-edge-fade';
 export type { ScrollEdgeFadeEdge, ScrollEdgeFadeOptions, ScrollEdgeFadeSize, ScrollEdgeFadeSizeToken, } from './scroll-edge-fade';

package/dist/lib/utils/index.js

@@ -183,6 +183,13 @@ function truncateSvgTextToWidth(el, text, maxWidth) {
   return lo > 0 ? `${text.slice(0, lo)}\u2026` : "\u2026";
 }
 
+// src/wc/utils/is-element-truncated.ts
+var TRUNCATION_EPSILON_PX = 1;
+function isElementTruncated(element) {
+  const target = element.querySelector(".ds-text__element") ?? element;
+  return target.scrollWidth - target.clientWidth > TRUNCATION_EPSILON_PX || target.scrollHeight - target.clientHeight > TRUNCATION_EPSILON_PX;
+}
+
 // src/wc/utils/resolve-css-time-ms.ts
 function parseCssTimeMs(value, fallback) {
   const firstToken = value.trim().split(/\s+/)[0] ?? "";
@@ -996,6 +1003,7 @@ export {
   dot,
   formatCompactNumber,
   formatPercentage,
+  isElementTruncated,
   isScrollAtEdge,
   lineY,
   normalizeStack,