@pine-ds/core 4.12.0 → 5.0.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 (216) hide show
  1. package/components/pds-accordion.js +1 -1
  2. package/components/pds-alert.js +1 -1
  3. package/components/pds-avatar.js +1 -1
  4. package/components/pds-button2.js +1 -1
  5. package/components/pds-chip2.js +1 -1
  6. package/components/pds-copytext.js +1 -1
  7. package/components/pds-divider.js +1 -1
  8. package/components/pds-dropdown-menu-item.js +1 -1
  9. package/components/pds-dropdown-menu-separator.js +1 -1
  10. package/components/pds-dropdown-menu.js +1 -1
  11. package/components/pds-filter.js +1 -1
  12. package/components/pds-filters.js +1 -1
  13. package/components/pds-image.js +1 -1
  14. package/components/pds-multiselect.js +1 -1
  15. package/components/pds-popover.js +1 -1
  16. package/components/pds-property.js +1 -1
  17. package/components/pds-radio-group.js +1 -1
  18. package/components/pds-sortable-item.js +1 -1
  19. package/components/pds-sortable.js +1 -1
  20. package/components/pds-switch.js +1 -1
  21. package/components/pds-table.js +1 -1
  22. package/components/pds-tabs.js +1 -1
  23. package/components/pds-tooltip.js +1 -1
  24. package/dist/cjs/pds-accordion.cjs.entry.js +1 -1
  25. package/dist/cjs/pds-alert.cjs.entry.js +1 -1
  26. package/dist/cjs/pds-avatar.cjs.entry.js +1 -1
  27. package/dist/cjs/pds-button.cjs.entry.js +1 -1
  28. package/dist/cjs/pds-chip.cjs.entry.js +1 -1
  29. package/dist/cjs/pds-copytext.cjs.entry.js +1 -1
  30. package/dist/cjs/pds-divider.cjs.entry.js +1 -1
  31. package/dist/cjs/pds-dropdown-menu-item.cjs.entry.js +1 -1
  32. package/dist/cjs/pds-dropdown-menu-separator.cjs.entry.js +1 -1
  33. package/dist/cjs/pds-dropdown-menu.cjs.entry.js +1 -1
  34. package/dist/cjs/pds-filter.cjs.entry.js +1 -1
  35. package/dist/cjs/pds-filters.cjs.entry.js +1 -1
  36. package/dist/cjs/pds-image.cjs.entry.js +2 -2
  37. package/dist/cjs/pds-multiselect.cjs.entry.js +26 -7
  38. package/dist/cjs/pds-popover.cjs.entry.js +1 -1
  39. package/dist/cjs/pds-property.cjs.entry.js +1 -1
  40. package/dist/cjs/pds-radio-group.cjs.entry.js +20 -15
  41. package/dist/cjs/pds-sortable-item.cjs.entry.js +2 -2
  42. package/dist/cjs/pds-sortable.cjs.entry.js +1 -1
  43. package/dist/cjs/pds-switch.cjs.entry.js +5 -5
  44. package/dist/cjs/pds-table.cjs.entry.js +2 -2
  45. package/dist/cjs/pds-tabs.cjs.entry.js +1 -1
  46. package/dist/cjs/pds-tooltip.cjs.entry.js +2 -3
  47. package/dist/collection/components/pds-accordion/pds-accordion.js +2 -2
  48. package/dist/collection/components/pds-alert/pds-alert.js +2 -2
  49. package/dist/collection/components/pds-avatar/pds-avatar.js +2 -2
  50. package/dist/collection/components/pds-button/pds-button.js +2 -2
  51. package/dist/collection/components/pds-chip/pds-chip.js +2 -2
  52. package/dist/collection/components/pds-copytext/pds-copytext.js +2 -2
  53. package/dist/collection/components/pds-divider/pds-divider.js +2 -2
  54. package/dist/collection/components/pds-dropdown-menu/pds-dropdown-menu-item/pds-dropdown-menu-item.js +2 -2
  55. package/dist/collection/components/pds-dropdown-menu/pds-dropdown-menu-separator/pds-dropdown-menu-separator.js +2 -2
  56. package/dist/collection/components/pds-dropdown-menu/pds-dropdown-menu.js +2 -2
  57. package/dist/collection/components/pds-filters/pds-filter/pds-filter.js +2 -2
  58. package/dist/collection/components/pds-filters/pds-filters.js +2 -2
  59. package/dist/collection/components/pds-image/pds-image.js +3 -3
  60. package/dist/collection/components/pds-input/stories/pds-input.stories.js +1 -0
  61. package/dist/collection/components/pds-multiselect/pds-multiselect.css +21 -2
  62. package/dist/collection/components/pds-multiselect/pds-multiselect.js +28 -9
  63. package/dist/collection/components/pds-multiselect/stories/pds-multiselect.stories.js +2 -2
  64. package/dist/collection/components/pds-popover/pds-popover.js +2 -2
  65. package/dist/collection/components/pds-popover/stories/pds-popover.stories.js +1 -1
  66. package/dist/collection/components/pds-property/pds-property.js +2 -2
  67. package/dist/collection/components/pds-radio-group/pds-radio-group.js +21 -16
  68. package/dist/collection/components/pds-sortable/pds-sortable-item/pds-sortable-item.js +3 -3
  69. package/dist/collection/components/pds-sortable/pds-sortable.js +2 -2
  70. package/dist/collection/components/pds-switch/pds-switch.js +10 -10
  71. package/dist/collection/components/pds-table/pds-table.js +3 -3
  72. package/dist/collection/components/pds-tabs/pds-tabs.js +2 -2
  73. package/dist/collection/components/pds-tooltip/pds-tooltip.js +3 -4
  74. package/dist/docs.json +32 -32
  75. package/dist/esm/pds-accordion.entry.js +1 -1
  76. package/dist/esm/pds-alert.entry.js +1 -1
  77. package/dist/esm/pds-avatar.entry.js +1 -1
  78. package/dist/esm/pds-button.entry.js +1 -1
  79. package/dist/esm/pds-chip.entry.js +1 -1
  80. package/dist/esm/pds-copytext.entry.js +1 -1
  81. package/dist/esm/pds-divider.entry.js +1 -1
  82. package/dist/esm/pds-dropdown-menu-item.entry.js +1 -1
  83. package/dist/esm/pds-dropdown-menu-separator.entry.js +1 -1
  84. package/dist/esm/pds-dropdown-menu.entry.js +1 -1
  85. package/dist/esm/pds-filter.entry.js +1 -1
  86. package/dist/esm/pds-filters.entry.js +1 -1
  87. package/dist/esm/pds-image.entry.js +2 -2
  88. package/dist/esm/pds-multiselect.entry.js +26 -7
  89. package/dist/esm/pds-popover.entry.js +1 -1
  90. package/dist/esm/pds-property.entry.js +1 -1
  91. package/dist/esm/pds-radio-group.entry.js +20 -15
  92. package/dist/esm/pds-sortable-item.entry.js +2 -2
  93. package/dist/esm/pds-sortable.entry.js +1 -1
  94. package/dist/esm/pds-switch.entry.js +5 -5
  95. package/dist/esm/pds-table.entry.js +2 -2
  96. package/dist/esm/pds-tabs.entry.js +1 -1
  97. package/dist/esm/pds-tooltip.entry.js +2 -3
  98. package/dist/esm-es5/pds-accordion.entry.js +1 -1
  99. package/dist/esm-es5/pds-alert.entry.js +1 -1
  100. package/dist/esm-es5/pds-avatar.entry.js +1 -1
  101. package/dist/esm-es5/pds-button.entry.js +1 -1
  102. package/dist/esm-es5/pds-chip.entry.js +1 -1
  103. package/dist/esm-es5/pds-copytext.entry.js +1 -1
  104. package/dist/esm-es5/pds-divider.entry.js +1 -1
  105. package/dist/esm-es5/pds-dropdown-menu-item.entry.js +1 -1
  106. package/dist/esm-es5/pds-dropdown-menu-separator.entry.js +1 -1
  107. package/dist/esm-es5/pds-dropdown-menu.entry.js +1 -1
  108. package/dist/esm-es5/pds-filter.entry.js +1 -1
  109. package/dist/esm-es5/pds-filters.entry.js +1 -1
  110. package/dist/esm-es5/pds-image.entry.js +1 -1
  111. package/dist/esm-es5/pds-multiselect.entry.js +1 -1
  112. package/dist/esm-es5/pds-popover.entry.js +1 -1
  113. package/dist/esm-es5/pds-property.entry.js +1 -1
  114. package/dist/esm-es5/pds-radio-group.entry.js +1 -1
  115. package/dist/esm-es5/pds-sortable-item.entry.js +1 -1
  116. package/dist/esm-es5/pds-sortable.entry.js +1 -1
  117. package/dist/esm-es5/pds-switch.entry.js +1 -1
  118. package/dist/esm-es5/pds-table.entry.js +1 -1
  119. package/dist/esm-es5/pds-tabs.entry.js +1 -1
  120. package/dist/esm-es5/pds-tooltip.entry.js +1 -1
  121. package/dist/pine-core/{p-d676926d.system.entry.js → p-191eb9e5.system.entry.js} +1 -1
  122. package/dist/pine-core/{p-736ea7dd.entry.js → p-1d4ecc35.entry.js} +1 -1
  123. package/dist/pine-core/{p-ddf4b9b5.system.entry.js → p-1e0c9738.system.entry.js} +1 -1
  124. package/dist/pine-core/{p-e4ebea88.system.entry.js → p-2482e4ab.system.entry.js} +1 -1
  125. package/dist/pine-core/p-3338fc2e.entry.js +1 -0
  126. package/dist/pine-core/{p-00891b8d.system.entry.js → p-34d22a45.system.entry.js} +1 -1
  127. package/dist/pine-core/p-35b90796.entry.js +1 -0
  128. package/dist/pine-core/p-38148f5b.entry.js +1 -0
  129. package/dist/pine-core/{p-51680c9c.system.entry.js → p-39264dfb.system.entry.js} +1 -1
  130. package/dist/pine-core/{p-0a7570dd.system.entry.js → p-3aed0418.system.entry.js} +1 -1
  131. package/dist/pine-core/{p-d1283e8d.entry.js → p-3dd879fd.entry.js} +1 -1
  132. package/dist/pine-core/p-3f1c05cd.system.entry.js +1 -0
  133. package/dist/pine-core/{p-b00b07e3.entry.js → p-42376f2c.entry.js} +1 -1
  134. package/dist/pine-core/p-4263038f.entry.js +1 -0
  135. package/dist/pine-core/{p-2ddcd845.system.entry.js → p-563baadd.system.entry.js} +1 -1
  136. package/dist/pine-core/p-587bd9ed.entry.js +1 -0
  137. package/dist/pine-core/p-5c7dfa7a.entry.js +1 -0
  138. package/dist/pine-core/{p-16fceef6.system.entry.js → p-63d47dd4.system.entry.js} +1 -1
  139. package/dist/pine-core/{p-55535481.system.entry.js → p-66e61921.system.entry.js} +1 -1
  140. package/dist/pine-core/p-6a965119.entry.js +1 -0
  141. package/dist/pine-core/{p-8afd5f5b.system.entry.js → p-6fdc6df9.system.entry.js} +1 -1
  142. package/dist/pine-core/{p-8e17a6d8.system.entry.js → p-863ff553.system.entry.js} +1 -1
  143. package/dist/pine-core/{p-de3b319e.system.entry.js → p-87cadd6f.system.entry.js} +1 -1
  144. package/dist/pine-core/{p-e2541eeb.entry.js → p-8db554fe.entry.js} +1 -1
  145. package/dist/pine-core/{p-60e65fe0.system.entry.js → p-931a0ccd.system.entry.js} +1 -1
  146. package/dist/pine-core/p-94fd9595.entry.js +1 -0
  147. package/dist/pine-core/{p-c9630934.system.entry.js → p-96bccf85.system.entry.js} +1 -1
  148. package/dist/pine-core/p-9a63bf72.entry.js +1 -0
  149. package/dist/pine-core/{p-f9bdaadd.system.entry.js → p-9da10cfb.system.entry.js} +1 -1
  150. package/dist/pine-core/p-XK45dzWR.system.js +1 -1
  151. package/dist/pine-core/{p-57edd301.system.entry.js → p-a0fa77b1.system.entry.js} +1 -1
  152. package/dist/pine-core/p-a1575919.entry.js +1 -0
  153. package/dist/pine-core/p-aae96744.entry.js +1 -0
  154. package/dist/pine-core/p-b379d9bc.system.entry.js +1 -0
  155. package/dist/pine-core/p-badde164.entry.js +1 -0
  156. package/dist/pine-core/p-c65f4eaa.system.entry.js +1 -0
  157. package/dist/pine-core/{p-97145eee.system.entry.js → p-c6c5ada6.system.entry.js} +1 -1
  158. package/dist/pine-core/p-d4b0122f.system.entry.js +1 -0
  159. package/dist/pine-core/{p-1ab52531.system.entry.js → p-d61a0fe8.system.entry.js} +1 -1
  160. package/dist/pine-core/{p-1a013a5c.system.entry.js → p-de3f4a28.system.entry.js} +1 -1
  161. package/dist/pine-core/p-e334af06.entry.js +1 -0
  162. package/dist/pine-core/p-e4216ff6.entry.js +1 -0
  163. package/dist/pine-core/p-e68044b3.entry.js +1 -0
  164. package/dist/pine-core/p-e75d8bc1.entry.js +1 -0
  165. package/dist/pine-core/{p-a5e9c583.entry.js → p-e871cfce.entry.js} +1 -1
  166. package/dist/pine-core/{p-8deeda07.entry.js → p-eee042d3.entry.js} +1 -1
  167. package/dist/pine-core/{p-1edef412.entry.js → p-f65127f1.entry.js} +1 -1
  168. package/dist/pine-core/pine-core.esm.js +1 -1
  169. package/dist/types/components/pds-accordion/pds-accordion.d.ts +1 -1
  170. package/dist/types/components/pds-alert/pds-alert.d.ts +1 -1
  171. package/dist/types/components/pds-avatar/pds-avatar.d.ts +1 -1
  172. package/dist/types/components/pds-button/pds-button.d.ts +1 -1
  173. package/dist/types/components/pds-chip/pds-chip.d.ts +1 -1
  174. package/dist/types/components/pds-copytext/pds-copytext.d.ts +1 -1
  175. package/dist/types/components/pds-divider/pds-divider.d.ts +1 -1
  176. package/dist/types/components/pds-dropdown-menu/pds-dropdown-menu-item/pds-dropdown-menu-item.d.ts +1 -1
  177. package/dist/types/components/pds-dropdown-menu/pds-dropdown-menu-separator/pds-dropdown-menu-separator.d.ts +1 -1
  178. package/dist/types/components/pds-dropdown-menu/pds-dropdown-menu.d.ts +1 -1
  179. package/dist/types/components/pds-filters/pds-filter/pds-filter.d.ts +2 -1
  180. package/dist/types/components/pds-filters/pds-filters.d.ts +1 -1
  181. package/dist/types/components/pds-image/pds-image.d.ts +1 -1
  182. package/dist/types/components/pds-multiselect/pds-multiselect.d.ts +11 -3
  183. package/dist/types/components/pds-popover/pds-popover.d.ts +2 -1
  184. package/dist/types/components/pds-property/pds-property.d.ts +1 -1
  185. package/dist/types/components/pds-radio-group/pds-radio-group.d.ts +2 -1
  186. package/dist/types/components/pds-sortable/pds-sortable-item/pds-sortable-item.d.ts +1 -1
  187. package/dist/types/components/pds-sortable/pds-sortable.d.ts +1 -1
  188. package/dist/types/components/pds-switch/pds-switch.d.ts +8 -5
  189. package/dist/types/components/pds-table/pds-table.d.ts +1 -1
  190. package/dist/types/components/pds-tabs/pds-tabs.d.ts +2 -1
  191. package/dist/types/components/pds-tooltip/pds-tooltip.d.ts +2 -1
  192. package/dist/types/components.d.ts +57 -57
  193. package/dist/vscode.html-data.json +30 -30
  194. package/hydrate/index.js +75 -52
  195. package/hydrate/index.mjs +75 -52
  196. package/package.json +2 -2
  197. package/dist/pine-core/p-1f998e3e.entry.js +0 -1
  198. package/dist/pine-core/p-2b6becc2.entry.js +0 -1
  199. package/dist/pine-core/p-3c229091.entry.js +0 -1
  200. package/dist/pine-core/p-5d582798.entry.js +0 -1
  201. package/dist/pine-core/p-627a94da.entry.js +0 -1
  202. package/dist/pine-core/p-72ff5ad2.system.entry.js +0 -1
  203. package/dist/pine-core/p-84d4ae26.entry.js +0 -1
  204. package/dist/pine-core/p-a4ce12ef.entry.js +0 -1
  205. package/dist/pine-core/p-b7b29392.entry.js +0 -1
  206. package/dist/pine-core/p-bdab6c9f.entry.js +0 -1
  207. package/dist/pine-core/p-c1dc7692.entry.js +0 -1
  208. package/dist/pine-core/p-cb9227f6.system.entry.js +0 -1
  209. package/dist/pine-core/p-ceef0eb1.entry.js +0 -1
  210. package/dist/pine-core/p-e554bd64.entry.js +0 -1
  211. package/dist/pine-core/p-e6427c87.entry.js +0 -1
  212. package/dist/pine-core/p-e7002cee.entry.js +0 -1
  213. package/dist/pine-core/p-e72e8b8f.entry.js +0 -1
  214. package/dist/pine-core/p-ef3a855f.system.entry.js +0 -1
  215. package/dist/pine-core/p-f9063262.system.entry.js +0 -1
  216. package/dist/pine-core/p-fea4296d.entry.js +0 -1
@@ -1077,7 +1077,7 @@ const PdsPopover = class {
1077
1077
  portal.style.left = `${left - origin.left}px`;
1078
1078
  }
1079
1079
  render() {
1080
- return (h(Host, { key: 'c76e121eb82b0d4f89f49bc83ff592ccf5774d57', id: this.componentId }, h("span", { key: '01061721f373e6f83729624d19f0beac0d6f093e', class: "pds-popover__trigger-wrapper" }, h("slot", { key: 'e68a2bd22ee6657e534da3d097bdaf3189815262', name: "trigger", onSlotchange: this.handleTriggerSlotChange })), h("span", { key: 'd48301ebb6a9e0729083829a0587a0a285faedda', class: "pds-popover__tab-guard", ref: (el) => (this.tabGuardEl = el !== null && el !== void 0 ? el : null), onFocus: this.handleTabGuardFocus }), h("div", { key: 'c7d2e348545adaa7566da7c4f6b13a7ee78d1322', class: "pds-popover__content-slot-wrapper" }, h("slot", { key: '312f54fa917c135adc2f2a5ccbbb3159a980df24', onSlotchange: this.handleContentSlotChange }))));
1080
+ return (h(Host, { key: '1767e44f8f0fba0938cc99fefdeb786cf9131384' }, h("span", { key: 'b5369451958d62562f007d600e7567809f281bfb', class: "pds-popover__trigger-wrapper" }, h("slot", { key: '30a8273c6365eff7fd8265966ae09d66ac84e0a9', name: "trigger", onSlotchange: this.handleTriggerSlotChange })), h("span", { key: 'a562458380244ca76af047edd00d40d012bc30ce', class: "pds-popover__tab-guard", ref: (el) => (this.tabGuardEl = el !== null && el !== void 0 ? el : null), onFocus: this.handleTabGuardFocus }), h("div", { key: '36db874a9f1bcdf0dc52d9cce368c5fc4f296b62', class: "pds-popover__content-slot-wrapper" }, h("slot", { key: '295f000fcdcaa4ef5249f4e98ed83cbd467351b0', onSlotchange: this.handleContentSlotChange }))));
1081
1081
  }
1082
1082
  get el() { return getElement(this); }
1083
1083
  static get watchers() { return {
@@ -12,7 +12,7 @@ const PdsProperty = class {
12
12
  this.icon = 'star';
13
13
  }
14
14
  render() {
15
- return (h(Host, { key: '198ffd747b7a84a6f58a1b072890fc8bd3ed93aa', id: this.componentId }, h("pds-box", { key: 'be71f3d96efea0a45f357d888f71dbe5ad8b68d6', "align-items": "center", gap: "xs" }, h("pds-icon", { key: '1a52407e00b158d5e6a515ad4b07ed3407d31f75', icon: this.icon, size: "var(--pine-dimension-sm)", "aria-hidden": "true" }), h("slot", { key: '46ac5019b27bdd079c7853abeef8f7c240d19c2c' }))));
15
+ return (h(Host, { key: '1bdcebaa09a696b18871651ef2615d0d400ddbb8' }, h("pds-box", { key: 'a4dc57f9e758b78fe3d4f2c096fadec53288e47b', "align-items": "center", gap: "xs" }, h("pds-icon", { key: '2a89c7e1231163b5e4ac20d3d0c3d43af414a11a', icon: this.icon, size: "var(--pine-dimension-sm)", "aria-hidden": "true" }), h("slot", { key: '4c4d2ee5ed05ad2ec53bbe4f79fa11c04c8eb44d' }))));
16
16
  }
17
17
  };
18
18
  PdsProperty.style = pdsPropertyCss();
@@ -6,6 +6,8 @@ import './keep-hydrated-BgNaWLoS.js';
6
6
 
7
7
  const pdsRadioGroupCss = () => `.sc-pds-radio-group-h{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-sm)}.is-invalid.sc-pds-radio-group-h .pds-radio-group__message--error.sc-pds-radio-group{color:var(--pine-color-text-message-danger)}.pds-radio-group__label.sc-pds-radio-group{color:var(--pine-color-text-label);font:var(--pine-typography-heading-6);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing-heading-6)}.pds-radio-group__radios.sc-pds-radio-group{display:-ms-flexbox;display:flex;gap:var(--pds-radio-group-gap, var(--pine-dimension-xs))}.pds-radio-group__radios--row.sc-pds-radio-group{-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.pds-radio-group__radios--column.sc-pds-radio-group{-ms-flex-direction:column;flex-direction:column}.pds-radio-group__message.sc-pds-radio-group{color:var(--pine-color-text-message);font:var(--pine-typography-body);width:100%}.pds-radio-group__message--error.sc-pds-radio-group{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-radio-group__message--error.sc-pds-radio-group pds-icon.sc-pds-radio-group{-webkit-margin-before:var(--pine-dimension-050);margin-block-start:var(--pine-dimension-050)}`;
8
8
 
9
+ // The label and message ids a group without component-id generates for itself.
10
+ const STALE_REFERENCE = /^radio-group-.+__(label|helper-message|error-message)$/;
9
11
  const PdsRadioGroup = class {
10
12
  constructor(hostRef) {
11
13
  registerInstance(this, hostRef);
@@ -123,18 +125,21 @@ const PdsRadioGroup = class {
123
125
  : `${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
124
126
  this._groupId = `radio-group-${uniqueId}`;
125
127
  }
126
- // A restored or cloned host still carries the id and ARIA references an earlier instance wrote, pointing at
127
- // that instance's label and messages. Drop them so this render writes its own: on first load, Stencil keeps a
128
- // host attribute that's already there.
129
- const previousId = this.el.getAttribute('id');
130
- if (previousId && previousId !== this._groupId) {
131
- ['aria-labelledby', 'aria-describedby'].forEach((name) => {
132
- var _a, _b;
133
- const ids = (_b = (_a = this.el.getAttribute(name)) === null || _a === void 0 ? void 0 : _a.split(/\s+/)) !== null && _b !== void 0 ? _b : [];
134
- if (ids.some((id) => id.startsWith(`${previousId}__`)))
135
- this.el.removeAttribute(name);
136
- });
137
- }
128
+ // A restored or cloned host can still carry the ARIA references an earlier instance wrote, pointing at that
129
+ // instance's label and messages. Drop those tokens so this render writes its own, and keep any others.
130
+ ['aria-labelledby', 'aria-describedby'].forEach((name) => {
131
+ var _a;
132
+ const ids = (_a = this.el.getAttribute(name)) === null || _a === void 0 ? void 0 : _a.split(/\s+/).filter(Boolean);
133
+ if (!ids)
134
+ return;
135
+ const kept = ids.filter((id) => !STALE_REFERENCE.test(id) || id.startsWith(`${this._groupId}__`));
136
+ if (kept.length === ids.length)
137
+ return;
138
+ if (kept.length)
139
+ this.el.setAttribute(name, kept.join(' '));
140
+ else
141
+ this.el.removeAttribute(name);
142
+ });
138
143
  }
139
144
  componentDidLoad() {
140
145
  if (!this.name) {
@@ -224,13 +229,13 @@ const PdsRadioGroup = class {
224
229
  'aria-describedby': ariaDescribedBy,
225
230
  'aria-labelledby': ariaLabelledBy === this.labelId ? ariaLabelledBy : undefined,
226
231
  });
227
- return (h(Host, { key: 'c0d30ada4c215a2a316e55e0c564eb2d74f811be', class: hostClass, id: this._groupId, role: "radiogroup", "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, style: {
232
+ return (h(Host, { key: 'd379f29bc62f1855c1a244c3edd800b390a98f54', class: hostClass, role: "radiogroup", "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, style: {
228
233
  '--pds-radio-group-gap': gapValue,
229
- } }, this.groupLabel && (h("div", { key: 'c237d7907b458131fd248b50b36f45df3c49f084', class: "pds-radio-group__label", id: this.labelId }, this.groupLabel)), h("div", { key: 'd31f36e69c4ee2fc9f9c86f0a25d56a4a5272372', class: {
234
+ } }, this.groupLabel && (h("div", { key: 'e2db8af21186405b0c7b6c23422e34b46ca6bbbe', class: "pds-radio-group__label", id: this.labelId }, this.groupLabel)), h("div", { key: 'f818e2b84374979cda34d635ff6e9d1982d67c46', class: {
230
235
  'pds-radio-group__radios': true,
231
236
  'pds-radio-group__radios--row': this.direction === 'row',
232
237
  'pds-radio-group__radios--column': this.direction === 'column',
233
- } }, h("slot", { key: '20153277b51dfe816596d7c4d7d1d12eaf08362a', onSlotchange: () => this.updateChildRadios() })), this.helperMessage && (h("div", { key: '1d48f78e3c3c56c949868a868bf9d73bdff81beb', class: "pds-radio-group__message", id: messageId(this._groupId, 'helper') }, this.helperMessage)), this.errorMessage && (h("div", { key: 'c2d0d3f60b9a598d60b372945852f0a7e512abbf', class: "pds-radio-group__message pds-radio-group__message--error", id: messageId(this._groupId, 'error'), "aria-live": "assertive" }, h("pds-icon", { key: '2f187a2fea00871f9980cc0fe799c758723174fe', "aria-hidden": "true", icon: danger, size: "small" }), this.errorMessage))));
238
+ } }, h("slot", { key: 'f4d61c9495773c33119fcddf270f5a4d345e507b', onSlotchange: () => this.updateChildRadios() })), this.helperMessage && (h("div", { key: '9ba493a3baf04085fba52f9f825024210122f0b5', class: "pds-radio-group__message", id: messageId(this._groupId, 'helper') }, this.helperMessage)), this.errorMessage && (h("div", { key: '3a11a19683b897b565d615d888c7f9357e0e1ed3', class: "pds-radio-group__message pds-radio-group__message--error", id: messageId(this._groupId, 'error'), "aria-live": "assertive" }, h("pds-icon", { key: 'c57a25a382cbcc216fffeab849eca06a78cb4b60', "aria-hidden": "true", icon: danger, size: "small" }), this.errorMessage))));
234
239
  }
235
240
  get el() { return getElement(this); }
236
241
  static get watchers() { return {
@@ -69,10 +69,10 @@ const PdsSortableItem = class {
69
69
  this.hostKeeper.record(hostClasses);
70
70
  const existingHandle = this.el.querySelector('.pds-sortable-item__handle');
71
71
  const wasPressed = (existingHandle === null || existingHandle === void 0 ? void 0 : existingHandle.getAttribute('aria-pressed')) === 'true';
72
- return (h(Host, { key: '5fdef76101ce86c7769bb49bff9869246c3bdb32', class: hostClasses, id: this.componentId }, (this.showHandle || reorderable) && (h("div", { key: 'e54b5a0006b395dc67ff78c6a115e4e498cae096', class: {
72
+ return (h(Host, { key: '93566ff82e0603508392df14f6ecec11872e822c', class: hostClasses }, (this.showHandle || reorderable) && (h("div", { key: 'c3c6bd592ab827a0fc513c101b5afec8acc62cf4', class: {
73
73
  'pds-sortable-item__handle': true,
74
74
  'pds-sortable-item__handle--hidden': !this.showHandle,
75
- }, role: reorderable ? 'button' : undefined, tabindex: reorderable ? '0' : undefined, "aria-label": reorderable ? formatMessage(sortable.handleLabel, { item: sortableItemLabel(this.el) }) : undefined, "aria-pressed": reorderable ? String(wasPressed) : undefined }, h("pds-icon", { key: 'e7099e03ea68c9f48c50d20868835081c4fdbc75', "aria-hidden": "true", icon: handle }))), h("slot", { key: 'c75d20569c150da8d0698657db787aa6d27e3408' }), this.enableActions && (h("div", { key: '14281b2eaedfa57ff90342fb1dcbff48cd656242', class: "pds-sortable-item__actions" }, h("slot", { key: 'ec1f75b331d136a00fc39db9ab2cadd86a416e8d', name: "sortable-item-actions" })))));
75
+ }, role: reorderable ? 'button' : undefined, tabindex: reorderable ? '0' : undefined, "aria-label": reorderable ? formatMessage(sortable.handleLabel, { item: sortableItemLabel(this.el) }) : undefined, "aria-pressed": reorderable ? String(wasPressed) : undefined }, h("pds-icon", { key: 'a71dd5c7c7d368ec0ef326d7f86f33bcaeecf238', "aria-hidden": "true", icon: handle }))), h("slot", { key: 'cf372e7f7a234829b77ae28604bfdbdced27b1e8' }), this.enableActions && (h("div", { key: 'abf8848c6c5ed09ddcf1b09be21f0ba851385f10', class: "pds-sortable-item__actions" }, h("slot", { key: 'e6b3b897c17529f5d803d72e6fcbeed66880f083', name: "sortable-item-actions" })))));
76
76
  }
77
77
  get el() { return getElement(this); }
78
78
  };
@@ -3067,7 +3067,7 @@ const PdsSortable = class {
3067
3067
  render() {
3068
3068
  const classNames = this.classNames();
3069
3069
  this.hostKeeper.record(classNames);
3070
- return (h(Host, { key: 'a1fb28574e3aa92a923c4baeecec690d4052601f', class: classNames, id: this.componentId, onFocusin: this.handleFocusIn, onFocusout: this.handleFocusOut, onKeyDown: this.handleKeyDown, onClick: this.handleClick }, h("slot", { key: 'b9a255d4f94a6b9976a4cac7e142e45210125828' })));
3070
+ return (h(Host, { key: 'f758a8b71485f09185ba511b304c48c3fcdb5298', class: classNames, onFocusin: this.handleFocusIn, onFocusout: this.handleFocusOut, onKeyDown: this.handleKeyDown, onClick: this.handleClick }, h("slot", { key: 'fecbafc235475dc67fb1d7fe051c42d2a51b4bfe' })));
3071
3071
  }
3072
3072
  get el() { return getElement(this); }
3073
3073
  static get watchers() { return {
@@ -29,7 +29,7 @@ const PdsSwitch = class {
29
29
  */
30
30
  this.disabled = false;
31
31
  /**
32
- * Determines the input 'invalid' state, signifying an error is present.
32
+ * Determines whether or not the switch is invalid.
33
33
  */
34
34
  this.invalid = false;
35
35
  /**
@@ -180,12 +180,12 @@ const PdsSwitch = class {
180
180
  const hostClass = this.switchClassNames();
181
181
  const ariaDisabled = this.isDisabled() ? 'true' : null;
182
182
  this.hostKeeper.record(hostClass, {}, { 'aria-disabled': ariaDisabled });
183
- return (h(Host, { key: 'e5100ae3ecfac3bb556582507cc628b2455ae6cc', class: hostClass, "aria-disabled": ariaDisabled }, h("label", { key: 'c337b8c4dc381c3a745100c707792c11711c01a1', htmlFor: this.componentId }, h("input", Object.assign({ key: 'f18ae27e7c91ef4d54b0192a04130420b991c9ff', "aria-describedby": this.ownDescriptionId(), "aria-invalid": this.invalid ? "true" : undefined, checked: this.checked, class: "pds-switch__input", disabled: this.isDisabled(), id: this.componentId, name: this.name ? this.name : this.componentId, onChange: this.onSwitchUpdate,
183
+ return (h(Host, { key: '4c6f12c064caead89979cc4aa0ef25c4581381c3', class: hostClass, "aria-disabled": ariaDisabled }, h("label", { key: 'c97164a6d6318be6cbcc026373e3d5c0a9316d56', htmlFor: this.componentId }, h("input", Object.assign({ key: 'dfaf7408c3fbbed38bd0732ff156e53f57235100', "aria-describedby": this.ownDescriptionId(), "aria-invalid": this.invalid ? "true" : undefined, checked: this.checked, class: "pds-switch__input", disabled: this.isDisabled(), id: this.componentId, name: this.name ? this.name : this.componentId, onChange: this.onSwitchUpdate,
184
184
  // A description added after the switch, or replaced by a framework or a DOM morph, is picked up by the
185
185
  // time focus reaches the switch and it's announced.
186
- onFocus: this.forwardDescription, ref: (el) => (this.inputEl = el), required: this.required, type: "checkbox", value: this.value }, this.inheritedAttributes)), h("span", { key: '4bddfc080db7fee6fa8080e890918757dacde3fb', class: this.hideLabel ? 'visually-hidden' : '' }, h("slot", { key: 'c9302409719113e12f6debb426c78dd0caaee88a', name: "label", onSlotchange: this.updateHasLabelSlot }), !this.hasLabelSlot && this.label)), this.helperMessage &&
187
- h("div", { key: '60785b9779cb2d50e6f0f2b32179106256f55ebf', class: `pds-switch__message`, id: messageId(this.componentId, 'helper') }, this.helperMessage), this.errorMessage &&
188
- h("div", { key: '9b258e9302c5ef959e8c06bee780d7d43144359b', class: `pds-switch__message pds-switch__message--error`, id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, h("pds-icon", { key: 'f8df779a8c65a6f0b6ea139ff3c31cca76eb48fa', "aria-hidden": "true", icon: danger, size: "small" }), this.errorMessage)));
186
+ onFocus: this.forwardDescription, ref: (el) => (this.inputEl = el), required: this.required, type: "checkbox", value: this.value }, this.inheritedAttributes)), h("span", { key: '5e621fa2881bb2d1eddd3dcbc33173f3cf49bd93', class: this.hideLabel ? 'visually-hidden' : '' }, h("slot", { key: 'ef682ce320b8d9f2897676af97e0b4d55c55358a', name: "label", onSlotchange: this.updateHasLabelSlot }), !this.hasLabelSlot && this.label)), this.helperMessage &&
187
+ h("div", { key: '145da644abc8829de20ca6f9c4532f5341dec441', class: `pds-switch__message`, id: messageId(this.componentId, 'helper') }, this.helperMessage), this.errorMessage &&
188
+ h("div", { key: '7766e34f6daaf760d78aec6f08b64f0de15deb4c', class: `pds-switch__message pds-switch__message--error`, id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, h("pds-icon", { key: '74dfd91aabf60608e8278ef84119466a2143ffc7', "aria-hidden": "true", icon: danger, size: "small" }), this.errorMessage)));
189
189
  }
190
190
  static get formAssociated() { return true; }
191
191
  get el() { return getElement(this); }
@@ -493,9 +493,9 @@ const PdsTable = class {
493
493
  }
494
494
  render() {
495
495
  if (this.responsive) {
496
- return (h(Host, { class: `${this.classNames()} pds-table-responsive-host`, id: this.componentId, role: "grid", selectable: this.selectable, tabindex: "0", part: "table responsive-table" }, h("div", { class: "scroll-shadow-left", part: "scroll-shadow-left" }), h("div", { class: "scroll-shadow-right", part: "scroll-shadow-right" }), h("div", { class: "pds-table-responsive-container", part: "responsive-container" }, h("div", { class: "pds-table-responsive-wrapper", part: "responsive-wrapper" }, h("div", { class: this.classNames(), part: "table-inner" }, h("slot", null))))));
496
+ return (h(Host, { class: `${this.classNames()} pds-table-responsive-host`, role: "grid", selectable: this.selectable, tabindex: "0", part: "table responsive-table" }, h("div", { class: "scroll-shadow-left", part: "scroll-shadow-left" }), h("div", { class: "scroll-shadow-right", part: "scroll-shadow-right" }), h("div", { class: "pds-table-responsive-container", part: "responsive-container" }, h("div", { class: "pds-table-responsive-wrapper", part: "responsive-wrapper" }, h("div", { class: this.classNames(), part: "table-inner" }, h("slot", null))))));
497
497
  }
498
- return (h(Host, { class: this.classNames(), id: this.componentId, role: "grid", selectable: this.selectable, tabindex: "0", part: "table" }, h("slot", null)));
498
+ return (h(Host, { class: this.classNames(), role: "grid", selectable: this.selectable, tabindex: "0", part: "table" }, h("slot", null)));
499
499
  }
500
500
  get el() { return getElement(this); }
501
501
  static get watchers() { return {
@@ -276,7 +276,7 @@ const PdsTabs = class {
276
276
  // Only the classes: `active-tab-name` backs the mutable activeTabName prop, so a morph that drops
277
277
  // it is a prop change, not a strip.
278
278
  this.hostKeeper.record(hostClass);
279
- return (h(Host, { key: '69985d6800ac879a8655d52a6b4f72c5b6a20c61', "active-tab-name": this.activeTabName, class: hostClass, id: this.componentId }, tabList, h("slot", { key: '0fb1b2521b15c77a50d81431cc1f0f6a40360cfa', name: "tabpanels" })));
279
+ return (h(Host, { key: '6ededb588230706dc0848164e991694490436bf1', "active-tab-name": this.activeTabName, class: hostClass }, tabList, h("slot", { key: '68d090b7b6a3bae74ceb66e1487ce96666a38c6e', name: "tabpanels" })));
280
280
  }
281
281
  get el() { return getElement(this); }
282
282
  };
@@ -424,10 +424,9 @@ const PdsTooltip = class {
424
424
  this.lastCopiedHtml = null;
425
425
  }
426
426
  render() {
427
- const hostId = this.componentId || undefined;
428
- return (h(Host, { key: '475ff12d4be035e3effa894353e7948b42a23489', id: hostId, class: { 'pds-tooltip--is-open': this.opened } }, h("span", { key: '3375dfb5bb86ba373bc5d617f4a53171505631d1', class: "pds-tooltip__trigger", onMouseEnter: this.handleShow, onMouseLeave: this.handleHide,
427
+ return (h(Host, { key: '8e9f4aac519caacca9d7e7bc92a714e09ecc756f', class: { 'pds-tooltip--is-open': this.opened } }, h("span", { key: 'f4a706e2b5bb68ac171c25ae02ae23555860c165', class: "pds-tooltip__trigger", onMouseEnter: this.handleShow, onMouseLeave: this.handleHide,
429
428
  /* focusin/out bubble; ensure keyboard users see tooltips */
430
- onFocusin: this.handleShow, onFocusout: this.handleHide, ref: el => this.triggerEl = el }, h("slot", { key: 'a3392ad415f5ac7f3883100bf914484ffcc8e536' })), h("div", { key: '774ac2c4808e96649b1536569aaf8cf8a6e3abc2', class: "pds-tooltip__content-slot-wrapper", hidden: true }, h("slot", { key: '672c64b4acdb365623885ac2105a9b90b1dcfa6b', name: "content" }))));
429
+ onFocusin: this.handleShow, onFocusout: this.handleHide, ref: el => this.triggerEl = el }, h("slot", { key: '7548da298a2295f40fd1c6a9b4f1e597f687b80e' })), h("div", { key: 'e19be5edd901bc8a6f96ace445451a976b92e447', class: "pds-tooltip__content-slot-wrapper", hidden: true }, h("slot", { key: '0616e0468350750019afb736d79ac9f49ace4730', name: "content" }))));
431
430
  }
432
431
  get el() { return getElement(this); }
433
432
  static get watchers() { return {
@@ -1 +1 @@
1
- import{r as registerInstance,c as createEvent,h,H as Host}from"./index-4_RRPJTO.js";import{d as downSmall}from"./index-B0DXTeeV.js";import"./keep-hydrated-BgNaWLoS.js";var pdsAccordionCss=function(){return":host{display:block}details{--number-animation-transform-timing:200ms;border-radius:var(--pine-dimension-xs)}details pds-icon{-webkit-transform:scaleY(1);transform:scaleY(1)}details[open]{background-color:var(--pine-color-background-container)}details[open] summary{color:var(--pine-color-text-active);font-weight:var(--pine-font-weight-semi-bold)}details[open] summary pds-icon{-webkit-transform:scaleY(-1);transform:scaleY(-1)}summary{background-color:var(--pine-color-background-container);border-radius:var(--pine-dimension-xs);color:var(--pine-color-text-muted);font-family:var(--pine-font-family-body);font-size:var(--pine-font-size-body-md);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);padding-block:calc(var(--pine-dimension-2xs) * 1.5);-webkit-padding-end:var(--pine-dimension-2xs);padding-inline-end:var(--pine-dimension-2xs);-webkit-padding-start:var(--pine-dimension-xs);padding-inline-start:var(--pine-dimension-xs);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}summary::-webkit-details-marker{display:none}summary:hover{background:var(--pine-color-background-container-hover);color:var(--pine-color-text);cursor:pointer}summary:focus-visible{outline:var(--pine-outline-focus);position:relative}summary pds-icon{-webkit-margin-start:auto;margin-inline-start:auto}.pds-accordion__body{-webkit-padding-after:calc(var(--pine-dimension-sm) + 2);padding-block-end:calc(var(--pine-dimension-sm) + 2);padding-inline:calc(var(--pine-dimension-2xs) * 1.5)}"};var PdsAccordion=function(){function e(e){var n=this;registerInstance(this,e);this.pdsAccordionToggle=createEvent(this,"pdsAccordionToggle");this.isOpen=false;this.handleToggle=function(){n.isOpen=n.detailsEl.open};this.getOpenAttribute=function(){if(n.isOpen!==false){return{open:true}}return""}}e.prototype.handleOpenState=function(e){this.pdsAccordionToggle.emit(e)};e.prototype.componentDidLoad=function(){this.detailsEl.addEventListener("toggle",this.handleToggle)};e.prototype.render=function(){var e=this;return h(Host,{key:"dd45657cb2bfe2e26f3a2fcad6a941559f1968c5",class:"pds-accordion",id:this.componentId},h("details",Object.assign({key:"9dff1b1a3e4cdd308537c1e5f4020d6b74e4ac4e"},this.getOpenAttribute(),{ref:function(n){return e.detailsEl=n}}),h("summary",{key:"59152e8eece069bedd0109d1952dc1de95bc5d9a",part:"accordion-button"},h("slot",{key:"73881348e657d880c60a5420a758217789f03b0c",name:"label"},"Details"),h("pds-icon",{key:"35fbb0c45bc97ce3b69fd8184ef085230253d675","aria-hidden":"true",icon:downSmall,part:"accordion-icon"})),h("div",{key:"c9bb44d8135560b0e486a730830642387c87a67a",part:"accordion-body",class:"pds-accordion__body"},h("slot",{key:"f18d2a5a87d5d2653ce92766bc34c4506b88d4f4"}))))};Object.defineProperty(e,"watchers",{get:function(){return{isOpen:[{handleOpenState:0}]}},enumerable:false,configurable:true});return e}();PdsAccordion.style=pdsAccordionCss();export{PdsAccordion as pds_accordion};
1
+ import{r as registerInstance,c as createEvent,h,H as Host}from"./index-4_RRPJTO.js";import{d as downSmall}from"./index-B0DXTeeV.js";import"./keep-hydrated-BgNaWLoS.js";var pdsAccordionCss=function(){return":host{display:block}details{--number-animation-transform-timing:200ms;border-radius:var(--pine-dimension-xs)}details pds-icon{-webkit-transform:scaleY(1);transform:scaleY(1)}details[open]{background-color:var(--pine-color-background-container)}details[open] summary{color:var(--pine-color-text-active);font-weight:var(--pine-font-weight-semi-bold)}details[open] summary pds-icon{-webkit-transform:scaleY(-1);transform:scaleY(-1)}summary{background-color:var(--pine-color-background-container);border-radius:var(--pine-dimension-xs);color:var(--pine-color-text-muted);font-family:var(--pine-font-family-body);font-size:var(--pine-font-size-body-md);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);padding-block:calc(var(--pine-dimension-2xs) * 1.5);-webkit-padding-end:var(--pine-dimension-2xs);padding-inline-end:var(--pine-dimension-2xs);-webkit-padding-start:var(--pine-dimension-xs);padding-inline-start:var(--pine-dimension-xs);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}summary::-webkit-details-marker{display:none}summary:hover{background:var(--pine-color-background-container-hover);color:var(--pine-color-text);cursor:pointer}summary:focus-visible{outline:var(--pine-outline-focus);position:relative}summary pds-icon{-webkit-margin-start:auto;margin-inline-start:auto}.pds-accordion__body{-webkit-padding-after:calc(var(--pine-dimension-sm) + 2);padding-block-end:calc(var(--pine-dimension-sm) + 2);padding-inline:calc(var(--pine-dimension-2xs) * 1.5)}"};var PdsAccordion=function(){function e(e){var n=this;registerInstance(this,e);this.pdsAccordionToggle=createEvent(this,"pdsAccordionToggle");this.isOpen=false;this.handleToggle=function(){n.isOpen=n.detailsEl.open};this.getOpenAttribute=function(){if(n.isOpen!==false){return{open:true}}return""}}e.prototype.handleOpenState=function(e){this.pdsAccordionToggle.emit(e)};e.prototype.componentDidLoad=function(){this.detailsEl.addEventListener("toggle",this.handleToggle)};e.prototype.render=function(){var e=this;return h(Host,{key:"245ae62c7427cfcad6eb6c3213c9b13aada4de79",class:"pds-accordion"},h("details",Object.assign({key:"f69707beaacf2d10d75d604042fa8ed99b345db1"},this.getOpenAttribute(),{ref:function(n){return e.detailsEl=n}}),h("summary",{key:"0329e0502b344834f2180c9ecd17136416dc8700",part:"accordion-button"},h("slot",{key:"59085adef7239c0e697ae4a0d0104d7a9a95c8d6",name:"label"},"Details"),h("pds-icon",{key:"7ea87ae13f047de27cf469c48bc3bad90f5a01e7","aria-hidden":"true",icon:downSmall,part:"accordion-icon"})),h("div",{key:"1e4febc7cbe2da9ffdd2f6a11802cca22f5b2573",part:"accordion-body",class:"pds-accordion__body"},h("slot",{key:"fcee6efccbc7233a83b62a443172a42c0f800aea"}))))};Object.defineProperty(e,"watchers",{get:function(){return{isOpen:[{handleOpenState:0}]}},enumerable:false,configurable:true});return e}();PdsAccordion.style=pdsAccordionCss();export{PdsAccordion as pds_accordion};
@@ -1 +1 @@
1
- import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-4_RRPJTO.js";import"./keep-hydrated-BgNaWLoS.js";var pdsAlertTokensCss=function(){return":host{--pine-alert-color-background:var(--pine-color-grey-150);--pine-alert-color-border:var(--pine-color-grey-300);--pine-alert-color-dismiss:var(--pine-color-grey-900);--pine-alert-color-dismiss-hover:var(--pine-color-grey-300);--pine-alert-color-icon:var(--pine-color-grey-700);--pine-alert-color-link:var(--pine-color-grey-900);--pine-alert-color-link-hover:var(--pine-color-grey-950);--pine-alert-color-text:var(--pine-color-grey-950);--pine-alert-color-danger-background:var(--pine-color-red-150);--pine-alert-color-danger-border:var(--pine-color-red-300);--pine-alert-color-danger-dismiss:var(--pine-color-red-900);--pine-alert-color-danger-dismiss-hover:var(--pine-color-red-300);--pine-alert-color-danger-icon:var(--pine-color-red-700);--pine-alert-color-danger-link:var(--pine-color-red-900);--pine-alert-color-danger-link-hover:var(--pine-color-red-950);--pine-alert-color-danger-text:var(--pine-color-red-950);--pine-alert-color-info-background:var(--pine-color-blue-150);--pine-alert-color-info-border:var(--pine-color-blue-300);--pine-alert-color-info-dismiss:var(--pine-color-blue-900);--pine-alert-color-info-dismiss-hover:var(--pine-color-blue-300);--pine-alert-color-info-icon:var(--pine-color-blue-700);--pine-alert-color-info-link:var(--pine-color-blue-900);--pine-alert-color-info-link-hover:var(--pine-color-blue-950);--pine-alert-color-info-text:var(--pine-color-blue-950);--pine-alert-color-success-background:var(--pine-color-green-150);--pine-alert-color-success-border:var(--pine-color-green-300);--pine-alert-color-success-dismiss:var(--pine-color-green-900);--pine-alert-color-success-dismiss-hover:var(--pine-color-green-300);--pine-alert-color-success-icon:var(--pine-color-green-700);--pine-alert-color-success-link:var(--pine-color-green-900);--pine-alert-color-success-link-hover:var(--pine-color-green-950);--pine-alert-color-success-text:var(--pine-color-green-950);--pine-alert-color-warning-background:var(--pine-color-yellow-150);--pine-alert-color-warning-border:var(--pine-color-yellow-300);--pine-alert-color-warning-dismiss:var(--pine-color-yellow-900);--pine-alert-color-warning-dismiss-hover:var(--pine-color-yellow-300);--pine-alert-color-warning-icon:var(--pine-color-yellow-700);--pine-alert-color-warning-link:var(--pine-color-yellow-900);--pine-alert-color-warning-link-hover:var(--pine-color-yellow-950);--pine-alert-color-warning-text:var(--pine-color-yellow-950)}:host-context([data-theme=dark]){--pine-alert-color-background:var(--pine-color-grey-800);--pine-alert-color-border:var(--pine-color-grey-600);--pine-alert-color-dismiss:var(--pine-color-grey-200);--pine-alert-color-dismiss-hover:var(--pine-color-grey-700);--pine-alert-color-icon:var(--pine-color-grey-300);--pine-alert-color-link:var(--pine-color-grey-300);--pine-alert-color-link-hover:var(--pine-color-grey-050);--pine-alert-color-text:var(--pine-color-grey-100);--pine-alert-color-danger-background:var(--pine-color-red-900);--pine-alert-color-danger-border:var(--pine-color-red-800);--pine-alert-color-danger-dismiss:var(--pine-color-red-200);--pine-alert-color-danger-dismiss-hover:var(--pine-color-red-800);--pine-alert-color-danger-icon:var(--pine-color-red-400);--pine-alert-color-danger-link:var(--pine-color-red-300);--pine-alert-color-danger-link-hover:var(--pine-color-red-200);--pine-alert-color-danger-text:var(--pine-color-red-100);--pine-alert-color-info-background:var(--pine-color-blue-900);--pine-alert-color-info-border:var(--pine-color-blue-800);--pine-alert-color-info-dismiss:var(--pine-color-blue-200);--pine-alert-color-info-dismiss-hover:var(--pine-color-blue-800);--pine-alert-color-info-icon:var(--pine-color-blue-400);--pine-alert-color-info-link:var(--pine-color-blue-300);--pine-alert-color-info-link-hover:var(--pine-color-blue-200);--pine-alert-color-info-text:var(--pine-color-blue-100);--pine-alert-color-success-background:var(--pine-color-green-900);--pine-alert-color-success-border:var(--pine-color-green-800);--pine-alert-color-success-dismiss:var(--pine-color-green-200);--pine-alert-color-success-dismiss-hover:var(--pine-color-green-800);--pine-alert-color-success-icon:var(--pine-color-green-400);--pine-alert-color-success-link:var(--pine-color-green-300);--pine-alert-color-success-link-hover:var(--pine-color-green-200);--pine-alert-color-success-text:var(--pine-color-green-100);--pine-alert-color-warning-background:var(--pine-color-yellow-900);--pine-alert-color-warning-border:var(--pine-color-yellow-800);--pine-alert-color-warning-dismiss:var(--pine-color-yellow-200);--pine-alert-color-warning-dismiss-hover:var(--pine-color-yellow-800);--pine-alert-color-warning-icon:var(--pine-color-yellow-400);--pine-alert-color-warning-link:var(--pine-color-yellow-300);--pine-alert-color-warning-link-hover:var(--pine-color-yellow-200);--pine-alert-color-warning-text:var(--pine-color-yellow-100)}"};var pdsAlertCss=function(){return":host{--pds-context-link-color:var(--pine-alert-color-link);--pds-context-link-color-hover:var(--pine-alert-color-link-hover);display:block;line-height:1;width:100%}:host([variant=danger]){--pds-context-link-color:var(--pine-alert-color-danger-link);--pds-context-link-color-hover:var(--pine-alert-color-danger-link-hover)}:host([variant=info]){--pds-context-link-color:var(--pine-alert-color-info-link);--pds-context-link-color-hover:var(--pine-alert-color-info-link-hover)}:host([variant=success]){--pds-context-link-color:var(--pine-alert-color-success-link);--pds-context-link-color-hover:var(--pine-alert-color-success-link-hover)}:host([variant=warning]){--pds-context-link-color:var(--pine-alert-color-warning-link);--pds-context-link-color-hover:var(--pine-alert-color-warning-link-hover)}.pds-alert__container{--pds-alert-icon-size:var(--pine-dimension-sm);--pds-alert-border-dismiss-outline:2px solid var(--pds-alert-color-dismiss);--pds-alert-background:var(--pine-alert-color-background);--pds-alert-border-color:var(--pine-alert-color-border);--pds-alert-color-icon:var(--pine-alert-color-icon);--pds-alert-color-text:var(--pine-alert-color-text);--pds-alert-color-dismiss:var(--pine-alert-color-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-dismiss-hover);padding:var(--pine-dimension-250)}.pds-alert__container--danger{--pds-alert-background:var(--pine-alert-color-danger-background);--pds-alert-border-color:var(--pine-alert-color-danger-border);--pds-alert-color-icon:var(--pine-alert-color-danger-icon);--pds-alert-color-text:var(--pine-alert-color-danger-text);--pds-alert-color-dismiss:var(--pine-alert-color-danger-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-danger-dismiss-hover)}.pds-alert__container--info{--pds-alert-background:var(--pine-alert-color-info-background);--pds-alert-border-color:var(--pine-alert-color-info-border);--pds-alert-color-icon:var(--pine-alert-color-info-icon);--pds-alert-color-text:var(--pine-alert-color-info-text);--pds-alert-color-dismiss:var(--pine-alert-color-info-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-info-dismiss-hover)}.pds-alert__container--success{--pds-alert-background:var(--pine-alert-color-success-background);--pds-alert-border-color:var(--pine-alert-color-success-border);--pds-alert-color-icon:var(--pine-alert-color-success-icon);--pds-alert-color-text:var(--pine-alert-color-success-text);--pds-alert-color-dismiss:var(--pine-alert-color-success-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-success-dismiss-hover)}.pds-alert__container--warning{--pds-alert-background:var(--pine-alert-color-warning-background);--pds-alert-border-color:var(--pine-alert-color-warning-border);--pds-alert-color-icon:var(--pine-alert-color-warning-icon);--pds-alert-color-text:var(--pine-alert-color-warning-text);--pds-alert-color-dismiss:var(--pine-alert-color-warning-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-warning-dismiss-hover)}.pds-alert__icon{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-alert__icon--small{-webkit-margin-before:0;margin-block-start:0}.pds-alert__content-wrapper{-ms-flex:1;flex:1;min-width:0;overflow:hidden;width:100%}.pds-alert__dismiss{-ms-flex-align:center;align-items:center;background:none;border:0;border-radius:var(--pine-border-radius-full);cursor:pointer;display:-ms-flexbox;display:flex;height:var(--pine-dimension-250);-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-xs);width:var(--pine-dimension-250)}.pds-alert__dismiss:hover{background:var(--pds-alert-background-dismiss-hover);opacity:0.8}.pds-alert__dismiss:focus-visible{outline:var(--pds-alert-border-dismiss-outline)}.pds-alert__description--small{-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;min-width:0}.pds-alert__actions{-webkit-margin-before:var(--pine-dimension-sm);margin-block-start:var(--pine-dimension-sm)}.pds-alert__actions--small{-ms-flex-negative:0;flex-shrink:0;-webkit-margin-start:auto;margin-inline-start:auto;white-space:nowrap}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}"};var SEVERITY_LABELS={danger:"Error",info:"Info",success:"Success",warning:"Warning"};var PdsAlert=function(){function r(r){var e=this;registerInstance(this,r);this.pdsAlertDismissClick=createEvent(this,"pdsAlertDismissClick");this.small=false;this.dismissible=false;this.hideIcon=false;this.variant="default";this.dismissLabel="Dismiss alert";this.hasActionsContent=false;this.handleCloseClick=function(){e.pdsAlertDismissClick.emit()}}r.prototype.componentWillRender=function(){var r=this.el.querySelector('[slot="actions"]');this.hasActionsContent=!!r};r.prototype.renderActions=function(r){return h("pds-box",{class:r?"pds-alert__actions--small":"pds-alert__actions",gap:"sm",flex:r?"none":undefined,"align-items":r?undefined:"center"},h("slot",{name:"actions"}))};r.prototype.renderContent=function(){if(this.small){return h("pds-box",{display:"flex",gap:"md","align-items":"center"},h("pds-text",{truncate:this.small,class:"pds-alert__description--small",color:"var(--pds-alert-color-text)",tag:"p"},h("slot",null)),this.hasActionsContent&&this.renderActions(true))}return h("div",null,h("pds-text",{class:"pds-alert__description",color:"var(--pds-alert-color-text)",tag:"p"},h("slot",null)),this.hasActionsContent&&this.renderActions(false))};r.prototype.severityText=function(){var r;return(r=this.severityLabel)!==null&&r!==void 0?r:SEVERITY_LABELS[this.variant]};r.prototype.render=function(){var r=this.severityText();var e={danger:"warning-filled",default:"info-circle-filled",info:"info-circle-filled",success:"check-circle-filled",warning:"info-circle-filled"};var o=e[this.variant]||e.default;return h(Host,{key:"019ac6b59e4154b88814ccae8a9afa930efd7ac6",class:"pds-alert",id:this.componentId,variant:this.variant},h("pds-box",{key:"c85aa29140b2febe7af477cd968e0da0c18bf5df",class:"pds-alert__container pds-alert__container--".concat(this.variant),"background-color":"var(--pds-alert-background)","border-color":"var(--pds-alert-border-color)","border-radius":"md",border:true,display:"block"},h("pds-box",{key:"0c6cc23581fe7ce9e19ddedff5a3cc09e1401ebc",gap:"sm",display:"flex","align-items":this.small?"center":undefined},r&&h("span",{key:"7d89247321abb724c74d835e8930d39babaab5e5",class:"visually-hidden"},r),!this.hideIcon&&h("pds-icon",{key:"1d82c128e2d58b278391b79412c2770ab2c60987",class:"pds-alert__icon ".concat(this.small?"pds-alert__icon--small":""),color:"var(--pds-alert-color-icon)",icon:o,size:"var(--pds-alert-icon-size)","aria-hidden":"true"}),h("pds-box",{key:"b40276367299c772114e99e94efc73cad5c63179",class:"pds-alert__content-wrapper",direction:"column",gap:"xs",flex:"grow"},this.heading&&!this.small&&h("pds-text",{key:"2d70990548c3ea7e7d78ca68683dee779e9e82fc",class:"pds-alert__heading",color:"var(--pds-alert-color-text)",size:"h5",tag:"h3",weight:"medium"},this.heading),this.renderContent()),this.dismissible&&h("button",{key:"777fe5ff528d2069fe77eacb22bc3d366f4100d4",class:"pds-alert__dismiss",type:"button",part:"dismiss","aria-label":this.dismissLabel,onClick:this.handleCloseClick},h("pds-icon",{key:"d616de534455dbd43a5353634ddfed8332ee7e7c",icon:"remove",size:"var(--pds-alert-icon-size)","aria-hidden":"true",color:"var(--pds-alert-color-dismiss)"})))))};Object.defineProperty(r.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return r}();PdsAlert.style=pdsAlertTokensCss()+pdsAlertCss();export{PdsAlert as pds_alert};
1
+ import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-4_RRPJTO.js";import"./keep-hydrated-BgNaWLoS.js";var pdsAlertTokensCss=function(){return":host{--pine-alert-color-background:var(--pine-color-grey-150);--pine-alert-color-border:var(--pine-color-grey-300);--pine-alert-color-dismiss:var(--pine-color-grey-900);--pine-alert-color-dismiss-hover:var(--pine-color-grey-300);--pine-alert-color-icon:var(--pine-color-grey-700);--pine-alert-color-link:var(--pine-color-grey-900);--pine-alert-color-link-hover:var(--pine-color-grey-950);--pine-alert-color-text:var(--pine-color-grey-950);--pine-alert-color-danger-background:var(--pine-color-red-150);--pine-alert-color-danger-border:var(--pine-color-red-300);--pine-alert-color-danger-dismiss:var(--pine-color-red-900);--pine-alert-color-danger-dismiss-hover:var(--pine-color-red-300);--pine-alert-color-danger-icon:var(--pine-color-red-700);--pine-alert-color-danger-link:var(--pine-color-red-900);--pine-alert-color-danger-link-hover:var(--pine-color-red-950);--pine-alert-color-danger-text:var(--pine-color-red-950);--pine-alert-color-info-background:var(--pine-color-blue-150);--pine-alert-color-info-border:var(--pine-color-blue-300);--pine-alert-color-info-dismiss:var(--pine-color-blue-900);--pine-alert-color-info-dismiss-hover:var(--pine-color-blue-300);--pine-alert-color-info-icon:var(--pine-color-blue-700);--pine-alert-color-info-link:var(--pine-color-blue-900);--pine-alert-color-info-link-hover:var(--pine-color-blue-950);--pine-alert-color-info-text:var(--pine-color-blue-950);--pine-alert-color-success-background:var(--pine-color-green-150);--pine-alert-color-success-border:var(--pine-color-green-300);--pine-alert-color-success-dismiss:var(--pine-color-green-900);--pine-alert-color-success-dismiss-hover:var(--pine-color-green-300);--pine-alert-color-success-icon:var(--pine-color-green-700);--pine-alert-color-success-link:var(--pine-color-green-900);--pine-alert-color-success-link-hover:var(--pine-color-green-950);--pine-alert-color-success-text:var(--pine-color-green-950);--pine-alert-color-warning-background:var(--pine-color-yellow-150);--pine-alert-color-warning-border:var(--pine-color-yellow-300);--pine-alert-color-warning-dismiss:var(--pine-color-yellow-900);--pine-alert-color-warning-dismiss-hover:var(--pine-color-yellow-300);--pine-alert-color-warning-icon:var(--pine-color-yellow-700);--pine-alert-color-warning-link:var(--pine-color-yellow-900);--pine-alert-color-warning-link-hover:var(--pine-color-yellow-950);--pine-alert-color-warning-text:var(--pine-color-yellow-950)}:host-context([data-theme=dark]){--pine-alert-color-background:var(--pine-color-grey-800);--pine-alert-color-border:var(--pine-color-grey-600);--pine-alert-color-dismiss:var(--pine-color-grey-200);--pine-alert-color-dismiss-hover:var(--pine-color-grey-700);--pine-alert-color-icon:var(--pine-color-grey-300);--pine-alert-color-link:var(--pine-color-grey-300);--pine-alert-color-link-hover:var(--pine-color-grey-050);--pine-alert-color-text:var(--pine-color-grey-100);--pine-alert-color-danger-background:var(--pine-color-red-900);--pine-alert-color-danger-border:var(--pine-color-red-800);--pine-alert-color-danger-dismiss:var(--pine-color-red-200);--pine-alert-color-danger-dismiss-hover:var(--pine-color-red-800);--pine-alert-color-danger-icon:var(--pine-color-red-400);--pine-alert-color-danger-link:var(--pine-color-red-300);--pine-alert-color-danger-link-hover:var(--pine-color-red-200);--pine-alert-color-danger-text:var(--pine-color-red-100);--pine-alert-color-info-background:var(--pine-color-blue-900);--pine-alert-color-info-border:var(--pine-color-blue-800);--pine-alert-color-info-dismiss:var(--pine-color-blue-200);--pine-alert-color-info-dismiss-hover:var(--pine-color-blue-800);--pine-alert-color-info-icon:var(--pine-color-blue-400);--pine-alert-color-info-link:var(--pine-color-blue-300);--pine-alert-color-info-link-hover:var(--pine-color-blue-200);--pine-alert-color-info-text:var(--pine-color-blue-100);--pine-alert-color-success-background:var(--pine-color-green-900);--pine-alert-color-success-border:var(--pine-color-green-800);--pine-alert-color-success-dismiss:var(--pine-color-green-200);--pine-alert-color-success-dismiss-hover:var(--pine-color-green-800);--pine-alert-color-success-icon:var(--pine-color-green-400);--pine-alert-color-success-link:var(--pine-color-green-300);--pine-alert-color-success-link-hover:var(--pine-color-green-200);--pine-alert-color-success-text:var(--pine-color-green-100);--pine-alert-color-warning-background:var(--pine-color-yellow-900);--pine-alert-color-warning-border:var(--pine-color-yellow-800);--pine-alert-color-warning-dismiss:var(--pine-color-yellow-200);--pine-alert-color-warning-dismiss-hover:var(--pine-color-yellow-800);--pine-alert-color-warning-icon:var(--pine-color-yellow-400);--pine-alert-color-warning-link:var(--pine-color-yellow-300);--pine-alert-color-warning-link-hover:var(--pine-color-yellow-200);--pine-alert-color-warning-text:var(--pine-color-yellow-100)}"};var pdsAlertCss=function(){return":host{--pds-context-link-color:var(--pine-alert-color-link);--pds-context-link-color-hover:var(--pine-alert-color-link-hover);display:block;line-height:1;width:100%}:host([variant=danger]){--pds-context-link-color:var(--pine-alert-color-danger-link);--pds-context-link-color-hover:var(--pine-alert-color-danger-link-hover)}:host([variant=info]){--pds-context-link-color:var(--pine-alert-color-info-link);--pds-context-link-color-hover:var(--pine-alert-color-info-link-hover)}:host([variant=success]){--pds-context-link-color:var(--pine-alert-color-success-link);--pds-context-link-color-hover:var(--pine-alert-color-success-link-hover)}:host([variant=warning]){--pds-context-link-color:var(--pine-alert-color-warning-link);--pds-context-link-color-hover:var(--pine-alert-color-warning-link-hover)}.pds-alert__container{--pds-alert-icon-size:var(--pine-dimension-sm);--pds-alert-border-dismiss-outline:2px solid var(--pds-alert-color-dismiss);--pds-alert-background:var(--pine-alert-color-background);--pds-alert-border-color:var(--pine-alert-color-border);--pds-alert-color-icon:var(--pine-alert-color-icon);--pds-alert-color-text:var(--pine-alert-color-text);--pds-alert-color-dismiss:var(--pine-alert-color-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-dismiss-hover);padding:var(--pine-dimension-250)}.pds-alert__container--danger{--pds-alert-background:var(--pine-alert-color-danger-background);--pds-alert-border-color:var(--pine-alert-color-danger-border);--pds-alert-color-icon:var(--pine-alert-color-danger-icon);--pds-alert-color-text:var(--pine-alert-color-danger-text);--pds-alert-color-dismiss:var(--pine-alert-color-danger-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-danger-dismiss-hover)}.pds-alert__container--info{--pds-alert-background:var(--pine-alert-color-info-background);--pds-alert-border-color:var(--pine-alert-color-info-border);--pds-alert-color-icon:var(--pine-alert-color-info-icon);--pds-alert-color-text:var(--pine-alert-color-info-text);--pds-alert-color-dismiss:var(--pine-alert-color-info-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-info-dismiss-hover)}.pds-alert__container--success{--pds-alert-background:var(--pine-alert-color-success-background);--pds-alert-border-color:var(--pine-alert-color-success-border);--pds-alert-color-icon:var(--pine-alert-color-success-icon);--pds-alert-color-text:var(--pine-alert-color-success-text);--pds-alert-color-dismiss:var(--pine-alert-color-success-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-success-dismiss-hover)}.pds-alert__container--warning{--pds-alert-background:var(--pine-alert-color-warning-background);--pds-alert-border-color:var(--pine-alert-color-warning-border);--pds-alert-color-icon:var(--pine-alert-color-warning-icon);--pds-alert-color-text:var(--pine-alert-color-warning-text);--pds-alert-color-dismiss:var(--pine-alert-color-warning-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-warning-dismiss-hover)}.pds-alert__icon{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-alert__icon--small{-webkit-margin-before:0;margin-block-start:0}.pds-alert__content-wrapper{-ms-flex:1;flex:1;min-width:0;overflow:hidden;width:100%}.pds-alert__dismiss{-ms-flex-align:center;align-items:center;background:none;border:0;border-radius:var(--pine-border-radius-full);cursor:pointer;display:-ms-flexbox;display:flex;height:var(--pine-dimension-250);-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-xs);width:var(--pine-dimension-250)}.pds-alert__dismiss:hover{background:var(--pds-alert-background-dismiss-hover);opacity:0.8}.pds-alert__dismiss:focus-visible{outline:var(--pds-alert-border-dismiss-outline)}.pds-alert__description--small{-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;min-width:0}.pds-alert__actions{-webkit-margin-before:var(--pine-dimension-sm);margin-block-start:var(--pine-dimension-sm)}.pds-alert__actions--small{-ms-flex-negative:0;flex-shrink:0;-webkit-margin-start:auto;margin-inline-start:auto;white-space:nowrap}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}"};var SEVERITY_LABELS={danger:"Error",info:"Info",success:"Success",warning:"Warning"};var PdsAlert=function(){function r(r){var e=this;registerInstance(this,r);this.pdsAlertDismissClick=createEvent(this,"pdsAlertDismissClick");this.small=false;this.dismissible=false;this.hideIcon=false;this.variant="default";this.dismissLabel="Dismiss alert";this.hasActionsContent=false;this.handleCloseClick=function(){e.pdsAlertDismissClick.emit()}}r.prototype.componentWillRender=function(){var r=this.el.querySelector('[slot="actions"]');this.hasActionsContent=!!r};r.prototype.renderActions=function(r){return h("pds-box",{class:r?"pds-alert__actions--small":"pds-alert__actions",gap:"sm",flex:r?"none":undefined,"align-items":r?undefined:"center"},h("slot",{name:"actions"}))};r.prototype.renderContent=function(){if(this.small){return h("pds-box",{display:"flex",gap:"md","align-items":"center"},h("pds-text",{truncate:this.small,class:"pds-alert__description--small",color:"var(--pds-alert-color-text)",tag:"p"},h("slot",null)),this.hasActionsContent&&this.renderActions(true))}return h("div",null,h("pds-text",{class:"pds-alert__description",color:"var(--pds-alert-color-text)",tag:"p"},h("slot",null)),this.hasActionsContent&&this.renderActions(false))};r.prototype.severityText=function(){var r;return(r=this.severityLabel)!==null&&r!==void 0?r:SEVERITY_LABELS[this.variant]};r.prototype.render=function(){var r=this.severityText();var e={danger:"warning-filled",default:"info-circle-filled",info:"info-circle-filled",success:"check-circle-filled",warning:"info-circle-filled"};var o=e[this.variant]||e.default;return h(Host,{key:"1fc2d61c1740070616eb7819ff6a919241ce1f6e",class:"pds-alert",variant:this.variant},h("pds-box",{key:"d6ba30218ebbf89532a8a6c3d5db9b2e5321748a",class:"pds-alert__container pds-alert__container--".concat(this.variant),"background-color":"var(--pds-alert-background)","border-color":"var(--pds-alert-border-color)","border-radius":"md",border:true,display:"block"},h("pds-box",{key:"c08f2c190c1d5a9bb95c7e6351dd615a3441a48d",gap:"sm",display:"flex","align-items":this.small?"center":undefined},r&&h("span",{key:"8ca461e81ac655fa0f9ee837a5f4d2380f9dc0a0",class:"visually-hidden"},r),!this.hideIcon&&h("pds-icon",{key:"79583456f1b9b0a167afe296fc09aaa1ceb64209",class:"pds-alert__icon ".concat(this.small?"pds-alert__icon--small":""),color:"var(--pds-alert-color-icon)",icon:o,size:"var(--pds-alert-icon-size)","aria-hidden":"true"}),h("pds-box",{key:"f72b9ebea3fa5158d033c462b764f4135c3df240",class:"pds-alert__content-wrapper",direction:"column",gap:"xs",flex:"grow"},this.heading&&!this.small&&h("pds-text",{key:"6f023c4c98fbe50be53f531fa648690bb086946c",class:"pds-alert__heading",color:"var(--pds-alert-color-text)",size:"h5",tag:"h3",weight:"medium"},this.heading),this.renderContent()),this.dismissible&&h("button",{key:"e366272888d222b184d8e56a74364abbb2b0799f",class:"pds-alert__dismiss",type:"button",part:"dismiss","aria-label":this.dismissLabel,onClick:this.handleCloseClick},h("pds-icon",{key:"10907ac14c1b24fbc73c2484e1e066c7e6c14ee2",icon:"remove",size:"var(--pds-alert-icon-size)","aria-hidden":"true",color:"var(--pds-alert-color-dismiss)"})))))};Object.defineProperty(r.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return r}();PdsAlert.style=pdsAlertTokensCss()+pdsAlertCss();export{PdsAlert as pds_alert};
@@ -1 +1 @@
1
- import{r as registerInstance,h,H as Host,a as getElement}from"./index-4_RRPJTO.js";import{c as checkCircleFilled,u as userFilled}from"./index-B0DXTeeV.js";import{r as restoreReflectedDefault}from"./reflected-attribute-default-t3idJwV0.js";import"./keep-hydrated-BgNaWLoS.js";var pdsAvatarCss=function(){return":host{display:inline-block}div{--color-background-container:var(--pine-color-background-container-hover);-ms-flex-align:center;align-items:center;background-color:var(--color-background-container);border-radius:var(--border-radius-admin-round, var(--pine-border-radius-full));display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;position:relative}:host(.pds-avatar--admin) div{--border-radius-admin-round:var(--pine-dimension-150);border-radius:var(--border-radius-admin-round)}:host(.pds-avatar--has-image) div{background:transparent}@supports selector(:has){div:has(img){background-color:transparent}}.pds-avatar__button{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--pine-dimension-none);border-radius:var(--pine-border-radius-full);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-none)}.pds-avatar__button:focus-visible{outline:var(--pine-outline-focus)}.pds-avatar__badge{background-color:transparent;border:var(--pine-dimension-none);border-color:transparent;border-radius:var(--pine-border-radius-round);inset-block-end:var(--pine-dimension-none);inset-inline-end:var(--pine-dimension-none);position:absolute}:host([status=online]){--pds-avatar-status-color:var(--pine-color-green-500)}:host([status=away]){--pds-avatar-status-color:var(--pine-color-yellow-500)}:host([status=offline]){--pds-avatar-status-color:var(--pine-color-background-inset-emphasized)}.pds-avatar__status{background-color:var(--pds-avatar-status-color, var(--pine-color-background-inset-emphasized));block-size:28%;border-radius:var(--pine-border-radius-full);-webkit-box-shadow:0 0 0 var(--pine-border-width-thick) var(--pine-color-background-container);box-shadow:0 0 0 var(--pine-border-width-thick) var(--pine-color-background-container);inline-size:28%;inset-block-end:var(--pine-dimension-none);inset-inline-end:var(--pine-dimension-none);min-block-size:var(--pine-dimension-100);min-inline-size:var(--pine-dimension-100);position:absolute}:host(.pds-avatar--status-ring) div{-webkit-box-shadow:0 0 0 var(--pine-border-width-thick) var(--pds-avatar-status-color, var(--pine-color-background-inset-emphasized));box-shadow:0 0 0 var(--pine-border-width-thick) var(--pds-avatar-status-color, var(--pine-color-background-inset-emphasized))}img{border-radius:var(--border-radius-admin-round, var(--pine-border-radius-full));height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.pds-avatar__initials{color:var(--pine-color-brand);fill:var(--pine-color-brand);font-size:var(--pine-font-size-085);font-weight:var(--pine-font-weight-semi-bold);height:100%;text-align:center;width:100%}.pds-avatar__initials text{text-anchor:middle}"};var DEFAULT_BADGE_LABEL="Verified";var PdsAvatar=function(){function r(r){var e=this;registerInstance(this,r);this.alt=null;this.badge=false;this.dropdown=false;this.image=null;this.initials=null;this.size="lg";this.status=null;this.statusRing=false;this.variant="customer";this.triggerLabel="Avatar dropdown trigger";this.renderAssetWrapper=function(){var r={height:e.avatarSize(),width:e.avatarSize()};return h("div",{style:r,part:"asset-wrapper"},e.renderIconOrImage(),e.renderBadge(),e.renderStatus())};this.renderAvatar=function(){return e.dropdown?h("button",{class:"pds-avatar__button",type:"button",part:"button","aria-label":e.triggerLabel},e.renderAssetWrapper()):e.renderAssetWrapper()};this.renderBadge=function(){var r;var a=(r=e.badgeLabel)!==null&&r!==void 0?r:DEFAULT_BADGE_LABEL;var i=e.dropdown||a===""?undefined:a;return e.badge&&!e.status&&h("pds-icon",{color:"var(--pine-color-purple-600)",class:"pds-avatar__badge",icon:checkCircleFilled,size:"33.53%","aria-label":i,"aria-hidden":i===undefined?"true":undefined})};this.renderStatus=function(){var r;if(!e.status)return null;if(e.dropdown){return h("span",{class:"pds-avatar__status",part:"status","aria-hidden":"true"})}return h("span",{class:"pds-avatar__status",part:"status",role:"img","aria-label":(r=e.statusLabel)!==null&&r!==void 0?r:"".concat(e.status," status")})};this.renderIconOrImage=function(){if(e.image){return h("img",{alt:e.alt,src:e.image})}if(e.initials){return h("svg",{class:"pds-avatar__initials",part:"initials",viewBox:"0 0 32 32"},h("text",{x:"16",y:"20"},e.initials))}return h("pds-icon",{color:"var(--pine-color-brand)",icon:userFilled,size:"33.53%","aria-hidden":"true"})};this.classNames=function(){var r;return r={"pds-avatar":true},r["pds-avatar--has-image"]=e.image!==""&&e.image!==null,r["pds-avatar--has-initials"]=e.initials!==""&&e.initials!==null,r["pds-avatar--".concat(e.variant)]=e.variant==="admin",r["pds-avatar--status-ring"]=!!e.status&&e.statusRing,r}}r.prototype.restoreSizeDefault=function(r){this.size=restoreReflectedDefault(this.el,"size",r,"lg")};r.prototype.restoreVariantDefault=function(r){this.variant=restoreReflectedDefault(this.el,"variant",r,"customer")};r.prototype.avatarSize=function(){var r={xs:"24px",sm:"32px",md:"40px",lg:"56px",xl:"64px"};if(r[this.size]){return r[this.size]}else{return this.size}};r.prototype.render=function(){return h(Host,{key:"b0464345bf1e351ea9a22a9aac9cf06f9f28ee18",id:this.componentId,class:Object.assign({},this.classNames())},this.renderAvatar())};Object.defineProperty(r.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{size:[{restoreSizeDefault:0}],variant:[{restoreVariantDefault:0}]}},enumerable:false,configurable:true});return r}();PdsAvatar.style=pdsAvatarCss();export{PdsAvatar as pds_avatar};
1
+ import{r as registerInstance,h,H as Host,a as getElement}from"./index-4_RRPJTO.js";import{c as checkCircleFilled,u as userFilled}from"./index-B0DXTeeV.js";import{r as restoreReflectedDefault}from"./reflected-attribute-default-t3idJwV0.js";import"./keep-hydrated-BgNaWLoS.js";var pdsAvatarCss=function(){return":host{display:inline-block}div{--color-background-container:var(--pine-color-background-container-hover);-ms-flex-align:center;align-items:center;background-color:var(--color-background-container);border-radius:var(--border-radius-admin-round, var(--pine-border-radius-full));display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;position:relative}:host(.pds-avatar--admin) div{--border-radius-admin-round:var(--pine-dimension-150);border-radius:var(--border-radius-admin-round)}:host(.pds-avatar--has-image) div{background:transparent}@supports selector(:has){div:has(img){background-color:transparent}}.pds-avatar__button{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--pine-dimension-none);border-radius:var(--pine-border-radius-full);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-none)}.pds-avatar__button:focus-visible{outline:var(--pine-outline-focus)}.pds-avatar__badge{background-color:transparent;border:var(--pine-dimension-none);border-color:transparent;border-radius:var(--pine-border-radius-round);inset-block-end:var(--pine-dimension-none);inset-inline-end:var(--pine-dimension-none);position:absolute}:host([status=online]){--pds-avatar-status-color:var(--pine-color-green-500)}:host([status=away]){--pds-avatar-status-color:var(--pine-color-yellow-500)}:host([status=offline]){--pds-avatar-status-color:var(--pine-color-background-inset-emphasized)}.pds-avatar__status{background-color:var(--pds-avatar-status-color, var(--pine-color-background-inset-emphasized));block-size:28%;border-radius:var(--pine-border-radius-full);-webkit-box-shadow:0 0 0 var(--pine-border-width-thick) var(--pine-color-background-container);box-shadow:0 0 0 var(--pine-border-width-thick) var(--pine-color-background-container);inline-size:28%;inset-block-end:var(--pine-dimension-none);inset-inline-end:var(--pine-dimension-none);min-block-size:var(--pine-dimension-100);min-inline-size:var(--pine-dimension-100);position:absolute}:host(.pds-avatar--status-ring) div{-webkit-box-shadow:0 0 0 var(--pine-border-width-thick) var(--pds-avatar-status-color, var(--pine-color-background-inset-emphasized));box-shadow:0 0 0 var(--pine-border-width-thick) var(--pds-avatar-status-color, var(--pine-color-background-inset-emphasized))}img{border-radius:var(--border-radius-admin-round, var(--pine-border-radius-full));height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.pds-avatar__initials{color:var(--pine-color-brand);fill:var(--pine-color-brand);font-size:var(--pine-font-size-085);font-weight:var(--pine-font-weight-semi-bold);height:100%;text-align:center;width:100%}.pds-avatar__initials text{text-anchor:middle}"};var DEFAULT_BADGE_LABEL="Verified";var PdsAvatar=function(){function r(r){var e=this;registerInstance(this,r);this.alt=null;this.badge=false;this.dropdown=false;this.image=null;this.initials=null;this.size="lg";this.status=null;this.statusRing=false;this.variant="customer";this.triggerLabel="Avatar dropdown trigger";this.renderAssetWrapper=function(){var r={height:e.avatarSize(),width:e.avatarSize()};return h("div",{style:r,part:"asset-wrapper"},e.renderIconOrImage(),e.renderBadge(),e.renderStatus())};this.renderAvatar=function(){return e.dropdown?h("button",{class:"pds-avatar__button",type:"button",part:"button","aria-label":e.triggerLabel},e.renderAssetWrapper()):e.renderAssetWrapper()};this.renderBadge=function(){var r;var a=(r=e.badgeLabel)!==null&&r!==void 0?r:DEFAULT_BADGE_LABEL;var i=e.dropdown||a===""?undefined:a;return e.badge&&!e.status&&h("pds-icon",{color:"var(--pine-color-purple-600)",class:"pds-avatar__badge",icon:checkCircleFilled,size:"33.53%","aria-label":i,"aria-hidden":i===undefined?"true":undefined})};this.renderStatus=function(){var r;if(!e.status)return null;if(e.dropdown){return h("span",{class:"pds-avatar__status",part:"status","aria-hidden":"true"})}return h("span",{class:"pds-avatar__status",part:"status",role:"img","aria-label":(r=e.statusLabel)!==null&&r!==void 0?r:"".concat(e.status," status")})};this.renderIconOrImage=function(){if(e.image){return h("img",{alt:e.alt,src:e.image})}if(e.initials){return h("svg",{class:"pds-avatar__initials",part:"initials",viewBox:"0 0 32 32"},h("text",{x:"16",y:"20"},e.initials))}return h("pds-icon",{color:"var(--pine-color-brand)",icon:userFilled,size:"33.53%","aria-hidden":"true"})};this.classNames=function(){var r;return r={"pds-avatar":true},r["pds-avatar--has-image"]=e.image!==""&&e.image!==null,r["pds-avatar--has-initials"]=e.initials!==""&&e.initials!==null,r["pds-avatar--".concat(e.variant)]=e.variant==="admin",r["pds-avatar--status-ring"]=!!e.status&&e.statusRing,r}}r.prototype.restoreSizeDefault=function(r){this.size=restoreReflectedDefault(this.el,"size",r,"lg")};r.prototype.restoreVariantDefault=function(r){this.variant=restoreReflectedDefault(this.el,"variant",r,"customer")};r.prototype.avatarSize=function(){var r={xs:"24px",sm:"32px",md:"40px",lg:"56px",xl:"64px"};if(r[this.size]){return r[this.size]}else{return this.size}};r.prototype.render=function(){return h(Host,{key:"237598a069d4a3b1281b10b516c01c6d479ca3e9",class:Object.assign({},this.classNames())},this.renderAvatar())};Object.defineProperty(r.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{size:[{restoreSizeDefault:0}],variant:[{restoreVariantDefault:0}]}},enumerable:false,configurable:true});return r}();PdsAvatar.style=pdsAvatarCss();export{PdsAvatar as pds_avatar};
@@ -1 +1 @@
1
- import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-4_RRPJTO.js";import{h as hasShadowDom}from"./utils-OYK5-nwe.js";import{A as ARIA_REFERENCE_ATTRIBUTES,f as forwardAriaReferences}from"./aria-references-CNn1lObg.js";import{f as addCircle,g as caretDown}from"./index-B0DXTeeV.js";import"./keep-hydrated-BgNaWLoS.js";var pdsButtonCss=function(){return":host{--pds-button-background:var(--pds-button-color-background-default);--pds-button-border:var(--pine-border);--pds-button-border-radius:var(--pine-border-radius-full);--pds-button-border-radius-start-end:var(--pine-border-radius-full);--pds-button-border-radius-start-start:var(--pine-border-radius-full);--pds-button-border-radius-end-end:var(--pine-border-radius-full);--pds-button-border-radius-end-start:var(--pine-border-radius-full);--pds-button-min-height:var(--pine-dimension-450);--pds-button-outline-offset:var(--pine-border-width);--pds-button-color-border-default:transparent;--pds-button-color-border-disabled:transparent;--pds-button-color-border-focus:transparent;--pds-button-color-border-hover:transparent;--button-loader-color:var(--pds-button-color-text-default);display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}:host([full-width=true]){display:-ms-flexbox;display:flex;width:100%}:host([full-width=true]) a,:host([full-width=true]) button{-ms-flex-pack:center;justify-content:center;width:100%}:host([full-width=true]) .pds-button__content{-ms-flex-pack:center;justify-content:center;text-align:center}:host([loading=true]){cursor:wait;pointer-events:none}:host([aria-disabled=true]){pointer-events:none}.pds-button{--pds-loader-color:var(--pds-button-color-text-default);-ms-flex-align:center;align-items:center;background-color:var(--pds-button-background, var(--pds-button-color-background-default));border:var(--pds-button-border);border-color:var(--pds-button-color-border-default);border-radius:var(--pds-button-border-radius);border-end-end-radius:var(--pds-button-border-radius-end-end, var(--pds-button-border-radius));border-end-start-radius:var(--pds-button-border-radius-end-start, var(--pds-button-border-radius));border-start-end-radius:var(--pds-button-border-radius-start-end, var(--pds-button-border-radius));border-start-start-radius:var(--pds-button-border-radius-start-start, var(--pds-button-border-radius));-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pds-button-color-text-default);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-brand-label);letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-button-min-height);padding:calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-sm);position:relative;text-decoration:none}.pds-button pds-icon{color:currentColor;fill:currentColor}.pds-button:hover{background-color:var(--pds-button-color-background-hover);border-color:var(--pds-button-color-border-hover)}.pds-button:focus-visible{border-color:var(--pds-button-color-border-focus);-webkit-box-shadow:var(--pds-button-box-shadow-focus, none);box-shadow:var(--pds-button-box-shadow-focus, none);outline:var(--pds-button-outline-focus, var(--pine-outline-focus));outline-offset:var(--pds-button-outline-offset)}.pds-button:disabled{background-color:var(--pds-button-color-background-disabled);border-color:var(--pds-button-color-border-disabled);color:var(--pds-button-color-text-disabled);pointer-events:none}.pds-button--primary{--pds-button-color-background-default:var(--pine-color-primary);--pds-button-color-background-hover:var(--pine-color-primary-hover);--pds-button-color-background-disabled:var(--pine-color-primary-disabled);--pds-button-color-border-default:var(--pine-color-primary);--pds-button-color-border-hover:var(--pine-color-primary-hover);--pds-button-color-text-default:var(--pine-color-text-primary);--pds-button-color-text-disabled:var(--pine-color-text-primary-disabled);--pds-button-color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--accent{--pds-button-color-background-default:var(--pine-color-accent);--pds-button-color-background-hover:var(--pine-color-accent-hover);--pds-button-color-background-disabled:var(--pine-color-accent-disabled);--pds-button-color-border-default:var(--pine-color-accent);--pds-button-color-border-hover:var(--pine-color-accent-hover);--pds-button-color-text-default:var(--pine-color-text-primary);--pds-button-color-text-disabled:var(--pine-color-text-accent-disabled);--pds-button-color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive{--pds-button-color-background-default:var(--pine-color-danger);--pds-button-color-background-hover:var(--pine-color-danger-hover);--pds-button-color-background-disabled:var(--pine-color-danger-disabled);--pds-button-color-border-default:var(--pine-color-danger);--pds-button-color-border-hover:var(--pine-color-danger-hover);--pds-button-color-text-default:var(--pine-color-white);--pds-button-color-text-disabled:var(--pine-color-text-danger-disabled);--pds-button-color-outline:var(--pine-color-focus-ring-danger);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-button--secondary,.pds-button--disclosure{--pds-button-color-background-default:var(--pine-color-secondary);--pds-button-color-background-hover:var(--pine-color-secondary-hover);--pds-button-color-background-disabled:var(--pine-color-secondary-disabled);--pds-button-color-border-disabled:var(--pine-color-border-disabled);--pds-button-color-border-focus:var(--pine-color-border);--pds-button-color-border-hover:var(--pine-color-border-hover);--pds-button-color-border-default:var(--pine-color-border);--pds-button-color-text-default:var(--pine-color-text-secondary);--pds-button-color-text-disabled:var(--pine-color-text-secondary-disabled);--pds-button-color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary)}.pds-button--secondary:hover,.pds-button--disclosure:hover{background-color:var(--pine-color-secondary-hover)}.pds-button--tertiary{--pds-button-color-background-default:transparent;--pds-button-color-background-hover:var(--pine-color-background-muted);--pds-button-color-background-disabled:transparent;--pds-button-color-border-default:transparent;--pds-button-color-border-hover:var(--pine-color-background-muted);--pds-button-color-border-disabled:transparent;--pds-button-color-text-default:var(--pine-color-text-secondary);--pds-button-color-text-disabled:var(--pine-color-text-secondary-disabled);--pds-button-color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary)}.pds-button--filter{--pds-button-color-background-default:var(--pine-color-background-container);--pds-button-color-background-hover:var(--pine-color-background-subtle);--pds-button-color-background-disabled:var(--pine-color-white);--pds-button-color-border-default:transparent;--pds-button-color-border-hover:transparent;--pds-button-color-border-focus:transparent;--pds-button-color-text-default:var(--pine-color-text-secondary);--pds-button-color-text-hover:var(--pine-color-text-hover);--pds-button-color-text-disabled:var(--pine-color-text-disabled);--pds-button-color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary);--pds-button-border-radius:var(--pine-dimension-125);--pds-button-border-radius-start-end:var(--pine-dimension-125);--pds-button-border-radius-start-start:var(--pine-dimension-125);--pds-button-border-radius-end-end:var(--pine-dimension-125);--pds-button-border-radius-end-start:var(--pine-dimension-125);padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.pds-button--filter:disabled{background-color:var(--pine-color-background-container)}.pds-button--filter:hover{color:var(--pds-button-color-text-hover)}.pds-button--unstyled{--pds-button-color-background-default:transparent;--pds-button-color-background-hover:transparent;--pds-button-color-background-disabled:transparent;--pds-button-color-text-default:var(--pine-color-text);--button-loader-color:var(--pine-color-text);border-width:var(--pine-dimension-none);margin:var(--pine-dimension-none);min-height:auto;padding:var(--pine-dimension-none);width:inherit}.pds-button__content{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;gap:var(--pine-dimension-xs);position:relative;width:100%}.pds-button__icon{display:-ms-inline-flexbox;display:inline-flex}.pds-button__icon--empty{display:none}.pds-button__text{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap}.pds-button__icon--hidden,.pds-button__text--hidden{opacity:0}.pds-button__loader{height:var(--pine-dimension-250);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--pine-dimension-250)}.pds-button--loading{cursor:wait;pointer-events:none}.pds-button--loading .pds-button__loader pds-loader{--loader-color:var(--button-loader-color)}.pds-button--small{min-height:var(--pine-dimension-400);padding:calc(var(--pine-dimension-2xs) - var(--pine-border-width)) var(--pine-dimension-sm)}.pds-button--micro{font-size:var(--pine-font-size-085);min-height:var(--pine-dimension-300);padding:var(--pine-dimension-025) var(--pine-dimension-xs)}.pds-button--icon-only{-ms-flex-align:center;align-items:center;border-radius:var(--pine-border-radius-full);height:var(--button-dimension);-ms-flex-pack:center;justify-content:center;min-height:var(--button-dimension);min-width:var(--button-dimension);padding:var(--pine-dimension-xs);width:var(--button-dimension)}.pds-button--icon-only .pds-button__content{height:100%;-ms-flex-pack:center;justify-content:center;width:100%}.pds-button--icon-only .pds-button__text--hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-button--icon-only.pds-button--small{height:var(--pine-dimension-400);min-height:var(--pine-dimension-400);min-width:var(--pine-dimension-400);padding:var(--pine-dimension-2xs);width:var(--pine-dimension-400)}.pds-button--icon-only.pds-button--micro{height:var(--pine-dimension-300);min-height:var(--pine-dimension-300);min-width:var(--pine-dimension-300);padding:var(--pine-dimension-3xs);width:var(--pine-dimension-300)}"};var FORWARDED_ARIA_ATTRIBUTES=["aria-current","aria-expanded","aria-haspopup","aria-label","aria-pressed"];var PdsButton=function(){function t(t){var o=this;registerInstance(this,t);this.pdsClick=createEvent(this,"pdsClick");this.disabled=false;this.fullWidth=false;this.icon=null;this.iconOnly=false;this.loading=false;this.type="button";this.size="default";this.variant="primary";this.hasStartContent=false;this.hasEndContent=false;this.forwardedAria={};this.syncHostAria=function(){var t={};FORWARDED_ARIA_ATTRIBUTES.forEach((function(r){return t[r]=o.el.getAttribute(r)}));if(FORWARDED_ARIA_ATTRIBUTES.some((function(r){return t[r]!==o.forwardedAria[r]}))){o.forwardedAria=t}o.forwardAriaReferences()};this.handleFocusIn=function(){o.forwardAriaReferences()};this.handleStartSlotChange=function(t){o.hasStartContent=t.target.assignedElements({flatten:true}).length>0};this.handleEndSlotChange=function(t){o.hasEndContent=t.target.assignedElements({flatten:true}).length>0};this.handleClick=function(t){if(o.loading){t.preventDefault();return}if(o.disabled){t.preventDefault();return}if(!o.href&&o.type!="button"){if(hasShadowDom(o.el)){var r=o.el.closest("form");if(r){t.preventDefault();var n=document.createElement("button");n.type=o.type;n.style.display="none";r.appendChild(n);n.click();n.remove()}}}o.pdsClick.emit(t)}}t.prototype.connectedCallback=function(){this.syncHostAria();if(typeof MutationObserver==="undefined")return;this.hostAriaObserver=new MutationObserver(this.syncHostAria);this.hostAriaObserver.observe(this.el,{attributeFilter:FORWARDED_ARIA_ATTRIBUTES.concat(ARIA_REFERENCE_ATTRIBUTES)})};t.prototype.disconnectedCallback=function(){var t;(t=this.hostAriaObserver)===null||t===void 0?void 0:t.disconnect();this.hostAriaObserver=undefined};t.prototype.componentWillLoad=function(){this.hasStartContent=this.rendersStartSlot()&&this.hasSlottedElement("start");this.hasEndContent=this.rendersEndSlot()&&this.hasSlottedElement("end")};t.prototype.componentDidRender=function(){this.forwardAriaReferences()};t.prototype.handleFormKeyDown=function(t){if(t.defaultPrevented){return}if(t.key!=="Enter"||this.type!=="submit"||this.href||this.disabled){return}var o=t.target;if(!o||typeof o.matches!=="function"){return}var r=this.el.closest("form");if(!r||!o||!r.contains(o)){return}var n=o.matches('input:not([type="submit"]):not([type="button"]):not([type="reset"])')||o.matches("pds-input")||o.matches("pds-select")||o.matches("pds-switch")||o.matches("pds-checkbox")||o.matches("pds-radio");if(n){var e=Array.from(r.querySelectorAll('pds-button, button[type="submit"], input[type="submit"]'));var i=e.filter((function(t){if(t.tagName.toLowerCase()==="pds-button"){var o=t;return o.type==="submit"&&!o.disabled}else{return!t.hasAttribute("disabled")}}));if(i.length>0&&i[0]===this.el){t.preventDefault();this.el.click()}}};t.prototype.forwardAriaReferences=function(){if(this.contentEl)forwardAriaReferences(this.el,this.contentEl)};t.prototype.hasSlottedElement=function(t){return Array.from(this.el.children).some((function(o){return o.getAttribute("slot")===t}))};t.prototype.rendersStartSlot=function(){return this.variant!=="filter"&&!(this.icon&&this.variant!=="disclosure")};t.prototype.rendersEndSlot=function(){return!this.iconOnly&&this.variant!=="disclosure"};t.prototype.classNames=function(){var t=["pds-button"];if(this.variant){t.push("pds-button--"+this.variant)}if(this.size&&this.size!=="default"){t.push("pds-button--"+this.size)}if(this.iconOnly){t.push("pds-button--icon-only")}if(this.loading){t.push("pds-button--loading")}return t.join(" ")};t.prototype.renderStartContent=function(){if(this.variant==="filter"){return h("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",icon:addCircle,part:"icon","aria-hidden":"true"})}var t=this.icon&&this.variant!=="disclosure";if(Boolean(t)){return h("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",name:this.icon,part:"icon","aria-hidden":"true"})}var o="pds-button__icon".concat(this.hasStartContent?"":" pds-button__icon--empty").concat(this.loading?" pds-button__icon--hidden":"");return h("span",{class:o},h("slot",{name:"start",onSlotchange:this.handleStartSlotChange}))};t.prototype.renderEndContent=function(){if(this.iconOnly){return null}if(this.variant==="disclosure"){return h("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",icon:caretDown,part:"caret","aria-hidden":"true"})}var t="pds-button__icon".concat(this.hasEndContent?"":" pds-button__icon--empty").concat(this.loading?" pds-button__icon--hidden":"");return h("span",{class:t},h("slot",{name:"end",onSlotchange:this.handleEndSlotChange}))};t.prototype.render=function(){var t=this;var o=Object.assign(Object.assign({},this.forwardedAria),{class:this.classNames(),part:"button",ref:function(o){return t.contentEl=o}});var r=function(){if(t.href){return Object.assign(Object.assign({},o),{"aria-pressed":null,download:t.download,href:t.disabled?null:t.href,target:t.target})}return Object.assign(Object.assign({},o),{"aria-busy":t.loading?"true":null,"aria-live":t.loading?"polite":null,disabled:t.disabled,name:t.name,type:t.type,value:t.value})};var n=this.href?"a":"button";var e=this.loading||this.iconOnly;var i=h("div",{class:"pds-button__content",part:"button-content"},this.renderStartContent(),h("span",{class:"pds-button__text ".concat(e?"pds-button__text--hidden":""),part:"button-text"},h("slot",null)),this.loading&&h("span",{class:"pds-button__loader"},h("pds-loader",{"is-loading":true,size:"var(--pine-font-size-body-2xl)",variant:"spinner",exportparts:"loader-svg"},"Loading...")),this.renderEndContent());return h(Host,Object.assign({"aria-disabled":this.disabled?"true":null},this.componentId!=null?{id:this.componentId}:{},{onClick:this.handleClick,onFocusin:this.handleFocusIn,variant:this.variant}),h(n,Object.assign({},r()),i))};Object.defineProperty(t,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();PdsButton.style=pdsButtonCss();export{PdsButton as pds_button};
1
+ import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-4_RRPJTO.js";import{h as hasShadowDom}from"./utils-OYK5-nwe.js";import{A as ARIA_REFERENCE_ATTRIBUTES,f as forwardAriaReferences}from"./aria-references-CNn1lObg.js";import{f as addCircle,g as caretDown}from"./index-B0DXTeeV.js";import"./keep-hydrated-BgNaWLoS.js";var pdsButtonCss=function(){return":host{--pds-button-background:var(--pds-button-color-background-default);--pds-button-border:var(--pine-border);--pds-button-border-radius:var(--pine-border-radius-full);--pds-button-border-radius-start-end:var(--pine-border-radius-full);--pds-button-border-radius-start-start:var(--pine-border-radius-full);--pds-button-border-radius-end-end:var(--pine-border-radius-full);--pds-button-border-radius-end-start:var(--pine-border-radius-full);--pds-button-min-height:var(--pine-dimension-450);--pds-button-outline-offset:var(--pine-border-width);--pds-button-color-border-default:transparent;--pds-button-color-border-disabled:transparent;--pds-button-color-border-focus:transparent;--pds-button-color-border-hover:transparent;--button-loader-color:var(--pds-button-color-text-default);display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}:host([full-width=true]){display:-ms-flexbox;display:flex;width:100%}:host([full-width=true]) a,:host([full-width=true]) button{-ms-flex-pack:center;justify-content:center;width:100%}:host([full-width=true]) .pds-button__content{-ms-flex-pack:center;justify-content:center;text-align:center}:host([loading=true]){cursor:wait;pointer-events:none}:host([aria-disabled=true]){pointer-events:none}.pds-button{--pds-loader-color:var(--pds-button-color-text-default);-ms-flex-align:center;align-items:center;background-color:var(--pds-button-background, var(--pds-button-color-background-default));border:var(--pds-button-border);border-color:var(--pds-button-color-border-default);border-radius:var(--pds-button-border-radius);border-end-end-radius:var(--pds-button-border-radius-end-end, var(--pds-button-border-radius));border-end-start-radius:var(--pds-button-border-radius-end-start, var(--pds-button-border-radius));border-start-end-radius:var(--pds-button-border-radius-start-end, var(--pds-button-border-radius));border-start-start-radius:var(--pds-button-border-radius-start-start, var(--pds-button-border-radius));-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pds-button-color-text-default);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-brand-label);letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-button-min-height);padding:calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-sm);position:relative;text-decoration:none}.pds-button pds-icon{color:currentColor;fill:currentColor}.pds-button:hover{background-color:var(--pds-button-color-background-hover);border-color:var(--pds-button-color-border-hover)}.pds-button:focus-visible{border-color:var(--pds-button-color-border-focus);-webkit-box-shadow:var(--pds-button-box-shadow-focus, none);box-shadow:var(--pds-button-box-shadow-focus, none);outline:var(--pds-button-outline-focus, var(--pine-outline-focus));outline-offset:var(--pds-button-outline-offset)}.pds-button:disabled{background-color:var(--pds-button-color-background-disabled);border-color:var(--pds-button-color-border-disabled);color:var(--pds-button-color-text-disabled);pointer-events:none}.pds-button--primary{--pds-button-color-background-default:var(--pine-color-primary);--pds-button-color-background-hover:var(--pine-color-primary-hover);--pds-button-color-background-disabled:var(--pine-color-primary-disabled);--pds-button-color-border-default:var(--pine-color-primary);--pds-button-color-border-hover:var(--pine-color-primary-hover);--pds-button-color-text-default:var(--pine-color-text-primary);--pds-button-color-text-disabled:var(--pine-color-text-primary-disabled);--pds-button-color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--accent{--pds-button-color-background-default:var(--pine-color-accent);--pds-button-color-background-hover:var(--pine-color-accent-hover);--pds-button-color-background-disabled:var(--pine-color-accent-disabled);--pds-button-color-border-default:var(--pine-color-accent);--pds-button-color-border-hover:var(--pine-color-accent-hover);--pds-button-color-text-default:var(--pine-color-text-primary);--pds-button-color-text-disabled:var(--pine-color-text-accent-disabled);--pds-button-color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive{--pds-button-color-background-default:var(--pine-color-danger);--pds-button-color-background-hover:var(--pine-color-danger-hover);--pds-button-color-background-disabled:var(--pine-color-danger-disabled);--pds-button-color-border-default:var(--pine-color-danger);--pds-button-color-border-hover:var(--pine-color-danger-hover);--pds-button-color-text-default:var(--pine-color-white);--pds-button-color-text-disabled:var(--pine-color-text-danger-disabled);--pds-button-color-outline:var(--pine-color-focus-ring-danger);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-button--secondary,.pds-button--disclosure{--pds-button-color-background-default:var(--pine-color-secondary);--pds-button-color-background-hover:var(--pine-color-secondary-hover);--pds-button-color-background-disabled:var(--pine-color-secondary-disabled);--pds-button-color-border-disabled:var(--pine-color-border-disabled);--pds-button-color-border-focus:var(--pine-color-border);--pds-button-color-border-hover:var(--pine-color-border-hover);--pds-button-color-border-default:var(--pine-color-border);--pds-button-color-text-default:var(--pine-color-text-secondary);--pds-button-color-text-disabled:var(--pine-color-text-secondary-disabled);--pds-button-color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary)}.pds-button--secondary:hover,.pds-button--disclosure:hover{background-color:var(--pine-color-secondary-hover)}.pds-button--tertiary{--pds-button-color-background-default:transparent;--pds-button-color-background-hover:var(--pine-color-background-muted);--pds-button-color-background-disabled:transparent;--pds-button-color-border-default:transparent;--pds-button-color-border-hover:var(--pine-color-background-muted);--pds-button-color-border-disabled:transparent;--pds-button-color-text-default:var(--pine-color-text-secondary);--pds-button-color-text-disabled:var(--pine-color-text-secondary-disabled);--pds-button-color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary)}.pds-button--filter{--pds-button-color-background-default:var(--pine-color-background-container);--pds-button-color-background-hover:var(--pine-color-background-subtle);--pds-button-color-background-disabled:var(--pine-color-white);--pds-button-color-border-default:transparent;--pds-button-color-border-hover:transparent;--pds-button-color-border-focus:transparent;--pds-button-color-text-default:var(--pine-color-text-secondary);--pds-button-color-text-hover:var(--pine-color-text-hover);--pds-button-color-text-disabled:var(--pine-color-text-disabled);--pds-button-color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary);--pds-button-border-radius:var(--pine-dimension-125);--pds-button-border-radius-start-end:var(--pine-dimension-125);--pds-button-border-radius-start-start:var(--pine-dimension-125);--pds-button-border-radius-end-end:var(--pine-dimension-125);--pds-button-border-radius-end-start:var(--pine-dimension-125);padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.pds-button--filter:disabled{background-color:var(--pine-color-background-container)}.pds-button--filter:hover{color:var(--pds-button-color-text-hover)}.pds-button--unstyled{--pds-button-color-background-default:transparent;--pds-button-color-background-hover:transparent;--pds-button-color-background-disabled:transparent;--pds-button-color-text-default:var(--pine-color-text);--button-loader-color:var(--pine-color-text);border-width:var(--pine-dimension-none);margin:var(--pine-dimension-none);min-height:auto;padding:var(--pine-dimension-none);width:inherit}.pds-button__content{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;gap:var(--pine-dimension-xs);position:relative;width:100%}.pds-button__icon{display:-ms-inline-flexbox;display:inline-flex}.pds-button__icon--empty{display:none}.pds-button__text{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap}.pds-button__icon--hidden,.pds-button__text--hidden{opacity:0}.pds-button__loader{height:var(--pine-dimension-250);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--pine-dimension-250)}.pds-button--loading{cursor:wait;pointer-events:none}.pds-button--loading .pds-button__loader pds-loader{--loader-color:var(--button-loader-color)}.pds-button--small{min-height:var(--pine-dimension-400);padding:calc(var(--pine-dimension-2xs) - var(--pine-border-width)) var(--pine-dimension-sm)}.pds-button--micro{font-size:var(--pine-font-size-085);min-height:var(--pine-dimension-300);padding:var(--pine-dimension-025) var(--pine-dimension-xs)}.pds-button--icon-only{-ms-flex-align:center;align-items:center;border-radius:var(--pine-border-radius-full);height:var(--button-dimension);-ms-flex-pack:center;justify-content:center;min-height:var(--button-dimension);min-width:var(--button-dimension);padding:var(--pine-dimension-xs);width:var(--button-dimension)}.pds-button--icon-only .pds-button__content{height:100%;-ms-flex-pack:center;justify-content:center;width:100%}.pds-button--icon-only .pds-button__text--hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-button--icon-only.pds-button--small{height:var(--pine-dimension-400);min-height:var(--pine-dimension-400);min-width:var(--pine-dimension-400);padding:var(--pine-dimension-2xs);width:var(--pine-dimension-400)}.pds-button--icon-only.pds-button--micro{height:var(--pine-dimension-300);min-height:var(--pine-dimension-300);min-width:var(--pine-dimension-300);padding:var(--pine-dimension-3xs);width:var(--pine-dimension-300)}"};var FORWARDED_ARIA_ATTRIBUTES=["aria-current","aria-expanded","aria-haspopup","aria-label","aria-pressed"];var PdsButton=function(){function t(t){var o=this;registerInstance(this,t);this.pdsClick=createEvent(this,"pdsClick");this.disabled=false;this.fullWidth=false;this.icon=null;this.iconOnly=false;this.loading=false;this.type="button";this.size="default";this.variant="primary";this.hasStartContent=false;this.hasEndContent=false;this.forwardedAria={};this.syncHostAria=function(){var t={};FORWARDED_ARIA_ATTRIBUTES.forEach((function(r){return t[r]=o.el.getAttribute(r)}));if(FORWARDED_ARIA_ATTRIBUTES.some((function(r){return t[r]!==o.forwardedAria[r]}))){o.forwardedAria=t}o.forwardAriaReferences()};this.handleFocusIn=function(){o.forwardAriaReferences()};this.handleStartSlotChange=function(t){o.hasStartContent=t.target.assignedElements({flatten:true}).length>0};this.handleEndSlotChange=function(t){o.hasEndContent=t.target.assignedElements({flatten:true}).length>0};this.handleClick=function(t){if(o.loading){t.preventDefault();return}if(o.disabled){t.preventDefault();return}if(!o.href&&o.type!="button"){if(hasShadowDom(o.el)){var r=o.el.closest("form");if(r){t.preventDefault();var n=document.createElement("button");n.type=o.type;n.style.display="none";r.appendChild(n);n.click();n.remove()}}}o.pdsClick.emit(t)}}t.prototype.connectedCallback=function(){this.syncHostAria();if(typeof MutationObserver==="undefined")return;this.hostAriaObserver=new MutationObserver(this.syncHostAria);this.hostAriaObserver.observe(this.el,{attributeFilter:FORWARDED_ARIA_ATTRIBUTES.concat(ARIA_REFERENCE_ATTRIBUTES)})};t.prototype.disconnectedCallback=function(){var t;(t=this.hostAriaObserver)===null||t===void 0?void 0:t.disconnect();this.hostAriaObserver=undefined};t.prototype.componentWillLoad=function(){this.hasStartContent=this.rendersStartSlot()&&this.hasSlottedElement("start");this.hasEndContent=this.rendersEndSlot()&&this.hasSlottedElement("end")};t.prototype.componentDidRender=function(){this.forwardAriaReferences()};t.prototype.handleFormKeyDown=function(t){if(t.defaultPrevented){return}if(t.key!=="Enter"||this.type!=="submit"||this.href||this.disabled){return}var o=t.target;if(!o||typeof o.matches!=="function"){return}var r=this.el.closest("form");if(!r||!o||!r.contains(o)){return}var n=o.matches('input:not([type="submit"]):not([type="button"]):not([type="reset"])')||o.matches("pds-input")||o.matches("pds-select")||o.matches("pds-switch")||o.matches("pds-checkbox")||o.matches("pds-radio");if(n){var e=Array.from(r.querySelectorAll('pds-button, button[type="submit"], input[type="submit"]'));var i=e.filter((function(t){if(t.tagName.toLowerCase()==="pds-button"){var o=t;return o.type==="submit"&&!o.disabled}else{return!t.hasAttribute("disabled")}}));if(i.length>0&&i[0]===this.el){t.preventDefault();this.el.click()}}};t.prototype.forwardAriaReferences=function(){if(this.contentEl)forwardAriaReferences(this.el,this.contentEl)};t.prototype.hasSlottedElement=function(t){return Array.from(this.el.children).some((function(o){return o.getAttribute("slot")===t}))};t.prototype.rendersStartSlot=function(){return this.variant!=="filter"&&!(this.icon&&this.variant!=="disclosure")};t.prototype.rendersEndSlot=function(){return!this.iconOnly&&this.variant!=="disclosure"};t.prototype.classNames=function(){var t=["pds-button"];if(this.variant){t.push("pds-button--"+this.variant)}if(this.size&&this.size!=="default"){t.push("pds-button--"+this.size)}if(this.iconOnly){t.push("pds-button--icon-only")}if(this.loading){t.push("pds-button--loading")}return t.join(" ")};t.prototype.renderStartContent=function(){if(this.variant==="filter"){return h("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",icon:addCircle,part:"icon","aria-hidden":"true"})}var t=this.icon&&this.variant!=="disclosure";if(Boolean(t)){return h("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",name:this.icon,part:"icon","aria-hidden":"true"})}var o="pds-button__icon".concat(this.hasStartContent?"":" pds-button__icon--empty").concat(this.loading?" pds-button__icon--hidden":"");return h("span",{class:o},h("slot",{name:"start",onSlotchange:this.handleStartSlotChange}))};t.prototype.renderEndContent=function(){if(this.iconOnly){return null}if(this.variant==="disclosure"){return h("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",icon:caretDown,part:"caret","aria-hidden":"true"})}var t="pds-button__icon".concat(this.hasEndContent?"":" pds-button__icon--empty").concat(this.loading?" pds-button__icon--hidden":"");return h("span",{class:t},h("slot",{name:"end",onSlotchange:this.handleEndSlotChange}))};t.prototype.render=function(){var t=this;var o=Object.assign(Object.assign({},this.forwardedAria),{class:this.classNames(),part:"button",ref:function(o){return t.contentEl=o}});var r=function(){if(t.href){return Object.assign(Object.assign({},o),{"aria-pressed":null,download:t.download,href:t.disabled?null:t.href,target:t.target})}return Object.assign(Object.assign({},o),{"aria-busy":t.loading?"true":null,"aria-live":t.loading?"polite":null,disabled:t.disabled,name:t.name,type:t.type,value:t.value})};var n=this.href?"a":"button";var e=this.loading||this.iconOnly;var i=h("div",{class:"pds-button__content",part:"button-content"},this.renderStartContent(),h("span",{class:"pds-button__text ".concat(e?"pds-button__text--hidden":""),part:"button-text"},h("slot",null)),this.loading&&h("span",{class:"pds-button__loader"},h("pds-loader",{"is-loading":true,size:"var(--pine-font-size-body-2xl)",variant:"spinner",exportparts:"loader-svg"},"Loading...")),this.renderEndContent());return h(Host,{"aria-disabled":this.disabled?"true":null,onClick:this.handleClick,onFocusin:this.handleFocusIn,variant:this.variant},h(n,Object.assign({},r()),i))};Object.defineProperty(t,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();PdsButton.style=pdsButtonCss();export{PdsButton as pds_button};
@@ -1 +1 @@
1
- import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-4_RRPJTO.js";import{d as downSmall,r as remove}from"./index-B0DXTeeV.js";import{H as HostStylingKeeper}from"./attributes-CD8knu3a.js";import{F as FOCUSABLE_WRAPPER,s as setupTruncationTooltip}from"./truncation-tooltip-CkIWm6Z-.js";import{n as normalizeColorValue}from"./utils-OYK5-nwe.js";import"./keep-hydrated-BgNaWLoS.js";import"./floating-ui.dom-Cuc0DYlm.js";import"./portal-target-CKRzRKdO.js";var pdsChipTokensCss=function(){return":host{--pine-chip-color-accent:var(--pine-color-purple-100);--pine-chip-color-accent-hover:var(--pine-color-purple-300);--pine-chip-color-accent-dot:var(--pine-color-purple-600);--pine-chip-color-accent-text:var(--pine-color-purple-950);--pine-chip-color-danger:var(--pine-color-red-100);--pine-chip-color-danger-hover:var(--pine-color-red-300);--pine-chip-color-danger-dot:var(--pine-color-red-600);--pine-chip-color-danger-text:var(--pine-color-red-950);--pine-chip-color-info:var(--pine-color-blue-100);--pine-chip-color-info-hover:var(--pine-color-blue-300);--pine-chip-color-info-dot:var(--pine-color-blue-600);--pine-chip-color-info-text:var(--pine-color-blue-950);--pine-chip-color-neutral:var(--pine-color-grey-100);--pine-chip-color-neutral-hover:var(--pine-color-grey-300);--pine-chip-color-neutral-dot:var(--pine-color-grey-600);--pine-chip-color-neutral-text:var(--pine-color-grey-950);--pine-chip-color-solid:var(--pine-color-grey-900);--pine-chip-color-solid-hover:var(--pine-color-grey-950);--pine-chip-color-solid-dot:var(--pine-color-white);--pine-chip-color-solid-text:var(--pine-color-white);--pine-chip-color-subtle:var(--pine-color-white);--pine-chip-color-subtle-hover:var(--pine-color-grey-300);--pine-chip-color-subtle-dot:var(--pine-color-grey-900);--pine-chip-color-subtle-text:var(--pine-color-grey-900);--pine-chip-color-success:var(--pine-color-green-100);--pine-chip-color-success-hover:var(--pine-color-green-300);--pine-chip-color-success-dot:var(--pine-color-green-600);--pine-chip-color-success-text:var(--pine-color-green-950);--pine-chip-color-warning:var(--pine-color-yellow-100);--pine-chip-color-warning-hover:var(--pine-color-yellow-300);--pine-chip-color-warning-dot:var(--pine-color-yellow-600);--pine-chip-color-warning-text:var(--pine-color-yellow-950)}:host-context([data-theme=dark]){--pine-chip-color-accent:var(--pine-color-purple-900);--pine-chip-color-accent-hover:var(--pine-color-purple-800);--pine-chip-color-accent-dot:var(--pine-color-purple-400);--pine-chip-color-accent-text:var(--pine-color-purple-100);--pine-chip-color-danger:var(--pine-color-red-900);--pine-chip-color-danger-hover:var(--pine-color-red-800);--pine-chip-color-danger-dot:var(--pine-color-red-400);--pine-chip-color-danger-text:var(--pine-color-red-100);--pine-chip-color-info:var(--pine-color-blue-900);--pine-chip-color-info-hover:var(--pine-color-blue-800);--pine-chip-color-info-dot:var(--pine-color-blue-400);--pine-chip-color-info-text:var(--pine-color-blue-100);--pine-chip-color-neutral:var(--pine-color-grey-800);--pine-chip-color-neutral-hover:var(--pine-color-grey-600);--pine-chip-color-neutral-dot:var(--pine-color-grey-300);--pine-chip-color-neutral-text:var(--pine-color-grey-100);--pine-chip-color-solid:var(--pine-color-white);--pine-chip-color-solid-hover:var(--pine-color-grey-100);--pine-chip-color-solid-dot:var(--pine-color-grey-900);--pine-chip-color-solid-text:var(--pine-color-grey-900);--pine-chip-color-subtle:var(--pine-color-grey-900);--pine-chip-color-subtle-hover:var(--pine-color-grey-500);--pine-chip-color-subtle-dot:var(--pine-color-white);--pine-chip-color-subtle-text:var(--pine-color-white);--pine-chip-color-success:var(--pine-color-green-900);--pine-chip-color-success-hover:var(--pine-color-green-800);--pine-chip-color-success-dot:var(--pine-color-green-400);--pine-chip-color-success-text:var(--pine-color-green-100);--pine-chip-color-warning:var(--pine-color-yellow-900);--pine-chip-color-warning-hover:var(--pine-color-yellow-800);--pine-chip-color-warning-dot:var(--pine-color-yellow-400);--pine-chip-color-warning-text:var(--pine-color-yellow-100)}"};var pdsChipCss=function(){return":host{--sizing-close:var(--pine-dimension-125);-ms-flex-align:center;align-items:center;border-radius:var(--pine-dimension-sm);display:-ms-inline-flexbox;display:inline-flex;padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-100)}:host(.pds-chip--accent){background:var(--pine-chip-color-accent);border:var(--pine-border-width) solid var(--pine-chip-color-accent-hover)}:host(.pds-chip--accent) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-accent-dot))}:host(.pds-chip--accent) .pds-chip__label,:host(.pds-chip--accent) .pds-chip__button,:host(.pds-chip--accent) .pds-chip__close{color:var(--pine-chip-color-accent-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--accent) .pds-chip__close:hover{background:var(--pine-chip-color-accent-hover)}:host(.pds-chip--accent.pds-chip--dropdown:hover){background:var(--pine-chip-color-accent-hover)}:host(.pds-chip--danger){background:var(--pine-chip-color-danger);border:var(--pine-border-width) solid var(--pine-chip-color-danger-hover)}:host(.pds-chip--danger) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-danger-dot))}:host(.pds-chip--danger) .pds-chip__label,:host(.pds-chip--danger) .pds-chip__button,:host(.pds-chip--danger) .pds-chip__close{color:var(--pine-chip-color-danger-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--danger) .pds-chip__close:hover{background:var(--pine-chip-color-danger-hover)}:host(.pds-chip--danger.pds-chip--dropdown:hover){background:var(--pine-chip-color-danger-hover)}:host(.pds-chip--info){background:var(--pine-chip-color-info);border:var(--pine-border-width) solid var(--pine-chip-color-info-hover)}:host(.pds-chip--info) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-info-dot))}:host(.pds-chip--info) .pds-chip__label,:host(.pds-chip--info) .pds-chip__button,:host(.pds-chip--info) .pds-chip__close{color:var(--pine-chip-color-info-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--info) .pds-chip__close:hover{background:var(--pine-chip-color-info-hover)}:host(.pds-chip--info.pds-chip--dropdown:hover){background:var(--pine-chip-color-info-hover)}:host(.pds-chip--neutral){background:var(--pine-chip-color-neutral);border:var(--pine-border-width) solid var(--pine-chip-color-neutral-hover)}:host(.pds-chip--neutral) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-neutral-dot))}:host(.pds-chip--neutral) .pds-chip__label,:host(.pds-chip--neutral) .pds-chip__button,:host(.pds-chip--neutral) .pds-chip__close{color:var(--pine-chip-color-neutral-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--neutral) .pds-chip__close:hover{background:var(--pine-chip-color-neutral-hover)}:host(.pds-chip--neutral.pds-chip--dropdown:hover){background:var(--pine-chip-color-neutral-hover)}:host(.pds-chip--solid){background:var(--pine-chip-color-solid);border:var(--pine-border-width) solid var(--pine-chip-color-solid-hover)}:host(.pds-chip--solid) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-solid-dot))}:host(.pds-chip--solid) .pds-chip__label,:host(.pds-chip--solid) .pds-chip__button,:host(.pds-chip--solid) .pds-chip__close{color:var(--pine-chip-color-solid-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--solid) .pds-chip__close:hover{background:var(--pine-chip-color-solid-hover)}:host(.pds-chip--solid.pds-chip--dropdown:hover){background:var(--pine-chip-color-solid-hover)}:host(.pds-chip--subtle){background:var(--pine-chip-color-subtle);border:var(--pine-border-width) solid var(--pine-chip-color-subtle-hover)}:host(.pds-chip--subtle) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-subtle-dot))}:host(.pds-chip--subtle) .pds-chip__label,:host(.pds-chip--subtle) .pds-chip__button,:host(.pds-chip--subtle) .pds-chip__close{color:var(--pine-chip-color-subtle-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--subtle) .pds-chip__close:hover{background:var(--pine-chip-color-subtle-hover)}:host(.pds-chip--subtle.pds-chip--dropdown:hover){background:var(--pine-chip-color-subtle-hover)}:host(.pds-chip--success){background:var(--pine-chip-color-success);border:var(--pine-border-width) solid var(--pine-chip-color-success-hover)}:host(.pds-chip--success) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-success-dot))}:host(.pds-chip--success) .pds-chip__label,:host(.pds-chip--success) .pds-chip__button,:host(.pds-chip--success) .pds-chip__close{color:var(--pine-chip-color-success-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--success) .pds-chip__close:hover{background:var(--pine-chip-color-success-hover)}:host(.pds-chip--success.pds-chip--dropdown:hover){background:var(--pine-chip-color-success-hover)}:host(.pds-chip--warning){background:var(--pine-chip-color-warning);border:var(--pine-border-width) solid var(--pine-chip-color-warning-hover)}:host(.pds-chip--warning) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-warning-dot))}:host(.pds-chip--warning) .pds-chip__label,:host(.pds-chip--warning) .pds-chip__button,:host(.pds-chip--warning) .pds-chip__close{color:var(--pine-chip-color-warning-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--warning) .pds-chip__close:hover{background:var(--pine-chip-color-warning-hover)}:host(.pds-chip--warning.pds-chip--dropdown:hover){background:var(--pine-chip-color-warning-hover)}:host(.pds-chip--solid){border-color:transparent}.pds-chip__dot{border:var(--pine-border-width) solid transparent;border-radius:var(--pine-border-radius-full);display:inline-block;-ms-flex-negative:0;flex-shrink:0;height:var(--pine-dimension-2xs);-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs);width:var(--pine-dimension-2xs)}.pds-chip__icon{color:var(--pds-chip-icon-color, currentColor)}.pds-chip__label{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.pds-chip__label pds-icon{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}:host([max-width]){-webkit-box-sizing:border-box;box-sizing:border-box;max-width:var(--pds-chip-max-width);min-width:0}:host([max-width]) .pds-chip__label,:host([max-width]) .pds-chip__button{min-width:0}:host([max-width]) .pds-chip__label-text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-chip__label,.pds-chip__button{font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}:host(.pds-chip--dropdown){padding:var(--pine-dimension-none)}.pds-chip__button{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--pine-dimension-none);border-radius:var(--pine-dimension-sm);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-025) var(--pine-dimension-100)}.pds-chip__button:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-chip__button pds-icon:first-child{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-chip__button pds-icon:last-child{-webkit-margin-end:calc(var(--pine-dimension-025) * -1);margin-inline-end:calc(var(--pine-dimension-025) * -1);-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-chip__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--pine-border-radius-full);-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--sizing-close);-webkit-margin-end:calc(var(--pine-dimension-xs) * -1);margin-inline-end:calc(var(--pine-dimension-xs) * -1);-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs);padding:var(--sizing-close);position:relative;width:var(--sizing-close)}.pds-chip__close pds-icon{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.pds-chip__close:focus-visible{outline:var(--pine-outline-focus)}:host(.pds-chip--sm){--sizing-close:var(--pine-dimension-100);padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-100)}:host(.pds-chip--sm) .pds-chip__label,:host(.pds-chip--sm) .pds-chip__button{font:var(--pine-typography-body-sm-medium);letter-spacing:var(--pine-letter-spacing)}:host(.pds-chip--sm.pds-chip--dropdown){padding:var(--pine-dimension-none)}:host(.pds-chip--sm.pds-chip--dropdown) .pds-chip__button{padding:var(--pine-dimension-025) var(--pine-dimension-100)}:host(.pds-chip--sm.pds-chip--brand) .pds-chip__label{padding:var(--pine-dimension-025) var(--pine-dimension-100)}:host(.pds-chip--lg){padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-150)}:host(.pds-chip--lg) .pds-chip__label,:host(.pds-chip--lg) .pds-chip__button{font-family:var(--pine-font-family-heading);font-size:var(--pine-font-size-heading-6);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing-heading-6)}:host(.pds-chip--lg.pds-chip--dropdown){padding:var(--pine-dimension-none)}:host(.pds-chip--lg.pds-chip--dropdown) .pds-chip__button{padding:var(--pine-dimension-025) var(--pine-dimension-150)}:host(.pds-chip--brand){background:-webkit-gradient(linear, left top, right top, from(#FF3E14), to(#6B62F2));background:linear-gradient(90deg, #FF3E14 0%, #6B62F2 100%);border:0;padding:1px;position:relative}:host(.pds-chip--brand) .pds-chip__label{background:rgba(255, 255, 255, 0.9);border-radius:calc(var(--pine-dimension-sm) - 1px);color:var(--pine-color-grey-900);font-weight:var(--pine-font-weight-medium);padding:var(--pine-dimension-025) var(--pine-dimension-100);position:relative;z-index:var(--pine-z-index-raised)}:host(.pds-chip--brand) .pds-chip__label pds-icon{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}:host(.pds-chip--brand) .pds-chip__button,:host(.pds-chip--brand) .pds-chip__close{color:var(--pine-color-grey-900);font-weight:var(--pine-font-weight-medium);position:relative;z-index:var(--pine-z-index-raised)}:host(.pds-chip--brand) .pds-chip__button pds-icon:first-child{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}:host(.pds-chip--brand) .pds-chip__close:hover{background:rgba(255, 255, 255, 0.8)}"};var SENTIMENT_DOT_COLORS={accent:"var(--pine-chip-color-accent-dot)",danger:"var(--pine-chip-color-danger-dot)",info:"var(--pine-chip-color-info-dot)",neutral:"var(--pine-chip-color-neutral-dot)",solid:"var(--pine-chip-color-solid-dot)",subtle:"var(--pine-chip-color-subtle-dot)",success:"var(--pine-chip-color-success-dot)",warning:"var(--pine-chip-color-warning-dot)"};function besideListbox(i){var o=(i===null||i===void 0?void 0:i.matches('[role="option"]'))?i:null;var e=o===null||o===void 0?void 0:o.closest('[role="listbox"]');if(!o||!e)return{};return{placement:"right",reference:{getBoundingClientRect:function(){var i=o.getBoundingClientRect(),r=i.top,n=i.bottom,p=i.height;var c=e.getBoundingClientRect(),s=c.left,t=c.right,a=c.width;return{x:s,y:r,top:r,left:s,bottom:n,right:t,width:a,height:p}}}}}var PdsChip=function(){function i(i){var o=this;registerInstance(this,i);this.pdsTagCloseClick=createEvent(this,"pdsTagCloseClick");this.hostKeeper=new HostStylingKeeper;this.truncationCleanup=null;this.dot=false;this.sentiment="neutral";this.variant="text";this.dismissLabel="Remove";this.handleCloseClick=function(){o.pdsTagCloseClick.emit()}}i.prototype.connectedCallback=function(){this.hostKeeper.connect(this.el);if(this.maxWidth&&this.labelTextEl){this.initTruncationTooltip()}};i.prototype.componentDidRender=function(){if(this.maxWidth&&this.labelTextEl){if(this.labelTextEl!==this.tooltipBoundEl){this.initTruncationTooltip()}}else if(this.tooltipBoundEl){this.destroyTruncationTooltip()}};i.prototype.disconnectedCallback=function(){this.hostKeeper.disconnect();this.destroyTruncationTooltip()};i.prototype.initTruncationTooltip=function(){var i=this;this.destroyTruncationTooltip();if(this.labelTextEl){var o=this.el.closest(FOCUSABLE_WRAPPER);var e=this.el.closest('[aria-hidden="true"]')!==null;this.truncationCleanup=setupTruncationTooltip(Object.assign({hostEl:this.el,contentEl:this.labelTextEl,getTooltipText:function(){return i.el.textContent||""},manageTabIndex:this.effectiveVariant!=="dropdown"&&!o&&!e,focusEl:o!==null&&o!==void 0?o:this.el},besideListbox(o)));this.tooltipBoundEl=this.labelTextEl}};i.prototype.destroyTruncationTooltip=function(){if(this.truncationCleanup){this.truncationCleanup();this.truncationCleanup=null}this.tooltipBoundEl=null};Object.defineProperty(i.prototype,"effectiveSize",{get:function(){var i;return(i=this.size)!==null&&i!==void 0?i:"md"},enumerable:false,configurable:true});i.prototype.classNames=function(){var i=["pds-chip"];var o=this.effectiveSize;if(o&&o!=="md"){i.push("pds-chip--"+o)}var e=this.sentiment==="brand"?"text":this.variant;if(e){i.push("pds-chip--"+e)}if(this.sentiment){i.push("pds-chip--"+this.sentiment)}return i.join(" ")};Object.defineProperty(i.prototype,"effectiveVariant",{get:function(){return this.sentiment==="brand"?"text":this.variant},enumerable:false,configurable:true});Object.defineProperty(i.prototype,"iconSize",{get:function(){switch(this.effectiveSize){case"sm":return"10px";case"lg":return"14px";default:return"12px"}},enumerable:false,configurable:true});i.prototype.setChipContent=function(){var i=this;var o=this.effectiveVariant==="dropdown";var e=this.sentiment==="brand"?false:this.dot;var r=o?h("button",{class:"pds-chip__button",type:"button",part:"button"},this.icon&&h("pds-icon",{class:"pds-chip__icon",part:"icon",icon:this.icon,size:this.iconSize,"aria-hidden":"true"}),e&&h("i",{class:"pds-chip__dot",part:"dot","aria-hidden":"true"}),h("span",{class:"pds-chip__label-text",ref:function(o){return i.labelTextEl=o}},h("slot",null)),h("pds-icon",{icon:downSmall,size:this.iconSize,"aria-hidden":"true"})):h("span",{class:"pds-chip__label"},this.icon&&h("pds-icon",{class:"pds-chip__icon",part:"icon",icon:this.icon,size:this.iconSize,"aria-hidden":"true"}),e&&h("i",{class:"pds-chip__dot",part:"dot","aria-hidden":"true"}),h("span",{class:"pds-chip__label-text",ref:function(o){return i.labelTextEl=o}},h("slot",null)));return r};Object.defineProperty(i.prototype,"hostStyles",{get:function(){var i={};if(this.maxWidth){i["--pds-chip-max-width"]=this.maxWidth}var o=normalizeColorValue(this.dotColor,{semanticMap:SENTIMENT_DOT_COLORS});if(o!==undefined){i["--pds-chip-dot-color"]=o}var e=normalizeColorValue(this.iconColor,{semanticMap:SENTIMENT_DOT_COLORS});if(e!==undefined){i["--pds-chip-icon-color"]=e}return i},enumerable:false,configurable:true});i.prototype.renderCloseButton=function(){var i=this;var o=this.removeUrl?"a":"button";var e=function(){if(i.removeUrl){var o={class:"pds-chip__close",href:i.removeUrl,"aria-label":i.dismissLabel};if(i.removeTarget){o.target=i.removeTarget}if(i.removeHttpMethod){o["data-method"]=i.removeHttpMethod;o["data-turbo-method"]=i.removeHttpMethod}var e=[];if(i.removeTarget==="_blank"){e.push("noopener","noreferrer")}if(i.removeHttpMethod&&i.removeHttpMethod!=="get"){e.push("nofollow")}if(e.length>0){o.rel=e.join(" ")}return o}return{class:"pds-chip__close",type:"button","aria-label":i.dismissLabel}};return h(o,Object.assign({},e(),{onClick:this.handleCloseClick}),h("pds-icon",{icon:remove,size:this.iconSize,"aria-hidden":"true"}))};i.prototype.render=function(){var i=this.classNames();var o=this.hostStyles;this.hostKeeper.record(i,o);return h(Host,{key:"d8c5e90c4d55959e7b2d0cc8a994136fb0abc5dc",class:i,id:this.componentId,style:o},this.setChipContent(),this.effectiveVariant==="tag"&&this.renderCloseButton())};Object.defineProperty(i.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return i}();PdsChip.style=pdsChipTokensCss()+pdsChipCss();export{PdsChip as pds_chip};
1
+ import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-4_RRPJTO.js";import{d as downSmall,r as remove}from"./index-B0DXTeeV.js";import{H as HostStylingKeeper}from"./attributes-CD8knu3a.js";import{F as FOCUSABLE_WRAPPER,s as setupTruncationTooltip}from"./truncation-tooltip-CkIWm6Z-.js";import{n as normalizeColorValue}from"./utils-OYK5-nwe.js";import"./keep-hydrated-BgNaWLoS.js";import"./floating-ui.dom-Cuc0DYlm.js";import"./portal-target-CKRzRKdO.js";var pdsChipTokensCss=function(){return":host{--pine-chip-color-accent:var(--pine-color-purple-100);--pine-chip-color-accent-hover:var(--pine-color-purple-300);--pine-chip-color-accent-dot:var(--pine-color-purple-600);--pine-chip-color-accent-text:var(--pine-color-purple-950);--pine-chip-color-danger:var(--pine-color-red-100);--pine-chip-color-danger-hover:var(--pine-color-red-300);--pine-chip-color-danger-dot:var(--pine-color-red-600);--pine-chip-color-danger-text:var(--pine-color-red-950);--pine-chip-color-info:var(--pine-color-blue-100);--pine-chip-color-info-hover:var(--pine-color-blue-300);--pine-chip-color-info-dot:var(--pine-color-blue-600);--pine-chip-color-info-text:var(--pine-color-blue-950);--pine-chip-color-neutral:var(--pine-color-grey-100);--pine-chip-color-neutral-hover:var(--pine-color-grey-300);--pine-chip-color-neutral-dot:var(--pine-color-grey-600);--pine-chip-color-neutral-text:var(--pine-color-grey-950);--pine-chip-color-solid:var(--pine-color-grey-900);--pine-chip-color-solid-hover:var(--pine-color-grey-950);--pine-chip-color-solid-dot:var(--pine-color-white);--pine-chip-color-solid-text:var(--pine-color-white);--pine-chip-color-subtle:var(--pine-color-white);--pine-chip-color-subtle-hover:var(--pine-color-grey-300);--pine-chip-color-subtle-dot:var(--pine-color-grey-900);--pine-chip-color-subtle-text:var(--pine-color-grey-900);--pine-chip-color-success:var(--pine-color-green-100);--pine-chip-color-success-hover:var(--pine-color-green-300);--pine-chip-color-success-dot:var(--pine-color-green-600);--pine-chip-color-success-text:var(--pine-color-green-950);--pine-chip-color-warning:var(--pine-color-yellow-100);--pine-chip-color-warning-hover:var(--pine-color-yellow-300);--pine-chip-color-warning-dot:var(--pine-color-yellow-600);--pine-chip-color-warning-text:var(--pine-color-yellow-950)}:host-context([data-theme=dark]){--pine-chip-color-accent:var(--pine-color-purple-900);--pine-chip-color-accent-hover:var(--pine-color-purple-800);--pine-chip-color-accent-dot:var(--pine-color-purple-400);--pine-chip-color-accent-text:var(--pine-color-purple-100);--pine-chip-color-danger:var(--pine-color-red-900);--pine-chip-color-danger-hover:var(--pine-color-red-800);--pine-chip-color-danger-dot:var(--pine-color-red-400);--pine-chip-color-danger-text:var(--pine-color-red-100);--pine-chip-color-info:var(--pine-color-blue-900);--pine-chip-color-info-hover:var(--pine-color-blue-800);--pine-chip-color-info-dot:var(--pine-color-blue-400);--pine-chip-color-info-text:var(--pine-color-blue-100);--pine-chip-color-neutral:var(--pine-color-grey-800);--pine-chip-color-neutral-hover:var(--pine-color-grey-600);--pine-chip-color-neutral-dot:var(--pine-color-grey-300);--pine-chip-color-neutral-text:var(--pine-color-grey-100);--pine-chip-color-solid:var(--pine-color-white);--pine-chip-color-solid-hover:var(--pine-color-grey-100);--pine-chip-color-solid-dot:var(--pine-color-grey-900);--pine-chip-color-solid-text:var(--pine-color-grey-900);--pine-chip-color-subtle:var(--pine-color-grey-900);--pine-chip-color-subtle-hover:var(--pine-color-grey-500);--pine-chip-color-subtle-dot:var(--pine-color-white);--pine-chip-color-subtle-text:var(--pine-color-white);--pine-chip-color-success:var(--pine-color-green-900);--pine-chip-color-success-hover:var(--pine-color-green-800);--pine-chip-color-success-dot:var(--pine-color-green-400);--pine-chip-color-success-text:var(--pine-color-green-100);--pine-chip-color-warning:var(--pine-color-yellow-900);--pine-chip-color-warning-hover:var(--pine-color-yellow-800);--pine-chip-color-warning-dot:var(--pine-color-yellow-400);--pine-chip-color-warning-text:var(--pine-color-yellow-100)}"};var pdsChipCss=function(){return":host{--sizing-close:var(--pine-dimension-125);-ms-flex-align:center;align-items:center;border-radius:var(--pine-dimension-sm);display:-ms-inline-flexbox;display:inline-flex;padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-100)}:host(.pds-chip--accent){background:var(--pine-chip-color-accent);border:var(--pine-border-width) solid var(--pine-chip-color-accent-hover)}:host(.pds-chip--accent) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-accent-dot))}:host(.pds-chip--accent) .pds-chip__label,:host(.pds-chip--accent) .pds-chip__button,:host(.pds-chip--accent) .pds-chip__close{color:var(--pine-chip-color-accent-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--accent) .pds-chip__close:hover{background:var(--pine-chip-color-accent-hover)}:host(.pds-chip--accent.pds-chip--dropdown:hover){background:var(--pine-chip-color-accent-hover)}:host(.pds-chip--danger){background:var(--pine-chip-color-danger);border:var(--pine-border-width) solid var(--pine-chip-color-danger-hover)}:host(.pds-chip--danger) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-danger-dot))}:host(.pds-chip--danger) .pds-chip__label,:host(.pds-chip--danger) .pds-chip__button,:host(.pds-chip--danger) .pds-chip__close{color:var(--pine-chip-color-danger-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--danger) .pds-chip__close:hover{background:var(--pine-chip-color-danger-hover)}:host(.pds-chip--danger.pds-chip--dropdown:hover){background:var(--pine-chip-color-danger-hover)}:host(.pds-chip--info){background:var(--pine-chip-color-info);border:var(--pine-border-width) solid var(--pine-chip-color-info-hover)}:host(.pds-chip--info) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-info-dot))}:host(.pds-chip--info) .pds-chip__label,:host(.pds-chip--info) .pds-chip__button,:host(.pds-chip--info) .pds-chip__close{color:var(--pine-chip-color-info-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--info) .pds-chip__close:hover{background:var(--pine-chip-color-info-hover)}:host(.pds-chip--info.pds-chip--dropdown:hover){background:var(--pine-chip-color-info-hover)}:host(.pds-chip--neutral){background:var(--pine-chip-color-neutral);border:var(--pine-border-width) solid var(--pine-chip-color-neutral-hover)}:host(.pds-chip--neutral) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-neutral-dot))}:host(.pds-chip--neutral) .pds-chip__label,:host(.pds-chip--neutral) .pds-chip__button,:host(.pds-chip--neutral) .pds-chip__close{color:var(--pine-chip-color-neutral-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--neutral) .pds-chip__close:hover{background:var(--pine-chip-color-neutral-hover)}:host(.pds-chip--neutral.pds-chip--dropdown:hover){background:var(--pine-chip-color-neutral-hover)}:host(.pds-chip--solid){background:var(--pine-chip-color-solid);border:var(--pine-border-width) solid var(--pine-chip-color-solid-hover)}:host(.pds-chip--solid) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-solid-dot))}:host(.pds-chip--solid) .pds-chip__label,:host(.pds-chip--solid) .pds-chip__button,:host(.pds-chip--solid) .pds-chip__close{color:var(--pine-chip-color-solid-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--solid) .pds-chip__close:hover{background:var(--pine-chip-color-solid-hover)}:host(.pds-chip--solid.pds-chip--dropdown:hover){background:var(--pine-chip-color-solid-hover)}:host(.pds-chip--subtle){background:var(--pine-chip-color-subtle);border:var(--pine-border-width) solid var(--pine-chip-color-subtle-hover)}:host(.pds-chip--subtle) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-subtle-dot))}:host(.pds-chip--subtle) .pds-chip__label,:host(.pds-chip--subtle) .pds-chip__button,:host(.pds-chip--subtle) .pds-chip__close{color:var(--pine-chip-color-subtle-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--subtle) .pds-chip__close:hover{background:var(--pine-chip-color-subtle-hover)}:host(.pds-chip--subtle.pds-chip--dropdown:hover){background:var(--pine-chip-color-subtle-hover)}:host(.pds-chip--success){background:var(--pine-chip-color-success);border:var(--pine-border-width) solid var(--pine-chip-color-success-hover)}:host(.pds-chip--success) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-success-dot))}:host(.pds-chip--success) .pds-chip__label,:host(.pds-chip--success) .pds-chip__button,:host(.pds-chip--success) .pds-chip__close{color:var(--pine-chip-color-success-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--success) .pds-chip__close:hover{background:var(--pine-chip-color-success-hover)}:host(.pds-chip--success.pds-chip--dropdown:hover){background:var(--pine-chip-color-success-hover)}:host(.pds-chip--warning){background:var(--pine-chip-color-warning);border:var(--pine-border-width) solid var(--pine-chip-color-warning-hover)}:host(.pds-chip--warning) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-warning-dot))}:host(.pds-chip--warning) .pds-chip__label,:host(.pds-chip--warning) .pds-chip__button,:host(.pds-chip--warning) .pds-chip__close{color:var(--pine-chip-color-warning-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--warning) .pds-chip__close:hover{background:var(--pine-chip-color-warning-hover)}:host(.pds-chip--warning.pds-chip--dropdown:hover){background:var(--pine-chip-color-warning-hover)}:host(.pds-chip--solid){border-color:transparent}.pds-chip__dot{border:var(--pine-border-width) solid transparent;border-radius:var(--pine-border-radius-full);display:inline-block;-ms-flex-negative:0;flex-shrink:0;height:var(--pine-dimension-2xs);-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs);width:var(--pine-dimension-2xs)}.pds-chip__icon{color:var(--pds-chip-icon-color, currentColor)}.pds-chip__label{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.pds-chip__label pds-icon{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}:host([max-width]){-webkit-box-sizing:border-box;box-sizing:border-box;max-width:var(--pds-chip-max-width);min-width:0}:host([max-width]) .pds-chip__label,:host([max-width]) .pds-chip__button{min-width:0}:host([max-width]) .pds-chip__label-text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-chip__label,.pds-chip__button{font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}:host(.pds-chip--dropdown){padding:var(--pine-dimension-none)}.pds-chip__button{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--pine-dimension-none);border-radius:var(--pine-dimension-sm);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-025) var(--pine-dimension-100)}.pds-chip__button:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-chip__button pds-icon:first-child{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-chip__button pds-icon:last-child{-webkit-margin-end:calc(var(--pine-dimension-025) * -1);margin-inline-end:calc(var(--pine-dimension-025) * -1);-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-chip__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--pine-border-radius-full);-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--sizing-close);-webkit-margin-end:calc(var(--pine-dimension-xs) * -1);margin-inline-end:calc(var(--pine-dimension-xs) * -1);-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs);padding:var(--sizing-close);position:relative;width:var(--sizing-close)}.pds-chip__close pds-icon{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.pds-chip__close:focus-visible{outline:var(--pine-outline-focus)}:host(.pds-chip--sm){--sizing-close:var(--pine-dimension-100);padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-100)}:host(.pds-chip--sm) .pds-chip__label,:host(.pds-chip--sm) .pds-chip__button{font:var(--pine-typography-body-sm-medium);letter-spacing:var(--pine-letter-spacing)}:host(.pds-chip--sm.pds-chip--dropdown){padding:var(--pine-dimension-none)}:host(.pds-chip--sm.pds-chip--dropdown) .pds-chip__button{padding:var(--pine-dimension-025) var(--pine-dimension-100)}:host(.pds-chip--sm.pds-chip--brand) .pds-chip__label{padding:var(--pine-dimension-025) var(--pine-dimension-100)}:host(.pds-chip--lg){padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-150)}:host(.pds-chip--lg) .pds-chip__label,:host(.pds-chip--lg) .pds-chip__button{font-family:var(--pine-font-family-heading);font-size:var(--pine-font-size-heading-6);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing-heading-6)}:host(.pds-chip--lg.pds-chip--dropdown){padding:var(--pine-dimension-none)}:host(.pds-chip--lg.pds-chip--dropdown) .pds-chip__button{padding:var(--pine-dimension-025) var(--pine-dimension-150)}:host(.pds-chip--brand){background:-webkit-gradient(linear, left top, right top, from(#FF3E14), to(#6B62F2));background:linear-gradient(90deg, #FF3E14 0%, #6B62F2 100%);border:0;padding:1px;position:relative}:host(.pds-chip--brand) .pds-chip__label{background:rgba(255, 255, 255, 0.9);border-radius:calc(var(--pine-dimension-sm) - 1px);color:var(--pine-color-grey-900);font-weight:var(--pine-font-weight-medium);padding:var(--pine-dimension-025) var(--pine-dimension-100);position:relative;z-index:var(--pine-z-index-raised)}:host(.pds-chip--brand) .pds-chip__label pds-icon{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}:host(.pds-chip--brand) .pds-chip__button,:host(.pds-chip--brand) .pds-chip__close{color:var(--pine-color-grey-900);font-weight:var(--pine-font-weight-medium);position:relative;z-index:var(--pine-z-index-raised)}:host(.pds-chip--brand) .pds-chip__button pds-icon:first-child{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}:host(.pds-chip--brand) .pds-chip__close:hover{background:rgba(255, 255, 255, 0.8)}"};var SENTIMENT_DOT_COLORS={accent:"var(--pine-chip-color-accent-dot)",danger:"var(--pine-chip-color-danger-dot)",info:"var(--pine-chip-color-info-dot)",neutral:"var(--pine-chip-color-neutral-dot)",solid:"var(--pine-chip-color-solid-dot)",subtle:"var(--pine-chip-color-subtle-dot)",success:"var(--pine-chip-color-success-dot)",warning:"var(--pine-chip-color-warning-dot)"};function besideListbox(i){var o=(i===null||i===void 0?void 0:i.matches('[role="option"]'))?i:null;var e=o===null||o===void 0?void 0:o.closest('[role="listbox"]');if(!o||!e)return{};return{placement:"right",reference:{getBoundingClientRect:function(){var i=o.getBoundingClientRect(),r=i.top,n=i.bottom,p=i.height;var c=e.getBoundingClientRect(),s=c.left,t=c.right,a=c.width;return{x:s,y:r,top:r,left:s,bottom:n,right:t,width:a,height:p}}}}}var PdsChip=function(){function i(i){var o=this;registerInstance(this,i);this.pdsTagCloseClick=createEvent(this,"pdsTagCloseClick");this.hostKeeper=new HostStylingKeeper;this.truncationCleanup=null;this.dot=false;this.sentiment="neutral";this.variant="text";this.dismissLabel="Remove";this.handleCloseClick=function(){o.pdsTagCloseClick.emit()}}i.prototype.connectedCallback=function(){this.hostKeeper.connect(this.el);if(this.maxWidth&&this.labelTextEl){this.initTruncationTooltip()}};i.prototype.componentDidRender=function(){if(this.maxWidth&&this.labelTextEl){if(this.labelTextEl!==this.tooltipBoundEl){this.initTruncationTooltip()}}else if(this.tooltipBoundEl){this.destroyTruncationTooltip()}};i.prototype.disconnectedCallback=function(){this.hostKeeper.disconnect();this.destroyTruncationTooltip()};i.prototype.initTruncationTooltip=function(){var i=this;this.destroyTruncationTooltip();if(this.labelTextEl){var o=this.el.closest(FOCUSABLE_WRAPPER);var e=this.el.closest('[aria-hidden="true"]')!==null;this.truncationCleanup=setupTruncationTooltip(Object.assign({hostEl:this.el,contentEl:this.labelTextEl,getTooltipText:function(){return i.el.textContent||""},manageTabIndex:this.effectiveVariant!=="dropdown"&&!o&&!e,focusEl:o!==null&&o!==void 0?o:this.el},besideListbox(o)));this.tooltipBoundEl=this.labelTextEl}};i.prototype.destroyTruncationTooltip=function(){if(this.truncationCleanup){this.truncationCleanup();this.truncationCleanup=null}this.tooltipBoundEl=null};Object.defineProperty(i.prototype,"effectiveSize",{get:function(){var i;return(i=this.size)!==null&&i!==void 0?i:"md"},enumerable:false,configurable:true});i.prototype.classNames=function(){var i=["pds-chip"];var o=this.effectiveSize;if(o&&o!=="md"){i.push("pds-chip--"+o)}var e=this.sentiment==="brand"?"text":this.variant;if(e){i.push("pds-chip--"+e)}if(this.sentiment){i.push("pds-chip--"+this.sentiment)}return i.join(" ")};Object.defineProperty(i.prototype,"effectiveVariant",{get:function(){return this.sentiment==="brand"?"text":this.variant},enumerable:false,configurable:true});Object.defineProperty(i.prototype,"iconSize",{get:function(){switch(this.effectiveSize){case"sm":return"10px";case"lg":return"14px";default:return"12px"}},enumerable:false,configurable:true});i.prototype.setChipContent=function(){var i=this;var o=this.effectiveVariant==="dropdown";var e=this.sentiment==="brand"?false:this.dot;var r=o?h("button",{class:"pds-chip__button",type:"button",part:"button"},this.icon&&h("pds-icon",{class:"pds-chip__icon",part:"icon",icon:this.icon,size:this.iconSize,"aria-hidden":"true"}),e&&h("i",{class:"pds-chip__dot",part:"dot","aria-hidden":"true"}),h("span",{class:"pds-chip__label-text",ref:function(o){return i.labelTextEl=o}},h("slot",null)),h("pds-icon",{icon:downSmall,size:this.iconSize,"aria-hidden":"true"})):h("span",{class:"pds-chip__label"},this.icon&&h("pds-icon",{class:"pds-chip__icon",part:"icon",icon:this.icon,size:this.iconSize,"aria-hidden":"true"}),e&&h("i",{class:"pds-chip__dot",part:"dot","aria-hidden":"true"}),h("span",{class:"pds-chip__label-text",ref:function(o){return i.labelTextEl=o}},h("slot",null)));return r};Object.defineProperty(i.prototype,"hostStyles",{get:function(){var i={};if(this.maxWidth){i["--pds-chip-max-width"]=this.maxWidth}var o=normalizeColorValue(this.dotColor,{semanticMap:SENTIMENT_DOT_COLORS});if(o!==undefined){i["--pds-chip-dot-color"]=o}var e=normalizeColorValue(this.iconColor,{semanticMap:SENTIMENT_DOT_COLORS});if(e!==undefined){i["--pds-chip-icon-color"]=e}return i},enumerable:false,configurable:true});i.prototype.renderCloseButton=function(){var i=this;var o=this.removeUrl?"a":"button";var e=function(){if(i.removeUrl){var o={class:"pds-chip__close",href:i.removeUrl,"aria-label":i.dismissLabel};if(i.removeTarget){o.target=i.removeTarget}if(i.removeHttpMethod){o["data-method"]=i.removeHttpMethod;o["data-turbo-method"]=i.removeHttpMethod}var e=[];if(i.removeTarget==="_blank"){e.push("noopener","noreferrer")}if(i.removeHttpMethod&&i.removeHttpMethod!=="get"){e.push("nofollow")}if(e.length>0){o.rel=e.join(" ")}return o}return{class:"pds-chip__close",type:"button","aria-label":i.dismissLabel}};return h(o,Object.assign({},e(),{onClick:this.handleCloseClick}),h("pds-icon",{icon:remove,size:this.iconSize,"aria-hidden":"true"}))};i.prototype.render=function(){var i=this.classNames();var o=this.hostStyles;this.hostKeeper.record(i,o);return h(Host,{key:"7f9ee3000b4a68726730ee8019f5b866a2f53ae7",class:i,style:o},this.setChipContent(),this.effectiveVariant==="tag"&&this.renderCloseButton())};Object.defineProperty(i.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return i}();PdsChip.style=pdsChipTokensCss()+pdsChipCss();export{PdsChip as pds_chip};
@@ -1 +1 @@
1
- import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-4_RRPJTO.js";import{H as HostStylingKeeper}from"./attributes-CD8knu3a.js";import{a as copy}from"./index-B0DXTeeV.js";import{r as restoreReflectedDefault}from"./reflected-attribute-default-t3idJwV0.js";import{s as setupTruncationTooltip}from"./truncation-tooltip-CkIWm6Z-.js";import"./keep-hydrated-BgNaWLoS.js";import"./floating-ui.dom-Cuc0DYlm.js";import"./portal-target-CKRzRKdO.js";var pdsCopytextCss=function(){return":host(.pds-copytext){--copytext-color-background-hover:var(--pine-color-background-inset)}:host(.pds-copytext) pds-button{-ms-flex-align:center;align-items:center;border-radius:var(--pine-border-radius-full);border-width:var(--pine-dimension-none);display:-ms-inline-flexbox;display:inline-flex;font-family:var(--pine-font-family-heading);font-size:var(--pine-font-size-body-md);font-weight:var(--pine-font-weight-body-medium);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);max-width:100%}:host(.pds-copytext) pds-button::part(button){padding-block:var(--pine-dimension-2xs);padding-inline:var(--pine-dimension-xs)}:host(.pds-copytext) pds-button::part(button):hover{background-color:var(--copytext-color-background-hover);color:var(--pine-color-text-secondary-hover)}:host(.pds-copytext) pds-button span{font-weight:var(--pine-font-weight-medium);-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs);white-space:nowrap}:host(.pds-copytext) pds-button :nth-child(2){-ms-flex-negative:0;flex-shrink:0}:host(.pds-copytext):host(.pds-copytext--bordered){border-width:var(--pine-dimension-none);padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button{padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button::part(button){padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button::part(button):hover{background-color:transparent}:host(.pds-copytext):host(.pds-copytext--bordered) span{background:var(--pine-color-secondary);border:var(--pine-border);border-radius:var(--pine-border-radius-full);-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm);padding-block:var(--pine-dimension-xs);padding-inline:var(--pine-dimension-sm)}:host(.pds-copytext):host(.pds-copytext--bordered) :hover span{border:var(--pine-border-hover)}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button,:host(.pds-copytext):host(.pds-copytext--truncated) pds-button{display:-ms-inline-flexbox;display:inline-flex;min-width:auto;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button::part(button-content),:host(.pds-copytext):host(.pds-copytext--full-width) pds-button::part(button-text),:host(.pds-copytext):host(.pds-copytext--truncated) pds-button::part(button-content),:host(.pds-copytext):host(.pds-copytext--truncated) pds-button::part(button-text){-ms-flex-negative:1;flex-shrink:1;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button span,:host(.pds-copytext):host(.pds-copytext--truncated) pds-button span{text-align:start;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button{-ms-flex-pack:justify;justify-content:space-between}:host(.pds-copytext):host(.pds-copytext--truncated) pds-button span{overflow:hidden;text-overflow:ellipsis}"};var PdsCopytext=function(){function t(t){var e=this;registerInstance(this,t);this.pdsCopyTextClick=createEvent(this,"pdsCopyTextClick");this.hostKeeper=new HostStylingKeeper;this.truncationCleanup=null;this.border=true;this.fullWidth=false;this.truncate=false;this.copyToClipboard=function(t){return __awaiter(e,void 0,void 0,(function(){var e;return __generator(this,(function(o){switch(o.label){case 0:o.trys.push([0,3,,4]);if(!(typeof navigator.clipboard!=="undefined"))return[3,2];return[4,navigator.clipboard.writeText(t)];case 1:o.sent();this.pdsCopyTextClick.emit("Copied to clipboard");o.label=2;case 2:return[3,4];case 3:e=o.sent();this.pdsCopyTextClick.emit("Error writing text to clipboard: ".concat(e));return[3,4];case 4:return[2]}}))}))};this.handleClick=function(){e.copyToClipboard(e.value)}}t.prototype.connectedCallback=function(){this.hostKeeper.connect(this.el);if(this.truncate&&this.valueSpanEl){this.initTruncationTooltip()}};t.prototype.restoreBorderDefault=function(t){this.border=restoreReflectedDefault(this.el,"border",t,true)};t.prototype.handleTruncateChange=function(t){if(t){this.initTruncationTooltip()}else{this.destroyTruncationTooltip()}};t.prototype.handleValueChange=function(){if(this.truncate){this.initTruncationTooltip()}};t.prototype.componentDidLoad=function(){if(this.truncate){this.initTruncationTooltip()}};t.prototype.disconnectedCallback=function(){this.hostKeeper.disconnect();this.destroyTruncationTooltip()};t.prototype.initTruncationTooltip=function(){var t=this;this.destroyTruncationTooltip();if(this.valueSpanEl){this.truncationCleanup=setupTruncationTooltip({hostEl:this.el,contentEl:this.valueSpanEl,getTooltipText:function(){return t.value||""},manageTabIndex:false})}};t.prototype.destroyTruncationTooltip=function(){if(this.truncationCleanup){this.truncationCleanup();this.truncationCleanup=null}};t.prototype.classNames=function(){var t=["pds-copytext"];if(this.border){t.push("pds-copytext--bordered")}if(this.fullWidth){t.push("pds-copytext--full-width")}if(this.truncate){t.push("pds-copytext--truncated")}return t.join(" ")};t.prototype.render=function(){var t=this;var e=this.classNames();this.hostKeeper.record(e);return h(Host,{key:"2c3bf9cd49adf9a68be5f6cf3bdf0bb29aab956a",class:e,id:this.componentId},h("pds-button",{key:"88ff5d9b7071583c76c8875834b9d4fda274d711",type:"button",variant:"unstyled",onClick:this.handleClick},h("span",{key:"5dee0ec40cbabf3d781037a785ec7c5aa7621121",ref:function(e){return t.valueSpanEl=e}},this.value),h("pds-icon",{key:"3399b3573670f32f6a70f78f1ae60c9cba031955","aria-hidden":"true",icon:copy,size:"16px"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{border:[{restoreBorderDefault:0}],truncate:[{handleTruncateChange:0}],value:[{handleValueChange:0}]}},enumerable:false,configurable:true});return t}();PdsCopytext.style=pdsCopytextCss();export{PdsCopytext as pds_copytext};
1
+ import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-4_RRPJTO.js";import{H as HostStylingKeeper}from"./attributes-CD8knu3a.js";import{a as copy}from"./index-B0DXTeeV.js";import{r as restoreReflectedDefault}from"./reflected-attribute-default-t3idJwV0.js";import{s as setupTruncationTooltip}from"./truncation-tooltip-CkIWm6Z-.js";import"./keep-hydrated-BgNaWLoS.js";import"./floating-ui.dom-Cuc0DYlm.js";import"./portal-target-CKRzRKdO.js";var pdsCopytextCss=function(){return":host(.pds-copytext){--copytext-color-background-hover:var(--pine-color-background-inset)}:host(.pds-copytext) pds-button{-ms-flex-align:center;align-items:center;border-radius:var(--pine-border-radius-full);border-width:var(--pine-dimension-none);display:-ms-inline-flexbox;display:inline-flex;font-family:var(--pine-font-family-heading);font-size:var(--pine-font-size-body-md);font-weight:var(--pine-font-weight-body-medium);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);max-width:100%}:host(.pds-copytext) pds-button::part(button){padding-block:var(--pine-dimension-2xs);padding-inline:var(--pine-dimension-xs)}:host(.pds-copytext) pds-button::part(button):hover{background-color:var(--copytext-color-background-hover);color:var(--pine-color-text-secondary-hover)}:host(.pds-copytext) pds-button span{font-weight:var(--pine-font-weight-medium);-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs);white-space:nowrap}:host(.pds-copytext) pds-button :nth-child(2){-ms-flex-negative:0;flex-shrink:0}:host(.pds-copytext):host(.pds-copytext--bordered){border-width:var(--pine-dimension-none);padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button{padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button::part(button){padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button::part(button):hover{background-color:transparent}:host(.pds-copytext):host(.pds-copytext--bordered) span{background:var(--pine-color-secondary);border:var(--pine-border);border-radius:var(--pine-border-radius-full);-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm);padding-block:var(--pine-dimension-xs);padding-inline:var(--pine-dimension-sm)}:host(.pds-copytext):host(.pds-copytext--bordered) :hover span{border:var(--pine-border-hover)}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button,:host(.pds-copytext):host(.pds-copytext--truncated) pds-button{display:-ms-inline-flexbox;display:inline-flex;min-width:auto;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button::part(button-content),:host(.pds-copytext):host(.pds-copytext--full-width) pds-button::part(button-text),:host(.pds-copytext):host(.pds-copytext--truncated) pds-button::part(button-content),:host(.pds-copytext):host(.pds-copytext--truncated) pds-button::part(button-text){-ms-flex-negative:1;flex-shrink:1;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button span,:host(.pds-copytext):host(.pds-copytext--truncated) pds-button span{text-align:start;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button{-ms-flex-pack:justify;justify-content:space-between}:host(.pds-copytext):host(.pds-copytext--truncated) pds-button span{overflow:hidden;text-overflow:ellipsis}"};var PdsCopytext=function(){function t(t){var e=this;registerInstance(this,t);this.pdsCopyTextClick=createEvent(this,"pdsCopyTextClick");this.hostKeeper=new HostStylingKeeper;this.truncationCleanup=null;this.border=true;this.fullWidth=false;this.truncate=false;this.copyToClipboard=function(t){return __awaiter(e,void 0,void 0,(function(){var e;return __generator(this,(function(o){switch(o.label){case 0:o.trys.push([0,3,,4]);if(!(typeof navigator.clipboard!=="undefined"))return[3,2];return[4,navigator.clipboard.writeText(t)];case 1:o.sent();this.pdsCopyTextClick.emit("Copied to clipboard");o.label=2;case 2:return[3,4];case 3:e=o.sent();this.pdsCopyTextClick.emit("Error writing text to clipboard: ".concat(e));return[3,4];case 4:return[2]}}))}))};this.handleClick=function(){e.copyToClipboard(e.value)}}t.prototype.connectedCallback=function(){this.hostKeeper.connect(this.el);if(this.truncate&&this.valueSpanEl){this.initTruncationTooltip()}};t.prototype.restoreBorderDefault=function(t){this.border=restoreReflectedDefault(this.el,"border",t,true)};t.prototype.handleTruncateChange=function(t){if(t){this.initTruncationTooltip()}else{this.destroyTruncationTooltip()}};t.prototype.handleValueChange=function(){if(this.truncate){this.initTruncationTooltip()}};t.prototype.componentDidLoad=function(){if(this.truncate){this.initTruncationTooltip()}};t.prototype.disconnectedCallback=function(){this.hostKeeper.disconnect();this.destroyTruncationTooltip()};t.prototype.initTruncationTooltip=function(){var t=this;this.destroyTruncationTooltip();if(this.valueSpanEl){this.truncationCleanup=setupTruncationTooltip({hostEl:this.el,contentEl:this.valueSpanEl,getTooltipText:function(){return t.value||""},manageTabIndex:false})}};t.prototype.destroyTruncationTooltip=function(){if(this.truncationCleanup){this.truncationCleanup();this.truncationCleanup=null}};t.prototype.classNames=function(){var t=["pds-copytext"];if(this.border){t.push("pds-copytext--bordered")}if(this.fullWidth){t.push("pds-copytext--full-width")}if(this.truncate){t.push("pds-copytext--truncated")}return t.join(" ")};t.prototype.render=function(){var t=this;var e=this.classNames();this.hostKeeper.record(e);return h(Host,{key:"088bbb25115146cf5ebce5ba98596ac987982ca1",class:e},h("pds-button",{key:"c6ca05402e3957f129e95f8545ebfb0393baf648",type:"button",variant:"unstyled",onClick:this.handleClick},h("span",{key:"95b0114960772b8d41ac1c55140eed73844be54b",ref:function(e){return t.valueSpanEl=e}},this.value),h("pds-icon",{key:"49a1a13daf1bd9d875f6bc518f7002dc33652863","aria-hidden":"true",icon:copy,size:"16px"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{border:[{restoreBorderDefault:0}],truncate:[{handleTruncateChange:0}],value:[{handleValueChange:0}]}},enumerable:false,configurable:true});return t}();PdsCopytext.style=pdsCopytextCss();export{PdsCopytext as pds_copytext};
@@ -1 +1 @@
1
- import{r as registerInstance,h,H as Host}from"./index-4_RRPJTO.js";import"./keep-hydrated-BgNaWLoS.js";var pdsDividerCss=function(){return'.pds-divider{background:var(--pine-color-border);border:0;display:-ms-flexbox;display:flex;height:var(--pine-border-width);margin:0;width:100%}.pds-divider--vertical{height:100%;width:1px}.pds-divider--labeled{-ms-flex-align:center;align-items:center;background:none;color:var(--pine-color-text);font:var(--pine-typography-body-sm-medium);gap:var(--pine-dimension-sm);height:auto;width:auto}.pds-divider--labeled::before,.pds-divider--labeled::after{background:var(--pine-color-border);content:"";-ms-flex:1;flex:1;height:var(--pine-border-width)}.pds-divider__label{text-align:center}.pds-divider--offset-xxs{margin:0 calc(var(--pine-dimension-2xs) * -1);padding:0 var(--pine-dimension-2xs)}.pds-divider--offset-xxs.pds-divider--vertical{margin:calc(var(--pine-dimension-2xs) * -1) 0;padding:var(--pine-dimension-2xs) 0}.pds-divider--offset-xxs.pds-divider--labeled{padding:0}.pds-divider--offset-xs{margin:0 calc(var(--pine-dimension-xs) * -1);padding:0 var(--pine-dimension-xs)}.pds-divider--offset-xs.pds-divider--vertical{margin:calc(var(--pine-dimension-xs) * -1) 0;padding:var(--pine-dimension-xs) 0}.pds-divider--offset-xs.pds-divider--labeled{padding:0}.pds-divider--offset-sm{margin:0 calc(var(--pine-dimension-sm) * -1);padding:0 var(--pine-dimension-sm)}.pds-divider--offset-sm.pds-divider--vertical{margin:calc(var(--pine-dimension-sm) * -1) 0;padding:var(--pine-dimension-sm) 0}.pds-divider--offset-sm.pds-divider--labeled{padding:0}.pds-divider--offset-md{margin:0 calc(var(--pine-dimension-md) * -1);padding:0 var(--pine-dimension-md)}.pds-divider--offset-md.pds-divider--vertical{margin:calc(var(--pine-dimension-md) * -1) 0;padding:var(--pine-dimension-md) 0}.pds-divider--offset-md.pds-divider--labeled{padding:0}.pds-divider--offset-lg{margin:0 calc(var(--pine-dimension-lg) * -1);padding:0 var(--pine-dimension-lg)}.pds-divider--offset-lg.pds-divider--vertical{margin:calc(var(--pine-dimension-lg) * -1) 0;padding:var(--pine-dimension-lg) 0}.pds-divider--offset-lg.pds-divider--labeled{padding:0}.pds-divider--offset-xl{margin:0 calc(var(--pine-dimension-xl) * -1);padding:0 var(--pine-dimension-xl)}.pds-divider--offset-xl.pds-divider--vertical{margin:calc(var(--pine-dimension-xl) * -1) 0;padding:var(--pine-dimension-xl) 0}.pds-divider--offset-xl.pds-divider--labeled{padding:0}.pds-divider--offset-xxl{margin:0 calc(var(--pine-dimension-2xl) * -1);padding:0 var(--pine-dimension-2xl)}.pds-divider--offset-xxl.pds-divider--vertical{margin:calc(var(--pine-dimension-2xl) * -1) 0;padding:var(--pine-dimension-2xl) 0}.pds-divider--offset-xxl.pds-divider--labeled{padding:0}@media (max-width: 767px){.pds-divider--vertical{display:none}}'};var PdsDivider=function(){function i(i){registerInstance(this,i);this.vertical=false}Object.defineProperty(i.prototype,"hasLabel",{get:function(){var i;return Boolean((i=this.label)===null||i===void 0?void 0:i.trim())&&!this.vertical},enumerable:false,configurable:true});i.prototype.classNames=function(){var i=["pds-divider"];if(this.vertical){i.push("pds-divider--vertical")}if(this.hasLabel){i.push("pds-divider--labeled")}if(this.offset){var d="pds-divider--offset-"+this.offset;i.push(d)}return i.join(" ")};i.prototype.render=function(){return h(Host,{key:"072cc8552bd33c4a00d216f15a5a848cfc97fd92",id:this.componentId},this.hasLabel?h("div",{class:this.classNames(),role:"separator","aria-label":this.label},h("span",{class:"pds-divider__label",part:"label","aria-hidden":"true"},this.label)):h("hr",{class:this.classNames()}))};return i}();PdsDivider.style=pdsDividerCss();export{PdsDivider as pds_divider};
1
+ import{r as registerInstance,h,H as Host}from"./index-4_RRPJTO.js";import"./keep-hydrated-BgNaWLoS.js";var pdsDividerCss=function(){return'.pds-divider{background:var(--pine-color-border);border:0;display:-ms-flexbox;display:flex;height:var(--pine-border-width);margin:0;width:100%}.pds-divider--vertical{height:100%;width:1px}.pds-divider--labeled{-ms-flex-align:center;align-items:center;background:none;color:var(--pine-color-text);font:var(--pine-typography-body-sm-medium);gap:var(--pine-dimension-sm);height:auto;width:auto}.pds-divider--labeled::before,.pds-divider--labeled::after{background:var(--pine-color-border);content:"";-ms-flex:1;flex:1;height:var(--pine-border-width)}.pds-divider__label{text-align:center}.pds-divider--offset-xxs{margin:0 calc(var(--pine-dimension-2xs) * -1);padding:0 var(--pine-dimension-2xs)}.pds-divider--offset-xxs.pds-divider--vertical{margin:calc(var(--pine-dimension-2xs) * -1) 0;padding:var(--pine-dimension-2xs) 0}.pds-divider--offset-xxs.pds-divider--labeled{padding:0}.pds-divider--offset-xs{margin:0 calc(var(--pine-dimension-xs) * -1);padding:0 var(--pine-dimension-xs)}.pds-divider--offset-xs.pds-divider--vertical{margin:calc(var(--pine-dimension-xs) * -1) 0;padding:var(--pine-dimension-xs) 0}.pds-divider--offset-xs.pds-divider--labeled{padding:0}.pds-divider--offset-sm{margin:0 calc(var(--pine-dimension-sm) * -1);padding:0 var(--pine-dimension-sm)}.pds-divider--offset-sm.pds-divider--vertical{margin:calc(var(--pine-dimension-sm) * -1) 0;padding:var(--pine-dimension-sm) 0}.pds-divider--offset-sm.pds-divider--labeled{padding:0}.pds-divider--offset-md{margin:0 calc(var(--pine-dimension-md) * -1);padding:0 var(--pine-dimension-md)}.pds-divider--offset-md.pds-divider--vertical{margin:calc(var(--pine-dimension-md) * -1) 0;padding:var(--pine-dimension-md) 0}.pds-divider--offset-md.pds-divider--labeled{padding:0}.pds-divider--offset-lg{margin:0 calc(var(--pine-dimension-lg) * -1);padding:0 var(--pine-dimension-lg)}.pds-divider--offset-lg.pds-divider--vertical{margin:calc(var(--pine-dimension-lg) * -1) 0;padding:var(--pine-dimension-lg) 0}.pds-divider--offset-lg.pds-divider--labeled{padding:0}.pds-divider--offset-xl{margin:0 calc(var(--pine-dimension-xl) * -1);padding:0 var(--pine-dimension-xl)}.pds-divider--offset-xl.pds-divider--vertical{margin:calc(var(--pine-dimension-xl) * -1) 0;padding:var(--pine-dimension-xl) 0}.pds-divider--offset-xl.pds-divider--labeled{padding:0}.pds-divider--offset-xxl{margin:0 calc(var(--pine-dimension-2xl) * -1);padding:0 var(--pine-dimension-2xl)}.pds-divider--offset-xxl.pds-divider--vertical{margin:calc(var(--pine-dimension-2xl) * -1) 0;padding:var(--pine-dimension-2xl) 0}.pds-divider--offset-xxl.pds-divider--labeled{padding:0}@media (max-width: 767px){.pds-divider--vertical{display:none}}'};var PdsDivider=function(){function i(i){registerInstance(this,i);this.vertical=false}Object.defineProperty(i.prototype,"hasLabel",{get:function(){var i;return Boolean((i=this.label)===null||i===void 0?void 0:i.trim())&&!this.vertical},enumerable:false,configurable:true});i.prototype.classNames=function(){var i=["pds-divider"];if(this.vertical){i.push("pds-divider--vertical")}if(this.hasLabel){i.push("pds-divider--labeled")}if(this.offset){var d="pds-divider--offset-"+this.offset;i.push(d)}return i.join(" ")};i.prototype.render=function(){return h(Host,{key:"27f21f0697085d75414da7e626b44f5c0ad5b0b3"},this.hasLabel?h("div",{class:this.classNames(),role:"separator","aria-label":this.label},h("span",{class:"pds-divider__label",part:"label","aria-hidden":"true"},this.label)):h("hr",{class:this.classNames()}))};return i}();PdsDivider.style=pdsDividerCss();export{PdsDivider as pds_divider};