@ds-mo/ui 15.7.0 → 15.8.0

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.
Files changed (182) hide show
  1. package/dist/.package-ready.json +1 -1
  2. package/dist/agent-patterns.json +1 -1
  3. package/dist/agent.json +2 -1
  4. package/dist/components/ds-agent-activity.js +1 -1
  5. package/dist/components/ds-agent-questionnaire.js +1 -1
  6. package/dist/components/ds-agent-response.js +1 -1
  7. package/dist/components/ds-agent-source-list.js +1 -1
  8. package/dist/components/ds-agent-tool-call.js +1 -1
  9. package/dist/components/ds-attachment-list.js +1 -1
  10. package/dist/components/ds-avatar.js +1 -1
  11. package/dist/components/ds-avatar.js.map +1 -1
  12. package/dist/components/ds-banner.js +1 -1
  13. package/dist/components/ds-bar-action.js +1 -1
  14. package/dist/components/ds-bar-action.js.map +1 -1
  15. package/dist/components/ds-bar-nav.js +1 -1
  16. package/dist/components/ds-bar-page-title.js +1 -1
  17. package/dist/components/ds-bar-title.js +1 -1
  18. package/dist/components/ds-bar-workflow.js +1 -1
  19. package/dist/components/ds-bar-workflow.js.map +1 -1
  20. package/dist/components/ds-button-filled.js +1 -1
  21. package/dist/components/ds-button-inverted.js +1 -1
  22. package/dist/components/ds-button-unfilled.js +1 -1
  23. package/dist/components/ds-calendar.js +1 -1
  24. package/dist/components/ds-card-action-center.js +1 -1
  25. package/dist/components/ds-card-chart.js +1 -1
  26. package/dist/components/ds-card-navigation.js +1 -1
  27. package/dist/components/ds-card-setting.js +1 -1
  28. package/dist/components/ds-chart.js +1 -1
  29. package/dist/components/ds-chip.js +1 -1
  30. package/dist/components/ds-code-block.js +1 -1
  31. package/dist/components/ds-conversation-list-item.js +1 -1
  32. package/dist/components/ds-conversation-list-item.js.map +1 -1
  33. package/dist/components/ds-data-customize.js +1 -1
  34. package/dist/components/ds-data-filter.js +1 -1
  35. package/dist/components/ds-data-group.js +1 -1
  36. package/dist/components/ds-data-preferences.js +1 -1
  37. package/dist/components/ds-data-preferences.js.map +1 -1
  38. package/dist/components/ds-data-saved-views.js +1 -1
  39. package/dist/components/ds-data-search.js +1 -1
  40. package/dist/components/ds-data-search.js.map +1 -1
  41. package/dist/components/ds-data-sort.js +1 -1
  42. package/dist/components/ds-empty-state.js +1 -1
  43. package/dist/components/ds-filter-menu.js +1 -1
  44. package/dist/components/ds-icon.js +1 -1
  45. package/dist/components/ds-input-date.js +1 -1
  46. package/dist/components/ds-input-time.js +1 -1
  47. package/dist/components/ds-input.js +1 -1
  48. package/dist/components/ds-map-entity-marker.js +1 -1
  49. package/dist/components/ds-markdown.js +1 -1
  50. package/dist/components/ds-menu.js +1 -1
  51. package/dist/components/ds-message-actions.js +1 -1
  52. package/dist/components/ds-message-composer.js +1 -1
  53. package/dist/components/ds-message-scroller.js +1 -1
  54. package/dist/components/ds-mobile-bar-nav.js +1 -1
  55. package/dist/components/ds-mobile-header.js +1 -1
  56. package/dist/components/ds-mobile-section-switcher.js +1 -1
  57. package/dist/components/ds-mobile-sheet-nav.js +1 -1
  58. package/dist/components/ds-modal.js +1 -1
  59. package/dist/components/ds-navigation-tab-group.js +1 -1
  60. package/dist/components/ds-pagination.js +1 -1
  61. package/dist/components/ds-panel-nav.js +1 -1
  62. package/dist/components/ds-panel-tool-header.js +1 -1
  63. package/dist/components/ds-panel-tool-search.js +1 -1
  64. package/dist/components/ds-panel-tool-search.js.map +1 -1
  65. package/dist/components/ds-panel-tools.js +1 -1
  66. package/dist/components/ds-select-toggle.js +1 -1
  67. package/dist/components/ds-select.js +1 -1
  68. package/dist/components/ds-shell-app.js +1 -1
  69. package/dist/components/ds-shell-app.js.map +1 -1
  70. package/dist/components/ds-shell-tools.js +1 -1
  71. package/dist/components/ds-tab-group.js +1 -1
  72. package/dist/components/ds-table.js +1 -1
  73. package/dist/components/ds-table.js.map +1 -1
  74. package/dist/components/ds-tag.js +1 -1
  75. package/dist/components/ds-toast.js +1 -1
  76. package/dist/components/ds-tooltip-chart.js +1 -1
  77. package/dist/components/{p-DKvHBXwn.js → p-B1dnisok.js} +2 -2
  78. package/dist/components/p-B7EfrM6C.js +2 -0
  79. package/dist/components/{p-CLqqb0Jp.js.map → p-B7EfrM6C.js.map} +1 -1
  80. package/dist/components/{p-CgC4SM5b.js → p-B9ZhRwE3.js} +2 -2
  81. package/dist/components/{p-DGrSro-o.js → p-BAcdqJaa.js} +2 -2
  82. package/dist/components/{p-4sBUSsqs.js → p-BREDkBUv.js} +2 -2
  83. package/dist/components/{p-pPtjNRqC.js → p-BVsVUnAw.js} +2 -2
  84. package/dist/components/p-BVsVUnAw.js.map +1 -0
  85. package/dist/components/{p-CKSJwSWd.js → p-BWnL2SWn.js} +2 -2
  86. package/dist/components/{p-CqAC2IQO.js → p-BcmJBzB6.js} +2 -2
  87. package/dist/components/p-BjD1eFx6.js +2 -0
  88. package/dist/components/{p-CHyxUWqL.js.map → p-BjD1eFx6.js.map} +1 -1
  89. package/dist/components/{p-AGqUGzNZ.js → p-Bjm-Rk_x.js} +2 -2
  90. package/dist/components/{p-UBQ5O7B-.js → p-Bls48_RF.js} +2 -2
  91. package/dist/components/{p-oBpjD9OA.js → p-BqZWKYsS.js} +2 -2
  92. package/dist/components/p-C4YUkrr0.js +2 -0
  93. package/dist/components/{p-LJXiEPw1.js.map → p-C4YUkrr0.js.map} +1 -1
  94. package/dist/components/p-C62g3d5y.js +2 -0
  95. package/dist/components/{p-CRhoeCC8.js.map → p-C62g3d5y.js.map} +1 -1
  96. package/dist/components/p-C6EXrs1S.js +2 -0
  97. package/dist/components/{p-CvIHBa8S.js.map → p-C6EXrs1S.js.map} +1 -1
  98. package/dist/components/p-CCoJ7CBB.js +2 -0
  99. package/dist/components/{p-BKyE025p.js.map → p-CCoJ7CBB.js.map} +1 -1
  100. package/dist/components/p-CG4vPDhg.js +2 -0
  101. package/dist/components/{p-DmgDVoDb.js.map → p-CG4vPDhg.js.map} +1 -1
  102. package/dist/components/p-CJSIvfpo.js +2 -0
  103. package/dist/components/{p-C0L-VnSr.js.map → p-CJSIvfpo.js.map} +1 -1
  104. package/dist/components/p-CJuc20pQ.js +2 -0
  105. package/dist/components/p-CJuc20pQ.js.map +1 -0
  106. package/dist/components/{p-dSNHIJz6.js → p-CWAeg9jl.js} +2 -2
  107. package/dist/components/{p-BwNW5nqj.js → p-CantpOo3.js} +2 -2
  108. package/dist/components/p-D-TeAVxE.js +2 -0
  109. package/dist/components/{p-Ct2KQHF4.js.map → p-D-TeAVxE.js.map} +1 -1
  110. package/dist/components/{p-DiPqdcD4.js → p-D3JCih82.js} +2 -2
  111. package/dist/components/p-DHpcv_Os.js +2 -0
  112. package/dist/components/{p-BPDo1eQV.js.map → p-DHpcv_Os.js.map} +1 -1
  113. package/dist/components/{p-D_xZ5SFL.js → p-DWXpMWIp.js} +2 -2
  114. package/dist/components/{p-Dyjs8_Cl.js → p-DagrkX2v.js} +2 -2
  115. package/dist/components/{p-D62yUMhr.js → p-DcMbWqTd.js} +2 -2
  116. package/dist/components/{p-g2OUK8Z0.js → p-DiyL2sI5.js} +2 -2
  117. package/dist/components/p-Dvw7N7TH.js +2 -0
  118. package/dist/components/{p-D9l0QBgN.js.map → p-Dvw7N7TH.js.map} +1 -1
  119. package/dist/components/{p-v9Nhw5yM.js → p-IfsszNF0.js} +2 -2
  120. package/dist/components/p-QU4czL2k.js +2 -0
  121. package/dist/components/p-QU4czL2k.js.map +1 -0
  122. package/dist/components/{p-CCsxoztj.js → p-SXaH5TeC.js} +2 -2
  123. package/dist/components/{p-CCsxoztj.js.map → p-SXaH5TeC.js.map} +1 -1
  124. package/dist/components/p-Tf6odBOV.js +2 -0
  125. package/dist/components/{p-CXB_T13u.js.map → p-Tf6odBOV.js.map} +1 -1
  126. package/dist/components/p-UWU23pbX.js +2 -0
  127. package/dist/components/{p-Cs8Gq-PZ.js.map → p-UWU23pbX.js.map} +1 -1
  128. package/dist/components/p-YFjXYN8s.js +2 -0
  129. package/dist/components/{p-DdNJPBCS.js.map → p-YFjXYN8s.js.map} +1 -1
  130. package/dist/components/{p-pJ6gbwSa.js → p-kL4EOsx5.js} +2 -2
  131. package/dist/components/{p-BjBFJ2dd.js → p-topqlGsI.js} +2 -2
  132. package/dist/components/{p-Bdp2V6-c.js → p-zopMP2ze.js} +2 -2
  133. package/dist/components/{p-Bdp2V6-c.js.map → p-zopMP2ze.js.map} +1 -1
  134. package/dist/docs/components.json +1 -1
  135. package/dist/lib/shell/index.js.map +2 -2
  136. package/dist/lib/shell/shell-responsive.d.ts +2 -0
  137. package/dist/mcp-data/registry/data-preferences.json +1 -1
  138. package/dist/mcp-data/registry/data-sort.json +1 -1
  139. package/dist/mcp-data/registry/registry.json +1 -0
  140. package/dist/mcp-data/registry/shell-app.json +2 -1
  141. package/dist/styles/table.css +8 -0
  142. package/dist/types/components/ShellApp/ShellApp.d.ts +1 -0
  143. package/dist/types/shell/shell-responsive.d.ts +2 -0
  144. package/package.json +1 -1
  145. package/dist/components/p-BKyE025p.js +0 -2
  146. package/dist/components/p-BPDo1eQV.js +0 -2
  147. package/dist/components/p-C0L-VnSr.js +0 -2
  148. package/dist/components/p-CHyxUWqL.js +0 -2
  149. package/dist/components/p-CLqqb0Jp.js +0 -2
  150. package/dist/components/p-CRhoeCC8.js +0 -2
  151. package/dist/components/p-CXB_T13u.js +0 -2
  152. package/dist/components/p-CgGcgMjs.js +0 -2
  153. package/dist/components/p-CgGcgMjs.js.map +0 -1
  154. package/dist/components/p-Cs8Gq-PZ.js +0 -2
  155. package/dist/components/p-Ct2KQHF4.js +0 -2
  156. package/dist/components/p-CvIHBa8S.js +0 -2
  157. package/dist/components/p-D9l0QBgN.js +0 -2
  158. package/dist/components/p-DdNJPBCS.js +0 -2
  159. package/dist/components/p-DlCLfwP4.js +0 -2
  160. package/dist/components/p-DlCLfwP4.js.map +0 -1
  161. package/dist/components/p-DmgDVoDb.js +0 -2
  162. package/dist/components/p-LJXiEPw1.js +0 -2
  163. package/dist/components/p-pPtjNRqC.js.map +0 -1
  164. /package/dist/components/{p-DKvHBXwn.js.map → p-B1dnisok.js.map} +0 -0
  165. /package/dist/components/{p-CgC4SM5b.js.map → p-B9ZhRwE3.js.map} +0 -0
  166. /package/dist/components/{p-DGrSro-o.js.map → p-BAcdqJaa.js.map} +0 -0
  167. /package/dist/components/{p-4sBUSsqs.js.map → p-BREDkBUv.js.map} +0 -0
  168. /package/dist/components/{p-CKSJwSWd.js.map → p-BWnL2SWn.js.map} +0 -0
  169. /package/dist/components/{p-CqAC2IQO.js.map → p-BcmJBzB6.js.map} +0 -0
  170. /package/dist/components/{p-AGqUGzNZ.js.map → p-Bjm-Rk_x.js.map} +0 -0
  171. /package/dist/components/{p-UBQ5O7B-.js.map → p-Bls48_RF.js.map} +0 -0
  172. /package/dist/components/{p-oBpjD9OA.js.map → p-BqZWKYsS.js.map} +0 -0
  173. /package/dist/components/{p-dSNHIJz6.js.map → p-CWAeg9jl.js.map} +0 -0
  174. /package/dist/components/{p-BwNW5nqj.js.map → p-CantpOo3.js.map} +0 -0
  175. /package/dist/components/{p-DiPqdcD4.js.map → p-D3JCih82.js.map} +0 -0
  176. /package/dist/components/{p-D_xZ5SFL.js.map → p-DWXpMWIp.js.map} +0 -0
  177. /package/dist/components/{p-Dyjs8_Cl.js.map → p-DagrkX2v.js.map} +0 -0
  178. /package/dist/components/{p-D62yUMhr.js.map → p-DcMbWqTd.js.map} +0 -0
  179. /package/dist/components/{p-g2OUK8Z0.js.map → p-DiyL2sI5.js.map} +0 -0
  180. /package/dist/components/{p-v9Nhw5yM.js.map → p-IfsszNF0.js.map} +0 -0
  181. /package/dist/components/{p-pJ6gbwSa.js.map → p-kL4EOsx5.js.map} +0 -0
  182. /package/dist/components/{p-BjBFJ2dd.js.map → p-topqlGsI.js.map} +0 -0
package/dist/components/ds-conversation-list-item.js CHANGED
@@ -1,2 +1,2 @@
1
- import{p as i,H as e,c as o,h as t,a as s,t as n}from"./index.js";import{d as r}from"./p-BWJb2rih.js";import{d as c}from"./p-0XTyQNRG.js";import{d as a}from"./p-BbvAWFJA.js";const d=()=>`.sc-ds-conversation-list-item-h,.sc-ds-conversation-list-item:where(.ds-table),.sc-ds-conversation-list-item:where(.tooltip-popup),.sc-ds-conversation-list-item:where(.ds-radius){--ds-radius-control:var(--dimension-radius-025);--ds-radius-card:var(--dimension-radius-050);--ds-radius-modal:var(--dimension-radius-050);--ds-radius-menu:var(--dimension-radius-075);--ds-radius-tooltip-control:var(--dimension-radius-025);--ds-radius-tooltip-menu:var(--dimension-radius-075);--ds-radius-table:var(--dimension-radius-050)}@media (forced-colors: active){.sc-ds-conversation-list-item:root,.sc-ds-conversation-list-item-h,.ds-forced-colors-scope.sc-ds-conversation-list-item{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-conversation-list-item-h{--ds-focus-ring-width:var(--dimension-stroke-width-025, 2px);--ds-focus-ring-offset:var(--dimension-space-025, 2px);--ds-focus-ring-color:var(--color-interaction-focus)}.ds-focus-ring.sc-ds-conversation-list-item-h,.ds-focus-ring.sc-ds-conversation-list-item,.ds-focus-ring-inset.sc-ds-conversation-list-item-h,.ds-focus-ring-inset.sc-ds-conversation-list-item{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-conversation-list-item-h:focus-visible,.ds-focus-ring.sc-ds-conversation-list-item:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring.ds-focus-ring--visible.sc-ds-conversation-list-item-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-conversation-list-item{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring-inset.sc-ds-conversation-list-item-h:focus-visible,.ds-focus-ring-inset.sc-ds-conversation-list-item:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-conversation-list-item-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-conversation-list-item:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-conversation-list-item-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-conversation-list-item{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-conversation-list-item-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-conversation-list-item::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}@media (forced-colors: active){.sc-ds-conversation-list-item-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}@media (forced-colors: active){.sc-ds-conversation-list-item:root,.sc-ds-conversation-list-item-h,.ds-forced-colors-scope.sc-ds-conversation-list-item{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}@media (forced-colors: active){.sc-ds-conversation-list-item:root,.sc-ds-conversation-list-item-h,.ds-forced-colors-scope.sc-ds-conversation-list-item{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.ds-interaction-fill.sc-ds-conversation-list-item-h,.ds-interaction-fill.sc-ds-conversation-list-item{position:var(--ds-interaction-position, relative);z-index:var(--ds-interaction-z-index, 0);cursor:default;--ds-interaction-hover:var(--color-interaction-hover);--ds-interaction-pressed:var(--color-interaction-pressed);--ds-interaction-active:var(--color-interaction-active-brand);--ds-interaction-border-width:0px;--ds-interaction-border-color:transparent;--ds-interaction-divider-width:0px;--ds-interaction-divider-color:transparent;--ds-interaction-divider-inline-start-width:0px;--ds-interaction-divider-inline-start-color:transparent;--ds-interaction-divider-inline-end-width:0px;--ds-interaction-divider-inline-end-color:transparent}.ds-interaction-fill.sc-ds-conversation-list-item-h::before,.ds-interaction-fill.sc-ds-conversation-list-item::before,.ds-interaction-fill.sc-ds-conversation-list-item-h::after,.ds-interaction-fill.sc-ds-conversation-list-item::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none;cursor:inherit;transition:none}.ds-interaction-fill.sc-ds-conversation-list-item-h::before,.ds-interaction-fill.sc-ds-conversation-list-item::before{z-index:1}.ds-interaction-fill.sc-ds-conversation-list-item-h::after,.ds-interaction-fill.sc-ds-conversation-list-item::after{z-index:3;box-shadow:inset 0 calc(-1 * var(--ds-interaction-divider-width)) 0 var(--ds-interaction-divider-color), inset var(--ds-interaction-divider-inline-start-width) 0 0 var(--ds-interaction-divider-inline-start-color), inset calc(-1 * var(--ds-interaction-divider-inline-end-width)) 0 0 var(--ds-interaction-divider-inline-end-color), inset 0 0 0 var(--ds-interaction-border-width) var(--ds-interaction-border-color)}.ds-interaction-fill--bordered.sc-ds-conversation-list-item-h,.ds-interaction-fill--bordered.sc-ds-conversation-list-item{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--color-border-secondary)}.ds-interaction-fill--selected.sc-ds-conversation-list-item-h::before,.ds-interaction-fill--selected.sc-ds-conversation-list-item::before{background:var(--ds-interaction-active)}.ds-interaction-fill--selected.sc-ds-conversation-list-item-h,.ds-interaction-fill--selected.sc-ds-conversation-list-item{--ds-interaction-dot-ring:var(--ds-interaction-active)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-conversation-list-item-h:hover:not(:disabled)::after,.ds-interaction-fill.sc-ds-conversation-list-item:hover:not(:disabled)::after{background:var(--ds-interaction-hover)}}.ds-interaction-fill.sc-ds-conversation-list-item-h:active:not(:disabled)::after,.ds-interaction-fill.sc-ds-conversation-list-item:active:not(:disabled)::after{background:var(--ds-interaction-pressed)}.ds-interaction-fill--grouped.sc-ds-conversation-list-item-h::after,.ds-interaction-fill--grouped.sc-ds-conversation-list-item::after,.ds-interaction-fill--grouped.sc-ds-conversation-list-item-h:active:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-conversation-list-item:active:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill--grouped.sc-ds-conversation-list-item-h:hover:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-conversation-list-item:hover:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}}.ds-interaction-fill--grouped.sc-ds-conversation-list-item-h,.ds-interaction-fill--grouped.sc-ds-conversation-list-item{--ds-interaction-divider-width:var(--ds-interaction-group-divider-width, 0px);--ds-interaction-divider-color:var(--ds-interaction-group-divider-color, transparent);--ds-interaction-divider-inline-start-width:var( --ds-interaction-group-divider-inline-start-width, 0px );--ds-interaction-divider-inline-start-color:var( --ds-interaction-group-divider-inline-start-color, transparent );--ds-interaction-divider-inline-end-width:var( --ds-interaction-group-divider-inline-end-width, 0px );--ds-interaction-divider-inline-end-color:var( --ds-interaction-group-divider-inline-end-color, transparent )}.ds-interaction-fill.sc-ds-conversation-list-item-h>.ds-interaction-fill__content.sc-ds-conversation-list-item,.ds-interaction-fill.sc-ds-conversation-list-item>.ds-interaction-fill__content.sc-ds-conversation-list-item,.ds-interaction-fill__content.sc-ds-conversation-list-item{position:relative;z-index:2;cursor:inherit}.ds-interaction-fill--on-faint.sc-ds-conversation-list-item-h,.ds-interaction-fill--on-faint.sc-ds-conversation-list-item{--ds-interaction-active:var(--color-interaction-active)}.ds-interaction-fill--on-medium.sc-ds-conversation-list-item-h,.ds-interaction-fill--on-medium.sc-ds-conversation-list-item{--ds-interaction-hover:var(--color-interaction-on-medium-background-hover);--ds-interaction-pressed:var(--color-interaction-on-medium-background-pressed);--ds-interaction-active:var(--color-interaction-on-medium-background-active);--ds-focus-ring-color:var(--color-interaction-on-medium-background-focus)}.ds-interaction-fill--on-bold.sc-ds-conversation-list-item-h,.ds-interaction-fill--on-bold.sc-ds-conversation-list-item{--ds-interaction-hover:var(--color-interaction-on-bold-background-hover);--ds-interaction-pressed:var(--color-interaction-on-bold-background-pressed);--ds-interaction-active:var(--color-interaction-on-bold-background-active);--ds-focus-ring-color:var(--color-interaction-on-bold-background-focus)}.ds-interaction-fill--on-strong.sc-ds-conversation-list-item-h,.ds-interaction-fill--on-strong.sc-ds-conversation-list-item{--ds-interaction-hover:var(--color-interaction-on-strong-background-hover);--ds-interaction-pressed:var(--color-interaction-on-strong-background-pressed);--ds-interaction-active:var(--color-interaction-on-strong-background-active);--ds-focus-ring-color:var(--color-interaction-on-strong-background-focus)}.ds-interaction-fill--on-translucent.sc-ds-conversation-list-item-h,.ds-interaction-fill--on-translucent.sc-ds-conversation-list-item{--ds-interaction-hover:var(--color-translucent-interaction-hover);--ds-interaction-pressed:var(--color-translucent-interaction-pressed);--ds-interaction-active:var(--color-translucent-interaction-active-brand);--ds-focus-ring-color:var(--color-translucent-interaction-focus)}.ds-interaction-fill--on-inverted.sc-ds-conversation-list-item-h,.ds-interaction-fill--on-inverted.sc-ds-conversation-list-item{--ds-interaction-hover:var(--color-inverted-interaction-hover);--ds-interaction-pressed:var(--color-inverted-interaction-pressed);--ds-interaction-active:var(--color-inverted-interaction-active-brand);--ds-focus-ring-color:var(--color-inverted-interaction-focus)}.ds-interaction-fill--on-media.sc-ds-conversation-list-item-h,.ds-interaction-fill--on-media.sc-ds-conversation-list-item{--ds-interaction-hover:var(--color-media-interaction-hover);--ds-interaction-pressed:var(--color-media-interaction-pressed);--ds-interaction-active:var(--color-media-interaction-active);--ds-focus-ring-color:var(--color-media-interaction-focus)}.ds-interaction-fill--on-always-dark.sc-ds-conversation-list-item-h,.ds-interaction-fill--on-always-dark.sc-ds-conversation-list-item{--ds-interaction-hover:var(--color-always-dark-interaction-hover);--ds-interaction-pressed:var(--color-always-dark-interaction-pressed);--ds-interaction-active:var(--color-always-dark-interaction-active-brand);--ds-focus-ring-color:var(--color-always-dark-interaction-focus)}.ds-interaction-fill--on-chrome.sc-ds-conversation-list-item-h,.ds-interaction-fill--on-chrome.sc-ds-conversation-list-item{--ds-interaction-hover:var(--color-chrome-interaction-hover);--ds-interaction-pressed:var(--color-chrome-interaction-pressed);--ds-interaction-active:var(--color-chrome-interaction-active);--ds-focus-ring-color:var(--color-chrome-interaction-focus)}.ds-interaction-fill--on-navigation.sc-ds-conversation-list-item-h,.ds-interaction-fill--on-navigation.sc-ds-conversation-list-item{--ds-interaction-hover:var(--color-navigation-interaction-hover);--ds-interaction-pressed:var(--color-navigation-interaction-pressed);--ds-interaction-active:var(--color-navigation-interaction-active);--ds-focus-ring-color:var(--color-navigation-interaction-focus)}.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-conversation-list-item-h:not(:disabled)::after,.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-conversation-list-item:not(:disabled)::after{background:var(--ds-interaction-pressed)}@media (forced-colors: active){.ds-interaction-fill.sc-ds-conversation-list-item-h::after,.ds-interaction-fill.sc-ds-conversation-list-item::after{box-shadow:none;outline:var(--ds-interaction-border-width) solid var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--ds-interaction-border-width))}.ds-interaction-fill--surface-open.sc-ds-conversation-list-item-h:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill--surface-open.sc-ds-conversation-list-item:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after{outline:var(--dimension-stroke-width-025) dashed var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}.ds-interaction-fill--selected.sc-ds-conversation-list-item-h::before,.ds-interaction-fill--selected.sc-ds-conversation-list-item::before{background:transparent;outline:var(--dimension-stroke-width-025) solid var(--ds-forced-color-selected);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}}@media (forced-colors: active) and (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-conversation-list-item-h:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill.sc-ds-conversation-list-item:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after{outline-color:var(--ds-forced-color-selected);outline-width:var(--dimension-stroke-width-012)}}@media (forced-colors: active){.sc-ds-conversation-list-item:root,.sc-ds-conversation-list-item-h,.ds-forced-colors-scope.sc-ds-conversation-list-item{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.ds-control-inactive.sc-ds-conversation-list-item-h,.ds-control-inactive.sc-ds-conversation-list-item{opacity:var(--effect-opacity-medium);pointer-events:none;cursor:not-allowed}@media (forced-colors: active){.ds-control-inactive.sc-ds-conversation-list-item-h,.ds-control-inactive.sc-ds-conversation-list-item{color:var(--ds-forced-color-disabled);opacity:1}}.ds-control--lg.sc-ds-conversation-list-item,.ds-control--lg.sc-ds-conversation-list-item-h,.ds-control--md.sc-ds-conversation-list-item-h,.ds-control--md.sc-ds-conversation-list-item,.ds-control--sm.sc-ds-conversation-list-item-h,.ds-control--sm.sc-ds-conversation-list-item,.ds-control--xs.sc-ds-conversation-list-item-h,.ds-control--xs.sc-ds-conversation-list-item{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-conversation-list-item-h,.ds-control--lg.sc-ds-conversation-list-item{--ds-control-height:var(--dimension-size-500);--ds-control-icon:var(--dimension-iconography-lg);--ds-control-padding-inline:var(--dimension-space-100);--ds-control-label-inset:var(--dimension-space-050);--ds-control-gap:var(--dimension-space-050)}.ds-control--md.sc-ds-conversation-list-item-h,.ds-control--md.sc-ds-conversation-list-item{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}.ds-control--sm.sc-ds-conversation-list-item-h,.ds-control--sm.sc-ds-conversation-list-item{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}.ds-control--xs.sc-ds-conversation-list-item-h,.ds-control--xs.sc-ds-conversation-list-item{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}.ds-chrome-space--sm.sc-ds-conversation-list-item-h,.ds-chrome-space--sm.sc-ds-conversation-list-item{--ds-chrome-padding:var(--dimension-space-050);--ds-chrome-gap:var(--dimension-space-050)}.ds-chrome-space--md.sc-ds-conversation-list-item-h,.ds-chrome-space--md.sc-ds-conversation-list-item{--ds-chrome-padding:var(--dimension-space-100);--ds-chrome-gap:var(--dimension-space-100)}.ds-chrome-space--lg.sc-ds-conversation-list-item-h,.ds-chrome-space--lg.sc-ds-conversation-list-item{--ds-chrome-padding:var(--dimension-space-200);--ds-chrome-gap:var(--dimension-space-200)}.ds-chrome-row.sc-ds-conversation-list-item-h,.ds-chrome-row.sc-ds-conversation-list-item,.ds-chrome-column.sc-ds-conversation-list-item-h,.ds-chrome-column.sc-ds-conversation-list-item,.ds-chrome-grid.sc-ds-conversation-list-item-h,.ds-chrome-grid.sc-ds-conversation-list-item{display:flex;box-sizing:border-box;gap:var(--ds-chrome-gap, var(--dimension-space-100));padding:var(--ds-chrome-padding, var(--dimension-space-100))}.ds-chrome-row.sc-ds-conversation-list-item-h,.ds-chrome-row.sc-ds-conversation-list-item{flex-direction:row;align-items:center}.ds-chrome-column.sc-ds-conversation-list-item-h,.ds-chrome-column.sc-ds-conversation-list-item{flex-direction:column}.ds-chrome-grid.sc-ds-conversation-list-item-h,.ds-chrome-grid.sc-ds-conversation-list-item{display:grid;align-items:center}.ds-control-frame.sc-ds-conversation-list-item{display:inline-flex;align-items:center;box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400));padding-inline:var(--ds-control-padding-inline, var(--dimension-space-075));gap:var(--ds-control-gap, var(--dimension-space-050));border-radius:var(--ds-control-radius, var(--dimension-radius-025))}.ds-control-section-heading.sc-ds-conversation-list-item{display:flex;align-items:center;box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400));padding-inline:calc( var(--ds-control-padding-inline, var(--dimension-space-075)) + var(--ds-control-label-inset, var(--dimension-space-025)) )}.ds-control-icon-box.sc-ds-conversation-list-item{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ds-control-icon, var(--dimension-iconography-md));height:var(--ds-control-icon, var(--dimension-iconography-md))}.ds-control-label-box.sc-ds-conversation-list-item{min-width:0;padding-inline:var(--ds-control-label-inset, var(--dimension-space-025))}.ds-control-label-dot.sc-ds-conversation-list-item{position:relative;padding-inline-end:calc( var(--ds-control-label-inset, var(--dimension-space-025)) + var(--ds-control-gap, var(--dimension-space-050)) )}.ds-control-label-dot__badge.sc-ds-conversation-list-item{position:absolute;inset-block-start:0;inset-inline-end:0;pointer-events:none}.ds-empty-region.sc-ds-conversation-list-item{display:flex;flex:1 1 auto;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;min-height:0}.ds-empty-region--padded.sc-ds-conversation-list-item{padding:var(--dimension-space-200)}.sc-ds-conversation-list-item:where(.ds-text-decoration,.ds-text-action).sc-ds-conversation-list-item{text-decoration-color:var(--ds-text-decoration-color, var(--color-foreground-tertiary));text-decoration-thickness:var(--ds-text-decoration-thickness, var(--dimension-stroke-width-012));text-underline-offset:var(--ds-text-decoration-offset, var(--dimension-space-025))}.ds-text-action.sc-ds-conversation-list-item{--ds-text-action-foreground:var(--color-foreground-bold-brand);--ds-text-decoration-color:var(--ds-text-action-foreground);color:var(--ds-text-action-foreground);text-decoration-line:none}.ds-text-action--on-medium.sc-ds-conversation-list-item{--ds-text-action-foreground:var(--color-foreground-on-medium-background-primary);--ds-text-decoration-color:var(--color-foreground-on-medium-background-secondary);text-decoration-line:underline}.ds-text-action--on-strong.sc-ds-conversation-list-item{--ds-text-action-foreground:var(--color-foreground-on-strong-background-primary);--ds-text-decoration-color:var(--color-foreground-on-strong-background-secondary);text-decoration-line:underline}.ds-text-action--on-bold.sc-ds-conversation-list-item{--ds-text-action-foreground:var(--color-foreground-on-bold-background-primary);--ds-text-decoration-color:var(--color-foreground-on-bold-background-secondary);text-decoration-line:underline}@media (hover: hover) and (pointer: fine){.ds-text-action.sc-ds-conversation-list-item:hover{text-decoration-line:underline}}@media (forced-colors: active){.ds-text-action.sc-ds-conversation-list-item{text-decoration-line:underline;text-decoration-color:currentcolor}}.ds-choice-popup.sc-ds-conversation-list-item{box-sizing:border-box;display:flex;flex-direction:column;min-width:var(--ds-choice-popup-min-inline-size, var(--dimension-menu-width-xs));max-width:min(var(--dimension-panel-width-lg), calc(100vw - var(--dimension-space-200)));max-height:calc(100vh - var(--dimension-space-200));overflow:hidden;inset:auto;margin:0;padding:0;border:0;background-color:var(--color-background-primary);border-radius:var(--ds-radius-menu);box-shadow:var(--effect-shadow-elevated-floating);color:var(--color-foreground-secondary);animation:dsChoiceFadeIn var(--effect-motion-short-2) forwards;backface-visibility:hidden;will-change:transform;text-align:start}.ds-choice-popup.sc-ds-conversation-list-item::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:var(--effect-highlight-elevated-floating)}.ds-choice-popup--closing.sc-ds-conversation-list-item{animation:dsChoiceFadeOut var(--effect-motion-short-2) forwards}@keyframes dsChoiceFadeIn{from{opacity:0;transform:inherit scale(0.97)}to{opacity:1}}@keyframes dsChoiceFadeOut{from{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.ds-choice-popup.sc-ds-conversation-list-item{animation:none;opacity:1}.ds-choice-popup--closing.sc-ds-conversation-list-item{opacity:0}}@media (forced-colors: active){.ds-choice-popup.sc-ds-conversation-list-item{outline:var(--dimension-stroke-width-012) solid var(--ds-forced-color-content);outline-offset:calc(-1 * var(--dimension-stroke-width-012))}.ds-choice-popup.sc-ds-conversation-list-item::after{box-shadow:none}}.ds-choice-list.sc-ds-conversation-list-item{display:flex;flex-direction:column;min-height:0;overflow-y:auto;overscroll-behavior:contain}.ds-choice-section--divided.sc-ds-conversation-list-item{border-bottom:var(--dimension-stroke-width-015) solid var(--color-border-tertiary)}ds-text.ds-choice-section__header.sc-ds-conversation-list-item{text-align:start;-webkit-user-select:none;user-select:none}.ds-choice-section--headed-after-first.sc-ds-conversation-list-item{margin-block-start:var(--dimension-space-050)}.select-option-row.sc-ds-conversation-list-item{display:flex;flex-direction:column;min-width:0}.ds-choice-item.sc-ds-conversation-list-item{width:100%;border:none;border-radius:var(--ds-control-radius, var(--dimension-radius-025));background:transparent;cursor:default;-webkit-user-select:none;user-select:none;text-align:left;color:inherit}.ds-choice-item.sc-ds-conversation-list-item:has(.ds-choice-item__subtext){height:auto;min-height:var(--ds-control-height, var(--dimension-size-400));padding-block:var(--ds-control-padding-inline, var(--dimension-space-075));align-items:flex-start}.ds-choice-item.ds-control--xs.sc-ds-conversation-list-item:has(.ds-choice-item__subtext){padding-block:0}.ds-choice-item__content.sc-ds-conversation-list-item{display:flex;flex:1;flex-direction:column;gap:var(--dimension-space-025);min-width:0}ds-text.ds-choice-item__label.sc-ds-conversation-list-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ds-text.ds-choice-item__subtext.sc-ds-conversation-list-item{display:-webkit-box;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ds-choice-item__icon.sc-ds-conversation-list-item,.ds-choice-item__suffix.sc-ds-conversation-list-item{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ds-control-icon, var(--dimension-iconography-md));height:var(--ds-control-icon, var(--dimension-iconography-md));pointer-events:none}.ds-choice-item.ds-interaction-fill--selected.sc-ds-conversation-list-item .ds-choice-item__icon.sc-ds-conversation-list-item{color:var(--color-foreground-primary)}.ds-choice-item__tag.sc-ds-conversation-list-item{flex-shrink:0;pointer-events:none}.ds-choice-empty.sc-ds-conversation-list-item,.ds-choice-loading.sc-ds-conversation-list-item{min-height:var(--dimension-size-600);padding:var(--dimension-space-100)}.ds-choice-footer.sc-ds-conversation-list-item{position:relative;box-sizing:border-box;padding-block:var(--dimension-space-050)}.ds-choice-footer.sc-ds-conversation-list-item::before{content:'';position:absolute;inset:0 0 auto;height:var(--dimension-stroke-width-012);background-color:var(--color-border-tertiary);pointer-events:none}.ds-choice-footer__content.sc-ds-conversation-list-item{display:flex;align-items:center;justify-content:space-between;column-gap:var(--dimension-space-050);box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400))}.ds-choice-footer__summary.sc-ds-conversation-list-item,.ds-choice-footer__summary-measure.sc-ds-conversation-list-item,.ds-choice-footer__clear.sc-ds-conversation-list-item ds-text.sc-ds-conversation-list-item,.ds-choice-footer__action.sc-ds-conversation-list-item ds-text.sc-ds-conversation-list-item{padding-inline:calc( var(--dimension-space-050) + var(--ds-control-padding-inline, var(--dimension-space-075)) + var(--ds-control-label-inset, var(--dimension-space-025)) )}.ds-choice-footer__summary.sc-ds-conversation-list-item,.ds-choice-footer__summary-measure.sc-ds-conversation-list-item,.ds-choice-footer__clear.sc-ds-conversation-list-item,.ds-choice-footer__action.sc-ds-conversation-list-item{white-space:nowrap}.ds-choice-footer__summary-measure.sc-ds-conversation-list-item{position:absolute;visibility:hidden;pointer-events:none}.ds-choice-footer__clear.sc-ds-conversation-list-item,.ds-choice-footer__action.sc-ds-conversation-list-item{appearance:none;display:inline-flex;align-items:center;padding:0;border:0;border-radius:var(--dimension-radius-025);background:transparent;cursor:default}@media (forced-colors: active){.ds-choice-section--divided.sc-ds-conversation-list-item{border-bottom-color:var(--ds-forced-color-content)}.ds-choice-footer.sc-ds-conversation-list-item::before{background-color:var(--ds-forced-color-content)}}.ds-visually-hidden.sc-ds-conversation-list-item-h,.ds-visually-hidden.sc-ds-conversation-list-item{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.ds-control-elevation.sc-ds-conversation-list-item-h,.ds-control-elevation.sc-ds-conversation-list-item{position:relative;overflow:visible;box-shadow:var(--ds-control-elevation-shadow, none)}.ds-control-elevation.sc-ds-conversation-list-item-h::after,.ds-control-elevation.sc-ds-conversation-list-item::after{content:'';position:absolute;inset:0;z-index:4;border-radius:inherit;box-shadow:var(--ds-control-elevation-highlight, none);pointer-events:none}.ds-control-elevation--sm.sc-ds-conversation-list-item-h,.ds-control-elevation--sm.sc-ds-conversation-list-item{--ds-control-elevation-shadow:var(--effect-shadow-elevated-sm);--ds-control-elevation-highlight:var(--effect-highlight-elevated-sm)}.ds-control-elevation--md.sc-ds-conversation-list-item-h,.ds-control-elevation--md.sc-ds-conversation-list-item{--ds-control-elevation-shadow:var(--effect-shadow-elevated-md);--ds-control-elevation-highlight:var(--effect-highlight-elevated-md)}.ds-control-elevation--floating.sc-ds-conversation-list-item-h,.ds-control-elevation--floating.sc-ds-conversation-list-item{--ds-control-elevation-shadow:var(--effect-shadow-elevated-floating);--ds-control-elevation-highlight:var(--effect-highlight-elevated-floating)}.ds-control-elevation--press-scale.sc-ds-conversation-list-item{--ds-control-press-active-scale:var(--dimension-scale-default);transition:scale var(--effect-motion-short-2)}.ds-control-elevation--press-scale[data-ds-press-active].sc-ds-conversation-list-item{scale:var(--dimension-scale-subtle)}@media (prefers-reduced-motion: reduce){.ds-control-elevation--press-scale.sc-ds-conversation-list-item,.ds-control-elevation--press-scale[data-ds-press-active].sc-ds-conversation-list-item{scale:none;transition:none}}.sc-ds-conversation-list-item-h{display:block;box-sizing:border-box;-webkit-user-select:none;user-select:none}.sc-ds-conversation-list-item-h:focus-within,.conversation-list-item--actions-open.sc-ds-conversation-list-item-h{position:relative;z-index:var(--dimension-z-index-floating)}.conversation-list-item__row.sc-ds-conversation-list-item{position:relative;isolation:isolate}.conversation-list-item.sc-ds-conversation-list-item{color:var(--color-foreground-primary)}.conversation-list-item--error.sc-ds-conversation-list-item{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--color-border-bold-negative)}.conversation-list-item__leading.sc-ds-conversation-list-item:empty,.conversation-list-item__trailing.sc-ds-conversation-list-item:empty{display:none}.conversation-list-item__leading.sc-ds-conversation-list-item,.conversation-list-item__trailing.sc-ds-conversation-list-item,.conversation-list-item__preview-row.sc-ds-conversation-list-item{display:flex;align-items:center}.conversation-list-item__leading.sc-ds-conversation-list-item{align-self:center;width:auto;height:auto;margin-inline-start:var(--ds-control-label-inset, var(--dimension-space-025));margin-inline-end:var(--dimension-space-050)}.conversation-list-item__content.sc-ds-conversation-list-item{min-width:0}.conversation-list-item__title-row.sc-ds-conversation-list-item{display:flex;align-items:center;min-width:0}.conversation-list-item__preview-row.sc-ds-conversation-list-item{min-width:0;gap:var(--dimension-space-050)}ds-text.conversation-list-item__title.sc-ds-conversation-list-item,ds-text.conversation-list-item__preview.sc-ds-conversation-list-item{display:block;min-width:0}ds-text.conversation-list-item__title.sc-ds-conversation-list-item{flex:1}.conversation-list-item__unread.sc-ds-conversation-list-item{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--dimension-size-200);margin-inline-end:var(--dimension-space-025)}ds-text.conversation-list-item__preview.ds-choice-item__subtext.sc-ds-conversation-list-item{-webkit-line-clamp:1}.conversation-list-item__actions.sc-ds-conversation-list-item{position:absolute;top:50%;right:var(--dimension-space-100);z-index:var(--dimension-z-index-floating);display:flex;align-items:center;justify-content:center;border-radius:var(--dimension-radius-half);background:var(--color-background-transparent);-webkit-backdrop-filter:blur(var(--effect-blur-sm));backdrop-filter:blur(var(--effect-blur-sm));opacity:0;pointer-events:none;transform:translateY(-50%)}.conversation-list-item__row.sc-ds-conversation-list-item:has(:focus-visible) .conversation-list-item__actions.sc-ds-conversation-list-item,.conversation-list-item--actions-open.sc-ds-conversation-list-item-h .conversation-list-item__actions.sc-ds-conversation-list-item{opacity:1;pointer-events:auto}.conversation-list-item--actions-open.sc-ds-conversation-list-item-h .conversation-list-item.sc-ds-conversation-list-item::after{background:var(--ds-interaction-hover)}.conversation-list-item__row.sc-ds-conversation-list-item:active .conversation-list-item.sc-ds-conversation-list-item::after{background:var(--ds-interaction-pressed)}@media (hover: hover) and (pointer: fine){.sc-ds-conversation-list-item-h:hover{position:relative;z-index:var(--dimension-z-index-floating)}.conversation-list-item__row.sc-ds-conversation-list-item:hover .conversation-list-item__actions.sc-ds-conversation-list-item{opacity:1;pointer-events:auto}.conversation-list-item__row.sc-ds-conversation-list-item:hover .conversation-list-item.sc-ds-conversation-list-item::after{background:var(--ds-interaction-hover)}}@media (hover: none){.conversation-list-item__actions.sc-ds-conversation-list-item{opacity:1;pointer-events:auto}.conversation-list-item--has-actions.sc-ds-conversation-list-item-h .conversation-list-item__title-row.sc-ds-conversation-list-item{padding-inline-end:var(--dimension-size-400)}}`;const l=i(class i extends e{constructor(i){super();if(i!==false){this.__registerHost()}this.dsSelect=o(this,"dsSelect",7);this.conversationId="";this.conversationTitle="";this.preview="";this.updatedAt="";this.selected=false;this.state="default";this.statusLabel="";this.unreadCount=0;this.actionsOpen=false;this.handleClick=()=>this.dsSelect.emit({id:this.conversationId});this.handleActionsSlotChange=i=>{const e=i.target;this.el.classList.toggle("conversation-list-item--has-actions",e.assignedElements().length>0)}}render(){const i=this.state==="busy";const e=i&&this.statusLabel?this.statusLabel:this.preview;const o=[this.conversationTitle,e,this.unreadCount>0?`${this.unreadCount} unread`:""].filter(Boolean).join(". ");return t(s,{key:"da9834de140ee1921784dbb7bdca3bae8ef6935f",role:"listitem",class:{"conversation-list-item--actions-open":this.actionsOpen}},t("div",{key:"576ff98e8325852068ebf4bb7cc26e41c06fb48b",class:"conversation-list-item__row"},t("button",{key:"a962d2f25543e2c0b16e964217c9abe2c3e2c356",type:"button",class:{"conversation-list-item":true,"ds-choice-item":true,"ds-control-frame":true,"ds-control--md":true,"ds-focus-ring-inset":true,"ds-interaction-fill":true,"ds-interaction-fill--selected":this.selected,"conversation-list-item--error":this.state==="error"},"aria-label":o,"aria-current":this.selected?"true":undefined,"aria-busy":i?"true":undefined,onClick:this.handleClick},t("span",{key:"a61246b0b37a57b32d3edcef88df782d9c478134",class:"conversation-list-item__leading ds-choice-item__icon ds-control-icon-box ds-interaction-fill__content"},t("slot",{key:"dcf667a71dea532e275df480abc088dfbb818f8c",name:"leading"})),t("span",{key:"fe7f239be32cb041dbbbfeed2efa3faed29cfb7d",class:"conversation-list-item__content ds-choice-item__content ds-interaction-fill__content"},t("span",{key:"240cdf7cd9e904f24d9966dcaf2503bf77a5cbe5",class:"conversation-list-item__title-row"},t("ds-text",{key:"d55f014c80282dda2fcb71a10adb3e7447f7599b",class:"conversation-list-item__title ds-choice-item__label ds-control-label-box",as:"span",variant:"text-body-medium",emphasis:this.unreadCount>0,color:this.unreadCount>0?"primary":"secondary",lineTruncation:1},this.conversationTitle),this.unreadCount>0?t("span",{class:"conversation-list-item__unread"},t("ds-badge",{variant:"dot",surface:"secondary",hasRing:false})):null),t("span",{key:"f40733344082877b01bcc23dc8d2d648960f5fa4",class:"conversation-list-item__preview-row"},i?t("ds-loader",{size:"sm",color:"secondary"}):null,t("ds-text",{key:"a93fc469813c0d5b3d279aeed08206121d5b5133",class:"conversation-list-item__preview ds-choice-item__subtext ds-control-label-box",as:"span",variant:"text-body-small",color:this.state==="error"?"negative":"secondary",lineTruncation:1},e)),this.updatedAt?t("time",{class:"conversation-list-item__time ds-visually-hidden",dateTime:this.updatedAt},this.updatedAt):null),t("span",{key:"1b39480dc65a330f809013e56e734a8072bf39ed",class:"conversation-list-item__trailing ds-interaction-fill__content"},t("slot",{key:"18d3f4077fec526517b5cece0aabe93dc21ad12e",name:"trailing"}))),t("div",{key:"8efa3ce3f20fefc5b61fff48f9d86854f875c6df",class:"conversation-list-item__actions ds-control-elevation ds-control-elevation--md ds-control-elevation--press-scale"},t("slot",{key:"573ee91c8a2aaec37c9e3b5b3ae314539d1f1a9f",name:"actions",onSlotchange:this.handleActionsSlotChange}))))}get el(){return this}static get style(){return d()}},[262,"ds-conversation-list-item",{conversationId:[1,"conversation-id"],conversationTitle:[1,"conversation-title"],preview:[1],updatedAt:[1,"updated-at"],selected:[4],state:[1],statusLabel:[1,"status-label"],unreadCount:[2,"unread-count"],actionsOpen:[516,"actions-open"]}]);function v(){if(typeof customElements==="undefined"){return}const i=["ds-conversation-list-item","ds-badge","ds-loader","ds-text"];i.forEach((i=>{switch(i){case"ds-conversation-list-item":if(!customElements.get(n(i))){customElements.define(n(i),l)}break;case"ds-badge":if(!customElements.get(n(i))){r()}break;case"ds-loader":if(!customElements.get(n(i))){c()}break;case"ds-text":if(!customElements.get(n(i))){a()}break}}))}v();const m=l;const f=v;export{m as DsConversationListItem,f as defineCustomElement};
1
+ import{p as i,H as e,c as o,h as t,a as s,t as n}from"./index.js";import{d as r}from"./p-BWJb2rih.js";import{d as c}from"./p-0XTyQNRG.js";import{d as a}from"./p-BbvAWFJA.js";const d=()=>`.sc-ds-conversation-list-item-h,.sc-ds-conversation-list-item:where(.ds-table),.sc-ds-conversation-list-item:where(.tooltip-popup),.sc-ds-conversation-list-item:where(.ds-radius){--ds-radius-control:var(--dimension-radius-025);--ds-radius-card:var(--dimension-radius-050);--ds-radius-modal:var(--dimension-radius-050);--ds-radius-menu:var(--dimension-radius-075);--ds-radius-tooltip-control:var(--dimension-radius-025);--ds-radius-tooltip-menu:var(--dimension-radius-075);--ds-radius-table:var(--dimension-radius-050)}@media (forced-colors: active){.sc-ds-conversation-list-item:root,.sc-ds-conversation-list-item-h,.ds-forced-colors-scope.sc-ds-conversation-list-item{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-conversation-list-item-h{--ds-focus-ring-width:var(--dimension-stroke-width-025, 2px);--ds-focus-ring-offset:var(--dimension-space-025, 2px);--ds-focus-ring-color:var(--color-interaction-focus)}.ds-focus-ring.sc-ds-conversation-list-item-h,.ds-focus-ring.sc-ds-conversation-list-item,.ds-focus-ring-inset.sc-ds-conversation-list-item-h,.ds-focus-ring-inset.sc-ds-conversation-list-item{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-conversation-list-item-h:focus-visible,.ds-focus-ring.sc-ds-conversation-list-item:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring.ds-focus-ring--visible.sc-ds-conversation-list-item-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-conversation-list-item{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring-inset.sc-ds-conversation-list-item-h:focus-visible,.ds-focus-ring-inset.sc-ds-conversation-list-item:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-conversation-list-item-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-conversation-list-item:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-conversation-list-item-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-conversation-list-item{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-conversation-list-item-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-conversation-list-item::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}@media (forced-colors: active){.sc-ds-conversation-list-item-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}@media (forced-colors: active){.sc-ds-conversation-list-item:root,.sc-ds-conversation-list-item-h,.ds-forced-colors-scope.sc-ds-conversation-list-item{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}@media (forced-colors: active){.sc-ds-conversation-list-item:root,.sc-ds-conversation-list-item-h,.ds-forced-colors-scope.sc-ds-conversation-list-item{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.ds-interaction-fill.sc-ds-conversation-list-item-h,.ds-interaction-fill.sc-ds-conversation-list-item{position:var(--ds-interaction-position, relative);z-index:var(--ds-interaction-z-index, 0);cursor:default;--ds-interaction-hover:var(--color-interaction-hover);--ds-interaction-pressed:var(--color-interaction-pressed);--ds-interaction-active:var(--color-interaction-active-brand);--ds-interaction-border-width:0px;--ds-interaction-border-color:transparent;--ds-interaction-divider-width:0px;--ds-interaction-divider-color:transparent;--ds-interaction-divider-inline-start-width:0px;--ds-interaction-divider-inline-start-color:transparent;--ds-interaction-divider-inline-end-width:0px;--ds-interaction-divider-inline-end-color:transparent}.ds-interaction-fill.sc-ds-conversation-list-item-h::before,.ds-interaction-fill.sc-ds-conversation-list-item::before,.ds-interaction-fill.sc-ds-conversation-list-item-h::after,.ds-interaction-fill.sc-ds-conversation-list-item::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none;cursor:inherit;transition:none}.ds-interaction-fill.sc-ds-conversation-list-item-h::before,.ds-interaction-fill.sc-ds-conversation-list-item::before{z-index:1}.ds-interaction-fill.sc-ds-conversation-list-item-h::after,.ds-interaction-fill.sc-ds-conversation-list-item::after{z-index:3;box-shadow:inset 0 calc(-1 * var(--ds-interaction-divider-width)) 0 var(--ds-interaction-divider-color), inset var(--ds-interaction-divider-inline-start-width) 0 0 var(--ds-interaction-divider-inline-start-color), inset calc(-1 * var(--ds-interaction-divider-inline-end-width)) 0 0 var(--ds-interaction-divider-inline-end-color), inset 0 0 0 var(--ds-interaction-border-width) var(--ds-interaction-border-color)}.ds-interaction-fill--bordered.sc-ds-conversation-list-item-h,.ds-interaction-fill--bordered.sc-ds-conversation-list-item{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--color-border-secondary)}.ds-interaction-fill--selected.sc-ds-conversation-list-item-h::before,.ds-interaction-fill--selected.sc-ds-conversation-list-item::before{background:var(--ds-interaction-active)}.ds-interaction-fill--selected.sc-ds-conversation-list-item-h,.ds-interaction-fill--selected.sc-ds-conversation-list-item{--ds-interaction-dot-ring:var(--ds-interaction-active)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-conversation-list-item-h:hover:not(:disabled)::after,.ds-interaction-fill.sc-ds-conversation-list-item:hover:not(:disabled)::after{background:var(--ds-interaction-hover)}}.ds-interaction-fill.sc-ds-conversation-list-item-h:active:not(:disabled)::after,.ds-interaction-fill.sc-ds-conversation-list-item:active:not(:disabled)::after{background:var(--ds-interaction-pressed)}.ds-interaction-fill--grouped.sc-ds-conversation-list-item-h::after,.ds-interaction-fill--grouped.sc-ds-conversation-list-item::after,.ds-interaction-fill--grouped.sc-ds-conversation-list-item-h:active:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-conversation-list-item:active:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill--grouped.sc-ds-conversation-list-item-h:hover:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-conversation-list-item:hover:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}}.ds-interaction-fill--grouped.sc-ds-conversation-list-item-h,.ds-interaction-fill--grouped.sc-ds-conversation-list-item{--ds-interaction-divider-width:var(--ds-interaction-group-divider-width, 0px);--ds-interaction-divider-color:var(--ds-interaction-group-divider-color, transparent);--ds-interaction-divider-inline-start-width:var( --ds-interaction-group-divider-inline-start-width, 0px );--ds-interaction-divider-inline-start-color:var( --ds-interaction-group-divider-inline-start-color, transparent );--ds-interaction-divider-inline-end-width:var( --ds-interaction-group-divider-inline-end-width, 0px );--ds-interaction-divider-inline-end-color:var( --ds-interaction-group-divider-inline-end-color, transparent )}.ds-interaction-fill.sc-ds-conversation-list-item-h>.ds-interaction-fill__content.sc-ds-conversation-list-item,.ds-interaction-fill.sc-ds-conversation-list-item>.ds-interaction-fill__content.sc-ds-conversation-list-item,.ds-interaction-fill__content.sc-ds-conversation-list-item{position:relative;z-index:2;cursor:inherit}.ds-interaction-fill--on-faint.sc-ds-conversation-list-item-h,.ds-interaction-fill--on-faint.sc-ds-conversation-list-item{--ds-interaction-active:var(--color-interaction-active)}.ds-interaction-fill--on-medium.sc-ds-conversation-list-item-h,.ds-interaction-fill--on-medium.sc-ds-conversation-list-item{--ds-interaction-hover:var(--color-interaction-on-medium-background-hover);--ds-interaction-pressed:var(--color-interaction-on-medium-background-pressed);--ds-interaction-active:var(--color-interaction-on-medium-background-active);--ds-focus-ring-color:var(--color-interaction-on-medium-background-focus)}.ds-interaction-fill--on-bold.sc-ds-conversation-list-item-h,.ds-interaction-fill--on-bold.sc-ds-conversation-list-item{--ds-interaction-hover:var(--color-interaction-on-bold-background-hover);--ds-interaction-pressed:var(--color-interaction-on-bold-background-pressed);--ds-interaction-active:var(--color-interaction-on-bold-background-active);--ds-focus-ring-color:var(--color-interaction-on-bold-background-focus)}.ds-interaction-fill--on-strong.sc-ds-conversation-list-item-h,.ds-interaction-fill--on-strong.sc-ds-conversation-list-item{--ds-interaction-hover:var(--color-interaction-on-strong-background-hover);--ds-interaction-pressed:var(--color-interaction-on-strong-background-pressed);--ds-interaction-active:var(--color-interaction-on-strong-background-active);--ds-focus-ring-color:var(--color-interaction-on-strong-background-focus)}.ds-interaction-fill--on-translucent.sc-ds-conversation-list-item-h,.ds-interaction-fill--on-translucent.sc-ds-conversation-list-item{--ds-interaction-hover:var(--color-translucent-interaction-hover);--ds-interaction-pressed:var(--color-translucent-interaction-pressed);--ds-interaction-active:var(--color-translucent-interaction-active-brand);--ds-focus-ring-color:var(--color-translucent-interaction-focus)}.ds-interaction-fill--on-inverted.sc-ds-conversation-list-item-h,.ds-interaction-fill--on-inverted.sc-ds-conversation-list-item{--ds-interaction-hover:var(--color-inverted-interaction-hover);--ds-interaction-pressed:var(--color-inverted-interaction-pressed);--ds-interaction-active:var(--color-inverted-interaction-active-brand);--ds-focus-ring-color:var(--color-inverted-interaction-focus)}.ds-interaction-fill--on-media.sc-ds-conversation-list-item-h,.ds-interaction-fill--on-media.sc-ds-conversation-list-item{--ds-interaction-hover:var(--color-media-interaction-hover);--ds-interaction-pressed:var(--color-media-interaction-pressed);--ds-interaction-active:var(--color-media-interaction-active);--ds-focus-ring-color:var(--color-media-interaction-focus)}.ds-interaction-fill--on-always-dark.sc-ds-conversation-list-item-h,.ds-interaction-fill--on-always-dark.sc-ds-conversation-list-item{--ds-interaction-hover:var(--color-always-dark-interaction-hover);--ds-interaction-pressed:var(--color-always-dark-interaction-pressed);--ds-interaction-active:var(--color-always-dark-interaction-active-brand);--ds-focus-ring-color:var(--color-always-dark-interaction-focus)}.ds-interaction-fill--on-chrome.sc-ds-conversation-list-item-h,.ds-interaction-fill--on-chrome.sc-ds-conversation-list-item{--ds-interaction-hover:var(--color-chrome-interaction-hover);--ds-interaction-pressed:var(--color-chrome-interaction-pressed);--ds-interaction-active:var(--color-chrome-interaction-active);--ds-focus-ring-color:var(--color-chrome-interaction-focus)}.ds-interaction-fill--on-navigation.sc-ds-conversation-list-item-h,.ds-interaction-fill--on-navigation.sc-ds-conversation-list-item{--ds-interaction-hover:var(--color-navigation-interaction-hover);--ds-interaction-pressed:var(--color-navigation-interaction-pressed);--ds-interaction-active:var(--color-navigation-interaction-active);--ds-focus-ring-color:var(--color-navigation-interaction-focus)}.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-conversation-list-item-h:not(:disabled)::after,.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-conversation-list-item:not(:disabled)::after{background:var(--ds-interaction-pressed)}@media (forced-colors: active){.ds-interaction-fill.sc-ds-conversation-list-item-h::after,.ds-interaction-fill.sc-ds-conversation-list-item::after{box-shadow:none;outline:var(--ds-interaction-border-width) solid var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--ds-interaction-border-width))}.ds-interaction-fill--surface-open.sc-ds-conversation-list-item-h:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill--surface-open.sc-ds-conversation-list-item:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after{outline:var(--dimension-stroke-width-025) dashed var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}.ds-interaction-fill--selected.sc-ds-conversation-list-item-h::before,.ds-interaction-fill--selected.sc-ds-conversation-list-item::before{background:transparent;outline:var(--dimension-stroke-width-025) solid var(--ds-forced-color-selected);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}}@media (forced-colors: active) and (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-conversation-list-item-h:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill.sc-ds-conversation-list-item:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after{outline-color:var(--ds-forced-color-selected);outline-width:var(--dimension-stroke-width-012)}}@media (forced-colors: active){.sc-ds-conversation-list-item:root,.sc-ds-conversation-list-item-h,.ds-forced-colors-scope.sc-ds-conversation-list-item{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.ds-control-inactive.sc-ds-conversation-list-item-h,.ds-control-inactive.sc-ds-conversation-list-item{opacity:var(--effect-opacity-medium);pointer-events:none;cursor:not-allowed}@media (forced-colors: active){.ds-control-inactive.sc-ds-conversation-list-item-h,.ds-control-inactive.sc-ds-conversation-list-item{color:var(--ds-forced-color-disabled);opacity:1}}.ds-control--lg.sc-ds-conversation-list-item,.ds-control--lg.sc-ds-conversation-list-item-h,.ds-control--md.sc-ds-conversation-list-item-h,.ds-control--md.sc-ds-conversation-list-item,.ds-control--sm.sc-ds-conversation-list-item-h,.ds-control--sm.sc-ds-conversation-list-item,.ds-control--xs.sc-ds-conversation-list-item-h,.ds-control--xs.sc-ds-conversation-list-item{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-conversation-list-item-h,.ds-control--lg.sc-ds-conversation-list-item{--ds-control-height:var(--dimension-size-500);--ds-control-icon:var(--dimension-iconography-lg);--ds-control-padding-inline:var(--dimension-space-100);--ds-control-label-inset:var(--dimension-space-050);--ds-control-gap:var(--dimension-space-050)}.ds-control--md.sc-ds-conversation-list-item-h,.ds-control--md.sc-ds-conversation-list-item{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}.ds-control--sm.sc-ds-conversation-list-item-h,.ds-control--sm.sc-ds-conversation-list-item{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}.ds-control--xs.sc-ds-conversation-list-item-h,.ds-control--xs.sc-ds-conversation-list-item{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}.ds-chrome-space--sm.sc-ds-conversation-list-item-h,.ds-chrome-space--sm.sc-ds-conversation-list-item{--ds-chrome-padding:var(--ds-chrome-space-sm-padding, var(--dimension-space-050));--ds-chrome-gap:var(--dimension-space-050)}.ds-chrome-space--md.sc-ds-conversation-list-item-h,.ds-chrome-space--md.sc-ds-conversation-list-item{--ds-chrome-padding:var(--dimension-space-100);--ds-chrome-gap:var(--dimension-space-100)}.ds-chrome-space--lg.sc-ds-conversation-list-item-h,.ds-chrome-space--lg.sc-ds-conversation-list-item{--ds-chrome-padding:var(--dimension-space-200);--ds-chrome-gap:var(--dimension-space-200)}.ds-chrome-row.sc-ds-conversation-list-item-h,.ds-chrome-row.sc-ds-conversation-list-item,.ds-chrome-column.sc-ds-conversation-list-item-h,.ds-chrome-column.sc-ds-conversation-list-item,.ds-chrome-grid.sc-ds-conversation-list-item-h,.ds-chrome-grid.sc-ds-conversation-list-item{display:flex;box-sizing:border-box;gap:var(--ds-chrome-gap, var(--dimension-space-100));padding:var(--ds-chrome-padding, var(--dimension-space-100))}.ds-chrome-row.sc-ds-conversation-list-item-h,.ds-chrome-row.sc-ds-conversation-list-item{flex-direction:row;align-items:center}.ds-chrome-column.sc-ds-conversation-list-item-h,.ds-chrome-column.sc-ds-conversation-list-item{flex-direction:column}.ds-chrome-grid.sc-ds-conversation-list-item-h,.ds-chrome-grid.sc-ds-conversation-list-item{display:grid;align-items:center}.ds-control-frame.sc-ds-conversation-list-item{display:inline-flex;align-items:center;box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400));padding-inline:var(--ds-control-padding-inline, var(--dimension-space-075));gap:var(--ds-control-gap, var(--dimension-space-050));border-radius:var(--ds-control-radius, var(--dimension-radius-025))}.ds-control-section-heading.sc-ds-conversation-list-item{display:flex;align-items:center;box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400));padding-inline:calc( var(--ds-control-padding-inline, var(--dimension-space-075)) + var(--ds-control-label-inset, var(--dimension-space-025)) )}.ds-control-icon-box.sc-ds-conversation-list-item{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ds-control-icon, var(--dimension-iconography-md));height:var(--ds-control-icon, var(--dimension-iconography-md))}.ds-control-label-box.sc-ds-conversation-list-item{min-width:0;padding-inline:var(--ds-control-label-inset, var(--dimension-space-025))}.ds-control-label-dot.sc-ds-conversation-list-item{position:relative;padding-inline-end:calc( var(--ds-control-label-inset, var(--dimension-space-025)) + var(--ds-control-gap, var(--dimension-space-050)) )}.ds-control-label-dot__badge.sc-ds-conversation-list-item{position:absolute;inset-block-start:0;inset-inline-end:0;pointer-events:none}.ds-empty-region.sc-ds-conversation-list-item{display:flex;flex:1 1 auto;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;min-height:0}.ds-empty-region--padded.sc-ds-conversation-list-item{padding:var(--dimension-space-200)}.sc-ds-conversation-list-item:where(.ds-text-decoration,.ds-text-action).sc-ds-conversation-list-item{text-decoration-color:var(--ds-text-decoration-color, var(--color-foreground-tertiary));text-decoration-thickness:var(--ds-text-decoration-thickness, var(--dimension-stroke-width-012));text-underline-offset:var(--ds-text-decoration-offset, var(--dimension-space-025))}.ds-text-action.sc-ds-conversation-list-item{--ds-text-action-foreground:var(--color-foreground-bold-brand);--ds-text-decoration-color:var(--ds-text-action-foreground);color:var(--ds-text-action-foreground);text-decoration-line:none}.ds-text-action--on-medium.sc-ds-conversation-list-item{--ds-text-action-foreground:var(--color-foreground-on-medium-background-primary);--ds-text-decoration-color:var(--color-foreground-on-medium-background-secondary);text-decoration-line:underline}.ds-text-action--on-strong.sc-ds-conversation-list-item{--ds-text-action-foreground:var(--color-foreground-on-strong-background-primary);--ds-text-decoration-color:var(--color-foreground-on-strong-background-secondary);text-decoration-line:underline}.ds-text-action--on-bold.sc-ds-conversation-list-item{--ds-text-action-foreground:var(--color-foreground-on-bold-background-primary);--ds-text-decoration-color:var(--color-foreground-on-bold-background-secondary);text-decoration-line:underline}@media (hover: hover) and (pointer: fine){.ds-text-action.sc-ds-conversation-list-item:hover{text-decoration-line:underline}}@media (forced-colors: active){.ds-text-action.sc-ds-conversation-list-item{text-decoration-line:underline;text-decoration-color:currentcolor}}.ds-choice-popup.sc-ds-conversation-list-item{box-sizing:border-box;display:flex;flex-direction:column;min-width:var(--ds-choice-popup-min-inline-size, var(--dimension-menu-width-xs));max-width:min(var(--dimension-panel-width-lg), calc(100vw - var(--dimension-space-200)));max-height:calc(100vh - var(--dimension-space-200));overflow:hidden;inset:auto;margin:0;padding:0;border:0;background-color:var(--color-background-primary);border-radius:var(--ds-radius-menu);box-shadow:var(--effect-shadow-elevated-floating);color:var(--color-foreground-secondary);animation:dsChoiceFadeIn var(--effect-motion-short-2) forwards;backface-visibility:hidden;will-change:transform;text-align:start}.ds-choice-popup.sc-ds-conversation-list-item::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:var(--effect-highlight-elevated-floating)}.ds-choice-popup--closing.sc-ds-conversation-list-item{animation:dsChoiceFadeOut var(--effect-motion-short-2) forwards}@keyframes dsChoiceFadeIn{from{opacity:0;transform:inherit scale(0.97)}to{opacity:1}}@keyframes dsChoiceFadeOut{from{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.ds-choice-popup.sc-ds-conversation-list-item{animation:none;opacity:1}.ds-choice-popup--closing.sc-ds-conversation-list-item{opacity:0}}@media (forced-colors: active){.ds-choice-popup.sc-ds-conversation-list-item{outline:var(--dimension-stroke-width-012) solid var(--ds-forced-color-content);outline-offset:calc(-1 * var(--dimension-stroke-width-012))}.ds-choice-popup.sc-ds-conversation-list-item::after{box-shadow:none}}.ds-choice-list.sc-ds-conversation-list-item{display:flex;flex-direction:column;min-height:0;overflow-y:auto;overscroll-behavior:contain}.ds-choice-section--divided.sc-ds-conversation-list-item{border-bottom:var(--dimension-stroke-width-015) solid var(--color-border-tertiary)}ds-text.ds-choice-section__header.sc-ds-conversation-list-item{text-align:start;-webkit-user-select:none;user-select:none}.ds-choice-section--headed-after-first.sc-ds-conversation-list-item{margin-block-start:var(--dimension-space-050)}.select-option-row.sc-ds-conversation-list-item{display:flex;flex-direction:column;min-width:0}.ds-choice-item.sc-ds-conversation-list-item{width:100%;border:none;border-radius:var(--ds-control-radius, var(--dimension-radius-025));background:transparent;cursor:default;-webkit-user-select:none;user-select:none;text-align:left;color:inherit}.ds-choice-item.sc-ds-conversation-list-item:has(.ds-choice-item__subtext){height:auto;min-height:var(--ds-control-height, var(--dimension-size-400));padding-block:var(--ds-control-padding-inline, var(--dimension-space-075));align-items:flex-start}.ds-choice-item.ds-control--xs.sc-ds-conversation-list-item:has(.ds-choice-item__subtext){padding-block:0}.ds-choice-item__content.sc-ds-conversation-list-item{display:flex;flex:1;flex-direction:column;gap:var(--dimension-space-025);min-width:0}ds-text.ds-choice-item__label.sc-ds-conversation-list-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ds-text.ds-choice-item__subtext.sc-ds-conversation-list-item{display:-webkit-box;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ds-choice-item__icon.sc-ds-conversation-list-item,.ds-choice-item__suffix.sc-ds-conversation-list-item{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ds-control-icon, var(--dimension-iconography-md));height:var(--ds-control-icon, var(--dimension-iconography-md));pointer-events:none}.ds-choice-item.ds-interaction-fill--selected.sc-ds-conversation-list-item .ds-choice-item__icon.sc-ds-conversation-list-item{color:var(--color-foreground-primary)}.ds-choice-item__tag.sc-ds-conversation-list-item{flex-shrink:0;pointer-events:none}.ds-choice-empty.sc-ds-conversation-list-item,.ds-choice-loading.sc-ds-conversation-list-item{min-height:var(--dimension-size-600);padding:var(--dimension-space-100)}.ds-choice-footer.sc-ds-conversation-list-item{position:relative;box-sizing:border-box;padding-block:var(--dimension-space-050)}.ds-choice-footer.sc-ds-conversation-list-item::before{content:'';position:absolute;inset:0 0 auto;height:var(--dimension-stroke-width-012);background-color:var(--color-border-tertiary);pointer-events:none}.ds-choice-footer__content.sc-ds-conversation-list-item{display:flex;align-items:center;justify-content:space-between;column-gap:var(--dimension-space-050);box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400))}.ds-choice-footer__summary.sc-ds-conversation-list-item,.ds-choice-footer__summary-measure.sc-ds-conversation-list-item,.ds-choice-footer__clear.sc-ds-conversation-list-item ds-text.sc-ds-conversation-list-item,.ds-choice-footer__action.sc-ds-conversation-list-item ds-text.sc-ds-conversation-list-item{padding-inline:calc( var(--dimension-space-050) + var(--ds-control-padding-inline, var(--dimension-space-075)) + var(--ds-control-label-inset, var(--dimension-space-025)) )}.ds-choice-footer__summary.sc-ds-conversation-list-item,.ds-choice-footer__summary-measure.sc-ds-conversation-list-item,.ds-choice-footer__clear.sc-ds-conversation-list-item,.ds-choice-footer__action.sc-ds-conversation-list-item{white-space:nowrap}.ds-choice-footer__summary-measure.sc-ds-conversation-list-item{position:absolute;visibility:hidden;pointer-events:none}.ds-choice-footer__clear.sc-ds-conversation-list-item,.ds-choice-footer__action.sc-ds-conversation-list-item{appearance:none;display:inline-flex;align-items:center;padding:0;border:0;border-radius:var(--dimension-radius-025);background:transparent;cursor:default}@media (forced-colors: active){.ds-choice-section--divided.sc-ds-conversation-list-item{border-bottom-color:var(--ds-forced-color-content)}.ds-choice-footer.sc-ds-conversation-list-item::before{background-color:var(--ds-forced-color-content)}}.ds-visually-hidden.sc-ds-conversation-list-item-h,.ds-visually-hidden.sc-ds-conversation-list-item{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.ds-control-elevation.sc-ds-conversation-list-item-h,.ds-control-elevation.sc-ds-conversation-list-item{position:relative;overflow:visible;box-shadow:var(--ds-control-elevation-shadow, none)}.ds-control-elevation.sc-ds-conversation-list-item-h::after,.ds-control-elevation.sc-ds-conversation-list-item::after{content:'';position:absolute;inset:0;z-index:4;border-radius:inherit;box-shadow:var(--ds-control-elevation-highlight, none);pointer-events:none}.ds-control-elevation--sm.sc-ds-conversation-list-item-h,.ds-control-elevation--sm.sc-ds-conversation-list-item{--ds-control-elevation-shadow:var(--effect-shadow-elevated-sm);--ds-control-elevation-highlight:var(--effect-highlight-elevated-sm)}.ds-control-elevation--md.sc-ds-conversation-list-item-h,.ds-control-elevation--md.sc-ds-conversation-list-item{--ds-control-elevation-shadow:var(--effect-shadow-elevated-md);--ds-control-elevation-highlight:var(--effect-highlight-elevated-md)}.ds-control-elevation--floating.sc-ds-conversation-list-item-h,.ds-control-elevation--floating.sc-ds-conversation-list-item{--ds-control-elevation-shadow:var(--effect-shadow-elevated-floating);--ds-control-elevation-highlight:var(--effect-highlight-elevated-floating)}.ds-control-elevation--press-scale.sc-ds-conversation-list-item{--ds-control-press-active-scale:var(--dimension-scale-default);transition:scale var(--effect-motion-short-2)}.ds-control-elevation--press-scale[data-ds-press-active].sc-ds-conversation-list-item{scale:var(--dimension-scale-subtle)}@media (prefers-reduced-motion: reduce){.ds-control-elevation--press-scale.sc-ds-conversation-list-item,.ds-control-elevation--press-scale[data-ds-press-active].sc-ds-conversation-list-item{scale:none;transition:none}}.sc-ds-conversation-list-item-h{display:block;box-sizing:border-box;-webkit-user-select:none;user-select:none}.sc-ds-conversation-list-item-h:focus-within,.conversation-list-item--actions-open.sc-ds-conversation-list-item-h{position:relative;z-index:var(--dimension-z-index-floating)}.conversation-list-item__row.sc-ds-conversation-list-item{position:relative;isolation:isolate}.conversation-list-item.sc-ds-conversation-list-item{color:var(--color-foreground-primary)}.conversation-list-item--error.sc-ds-conversation-list-item{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--color-border-bold-negative)}.conversation-list-item__leading.sc-ds-conversation-list-item:empty,.conversation-list-item__trailing.sc-ds-conversation-list-item:empty{display:none}.conversation-list-item__leading.sc-ds-conversation-list-item,.conversation-list-item__trailing.sc-ds-conversation-list-item,.conversation-list-item__preview-row.sc-ds-conversation-list-item{display:flex;align-items:center}.conversation-list-item__leading.sc-ds-conversation-list-item{align-self:center;width:auto;height:auto;margin-inline-start:var(--ds-control-label-inset, var(--dimension-space-025));margin-inline-end:var(--dimension-space-050)}.conversation-list-item__content.sc-ds-conversation-list-item{min-width:0}.conversation-list-item__title-row.sc-ds-conversation-list-item{display:flex;align-items:center;min-width:0}.conversation-list-item__preview-row.sc-ds-conversation-list-item{min-width:0;gap:var(--dimension-space-050)}ds-text.conversation-list-item__title.sc-ds-conversation-list-item,ds-text.conversation-list-item__preview.sc-ds-conversation-list-item{display:block;min-width:0}ds-text.conversation-list-item__title.sc-ds-conversation-list-item{flex:1}.conversation-list-item__unread.sc-ds-conversation-list-item{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--dimension-size-200);margin-inline-end:var(--dimension-space-025)}ds-text.conversation-list-item__preview.ds-choice-item__subtext.sc-ds-conversation-list-item{-webkit-line-clamp:1}.conversation-list-item__actions.sc-ds-conversation-list-item{position:absolute;top:50%;right:var(--dimension-space-100);z-index:var(--dimension-z-index-floating);display:flex;align-items:center;justify-content:center;border-radius:var(--dimension-radius-half);background:var(--color-background-transparent);-webkit-backdrop-filter:blur(var(--effect-blur-sm));backdrop-filter:blur(var(--effect-blur-sm));opacity:0;pointer-events:none;transform:translateY(-50%)}.conversation-list-item__row.sc-ds-conversation-list-item:has(:focus-visible) .conversation-list-item__actions.sc-ds-conversation-list-item,.conversation-list-item--actions-open.sc-ds-conversation-list-item-h .conversation-list-item__actions.sc-ds-conversation-list-item{opacity:1;pointer-events:auto}.conversation-list-item--actions-open.sc-ds-conversation-list-item-h .conversation-list-item.sc-ds-conversation-list-item::after{background:var(--ds-interaction-hover)}.conversation-list-item__row.sc-ds-conversation-list-item:active .conversation-list-item.sc-ds-conversation-list-item::after{background:var(--ds-interaction-pressed)}@media (hover: hover) and (pointer: fine){.sc-ds-conversation-list-item-h:hover{position:relative;z-index:var(--dimension-z-index-floating)}.conversation-list-item__row.sc-ds-conversation-list-item:hover .conversation-list-item__actions.sc-ds-conversation-list-item{opacity:1;pointer-events:auto}.conversation-list-item__row.sc-ds-conversation-list-item:hover .conversation-list-item.sc-ds-conversation-list-item::after{background:var(--ds-interaction-hover)}}@media (hover: none){.conversation-list-item__actions.sc-ds-conversation-list-item{opacity:1;pointer-events:auto}.conversation-list-item--has-actions.sc-ds-conversation-list-item-h .conversation-list-item__title-row.sc-ds-conversation-list-item{padding-inline-end:var(--dimension-size-400)}}`;const l=i(class i extends e{constructor(i){super();if(i!==false){this.__registerHost()}this.dsSelect=o(this,"dsSelect",7);this.conversationId="";this.conversationTitle="";this.preview="";this.updatedAt="";this.selected=false;this.state="default";this.statusLabel="";this.unreadCount=0;this.actionsOpen=false;this.handleClick=()=>this.dsSelect.emit({id:this.conversationId});this.handleActionsSlotChange=i=>{const e=i.target;this.el.classList.toggle("conversation-list-item--has-actions",e.assignedElements().length>0)}}render(){const i=this.state==="busy";const e=i&&this.statusLabel?this.statusLabel:this.preview;const o=[this.conversationTitle,e,this.unreadCount>0?`${this.unreadCount} unread`:""].filter(Boolean).join(". ");return t(s,{key:"da9834de140ee1921784dbb7bdca3bae8ef6935f",role:"listitem",class:{"conversation-list-item--actions-open":this.actionsOpen}},t("div",{key:"576ff98e8325852068ebf4bb7cc26e41c06fb48b",class:"conversation-list-item__row"},t("button",{key:"a962d2f25543e2c0b16e964217c9abe2c3e2c356",type:"button",class:{"conversation-list-item":true,"ds-choice-item":true,"ds-control-frame":true,"ds-control--md":true,"ds-focus-ring-inset":true,"ds-interaction-fill":true,"ds-interaction-fill--selected":this.selected,"conversation-list-item--error":this.state==="error"},"aria-label":o,"aria-current":this.selected?"true":undefined,"aria-busy":i?"true":undefined,onClick:this.handleClick},t("span",{key:"a61246b0b37a57b32d3edcef88df782d9c478134",class:"conversation-list-item__leading ds-choice-item__icon ds-control-icon-box ds-interaction-fill__content"},t("slot",{key:"dcf667a71dea532e275df480abc088dfbb818f8c",name:"leading"})),t("span",{key:"fe7f239be32cb041dbbbfeed2efa3faed29cfb7d",class:"conversation-list-item__content ds-choice-item__content ds-interaction-fill__content"},t("span",{key:"240cdf7cd9e904f24d9966dcaf2503bf77a5cbe5",class:"conversation-list-item__title-row"},t("ds-text",{key:"d55f014c80282dda2fcb71a10adb3e7447f7599b",class:"conversation-list-item__title ds-choice-item__label ds-control-label-box",as:"span",variant:"text-body-medium",emphasis:this.unreadCount>0,color:this.unreadCount>0?"primary":"secondary",lineTruncation:1},this.conversationTitle),this.unreadCount>0?t("span",{class:"conversation-list-item__unread"},t("ds-badge",{variant:"dot",surface:"secondary",hasRing:false})):null),t("span",{key:"f40733344082877b01bcc23dc8d2d648960f5fa4",class:"conversation-list-item__preview-row"},i?t("ds-loader",{size:"sm",color:"secondary"}):null,t("ds-text",{key:"a93fc469813c0d5b3d279aeed08206121d5b5133",class:"conversation-list-item__preview ds-choice-item__subtext ds-control-label-box",as:"span",variant:"text-body-small",color:this.state==="error"?"negative":"secondary",lineTruncation:1},e)),this.updatedAt?t("time",{class:"conversation-list-item__time ds-visually-hidden",dateTime:this.updatedAt},this.updatedAt):null),t("span",{key:"1b39480dc65a330f809013e56e734a8072bf39ed",class:"conversation-list-item__trailing ds-interaction-fill__content"},t("slot",{key:"18d3f4077fec526517b5cece0aabe93dc21ad12e",name:"trailing"}))),t("div",{key:"8efa3ce3f20fefc5b61fff48f9d86854f875c6df",class:"conversation-list-item__actions ds-control-elevation ds-control-elevation--md ds-control-elevation--press-scale"},t("slot",{key:"573ee91c8a2aaec37c9e3b5b3ae314539d1f1a9f",name:"actions",onSlotchange:this.handleActionsSlotChange}))))}get el(){return this}static get style(){return d()}},[262,"ds-conversation-list-item",{conversationId:[1,"conversation-id"],conversationTitle:[1,"conversation-title"],preview:[1],updatedAt:[1,"updated-at"],selected:[4],state:[1],statusLabel:[1,"status-label"],unreadCount:[2,"unread-count"],actionsOpen:[516,"actions-open"]}]);function v(){if(typeof customElements==="undefined"){return}const i=["ds-conversation-list-item","ds-badge","ds-loader","ds-text"];i.forEach((i=>{switch(i){case"ds-conversation-list-item":if(!customElements.get(n(i))){customElements.define(n(i),l)}break;case"ds-badge":if(!customElements.get(n(i))){r()}break;case"ds-loader":if(!customElements.get(n(i))){c()}break;case"ds-text":if(!customElements.get(n(i))){a()}break}}))}v();const m=l;const f=v;export{m as DsConversationListItem,f as defineCustomElement};
2
2
  //# sourceMappingURL=ds-conversation-list-item.js.map
package/dist/components/ds-conversation-list-item.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["conversationListItemCss","ConversationListItem","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","conversationId","conversationTitle","preview","updatedAt","selected","state","statusLabel","unreadCount","actionsOpen","handleClick","dsSelect","emit","id","handleActionsSlotChange","event","slot","target","el","classList","toggle","assignedElements","length","render","busy","subtext","accessibleName","filter","Boolean","join","h","Host","key","role","class","type","undefined","onClick","name","as","variant","emphasis","color","lineTruncation","surface","hasRing","size","dateTime","onSlotchange"],"sources":["src/wc/components/ConversationListItem/ConversationListItem.css?tag=ds-conversation-list-item&encapsulation=scoped","src/wc/components/ConversationListItem/ConversationListItem.tsx"],"sourcesContent":["@import '../../utils/radius.css';\n@import '../../utils/choice-list.css';\n@import '../../utils/visually-hidden.css';\n@import '../../styles/control-elevation.css';\n\n:host {\n display: block;\n box-sizing: border-box;\n -webkit-user-select: none;\n user-select: none;\n}\n\n:host(:focus-within),\n:host(.conversation-list-item--actions-open) {\n position: relative;\n z-index: var(--dimension-z-index-floating);\n}\n\n.conversation-list-item__row {\n position: relative;\n isolation: isolate;\n}\n\n.conversation-list-item {\n color: var(--color-foreground-primary);\n}\n\n.conversation-list-item--error {\n --ds-interaction-border-width: var(--dimension-stroke-width-012);\n --ds-interaction-border-color: var(--color-border-bold-negative);\n}\n\n.conversation-list-item__leading:empty,\n.conversation-list-item__trailing:empty {\n display: none;\n}\n\n.conversation-list-item__leading,\n.conversation-list-item__trailing,\n.conversation-list-item__preview-row {\n display: flex;\n align-items: center;\n}\n\n.conversation-list-item__leading {\n align-self: center;\n width: auto;\n height: auto;\n margin-inline-start: var(--ds-control-label-inset, var(--dimension-space-025));\n margin-inline-end: var(--dimension-space-050);\n}\n\n.conversation-list-item__content {\n min-width: 0;\n}\n\n.conversation-list-item__title-row {\n display: flex;\n align-items: center;\n min-width: 0;\n}\n\n.conversation-list-item__preview-row {\n min-width: 0;\n gap: var(--dimension-space-050);\n}\n\nds-text.conversation-list-item__title,\nds-text.conversation-list-item__preview {\n display: block;\n min-width: 0;\n}\n\nds-text.conversation-list-item__title {\n flex: 1;\n}\n\n.conversation-list-item__unread {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: var(--dimension-size-200);\n margin-inline-end: var(--dimension-space-025);\n}\n\nds-text.conversation-list-item__preview.ds-choice-item__subtext {\n -webkit-line-clamp: 1;\n}\n\n.conversation-list-item__actions {\n position: absolute;\n top: 50%;\n right: var(--dimension-space-100);\n z-index: var(--dimension-z-index-floating);\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--dimension-radius-half);\n background: var(--color-background-transparent);\n -webkit-backdrop-filter: blur(var(--effect-blur-sm));\n backdrop-filter: blur(var(--effect-blur-sm));\n opacity: 0;\n pointer-events: none;\n transform: translateY(-50%);\n}\n\n.conversation-list-item__row:has(:focus-visible) .conversation-list-item__actions,\n:host(.conversation-list-item--actions-open) .conversation-list-item__actions {\n opacity: 1;\n pointer-events: auto;\n}\n\n:host(.conversation-list-item--actions-open) .conversation-list-item::after {\n background: var(--ds-interaction-hover);\n}\n\n.conversation-list-item__row:active .conversation-list-item::after {\n background: var(--ds-interaction-pressed);\n}\n\n@media (hover: hover) and (pointer: fine) {\n :host(:hover) {\n position: relative;\n z-index: var(--dimension-z-index-floating);\n }\n\n .conversation-list-item__row:hover .conversation-list-item__actions {\n opacity: 1;\n pointer-events: auto;\n }\n\n /* Keep the row wash continuous while the pointer moves onto its sibling action. */\n .conversation-list-item__row:hover .conversation-list-item::after {\n background: var(--ds-interaction-hover);\n }\n}\n\n@media (hover: none) {\n .conversation-list-item__actions {\n opacity: 1;\n pointer-events: auto;\n }\n\n :host(.conversation-list-item--has-actions) .conversation-list-item__title-row {\n padding-inline-end: var(--dimension-size-400);\n }\n}\n","/* eslint-disable compomo/no-selected-fill-emphasis-change -- Unread emphasis is message state, independent of the selected-row fill state. */\nimport { Component, Element, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\nimport type { ConversationItemState } from '../conversation-types';\n\n@Component({\n tag: 'ds-conversation-list-item',\n styleUrl: 'ConversationListItem.css',\n scoped: true,\n})\nexport class ConversationListItem {\n @Element() el!: HTMLElement;\n\n @Prop() conversationId: string = '';\n /** Visible conversation title. Named to avoid the native HTMLElement.title contract. */\n @Prop() conversationTitle: string = '';\n @Prop() preview: string = '';\n /** ISO timestamp for semantic activity metadata. */\n @Prop() updatedAt: string = '';\n @Prop() selected: boolean = false;\n @Prop() state: ConversationItemState = 'default';\n @Prop() statusLabel: string = '';\n @Prop() unreadCount: number = 0;\n /** Keep the contextual-actions surface visible while its popup is open or closing. */\n @Prop({ reflect: true }) actionsOpen: boolean = false;\n\n @Event() dsSelect!: EventEmitter<{ id: string }>;\n\n private handleClick = () => this.dsSelect.emit({ id: this.conversationId });\n\n private handleActionsSlotChange = (event: Event) => {\n const slot = event.target as HTMLSlotElement;\n this.el.classList.toggle(\n 'conversation-list-item--has-actions',\n slot.assignedElements().length > 0\n );\n };\n\n render() {\n const busy = this.state === 'busy';\n const subtext = busy && this.statusLabel ? this.statusLabel : this.preview;\n const accessibleName = [\n this.conversationTitle,\n subtext,\n this.unreadCount > 0 ? `${this.unreadCount} unread` : '',\n ]\n .filter(Boolean)\n .join('. ');\n\n return (\n <Host role=\"listitem\" class={{ 'conversation-list-item--actions-open': this.actionsOpen }}>\n <div class=\"conversation-list-item__row\">\n <button\n type=\"button\"\n class={{\n 'conversation-list-item': true,\n 'ds-choice-item': true,\n 'ds-control-frame': true,\n 'ds-control--md': true,\n 'ds-focus-ring-inset': true,\n 'ds-interaction-fill': true,\n 'ds-interaction-fill--selected': this.selected,\n 'conversation-list-item--error': this.state === 'error',\n }}\n aria-label={accessibleName}\n aria-current={this.selected ? 'true' : undefined}\n aria-busy={busy ? 'true' : undefined}\n onClick={this.handleClick}\n >\n <span class=\"conversation-list-item__leading ds-choice-item__icon ds-control-icon-box ds-interaction-fill__content\">\n <slot name=\"leading\" />\n </span>\n <span class=\"conversation-list-item__content ds-choice-item__content ds-interaction-fill__content\">\n <span class=\"conversation-list-item__title-row\">\n <ds-text\n class=\"conversation-list-item__title ds-choice-item__label ds-control-label-box\"\n as=\"span\"\n variant=\"text-body-medium\"\n emphasis={this.unreadCount > 0}\n color={this.unreadCount > 0 ? 'primary' : 'secondary'}\n lineTruncation={1}\n >\n {this.conversationTitle}\n </ds-text>\n {this.unreadCount > 0 ? (\n <span class=\"conversation-list-item__unread\">\n <ds-badge variant=\"dot\" surface=\"secondary\" hasRing={false} />\n </span>\n ) : null}\n </span>\n <span class=\"conversation-list-item__preview-row\">\n {busy ? <ds-loader size=\"sm\" color=\"secondary\" /> : null}\n <ds-text\n class=\"conversation-list-item__preview ds-choice-item__subtext ds-control-label-box\"\n as=\"span\"\n variant=\"text-body-small\"\n color={this.state === 'error' ? 'negative' : 'secondary'}\n lineTruncation={1}\n >\n {subtext}\n </ds-text>\n </span>\n {this.updatedAt ? (\n <time\n class=\"conversation-list-item__time ds-visually-hidden\"\n dateTime={this.updatedAt}\n >\n {this.updatedAt}\n </time>\n ) : null}\n </span>\n <span class=\"conversation-list-item__trailing ds-interaction-fill__content\">\n <slot name=\"trailing\" />\n </span>\n </button>\n <div class=\"conversation-list-item__actions ds-control-elevation ds-control-elevation--md ds-control-elevation--press-scale\">\n <slot name=\"actions\" onSlotchange={this.handleActionsSlotChange} />\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"8KAAA,MAAMA,EAA0B,IAAM,87/B,MCSzBC,EAAoBC,EAAA,MAAAD,UAAAE,EALjC,WAAAC,CAAAC,G,+EAQUC,KAAAC,eAAyB,GAEzBD,KAAAE,kBAA4B,GAC5BF,KAAAG,QAAkB,GAElBH,KAAAI,UAAoB,GACpBJ,KAAAK,SAAoB,MACpBL,KAAAM,MAA+B,UAC/BN,KAAAO,YAAsB,GACtBP,KAAAQ,YAAsB,EAELR,KAAAS,YAAuB,MAIxCT,KAAAU,YAAc,IAAMV,KAAKW,SAASC,KAAK,CAAEC,GAAIb,KAAKC,iBAElDD,KAAAc,wBAA2BC,IACjC,MAAMC,EAAOD,EAAME,OACnBjB,KAAKkB,GAAGC,UAAUC,OAChB,sCACAJ,EAAKK,mBAAmBC,OAAS,EAClC,CAuFJ,CApFC,MAAAC,GACE,MAAMC,EAAOxB,KAAKM,QAAU,OAC5B,MAAMmB,EAAUD,GAAQxB,KAAKO,YAAcP,KAAKO,YAAcP,KAAKG,QACnE,MAAMuB,EAAiB,CACrB1B,KAAKE,kBACLuB,EACAzB,KAAKQ,YAAc,EAAI,GAAGR,KAAKQ,qBAAuB,IAErDmB,OAAOC,SACPC,KAAK,MAER,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,WAAWC,MAAO,CAAE,uCAAwClC,KAAKS,cAC1EqB,EAAA,OAAAE,IAAA,2CAAKE,MAAM,+BACTJ,EAAA,UAAAE,IAAA,2CACEG,KAAK,SACLD,MAAO,CACL,yBAA0B,KAC1B,iBAAkB,KAClB,mBAAoB,KACpB,iBAAkB,KAClB,sBAAuB,KACvB,sBAAuB,KACvB,gCAAiClC,KAAKK,SACtC,gCAAiCL,KAAKM,QAAU,SACjD,aACWoB,EAAc,eACZ1B,KAAKK,SAAW,OAAS+B,UAAS,YACrCZ,EAAO,OAASY,UAC3BC,QAASrC,KAAKU,aAEdoB,EAAA,QAAAE,IAAA,2CAAME,MAAM,yGACVJ,EAAA,QAAAE,IAAA,2CAAMM,KAAK,aAEbR,EAAA,QAAAE,IAAA,2CAAME,MAAM,wFACVJ,EAAA,QAAAE,IAAA,2CAAME,MAAM,qCACVJ,EAAA,WAAAE,IAAA,2CACEE,MAAM,2EACNK,GAAG,OACHC,QAAQ,mBACRC,SAAUzC,KAAKQ,YAAc,EAC7BkC,MAAO1C,KAAKQ,YAAc,EAAI,UAAY,YAC1CmC,eAAgB,GAEf3C,KAAKE,mBAEPF,KAAKQ,YAAc,EAClBsB,EAAA,QAAMI,MAAM,kCACVJ,EAAA,YAAUU,QAAQ,MAAMI,QAAQ,YAAYC,QAAS,SAErD,MAENf,EAAA,QAAAE,IAAA,2CAAME,MAAM,uCACTV,EAAOM,EAAA,aAAWgB,KAAK,KAAKJ,MAAM,cAAiB,KACpDZ,EAAA,WAAAE,IAAA,2CACEE,MAAM,+EACNK,GAAG,OACHC,QAAQ,kBACRE,MAAO1C,KAAKM,QAAU,QAAU,WAAa,YAC7CqC,eAAgB,GAEflB,IAGJzB,KAAKI,UACJ0B,EAAA,QACEI,MAAM,kDACNa,SAAU/C,KAAKI,WAEdJ,KAAKI,WAEN,MAEN0B,EAAA,QAAAE,IAAA,2CAAME,MAAM,iEACVJ,EAAA,QAAAE,IAAA,2CAAMM,KAAK,eAGfR,EAAA,OAAAE,IAAA,2CAAKE,MAAM,mHACTJ,EAAA,QAAAE,IAAA,2CAAMM,KAAK,UAAUU,aAAchD,KAAKc,4B","ignoreList":[]}
1
+ {"version":3,"names":["conversationListItemCss","ConversationListItem","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","conversationId","conversationTitle","preview","updatedAt","selected","state","statusLabel","unreadCount","actionsOpen","handleClick","dsSelect","emit","id","handleActionsSlotChange","event","slot","target","el","classList","toggle","assignedElements","length","render","busy","subtext","accessibleName","filter","Boolean","join","h","Host","key","role","class","type","undefined","onClick","name","as","variant","emphasis","color","lineTruncation","surface","hasRing","size","dateTime","onSlotchange"],"sources":["src/wc/components/ConversationListItem/ConversationListItem.css?tag=ds-conversation-list-item&encapsulation=scoped","src/wc/components/ConversationListItem/ConversationListItem.tsx"],"sourcesContent":["@import '../../utils/radius.css';\n@import '../../utils/choice-list.css';\n@import '../../utils/visually-hidden.css';\n@import '../../styles/control-elevation.css';\n\n:host {\n display: block;\n box-sizing: border-box;\n -webkit-user-select: none;\n user-select: none;\n}\n\n:host(:focus-within),\n:host(.conversation-list-item--actions-open) {\n position: relative;\n z-index: var(--dimension-z-index-floating);\n}\n\n.conversation-list-item__row {\n position: relative;\n isolation: isolate;\n}\n\n.conversation-list-item {\n color: var(--color-foreground-primary);\n}\n\n.conversation-list-item--error {\n --ds-interaction-border-width: var(--dimension-stroke-width-012);\n --ds-interaction-border-color: var(--color-border-bold-negative);\n}\n\n.conversation-list-item__leading:empty,\n.conversation-list-item__trailing:empty {\n display: none;\n}\n\n.conversation-list-item__leading,\n.conversation-list-item__trailing,\n.conversation-list-item__preview-row {\n display: flex;\n align-items: center;\n}\n\n.conversation-list-item__leading {\n align-self: center;\n width: auto;\n height: auto;\n margin-inline-start: var(--ds-control-label-inset, var(--dimension-space-025));\n margin-inline-end: var(--dimension-space-050);\n}\n\n.conversation-list-item__content {\n min-width: 0;\n}\n\n.conversation-list-item__title-row {\n display: flex;\n align-items: center;\n min-width: 0;\n}\n\n.conversation-list-item__preview-row {\n min-width: 0;\n gap: var(--dimension-space-050);\n}\n\nds-text.conversation-list-item__title,\nds-text.conversation-list-item__preview {\n display: block;\n min-width: 0;\n}\n\nds-text.conversation-list-item__title {\n flex: 1;\n}\n\n.conversation-list-item__unread {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: var(--dimension-size-200);\n margin-inline-end: var(--dimension-space-025);\n}\n\nds-text.conversation-list-item__preview.ds-choice-item__subtext {\n -webkit-line-clamp: 1;\n}\n\n.conversation-list-item__actions {\n position: absolute;\n top: 50%;\n right: var(--dimension-space-100);\n z-index: var(--dimension-z-index-floating);\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--dimension-radius-half);\n background: var(--color-background-transparent);\n -webkit-backdrop-filter: blur(var(--effect-blur-sm));\n backdrop-filter: blur(var(--effect-blur-sm));\n opacity: 0;\n pointer-events: none;\n transform: translateY(-50%);\n}\n\n.conversation-list-item__row:has(:focus-visible) .conversation-list-item__actions,\n:host(.conversation-list-item--actions-open) .conversation-list-item__actions {\n opacity: 1;\n pointer-events: auto;\n}\n\n:host(.conversation-list-item--actions-open) .conversation-list-item::after {\n background: var(--ds-interaction-hover);\n}\n\n.conversation-list-item__row:active .conversation-list-item::after {\n background: var(--ds-interaction-pressed);\n}\n\n@media (hover: hover) and (pointer: fine) {\n :host(:hover) {\n position: relative;\n z-index: var(--dimension-z-index-floating);\n }\n\n .conversation-list-item__row:hover .conversation-list-item__actions {\n opacity: 1;\n pointer-events: auto;\n }\n\n /* Keep the row wash continuous while the pointer moves onto its sibling action. */\n .conversation-list-item__row:hover .conversation-list-item::after {\n background: var(--ds-interaction-hover);\n }\n}\n\n@media (hover: none) {\n .conversation-list-item__actions {\n opacity: 1;\n pointer-events: auto;\n }\n\n :host(.conversation-list-item--has-actions) .conversation-list-item__title-row {\n padding-inline-end: var(--dimension-size-400);\n }\n}\n","/* eslint-disable compomo/no-selected-fill-emphasis-change -- Unread emphasis is message state, independent of the selected-row fill state. */\nimport { Component, Element, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\nimport type { ConversationItemState } from '../conversation-types';\n\n@Component({\n tag: 'ds-conversation-list-item',\n styleUrl: 'ConversationListItem.css',\n scoped: true,\n})\nexport class ConversationListItem {\n @Element() el!: HTMLElement;\n\n @Prop() conversationId: string = '';\n /** Visible conversation title. Named to avoid the native HTMLElement.title contract. */\n @Prop() conversationTitle: string = '';\n @Prop() preview: string = '';\n /** ISO timestamp for semantic activity metadata. */\n @Prop() updatedAt: string = '';\n @Prop() selected: boolean = false;\n @Prop() state: ConversationItemState = 'default';\n @Prop() statusLabel: string = '';\n @Prop() unreadCount: number = 0;\n /** Keep the contextual-actions surface visible while its popup is open or closing. */\n @Prop({ reflect: true }) actionsOpen: boolean = false;\n\n @Event() dsSelect!: EventEmitter<{ id: string }>;\n\n private handleClick = () => this.dsSelect.emit({ id: this.conversationId });\n\n private handleActionsSlotChange = (event: Event) => {\n const slot = event.target as HTMLSlotElement;\n this.el.classList.toggle(\n 'conversation-list-item--has-actions',\n slot.assignedElements().length > 0\n );\n };\n\n render() {\n const busy = this.state === 'busy';\n const subtext = busy && this.statusLabel ? this.statusLabel : this.preview;\n const accessibleName = [\n this.conversationTitle,\n subtext,\n this.unreadCount > 0 ? `${this.unreadCount} unread` : '',\n ]\n .filter(Boolean)\n .join('. ');\n\n return (\n <Host role=\"listitem\" class={{ 'conversation-list-item--actions-open': this.actionsOpen }}>\n <div class=\"conversation-list-item__row\">\n <button\n type=\"button\"\n class={{\n 'conversation-list-item': true,\n 'ds-choice-item': true,\n 'ds-control-frame': true,\n 'ds-control--md': true,\n 'ds-focus-ring-inset': true,\n 'ds-interaction-fill': true,\n 'ds-interaction-fill--selected': this.selected,\n 'conversation-list-item--error': this.state === 'error',\n }}\n aria-label={accessibleName}\n aria-current={this.selected ? 'true' : undefined}\n aria-busy={busy ? 'true' : undefined}\n onClick={this.handleClick}\n >\n <span class=\"conversation-list-item__leading ds-choice-item__icon ds-control-icon-box ds-interaction-fill__content\">\n <slot name=\"leading\" />\n </span>\n <span class=\"conversation-list-item__content ds-choice-item__content ds-interaction-fill__content\">\n <span class=\"conversation-list-item__title-row\">\n <ds-text\n class=\"conversation-list-item__title ds-choice-item__label ds-control-label-box\"\n as=\"span\"\n variant=\"text-body-medium\"\n emphasis={this.unreadCount > 0}\n color={this.unreadCount > 0 ? 'primary' : 'secondary'}\n lineTruncation={1}\n >\n {this.conversationTitle}\n </ds-text>\n {this.unreadCount > 0 ? (\n <span class=\"conversation-list-item__unread\">\n <ds-badge variant=\"dot\" surface=\"secondary\" hasRing={false} />\n </span>\n ) : null}\n </span>\n <span class=\"conversation-list-item__preview-row\">\n {busy ? <ds-loader size=\"sm\" color=\"secondary\" /> : null}\n <ds-text\n class=\"conversation-list-item__preview ds-choice-item__subtext ds-control-label-box\"\n as=\"span\"\n variant=\"text-body-small\"\n color={this.state === 'error' ? 'negative' : 'secondary'}\n lineTruncation={1}\n >\n {subtext}\n </ds-text>\n </span>\n {this.updatedAt ? (\n <time\n class=\"conversation-list-item__time ds-visually-hidden\"\n dateTime={this.updatedAt}\n >\n {this.updatedAt}\n </time>\n ) : null}\n </span>\n <span class=\"conversation-list-item__trailing ds-interaction-fill__content\">\n <slot name=\"trailing\" />\n </span>\n </button>\n <div class=\"conversation-list-item__actions ds-control-elevation ds-control-elevation--md ds-control-elevation--press-scale\">\n <slot name=\"actions\" onSlotchange={this.handleActionsSlotChange} />\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"8KAAA,MAAMA,EAA0B,IAAM,i+/B,MCSzBC,EAAoBC,EAAA,MAAAD,UAAAE,EALjC,WAAAC,CAAAC,G,+EAQUC,KAAAC,eAAyB,GAEzBD,KAAAE,kBAA4B,GAC5BF,KAAAG,QAAkB,GAElBH,KAAAI,UAAoB,GACpBJ,KAAAK,SAAoB,MACpBL,KAAAM,MAA+B,UAC/BN,KAAAO,YAAsB,GACtBP,KAAAQ,YAAsB,EAELR,KAAAS,YAAuB,MAIxCT,KAAAU,YAAc,IAAMV,KAAKW,SAASC,KAAK,CAAEC,GAAIb,KAAKC,iBAElDD,KAAAc,wBAA2BC,IACjC,MAAMC,EAAOD,EAAME,OACnBjB,KAAKkB,GAAGC,UAAUC,OAChB,sCACAJ,EAAKK,mBAAmBC,OAAS,EAClC,CAuFJ,CApFC,MAAAC,GACE,MAAMC,EAAOxB,KAAKM,QAAU,OAC5B,MAAMmB,EAAUD,GAAQxB,KAAKO,YAAcP,KAAKO,YAAcP,KAAKG,QACnE,MAAMuB,EAAiB,CACrB1B,KAAKE,kBACLuB,EACAzB,KAAKQ,YAAc,EAAI,GAAGR,KAAKQ,qBAAuB,IAErDmB,OAAOC,SACPC,KAAK,MAER,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,WAAWC,MAAO,CAAE,uCAAwClC,KAAKS,cAC1EqB,EAAA,OAAAE,IAAA,2CAAKE,MAAM,+BACTJ,EAAA,UAAAE,IAAA,2CACEG,KAAK,SACLD,MAAO,CACL,yBAA0B,KAC1B,iBAAkB,KAClB,mBAAoB,KACpB,iBAAkB,KAClB,sBAAuB,KACvB,sBAAuB,KACvB,gCAAiClC,KAAKK,SACtC,gCAAiCL,KAAKM,QAAU,SACjD,aACWoB,EAAc,eACZ1B,KAAKK,SAAW,OAAS+B,UAAS,YACrCZ,EAAO,OAASY,UAC3BC,QAASrC,KAAKU,aAEdoB,EAAA,QAAAE,IAAA,2CAAME,MAAM,yGACVJ,EAAA,QAAAE,IAAA,2CAAMM,KAAK,aAEbR,EAAA,QAAAE,IAAA,2CAAME,MAAM,wFACVJ,EAAA,QAAAE,IAAA,2CAAME,MAAM,qCACVJ,EAAA,WAAAE,IAAA,2CACEE,MAAM,2EACNK,GAAG,OACHC,QAAQ,mBACRC,SAAUzC,KAAKQ,YAAc,EAC7BkC,MAAO1C,KAAKQ,YAAc,EAAI,UAAY,YAC1CmC,eAAgB,GAEf3C,KAAKE,mBAEPF,KAAKQ,YAAc,EAClBsB,EAAA,QAAMI,MAAM,kCACVJ,EAAA,YAAUU,QAAQ,MAAMI,QAAQ,YAAYC,QAAS,SAErD,MAENf,EAAA,QAAAE,IAAA,2CAAME,MAAM,uCACTV,EAAOM,EAAA,aAAWgB,KAAK,KAAKJ,MAAM,cAAiB,KACpDZ,EAAA,WAAAE,IAAA,2CACEE,MAAM,+EACNK,GAAG,OACHC,QAAQ,kBACRE,MAAO1C,KAAKM,QAAU,QAAU,WAAa,YAC7CqC,eAAgB,GAEflB,IAGJzB,KAAKI,UACJ0B,EAAA,QACEI,MAAM,kDACNa,SAAU/C,KAAKI,WAEdJ,KAAKI,WAEN,MAEN0B,EAAA,QAAAE,IAAA,2CAAME,MAAM,iEACVJ,EAAA,QAAAE,IAAA,2CAAMM,KAAK,eAGfR,EAAA,OAAAE,IAAA,2CAAKE,MAAM,mHACTJ,EAAA,QAAAE,IAAA,2CAAMM,KAAK,UAAUU,aAAchD,KAAKc,4B","ignoreList":[]}
package/dist/components/ds-data-customize.js CHANGED
@@ -1,2 +1,2 @@
1
- import{p as s,H as e,c as t,h as i,a,t as n}from"./index.js";import{l as o,r,t as d}from"./p-HMDczkQf.js";import{d as h}from"./p-BWJb2rih.js";import{d as l}from"./p-pJ6gbwSa.js";import{d as c}from"./p-pPtjNRqC.js";import{d as m}from"./p-0XTyQNRG.js";import{d as u}from"./p-BPDo1eQV.js";import{d as f}from"./p-eKnJNQtL.js";import{d as p}from"./p-C2e7BkNn.js";import{d as b}from"./p-CKSJwSWd.js";import{d as g}from"./p-BbvAWFJA.js";import{d as k}from"./p-BJf49edB.js";const E=()=>`.sc-ds-data-customize-h{display:inline-flex;min-inline-size:0;max-inline-size:var(--dimension-menu-width-xs)}[hidden].sc-ds-data-customize-h{display:none}`;let j=0;const z=s(class s extends e{constructor(s){super();if(s!==false){this.__registerHost()}this.dsFieldsConfigChange=t(this,"dsFieldsConfigChange",3);this.dsOptionChange=t(this,"dsOptionChange",3);this.hasBorder=true;this.fields=[];this.hiddenFieldIds=[];this.fieldOrder=[];this.reorderable=false;this.minVisible=0;this.options=[];this.optionsHeader="Options";this.ariaLabel=null;this.label="Customize";this.menuOpen=false;this.menuSurfaceOpen=false;this.initialFocusVisible=false;this.componentId=`ds-data-customize-${++j}`;this.triggerId=`${this.componentId}-trigger`;this.menuId=`${this.componentId}-menu`}async setFocus(){const s=this.el.querySelector(`#${CSS.escape(this.triggerId)}`);await(s?.setFocus?.())}get customizerOptions(){return{minVisible:this.minVisible,reorderable:this.reorderable}}get catalog(){return this.fields.map((s=>({id:s.id,label:s.label.trim()||s.accessibleLabel?.trim()||s.id})))}get sections(){const s=o(this.catalog,this.hiddenFieldIds,this.fieldOrder,this.customizerOptions);return[...s.length?[{header:this.catalogHeader??(this.options.length?"Data":undefined),items:s}]:[],...this.options.length?[{header:this.optionsHeader,items:this.options}]:[]]}render(){const s=this.ariaLabel?.trim()||this.label?.trim()||"Customize";const e=this.fields.length===0&&this.options.length===0;return i(a,{key:"ef21a69aecf8d56271545c18ef08f1933bd154ba",hidden:e?true:undefined},e?null:i("ds-button-unfilled",{hasBorder:this.hasBorder,id:this.triggerId,variant:"icon-label",size:"md",icon:"Preferences",label:this.label,labelEmphasis:false,pressScale:false,"aria-label":s,haspopup:"menu",collapseLabel:true,expanded:this.menuOpen,surfaceOpen:this.menuSurfaceOpen,controls:this.menuId,onDsClick:s=>{this.toggle(s.detail.detail===0)}}),e?null:i("ds-menu",{id:this.menuId,open:this.menuOpen,anchorId:this.triggerId,align:"start",side:"bottom",menuLabel:s,selectionMode:"none",initialFocusVisible:this.initialFocusVisible,sections:this.sections,onDsClose:()=>this.close(),onDsAfterClose:()=>{if(!this.menuOpen)this.menuSurfaceOpen=false},onDsSelect:s=>this.handleSelect(s.detail),onDsReorder:s=>this.handleReorder(s.detail.items)}))}toggle(s=false){if(this.menuOpen)this.close();else this.open(s)}open(s=false){if(this.menuOpen)return;this.initialFocusVisible=s;this.menuOpen=true;this.menuSurfaceOpen=true}close(){this.menuOpen=false}handleSelect(s){const e=s.value;if(!e||s.isInactive)return;if(this.options.some((s=>s.value===e))){this.dsOptionChange.emit(e);return}const t=this.catalog.map((s=>s.id));this.dsFieldsConfigChange.emit({hiddenFieldIds:d(t,this.hiddenFieldIds,e,this.customizerOptions),fieldOrder:r(t,this.fieldOrder)})}handleReorder(s){if(!this.reorderable)return;const e=s.filter((s=>s.reorderable&&s.value)).map((s=>s.value));if(e.length===0)return;this.dsFieldsConfigChange.emit({hiddenFieldIds:this.hiddenFieldIds,fieldOrder:r(this.catalog.map((s=>s.id)),e)})}get el(){return this}static get style(){return E()}},[2,"ds-data-customize",{hasBorder:[4,"has-border"],fields:[16],hiddenFieldIds:[16],fieldOrder:[16],reorderable:[4],minVisible:[2,"min-visible"],catalogHeader:[1,"catalog-header"],options:[16],optionsHeader:[1,"options-header"],ariaLabel:[1,"aria-label"],label:[1],menuOpen:[32],menuSurfaceOpen:[32],initialFocusVisible:[32],setFocus:[64]}]);function C(){if(typeof customElements==="undefined"){return}const s=["ds-data-customize","ds-badge","ds-button-unfilled","ds-icon","ds-loader","ds-menu","ds-swatch-picker","ds-switch","ds-tag","ds-text","ds-tooltip"];s.forEach((s=>{switch(s){case"ds-data-customize":if(!customElements.get(n(s))){customElements.define(n(s),z)}break;case"ds-badge":if(!customElements.get(n(s))){h()}break;case"ds-button-unfilled":if(!customElements.get(n(s))){l()}break;case"ds-icon":if(!customElements.get(n(s))){c()}break;case"ds-loader":if(!customElements.get(n(s))){m()}break;case"ds-menu":if(!customElements.get(n(s))){u()}break;case"ds-swatch-picker":if(!customElements.get(n(s))){f()}break;case"ds-switch":if(!customElements.get(n(s))){p()}break;case"ds-tag":if(!customElements.get(n(s))){b()}break;case"ds-text":if(!customElements.get(n(s))){g()}break;case"ds-tooltip":if(!customElements.get(n(s))){k()}break}}))}C();const w=z;const x=C;export{w as DsDataCustomize,x as defineCustomElement};
1
+ import{p as s,H as e,c as t,h as i,a,t as n}from"./index.js";import{l as o,r,t as d}from"./p-HMDczkQf.js";import{d as h}from"./p-BWJb2rih.js";import{d as l}from"./p-kL4EOsx5.js";import{d as c}from"./p-BVsVUnAw.js";import{d as m}from"./p-0XTyQNRG.js";import{d as u}from"./p-DHpcv_Os.js";import{d as f}from"./p-eKnJNQtL.js";import{d as p}from"./p-C2e7BkNn.js";import{d as b}from"./p-BWnL2SWn.js";import{d as g}from"./p-BbvAWFJA.js";import{d as k}from"./p-BJf49edB.js";const E=()=>`.sc-ds-data-customize-h{display:inline-flex;min-inline-size:0;max-inline-size:var(--dimension-menu-width-xs)}[hidden].sc-ds-data-customize-h{display:none}`;let z=0;const j=s(class s extends e{constructor(s){super();if(s!==false){this.__registerHost()}this.dsFieldsConfigChange=t(this,"dsFieldsConfigChange",3);this.dsOptionChange=t(this,"dsOptionChange",3);this.hasBorder=true;this.fields=[];this.hiddenFieldIds=[];this.fieldOrder=[];this.reorderable=false;this.minVisible=0;this.options=[];this.optionsHeader="Options";this.ariaLabel=null;this.label="Customize";this.menuOpen=false;this.menuSurfaceOpen=false;this.initialFocusVisible=false;this.componentId=`ds-data-customize-${++z}`;this.triggerId=`${this.componentId}-trigger`;this.menuId=`${this.componentId}-menu`}async setFocus(){const s=this.el.querySelector(`#${CSS.escape(this.triggerId)}`);await(s?.setFocus?.())}get customizerOptions(){return{minVisible:this.minVisible,reorderable:this.reorderable}}get catalog(){return this.fields.map((s=>({id:s.id,label:s.label.trim()||s.accessibleLabel?.trim()||s.id})))}get sections(){const s=o(this.catalog,this.hiddenFieldIds,this.fieldOrder,this.customizerOptions);return[...s.length?[{header:this.catalogHeader??(this.options.length?"Data":undefined),items:s}]:[],...this.options.length?[{header:this.optionsHeader,items:this.options}]:[]]}render(){const s=this.ariaLabel?.trim()||this.label?.trim()||"Customize";const e=this.fields.length===0&&this.options.length===0;return i(a,{key:"ef21a69aecf8d56271545c18ef08f1933bd154ba",hidden:e?true:undefined},e?null:i("ds-button-unfilled",{hasBorder:this.hasBorder,id:this.triggerId,variant:"icon-label",size:"md",icon:"Preferences",label:this.label,labelEmphasis:false,pressScale:false,"aria-label":s,haspopup:"menu",collapseLabel:true,expanded:this.menuOpen,surfaceOpen:this.menuSurfaceOpen,controls:this.menuId,onDsClick:s=>{this.toggle(s.detail.detail===0)}}),e?null:i("ds-menu",{id:this.menuId,open:this.menuOpen,anchorId:this.triggerId,align:"start",side:"bottom",menuLabel:s,selectionMode:"none",initialFocusVisible:this.initialFocusVisible,sections:this.sections,onDsClose:()=>this.close(),onDsAfterClose:()=>{if(!this.menuOpen)this.menuSurfaceOpen=false},onDsSelect:s=>this.handleSelect(s.detail),onDsReorder:s=>this.handleReorder(s.detail.items)}))}toggle(s=false){if(this.menuOpen)this.close();else this.open(s)}open(s=false){if(this.menuOpen)return;this.initialFocusVisible=s;this.menuOpen=true;this.menuSurfaceOpen=true}close(){this.menuOpen=false}handleSelect(s){const e=s.value;if(!e||s.isInactive)return;if(this.options.some((s=>s.value===e))){this.dsOptionChange.emit(e);return}const t=this.catalog.map((s=>s.id));this.dsFieldsConfigChange.emit({hiddenFieldIds:d(t,this.hiddenFieldIds,e,this.customizerOptions),fieldOrder:r(t,this.fieldOrder)})}handleReorder(s){if(!this.reorderable)return;const e=s.filter((s=>s.reorderable&&s.value)).map((s=>s.value));if(e.length===0)return;this.dsFieldsConfigChange.emit({hiddenFieldIds:this.hiddenFieldIds,fieldOrder:r(this.catalog.map((s=>s.id)),e)})}get el(){return this}static get style(){return E()}},[2,"ds-data-customize",{hasBorder:[4,"has-border"],fields:[16],hiddenFieldIds:[16],fieldOrder:[16],reorderable:[4],minVisible:[2,"min-visible"],catalogHeader:[1,"catalog-header"],options:[16],optionsHeader:[1,"options-header"],ariaLabel:[1,"aria-label"],label:[1],menuOpen:[32],menuSurfaceOpen:[32],initialFocusVisible:[32],setFocus:[64]}]);function O(){if(typeof customElements==="undefined"){return}const s=["ds-data-customize","ds-badge","ds-button-unfilled","ds-icon","ds-loader","ds-menu","ds-swatch-picker","ds-switch","ds-tag","ds-text","ds-tooltip"];s.forEach((s=>{switch(s){case"ds-data-customize":if(!customElements.get(n(s))){customElements.define(n(s),j)}break;case"ds-badge":if(!customElements.get(n(s))){h()}break;case"ds-button-unfilled":if(!customElements.get(n(s))){l()}break;case"ds-icon":if(!customElements.get(n(s))){c()}break;case"ds-loader":if(!customElements.get(n(s))){m()}break;case"ds-menu":if(!customElements.get(n(s))){u()}break;case"ds-swatch-picker":if(!customElements.get(n(s))){f()}break;case"ds-switch":if(!customElements.get(n(s))){p()}break;case"ds-tag":if(!customElements.get(n(s))){b()}break;case"ds-text":if(!customElements.get(n(s))){g()}break;case"ds-tooltip":if(!customElements.get(n(s))){k()}break}}))}O();const x=j;const C=O;export{x as DsDataCustomize,C as defineCustomElement};
2
2
  //# sourceMappingURL=ds-data-customize.js.map
package/dist/components/ds-data-filter.js CHANGED
@@ -1,2 +1,2 @@
1
- import{p as s,H as e,c as t,h as i,a,t as r}from"./index.js";import{d as o}from"./p-BWJb2rih.js";import{d as l}from"./p-pJ6gbwSa.js";import{d}from"./p-UBQ5O7B-.js";import{d as n}from"./p--_bPiNCd.js";import{d as c}from"./p-v9Nhw5yM.js";import{d as h}from"./p-D_iZPukF.js";import{d as m}from"./p-CqAC2IQO.js";import{d as f}from"./p-DmgDVoDb.js";import{d as u}from"./p-pPtjNRqC.js";import{d as p}from"./p-CXB_T13u.js";import{d as b}from"./p-0XTyQNRG.js";import{d as g}from"./p-4sBUSsqs.js";import{d as C}from"./p-CKSJwSWd.js";import{d as k}from"./p-BbvAWFJA.js";import{d as E}from"./p-BJf49edB.js";const j=()=>`.sc-ds-data-filter-h{display:inline-flex;min-inline-size:0;max-inline-size:var(--dimension-menu-width-xs)}ds-filter-menu.sc-ds-data-filter{min-inline-size:0;max-inline-size:100%;--ds-choice-popup-min-inline-size:var(--dimension-menu-width-xs)}`;const x=s(class s extends e{constructor(s){super();if(s!==false){this.__registerHost()}this.dsChange=t(this,"dsChange",7);this.dsClear=t(this,"dsClear",7);this.dsMatchModeChange=t(this,"dsMatchModeChange",7);this.dsActiveFilterChange=t(this,"dsActiveFilterChange",7);this.dsClose=t(this,"dsClose",7);this.dsOpenChange=t(this,"dsOpenChange",7);this.dsAfterClose=t(this,"dsAfterClose",7);this.open=false;this.hasBorder=true;this.filters=[];this.values={};this.matchModes={};this.label="Filter";this.ariaLabel=null;this.menuLabel=null;this.categoriesLabel="Filter categories";this.clearLabel="Clear";this.searchPlaceholder="Search";this.noResultsText="No results"}render(){const s=this.ariaLabel?.trim()||"Filter table";const e=this.menuLabel?.trim()||s;return i(a,{key:"9fc977331923817cc4066f4b4d4c5902e0d39ca4"},i("ds-filter-menu",{key:"e3c5a56123be7a3ede70522db88522832591cb73",neutralTrigger:true,applyRequired:true,open:this.open,triggerLabel:this.label,showSelectedCount:false,showIndicator:false,icon:"Filters",size:"md",width:"hug",hasBorder:this.hasBorder,activeFill:false,collapseLabel:true,align:"start","aria-label":s,filters:this.filters,values:this.values,matchModes:this.matchModes,activeFilterId:this.activeFilterId,menuLabel:e,categoriesLabel:this.categoriesLabel,clearLabel:this.clearLabel,searchPlaceholder:this.searchPlaceholder,noResultsText:this.noResultsText,footerLayout:"categories-clear",onDsChange:s=>this.forward(s,this.dsChange),onDsClear:s=>this.forward(s,this.dsClear),onDsMatchModeChange:s=>this.forward(s,this.dsMatchModeChange),onDsActiveFilterChange:s=>this.forward(s,this.dsActiveFilterChange),onDsClose:s=>this.forward(s,this.dsClose),onDsOpenChange:s=>{s.stopPropagation();this.open=s.detail;this.dsOpenChange.emit(s.detail)},onDsAfterClose:s=>this.forward(s,this.dsAfterClose)}))}forward(s,e){s.stopPropagation();e.emit(s.detail)}static get style(){return j()}},[2,"ds-data-filter",{open:[1028],hasBorder:[4,"has-border"],filters:[16],values:[16],matchModes:[16],activeFilterId:[1,"active-filter-id"],label:[1],ariaLabel:[1,"aria-label"],menuLabel:[1,"menu-label"],categoriesLabel:[1,"categories-label"],clearLabel:[1,"clear-label"],searchPlaceholder:[1,"search-placeholder"],noResultsText:[1,"no-results-text"]}]);function v(){if(typeof customElements==="undefined"){return}const s=["ds-data-filter","ds-badge","ds-button-unfilled","ds-calendar","ds-checkbox","ds-chip","ds-divider","ds-empty-state","ds-filter-menu","ds-icon","ds-input","ds-loader","ds-tab-group","ds-tag","ds-text","ds-tooltip"];s.forEach((s=>{switch(s){case"ds-data-filter":if(!customElements.get(r(s))){customElements.define(r(s),x)}break;case"ds-badge":if(!customElements.get(r(s))){o()}break;case"ds-button-unfilled":if(!customElements.get(r(s))){l()}break;case"ds-calendar":if(!customElements.get(r(s))){d()}break;case"ds-checkbox":if(!customElements.get(r(s))){n()}break;case"ds-chip":if(!customElements.get(r(s))){c()}break;case"ds-divider":if(!customElements.get(r(s))){h()}break;case"ds-empty-state":if(!customElements.get(r(s))){m()}break;case"ds-filter-menu":if(!customElements.get(r(s))){f()}break;case"ds-icon":if(!customElements.get(r(s))){u()}break;case"ds-input":if(!customElements.get(r(s))){p()}break;case"ds-loader":if(!customElements.get(r(s))){b()}break;case"ds-tab-group":if(!customElements.get(r(s))){g()}break;case"ds-tag":if(!customElements.get(r(s))){C()}break;case"ds-text":if(!customElements.get(r(s))){k()}break;case"ds-tooltip":if(!customElements.get(r(s))){E()}break}}))}v();const y=x;const D=v;export{y as DsDataFilter,D as defineCustomElement};
1
+ import{p as s,H as e,c as t,h as i,a,t as r}from"./index.js";import{d as o}from"./p-BWJb2rih.js";import{d as l}from"./p-kL4EOsx5.js";import{d}from"./p-Bls48_RF.js";import{d as n}from"./p--_bPiNCd.js";import{d as c}from"./p-IfsszNF0.js";import{d as h}from"./p-D_iZPukF.js";import{d as m}from"./p-BcmJBzB6.js";import{d as f}from"./p-CG4vPDhg.js";import{d as u}from"./p-BVsVUnAw.js";import{d as p}from"./p-Tf6odBOV.js";import{d as b}from"./p-0XTyQNRG.js";import{d as g}from"./p-BREDkBUv.js";import{d as k}from"./p-BWnL2SWn.js";import{d as E}from"./p-BbvAWFJA.js";import{d as C}from"./p-BJf49edB.js";const j=()=>`.sc-ds-data-filter-h{display:inline-flex;min-inline-size:0;max-inline-size:var(--dimension-menu-width-xs)}ds-filter-menu.sc-ds-data-filter{min-inline-size:0;max-inline-size:100%;--ds-choice-popup-min-inline-size:var(--dimension-menu-width-xs)}`;const x=s(class s extends e{constructor(s){super();if(s!==false){this.__registerHost()}this.dsChange=t(this,"dsChange",7);this.dsClear=t(this,"dsClear",7);this.dsMatchModeChange=t(this,"dsMatchModeChange",7);this.dsActiveFilterChange=t(this,"dsActiveFilterChange",7);this.dsClose=t(this,"dsClose",7);this.dsOpenChange=t(this,"dsOpenChange",7);this.dsAfterClose=t(this,"dsAfterClose",7);this.open=false;this.hasBorder=true;this.filters=[];this.values={};this.matchModes={};this.label="Filter";this.ariaLabel=null;this.menuLabel=null;this.categoriesLabel="Filter categories";this.clearLabel="Clear";this.searchPlaceholder="Search";this.noResultsText="No results"}render(){const s=this.ariaLabel?.trim()||"Filter table";const e=this.menuLabel?.trim()||s;return i(a,{key:"9fc977331923817cc4066f4b4d4c5902e0d39ca4"},i("ds-filter-menu",{key:"e3c5a56123be7a3ede70522db88522832591cb73",neutralTrigger:true,applyRequired:true,open:this.open,triggerLabel:this.label,showSelectedCount:false,showIndicator:false,icon:"Filters",size:"md",width:"hug",hasBorder:this.hasBorder,activeFill:false,collapseLabel:true,align:"start","aria-label":s,filters:this.filters,values:this.values,matchModes:this.matchModes,activeFilterId:this.activeFilterId,menuLabel:e,categoriesLabel:this.categoriesLabel,clearLabel:this.clearLabel,searchPlaceholder:this.searchPlaceholder,noResultsText:this.noResultsText,footerLayout:"categories-clear",onDsChange:s=>this.forward(s,this.dsChange),onDsClear:s=>this.forward(s,this.dsClear),onDsMatchModeChange:s=>this.forward(s,this.dsMatchModeChange),onDsActiveFilterChange:s=>this.forward(s,this.dsActiveFilterChange),onDsClose:s=>this.forward(s,this.dsClose),onDsOpenChange:s=>{s.stopPropagation();this.open=s.detail;this.dsOpenChange.emit(s.detail)},onDsAfterClose:s=>this.forward(s,this.dsAfterClose)}))}forward(s,e){s.stopPropagation();e.emit(s.detail)}static get style(){return j()}},[2,"ds-data-filter",{open:[1028],hasBorder:[4,"has-border"],filters:[16],values:[16],matchModes:[16],activeFilterId:[1,"active-filter-id"],label:[1],ariaLabel:[1,"aria-label"],menuLabel:[1,"menu-label"],categoriesLabel:[1,"categories-label"],clearLabel:[1,"clear-label"],searchPlaceholder:[1,"search-placeholder"],noResultsText:[1,"no-results-text"]}]);function v(){if(typeof customElements==="undefined"){return}const s=["ds-data-filter","ds-badge","ds-button-unfilled","ds-calendar","ds-checkbox","ds-chip","ds-divider","ds-empty-state","ds-filter-menu","ds-icon","ds-input","ds-loader","ds-tab-group","ds-tag","ds-text","ds-tooltip"];s.forEach((s=>{switch(s){case"ds-data-filter":if(!customElements.get(r(s))){customElements.define(r(s),x)}break;case"ds-badge":if(!customElements.get(r(s))){o()}break;case"ds-button-unfilled":if(!customElements.get(r(s))){l()}break;case"ds-calendar":if(!customElements.get(r(s))){d()}break;case"ds-checkbox":if(!customElements.get(r(s))){n()}break;case"ds-chip":if(!customElements.get(r(s))){c()}break;case"ds-divider":if(!customElements.get(r(s))){h()}break;case"ds-empty-state":if(!customElements.get(r(s))){m()}break;case"ds-filter-menu":if(!customElements.get(r(s))){f()}break;case"ds-icon":if(!customElements.get(r(s))){u()}break;case"ds-input":if(!customElements.get(r(s))){p()}break;case"ds-loader":if(!customElements.get(r(s))){b()}break;case"ds-tab-group":if(!customElements.get(r(s))){g()}break;case"ds-tag":if(!customElements.get(r(s))){k()}break;case"ds-text":if(!customElements.get(r(s))){E()}break;case"ds-tooltip":if(!customElements.get(r(s))){C()}break}}))}v();const B=x;const F=v;export{B as DsDataFilter,F as defineCustomElement};
2
2
  //# sourceMappingURL=ds-data-filter.js.map
package/dist/components/ds-data-group.js CHANGED
@@ -1,2 +1,2 @@
1
- import{D as o,d as s}from"./p-DdNJPBCS.js";const t=o;const p=s;export{t as DsDataGroup,p as defineCustomElement};
1
+ import{D as s,d as o}from"./p-YFjXYN8s.js";const t=s;const p=o;export{t as DsDataGroup,p as defineCustomElement};
2
2
  //# sourceMappingURL=ds-data-group.js.map
package/dist/components/ds-data-preferences.js CHANGED
@@ -1,2 +1,2 @@
1
- import{p as e,H as s,c as t,h as i,a,t as r}from"./index.js";import{A as d,r as o,d as n}from"./p-BJf49edB.js";import{d as h,n as c}from"./p-DlCLfwP4.js";import{t as l,a as f,b as p,r as m,c as u,d as b,e as g}from"./p-DuCfCvPs.js";import{l as v,r as w,t as k}from"./p-HMDczkQf.js";import{C as y}from"./p-DlsjHRU3.js";import{A as C}from"./p-CwUXroLs.js";import{r as x}from"./p-ioGH5SoA.js";import{T as j}from"./p-CeXf9-X3.js";import{d as D}from"./p-BWJb2rih.js";import{d as E}from"./p-pJ6gbwSa.js";import{d as z}from"./p-UBQ5O7B-.js";import{d as F}from"./p--_bPiNCd.js";import{d as P}from"./p-v9Nhw5yM.js";import{d as B}from"./p-DdNJPBCS.js";import{d as M}from"./p-D_iZPukF.js";import{d as O}from"./p-CqAC2IQO.js";import{d as _}from"./p-DmgDVoDb.js";import{d as A}from"./p-pPtjNRqC.js";import{d as S}from"./p-CXB_T13u.js";import{d as I}from"./p-0XTyQNRG.js";import{d as L}from"./p-BPDo1eQV.js";import{d as R}from"./p-eKnJNQtL.js";import{d as $}from"./p-C2e7BkNn.js";import{d as T}from"./p-4sBUSsqs.js";import{d as J}from"./p-CKSJwSWd.js";import{d as N}from"./p-BbvAWFJA.js";const H=()=>`.sc-ds-data-preferences-h,.sc-ds-data-preferences:where(.ds-table),.sc-ds-data-preferences:where(.tooltip-popup),.sc-ds-data-preferences:where(.ds-radius){--ds-radius-control:var(--dimension-radius-025);--ds-radius-card:var(--dimension-radius-050);--ds-radius-modal:var(--dimension-radius-050);--ds-radius-menu:var(--dimension-radius-075);--ds-radius-tooltip-control:var(--dimension-radius-025);--ds-radius-tooltip-menu:var(--dimension-radius-075);--ds-radius-table:var(--dimension-radius-050)}.sc-ds-data-preferences-h{display:inline-flex}.data-preferences.sc-ds-data-preferences{position:fixed;margin:0;padding:0;border:0;border-radius:var(--ds-radius-menu);width:min(var(--dimension-menu-width-lg), calc(100vw - var(--dimension-space-200)));max-height:calc(100dvh - var(--dimension-space-400));display:flex;flex-direction:column;overflow:hidden;background:var(--color-background-primary);color:var(--color-foreground-secondary);box-shadow:var(--effect-shadow-elevated-floating)}.data-preferences.sc-ds-data-preferences::after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:var(--effect-highlight-elevated-floating);pointer-events:none;z-index:4}.data-preferences__tabs.sc-ds-data-preferences{display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;flex:0 0 var(--dimension-size-500);min-block-size:var(--dimension-size-500);padding:var(--dimension-space-050);background:var(--color-background-primary);border-bottom:var(--dimension-stroke-width-012) solid var(--color-border-tertiary)}.data-preferences__body.sc-ds-data-preferences{min-height:0;overflow:auto;overscroll-behavior:contain}.sc-ds-data-preferences-h:has(.data-preferences-panel){display:flex;flex:1;min-height:0}.data-preferences-panel.sc-ds-data-preferences{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}.data-preferences-panel.sc-ds-data-preferences .data-preferences__tabs.sc-ds-data-preferences{flex:0 0 auto;padding:var(--dimension-space-200);background:transparent}`;const Q={minVisible:0,reorderable:false};let G=0;const U=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.dsCustomizeOptionChange=t(this,"dsCustomizeOptionChange",7);this.dsPreferencesTabChange=t(this,"dsPreferencesTabChange",7);this.dsFilterChange=t(this,"dsFilterChange",7);this.dsFilterMatchModeChange=t(this,"dsFilterMatchModeChange",7);this.dsActiveFilterChange=t(this,"dsActiveFilterChange",7);this.dsFiltersClear=t(this,"dsFiltersClear",7);this.dsSortChange=t(this,"dsSortChange",7);this.dsGroupChange=t(this,"dsGroupChange",7);this.dsGroupClear=t(this,"dsGroupClear",7);this.dsFieldsConfigChange=t(this,"dsFieldsConfigChange",7);this.hasBorder=true;this.filters=[];this.values={};this.matchModes={};this.fields=[];this.customizeOptions=[];this.customizeSections=[];this.customizeLabel="Customize table";this.catalogReorderable=true;this.sort=null;this.groupingOptions=[];this.grouping=null;this.hiddenFieldIds=[];this.fieldOrder=[];this.pinnedFieldIds=[];this.embedded=false;this.activeTab="filters";this.label="Configure view";this.open=false;this.tab="filters";this.pos={x:0,y:0};this.ready=false;this.popupId=`ds-data-preferences-${++G}`;this.tasks=new y((()=>this.el.isConnected));this.position=new d({getAnchor:()=>this.trigger??null,getPopup:()=>this.popup??null,getOwnerDocument:()=>this.el.ownerDocument,measure:(e,s)=>{const t=o(e);const i=x(j.space100,8);s.style.maxWidth=`${Math.max(0,Math.min(window.innerWidth,t?.width??window.innerWidth)-i*2)}px`;s.style.maxHeight=`${Math.max(0,Math.min(window.innerHeight,t?.height??window.innerHeight)-i*2)}px`;return{anchorRect:e.getBoundingClientRect(),popupWidth:s.offsetWidth,popupHeight:s.offsetHeight,side:"bottom",align:"end",sideOffsetPx:x(j.space050,4),alignOffsetPx:0,viewportPadPx:x(j.space100,8),viewportWidth:window.innerWidth,viewportHeight:window.innerHeight,collisionRect:t}},apply:({x:e,y:s})=>{this.pos={x:e,y:s}},onReady:()=>{this.ready=true},topLayer:true,observeResize:true,observeAnchorMotion:true,liveUpdate:"double-frame"});this.interaction=new C({getAnchor:()=>this.trigger??null,getPopup:()=>this.popup??null,getOwnerDocument:()=>this.el.ownerDocument,onOutsideActivation:()=>this.close()})}catalogItems(){return l(this.fields).map((e=>({id:e.id,label:f(e)})))}customizeMenuSections(){const e=!this.fields.length?[]:this.catalogReorderable?p(this.fields,this.hiddenFieldIds,this.fieldOrder,this.pinnedFieldIds).map(((e,s,t)=>s===0&&t.length===1&&this.catalogHeader?{...e,header:this.catalogHeader}:e)):[{header:this.catalogHeader??(this.customizeOptions.length?"Columns":undefined),items:v(this.catalogItems(),this.hiddenFieldIds,this.fieldOrder,Q)}];return[...e,...this.customizeSections,...this.customizeOptions.length?[{header:"Options",items:this.customizeOptions}]:[]]}disconnectedCallback(){this.close(false)}close(e=true){this.tasks.cancel();this.position.unobserve();this.interaction.disconnect();if(this.popup?.matches(":popover-open"))this.popup.hidePopover();this.open=false;this.ready=false;if(e)void this.trigger?.setFocus()}toggle(){if(!this.el.isConnected)return;if(this.open){this.close();return}this.open=true;this.ready=false;this.position.observe();this.interaction.connect();this.position.schedule((async()=>{const e=this.tasks.guard((()=>{this.tasks.frame((()=>{if(this.open)this.popup?.querySelector('[role="tab"][aria-selected="true"]')?.focus()}))}));await(this.popup?.querySelector("ds-tab-group")?.componentOnReady?.());e()}))}onKeydown(e){if(this.embedded||!this.open||e.defaultPrevented)return;if(e.key==="Escape"){e.preventDefault();e.stopPropagation();this.close()}else if(e.key==="Tab"&&this.interaction.tabLeavesPopup(e)){e.preventDefault();this.close();this.interaction.moveFocusAfterTab(e.shiftKey)}}forward(e,s){e.stopPropagation();s.emit(e.detail)}render(){const e=this.embedded?this.activeTab:this.tab;const s=["filters","sort","group","customize"].map((e=>({id:e,label:e==="filters"?"Filters":e[0].toUpperCase()+e.slice(1),panelId:`${this.popupId}-${e}`})));return i(a,{key:"154407eb9cde314417a3c3797f0e321a514c30ff"},!this.embedded&&i("ds-tooltip",{key:"ffd527fb199e07a0681d712d7e972b8c66478601",label:this.label,side:"bottom",size:"sm"},i("ds-button-unfilled",{key:"a92dfe83b7f060ac4953dbb6703da6773adbdc4f",hasBorder:this.hasBorder,ref:e=>{this.trigger=e},variant:"icon",icon:"Preferences",size:"md",ariaLabel:this.label,haspopup:"dialog",expanded:this.open,surfaceOpen:this.open,controls:this.popupId,onDsClick:()=>this.toggle()})),(this.open||this.embedded)&&i("div",{key:"1b7c2742e93639d0fe2c8fa2e27cf83268cc19c5",ref:e=>{this.popup=e},id:this.popupId,popover:this.embedded?undefined:"manual",role:this.embedded?undefined:"dialog","aria-label":this.label,class:{"data-preferences":!this.embedded,"data-preferences-panel":this.embedded},style:this.embedded?undefined:{left:`${this.pos.x}px`,top:`${this.pos.y}px`,visibility:this.ready?"visible":"hidden"}},i("div",{key:"25bd2bd609d3fd2c8db86cbeac911f05366e427e",class:"data-preferences__tabs"},i("ds-tab-group",{key:"63a5267e3d6ae83422b7d5b0fce37311f022060c",ariaLabel:"Table preference sections",size:"md",presentation:this.embedded?"segmented":"tabs",width:this.embedded?"fill":"hug",tabs:s,value:e,onDsChange:e=>{e.stopPropagation();this.tab=e.detail;this.dsPreferencesTabChange.emit(this.tab)}})),i("div",{key:"b6533a7abf938c4deaafc821b42c34f009254385",class:"data-preferences__body",id:`${this.popupId}-${e}`,role:"tabpanel","aria-label":s.find((s=>s.id===e))?.label},i("div",{key:"116ad4244dbd1a42d7b11d77420baa0156037ba7",hidden:e!=="filters"},i("ds-filter-menu",{key:"cb823f42b75dea8ca173c2a9d295ac929f74e8a4",embedded:true,vertical:this.embedded,applyRequired:!this.embedded,filters:this.filters,values:this.values,matchModes:this.matchModes,activeFilterId:this.activeFilterId,footerLayout:"categories-clear",onDsChange:e=>this.forward(e,this.dsFilterChange),onDsMatchModeChange:e=>this.forward(e,this.dsFilterMatchModeChange),onDsActiveFilterChange:e=>this.forward(e,this.dsActiveFilterChange),onDsClear:e=>this.forward(e,this.dsFiltersClear)})),e==="sort"&&i("ds-menu",{key:"b86470b43fe24c16ce6844ba7915e6a5046a55cf",embedded:true,menuLabel:"Sort table",sections:h(this.sortColumns??this.fields,this.sort),onDsSelect:e=>{e.stopPropagation();this.dsSortChange.emit({sort:c(this.sortColumns??this.fields,this.sort,e.detail)})}}),e==="group"&&i("ds-data-group",{key:"6ace872e7aaddc4400566a064da2cfe134b7b60b",embedded:true,vertical:this.embedded,options:this.groupingOptions,grouping:this.grouping,onDsGroupChange:e=>this.forward(e,this.dsGroupChange),onDsClear:e=>this.forward(e,this.dsGroupClear)}),e==="customize"&&i("ds-menu",{key:"ef7ae9d09e148656633775fdd1d63f8f39189999",embedded:true,menuLabel:this.customizeLabel,sections:this.customizeMenuSections(),onDsSelect:e=>{e.stopPropagation();if(!e.detail.value||e.detail.isInactive)return;if([...this.customizeOptions,...this.customizeSections.flatMap((e=>"items"in e?e.items:[]))].some((s=>s.value===e.detail.value))){this.dsCustomizeOptionChange.emit(e.detail.value);return}if(!this.catalogReorderable){const s=this.catalogItems().map((e=>e.id));this.dsFieldsConfigChange.emit({hiddenFieldIds:k(s,this.hiddenFieldIds,e.detail.value,Q),fieldOrder:w(s,this.fieldOrder),pinnedFieldIds:this.pinnedFieldIds});return}this.dsFieldsConfigChange.emit(u(this.fields,b(this.fields,this.hiddenFieldIds,e.detail.value),this.fieldOrder,this.pinnedFieldIds))},onDsItemToggle:e=>{e.stopPropagation();if(!this.catalogReorderable||!e.detail.item.value)return;if(e.detail.action?.id==="visibility"){this.dsFieldsConfigChange.emit(u(this.fields,b(this.fields,this.hiddenFieldIds,e.detail.item.value),this.fieldOrder,this.pinnedFieldIds));return}if(e.detail.action?.id!=="pin")return;this.dsFieldsConfigChange.emit(g(this.fields,this.hiddenFieldIds,this.fieldOrder,this.pinnedFieldIds,e.detail.item.value))},onDsReorder:e=>{e.stopPropagation();if(!this.catalogReorderable)return;this.dsFieldsConfigChange.emit(m(this.fields,this.hiddenFieldIds,this.fieldOrder,this.pinnedFieldIds,e.detail.items.filter((e=>e.reorderable)).map((e=>e.value)).filter(Boolean)))}}))))}get el(){return this}static get style(){return H()}},[2,"ds-data-preferences",{hasBorder:[4,"has-border"],filters:[16],values:[16],matchModes:[16],activeFilterId:[1,"active-filter-id"],fields:[16],customizeOptions:[16],customizeSections:[16],customizeLabel:[1,"customize-label"],catalogHeader:[1,"catalog-header"],catalogReorderable:[4,"catalog-reorderable"],sortColumns:[16],sort:[16],groupingOptions:[16],grouping:[16],hiddenFieldIds:[16],fieldOrder:[16],pinnedFieldIds:[16],embedded:[4],activeTab:[1,"active-tab"],label:[1],open:[32],tab:[32],pos:[32],ready:[32]},[[0,"keydown","onKeydown"]]]);function W(){if(typeof customElements==="undefined"){return}const e=["ds-data-preferences","ds-badge","ds-button-unfilled","ds-calendar","ds-checkbox","ds-chip","ds-data-group","ds-divider","ds-empty-state","ds-filter-menu","ds-icon","ds-input","ds-loader","ds-menu","ds-swatch-picker","ds-switch","ds-tab-group","ds-tag","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-data-preferences":if(!customElements.get(r(e))){customElements.define(r(e),U)}break;case"ds-badge":if(!customElements.get(r(e))){D()}break;case"ds-button-unfilled":if(!customElements.get(r(e))){E()}break;case"ds-calendar":if(!customElements.get(r(e))){z()}break;case"ds-checkbox":if(!customElements.get(r(e))){F()}break;case"ds-chip":if(!customElements.get(r(e))){P()}break;case"ds-data-group":if(!customElements.get(r(e))){B()}break;case"ds-divider":if(!customElements.get(r(e))){M()}break;case"ds-empty-state":if(!customElements.get(r(e))){O()}break;case"ds-filter-menu":if(!customElements.get(r(e))){_()}break;case"ds-icon":if(!customElements.get(r(e))){A()}break;case"ds-input":if(!customElements.get(r(e))){S()}break;case"ds-loader":if(!customElements.get(r(e))){I()}break;case"ds-menu":if(!customElements.get(r(e))){L()}break;case"ds-swatch-picker":if(!customElements.get(r(e))){R()}break;case"ds-switch":if(!customElements.get(r(e))){$()}break;case"ds-tab-group":if(!customElements.get(r(e))){T()}break;case"ds-tag":if(!customElements.get(r(e))){J()}break;case"ds-text":if(!customElements.get(r(e))){N()}break;case"ds-tooltip":if(!customElements.get(r(e))){n()}break}}))}W();const X=U;const q=W;export{X as DsDataPreferences,q as defineCustomElement};
1
+ import{p as e,H as s,c as t,h as i,a,t as r}from"./index.js";import{A as d,r as o,d as n}from"./p-BJf49edB.js";import{d as h,n as c}from"./p-CJuc20pQ.js";import{t as l,a as f,b as p,r as m,c as u,d as b,e as g}from"./p-DuCfCvPs.js";import{l as v,r as k,t as w}from"./p-HMDczkQf.js";import{C as y}from"./p-DlsjHRU3.js";import{A as x}from"./p-CwUXroLs.js";import{r as C}from"./p-ioGH5SoA.js";import{T as j}from"./p-CeXf9-X3.js";import{d as E}from"./p-BWJb2rih.js";import{d as z}from"./p-kL4EOsx5.js";import{d as D}from"./p-Bls48_RF.js";import{d as F}from"./p--_bPiNCd.js";import{d as B}from"./p-IfsszNF0.js";import{d as _}from"./p-YFjXYN8s.js";import{d as O}from"./p-D_iZPukF.js";import{d as M}from"./p-BcmJBzB6.js";import{d as A}from"./p-CG4vPDhg.js";import{d as P}from"./p-BVsVUnAw.js";import{d as L}from"./p-Tf6odBOV.js";import{d as R}from"./p-0XTyQNRG.js";import{d as I}from"./p-DHpcv_Os.js";import{d as $}from"./p-eKnJNQtL.js";import{d as S}from"./p-C2e7BkNn.js";import{d as T}from"./p-BREDkBUv.js";import{d as H}from"./p-BWnL2SWn.js";import{d as G}from"./p-BbvAWFJA.js";const J=()=>`.sc-ds-data-preferences-h,.sc-ds-data-preferences:where(.ds-table),.sc-ds-data-preferences:where(.tooltip-popup),.sc-ds-data-preferences:where(.ds-radius){--ds-radius-control:var(--dimension-radius-025);--ds-radius-card:var(--dimension-radius-050);--ds-radius-modal:var(--dimension-radius-050);--ds-radius-menu:var(--dimension-radius-075);--ds-radius-tooltip-control:var(--dimension-radius-025);--ds-radius-tooltip-menu:var(--dimension-radius-075);--ds-radius-table:var(--dimension-radius-050)}.sc-ds-data-preferences-h{display:inline-flex}.data-preferences.sc-ds-data-preferences{position:fixed;margin:0;padding:0;border:0;border-radius:var(--ds-radius-menu);width:min(var(--dimension-menu-width-lg), calc(100vw - var(--dimension-space-200)));max-height:calc(100dvh - var(--dimension-space-400));display:flex;flex-direction:column;overflow:hidden;background:var(--color-background-primary);color:var(--color-foreground-secondary);box-shadow:var(--effect-shadow-elevated-floating)}.data-preferences.sc-ds-data-preferences::after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:var(--effect-highlight-elevated-floating);pointer-events:none;z-index:4}.data-preferences__tabs.sc-ds-data-preferences{display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;flex:0 0 var(--dimension-size-500);min-block-size:var(--dimension-size-500);padding:var(--dimension-space-050);background:var(--color-background-primary);border-bottom:var(--dimension-stroke-width-012) solid var(--color-border-tertiary)}.data-preferences__body.sc-ds-data-preferences{min-height:0;overflow:auto;overscroll-behavior:contain}.data-preferences-panel.sc-ds-data-preferences .data-preferences__body.sc-ds-data-preferences{--ds-chrome-space-sm-padding:var(--dimension-space-100)}.sc-ds-data-preferences-h:has(.data-preferences-panel){display:flex;flex:1;min-height:0}.data-preferences-panel.sc-ds-data-preferences{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}.data-preferences-panel.sc-ds-data-preferences .data-preferences__tabs.sc-ds-data-preferences{flex:0 0 auto;padding:var(--dimension-space-200);background:transparent}`;const N={minVisible:0,reorderable:false};let W=0;const U=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.dsCustomizeOptionChange=t(this,"dsCustomizeOptionChange",7);this.dsPreferencesTabChange=t(this,"dsPreferencesTabChange",7);this.dsFilterChange=t(this,"dsFilterChange",7);this.dsFilterMatchModeChange=t(this,"dsFilterMatchModeChange",7);this.dsActiveFilterChange=t(this,"dsActiveFilterChange",7);this.dsFiltersClear=t(this,"dsFiltersClear",7);this.dsSortChange=t(this,"dsSortChange",7);this.dsGroupChange=t(this,"dsGroupChange",7);this.dsGroupClear=t(this,"dsGroupClear",7);this.dsFieldsConfigChange=t(this,"dsFieldsConfigChange",7);this.hasBorder=true;this.filters=[];this.values={};this.matchModes={};this.fields=[];this.customizeOptions=[];this.customizeSections=[];this.customizeLabel="Customize table";this.catalogReorderable=true;this.sort=null;this.groupingOptions=[];this.grouping=null;this.hiddenFieldIds=[];this.fieldOrder=[];this.pinnedFieldIds=[];this.embedded=false;this.activeTab="filters";this.label="Configure view";this.open=false;this.tab="filters";this.pos={x:0,y:0};this.ready=false;this.popupId=`ds-data-preferences-${++W}`;this.tasks=new y((()=>this.el.isConnected));this.position=new d({getAnchor:()=>this.trigger??null,getPopup:()=>this.popup??null,getOwnerDocument:()=>this.el.ownerDocument,measure:(e,s)=>{const t=o(e);const i=C(j.space100,8);s.style.maxWidth=`${Math.max(0,Math.min(window.innerWidth,t?.width??window.innerWidth)-i*2)}px`;s.style.maxHeight=`${Math.max(0,Math.min(window.innerHeight,t?.height??window.innerHeight)-i*2)}px`;return{anchorRect:e.getBoundingClientRect(),popupWidth:s.offsetWidth,popupHeight:s.offsetHeight,side:"bottom",align:"end",sideOffsetPx:C(j.space050,4),alignOffsetPx:0,viewportPadPx:C(j.space100,8),viewportWidth:window.innerWidth,viewportHeight:window.innerHeight,collisionRect:t}},apply:({x:e,y:s})=>{this.pos={x:e,y:s}},onReady:()=>{this.ready=true},topLayer:true,observeResize:true,observeAnchorMotion:true,liveUpdate:"double-frame"});this.interaction=new x({getAnchor:()=>this.trigger??null,getPopup:()=>this.popup??null,getOwnerDocument:()=>this.el.ownerDocument,onOutsideActivation:()=>this.close()})}catalogItems(){return l(this.fields).map((e=>({id:e.id,label:f(e)})))}customizeMenuSections(){const e=!this.fields.length?[]:this.catalogReorderable?p(this.fields,this.hiddenFieldIds,this.fieldOrder,this.pinnedFieldIds).map(((e,s,t)=>s===0&&t.length===1&&this.catalogHeader?{...e,header:this.catalogHeader}:e)):[{header:this.catalogHeader??(this.customizeOptions.length?"Columns":undefined),items:v(this.catalogItems(),this.hiddenFieldIds,this.fieldOrder,N)}];return[...e,...this.customizeSections,...this.customizeOptions.length?[{header:"Options",items:this.customizeOptions}]:[]]}disconnectedCallback(){this.close(false)}close(e=true){this.tasks.cancel();this.position.unobserve();this.interaction.disconnect();if(this.popup?.matches(":popover-open"))this.popup.hidePopover();this.open=false;this.ready=false;if(e)void this.trigger?.setFocus()}toggle(){if(!this.el.isConnected)return;if(this.open){this.close();return}this.open=true;this.ready=false;this.position.observe();this.interaction.connect();this.position.schedule((async()=>{const e=this.tasks.guard((()=>{this.tasks.frame((()=>{if(this.open)this.popup?.querySelector('[role="tab"][aria-selected="true"]')?.focus()}))}));await(this.popup?.querySelector("ds-tab-group")?.componentOnReady?.());e()}))}onKeydown(e){if(this.embedded||!this.open||e.defaultPrevented)return;if(e.key==="Escape"){e.preventDefault();e.stopPropagation();this.close()}else if(e.key==="Tab"&&this.interaction.tabLeavesPopup(e)){e.preventDefault();this.close();this.interaction.moveFocusAfterTab(e.shiftKey)}}forward(e,s){e.stopPropagation();s.emit(e.detail)}render(){const e=this.embedded?this.activeTab:this.tab;const s=["filters","sort","group","customize"].map((e=>({id:e,label:e==="filters"?"Filters":e[0].toUpperCase()+e.slice(1),panelId:`${this.popupId}-${e}`})));return i(a,{key:"154407eb9cde314417a3c3797f0e321a514c30ff"},!this.embedded&&i("ds-tooltip",{key:"ffd527fb199e07a0681d712d7e972b8c66478601",label:this.label,side:"bottom",size:"sm"},i("ds-button-unfilled",{key:"a92dfe83b7f060ac4953dbb6703da6773adbdc4f",hasBorder:this.hasBorder,ref:e=>{this.trigger=e},variant:"icon",icon:"Preferences",size:"md",ariaLabel:this.label,haspopup:"dialog",expanded:this.open,surfaceOpen:this.open,controls:this.popupId,onDsClick:()=>this.toggle()})),(this.open||this.embedded)&&i("div",{key:"1b7c2742e93639d0fe2c8fa2e27cf83268cc19c5",ref:e=>{this.popup=e},id:this.popupId,popover:this.embedded?undefined:"manual",role:this.embedded?undefined:"dialog","aria-label":this.label,class:{"data-preferences":!this.embedded,"data-preferences-panel":this.embedded},style:this.embedded?undefined:{left:`${this.pos.x}px`,top:`${this.pos.y}px`,visibility:this.ready?"visible":"hidden"}},i("div",{key:"25bd2bd609d3fd2c8db86cbeac911f05366e427e",class:"data-preferences__tabs"},i("ds-tab-group",{key:"63a5267e3d6ae83422b7d5b0fce37311f022060c",ariaLabel:"Table preference sections",size:"md",presentation:this.embedded?"segmented":"tabs",width:this.embedded?"fill":"hug",tabs:s,value:e,onDsChange:e=>{e.stopPropagation();this.tab=e.detail;this.dsPreferencesTabChange.emit(this.tab)}})),i("div",{key:"b6533a7abf938c4deaafc821b42c34f009254385",class:"data-preferences__body",id:`${this.popupId}-${e}`,role:"tabpanel","aria-label":s.find((s=>s.id===e))?.label},i("div",{key:"116ad4244dbd1a42d7b11d77420baa0156037ba7",hidden:e!=="filters"},i("ds-filter-menu",{key:"cb823f42b75dea8ca173c2a9d295ac929f74e8a4",embedded:true,vertical:this.embedded,applyRequired:!this.embedded,filters:this.filters,values:this.values,matchModes:this.matchModes,activeFilterId:this.activeFilterId,footerLayout:"categories-clear",onDsChange:e=>this.forward(e,this.dsFilterChange),onDsMatchModeChange:e=>this.forward(e,this.dsFilterMatchModeChange),onDsActiveFilterChange:e=>this.forward(e,this.dsActiveFilterChange),onDsClear:e=>this.forward(e,this.dsFiltersClear)})),e==="sort"&&i("ds-menu",{key:"b86470b43fe24c16ce6844ba7915e6a5046a55cf",embedded:true,menuLabel:"Sort table",sections:h(this.sortColumns??this.fields,this.sort),onDsSelect:e=>{e.stopPropagation();this.dsSortChange.emit({sort:c(this.sortColumns??this.fields,this.sort,e.detail)})}}),e==="group"&&i("ds-data-group",{key:"6ace872e7aaddc4400566a064da2cfe134b7b60b",embedded:true,vertical:this.embedded,options:this.groupingOptions,grouping:this.grouping,onDsGroupChange:e=>this.forward(e,this.dsGroupChange),onDsClear:e=>this.forward(e,this.dsGroupClear)}),e==="customize"&&i("ds-menu",{key:"ef7ae9d09e148656633775fdd1d63f8f39189999",embedded:true,menuLabel:this.customizeLabel,sections:this.customizeMenuSections(),onDsSelect:e=>{e.stopPropagation();if(!e.detail.value||e.detail.isInactive)return;if([...this.customizeOptions,...this.customizeSections.flatMap((e=>"items"in e?e.items:[]))].some((s=>s.value===e.detail.value))){this.dsCustomizeOptionChange.emit(e.detail.value);return}if(!this.catalogReorderable){const s=this.catalogItems().map((e=>e.id));this.dsFieldsConfigChange.emit({hiddenFieldIds:w(s,this.hiddenFieldIds,e.detail.value,N),fieldOrder:k(s,this.fieldOrder),pinnedFieldIds:this.pinnedFieldIds});return}this.dsFieldsConfigChange.emit(u(this.fields,b(this.fields,this.hiddenFieldIds,e.detail.value),this.fieldOrder,this.pinnedFieldIds))},onDsItemToggle:e=>{e.stopPropagation();if(!this.catalogReorderable||!e.detail.item.value)return;if(e.detail.action?.id==="visibility"){this.dsFieldsConfigChange.emit(u(this.fields,b(this.fields,this.hiddenFieldIds,e.detail.item.value),this.fieldOrder,this.pinnedFieldIds));return}if(e.detail.action?.id!=="pin")return;this.dsFieldsConfigChange.emit(g(this.fields,this.hiddenFieldIds,this.fieldOrder,this.pinnedFieldIds,e.detail.item.value))},onDsReorder:e=>{e.stopPropagation();if(!this.catalogReorderable)return;this.dsFieldsConfigChange.emit(m(this.fields,this.hiddenFieldIds,this.fieldOrder,this.pinnedFieldIds,e.detail.items.filter((e=>e.reorderable)).map((e=>e.value)).filter(Boolean)))}}))))}get el(){return this}static get style(){return J()}},[2,"ds-data-preferences",{hasBorder:[4,"has-border"],filters:[16],values:[16],matchModes:[16],activeFilterId:[1,"active-filter-id"],fields:[16],customizeOptions:[16],customizeSections:[16],customizeLabel:[1,"customize-label"],catalogHeader:[1,"catalog-header"],catalogReorderable:[4,"catalog-reorderable"],sortColumns:[16],sort:[16],groupingOptions:[16],grouping:[16],hiddenFieldIds:[16],fieldOrder:[16],pinnedFieldIds:[16],embedded:[4],activeTab:[1,"active-tab"],label:[1],open:[32],tab:[32],pos:[32],ready:[32]},[[0,"keydown","onKeydown"]]]);function X(){if(typeof customElements==="undefined"){return}const e=["ds-data-preferences","ds-badge","ds-button-unfilled","ds-calendar","ds-checkbox","ds-chip","ds-data-group","ds-divider","ds-empty-state","ds-filter-menu","ds-icon","ds-input","ds-loader","ds-menu","ds-swatch-picker","ds-switch","ds-tab-group","ds-tag","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-data-preferences":if(!customElements.get(r(e))){customElements.define(r(e),U)}break;case"ds-badge":if(!customElements.get(r(e))){E()}break;case"ds-button-unfilled":if(!customElements.get(r(e))){z()}break;case"ds-calendar":if(!customElements.get(r(e))){D()}break;case"ds-checkbox":if(!customElements.get(r(e))){F()}break;case"ds-chip":if(!customElements.get(r(e))){B()}break;case"ds-data-group":if(!customElements.get(r(e))){_()}break;case"ds-divider":if(!customElements.get(r(e))){O()}break;case"ds-empty-state":if(!customElements.get(r(e))){M()}break;case"ds-filter-menu":if(!customElements.get(r(e))){A()}break;case"ds-icon":if(!customElements.get(r(e))){P()}break;case"ds-input":if(!customElements.get(r(e))){L()}break;case"ds-loader":if(!customElements.get(r(e))){R()}break;case"ds-menu":if(!customElements.get(r(e))){I()}break;case"ds-swatch-picker":if(!customElements.get(r(e))){$()}break;case"ds-switch":if(!customElements.get(r(e))){S()}break;case"ds-tab-group":if(!customElements.get(r(e))){T()}break;case"ds-tag":if(!customElements.get(r(e))){H()}break;case"ds-text":if(!customElements.get(r(e))){G()}break;case"ds-tooltip":if(!customElements.get(r(e))){n()}break}}))}X();const Q=U;const V=X;export{Q as DsDataPreferences,V as defineCustomElement};
2
2
  //# sourceMappingURL=ds-data-preferences.js.map
package/dist/components/ds-data-preferences.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["dataPreferencesCss","TOGGLE_ONLY_CATALOG","minVisible","reorderable","preferencesSequence","DataPreferences","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","hasBorder","filters","values","matchModes","fields","customizeOptions","customizeSections","customizeLabel","catalogReorderable","sort","groupingOptions","grouping","hiddenFieldIds","fieldOrder","pinnedFieldIds","embedded","activeTab","label","open","tab","pos","x","y","ready","popupId","tasks","ConnectionTasks","el","isConnected","position","AnchoredPositionController","getAnchor","trigger","getPopup","popup","getOwnerDocument","ownerDocument","measure","anchor","collisionRect","resolveAnchoredOverlayBoundaryRect","pad","resolveCssLengthPx","TOKEN_DEFAULTS","space100","style","maxWidth","Math","max","min","window","innerWidth","width","maxHeight","innerHeight","height","anchorRect","getBoundingClientRect","popupWidth","offsetWidth","popupHeight","offsetHeight","side","align","sideOffsetPx","space050","alignOffsetPx","viewportPadPx","viewportWidth","viewportHeight","apply","onReady","topLayer","observeResize","observeAnchorMotion","liveUpdate","interaction","AnchoredOverlayInteractionController","onOutsideActivation","close","catalogItems","tableDataColumns","map","column","id","tableColumnCustomizerLabel","customizeMenuSections","catalogSections","length","tableColumnCustomizerSections","section","index","sections","catalogHeader","header","undefined","items","listCustomizerMenuItems","disconnectedCallback","restoreFocus","cancel","unobserve","disconnect","matches","hidePopover","setFocus","toggle","observe","connect","schedule","async","focus","guard","frame","querySelector","componentOnReady","onKeydown","event","defaultPrevented","key","preventDefault","stopPropagation","tabLeavesPopup","moveFocusAfterTab","shiftKey","forward","emitter","emit","detail","render","currentTab","tabs","toUpperCase","slice","panelId","h","Host","size","ref","variant","icon","ariaLabel","haspopup","expanded","surfaceOpen","controls","onDsClick","popover","role","class","left","top","visibility","presentation","value","onDsChange","dsPreferencesTabChange","find","hidden","vertical","applyRequired","activeFilterId","footerLayout","e","dsFilterChange","onDsMatchModeChange","dsFilterMatchModeChange","onDsActiveFilterChange","dsActiveFilterChange","onDsClear","dsFiltersClear","menuLabel","dataSortMenuSections","sortColumns","onDsSelect","dsSortChange","nextDataSortStateFromMenuItem","options","onDsGroupChange","dsGroupChange","dsGroupClear","isInactive","flatMap","some","option","dsCustomizeOptionChange","ids","item","dsFieldsConfigChange","toggleListHidden","resolveListOrder","resolveTableFieldsConfiguration","toggleTableColumnHidden","onDsItemToggle","action","toggleTableColumnPinned","onDsReorder","reorderTableColumnPartition","filter","Boolean"],"sources":["src/wc/components/DataPreferences/DataPreferences.css?tag=ds-data-preferences&encapsulation=scoped","src/wc/components/DataPreferences/DataPreferences.tsx"],"sourcesContent":["@import '../../utils/radius.css';\n\n:host {\n display: inline-flex;\n}\n\n.data-preferences {\n position: fixed;\n margin: 0;\n padding: 0;\n border: 0;\n border-radius: var(--ds-radius-menu);\n width: min(var(--dimension-menu-width-lg), calc(100vw - var(--dimension-space-200)));\n max-height: calc(100dvh - var(--dimension-space-400));\n display: flex;\n flex-direction: column;\n overflow: hidden;\n background: var(--color-background-primary);\n color: var(--color-foreground-secondary);\n box-shadow: var(--effect-shadow-elevated-floating);\n}\n\n.data-preferences::after {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: inherit;\n box-shadow: var(--effect-highlight-elevated-floating);\n pointer-events: none;\n z-index: 4;\n}\n\n.data-preferences__tabs {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n box-sizing: border-box;\n flex: 0 0 var(--dimension-size-500);\n min-block-size: var(--dimension-size-500);\n padding: var(--dimension-space-050);\n background: var(--color-background-primary);\n border-bottom: var(--dimension-stroke-width-012) solid var(--color-border-tertiary);\n}\n\n.data-preferences__body {\n min-height: 0;\n overflow: auto;\n overscroll-behavior: contain;\n}\n\n:host:has(.data-preferences-panel) {\n display: flex;\n flex: 1;\n min-height: 0;\n}\n.data-preferences-panel {\n display: flex;\n flex-direction: column;\n flex: 1;\n min-height: 0;\n min-width: 0;\n}\n.data-preferences-panel .data-preferences__tabs {\n flex: 0 0 auto;\n padding: var(--dimension-space-200);\n background: transparent;\n}\n","import type { DataField } from '../../utils/data-field';\nimport type { MenuItemData, MenuItemToggleDetail, MenuSection } from '../Menu/menu-types';\nimport { resolveAnchoredOverlayBoundaryRect } from '../../utils/anchored-overlay-boundary';\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Prop,\n State,\n} from '@stencil/core';\nimport type {\n FilterMenuFilter,\n FilterMenuValues,\n FilterMenuMatchModes,\n FilterMenuChangeDetail,\n FilterMenuMatchModeChangeDetail,\n} from '../FilterMenu/FilterMenu';\nimport type {\n TableColumn,\n DataSortState,\n DataSortChangeDetail,\n DataGroupingState,\n DataFieldsConfigChangeDetail,\n} from '../Table/table-types';\nimport type { DataGroupOption } from '../DataGroup/DataGroup';\nimport { dataSortMenuSections, nextDataSortStateFromMenuItem } from '../DataSort/data-sort-menu';\nimport {\n tableColumnCustomizerLabel,\n tableColumnCustomizerSections,\n tableDataColumns,\n toggleTableColumnHidden,\n reorderTableColumnPartition,\n resolveTableFieldsConfiguration,\n toggleTableColumnPinned,\n} from '../Table/table-column-customizer';\nimport {\n listCustomizerMenuItems,\n resolveListOrder,\n toggleListHidden,\n type ListCustomizerOptions,\n} from '../../utils/list-customizer';\nimport { AnchoredPositionController } from '../../utils/anchored-position-controller';\nimport { ConnectionTasks } from '../../utils/connection-tasks';\nimport { AnchoredOverlayInteractionController } from '../../utils/anchored-overlay-interaction-controller';\nimport { resolveCssLengthPx } from '../../utils/resolve-css-length-px';\nimport { TOKEN_DEFAULTS } from '../../utils/token-defaults';\n\n/** Toggle-only catalog: every entry may hide and no row carries a drag handle. */\nconst TOGGLE_ONLY_CATALOG: ListCustomizerOptions = { minVisible: 0, reorderable: false };\n\nexport type PreferencesTab = 'filters' | 'sort' | 'group' | 'customize';\nlet preferencesSequence = 0;\n\n@Component({ tag: 'ds-data-preferences', styleUrl: 'DataPreferences.css', scoped: true })\nexport class DataPreferences {\n @Element() el!: HTMLElement;\n /** Show the trigger border. */\n @Prop() hasBorder: boolean = true;\n @Prop() filters: FilterMenuFilter[] = [];\n @Prop() values: FilterMenuValues = {};\n @Prop() matchModes: FilterMenuMatchModes = {};\n @Prop() activeFilterId: string | undefined;\n @Prop() fields: DataField[] = [];\n /** Additional toggle options in the column customizer. */\n @Prop() customizeOptions: MenuItemData[] = [];\n @Prop() customizeSections: MenuSection[] = [];\n /** Accessible name for the Customize menu. */\n @Prop() customizeLabel: string = 'Customize table';\n /**\n * Section header above the catalog rows. Defaults to Columns when\n * customizeOptions supply a second section, matching the table.\n */\n @Prop() catalogHeader?: string;\n /**\n * Drag-reorder the catalog rows and keep the last visible entry locked, as a\n * table requires. Pass false for a catalog that only shows and hides, where\n * every entry may be hidden and rows carry no drag handle.\n */\n @Prop() catalogReorderable: boolean = true;\n @Event() dsCustomizeOptionChange!: EventEmitter<string>;\n /** Optional sort fields when they differ from customizable content. */\n @Prop() sortColumns?: TableColumn[];\n @Prop() sort: DataSortState | null = null;\n @Prop() groupingOptions: DataGroupOption[] = [];\n @Prop() grouping: DataGroupingState | null = null;\n @Prop() hiddenFieldIds: string[] = [];\n @Prop() fieldOrder: string[] = [];\n /** Controlled user-pinned table-column identities. Ignored for toggle-only catalogs. */\n @Prop() pinnedFieldIds: string[] = [];\n /** Render shared content without its popup or trigger. */\n @Prop() embedded = false;\n @Prop() activeTab: PreferencesTab = 'filters';\n @Event() dsPreferencesTabChange!: EventEmitter<PreferencesTab>;\n @Prop() label = 'Configure view';\n @Event() dsFilterChange!: EventEmitter<FilterMenuChangeDetail>;\n @Event() dsFilterMatchModeChange!: EventEmitter<FilterMenuMatchModeChangeDetail>;\n @Event() dsActiveFilterChange!: EventEmitter<string>;\n @Event() dsFiltersClear!: EventEmitter<void>;\n @Event() dsSortChange!: EventEmitter<DataSortChangeDetail>;\n @Event() dsGroupChange!: EventEmitter<DataGroupingState>;\n @Event() dsGroupClear!: EventEmitter<void>;\n @Event() dsFieldsConfigChange!: EventEmitter<DataFieldsConfigChangeDetail>;\n\n /** Catalog rows as domain-neutral items, so a non-table catalog needs no column shape. */\n private catalogItems(): { id: string; label: string }[] {\n return tableDataColumns(this.fields).map(column => ({\n id: column.id,\n label: tableColumnCustomizerLabel(column),\n }));\n }\n\n private customizeMenuSections(): MenuSection[] {\n const catalogSections: MenuSection[] = !this.fields.length\n ? []\n : this.catalogReorderable\n ? tableColumnCustomizerSections(\n this.fields,\n this.hiddenFieldIds,\n this.fieldOrder,\n this.pinnedFieldIds\n ).map((section, index, sections) =>\n index === 0 && sections.length === 1 && this.catalogHeader\n ? { ...section, header: this.catalogHeader }\n : section\n )\n : [\n {\n header: this.catalogHeader ?? (this.customizeOptions.length ? 'Columns' : undefined),\n items: listCustomizerMenuItems(\n this.catalogItems(),\n this.hiddenFieldIds,\n this.fieldOrder,\n TOGGLE_ONLY_CATALOG\n ),\n },\n ];\n return [\n ...catalogSections,\n ...this.customizeSections,\n ...(this.customizeOptions.length\n ? [{ header: 'Options', items: this.customizeOptions }]\n : []),\n ];\n }\n @State() private open = false;\n @State() private tab: PreferencesTab = 'filters';\n @State() private pos = { x: 0, y: 0 };\n @State() private ready = false;\n private readonly popupId = `ds-data-preferences-${++preferencesSequence}`;\n private trigger?: HTMLDsButtonUnfilledElement;\n private popup?: HTMLElement;\n private readonly tasks = new ConnectionTasks(() => this.el.isConnected);\n private readonly position = new AnchoredPositionController({\n getAnchor: () => this.trigger ?? null,\n getPopup: () => this.popup ?? null,\n getOwnerDocument: () => this.el.ownerDocument,\n measure: (anchor, popup) => {\n const collisionRect = resolveAnchoredOverlayBoundaryRect(anchor);\n const pad = resolveCssLengthPx(TOKEN_DEFAULTS.space100, 8);\n popup.style.maxWidth = `${Math.max(0, Math.min(window.innerWidth, collisionRect?.width ?? window.innerWidth) - pad * 2)}px`;\n popup.style.maxHeight = `${Math.max(0, Math.min(window.innerHeight, collisionRect?.height ?? window.innerHeight) - pad * 2)}px`;\n return {\n anchorRect: anchor.getBoundingClientRect(),\n popupWidth: popup.offsetWidth,\n popupHeight: popup.offsetHeight,\n side: 'bottom',\n align: 'end',\n sideOffsetPx: resolveCssLengthPx(TOKEN_DEFAULTS.space050, 4),\n alignOffsetPx: 0,\n viewportPadPx: resolveCssLengthPx(TOKEN_DEFAULTS.space100, 8),\n viewportWidth: window.innerWidth,\n viewportHeight: window.innerHeight,\n collisionRect,\n };\n },\n apply: ({ x, y }) => {\n this.pos = { x, y };\n },\n onReady: () => {\n this.ready = true;\n },\n topLayer: true,\n observeResize: true,\n observeAnchorMotion: true,\n liveUpdate: 'double-frame',\n });\n private readonly interaction = new AnchoredOverlayInteractionController({\n getAnchor: () => this.trigger ?? null,\n getPopup: () => this.popup ?? null,\n getOwnerDocument: () => this.el.ownerDocument,\n onOutsideActivation: () => this.close(),\n });\n disconnectedCallback() {\n this.close(false);\n }\n private close(restoreFocus = true) {\n this.tasks.cancel();\n this.position.unobserve();\n this.interaction.disconnect();\n if (this.popup?.matches(':popover-open')) this.popup.hidePopover();\n this.open = false;\n this.ready = false;\n if (restoreFocus) void this.trigger?.setFocus();\n }\n private toggle() {\n if (!this.el.isConnected) return;\n if (this.open) {\n this.close();\n return;\n }\n this.open = true;\n this.ready = false;\n this.position.observe();\n this.interaction.connect();\n this.position.schedule(async () => {\n const focus = this.tasks.guard(() => {\n this.tasks.frame(() => {\n if (this.open)\n this.popup?.querySelector<HTMLElement>('[role=\"tab\"][aria-selected=\"true\"]')?.focus();\n });\n });\n await this.popup?.querySelector('ds-tab-group')?.componentOnReady?.();\n focus();\n });\n }\n @Listen('keydown')\n onKeydown(event: KeyboardEvent) {\n if (this.embedded || !this.open || event.defaultPrevented) return;\n if (event.key === 'Escape') {\n event.preventDefault();\n event.stopPropagation();\n this.close();\n } else if (event.key === 'Tab' && this.interaction.tabLeavesPopup(event)) {\n event.preventDefault();\n this.close();\n this.interaction.moveFocusAfterTab(event.shiftKey);\n }\n }\n private forward<T>(event: CustomEvent<T>, emitter: EventEmitter<T>) {\n event.stopPropagation();\n emitter.emit(event.detail);\n }\n render() {\n const currentTab = this.embedded ? this.activeTab : this.tab;\n const tabs = ['filters', 'sort', 'group', 'customize'].map(id => ({\n id,\n label: id === 'filters' ? 'Filters' : id[0].toUpperCase() + id.slice(1),\n panelId: `${this.popupId}-${id}`,\n }));\n return (\n <Host>\n {!this.embedded && (\n <ds-tooltip label={this.label} side=\"bottom\" size=\"sm\">\n <ds-button-unfilled\n hasBorder={this.hasBorder}\n ref={el => {\n this.trigger = el;\n }}\n variant=\"icon\"\n icon=\"Preferences\"\n size=\"md\"\n ariaLabel={this.label}\n haspopup=\"dialog\"\n expanded={this.open}\n surfaceOpen={this.open}\n controls={this.popupId}\n onDsClick={() => this.toggle()}\n />\n </ds-tooltip>\n )}\n {(this.open || this.embedded) && (\n <div\n ref={el => {\n this.popup = el;\n }}\n id={this.popupId}\n popover={this.embedded ? undefined : 'manual'}\n role={this.embedded ? undefined : 'dialog'}\n aria-label={this.label}\n class={{\n 'data-preferences': !this.embedded,\n 'data-preferences-panel': this.embedded,\n }}\n style={\n this.embedded\n ? undefined\n : {\n left: `${this.pos.x}px`,\n top: `${this.pos.y}px`,\n visibility: this.ready ? 'visible' : 'hidden',\n }\n }\n >\n <div class=\"data-preferences__tabs\">\n <ds-tab-group\n ariaLabel=\"Table preference sections\"\n size=\"md\"\n presentation={this.embedded ? 'segmented' : 'tabs'}\n width={this.embedded ? 'fill' : 'hug'}\n tabs={tabs}\n value={currentTab}\n onDsChange={event => {\n event.stopPropagation();\n this.tab = event.detail as PreferencesTab;\n this.dsPreferencesTabChange.emit(this.tab);\n }}\n />\n </div>\n <div\n class=\"data-preferences__body\"\n id={`${this.popupId}-${currentTab}`}\n role=\"tabpanel\"\n aria-label={tabs.find(tab => tab.id === currentTab)?.label}\n >\n <div hidden={currentTab !== 'filters'}>\n <ds-filter-menu\n embedded\n vertical={this.embedded}\n applyRequired={!this.embedded}\n filters={this.filters}\n values={this.values}\n matchModes={this.matchModes}\n activeFilterId={this.activeFilterId}\n footerLayout=\"categories-clear\"\n onDsChange={e => this.forward(e, this.dsFilterChange)}\n onDsMatchModeChange={e => this.forward(e, this.dsFilterMatchModeChange)}\n onDsActiveFilterChange={e => this.forward(e, this.dsActiveFilterChange)}\n onDsClear={e => this.forward(e, this.dsFiltersClear)}\n />\n </div>\n {currentTab === 'sort' && (\n <ds-menu\n embedded\n menuLabel=\"Sort table\"\n sections={dataSortMenuSections(this.sortColumns ?? this.fields, this.sort)}\n onDsSelect={e => {\n e.stopPropagation();\n this.dsSortChange.emit({\n sort: nextDataSortStateFromMenuItem(\n this.sortColumns ?? this.fields,\n this.sort,\n e.detail\n ),\n });\n }}\n />\n )}\n {currentTab === 'group' && (\n <ds-data-group\n embedded\n vertical={this.embedded}\n options={this.groupingOptions}\n grouping={this.grouping}\n onDsGroupChange={e => this.forward(e, this.dsGroupChange)}\n onDsClear={e => this.forward(e, this.dsGroupClear)}\n />\n )}\n {currentTab === 'customize' && (\n <ds-menu\n embedded\n menuLabel={this.customizeLabel}\n sections={this.customizeMenuSections()}\n onDsSelect={e => {\n e.stopPropagation();\n if (!e.detail.value || e.detail.isInactive) return;\n if (\n [\n ...this.customizeOptions,\n ...this.customizeSections.flatMap(section =>\n 'items' in section ? section.items : []\n ),\n ].some(option => option.value === e.detail.value)\n ) {\n this.dsCustomizeOptionChange.emit(e.detail.value);\n return;\n }\n if (!this.catalogReorderable) {\n const ids = this.catalogItems().map(item => item.id);\n this.dsFieldsConfigChange.emit({\n hiddenFieldIds: toggleListHidden(\n ids,\n this.hiddenFieldIds,\n e.detail.value,\n TOGGLE_ONLY_CATALOG\n ),\n fieldOrder: resolveListOrder(ids, this.fieldOrder),\n pinnedFieldIds: this.pinnedFieldIds,\n });\n return;\n }\n this.dsFieldsConfigChange.emit(\n resolveTableFieldsConfiguration(\n this.fields,\n toggleTableColumnHidden(this.fields, this.hiddenFieldIds, e.detail.value),\n this.fieldOrder,\n this.pinnedFieldIds\n )\n );\n }}\n onDsItemToggle={(e: CustomEvent<MenuItemToggleDetail>) => {\n e.stopPropagation();\n if (!this.catalogReorderable || !e.detail.item.value) return;\n if (e.detail.action?.id === 'visibility') {\n this.dsFieldsConfigChange.emit(\n resolveTableFieldsConfiguration(\n this.fields,\n toggleTableColumnHidden(\n this.fields,\n this.hiddenFieldIds,\n e.detail.item.value\n ),\n this.fieldOrder,\n this.pinnedFieldIds\n )\n );\n return;\n }\n if (e.detail.action?.id !== 'pin') return;\n this.dsFieldsConfigChange.emit(\n toggleTableColumnPinned(\n this.fields,\n this.hiddenFieldIds,\n this.fieldOrder,\n this.pinnedFieldIds,\n e.detail.item.value\n )\n );\n }}\n onDsReorder={e => {\n e.stopPropagation();\n if (!this.catalogReorderable) return;\n this.dsFieldsConfigChange.emit(\n reorderTableColumnPartition(\n this.fields,\n this.hiddenFieldIds,\n this.fieldOrder,\n this.pinnedFieldIds,\n e.detail.items\n .filter(item => item.reorderable)\n .map(item => item.value!)\n .filter(Boolean)\n )\n );\n }}\n />\n )}\n </div>\n </div>\n )}\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["dataPreferencesCss","TOGGLE_ONLY_CATALOG","minVisible","reorderable","preferencesSequence","DataPreferences","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","hasBorder","filters","values","matchModes","fields","customizeOptions","customizeSections","customizeLabel","catalogReorderable","sort","groupingOptions","grouping","hiddenFieldIds","fieldOrder","pinnedFieldIds","embedded","activeTab","label","open","tab","pos","x","y","ready","popupId","tasks","ConnectionTasks","el","isConnected","position","AnchoredPositionController","getAnchor","trigger","getPopup","popup","getOwnerDocument","ownerDocument","measure","anchor","collisionRect","resolveAnchoredOverlayBoundaryRect","pad","resolveCssLengthPx","TOKEN_DEFAULTS","space100","style","maxWidth","Math","max","min","window","innerWidth","width","maxHeight","innerHeight","height","anchorRect","getBoundingClientRect","popupWidth","offsetWidth","popupHeight","offsetHeight","side","align","sideOffsetPx","space050","alignOffsetPx","viewportPadPx","viewportWidth","viewportHeight","apply","onReady","topLayer","observeResize","observeAnchorMotion","liveUpdate","interaction","AnchoredOverlayInteractionController","onOutsideActivation","close","catalogItems","tableDataColumns","map","column","id","tableColumnCustomizerLabel","customizeMenuSections","catalogSections","length","tableColumnCustomizerSections","section","index","sections","catalogHeader","header","undefined","items","listCustomizerMenuItems","disconnectedCallback","restoreFocus","cancel","unobserve","disconnect","matches","hidePopover","setFocus","toggle","observe","connect","schedule","async","focus","guard","frame","querySelector","componentOnReady","onKeydown","event","defaultPrevented","key","preventDefault","stopPropagation","tabLeavesPopup","moveFocusAfterTab","shiftKey","forward","emitter","emit","detail","render","currentTab","tabs","toUpperCase","slice","panelId","h","Host","size","ref","variant","icon","ariaLabel","haspopup","expanded","surfaceOpen","controls","onDsClick","popover","role","class","left","top","visibility","presentation","value","onDsChange","dsPreferencesTabChange","find","hidden","vertical","applyRequired","activeFilterId","footerLayout","e","dsFilterChange","onDsMatchModeChange","dsFilterMatchModeChange","onDsActiveFilterChange","dsActiveFilterChange","onDsClear","dsFiltersClear","menuLabel","dataSortMenuSections","sortColumns","onDsSelect","dsSortChange","nextDataSortStateFromMenuItem","options","onDsGroupChange","dsGroupChange","dsGroupClear","isInactive","flatMap","some","option","dsCustomizeOptionChange","ids","item","dsFieldsConfigChange","toggleListHidden","resolveListOrder","resolveTableFieldsConfiguration","toggleTableColumnHidden","onDsItemToggle","action","toggleTableColumnPinned","onDsReorder","reorderTableColumnPartition","filter","Boolean"],"sources":["src/wc/components/DataPreferences/DataPreferences.css?tag=ds-data-preferences&encapsulation=scoped","src/wc/components/DataPreferences/DataPreferences.tsx"],"sourcesContent":["@import '../../utils/radius.css';\n\n:host {\n display: inline-flex;\n}\n\n.data-preferences {\n position: fixed;\n margin: 0;\n padding: 0;\n border: 0;\n border-radius: var(--ds-radius-menu);\n width: min(var(--dimension-menu-width-lg), calc(100vw - var(--dimension-space-200)));\n max-height: calc(100dvh - var(--dimension-space-400));\n display: flex;\n flex-direction: column;\n overflow: hidden;\n background: var(--color-background-primary);\n color: var(--color-foreground-secondary);\n box-shadow: var(--effect-shadow-elevated-floating);\n}\n\n.data-preferences::after {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: inherit;\n box-shadow: var(--effect-highlight-elevated-floating);\n pointer-events: none;\n z-index: 4;\n}\n\n.data-preferences__tabs {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n box-sizing: border-box;\n flex: 0 0 var(--dimension-size-500);\n min-block-size: var(--dimension-size-500);\n padding: var(--dimension-space-050);\n background: var(--color-background-primary);\n border-bottom: var(--dimension-stroke-width-012) solid var(--color-border-tertiary);\n}\n\n.data-preferences__body {\n min-height: 0;\n overflow: auto;\n overscroll-behavior: contain;\n}\n\n.data-preferences-panel .data-preferences__body {\n --ds-chrome-space-sm-padding: var(--dimension-space-100);\n}\n\n:host:has(.data-preferences-panel) {\n display: flex;\n flex: 1;\n min-height: 0;\n}\n.data-preferences-panel {\n display: flex;\n flex-direction: column;\n flex: 1;\n min-height: 0;\n min-width: 0;\n}\n.data-preferences-panel .data-preferences__tabs {\n flex: 0 0 auto;\n padding: var(--dimension-space-200);\n background: transparent;\n}\n","import type { DataField } from '../../utils/data-field';\nimport type { MenuItemData, MenuItemToggleDetail, MenuSection } from '../Menu/menu-types';\nimport { resolveAnchoredOverlayBoundaryRect } from '../../utils/anchored-overlay-boundary';\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Prop,\n State,\n} from '@stencil/core';\nimport type {\n FilterMenuFilter,\n FilterMenuValues,\n FilterMenuMatchModes,\n FilterMenuChangeDetail,\n FilterMenuMatchModeChangeDetail,\n} from '../FilterMenu/FilterMenu';\nimport type {\n TableColumn,\n DataSortState,\n DataSortChangeDetail,\n DataGroupingState,\n DataFieldsConfigChangeDetail,\n} from '../Table/table-types';\nimport type { DataGroupOption } from '../DataGroup/DataGroup';\nimport { dataSortMenuSections, nextDataSortStateFromMenuItem } from '../DataSort/data-sort-menu';\nimport {\n tableColumnCustomizerLabel,\n tableColumnCustomizerSections,\n tableDataColumns,\n toggleTableColumnHidden,\n reorderTableColumnPartition,\n resolveTableFieldsConfiguration,\n toggleTableColumnPinned,\n} from '../Table/table-column-customizer';\nimport {\n listCustomizerMenuItems,\n resolveListOrder,\n toggleListHidden,\n type ListCustomizerOptions,\n} from '../../utils/list-customizer';\nimport { AnchoredPositionController } from '../../utils/anchored-position-controller';\nimport { ConnectionTasks } from '../../utils/connection-tasks';\nimport { AnchoredOverlayInteractionController } from '../../utils/anchored-overlay-interaction-controller';\nimport { resolveCssLengthPx } from '../../utils/resolve-css-length-px';\nimport { TOKEN_DEFAULTS } from '../../utils/token-defaults';\n\n/** Toggle-only catalog: every entry may hide and no row carries a drag handle. */\nconst TOGGLE_ONLY_CATALOG: ListCustomizerOptions = { minVisible: 0, reorderable: false };\n\nexport type PreferencesTab = 'filters' | 'sort' | 'group' | 'customize';\nlet preferencesSequence = 0;\n\n@Component({ tag: 'ds-data-preferences', styleUrl: 'DataPreferences.css', scoped: true })\nexport class DataPreferences {\n @Element() el!: HTMLElement;\n /** Show the trigger border. */\n @Prop() hasBorder: boolean = true;\n @Prop() filters: FilterMenuFilter[] = [];\n @Prop() values: FilterMenuValues = {};\n @Prop() matchModes: FilterMenuMatchModes = {};\n @Prop() activeFilterId: string | undefined;\n @Prop() fields: DataField[] = [];\n /** Additional toggle options in the column customizer. */\n @Prop() customizeOptions: MenuItemData[] = [];\n @Prop() customizeSections: MenuSection[] = [];\n /** Accessible name for the Customize menu. */\n @Prop() customizeLabel: string = 'Customize table';\n /**\n * Section header above the catalog rows. Defaults to Columns when\n * customizeOptions supply a second section, matching the table.\n */\n @Prop() catalogHeader?: string;\n /**\n * Drag-reorder the catalog rows and keep the last visible entry locked, as a\n * table requires. Pass false for a catalog that only shows and hides, where\n * every entry may be hidden and rows carry no drag handle.\n */\n @Prop() catalogReorderable: boolean = true;\n @Event() dsCustomizeOptionChange!: EventEmitter<string>;\n /** Optional sort fields when they differ from customizable content. */\n @Prop() sortColumns?: TableColumn[];\n @Prop() sort: DataSortState | null = null;\n @Prop() groupingOptions: DataGroupOption[] = [];\n @Prop() grouping: DataGroupingState | null = null;\n @Prop() hiddenFieldIds: string[] = [];\n @Prop() fieldOrder: string[] = [];\n /** Controlled user-pinned table-column identities. Ignored for toggle-only catalogs. */\n @Prop() pinnedFieldIds: string[] = [];\n /** Render shared content without its popup or trigger. */\n @Prop() embedded = false;\n @Prop() activeTab: PreferencesTab = 'filters';\n @Event() dsPreferencesTabChange!: EventEmitter<PreferencesTab>;\n @Prop() label = 'Configure view';\n @Event() dsFilterChange!: EventEmitter<FilterMenuChangeDetail>;\n @Event() dsFilterMatchModeChange!: EventEmitter<FilterMenuMatchModeChangeDetail>;\n @Event() dsActiveFilterChange!: EventEmitter<string>;\n @Event() dsFiltersClear!: EventEmitter<void>;\n @Event() dsSortChange!: EventEmitter<DataSortChangeDetail>;\n @Event() dsGroupChange!: EventEmitter<DataGroupingState>;\n @Event() dsGroupClear!: EventEmitter<void>;\n @Event() dsFieldsConfigChange!: EventEmitter<DataFieldsConfigChangeDetail>;\n\n /** Catalog rows as domain-neutral items, so a non-table catalog needs no column shape. */\n private catalogItems(): { id: string; label: string }[] {\n return tableDataColumns(this.fields).map(column => ({\n id: column.id,\n label: tableColumnCustomizerLabel(column),\n }));\n }\n\n private customizeMenuSections(): MenuSection[] {\n const catalogSections: MenuSection[] = !this.fields.length\n ? []\n : this.catalogReorderable\n ? tableColumnCustomizerSections(\n this.fields,\n this.hiddenFieldIds,\n this.fieldOrder,\n this.pinnedFieldIds\n ).map((section, index, sections) =>\n index === 0 && sections.length === 1 && this.catalogHeader\n ? { ...section, header: this.catalogHeader }\n : section\n )\n : [\n {\n header: this.catalogHeader ?? (this.customizeOptions.length ? 'Columns' : undefined),\n items: listCustomizerMenuItems(\n this.catalogItems(),\n this.hiddenFieldIds,\n this.fieldOrder,\n TOGGLE_ONLY_CATALOG\n ),\n },\n ];\n return [\n ...catalogSections,\n ...this.customizeSections,\n ...(this.customizeOptions.length\n ? [{ header: 'Options', items: this.customizeOptions }]\n : []),\n ];\n }\n @State() private open = false;\n @State() private tab: PreferencesTab = 'filters';\n @State() private pos = { x: 0, y: 0 };\n @State() private ready = false;\n private readonly popupId = `ds-data-preferences-${++preferencesSequence}`;\n private trigger?: HTMLDsButtonUnfilledElement;\n private popup?: HTMLElement;\n private readonly tasks = new ConnectionTasks(() => this.el.isConnected);\n private readonly position = new AnchoredPositionController({\n getAnchor: () => this.trigger ?? null,\n getPopup: () => this.popup ?? null,\n getOwnerDocument: () => this.el.ownerDocument,\n measure: (anchor, popup) => {\n const collisionRect = resolveAnchoredOverlayBoundaryRect(anchor);\n const pad = resolveCssLengthPx(TOKEN_DEFAULTS.space100, 8);\n popup.style.maxWidth = `${Math.max(0, Math.min(window.innerWidth, collisionRect?.width ?? window.innerWidth) - pad * 2)}px`;\n popup.style.maxHeight = `${Math.max(0, Math.min(window.innerHeight, collisionRect?.height ?? window.innerHeight) - pad * 2)}px`;\n return {\n anchorRect: anchor.getBoundingClientRect(),\n popupWidth: popup.offsetWidth,\n popupHeight: popup.offsetHeight,\n side: 'bottom',\n align: 'end',\n sideOffsetPx: resolveCssLengthPx(TOKEN_DEFAULTS.space050, 4),\n alignOffsetPx: 0,\n viewportPadPx: resolveCssLengthPx(TOKEN_DEFAULTS.space100, 8),\n viewportWidth: window.innerWidth,\n viewportHeight: window.innerHeight,\n collisionRect,\n };\n },\n apply: ({ x, y }) => {\n this.pos = { x, y };\n },\n onReady: () => {\n this.ready = true;\n },\n topLayer: true,\n observeResize: true,\n observeAnchorMotion: true,\n liveUpdate: 'double-frame',\n });\n private readonly interaction = new AnchoredOverlayInteractionController({\n getAnchor: () => this.trigger ?? null,\n getPopup: () => this.popup ?? null,\n getOwnerDocument: () => this.el.ownerDocument,\n onOutsideActivation: () => this.close(),\n });\n disconnectedCallback() {\n this.close(false);\n }\n private close(restoreFocus = true) {\n this.tasks.cancel();\n this.position.unobserve();\n this.interaction.disconnect();\n if (this.popup?.matches(':popover-open')) this.popup.hidePopover();\n this.open = false;\n this.ready = false;\n if (restoreFocus) void this.trigger?.setFocus();\n }\n private toggle() {\n if (!this.el.isConnected) return;\n if (this.open) {\n this.close();\n return;\n }\n this.open = true;\n this.ready = false;\n this.position.observe();\n this.interaction.connect();\n this.position.schedule(async () => {\n const focus = this.tasks.guard(() => {\n this.tasks.frame(() => {\n if (this.open)\n this.popup?.querySelector<HTMLElement>('[role=\"tab\"][aria-selected=\"true\"]')?.focus();\n });\n });\n await this.popup?.querySelector('ds-tab-group')?.componentOnReady?.();\n focus();\n });\n }\n @Listen('keydown')\n onKeydown(event: KeyboardEvent) {\n if (this.embedded || !this.open || event.defaultPrevented) return;\n if (event.key === 'Escape') {\n event.preventDefault();\n event.stopPropagation();\n this.close();\n } else if (event.key === 'Tab' && this.interaction.tabLeavesPopup(event)) {\n event.preventDefault();\n this.close();\n this.interaction.moveFocusAfterTab(event.shiftKey);\n }\n }\n private forward<T>(event: CustomEvent<T>, emitter: EventEmitter<T>) {\n event.stopPropagation();\n emitter.emit(event.detail);\n }\n render() {\n const currentTab = this.embedded ? this.activeTab : this.tab;\n const tabs = ['filters', 'sort', 'group', 'customize'].map(id => ({\n id,\n label: id === 'filters' ? 'Filters' : id[0].toUpperCase() + id.slice(1),\n panelId: `${this.popupId}-${id}`,\n }));\n return (\n <Host>\n {!this.embedded && (\n <ds-tooltip label={this.label} side=\"bottom\" size=\"sm\">\n <ds-button-unfilled\n hasBorder={this.hasBorder}\n ref={el => {\n this.trigger = el;\n }}\n variant=\"icon\"\n icon=\"Preferences\"\n size=\"md\"\n ariaLabel={this.label}\n haspopup=\"dialog\"\n expanded={this.open}\n surfaceOpen={this.open}\n controls={this.popupId}\n onDsClick={() => this.toggle()}\n />\n </ds-tooltip>\n )}\n {(this.open || this.embedded) && (\n <div\n ref={el => {\n this.popup = el;\n }}\n id={this.popupId}\n popover={this.embedded ? undefined : 'manual'}\n role={this.embedded ? undefined : 'dialog'}\n aria-label={this.label}\n class={{\n 'data-preferences': !this.embedded,\n 'data-preferences-panel': this.embedded,\n }}\n style={\n this.embedded\n ? undefined\n : {\n left: `${this.pos.x}px`,\n top: `${this.pos.y}px`,\n visibility: this.ready ? 'visible' : 'hidden',\n }\n }\n >\n <div class=\"data-preferences__tabs\">\n <ds-tab-group\n ariaLabel=\"Table preference sections\"\n size=\"md\"\n presentation={this.embedded ? 'segmented' : 'tabs'}\n width={this.embedded ? 'fill' : 'hug'}\n tabs={tabs}\n value={currentTab}\n onDsChange={event => {\n event.stopPropagation();\n this.tab = event.detail as PreferencesTab;\n this.dsPreferencesTabChange.emit(this.tab);\n }}\n />\n </div>\n <div\n class=\"data-preferences__body\"\n id={`${this.popupId}-${currentTab}`}\n role=\"tabpanel\"\n aria-label={tabs.find(tab => tab.id === currentTab)?.label}\n >\n <div hidden={currentTab !== 'filters'}>\n <ds-filter-menu\n embedded\n vertical={this.embedded}\n applyRequired={!this.embedded}\n filters={this.filters}\n values={this.values}\n matchModes={this.matchModes}\n activeFilterId={this.activeFilterId}\n footerLayout=\"categories-clear\"\n onDsChange={e => this.forward(e, this.dsFilterChange)}\n onDsMatchModeChange={e => this.forward(e, this.dsFilterMatchModeChange)}\n onDsActiveFilterChange={e => this.forward(e, this.dsActiveFilterChange)}\n onDsClear={e => this.forward(e, this.dsFiltersClear)}\n />\n </div>\n {currentTab === 'sort' && (\n <ds-menu\n embedded\n menuLabel=\"Sort table\"\n sections={dataSortMenuSections(this.sortColumns ?? this.fields, this.sort)}\n onDsSelect={e => {\n e.stopPropagation();\n this.dsSortChange.emit({\n sort: nextDataSortStateFromMenuItem(\n this.sortColumns ?? this.fields,\n this.sort,\n e.detail\n ),\n });\n }}\n />\n )}\n {currentTab === 'group' && (\n <ds-data-group\n embedded\n vertical={this.embedded}\n options={this.groupingOptions}\n grouping={this.grouping}\n onDsGroupChange={e => this.forward(e, this.dsGroupChange)}\n onDsClear={e => this.forward(e, this.dsGroupClear)}\n />\n )}\n {currentTab === 'customize' && (\n <ds-menu\n embedded\n menuLabel={this.customizeLabel}\n sections={this.customizeMenuSections()}\n onDsSelect={e => {\n e.stopPropagation();\n if (!e.detail.value || e.detail.isInactive) return;\n if (\n [\n ...this.customizeOptions,\n ...this.customizeSections.flatMap(section =>\n 'items' in section ? section.items : []\n ),\n ].some(option => option.value === e.detail.value)\n ) {\n this.dsCustomizeOptionChange.emit(e.detail.value);\n return;\n }\n if (!this.catalogReorderable) {\n const ids = this.catalogItems().map(item => item.id);\n this.dsFieldsConfigChange.emit({\n hiddenFieldIds: toggleListHidden(\n ids,\n this.hiddenFieldIds,\n e.detail.value,\n TOGGLE_ONLY_CATALOG\n ),\n fieldOrder: resolveListOrder(ids, this.fieldOrder),\n pinnedFieldIds: this.pinnedFieldIds,\n });\n return;\n }\n this.dsFieldsConfigChange.emit(\n resolveTableFieldsConfiguration(\n this.fields,\n toggleTableColumnHidden(this.fields, this.hiddenFieldIds, e.detail.value),\n this.fieldOrder,\n this.pinnedFieldIds\n )\n );\n }}\n onDsItemToggle={(e: CustomEvent<MenuItemToggleDetail>) => {\n e.stopPropagation();\n if (!this.catalogReorderable || !e.detail.item.value) return;\n if (e.detail.action?.id === 'visibility') {\n this.dsFieldsConfigChange.emit(\n resolveTableFieldsConfiguration(\n this.fields,\n toggleTableColumnHidden(\n this.fields,\n this.hiddenFieldIds,\n e.detail.item.value\n ),\n this.fieldOrder,\n this.pinnedFieldIds\n )\n );\n return;\n }\n if (e.detail.action?.id !== 'pin') return;\n this.dsFieldsConfigChange.emit(\n toggleTableColumnPinned(\n this.fields,\n this.hiddenFieldIds,\n this.fieldOrder,\n this.pinnedFieldIds,\n e.detail.item.value\n )\n );\n }}\n onDsReorder={e => {\n e.stopPropagation();\n if (!this.catalogReorderable) return;\n this.dsFieldsConfigChange.emit(\n reorderTableColumnPartition(\n this.fields,\n this.hiddenFieldIds,\n this.fieldOrder,\n this.pinnedFieldIds,\n e.detail.items\n .filter(item => item.reorderable)\n .map(item => item.value!)\n .filter(Boolean)\n )\n );\n }}\n />\n )}\n </div>\n </div>\n )}\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}