@pine-ds/core 4.7.2 → 4.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (224) hide show
  1. package/components/pds-avatar.js +1 -1
  2. package/components/pds-button2.js +1 -1
  3. package/components/pds-checkbox2.js +1 -1
  4. package/components/pds-chip2.js +1 -1
  5. package/components/pds-combobox.js +1 -1
  6. package/components/pds-dropdown-menu-item.js +1 -1
  7. package/components/pds-dropdown-menu.js +1 -1
  8. package/components/pds-modal-content.js +1 -1
  9. package/components/pds-modal2.js +1 -1
  10. package/components/pds-multiselect.js +1 -1
  11. package/components/pds-popover.js +1 -1
  12. package/components/pds-radio-group.js +1 -1
  13. package/components/pds-radio.js +1 -1
  14. package/components/pds-switch.js +1 -1
  15. package/components/pds-table-head-cell2.js +1 -1
  16. package/components/pds-textarea.js +1 -1
  17. package/components/pds-toast.js +1 -1
  18. package/components/truncation-tooltip.js +1 -1
  19. package/dist/cjs/{index-5Azb8EQG.js → index-Do70atou.js} +1 -1
  20. package/dist/cjs/loader.cjs.js +1 -1
  21. package/dist/cjs/pds-accordion.cjs.entry.js +1 -1
  22. package/dist/cjs/pds-avatar.cjs.entry.js +3 -3
  23. package/dist/cjs/pds-button.cjs.entry.js +24 -21
  24. package/dist/cjs/pds-checkbox.cjs.entry.js +2 -2
  25. package/dist/cjs/pds-chip.cjs.entry.js +4 -4
  26. package/dist/cjs/pds-combobox.cjs.entry.js +4 -4
  27. package/dist/cjs/pds-copytext.cjs.entry.js +2 -2
  28. package/dist/cjs/pds-datepicker.cjs.entry.js +1 -1
  29. package/dist/cjs/pds-dropdown-menu-item.cjs.entry.js +31 -2
  30. package/dist/cjs/pds-dropdown-menu.cjs.entry.js +4 -4
  31. package/dist/cjs/pds-filter.cjs.entry.js +1 -1
  32. package/dist/cjs/pds-input.cjs.entry.js +1 -1
  33. package/dist/cjs/pds-link.cjs.entry.js +1 -1
  34. package/dist/cjs/pds-modal-content.cjs.entry.js +32 -30
  35. package/dist/cjs/pds-modal.cjs.entry.js +4 -4
  36. package/dist/cjs/pds-multiselect.cjs.entry.js +6 -6
  37. package/dist/cjs/pds-popover.cjs.entry.js +187 -11
  38. package/dist/cjs/pds-radio-group.cjs.entry.js +2 -2
  39. package/dist/cjs/pds-radio.cjs.entry.js +3 -3
  40. package/dist/cjs/pds-select.cjs.entry.js +1 -1
  41. package/dist/cjs/pds-sortable-item.cjs.entry.js +1 -1
  42. package/dist/cjs/pds-switch.cjs.entry.js +2 -2
  43. package/dist/cjs/pds-table-cell.cjs.entry.js +1 -1
  44. package/dist/cjs/pds-table-head-cell.cjs.entry.js +2 -2
  45. package/dist/cjs/pds-text.cjs.entry.js +1 -1
  46. package/dist/cjs/pds-textarea.cjs.entry.js +2 -2
  47. package/dist/cjs/pds-toast.cjs.entry.js +1 -1
  48. package/dist/cjs/pine-core.cjs.js +1 -1
  49. package/dist/cjs/{truncation-tooltip-DO9xli2e.js → truncation-tooltip-BtuiXLV0.js} +31 -6
  50. package/dist/collection/components/pds-avatar/pds-avatar.js +2 -2
  51. package/dist/collection/components/pds-button/pds-button.js +24 -22
  52. package/dist/collection/components/pds-button/stories/pds-button.stories.js +3 -3
  53. package/dist/collection/components/pds-checkbox/pds-checkbox.js +1 -1
  54. package/dist/collection/components/pds-chip/pds-chip.js +2 -2
  55. package/dist/collection/components/pds-combobox/pds-combobox.js +4 -4
  56. package/dist/collection/components/pds-datepicker/stories/pds-datepicker.stories.js +1 -1
  57. package/dist/collection/components/pds-dropdown-menu/pds-dropdown-menu-item/pds-dropdown-menu-item.css +8 -0
  58. package/dist/collection/components/pds-dropdown-menu/pds-dropdown-menu-item/pds-dropdown-menu-item.js +58 -6
  59. package/dist/collection/components/pds-dropdown-menu/pds-dropdown-menu.js +4 -4
  60. package/dist/collection/components/pds-dropdown-menu/stories/pds-dropdown-menu.stories.js +39 -0
  61. package/dist/collection/components/pds-modal/pds-modal-content/pds-modal-content.js +32 -30
  62. package/dist/collection/components/pds-modal/pds-modal.js +4 -4
  63. package/dist/collection/components/pds-multiselect/pds-multiselect.js +5 -5
  64. package/dist/collection/components/pds-popover/pds-popover.js +240 -11
  65. package/dist/collection/components/pds-popover/stories/pds-popover.stories.js +31 -0
  66. package/dist/collection/components/pds-radio/pds-radio.js +2 -2
  67. package/dist/collection/components/pds-radio-group/pds-radio-group.js +1 -1
  68. package/dist/collection/components/pds-switch/pds-switch.js +1 -1
  69. package/dist/collection/components/pds-table/pds-table-head-cell/pds-table-head-cell.js +1 -1
  70. package/dist/collection/components/pds-table/stories/pds-table.stories.js +1 -1
  71. package/dist/collection/components/pds-text/stories/pds-text.stories.js +1 -1
  72. package/dist/collection/components/pds-textarea/pds-textarea.js +1 -1
  73. package/dist/collection/components/pds-toast/pds-toast.js +1 -1
  74. package/dist/collection/utils/truncation-tooltip.js +31 -6
  75. package/dist/docs.json +124 -7
  76. package/dist/esm/{index-BJXk71tO.js → index-BWDu62Mo.js} +1 -1
  77. package/dist/esm/loader.js +1 -1
  78. package/dist/esm/pds-accordion.entry.js +1 -1
  79. package/dist/esm/pds-avatar.entry.js +3 -3
  80. package/dist/esm/pds-button.entry.js +24 -21
  81. package/dist/esm/pds-checkbox.entry.js +2 -2
  82. package/dist/esm/pds-chip.entry.js +4 -4
  83. package/dist/esm/pds-combobox.entry.js +4 -4
  84. package/dist/esm/pds-copytext.entry.js +2 -2
  85. package/dist/esm/pds-datepicker.entry.js +1 -1
  86. package/dist/esm/pds-dropdown-menu-item.entry.js +31 -2
  87. package/dist/esm/pds-dropdown-menu.entry.js +4 -4
  88. package/dist/esm/pds-filter.entry.js +1 -1
  89. package/dist/esm/pds-input.entry.js +1 -1
  90. package/dist/esm/pds-link.entry.js +1 -1
  91. package/dist/esm/pds-modal-content.entry.js +32 -30
  92. package/dist/esm/pds-modal.entry.js +4 -4
  93. package/dist/esm/pds-multiselect.entry.js +6 -6
  94. package/dist/esm/pds-popover.entry.js +187 -11
  95. package/dist/esm/pds-radio-group.entry.js +2 -2
  96. package/dist/esm/pds-radio.entry.js +3 -3
  97. package/dist/esm/pds-select.entry.js +1 -1
  98. package/dist/esm/pds-sortable-item.entry.js +1 -1
  99. package/dist/esm/pds-switch.entry.js +2 -2
  100. package/dist/esm/pds-table-cell.entry.js +1 -1
  101. package/dist/esm/pds-table-head-cell.entry.js +2 -2
  102. package/dist/esm/pds-text.entry.js +1 -1
  103. package/dist/esm/pds-textarea.entry.js +2 -2
  104. package/dist/esm/pds-toast.entry.js +1 -1
  105. package/dist/esm/pine-core.js +1 -1
  106. package/dist/esm/{truncation-tooltip-DRXsdKk1.js → truncation-tooltip-FaW67DiY.js} +31 -6
  107. package/dist/esm-es5/loader.js +1 -1
  108. package/dist/esm-es5/pds-accordion.entry.js +1 -1
  109. package/dist/esm-es5/pds-avatar.entry.js +1 -1
  110. package/dist/esm-es5/pds-button.entry.js +1 -1
  111. package/dist/esm-es5/pds-checkbox.entry.js +1 -1
  112. package/dist/esm-es5/pds-chip.entry.js +1 -1
  113. package/dist/esm-es5/pds-combobox.entry.js +1 -1
  114. package/dist/esm-es5/pds-copytext.entry.js +1 -1
  115. package/dist/esm-es5/pds-datepicker.entry.js +1 -1
  116. package/dist/esm-es5/pds-dropdown-menu-item.entry.js +1 -1
  117. package/dist/esm-es5/pds-dropdown-menu.entry.js +1 -1
  118. package/dist/esm-es5/pds-filter.entry.js +1 -1
  119. package/dist/esm-es5/pds-input.entry.js +1 -1
  120. package/dist/esm-es5/pds-link.entry.js +1 -1
  121. package/dist/esm-es5/pds-modal-content.entry.js +1 -1
  122. package/dist/esm-es5/pds-modal.entry.js +1 -1
  123. package/dist/esm-es5/pds-multiselect.entry.js +1 -1
  124. package/dist/esm-es5/pds-popover.entry.js +1 -1
  125. package/dist/esm-es5/pds-radio-group.entry.js +1 -1
  126. package/dist/esm-es5/pds-radio.entry.js +1 -1
  127. package/dist/esm-es5/pds-select.entry.js +1 -1
  128. package/dist/esm-es5/pds-sortable-item.entry.js +1 -1
  129. package/dist/esm-es5/pds-switch.entry.js +1 -1
  130. package/dist/esm-es5/pds-table-cell.entry.js +1 -1
  131. package/dist/esm-es5/pds-table-head-cell.entry.js +1 -1
  132. package/dist/esm-es5/pds-text.entry.js +1 -1
  133. package/dist/esm-es5/pds-textarea.entry.js +1 -1
  134. package/dist/esm-es5/pds-toast.entry.js +1 -1
  135. package/dist/esm-es5/pine-core.js +1 -1
  136. package/dist/esm-es5/truncation-tooltip-FaW67DiY.js +1 -0
  137. package/dist/pine-core/{p-e836f3ec.system.entry.js → p-00a50de5.system.entry.js} +2 -2
  138. package/dist/pine-core/{p-1437585e.system.entry.js → p-047433a4.system.entry.js} +1 -1
  139. package/dist/pine-core/{p-7fa66cad.entry.js → p-089c3e60.entry.js} +1 -1
  140. package/dist/pine-core/{p-341c38f1.system.entry.js → p-0af0d752.system.entry.js} +1 -1
  141. package/dist/pine-core/{p-3a959459.system.entry.js → p-121612a7.system.entry.js} +1 -1
  142. package/dist/pine-core/{p-cde8eb81.entry.js → p-138b278b.entry.js} +1 -1
  143. package/dist/pine-core/{p-cfd012d4.entry.js → p-158b2f51.entry.js} +1 -1
  144. package/dist/pine-core/p-17f97f1a.entry.js +1 -0
  145. package/dist/pine-core/{p-5c90091e.system.entry.js → p-19ba2788.system.entry.js} +1 -1
  146. package/dist/pine-core/{p-355e4cf9.entry.js → p-25ea48d1.entry.js} +1 -1
  147. package/dist/pine-core/{p-c81d8ac8.entry.js → p-295f64ea.entry.js} +1 -1
  148. package/dist/pine-core/{p-576cf904.system.entry.js → p-29cd4113.system.entry.js} +1 -1
  149. package/dist/pine-core/{p-1ee86d87.system.entry.js → p-332590c7.system.entry.js} +1 -1
  150. package/dist/pine-core/p-36cb4bf6.entry.js +1 -0
  151. package/dist/pine-core/{p-080cb087.system.entry.js → p-3c977d8d.system.entry.js} +1 -1
  152. package/dist/pine-core/p-3d51891a.entry.js +1 -0
  153. package/dist/pine-core/{p-72865997.entry.js → p-44f546ae.entry.js} +1 -1
  154. package/dist/pine-core/{p-b60ac7eb.system.entry.js → p-4bfc8b3e.system.entry.js} +1 -1
  155. package/dist/pine-core/p-5833a072.system.entry.js +1 -0
  156. package/dist/pine-core/p-5cfd4d41.system.entry.js +1 -0
  157. package/dist/pine-core/{p-f2c253d8.entry.js → p-62433f32.entry.js} +1 -1
  158. package/dist/pine-core/{p-ebd0bff2.entry.js → p-631f5bcc.entry.js} +1 -1
  159. package/dist/pine-core/p-717323e4.entry.js +1 -0
  160. package/dist/pine-core/{p-e7a95a49.system.entry.js → p-719542e1.system.entry.js} +1 -1
  161. package/dist/pine-core/p-73f931a1.entry.js +1 -0
  162. package/dist/pine-core/{p-f77905aa.system.entry.js → p-884cb31d.system.entry.js} +1 -1
  163. package/dist/pine-core/{p-4435fff6.system.entry.js → p-8987fd45.system.entry.js} +1 -1
  164. package/dist/pine-core/{p-02088776.entry.js → p-8c588ca0.entry.js} +1 -1
  165. package/dist/pine-core/p-8e3ff75d.entry.js +1 -0
  166. package/dist/pine-core/{p-bd26a5e8.entry.js → p-90d5edc6.entry.js} +1 -1
  167. package/dist/pine-core/p-91f60173.entry.js +1 -0
  168. package/dist/pine-core/{p-258770cf.system.entry.js → p-9265497e.system.entry.js} +1 -1
  169. package/dist/pine-core/p-99fdf70f.entry.js +1 -0
  170. package/dist/pine-core/{p-0a84d220.entry.js → p-9aaedded.entry.js} +1 -1
  171. package/dist/pine-core/p-9df5e204.entry.js +1 -0
  172. package/dist/pine-core/p-CuSNnuFu.system.js +1 -1
  173. package/dist/pine-core/p-D04W0cAO.system.js +1 -0
  174. package/dist/pine-core/{p-6d603d16.system.entry.js → p-acca5f7b.system.entry.js} +1 -1
  175. package/dist/pine-core/{p-a19cd59c.entry.js → p-aff411d0.entry.js} +1 -1
  176. package/dist/pine-core/{p-bb73ad66.entry.js → p-b182f806.entry.js} +1 -1
  177. package/dist/pine-core/{p-01aa382c.system.entry.js → p-b9d145f8.system.entry.js} +1 -1
  178. package/dist/pine-core/p-bdac8f2b.entry.js +1 -0
  179. package/dist/pine-core/{p-aa032a5e.system.entry.js → p-be9b6e63.system.entry.js} +1 -1
  180. package/dist/pine-core/{p-ff3de72e.entry.js → p-c483997a.entry.js} +1 -1
  181. package/dist/pine-core/p-c4e12f0a.entry.js +1 -0
  182. package/dist/pine-core/{p-e8cb76e8.entry.js → p-c97bfac9.entry.js} +1 -1
  183. package/dist/pine-core/{p-bd67156b.system.entry.js → p-ca4ee736.system.entry.js} +1 -1
  184. package/dist/pine-core/p-cccfe60f.system.entry.js +1 -0
  185. package/dist/pine-core/{p-c5c9ed36.system.entry.js → p-d3d69ca4.system.entry.js} +1 -1
  186. package/dist/pine-core/{p-f0d24298.system.entry.js → p-ea340c55.system.entry.js} +1 -1
  187. package/dist/pine-core/{p-88ff1604.entry.js → p-ea8f5d29.entry.js} +1 -1
  188. package/dist/pine-core/{p-d8570b4b.system.entry.js → p-eaf85be6.system.entry.js} +1 -1
  189. package/dist/pine-core/{p-fc25b956.system.entry.js → p-ecc7a531.system.entry.js} +1 -1
  190. package/dist/pine-core/{p-cfc52b95.system.entry.js → p-ee0e30bf.system.entry.js} +1 -1
  191. package/dist/pine-core/{p-e803f629.system.entry.js → p-ef13f665.system.entry.js} +1 -1
  192. package/dist/pine-core/{p-97d0b89e.system.entry.js → p-f3067d90.system.entry.js} +1 -1
  193. package/dist/pine-core/{p-JtdHT_W5.js → p-jrkGLEPe.js} +1 -1
  194. package/dist/pine-core/pine-core.esm.js +1 -1
  195. package/dist/types/components/pds-button/pds-button.d.ts +3 -4
  196. package/dist/types/components/pds-dropdown-menu/pds-dropdown-menu-item/pds-dropdown-menu-item.d.ts +13 -3
  197. package/dist/types/components/pds-modal/pds-modal-content/pds-modal-content.d.ts +2 -0
  198. package/dist/types/components/pds-popover/pds-popover.d.ts +43 -1
  199. package/dist/types/components.d.ts +43 -10
  200. package/dist/types/utils/truncation-tooltip.d.ts +4 -4
  201. package/dist/types/utils/types.d.ts +1 -0
  202. package/dist/vscode.html-data.json +50 -7
  203. package/hydrate/index.js +340 -103
  204. package/hydrate/index.mjs +340 -103
  205. package/package.json +2 -2
  206. package/dist/esm-es5/truncation-tooltip-DRXsdKk1.js +0 -1
  207. package/dist/pine-core/p-153ba77b.entry.js +0 -1
  208. package/dist/pine-core/p-645a482b.system.entry.js +0 -1
  209. package/dist/pine-core/p-7bf6563a.system.entry.js +0 -1
  210. package/dist/pine-core/p-80a698ae.entry.js +0 -1
  211. package/dist/pine-core/p-82cf4ec6.entry.js +0 -1
  212. package/dist/pine-core/p-8d292b48.entry.js +0 -1
  213. package/dist/pine-core/p-92ae6082.entry.js +0 -1
  214. package/dist/pine-core/p-993d1043.entry.js +0 -1
  215. package/dist/pine-core/p-a787b34a.system.entry.js +0 -1
  216. package/dist/pine-core/p-b69f04b7.entry.js +0 -1
  217. package/dist/pine-core/p-beb23781.entry.js +0 -1
  218. package/dist/pine-core/p-c36b490e.entry.js +0 -1
  219. package/dist/pine-core/p-ca0d48e8.entry.js +0 -1
  220. package/dist/pine-core/p-f474d7de.entry.js +0 -1
  221. package/dist/pine-core/p-qhdoK1Jp.system.js +0 -1
  222. /package/dist/esm-es5/{index-BJXk71tO.js → index-BWDu62Mo.js} +0 -0
  223. /package/dist/pine-core/{p-BJXk71tO.js → p-BWDu62Mo.js} +0 -0
  224. /package/dist/pine-core/{p-n3_ytl_p.system.js → p-ClDiSG97.system.js} +0 -0
@@ -1 +1 @@
1
- import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-Cw9J31qd.js";import{m as messageId}from"./form-BuRbS7Hp.js";import{b as danger}from"./index-BJXk71tO.js";import"./keep-hydrated-BLG6RDBt.js";var pdsRadioGroupCss=function(){return".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)}"};var PdsRadioGroup=function(){function r(r){registerInstance(this,r);this.pdsRadioGroupChange=createEvent(this,"pdsRadioGroupChange");this.direction="column";this.gap="xs";this.disabled=false;this.invalid=false;this.required=false}r.prototype.handlePropsChange=function(){this.updateChildRadios()};r.prototype.handleRadioChange=function(r){var e=r.target;if(e.type!=="radio"){return}if(e.checked){var i=e.closest("pds-radio");if(i){this.pdsRadioGroupChange.emit({checked:true,value:i.value,componentId:i.componentId})}}};r.prototype.updateChildRadios=function(){var r=this;var e=this.el.querySelectorAll("pds-radio");e.forEach((function(e){if(r.name){e.setAttribute("name",r.name)}else{e.removeAttribute("name")}if(r.disabled){e.setAttribute("disabled","true")}else{e.removeAttribute("disabled")}if(r.invalid){e.setAttribute("invalid","true")}else{e.removeAttribute("invalid")}if(r.required){e.setAttribute("required","true")}else{e.removeAttribute("required")}}))};r.prototype.componentWillLoad=function(){if(this.componentId){this._groupId=this.componentId}else{var r=typeof crypto!=="undefined"&&crypto.randomUUID?crypto.randomUUID():"".concat(Date.now(),"-").concat(Math.random().toString(36).substring(2,9));this._groupId="radio-group-".concat(r)}};r.prototype.componentDidLoad=function(){if(!this.name){console.warn("pds-radio-group: name prop is required for proper radio group functionality")}this.updateChildRadios()};r.prototype.componentDidRender=function(){var r=this.el.querySelector(".pds-radio-group__radios");if(r===null)return;var e=".pds-radio-group__radios, .pds-radio-group__label, .pds-radio-group__message";var i=function(){return Array.from(r.children).find((function(r){return r.matches(e)}))};var s=i();while(s!==undefined){if(s.matches(".pds-radio-group__radios")){Array.from(s.childNodes).forEach((function(e){return r.insertBefore(e,s)}))}s.remove();s=i()}};r.prototype.classNames=function(){var r=[];if(this.invalid){r.push("is-invalid")}return r.join(" ")};r.prototype.getGapValue=function(){var r={none:"0",xxs:"var(--pine-dimension-xxs)",xs:"var(--pine-dimension-xs)",sm:"var(--pine-dimension-sm)",md:"var(--pine-dimension-md)",lg:"var(--pine-dimension-lg)",xl:"var(--pine-dimension-xl)",xxl:"var(--pine-dimension-xxl)"};if(r[this.gap]){return r[this.gap]}return"var(--pine-dimension-".concat(this.gap,")")};r.prototype.getAriaDescribedBy=function(){var r=[];if(this.errorMessage){r.push(messageId(this._groupId,"error"))}if(this.helperMessage){r.push(messageId(this._groupId,"helper"))}return r.length>0?r.join(" "):undefined};r.prototype.render=function(){var r=this;var e=this.getGapValue();var i=this.getAriaDescribedBy();return h(Host,{key:"bf8063c1a99e272bb3f6bc647998a6ef103f8a71",class:this.classNames(),id:this._groupId,role:"group","aria-describedby":i,style:{"--pds-radio-group-gap":e}},this.groupLabel&&h("div",{key:"8564ed3f8f99cdc1a0e5b189aacc6960923eb5f7",class:"pds-radio-group__label"},this.groupLabel),h("div",{key:"2309c9373790182cde030c1dbda88fa3bdcaaf12",class:{"pds-radio-group__radios":true,"pds-radio-group__radios--row":this.direction==="row","pds-radio-group__radios--column":this.direction==="column"}},h("slot",{key:"d88dde3c631e25c01bc7b6d3ef5d517255fabd1a",onSlotchange:function(){return r.updateChildRadios()}})),this.helperMessage&&h("div",{key:"a229214ed01663b0fc34f35e27c7148b4eb412ab",class:"pds-radio-group__message",id:messageId(this._groupId,"helper")},this.helperMessage),this.errorMessage&&h("div",{key:"dc092f2e6dbef0cb369cf00a6eccf9a095a0313d",class:"pds-radio-group__message pds-radio-group__message--error",id:messageId(this._groupId,"error"),"aria-live":"assertive"},h("pds-icon",{key:"d242da328731e55fa52d8e624fdfc750bfa6cce4",icon:danger,size:"small"}),this.errorMessage))};Object.defineProperty(r.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{name:[{handlePropsChange:0}],disabled:[{handlePropsChange:0}],invalid:[{handlePropsChange:0}],required:[{handlePropsChange:0}]}},enumerable:false,configurable:true});return r}();PdsRadioGroup.style=pdsRadioGroupCss();export{PdsRadioGroup as pds_radio_group};
1
+ import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-Cw9J31qd.js";import{m as messageId}from"./form-BuRbS7Hp.js";import{b as danger}from"./index-BWDu62Mo.js";import"./keep-hydrated-BLG6RDBt.js";var pdsRadioGroupCss=function(){return".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)}"};var PdsRadioGroup=function(){function r(r){registerInstance(this,r);this.pdsRadioGroupChange=createEvent(this,"pdsRadioGroupChange");this.direction="column";this.gap="xs";this.disabled=false;this.invalid=false;this.required=false}r.prototype.handlePropsChange=function(){this.updateChildRadios()};r.prototype.handleRadioChange=function(r){var e=r.target;if(e.type!=="radio"){return}if(e.checked){var i=e.closest("pds-radio");if(i){this.pdsRadioGroupChange.emit({checked:true,value:i.value,componentId:i.componentId})}}};r.prototype.updateChildRadios=function(){var r=this;var e=this.el.querySelectorAll("pds-radio");e.forEach((function(e){if(r.name){e.setAttribute("name",r.name)}else{e.removeAttribute("name")}if(r.disabled){e.setAttribute("disabled","true")}else{e.removeAttribute("disabled")}if(r.invalid){e.setAttribute("invalid","true")}else{e.removeAttribute("invalid")}if(r.required){e.setAttribute("required","true")}else{e.removeAttribute("required")}}))};r.prototype.componentWillLoad=function(){if(this.componentId){this._groupId=this.componentId}else{var r=typeof crypto!=="undefined"&&crypto.randomUUID?crypto.randomUUID():"".concat(Date.now(),"-").concat(Math.random().toString(36).substring(2,9));this._groupId="radio-group-".concat(r)}};r.prototype.componentDidLoad=function(){if(!this.name){console.warn("pds-radio-group: name prop is required for proper radio group functionality")}this.updateChildRadios()};r.prototype.componentDidRender=function(){var r=this.el.querySelector(".pds-radio-group__radios");if(r===null)return;var e=".pds-radio-group__radios, .pds-radio-group__label, .pds-radio-group__message";var i=function(){return Array.from(r.children).find((function(r){return r.matches(e)}))};var s=i();while(s!==undefined){if(s.matches(".pds-radio-group__radios")){Array.from(s.childNodes).forEach((function(e){return r.insertBefore(e,s)}))}s.remove();s=i()}};r.prototype.classNames=function(){var r=[];if(this.invalid){r.push("is-invalid")}return r.join(" ")};r.prototype.getGapValue=function(){var r={none:"0",xxs:"var(--pine-dimension-xxs)",xs:"var(--pine-dimension-xs)",sm:"var(--pine-dimension-sm)",md:"var(--pine-dimension-md)",lg:"var(--pine-dimension-lg)",xl:"var(--pine-dimension-xl)",xxl:"var(--pine-dimension-xxl)"};if(r[this.gap]){return r[this.gap]}return"var(--pine-dimension-".concat(this.gap,")")};r.prototype.getAriaDescribedBy=function(){var r=[];if(this.errorMessage){r.push(messageId(this._groupId,"error"))}if(this.helperMessage){r.push(messageId(this._groupId,"helper"))}return r.length>0?r.join(" "):undefined};r.prototype.render=function(){var r=this;var e=this.getGapValue();var i=this.getAriaDescribedBy();return h(Host,{key:"bf8063c1a99e272bb3f6bc647998a6ef103f8a71",class:this.classNames(),id:this._groupId,role:"group","aria-describedby":i,style:{"--pds-radio-group-gap":e}},this.groupLabel&&h("div",{key:"8564ed3f8f99cdc1a0e5b189aacc6960923eb5f7",class:"pds-radio-group__label"},this.groupLabel),h("div",{key:"2309c9373790182cde030c1dbda88fa3bdcaaf12",class:{"pds-radio-group__radios":true,"pds-radio-group__radios--row":this.direction==="row","pds-radio-group__radios--column":this.direction==="column"}},h("slot",{key:"d88dde3c631e25c01bc7b6d3ef5d517255fabd1a",onSlotchange:function(){return r.updateChildRadios()}})),this.helperMessage&&h("div",{key:"a229214ed01663b0fc34f35e27c7148b4eb412ab",class:"pds-radio-group__message",id:messageId(this._groupId,"helper")},this.helperMessage),this.errorMessage&&h("div",{key:"dc092f2e6dbef0cb369cf00a6eccf9a095a0313d",class:"pds-radio-group__message pds-radio-group__message--error",id:messageId(this._groupId,"error"),"aria-live":"assertive"},h("pds-icon",{key:"83b0129d3d45b74ef1f53acc923387b2de7f079b","aria-hidden":"true",icon:danger,size:"small"}),this.errorMessage))};Object.defineProperty(r.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{name:[{handlePropsChange:0}],disabled:[{handlePropsChange:0}],invalid:[{handlePropsChange:0}],required:[{handlePropsChange:0}]}},enumerable:false,configurable:true});return r}();PdsRadioGroup.style=pdsRadioGroupCss();export{PdsRadioGroup as pds_radio_group};
@@ -1 +1 @@
1
- import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-Cw9J31qd.js";import{H as HostStylingKeeper}from"./attributes-WXw_I_uJ.js";import{e as exposeTypeProperty,a as assignDescription,m as messageId}from"./form-BuRbS7Hp.js";import{b as danger}from"./index-BJXk71tO.js";import"./keep-hydrated-BLG6RDBt.js";var labelCss=function(){return".sc-pds-radio-h{display:inline-block}[aria-disabled=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-disabled)}[aria-readonly=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-readonly)}label.sc-pds-radio{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}"};var pdsRadioCss=function(){return'.sc-pds-radio-h{--sizing-check-size:6px;--sizing-input-size:var(--pine-dimension-sm);--sizing-margin-block-start:6px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;position:relative}.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}.has-border.sc-pds-radio-h{-ms-flex-align:start;align-items:flex-start;border:var(--pine-border);border-radius:var(--pine-dimension-125);-webkit-column-gap:var(--pine-dimension-xs);-moz-column-gap:var(--pine-dimension-xs);column-gap:var(--pine-dimension-xs);display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;padding:var(--pine-dimension-md)}@media (max-width: 767px){.has-border.sc-pds-radio-h{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:1 1 100%;flex:1 1 100%;max-width:100%;min-width:0}}.has-border.sc-pds-radio-h:hover{border:var(--pine-border-hover)}.has-border.sc-pds-radio-h:has(input:checked){-webkit-box-shadow:0 0 0 2px var(--pine-color-primary-hover);box-shadow:0 0 0 2px var(--pine-color-primary-hover)}.has-border.sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text);font-weight:var(--pine-font-weight-semi-bold)}.has-border.sc-pds-radio-h label.sc-pds-radio::after{content:"";cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.has-border.sc-pds-radio-h:has(input:disabled){background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}.has-border.sc-pds-radio-h:has(input:disabled) label.sc-pds-radio{color:var(--pine-color-text-label-disabled);cursor:not-allowed}.has-border.sc-pds-radio-h:has(input:disabled) label.sc-pds-radio::after{cursor:not-allowed}.has-border.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}input.sc-pds-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-border-radius-full);-ms-flex:none;flex:none;height:var(--sizing-input-size);margin:0;-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025);position:relative;width:var(--sizing-input-size)}input.visually-hidden.sc-pds-radio{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}input.sc-pds-radio:hover{background:var(--pine-color-background-container-hover);border:var(--pine-border-hover)}input.sc-pds-radio:checked{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}input.sc-pds-radio:checked:hover{background:var(--pine-color-accent-hover);border-color:var(--pine-color-accent-hover)}input.sc-pds-radio:checked::after{background:var(--pine-color-text-primary);border-radius:var(--pine-border-radius-full);content:"";display:block;height:var(--sizing-check-size);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--sizing-check-size)}input.sc-pds-radio:disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}input.sc-pds-radio:disabled:checked{background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:disabled:checked::after{border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:focus-visible{outline:var(--pine-outline-focus)}label.sc-pds-radio{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs)}label.sc-pds-radio:has(input:disabled){color:var(--pine-color-text-label-disabled);cursor:not-allowed}.sc-pds-radio-h:has(input:disabled) .pds-radio__message.sc-pds-radio{color:var(--pine-color-text-label-disabled)}.visually-hidden.sc-pds-radio{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-radio__message.sc-pds-radio{color:var(--pine-color-text-message);-ms-flex-preferred-size:100%;flex-basis:100%;font:var(--pine-typography-body);-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);width:100%}.pds-radio__message--error.sc-pds-radio{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-radio__message--error.sc-pds-radio pds-icon.sc-pds-radio{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.has-image.sc-pds-radio-h{-ms-flex-align:center;align-items:center;border:var(--pine-border);border-radius:var(--pine-dimension-125);-webkit-column-gap:var(--pine-dimension-xs);-moz-column-gap:var(--pine-dimension-xs);column-gap:var(--pine-dimension-xs);display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:row;flex-direction:row;padding:var(--pine-dimension-md)}@media (max-width: 767px){.has-image.sc-pds-radio-h{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:1 1 100%;flex:1 1 100%;max-width:100%;min-width:0}}.has-image.sc-pds-radio-h:hover{border:var(--pine-border-hover)}.has-image.sc-pds-radio-h:has(input:checked){-webkit-box-shadow:0 0 0 2px var(--pine-color-primary-hover);box-shadow:0 0 0 2px var(--pine-color-primary-hover)}.has-image.sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text);display:-ms-flexbox;display:flex;font-weight:var(--pine-font-weight-semi-bold);gap:var(--pine-dimension-xs)}.has-image.sc-pds-radio-h label.sc-pds-radio::after{content:"";cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.has-image.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio{-ms-flex-align:center;align-items:center;align-self:center;border:var(--pine-border);border-radius:var(--pine-border-radius-full);cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex:none;flex:none;grid-area:image;-ms-flex-pack:center;justify-content:center;overflow:hidden;position:relative;-webkit-transition:all var(--pine-motion-duration-base) ease;transition:all var(--pine-motion-duration-base) ease}.has-image.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio:hover{border-color:var(--pine-color-border-hover)}.has-image.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio .pds-radio__image.sc-pds-radio{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.has-image.sc-pds-radio-h .pds-radio__content-wrapper.sc-pds-radio{-ms-flex:1;flex:1;min-width:0;overflow-wrap:anywhere}.has-image.sc-pds-radio-h .pds-radio__message.sc-pds-radio{grid-area:message;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-start:0;margin-inline-start:0}.has-image.is-disabled.sc-pds-radio-h{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}.has-image.is-disabled.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio{border-color:var(--pine-color-border-disabled);cursor:not-allowed;opacity:0.5}.has-image.is-disabled.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio:hover{border-color:var(--pine-color-border-disabled)}.has-image.is-disabled.sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-disabled);cursor:not-allowed}.has-image.is-disabled.sc-pds-radio-h label.sc-pds-radio::after{cursor:not-allowed}.has-image.is-disabled.sc-pds-radio-h .pds-radio__message.sc-pds-radio{color:var(--pine-color-text-label-disabled)}.has-image.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}'};var PdsRadio=function(){function e(e){var i=this;registerInstance(this,e);this.pdsRadioChange=createEvent(this,"pdsRadioChange");this._type="radio";this.hostKeeper=new HostStylingKeeper;this._hasImage=false;this.checked=false;this.disabled=false;this.hasBorder=false;this.invalid=false;this.required=false;this.handleRadioChange=function(e){if(i.disabled){return}var r=e.target;var a=r.checked;if(i.el.closest("pds-radio-group")){return}i.pdsRadioChange.emit(a)}}e.prototype.hasImageSlot=function(){var e=this.el.querySelector('[slot="image"]');return!!e};e.prototype.hasImage=function(){return this._hasImage};e.prototype.classNames=function(){var e=[];if(this.invalid){e.push("is-invalid")}if(this.disabled){e.push("is-disabled")}if(this.hasBorder){e.push("has-border")}if(this.hasImage()){e.push("has-image")}return e.join(" ")};e.prototype.componentWillLoad=function(){this._hasImage=this.hasImageSlot()};e.prototype.connectedCallback=function(){var e=this;this.hostKeeper.connect(this.el);exposeTypeProperty(this.el,(function(){return e._type}))};e.prototype.disconnectedCallback=function(){this.hostKeeper.disconnect()};e.prototype.componentDidRender=function(){var e=this.el.querySelector(".pds-radio__image-container:not([hidden])");var i=".pds-radio__image-container[hidden], .pds-radio__content-wrapper[hidden], label[hidden], .pds-radio__message[hidden]";Array.from(this.el.querySelectorAll(i)).forEach((function(i){var r=i.querySelector('[slot="image"]');if(r!==null&&e!==null){e.appendChild(r)}i.remove()}))};e.prototype.render=function(){var e=this;var i=function(){return[h("label",{htmlFor:e.componentId,key:"".concat(e.componentId,"-label")},h("input",{key:"ccd618855831bcee309e815f2cd2712fd4e8fe1f","aria-describedby":assignDescription(e.componentId,e.invalid,e.helperMessage,e.errorMessage),"aria-invalid":e.invalid?"true":undefined,type:"radio",id:e.componentId,name:e.name,value:e.value,checked:e.checked,required:e.required,disabled:e.disabled,onChange:e.handleRadioChange,class:e.hasImage()?"visually-hidden":""}),h("span",{key:"2e372a880c28f48fb804bac2518208082c141fad",class:e.hideLabel?"visually-hidden":""},e.label)),e.helperMessage&&h("div",{key:"".concat(e.componentId,"-helper"),class:"pds-radio__message",id:messageId(e.componentId,"helper")},e.helperMessage),e.errorMessage&&h("div",{key:"".concat(e.componentId,"-error"),class:"pds-radio__message pds-radio__message--error",id:messageId(e.componentId,"error"),"aria-live":"assertive"},h("pds-icon",{key:"889d502575f6a162f450b6b58d76a6f6f1c74e4b",icon:danger,size:"small"}),e.errorMessage)]};var r=this.classNames();this.hostKeeper.record(r);return h(Host,{key:"374003032b28407581a55f1fb0a304c49acf3c16",class:r},this.hasImage()&&h("div",{key:"7eeb516267de1afcfa85fc7567999db488c2f4f5",class:"pds-radio__image-container",part:"image-container"},h("slot",{key:"a312fea06f0c015bffab3bb392ff04d4913fd1c0",name:"image",onSlotchange:function(){return e._hasImage=e.hasImageSlot()}})),this.hasImage()?h("div",{class:"pds-radio__content-wrapper"},i()):i())};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PdsRadio.style=labelCss()+pdsRadioCss();export{PdsRadio as pds_radio};
1
+ import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-Cw9J31qd.js";import{H as HostStylingKeeper}from"./attributes-WXw_I_uJ.js";import{e as exposeTypeProperty,a as assignDescription,m as messageId}from"./form-BuRbS7Hp.js";import{b as danger}from"./index-BWDu62Mo.js";import"./keep-hydrated-BLG6RDBt.js";var labelCss=function(){return".sc-pds-radio-h{display:inline-block}[aria-disabled=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-disabled)}[aria-readonly=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-readonly)}label.sc-pds-radio{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}"};var pdsRadioCss=function(){return'.sc-pds-radio-h{--sizing-check-size:6px;--sizing-input-size:var(--pine-dimension-sm);--sizing-margin-block-start:6px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;position:relative}.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}.has-border.sc-pds-radio-h{-ms-flex-align:start;align-items:flex-start;border:var(--pine-border);border-radius:var(--pine-dimension-125);-webkit-column-gap:var(--pine-dimension-xs);-moz-column-gap:var(--pine-dimension-xs);column-gap:var(--pine-dimension-xs);display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;padding:var(--pine-dimension-md)}@media (max-width: 767px){.has-border.sc-pds-radio-h{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:1 1 100%;flex:1 1 100%;max-width:100%;min-width:0}}.has-border.sc-pds-radio-h:hover{border:var(--pine-border-hover)}.has-border.sc-pds-radio-h:has(input:checked){-webkit-box-shadow:0 0 0 2px var(--pine-color-primary-hover);box-shadow:0 0 0 2px var(--pine-color-primary-hover)}.has-border.sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text);font-weight:var(--pine-font-weight-semi-bold)}.has-border.sc-pds-radio-h label.sc-pds-radio::after{content:"";cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.has-border.sc-pds-radio-h:has(input:disabled){background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}.has-border.sc-pds-radio-h:has(input:disabled) label.sc-pds-radio{color:var(--pine-color-text-label-disabled);cursor:not-allowed}.has-border.sc-pds-radio-h:has(input:disabled) label.sc-pds-radio::after{cursor:not-allowed}.has-border.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}input.sc-pds-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-border-radius-full);-ms-flex:none;flex:none;height:var(--sizing-input-size);margin:0;-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025);position:relative;width:var(--sizing-input-size)}input.visually-hidden.sc-pds-radio{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}input.sc-pds-radio:hover{background:var(--pine-color-background-container-hover);border:var(--pine-border-hover)}input.sc-pds-radio:checked{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}input.sc-pds-radio:checked:hover{background:var(--pine-color-accent-hover);border-color:var(--pine-color-accent-hover)}input.sc-pds-radio:checked::after{background:var(--pine-color-text-primary);border-radius:var(--pine-border-radius-full);content:"";display:block;height:var(--sizing-check-size);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--sizing-check-size)}input.sc-pds-radio:disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}input.sc-pds-radio:disabled:checked{background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:disabled:checked::after{border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:focus-visible{outline:var(--pine-outline-focus)}label.sc-pds-radio{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs)}label.sc-pds-radio:has(input:disabled){color:var(--pine-color-text-label-disabled);cursor:not-allowed}.sc-pds-radio-h:has(input:disabled) .pds-radio__message.sc-pds-radio{color:var(--pine-color-text-label-disabled)}.visually-hidden.sc-pds-radio{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-radio__message.sc-pds-radio{color:var(--pine-color-text-message);-ms-flex-preferred-size:100%;flex-basis:100%;font:var(--pine-typography-body);-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);width:100%}.pds-radio__message--error.sc-pds-radio{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-radio__message--error.sc-pds-radio pds-icon.sc-pds-radio{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.has-image.sc-pds-radio-h{-ms-flex-align:center;align-items:center;border:var(--pine-border);border-radius:var(--pine-dimension-125);-webkit-column-gap:var(--pine-dimension-xs);-moz-column-gap:var(--pine-dimension-xs);column-gap:var(--pine-dimension-xs);display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:row;flex-direction:row;padding:var(--pine-dimension-md)}@media (max-width: 767px){.has-image.sc-pds-radio-h{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:1 1 100%;flex:1 1 100%;max-width:100%;min-width:0}}.has-image.sc-pds-radio-h:hover{border:var(--pine-border-hover)}.has-image.sc-pds-radio-h:has(input:checked){-webkit-box-shadow:0 0 0 2px var(--pine-color-primary-hover);box-shadow:0 0 0 2px var(--pine-color-primary-hover)}.has-image.sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text);display:-ms-flexbox;display:flex;font-weight:var(--pine-font-weight-semi-bold);gap:var(--pine-dimension-xs)}.has-image.sc-pds-radio-h label.sc-pds-radio::after{content:"";cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.has-image.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio{-ms-flex-align:center;align-items:center;align-self:center;border:var(--pine-border);border-radius:var(--pine-border-radius-full);cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex:none;flex:none;grid-area:image;-ms-flex-pack:center;justify-content:center;overflow:hidden;position:relative;-webkit-transition:all var(--pine-motion-duration-base) ease;transition:all var(--pine-motion-duration-base) ease}.has-image.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio:hover{border-color:var(--pine-color-border-hover)}.has-image.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio .pds-radio__image.sc-pds-radio{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.has-image.sc-pds-radio-h .pds-radio__content-wrapper.sc-pds-radio{-ms-flex:1;flex:1;min-width:0;overflow-wrap:anywhere}.has-image.sc-pds-radio-h .pds-radio__message.sc-pds-radio{grid-area:message;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-start:0;margin-inline-start:0}.has-image.is-disabled.sc-pds-radio-h{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}.has-image.is-disabled.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio{border-color:var(--pine-color-border-disabled);cursor:not-allowed;opacity:0.5}.has-image.is-disabled.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio:hover{border-color:var(--pine-color-border-disabled)}.has-image.is-disabled.sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-disabled);cursor:not-allowed}.has-image.is-disabled.sc-pds-radio-h label.sc-pds-radio::after{cursor:not-allowed}.has-image.is-disabled.sc-pds-radio-h .pds-radio__message.sc-pds-radio{color:var(--pine-color-text-label-disabled)}.has-image.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}'};var PdsRadio=function(){function e(e){var i=this;registerInstance(this,e);this.pdsRadioChange=createEvent(this,"pdsRadioChange");this._type="radio";this.hostKeeper=new HostStylingKeeper;this._hasImage=false;this.checked=false;this.disabled=false;this.hasBorder=false;this.invalid=false;this.required=false;this.handleRadioChange=function(e){if(i.disabled){return}var r=e.target;var a=r.checked;if(i.el.closest("pds-radio-group")){return}i.pdsRadioChange.emit(a)}}e.prototype.hasImageSlot=function(){var e=this.el.querySelector('[slot="image"]');return!!e};e.prototype.hasImage=function(){return this._hasImage};e.prototype.classNames=function(){var e=[];if(this.invalid){e.push("is-invalid")}if(this.disabled){e.push("is-disabled")}if(this.hasBorder){e.push("has-border")}if(this.hasImage()){e.push("has-image")}return e.join(" ")};e.prototype.componentWillLoad=function(){this._hasImage=this.hasImageSlot()};e.prototype.connectedCallback=function(){var e=this;this.hostKeeper.connect(this.el);exposeTypeProperty(this.el,(function(){return e._type}))};e.prototype.disconnectedCallback=function(){this.hostKeeper.disconnect()};e.prototype.componentDidRender=function(){var e=this.el.querySelector(".pds-radio__image-container:not([hidden])");var i=".pds-radio__image-container[hidden], .pds-radio__content-wrapper[hidden], label[hidden], .pds-radio__message[hidden]";Array.from(this.el.querySelectorAll(i)).forEach((function(i){var r=i.querySelector('[slot="image"]');if(r!==null&&e!==null){e.appendChild(r)}i.remove()}))};e.prototype.render=function(){var e=this;var i=function(){return[h("label",{htmlFor:e.componentId,key:"".concat(e.componentId,"-label")},h("input",{key:"ccd618855831bcee309e815f2cd2712fd4e8fe1f","aria-describedby":assignDescription(e.componentId,e.invalid,e.helperMessage,e.errorMessage),"aria-invalid":e.invalid?"true":undefined,type:"radio",id:e.componentId,name:e.name,value:e.value,checked:e.checked,required:e.required,disabled:e.disabled,onChange:e.handleRadioChange,class:e.hasImage()?"visually-hidden":""}),h("span",{key:"2e372a880c28f48fb804bac2518208082c141fad",class:e.hideLabel?"visually-hidden":""},e.label)),e.helperMessage&&h("div",{key:"".concat(e.componentId,"-helper"),class:"pds-radio__message",id:messageId(e.componentId,"helper")},e.helperMessage),e.errorMessage&&h("div",{key:"".concat(e.componentId,"-error"),class:"pds-radio__message pds-radio__message--error",id:messageId(e.componentId,"error"),"aria-live":"assertive"},h("pds-icon",{key:"08e7a2319eddc1d314ee9dddd51a5ce88cd4ae48","aria-hidden":"true",icon:danger,size:"small"}),e.errorMessage)]};var r=this.classNames();this.hostKeeper.record(r);return h(Host,{key:"351376552abee90f50c3aceb03ecf8a81ae1b82b",class:r},this.hasImage()&&h("div",{key:"fd85fd36b2ebd99b12c3bb2a13cf3d3e3c26530f",class:"pds-radio__image-container",part:"image-container"},h("slot",{key:"abe75dbe38d29340b805f70861b084c1b3836be9",name:"image",onSlotchange:function(){return e._hasImage=e.hasImageSlot()}})),this.hasImage()?h("div",{class:"pds-radio__content-wrapper"},i()):i())};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PdsRadio.style=labelCss()+pdsRadioCss();export{PdsRadio as pds_radio};
@@ -1 +1 @@
1
- import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-Cw9J31qd.js";import{H as HostStylingKeeper}from"./attributes-WXw_I_uJ.js";import{e as exposeTypeProperty,m as messageId,i as isSpecTest,a as assignDescription}from"./form-BuRbS7Hp.js";import{b as danger,e as enlarge}from"./index-BJXk71tO.js";import"./keep-hydrated-BLG6RDBt.js";var pdsSelectTokensCss=function(){return":host{--pine-select-color-background-danger:var(--pine-color-red-050)}"};var labelCss=function(){return":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}"};var pdsSelectCss=function(){return':host{--pds-select-background:var(--pine-color-background-container);--pds-select-border:var(--pine-border);--pds-select-border-radius:var(--pine-dimension-125);--pds-select-border-radius-start-end:var(--pine-dimension-125);--pds-select-border-radius-start-start:var(--pine-dimension-125);--pds-select-border-radius-end-end:var(--pine-dimension-125);--pds-select-border-radius-end-start:var(--pine-dimension-125);--pds-select-min-height:36px;--box-shadow-focus:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring);--box-shadow-focus-error:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring-danger)}:host .hidden,:host :host([hidden]){display:none}.pds-select{color:var(--pine-color-text);display:grid;-ms-flex-direction:column;flex-direction:column;grid-template-areas:"label label" "field field" "message message";grid-template-columns:1fr minmax(2rem, -webkit-min-content);grid-template-columns:1fr minmax(2rem, min-content);grid-template-rows:-webkit-min-content -webkit-min-content -webkit-min-content;grid-template-rows:min-content min-content min-content;position:relative;width:100%}.pds-select__label-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;grid-area:label;-ms-flex-pack:justify;justify-content:space-between;-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-select__action{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}label{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-select__label-wrapper label{-webkit-margin-after:0;margin-block-end:0}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--pds-select-background);border:var(--pds-select-border);border-end-end-radius:var(--pds-select-border-radius-end-end, var(--pds-select-border-radius));border-end-start-radius:var(--pds-select-border-radius-end-start, var(--pds-select-border-radius));border-start-end-radius:var(--pds-select-border-radius-start-end, var(--pds-select-border-radius));border-start-start-radius:var(--pds-select-border-radius-start-start, var(--pds-select-border-radius));color:var(--pine-color-text);font:var(--pine-typography-body);grid-area:field;letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-select-min-height);padding:calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-150);-webkit-padding-end:var(--pine-dimension-450);padding-inline-end:var(--pine-dimension-450);position:relative}select:hover{border-color:var(--pine-color-border-hover);cursor:pointer}select:focus-visible{border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}select:disabled{background-color:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}select:has(~.pds-select__message .pds-select__error-message){background-color:var(--pine-select-color-background-danger);border-color:var(--pine-color-border-danger)}:host-context([data-theme=dark]) select:has(~.pds-select__message .pds-select__error-message){background-color:var(--pine-color-red-950)}select:has(~.pds-select__message .pds-select__error-message):focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host(.is-disabled) .pds-select__select-icon{color:var(--pine-color-text-disabled)}:host(.is-invalid) select{background-color:var(--pine-select-color-background-danger);border-color:var(--pine-color-border-danger)}:host-context([data-theme=dark]) :host(.is-invalid) select{background-color:var(--pine-color-red-950)}:host(.is-invalid) select:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select{background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-accent);color:var(--pine-color-text-accent)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select:hover:not(:disabled){border-color:var(--pine-color-accent-hover)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select:focus-visible{outline-color:var(--pine-color-focus-ring)}:host([highlight]:not(.is-disabled):not(.is-invalid)) .pds-select__select-icon{color:var(--pine-color-text-accent)}.pds-select__error-message,.pds-select__helper-message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-select__error-message{color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-select__error-message pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.pds-select__message{grid-area:message}.pds-select__select-icon{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;grid-column:-1/-2;grid-row:2/3;height:var(--pds-select-min-height);pointer-events:none;position:relative;z-index:calc(var(--pine-z-index-raised) - 1)}.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 PdsSelect=function(){function e(e){var i=this;registerInstance(this,e);this.pdsSelectChange=createEvent(this,"pdsSelectChange");this.pdsBlur=createEvent(this,"pdsBlur");this.pdsFocus=createEvent(this,"pdsFocus");this.pdsKeyDown=createEvent(this,"pdsKeyDown");this._type="select-one";this.hostKeeper=new HostStylingKeeper;this.disabled=false;this.multiple=false;this.required=false;this.onSelectUpdate=function(e){var s=e.target;var t=Array.from(s.options).filter((function(e){return e.selected})).map((function(e){return e.value}));if(t.length===1&&!i.multiple){i.value=t[0]}else{i.value=t}i.pdsSelectChange.emit(e)};this.onBlur=function(e){i.pdsBlur.emit(e)};this.onFocus=function(e){i.pdsFocus.emit(e)};this.onKeyDown=function(e){i.pdsKeyDown.emit(e)};this.handleSlotChange=function(){var e=i.slotContainer.querySelector("slot");i.selectEl.innerHTML="";var s=e.assignedElements({flatten:true});s.forEach((function(e){if(["OPTION","OPTGROUP"].includes(e.tagName)){var s=e.cloneNode(true);if(s.tagName==="OPTION"&&s.value===i.value){s.selected=true}i.selectEl.appendChild(s)}}));i.updateSelectedOption()}}e.prototype.valueChanged=function(){this.updateSelectedOption();this.updateFormValue()};e.prototype.multipleChanged=function(){this.updateType()};e.prototype.updateType=function(){this._type=this.multiple?"select-multiple":"select-one"};e.prototype.connectedCallback=function(){var e=this;this.hostKeeper.connect(this.el);if(this.el.attachInternals&&!this.internals){this.internals=this.el.attachInternals()}exposeTypeProperty(this.el,(function(){return e._type}))};e.prototype.disconnectedCallback=function(){this.hostKeeper.disconnect()};e.prototype.componentWillLoad=function(){this.updateType();this.updateSelectedOption()};e.prototype.componentDidLoad=function(){this.updateFormValue()};e.prototype.updateSelectedOption=function(){var e=this;if(this.selectEl){var i=this.selectEl.options;Array.from(i).map((function(i){if(Array.isArray(e.value)){i.selected=e.value.includes(i.value)}else{i.selected=e.value===i.value}}))}};e.prototype.getHelperMessage=function(){return this.helperMessage&&h("p",{class:"pds-select__helper-message",id:messageId(this.componentId,"helper")},this.helperMessage)};e.prototype.getErrorMessage=function(){return this.errorMessage&&h("p",{class:"pds-select__error-message",id:messageId(this.componentId,"error"),"aria-live":"assertive"},h("pds-icon",{"aria-hidden":"true",icon:danger,size:"small"}),this.errorMessage)};e.prototype.renderMessages=function(){if(!this.helperMessage&&!this.errorMessage)return null;return h("div",{class:"pds-select__message"},this.getHelperMessage(),this.getErrorMessage())};e.prototype.isInvalid=function(){return Boolean(this.invalid)||Boolean(this.errorMessage)};e.prototype.classNames=function(){var e=[];if(this.invalid){e.push("is-invalid")}if(this.disabled){e.push("is-disabled")}return e.join(" ")};e.prototype.renderAction=function(){var e=this.el.querySelector('[slot="action"]')!==null;if(e){return h("div",{class:"pds-select__action",part:"action"},h("slot",{name:"action"}))}return null};e.prototype.updateFormValue=function(){var e=this;if(isSpecTest())return;if(this.internals&&this.internals.setFormValue){var i=this.value;if(Array.isArray(i)){if(i.length>1){var s=new FormData;i.forEach((function(i){return s.append(e.name||"",i)}));this.internals.setFormValue(s)}else{this.internals.setFormValue(i[0]||null)}}else{this.internals.setFormValue(i||null)}if(this.selectEl&&this.internals&&this.internals.setValidity){this.internals.setValidity(this.selectEl.validity,this.selectEl.validationMessage,this.selectEl)}}};e.prototype.formResetCallback=function(){this.value="";this.updateFormValue()};e.prototype.formDisabledCallback=function(e){this.disabled=e};e.prototype.formStateRestoreCallback=function(e){if(typeof e==="string"){this.value=e}else if(e instanceof FormData&&this.name){var i=e.getAll(this.name);if(i.length>1){this.value=i.filter((function(e){return typeof e==="string"}))}else if(i.length===1&&typeof i[0]==="string"){this.value=i[0]}}};e.prototype.render=function(){var e=this;var i=this.el.querySelector('[slot="action"]')!==null;var s=this.classNames();var t={"aria-disabled":this.disabled?"true":null,"has-action":i&&!this.hideLabel?"true":null};this.hostKeeper.record(s,{},t);return h(Host,Object.assign({key:"343ed671e67dd1d6f9eb284b07e06d59877c64e9",class:s},t),h("div",{key:"650aed0869b02f658feb16ee99f17e1cd22e5a8e",class:"pds-select"},!this.hideLabel&&h("div",{key:"74739461acbea33c92279ec8ec9042d6af1773c1",class:"pds-select__label-wrapper"},h("label",{key:"1ad96ffd243000358edfbd79054ee770e1ba97d3",htmlFor:this.componentId},h("span",{key:"b832868db4f9cd4fd2f8313054d2e96e106189ab",class:this.hideLabel?"visually-hidden":""},this.label)),i&&this.renderAction()),h("select",{key:"e83c1a1a0a5646fc8abf9e50bc374f52b56be773","aria-describedby":assignDescription(this.componentId,this.isInvalid(),this.helperMessage,this.errorMessage),"aria-invalid":this.isInvalid()?"true":undefined,"aria-label":this.hideLabel?this.label:undefined,autocomplete:this.autocomplete||undefined,class:"pds-select__field",disabled:this.disabled,id:this.componentId,multiple:this.multiple,name:this.name,onBlur:this.onBlur,onChange:this.onSelectUpdate,onFocus:this.onFocus,onKeyDown:this.onKeyDown,part:"select",required:this.required,ref:function(i){return e.selectEl=i}}),h("div",{key:"a34880120b88124b5122350856d023368f96abf7","aria-hidden":"true",class:"hidden",ref:function(i){return e.slotContainer=i}},h("slot",{key:"df6abaf6a630761a32b263813181ff3453757e0d",onSlotchange:this.handleSlotChange})),this.renderMessages(),!this.multiple&&h("pds-icon",{key:"f9197284ef9965d693242a652b583f48bc3d7097","aria-hidden":"true",class:"pds-select__select-icon",icon:enlarge})))};Object.defineProperty(e,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:[{valueChanged:0}],multiple:[{multipleChanged:0}]}},enumerable:false,configurable:true});return e}();PdsSelect.style=pdsSelectTokensCss()+(labelCss()+pdsSelectCss());export{PdsSelect as pds_select};
1
+ import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-Cw9J31qd.js";import{H as HostStylingKeeper}from"./attributes-WXw_I_uJ.js";import{e as exposeTypeProperty,m as messageId,i as isSpecTest,a as assignDescription}from"./form-BuRbS7Hp.js";import{b as danger,e as enlarge}from"./index-BWDu62Mo.js";import"./keep-hydrated-BLG6RDBt.js";var pdsSelectTokensCss=function(){return":host{--pine-select-color-background-danger:var(--pine-color-red-050)}"};var labelCss=function(){return":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}"};var pdsSelectCss=function(){return':host{--pds-select-background:var(--pine-color-background-container);--pds-select-border:var(--pine-border);--pds-select-border-radius:var(--pine-dimension-125);--pds-select-border-radius-start-end:var(--pine-dimension-125);--pds-select-border-radius-start-start:var(--pine-dimension-125);--pds-select-border-radius-end-end:var(--pine-dimension-125);--pds-select-border-radius-end-start:var(--pine-dimension-125);--pds-select-min-height:36px;--box-shadow-focus:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring);--box-shadow-focus-error:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring-danger)}:host .hidden,:host :host([hidden]){display:none}.pds-select{color:var(--pine-color-text);display:grid;-ms-flex-direction:column;flex-direction:column;grid-template-areas:"label label" "field field" "message message";grid-template-columns:1fr minmax(2rem, -webkit-min-content);grid-template-columns:1fr minmax(2rem, min-content);grid-template-rows:-webkit-min-content -webkit-min-content -webkit-min-content;grid-template-rows:min-content min-content min-content;position:relative;width:100%}.pds-select__label-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;grid-area:label;-ms-flex-pack:justify;justify-content:space-between;-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-select__action{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}label{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-select__label-wrapper label{-webkit-margin-after:0;margin-block-end:0}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--pds-select-background);border:var(--pds-select-border);border-end-end-radius:var(--pds-select-border-radius-end-end, var(--pds-select-border-radius));border-end-start-radius:var(--pds-select-border-radius-end-start, var(--pds-select-border-radius));border-start-end-radius:var(--pds-select-border-radius-start-end, var(--pds-select-border-radius));border-start-start-radius:var(--pds-select-border-radius-start-start, var(--pds-select-border-radius));color:var(--pine-color-text);font:var(--pine-typography-body);grid-area:field;letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-select-min-height);padding:calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-150);-webkit-padding-end:var(--pine-dimension-450);padding-inline-end:var(--pine-dimension-450);position:relative}select:hover{border-color:var(--pine-color-border-hover);cursor:pointer}select:focus-visible{border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}select:disabled{background-color:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}select:has(~.pds-select__message .pds-select__error-message){background-color:var(--pine-select-color-background-danger);border-color:var(--pine-color-border-danger)}:host-context([data-theme=dark]) select:has(~.pds-select__message .pds-select__error-message){background-color:var(--pine-color-red-950)}select:has(~.pds-select__message .pds-select__error-message):focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host(.is-disabled) .pds-select__select-icon{color:var(--pine-color-text-disabled)}:host(.is-invalid) select{background-color:var(--pine-select-color-background-danger);border-color:var(--pine-color-border-danger)}:host-context([data-theme=dark]) :host(.is-invalid) select{background-color:var(--pine-color-red-950)}:host(.is-invalid) select:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select{background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-accent);color:var(--pine-color-text-accent)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select:hover:not(:disabled){border-color:var(--pine-color-accent-hover)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select:focus-visible{outline-color:var(--pine-color-focus-ring)}:host([highlight]:not(.is-disabled):not(.is-invalid)) .pds-select__select-icon{color:var(--pine-color-text-accent)}.pds-select__error-message,.pds-select__helper-message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-select__error-message{color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-select__error-message pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.pds-select__message{grid-area:message}.pds-select__select-icon{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;grid-column:-1/-2;grid-row:2/3;height:var(--pds-select-min-height);pointer-events:none;position:relative;z-index:calc(var(--pine-z-index-raised) - 1)}.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 PdsSelect=function(){function e(e){var i=this;registerInstance(this,e);this.pdsSelectChange=createEvent(this,"pdsSelectChange");this.pdsBlur=createEvent(this,"pdsBlur");this.pdsFocus=createEvent(this,"pdsFocus");this.pdsKeyDown=createEvent(this,"pdsKeyDown");this._type="select-one";this.hostKeeper=new HostStylingKeeper;this.disabled=false;this.multiple=false;this.required=false;this.onSelectUpdate=function(e){var s=e.target;var t=Array.from(s.options).filter((function(e){return e.selected})).map((function(e){return e.value}));if(t.length===1&&!i.multiple){i.value=t[0]}else{i.value=t}i.pdsSelectChange.emit(e)};this.onBlur=function(e){i.pdsBlur.emit(e)};this.onFocus=function(e){i.pdsFocus.emit(e)};this.onKeyDown=function(e){i.pdsKeyDown.emit(e)};this.handleSlotChange=function(){var e=i.slotContainer.querySelector("slot");i.selectEl.innerHTML="";var s=e.assignedElements({flatten:true});s.forEach((function(e){if(["OPTION","OPTGROUP"].includes(e.tagName)){var s=e.cloneNode(true);if(s.tagName==="OPTION"&&s.value===i.value){s.selected=true}i.selectEl.appendChild(s)}}));i.updateSelectedOption()}}e.prototype.valueChanged=function(){this.updateSelectedOption();this.updateFormValue()};e.prototype.multipleChanged=function(){this.updateType()};e.prototype.updateType=function(){this._type=this.multiple?"select-multiple":"select-one"};e.prototype.connectedCallback=function(){var e=this;this.hostKeeper.connect(this.el);if(this.el.attachInternals&&!this.internals){this.internals=this.el.attachInternals()}exposeTypeProperty(this.el,(function(){return e._type}))};e.prototype.disconnectedCallback=function(){this.hostKeeper.disconnect()};e.prototype.componentWillLoad=function(){this.updateType();this.updateSelectedOption()};e.prototype.componentDidLoad=function(){this.updateFormValue()};e.prototype.updateSelectedOption=function(){var e=this;if(this.selectEl){var i=this.selectEl.options;Array.from(i).map((function(i){if(Array.isArray(e.value)){i.selected=e.value.includes(i.value)}else{i.selected=e.value===i.value}}))}};e.prototype.getHelperMessage=function(){return this.helperMessage&&h("p",{class:"pds-select__helper-message",id:messageId(this.componentId,"helper")},this.helperMessage)};e.prototype.getErrorMessage=function(){return this.errorMessage&&h("p",{class:"pds-select__error-message",id:messageId(this.componentId,"error"),"aria-live":"assertive"},h("pds-icon",{"aria-hidden":"true",icon:danger,size:"small"}),this.errorMessage)};e.prototype.renderMessages=function(){if(!this.helperMessage&&!this.errorMessage)return null;return h("div",{class:"pds-select__message"},this.getHelperMessage(),this.getErrorMessage())};e.prototype.isInvalid=function(){return Boolean(this.invalid)||Boolean(this.errorMessage)};e.prototype.classNames=function(){var e=[];if(this.invalid){e.push("is-invalid")}if(this.disabled){e.push("is-disabled")}return e.join(" ")};e.prototype.renderAction=function(){var e=this.el.querySelector('[slot="action"]')!==null;if(e){return h("div",{class:"pds-select__action",part:"action"},h("slot",{name:"action"}))}return null};e.prototype.updateFormValue=function(){var e=this;if(isSpecTest())return;if(this.internals&&this.internals.setFormValue){var i=this.value;if(Array.isArray(i)){if(i.length>1){var s=new FormData;i.forEach((function(i){return s.append(e.name||"",i)}));this.internals.setFormValue(s)}else{this.internals.setFormValue(i[0]||null)}}else{this.internals.setFormValue(i||null)}if(this.selectEl&&this.internals&&this.internals.setValidity){this.internals.setValidity(this.selectEl.validity,this.selectEl.validationMessage,this.selectEl)}}};e.prototype.formResetCallback=function(){this.value="";this.updateFormValue()};e.prototype.formDisabledCallback=function(e){this.disabled=e};e.prototype.formStateRestoreCallback=function(e){if(typeof e==="string"){this.value=e}else if(e instanceof FormData&&this.name){var i=e.getAll(this.name);if(i.length>1){this.value=i.filter((function(e){return typeof e==="string"}))}else if(i.length===1&&typeof i[0]==="string"){this.value=i[0]}}};e.prototype.render=function(){var e=this;var i=this.el.querySelector('[slot="action"]')!==null;var s=this.classNames();var t={"aria-disabled":this.disabled?"true":null,"has-action":i&&!this.hideLabel?"true":null};this.hostKeeper.record(s,{},t);return h(Host,Object.assign({key:"343ed671e67dd1d6f9eb284b07e06d59877c64e9",class:s},t),h("div",{key:"650aed0869b02f658feb16ee99f17e1cd22e5a8e",class:"pds-select"},!this.hideLabel&&h("div",{key:"74739461acbea33c92279ec8ec9042d6af1773c1",class:"pds-select__label-wrapper"},h("label",{key:"1ad96ffd243000358edfbd79054ee770e1ba97d3",htmlFor:this.componentId},h("span",{key:"b832868db4f9cd4fd2f8313054d2e96e106189ab",class:this.hideLabel?"visually-hidden":""},this.label)),i&&this.renderAction()),h("select",{key:"e83c1a1a0a5646fc8abf9e50bc374f52b56be773","aria-describedby":assignDescription(this.componentId,this.isInvalid(),this.helperMessage,this.errorMessage),"aria-invalid":this.isInvalid()?"true":undefined,"aria-label":this.hideLabel?this.label:undefined,autocomplete:this.autocomplete||undefined,class:"pds-select__field",disabled:this.disabled,id:this.componentId,multiple:this.multiple,name:this.name,onBlur:this.onBlur,onChange:this.onSelectUpdate,onFocus:this.onFocus,onKeyDown:this.onKeyDown,part:"select",required:this.required,ref:function(i){return e.selectEl=i}}),h("div",{key:"a34880120b88124b5122350856d023368f96abf7","aria-hidden":"true",class:"hidden",ref:function(i){return e.slotContainer=i}},h("slot",{key:"df6abaf6a630761a32b263813181ff3453757e0d",onSlotchange:this.handleSlotChange})),this.renderMessages(),!this.multiple&&h("pds-icon",{key:"f9197284ef9965d693242a652b583f48bc3d7097","aria-hidden":"true",class:"pds-select__select-icon",icon:enlarge})))};Object.defineProperty(e,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:[{valueChanged:0}],multiple:[{multipleChanged:0}]}},enumerable:false,configurable:true});return e}();PdsSelect.style=pdsSelectTokensCss()+(labelCss()+pdsSelectCss());export{PdsSelect as pds_select};
@@ -1 +1 @@
1
- import{r as registerInstance,h,H as Host,a as getElement}from"./index-Cw9J31qd.js";import{H as HostStylingKeeper}from"./attributes-WXw_I_uJ.js";import{h as handle}from"./index-BJXk71tO.js";import"./keep-hydrated-BLG6RDBt.js";var pdsSortableItemCss=function(){return".pds-sortable-item.sc-pds-sortable-item-h{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;padding-block:var(--pine-dimension-xs);padding-inline:var(--pine-dimension-md)}.pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__actions.sc-pds-sortable-item{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-padding-start:var(--pine-dimension-md);padding-inline-start:var(--pine-dimension-md)}.pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{line-height:1;-webkit-margin-end:var(--pine-dimension-md);margin-inline-end:var(--pine-dimension-md)}.pds-sortable--bordered .pds-sortable-item.sc-pds-sortable-item-h:first-child{border-start-end-radius:calc(var(--pine-dimension-xs) * 1.25);border-start-start-radius:calc(var(--pine-dimension-xs) * 1.25)}.pds-sortable--bordered .pds-sortable-item.sc-pds-sortable-item-h:last-child{border-end-end-radius:calc(var(--pine-dimension-xs) * 1.25);border-end-start-radius:calc(var(--pine-dimension-xs) * 1.25)}.pds-sortable--divided .pds-sortable-item.sc-pds-sortable-item-h{-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border)}.pds-sortable--divided .pds-sortable-item.sc-pds-sortable-item-h:last-child{-webkit-border-after:0;border-block-end:0}.pds-sortable--handle-type-row .pds-sortable-item.sc-pds-sortable-item-h{cursor:-webkit-grab;cursor:grab}.pds-sortable--handle-type-handle .pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{cursor:-webkit-grab;cursor:grab}.pds-sortable--disabled .pds-sortable-item.sc-pds-sortable-item-h{cursor:not-allowed;opacity:0.5}.pds-sortable--disabled .pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{cursor:not-allowed}.pds-sortable--disabled .pds-sortable-item.sc-pds-sortable-item-h:hover{background-color:transparent}.pds-sortable:not(.pds-sortable--disabled) .pds-sortable-item.sc-pds-sortable-item-h:hover{background-color:var(--pine-color-background-container-hover)}.pds-sortable:not(.pds-sortable--disabled) .pds-sortable-item.sc-pds-sortable-item-h:hover pds-icon.sc-pds-sortable-item{color:var(--pine-color-info)}.pds-sortable-item--drag.sc-pds-sortable-item-h{background-color:var(--pine-color-background-container);border-radius:0;-webkit-box-shadow:var(--pine-box-shadow-400);box-shadow:var(--pine-box-shadow-400);opacity:1}.pds-sortable-item--ghost.sc-pds-sortable-item-h{background-color:var(--pine-color-background-container-hover);border-radius:0}"};var PdsSortableItem=function(){function e(e){registerInstance(this,e);this.hostKeeper=new HostStylingKeeper;this.enableActions=false;this.showHandle=false}e.prototype.connectedCallback=function(){this.hostKeeper.connect(this.el)};e.prototype.disconnectedCallback=function(){this.hostKeeper.disconnect()};e.prototype.componentDidRender=function(){var e=Array.from(this.el.children).filter((function(e){return e.matches(".pds-sortable-item__handle")}));e.slice(1).forEach((function(e){return e.remove()}));var s=Array.from(this.el.children).filter((function(e){return e.matches(".pds-sortable-item__actions")}));var t=s[s.length-1];s.slice(0,-1).forEach((function(e){if(t!==undefined){Array.from(e.children).forEach((function(e){return t.appendChild(e)}))}e.remove()}))};e.prototype.componentWillRender=function(){this.sortableRef=this.el.closest("pds-sortable");if(this.sortableRef&&this.sortableRef.handleType==="handle"){this.showHandle=true}};e.prototype.render=function(){this.hostKeeper.record("pds-sortable-item");return h(Host,{key:"2065ccb474ae4b7032edc3c37aa6855f3048909d",class:"pds-sortable-item",id:this.componentId},this.showHandle&&h("div",{key:"32385cc94837a3d0bc1c496615135c79274afe35",class:"pds-sortable-item__handle"},h("pds-icon",{key:"ea94e28b2867aa20622ca073dc31d3b4a11eebbb","aria-hidden":"true",icon:handle})),h("slot",{key:"fb18aa90be0b8fa3832a5dd2b02a7b571205341f"}),this.enableActions&&h("div",{key:"4c6e59d77a7b2183552533a544f4a70ce0cc7011",class:"pds-sortable-item__actions"},h("slot",{key:"497b1ff88436175d9365a28032e109b6fa118e44",name:"sortable-item-actions"})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PdsSortableItem.style=pdsSortableItemCss();export{PdsSortableItem as pds_sortable_item};
1
+ import{r as registerInstance,h,H as Host,a as getElement}from"./index-Cw9J31qd.js";import{H as HostStylingKeeper}from"./attributes-WXw_I_uJ.js";import{h as handle}from"./index-BWDu62Mo.js";import"./keep-hydrated-BLG6RDBt.js";var pdsSortableItemCss=function(){return".pds-sortable-item.sc-pds-sortable-item-h{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;padding-block:var(--pine-dimension-xs);padding-inline:var(--pine-dimension-md)}.pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__actions.sc-pds-sortable-item{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-padding-start:var(--pine-dimension-md);padding-inline-start:var(--pine-dimension-md)}.pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{line-height:1;-webkit-margin-end:var(--pine-dimension-md);margin-inline-end:var(--pine-dimension-md)}.pds-sortable--bordered .pds-sortable-item.sc-pds-sortable-item-h:first-child{border-start-end-radius:calc(var(--pine-dimension-xs) * 1.25);border-start-start-radius:calc(var(--pine-dimension-xs) * 1.25)}.pds-sortable--bordered .pds-sortable-item.sc-pds-sortable-item-h:last-child{border-end-end-radius:calc(var(--pine-dimension-xs) * 1.25);border-end-start-radius:calc(var(--pine-dimension-xs) * 1.25)}.pds-sortable--divided .pds-sortable-item.sc-pds-sortable-item-h{-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border)}.pds-sortable--divided .pds-sortable-item.sc-pds-sortable-item-h:last-child{-webkit-border-after:0;border-block-end:0}.pds-sortable--handle-type-row .pds-sortable-item.sc-pds-sortable-item-h{cursor:-webkit-grab;cursor:grab}.pds-sortable--handle-type-handle .pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{cursor:-webkit-grab;cursor:grab}.pds-sortable--disabled .pds-sortable-item.sc-pds-sortable-item-h{cursor:not-allowed;opacity:0.5}.pds-sortable--disabled .pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{cursor:not-allowed}.pds-sortable--disabled .pds-sortable-item.sc-pds-sortable-item-h:hover{background-color:transparent}.pds-sortable:not(.pds-sortable--disabled) .pds-sortable-item.sc-pds-sortable-item-h:hover{background-color:var(--pine-color-background-container-hover)}.pds-sortable:not(.pds-sortable--disabled) .pds-sortable-item.sc-pds-sortable-item-h:hover pds-icon.sc-pds-sortable-item{color:var(--pine-color-info)}.pds-sortable-item--drag.sc-pds-sortable-item-h{background-color:var(--pine-color-background-container);border-radius:0;-webkit-box-shadow:var(--pine-box-shadow-400);box-shadow:var(--pine-box-shadow-400);opacity:1}.pds-sortable-item--ghost.sc-pds-sortable-item-h{background-color:var(--pine-color-background-container-hover);border-radius:0}"};var PdsSortableItem=function(){function e(e){registerInstance(this,e);this.hostKeeper=new HostStylingKeeper;this.enableActions=false;this.showHandle=false}e.prototype.connectedCallback=function(){this.hostKeeper.connect(this.el)};e.prototype.disconnectedCallback=function(){this.hostKeeper.disconnect()};e.prototype.componentDidRender=function(){var e=Array.from(this.el.children).filter((function(e){return e.matches(".pds-sortable-item__handle")}));e.slice(1).forEach((function(e){return e.remove()}));var s=Array.from(this.el.children).filter((function(e){return e.matches(".pds-sortable-item__actions")}));var t=s[s.length-1];s.slice(0,-1).forEach((function(e){if(t!==undefined){Array.from(e.children).forEach((function(e){return t.appendChild(e)}))}e.remove()}))};e.prototype.componentWillRender=function(){this.sortableRef=this.el.closest("pds-sortable");if(this.sortableRef&&this.sortableRef.handleType==="handle"){this.showHandle=true}};e.prototype.render=function(){this.hostKeeper.record("pds-sortable-item");return h(Host,{key:"2065ccb474ae4b7032edc3c37aa6855f3048909d",class:"pds-sortable-item",id:this.componentId},this.showHandle&&h("div",{key:"32385cc94837a3d0bc1c496615135c79274afe35",class:"pds-sortable-item__handle"},h("pds-icon",{key:"ea94e28b2867aa20622ca073dc31d3b4a11eebbb","aria-hidden":"true",icon:handle})),h("slot",{key:"fb18aa90be0b8fa3832a5dd2b02a7b571205341f"}),this.enableActions&&h("div",{key:"4c6e59d77a7b2183552533a544f4a70ce0cc7011",class:"pds-sortable-item__actions"},h("slot",{key:"497b1ff88436175d9365a28032e109b6fa118e44",name:"sortable-item-actions"})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PdsSortableItem.style=pdsSortableItemCss();export{PdsSortableItem as pds_sortable_item};
@@ -1 +1 @@
1
- import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-Cw9J31qd.js";import{e as exposeTypeProperty,i as isSpecTest,m as messageId,a as assignDescription}from"./form-BuRbS7Hp.js";import{b as danger}from"./index-BJXk71tO.js";import{H as HostStylingKeeper,i as inheritAriaAttributes}from"./attributes-WXw_I_uJ.js";import"./keep-hydrated-BLG6RDBt.js";var labelCss=function(){return":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}"};var pdsSwitchCss=function(){return':host{--sizing-input-toggle-size:calc(var(--pine-dimension-250) - (var(--pine-dimension-025) * 2));--pine-dimension-025:2px;--spacing-message-inline:calc(var(--pine-dimension-450) + var(--pine-dimension-150));--number-transition-timing:var(--pine-motion-duration-fast) ease-out;-ms-flex-align:start;align-items:flex-start;color:var(--pine-color-text);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-flow:row wrap;flex-flow:row wrap;position:relative}:host(.pds-switch--error){color:var(--pine-color-text-message-danger)}:host(.pds-switch--error) input,:host(.pds-switch--error) input:checked,:host(.pds-switch--error) input:hover:not(:disabled):not(:checked){background-color:var(--pine-color-danger)}:host(.pds-switch--error) input:focus-visible:not(:disabled):not(:checked){outline-color:var(--pine-color-focus-ring-danger)}:host(.pds-switch--error) label{color:var(--color-text-error)}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-neutral);border:0;border-radius:var(--pine-dimension-sm);cursor:pointer;display:inline-block;-ms-flex-negative:0;flex-shrink:0;height:var(--pine-dimension-250);margin:0;padding:0;position:relative;-webkit-transition:var(--number-transition-timing);transition:var(--number-transition-timing);-webkit-transition-property:background, border, color;transition-property:background, border, color;width:var(--pine-dimension-450)}input::after{background:var(--pine-color-secondary);border-radius:var(--pine-border-radius-full);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);content:"";display:block;height:var(--sizing-input-toggle-size);inset-block-start:50%;inset-inline-start:var(--pine-dimension-025);position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:inset-inline-start var(--number-transition-timing);transition:inset-inline-start var(--number-transition-timing);width:var(--sizing-input-toggle-size)}label{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-150)}:host(.pds-switch--label-slot) label{-ms-flex-align:center;align-items:center}.pds-switch--error label{color:inherit}.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}.pds-switch__message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs);-webkit-margin-start:var(--spacing-message-inline);margin-inline-start:var(--spacing-message-inline);width:100%}.pds-switch__message+.pds-switch__message{-webkit-margin-before:var(--spacing-message-inline);margin-block-start:var(--spacing-message-inline)}.pds-switch__message--error{color:inherit;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-switch__message--error pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}input:disabled{background-color:var(--pine-color-neutral-disabled);cursor:not-allowed}input:disabled~label{cursor:initial}input:disabled:hover::after{background-color:var(--pine-color-secondary)}input:disabled .pds-switch__message{color:initial}input:hover:not(:disabled){background-color:var(--pine-color-neutral-hover)}input:focus-visible:not(:disabled){outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}input:checked::after{inset-inline-start:calc(100% - var(--sizing-input-toggle-size) - var(--pine-dimension-025))}input:checked:not(:disabled){background-color:currentColor;color:var(--pine-color-accent)}input:checked:not(:disabled):hover{border-color:currentColor;color:var(--pine-color-accent-hover)}'};var PdsSwitch=function(){function e(e){var i=this;registerInstance(this,e);this.pdsSwitchChange=createEvent(this,"pdsSwitchChange");this.inheritedAttributes={};this._type="checkbox";this.hostKeeper=new HostStylingKeeper;this.hasLabelSlot=false;this.checked=false;this.disabled=false;this.invalid=false;this.required=false;this.onSwitchUpdate=function(e){if(i.disabled)return;var t=e.target;i.checked=t.checked;i.updateFormValue();i.pdsSwitchChange.emit(e)};this.switchClassNames=function(){var e="pds-switch";if(i.invalid===true){e+=" pds-switch--error"}if(i.helperMessage!==undefined){e+=" pds-switch--message"}if(i.hasLabelSlot){e+=" pds-switch--label-slot"}return e};this.updateHasLabelSlot=function(){i.hasLabelSlot=Array.from(i.el.children).some((function(e){return e.getAttribute("slot")==="label"}))}}e.prototype.connectedCallback=function(){var e=this;this.hostKeeper.connect(this.el);if(this.el.attachInternals&&!this.internals){this.internals=this.el.attachInternals()}exposeTypeProperty(this.el,(function(){return e._type}))};e.prototype.disconnectedCallback=function(){this.hostKeeper.disconnect()};e.prototype.componentDidLoad=function(){this.updateFormValue()};e.prototype.checkedChanged=function(){this.updateFormValue()};e.prototype.updateFormValue=function(){if(isSpecTest())return;if(this.internals&&this.internals.setFormValue){var e=this.checked?this.value||"on":null;this.internals.setFormValue(e)}if(this.internals&&this.internals.setValidity){this.internals.setValidity({})}};e.prototype.formStateRestoreCallback=function(e){if(e instanceof FormData){var i=this.value||"on";this.checked=e.get(this.name||this.componentId)===i}else if(typeof e==="string"){this.checked=e===(this.value||"on")}};e.prototype.formDisabledCallback=function(e){if(e&&!this.el.closest("fieldset[disabled]"))return;this.disabled=e};e.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},inheritAriaAttributes(this.el));this.updateHasLabelSlot()};e.prototype.render=function(){var e=this.switchClassNames();var i=this.disabled?"true":null;this.hostKeeper.record(e,{},{"aria-disabled":i});return h(Host,{key:"b8bd2870be101081aa8a65cdee45397bc4c21435",class:e,"aria-disabled":i},h("label",{key:"1e223f22f7fc6c576098353ad67dc11500def8b4",htmlFor:this.componentId},h("input",Object.assign({key:"edf59869e165a65b97465ea9de06f7ea82fbc9a6","aria-describedby":assignDescription(this.componentId,this.invalid,this.helperMessage,this.errorMessage),"aria-invalid":this.invalid?"true":undefined,checked:this.checked,class:"pds-switch__input",disabled:this.disabled,id:this.componentId,name:this.name?this.name:this.componentId,onChange:this.onSwitchUpdate,required:this.required,type:"checkbox",value:this.value},this.inheritedAttributes)),h("span",{key:"1c252b9455471069f8c6ea6c13f2e88c99308b41",class:this.hideLabel?"visually-hidden":""},h("slot",{key:"ce0d471918bd3018f5e55d0d1e6c5c2247790f81",name:"label",onSlotchange:this.updateHasLabelSlot}),!this.hasLabelSlot&&this.label)),this.helperMessage&&h("div",{key:"64874b15403f1f42344715ac34febdfb8d94042a",class:"pds-switch__message",id:messageId(this.componentId,"helper")},this.helperMessage),this.errorMessage&&h("div",{key:"560ea486859124bb0ac2f75ab4bd34b0bca7efbc",class:"pds-switch__message pds-switch__message--error",id:messageId(this.componentId,"error"),"aria-live":"assertive"},h("pds-icon",{key:"f49caaba976579eb5588e442499595c7dba7ceff",icon:danger,size:"small"}),this.errorMessage))};Object.defineProperty(e,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{checked:[{checkedChanged:0}]}},enumerable:false,configurable:true});return e}();PdsSwitch.style=labelCss()+pdsSwitchCss();export{PdsSwitch as pds_switch};
1
+ import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-Cw9J31qd.js";import{e as exposeTypeProperty,i as isSpecTest,m as messageId,a as assignDescription}from"./form-BuRbS7Hp.js";import{b as danger}from"./index-BWDu62Mo.js";import{H as HostStylingKeeper,i as inheritAriaAttributes}from"./attributes-WXw_I_uJ.js";import"./keep-hydrated-BLG6RDBt.js";var labelCss=function(){return":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}"};var pdsSwitchCss=function(){return':host{--sizing-input-toggle-size:calc(var(--pine-dimension-250) - (var(--pine-dimension-025) * 2));--pine-dimension-025:2px;--spacing-message-inline:calc(var(--pine-dimension-450) + var(--pine-dimension-150));--number-transition-timing:var(--pine-motion-duration-fast) ease-out;-ms-flex-align:start;align-items:flex-start;color:var(--pine-color-text);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-flow:row wrap;flex-flow:row wrap;position:relative}:host(.pds-switch--error){color:var(--pine-color-text-message-danger)}:host(.pds-switch--error) input,:host(.pds-switch--error) input:checked,:host(.pds-switch--error) input:hover:not(:disabled):not(:checked){background-color:var(--pine-color-danger)}:host(.pds-switch--error) input:focus-visible:not(:disabled):not(:checked){outline-color:var(--pine-color-focus-ring-danger)}:host(.pds-switch--error) label{color:var(--color-text-error)}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-neutral);border:0;border-radius:var(--pine-dimension-sm);cursor:pointer;display:inline-block;-ms-flex-negative:0;flex-shrink:0;height:var(--pine-dimension-250);margin:0;padding:0;position:relative;-webkit-transition:var(--number-transition-timing);transition:var(--number-transition-timing);-webkit-transition-property:background, border, color;transition-property:background, border, color;width:var(--pine-dimension-450)}input::after{background:var(--pine-color-secondary);border-radius:var(--pine-border-radius-full);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);content:"";display:block;height:var(--sizing-input-toggle-size);inset-block-start:50%;inset-inline-start:var(--pine-dimension-025);position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:inset-inline-start var(--number-transition-timing);transition:inset-inline-start var(--number-transition-timing);width:var(--sizing-input-toggle-size)}label{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-150)}:host(.pds-switch--label-slot) label{-ms-flex-align:center;align-items:center}.pds-switch--error label{color:inherit}.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}.pds-switch__message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs);-webkit-margin-start:var(--spacing-message-inline);margin-inline-start:var(--spacing-message-inline);width:100%}.pds-switch__message+.pds-switch__message{-webkit-margin-before:var(--spacing-message-inline);margin-block-start:var(--spacing-message-inline)}.pds-switch__message--error{color:inherit;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-switch__message--error pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}input:disabled{background-color:var(--pine-color-neutral-disabled);cursor:not-allowed}input:disabled~label{cursor:initial}input:disabled:hover::after{background-color:var(--pine-color-secondary)}input:disabled .pds-switch__message{color:initial}input:hover:not(:disabled){background-color:var(--pine-color-neutral-hover)}input:focus-visible:not(:disabled){outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}input:checked::after{inset-inline-start:calc(100% - var(--sizing-input-toggle-size) - var(--pine-dimension-025))}input:checked:not(:disabled){background-color:currentColor;color:var(--pine-color-accent)}input:checked:not(:disabled):hover{border-color:currentColor;color:var(--pine-color-accent-hover)}'};var PdsSwitch=function(){function i(i){var e=this;registerInstance(this,i);this.pdsSwitchChange=createEvent(this,"pdsSwitchChange");this.inheritedAttributes={};this._type="checkbox";this.hostKeeper=new HostStylingKeeper;this.hasLabelSlot=false;this.checked=false;this.disabled=false;this.invalid=false;this.required=false;this.onSwitchUpdate=function(i){if(e.disabled)return;var t=i.target;e.checked=t.checked;e.updateFormValue();e.pdsSwitchChange.emit(i)};this.switchClassNames=function(){var i="pds-switch";if(e.invalid===true){i+=" pds-switch--error"}if(e.helperMessage!==undefined){i+=" pds-switch--message"}if(e.hasLabelSlot){i+=" pds-switch--label-slot"}return i};this.updateHasLabelSlot=function(){e.hasLabelSlot=Array.from(e.el.children).some((function(i){return i.getAttribute("slot")==="label"}))}}i.prototype.connectedCallback=function(){var i=this;this.hostKeeper.connect(this.el);if(this.el.attachInternals&&!this.internals){this.internals=this.el.attachInternals()}exposeTypeProperty(this.el,(function(){return i._type}))};i.prototype.disconnectedCallback=function(){this.hostKeeper.disconnect()};i.prototype.componentDidLoad=function(){this.updateFormValue()};i.prototype.checkedChanged=function(){this.updateFormValue()};i.prototype.updateFormValue=function(){if(isSpecTest())return;if(this.internals&&this.internals.setFormValue){var i=this.checked?this.value||"on":null;this.internals.setFormValue(i)}if(this.internals&&this.internals.setValidity){this.internals.setValidity({})}};i.prototype.formStateRestoreCallback=function(i){if(i instanceof FormData){var e=this.value||"on";this.checked=i.get(this.name||this.componentId)===e}else if(typeof i==="string"){this.checked=i===(this.value||"on")}};i.prototype.formDisabledCallback=function(i){if(i&&!this.el.closest("fieldset[disabled]"))return;this.disabled=i};i.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},inheritAriaAttributes(this.el));this.updateHasLabelSlot()};i.prototype.render=function(){var i=this.switchClassNames();var e=this.disabled?"true":null;this.hostKeeper.record(i,{},{"aria-disabled":e});return h(Host,{key:"b8bd2870be101081aa8a65cdee45397bc4c21435",class:i,"aria-disabled":e},h("label",{key:"1e223f22f7fc6c576098353ad67dc11500def8b4",htmlFor:this.componentId},h("input",Object.assign({key:"edf59869e165a65b97465ea9de06f7ea82fbc9a6","aria-describedby":assignDescription(this.componentId,this.invalid,this.helperMessage,this.errorMessage),"aria-invalid":this.invalid?"true":undefined,checked:this.checked,class:"pds-switch__input",disabled:this.disabled,id:this.componentId,name:this.name?this.name:this.componentId,onChange:this.onSwitchUpdate,required:this.required,type:"checkbox",value:this.value},this.inheritedAttributes)),h("span",{key:"1c252b9455471069f8c6ea6c13f2e88c99308b41",class:this.hideLabel?"visually-hidden":""},h("slot",{key:"ce0d471918bd3018f5e55d0d1e6c5c2247790f81",name:"label",onSlotchange:this.updateHasLabelSlot}),!this.hasLabelSlot&&this.label)),this.helperMessage&&h("div",{key:"64874b15403f1f42344715ac34febdfb8d94042a",class:"pds-switch__message",id:messageId(this.componentId,"helper")},this.helperMessage),this.errorMessage&&h("div",{key:"560ea486859124bb0ac2f75ab4bd34b0bca7efbc",class:"pds-switch__message pds-switch__message--error",id:messageId(this.componentId,"error"),"aria-live":"assertive"},h("pds-icon",{key:"2ae8dc876745af26fa2418f2265248aeb8f97a2b","aria-hidden":"true",icon:danger,size:"small"}),this.errorMessage))};Object.defineProperty(i,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(i.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(i,"watchers",{get:function(){return{checked:[{checkedChanged:0}]}},enumerable:false,configurable:true});return i}();PdsSwitch.style=labelCss()+pdsSwitchCss();export{PdsSwitch as pds_switch};
@@ -1 +1 @@
1
- import{r as registerInstance,h,H as Host,a as getElement}from"./index-Cw9J31qd.js";import{a as isScrolledFromInlineStart}from"./scroll-DtgUQhjl.js";import{s as setupTruncationTooltip}from"./truncation-tooltip-DRXsdKk1.js";import"./keep-hydrated-BLG6RDBt.js";import"./floating-ui.dom-BPqJgIq6.js";var pdsTableCellCss=function(){return":host{--box-shadow-fixed:3px 3px 6px -2px rgba(0, 0, 0, 0.2);color:var(--pine-color-text);display:table-cell;font-family:var(--pine-font-family-body);font-size:var(--pine-font-size);font-weight:var(--pine-font-weight-regular);inset-inline-start:var(--pine-dimension-none);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);padding:var(--pine-dimension-sm);vertical-align:middle}:host(.is-compact){padding-block:var(--pine-dimension-2xs)}:host(.is-fixed){background:var(--pine-color-background-container);inset-inline-start:0;position:-webkit-sticky;position:sticky;z-index:var(--pine-z-index-raised)}:host-context([dir=rtl]){--box-shadow-fixed:-3px 3px 6px -2px rgba(0, 0, 0, 0.2)}:host(.has-scrolled.is-fixed){-webkit-box-shadow:var(--box-shadow-fixed);box-shadow:var(--box-shadow-fixed)}:host(.is-truncated){max-width:var(--pds-table-cell-truncate-max-width, 100px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.has-checkbox){vertical-align:middle;width:16px}:host(.pds-table-cell--align-start){text-align:start}:host(.pds-table-cell--align-center){text-align:center}:host(.pds-table-cell--align-end){text-align:end}:host(.pds-table-cell--align-justify){text-align:justify}"};var PdsTableCell=function(){function t(t){var i=this;registerInstance(this,t);this.scrollContainer=null;this.setupRetries=0;this.truncationCleanup=null;this.hasLoaded=false;this.tableScrolling=false;this.handleScroll=function(){if(!i.scrollContainer){return}try{i.tableScrolling=isScrolledFromInlineStart(i.scrollContainer)}catch(t){console.warn("Scroll handler error:",t)}}}t.prototype.componentWillRender=function(){this.tableRef=this.hostElement.closest("pds-table")};t.prototype.connectedCallback=function(){if(!this.hasLoaded)return;this.tableRef=this.hostElement.closest("pds-table");this.cleanupScrollListener();if(this.needsScrollShadow){this.setupScrollListener()}if(this.truncate){this.initTruncationTooltip()}};t.prototype.componentDidLoad=function(){this.hasLoaded=true;if(this.needsScrollShadow){this.setupScrollListener()}if(this.truncate){this.initTruncationTooltip()}};t.prototype.disconnectedCallback=function(){this.cleanupScrollListener();this.destroyTruncationTooltip()};Object.defineProperty(t.prototype,"needsScrollShadow",{get:function(){var t;return Boolean(((t=this.tableRef)===null||t===void 0?void 0:t.responsive)&&this.tableRef.fixedColumn)},enumerable:false,configurable:true});t.prototype.setupScrollListener=function(){var t=this;var i;if(!this.tableRef)return;var e=(i=this.tableRef.shadowRoot)===null||i===void 0?void 0:i.querySelector(".pds-table-responsive-container");if(e){this.scrollContainer=e;this.scrollContainer.addEventListener("scroll",this.handleScroll,{passive:true});this.handleScroll();this.setupRetries=0}else{this.setupTimer=window.setTimeout((function(){if(t.scrollContainer)return;t.setupRetries=(t.setupRetries||0)+1;if(t.setupRetries<=50){t.setupScrollListener()}else{console.warn("Failed to find responsive container after 50 attempts")}}),100)}};t.prototype.cleanupScrollListener=function(){if(this.scrollContainer){this.scrollContainer.removeEventListener("scroll",this.handleScroll);this.scrollContainer=null}if(this.setupTimer!==undefined){window.clearTimeout(this.setupTimer);this.setupTimer=undefined}this.setupRetries=0};t.prototype.handleTruncateChange=function(t){if(t){this.initTruncationTooltip()}else{this.destroyTruncationTooltip()}};t.prototype.initTruncationTooltip=function(){var t=this;this.destroyTruncationTooltip();this.truncationCleanup=setupTruncationTooltip({hostEl:this.hostElement,contentEl:this.hostElement,getTooltipText:function(){return t.hostElement.textContent||""}})};t.prototype.destroyTruncationTooltip=function(){if(this.truncationCleanup){this.truncationCleanup();this.truncationCleanup=null}};t.prototype.classNames=function(){var t=[];if(this.tableRef&&this.tableRef.compact){t.push("is-compact")}if(this.cellAlign){t.push("pds-table-cell--align-".concat(this.cellAlign))}if(this.truncate){t.push("is-truncated")}if(this.tableRef&&this.tableRef.fixedColumn&&this.tableScrolling){t.push("has-scrolled")}return t.join(" ")};t.prototype.render=function(){return h(Host,{key:"de70a1002cc46e204f87349069b86ca43aa2129a",class:this.classNames(),role:"gridcell",part:"cell",style:this.tableRef&&this.tableRef.fixedColumn&&this.tableRef.selectable?{"--fixed-cell-position":"40px"}:{}},h("slot",{key:"5e2b3308291e480323d7a1ac0575035758fb3695"}))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{truncate:[{handleTruncateChange:0}]}},enumerable:false,configurable:true});return t}();PdsTableCell.style=pdsTableCellCss();export{PdsTableCell as pds_table_cell};
1
+ import{r as registerInstance,h,H as Host,a as getElement}from"./index-Cw9J31qd.js";import{a as isScrolledFromInlineStart}from"./scroll-DtgUQhjl.js";import{s as setupTruncationTooltip}from"./truncation-tooltip-FaW67DiY.js";import"./keep-hydrated-BLG6RDBt.js";import"./floating-ui.dom-BPqJgIq6.js";var pdsTableCellCss=function(){return":host{--box-shadow-fixed:3px 3px 6px -2px rgba(0, 0, 0, 0.2);color:var(--pine-color-text);display:table-cell;font-family:var(--pine-font-family-body);font-size:var(--pine-font-size);font-weight:var(--pine-font-weight-regular);inset-inline-start:var(--pine-dimension-none);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);padding:var(--pine-dimension-sm);vertical-align:middle}:host(.is-compact){padding-block:var(--pine-dimension-2xs)}:host(.is-fixed){background:var(--pine-color-background-container);inset-inline-start:0;position:-webkit-sticky;position:sticky;z-index:var(--pine-z-index-raised)}:host-context([dir=rtl]){--box-shadow-fixed:-3px 3px 6px -2px rgba(0, 0, 0, 0.2)}:host(.has-scrolled.is-fixed){-webkit-box-shadow:var(--box-shadow-fixed);box-shadow:var(--box-shadow-fixed)}:host(.is-truncated){max-width:var(--pds-table-cell-truncate-max-width, 100px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.has-checkbox){vertical-align:middle;width:16px}:host(.pds-table-cell--align-start){text-align:start}:host(.pds-table-cell--align-center){text-align:center}:host(.pds-table-cell--align-end){text-align:end}:host(.pds-table-cell--align-justify){text-align:justify}"};var PdsTableCell=function(){function t(t){var i=this;registerInstance(this,t);this.scrollContainer=null;this.setupRetries=0;this.truncationCleanup=null;this.hasLoaded=false;this.tableScrolling=false;this.handleScroll=function(){if(!i.scrollContainer){return}try{i.tableScrolling=isScrolledFromInlineStart(i.scrollContainer)}catch(t){console.warn("Scroll handler error:",t)}}}t.prototype.componentWillRender=function(){this.tableRef=this.hostElement.closest("pds-table")};t.prototype.connectedCallback=function(){if(!this.hasLoaded)return;this.tableRef=this.hostElement.closest("pds-table");this.cleanupScrollListener();if(this.needsScrollShadow){this.setupScrollListener()}if(this.truncate){this.initTruncationTooltip()}};t.prototype.componentDidLoad=function(){this.hasLoaded=true;if(this.needsScrollShadow){this.setupScrollListener()}if(this.truncate){this.initTruncationTooltip()}};t.prototype.disconnectedCallback=function(){this.cleanupScrollListener();this.destroyTruncationTooltip()};Object.defineProperty(t.prototype,"needsScrollShadow",{get:function(){var t;return Boolean(((t=this.tableRef)===null||t===void 0?void 0:t.responsive)&&this.tableRef.fixedColumn)},enumerable:false,configurable:true});t.prototype.setupScrollListener=function(){var t=this;var i;if(!this.tableRef)return;var e=(i=this.tableRef.shadowRoot)===null||i===void 0?void 0:i.querySelector(".pds-table-responsive-container");if(e){this.scrollContainer=e;this.scrollContainer.addEventListener("scroll",this.handleScroll,{passive:true});this.handleScroll();this.setupRetries=0}else{this.setupTimer=window.setTimeout((function(){if(t.scrollContainer)return;t.setupRetries=(t.setupRetries||0)+1;if(t.setupRetries<=50){t.setupScrollListener()}else{console.warn("Failed to find responsive container after 50 attempts")}}),100)}};t.prototype.cleanupScrollListener=function(){if(this.scrollContainer){this.scrollContainer.removeEventListener("scroll",this.handleScroll);this.scrollContainer=null}if(this.setupTimer!==undefined){window.clearTimeout(this.setupTimer);this.setupTimer=undefined}this.setupRetries=0};t.prototype.handleTruncateChange=function(t){if(t){this.initTruncationTooltip()}else{this.destroyTruncationTooltip()}};t.prototype.initTruncationTooltip=function(){var t=this;this.destroyTruncationTooltip();this.truncationCleanup=setupTruncationTooltip({hostEl:this.hostElement,contentEl:this.hostElement,getTooltipText:function(){return t.hostElement.textContent||""}})};t.prototype.destroyTruncationTooltip=function(){if(this.truncationCleanup){this.truncationCleanup();this.truncationCleanup=null}};t.prototype.classNames=function(){var t=[];if(this.tableRef&&this.tableRef.compact){t.push("is-compact")}if(this.cellAlign){t.push("pds-table-cell--align-".concat(this.cellAlign))}if(this.truncate){t.push("is-truncated")}if(this.tableRef&&this.tableRef.fixedColumn&&this.tableScrolling){t.push("has-scrolled")}return t.join(" ")};t.prototype.render=function(){return h(Host,{key:"de70a1002cc46e204f87349069b86ca43aa2129a",class:this.classNames(),role:"gridcell",part:"cell",style:this.tableRef&&this.tableRef.fixedColumn&&this.tableRef.selectable?{"--fixed-cell-position":"40px"}:{}},h("slot",{key:"5e2b3308291e480323d7a1ac0575035758fb3695"}))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{truncate:[{handleTruncateChange:0}]}},enumerable:false,configurable:true});return t}();PdsTableCell.style=pdsTableCellCss();export{PdsTableCell as pds_table_cell};
@@ -1 +1 @@
1
- import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-Cw9J31qd.js";import{i as upSmall,d as downSmall}from"./index-BJXk71tO.js";import{a as isScrolledFromInlineStart}from"./scroll-DtgUQhjl.js";import"./keep-hydrated-BLG6RDBt.js";var pdsTableHeadCellCss=function(){return":host{--border-head-cell-default:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);--box-shadow-default:3px 3px 6px -2px rgba(0, 0, 0, 0.1);-webkit-border-after:var(--border-head-cell-default);border-block-end:var(--border-head-cell-default);color:var(--pine-color-text);display:table-cell;font-family:var(--pine-font-family-body);font-size:var(--pine-font-size);font-weight:var(--pine-font-weight-regular);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);padding:var(--pine-dimension-sm);position:relative;text-align:start;vertical-align:inherit}:host(.is-compact){padding-block:var(--pine-dimension-2xs)}:host(.is-fixed){background:var(--pine-color-background-container);inset-inline-start:var(--pine-dimension-none);position:-webkit-sticky;position:sticky;z-index:var(--pine-z-index-raised)}:host(.is-fixed.has-head-background){background-color:var(--pine-color-background-subtle)}:host(.has-head-border){-webkit-border-before:var(--border-head-cell-default);border-block-start:var(--border-head-cell-default)}:host-context([dir=rtl]){--box-shadow-default:-3px 3px 6px -2px rgba(0, 0, 0, 0.1)}:host(.has-scrolled.is-fixed){-webkit-box-shadow:var(--box-shadow-default);box-shadow:var(--box-shadow-default)}:host(.is-sortable){cursor:pointer}:host(.is-sortable) pds-icon{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs);-webkit-padding-before:2px;padding-block-start:2px;position:absolute}:host(.is-sortable:hover),:host(.is-active){color:var(--pine-color-text-strong)}:host(.pds-table-head-cell--align-start){text-align:start}:host(.pds-table-head-cell--align-center){text-align:center}:host(.pds-table-head-cell--align-end){text-align:end}:host(.pds-table-head-cell--align-justify){text-align:justify}"};var PdsTableHeadCell=function(){function t(t){var e=this;registerInstance(this,t);this.pdsTableSort=createEvent(this,"pdsTableSort");this.scrollContainer=null;this.setupRetries=0;this.sortingDirection="asc";this.tableScrolling=false;this.isSelected=false;this.hasHeadBorder=false;this.hasHeadBackground=false;this.isActive=false;this.handleScroll=function(){if(!e.scrollContainer){return}try{e.tableScrolling=isScrolledFromInlineStart(e.scrollContainer)}catch(t){console.warn("Scroll handler error:",t)}};this.toggleSort=function(){if(e.sortable){if(!e.tableRef){return}var t=e.hostElement.innerText.trim();e.sortingDirection=e.sortingDirection==="asc"?"desc":"asc";e.tableRef.querySelectorAll("pds-table-head-cell").forEach((function(t){return __awaiter(e,void 0,void 0,(function(){var e;return __generator(this,(function(i){switch(i.label){case 0:if(!(t!==this.hostElement))return[3,2];e=t;return[4,e.clearActiveSort()];case 1:i.sent();i.label=2;case 2:return[2]}}))}))}));e.isActive=true;e.hostElement.classList.add("is-active");e.pdsTableSort.emit({column:t,direction:e.sortingDirection})}}}t.prototype.setActiveSort=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(!this.sortable)return[2];this.sortingDirection=t;this.isActive=true;this.hostElement.classList.add("is-active");return[2]}))}))};t.prototype.clearActiveSort=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.isActive=false;this.hostElement.classList.remove("is-active");return[2]}))}))};t.prototype.componentWillLoad=function(){this.tableRef=this.hostElement.closest("pds-table");var t=this.hostElement.closest("pds-table-head");if(t){this.hasHeadBorder=t.hasAttribute("border");this.hasHeadBackground=t.hasAttribute("background")}};t.prototype.componentDidLoad=function(){var t=this;if(this.tableRef&&this.tableRef.responsive&&this.tableRef.fixedColumn){this.setupScrollListener()}var e=this.hostElement.closest("pds-table-head");if(e&&typeof MutationObserver!=="undefined"){if(this.headObserver){this.headObserver.disconnect()}this.headObserver=new MutationObserver((function(){t.hasHeadBorder=e.hasAttribute("border");t.hasHeadBackground=e.hasAttribute("background")}));this.headObserver.observe(e,{attributes:true,attributeFilter:["border","background"]})}};t.prototype.disconnectedCallback=function(){this.cleanupScrollListener();if(this.headObserver){this.headObserver.disconnect()}};t.prototype.setupScrollListener=function(){var t=this;var e;if(!this.tableRef)return;var i=(e=this.tableRef.shadowRoot)===null||e===void 0?void 0:e.querySelector(".pds-table-responsive-container");if(i){this.scrollContainer=i;this.scrollContainer.addEventListener("scroll",this.handleScroll,{passive:true});this.handleScroll();this.setupRetries=0}else{this.setupTimer=window.setTimeout((function(){if(t.scrollContainer)return;t.setupRetries=(t.setupRetries||0)+1;if(t.setupRetries<=50){t.setupScrollListener()}else{console.warn("Failed to find responsive container after 50 attempts")}}),100)}};t.prototype.cleanupScrollListener=function(){if(this.scrollContainer){this.scrollContainer.removeEventListener("scroll",this.handleScroll);this.scrollContainer=null}if(this.setupTimer!==undefined){window.clearTimeout(this.setupTimer);this.setupTimer=undefined}this.setupRetries=0};t.prototype.classNames=function(){var t=[];if(this.tableRef&&this.tableRef.compact){t.push("is-compact")}if(this.cellAlign){t.push("pds-table-head-cell--align-".concat(this.cellAlign))}if(this.sortable){t.push("is-sortable")}if(this.sortable&&this.sortingDirection!==null){t.push("sort-"+this.sortingDirection)}if(this.tableRef&&this.tableRef.fixedColumn&&this.tableScrolling){t.push("has-scrolled")}if(this.hasHeadBackground){t.push("has-head-background")}if(this.hasHeadBorder){t.push("has-head-border")}return t.join(" ")};t.prototype.render=function(){return h(Host,{key:"13de42d136c5b037cd1545cd5b789b4660e23b87",class:this.classNames(),role:"columnheader",onClick:this.toggleSort,part:"head-cell",style:this.tableRef&&this.tableRef.fixedColumn&&this.tableRef.selectable?{"--fixed-cell-position":"40px"}:{}},h("slot",{key:"96084d87a34d7b601a8e8325f344f1fe6601204e"}),this.sortable&&this.isActive&&h("pds-icon",{key:"cba838fa029b280561676c2b57af7f8f00055511",icon:this.sortingDirection==="asc"?upSmall:downSmall,part:"sort-icon"}))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();PdsTableHeadCell.style=pdsTableHeadCellCss();export{PdsTableHeadCell as pds_table_head_cell};
1
+ import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-Cw9J31qd.js";import{i as upSmall,d as downSmall}from"./index-BWDu62Mo.js";import{a as isScrolledFromInlineStart}from"./scroll-DtgUQhjl.js";import"./keep-hydrated-BLG6RDBt.js";var pdsTableHeadCellCss=function(){return":host{--border-head-cell-default:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);--box-shadow-default:3px 3px 6px -2px rgba(0, 0, 0, 0.1);-webkit-border-after:var(--border-head-cell-default);border-block-end:var(--border-head-cell-default);color:var(--pine-color-text);display:table-cell;font-family:var(--pine-font-family-body);font-size:var(--pine-font-size);font-weight:var(--pine-font-weight-regular);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);padding:var(--pine-dimension-sm);position:relative;text-align:start;vertical-align:inherit}:host(.is-compact){padding-block:var(--pine-dimension-2xs)}:host(.is-fixed){background:var(--pine-color-background-container);inset-inline-start:var(--pine-dimension-none);position:-webkit-sticky;position:sticky;z-index:var(--pine-z-index-raised)}:host(.is-fixed.has-head-background){background-color:var(--pine-color-background-subtle)}:host(.has-head-border){-webkit-border-before:var(--border-head-cell-default);border-block-start:var(--border-head-cell-default)}:host-context([dir=rtl]){--box-shadow-default:-3px 3px 6px -2px rgba(0, 0, 0, 0.1)}:host(.has-scrolled.is-fixed){-webkit-box-shadow:var(--box-shadow-default);box-shadow:var(--box-shadow-default)}:host(.is-sortable){cursor:pointer}:host(.is-sortable) pds-icon{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs);-webkit-padding-before:2px;padding-block-start:2px;position:absolute}:host(.is-sortable:hover),:host(.is-active){color:var(--pine-color-text-strong)}:host(.pds-table-head-cell--align-start){text-align:start}:host(.pds-table-head-cell--align-center){text-align:center}:host(.pds-table-head-cell--align-end){text-align:end}:host(.pds-table-head-cell--align-justify){text-align:justify}"};var PdsTableHeadCell=function(){function t(t){var e=this;registerInstance(this,t);this.pdsTableSort=createEvent(this,"pdsTableSort");this.scrollContainer=null;this.setupRetries=0;this.sortingDirection="asc";this.tableScrolling=false;this.isSelected=false;this.hasHeadBorder=false;this.hasHeadBackground=false;this.isActive=false;this.handleScroll=function(){if(!e.scrollContainer){return}try{e.tableScrolling=isScrolledFromInlineStart(e.scrollContainer)}catch(t){console.warn("Scroll handler error:",t)}};this.toggleSort=function(){if(e.sortable){if(!e.tableRef){return}var t=e.hostElement.innerText.trim();e.sortingDirection=e.sortingDirection==="asc"?"desc":"asc";e.tableRef.querySelectorAll("pds-table-head-cell").forEach((function(t){return __awaiter(e,void 0,void 0,(function(){var e;return __generator(this,(function(i){switch(i.label){case 0:if(!(t!==this.hostElement))return[3,2];e=t;return[4,e.clearActiveSort()];case 1:i.sent();i.label=2;case 2:return[2]}}))}))}));e.isActive=true;e.hostElement.classList.add("is-active");e.pdsTableSort.emit({column:t,direction:e.sortingDirection})}}}t.prototype.setActiveSort=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(!this.sortable)return[2];this.sortingDirection=t;this.isActive=true;this.hostElement.classList.add("is-active");return[2]}))}))};t.prototype.clearActiveSort=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.isActive=false;this.hostElement.classList.remove("is-active");return[2]}))}))};t.prototype.componentWillLoad=function(){this.tableRef=this.hostElement.closest("pds-table");var t=this.hostElement.closest("pds-table-head");if(t){this.hasHeadBorder=t.hasAttribute("border");this.hasHeadBackground=t.hasAttribute("background")}};t.prototype.componentDidLoad=function(){var t=this;if(this.tableRef&&this.tableRef.responsive&&this.tableRef.fixedColumn){this.setupScrollListener()}var e=this.hostElement.closest("pds-table-head");if(e&&typeof MutationObserver!=="undefined"){if(this.headObserver){this.headObserver.disconnect()}this.headObserver=new MutationObserver((function(){t.hasHeadBorder=e.hasAttribute("border");t.hasHeadBackground=e.hasAttribute("background")}));this.headObserver.observe(e,{attributes:true,attributeFilter:["border","background"]})}};t.prototype.disconnectedCallback=function(){this.cleanupScrollListener();if(this.headObserver){this.headObserver.disconnect()}};t.prototype.setupScrollListener=function(){var t=this;var e;if(!this.tableRef)return;var i=(e=this.tableRef.shadowRoot)===null||e===void 0?void 0:e.querySelector(".pds-table-responsive-container");if(i){this.scrollContainer=i;this.scrollContainer.addEventListener("scroll",this.handleScroll,{passive:true});this.handleScroll();this.setupRetries=0}else{this.setupTimer=window.setTimeout((function(){if(t.scrollContainer)return;t.setupRetries=(t.setupRetries||0)+1;if(t.setupRetries<=50){t.setupScrollListener()}else{console.warn("Failed to find responsive container after 50 attempts")}}),100)}};t.prototype.cleanupScrollListener=function(){if(this.scrollContainer){this.scrollContainer.removeEventListener("scroll",this.handleScroll);this.scrollContainer=null}if(this.setupTimer!==undefined){window.clearTimeout(this.setupTimer);this.setupTimer=undefined}this.setupRetries=0};t.prototype.classNames=function(){var t=[];if(this.tableRef&&this.tableRef.compact){t.push("is-compact")}if(this.cellAlign){t.push("pds-table-head-cell--align-".concat(this.cellAlign))}if(this.sortable){t.push("is-sortable")}if(this.sortable&&this.sortingDirection!==null){t.push("sort-"+this.sortingDirection)}if(this.tableRef&&this.tableRef.fixedColumn&&this.tableScrolling){t.push("has-scrolled")}if(this.hasHeadBackground){t.push("has-head-background")}if(this.hasHeadBorder){t.push("has-head-border")}return t.join(" ")};t.prototype.render=function(){return h(Host,{key:"13de42d136c5b037cd1545cd5b789b4660e23b87",class:this.classNames(),role:"columnheader",onClick:this.toggleSort,part:"head-cell",style:this.tableRef&&this.tableRef.fixedColumn&&this.tableRef.selectable?{"--fixed-cell-position":"40px"}:{}},h("slot",{key:"96084d87a34d7b601a8e8325f344f1fe6601204e"}),this.sortable&&this.isActive&&h("pds-icon",{key:"79606519d810dc9882a91cbc3b6a199457086631",icon:this.sortingDirection==="asc"?upSmall:downSmall,part:"sort-icon","aria-hidden":"true"}))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();PdsTableHeadCell.style=pdsTableHeadCellCss();export{PdsTableHeadCell as pds_table_head_cell};
@@ -1 +1 @@
1
- import{r as registerInstance,h,a as getElement}from"./index-Cw9J31qd.js";import{s as setColor}from"./utils-OYK5-nwe.js";import{s as setupTruncationTooltip}from"./truncation-tooltip-DRXsdKk1.js";import{TEXT_SIZES}from"./index.js";import"./keep-hydrated-BLG6RDBt.js";import"./floating-ui.dom-BPqJgIq6.js";var pdsTextCss=function(){return":host{display:inline}:host([decoration=underline-dotted])>*{-webkit-text-decoration-color:var(--pine-color-text-tertiary);text-decoration-color:var(--pine-color-text-tertiary);-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-decoration-thickness:12%;text-underline-offset:0.3rem;text-underline-position:under}:host([decoration=strikethrough])>*{text-decoration:line-through}h1{font:var(--pine-typography-heading-1);letter-spacing:var(--pine-letter-spacing-heading-1)}h2{font:var(--pine-typography-heading-2);letter-spacing:var(--pine-letter-spacing-heading-2)}h3{font:var(--pine-typography-heading-3);letter-spacing:var(--pine-letter-spacing-heading-3)}h4{font:var(--pine-typography-heading-4);letter-spacing:var(--pine-letter-spacing-heading-4)}h5{font:var(--pine-typography-heading-5);letter-spacing:var(--pine-letter-spacing-heading-5)}h6{font:var(--pine-typography-heading-6);letter-spacing:var(--pine-letter-spacing-heading-6)}code,em,p,pre,strong{font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing)}code,pre{font-family:monospace;letter-spacing:0;line-height:1}em{font-style:normal}strong{font-weight:bolder}:host([truncate]){display:block;min-width:0}:host([truncate])>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([italic])>*{font-style:italic}.pds-text{color:var(--color, var(--pine-color-text));margin:var(--pine-dimension-none)}.pds-text--size-2xl{font-size:var(--pine-font-size-body-2xl)}.pds-text--size-xl{font-size:var(--pine-font-size-body-xl)}.pds-text--size-lg{font-size:var(--pine-font-size-body-lg)}.pds-text--size-md{font-size:var(--pine-font-size-body-md)}.pds-text--size-sm{font-size:var(--pine-font-size-body-sm)}.pds-text--size-xs{font-size:var(--pine-font-size-body-xs)}.pds-text--size-2xs{font-size:var(--pine-font-size-body-2xs)}.pds-text--size-h1{font-size:var(--pine-font-size-heading-1)}.pds-text--size-h2{font-size:var(--pine-font-size-heading-2)}.pds-text--size-h3{font-size:var(--pine-font-size-heading-3)}.pds-text--size-h4{font-size:var(--pine-font-size-heading-4)}.pds-text--size-h5{font-size:var(--pine-font-size-heading-5)}.pds-text--size-h6{font-size:var(--pine-font-size-heading-6)}.pds-text--weight-extra-light{font-weight:var(--pine-font-weight-extra-light)}.pds-text--weight-light{font-weight:var(--pine-font-weight-light)}.pds-text--weight-regular{font-weight:var(--pine-font-weight-regular)}.pds-text--weight-medium{font-weight:var(--pine-font-weight-medium)}.pds-text--weight-semibold{font-weight:var(--pine-font-weight-semi-bold)}.pds-text--weight-bold{font-weight:var(--pine-font-weight-bold)}.pds-text--gutter-2xl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}.pds-text--gutter-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-text--gutter-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-text--gutter-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-text--gutter-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-text--gutter-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-text--gutter-2xs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-text--align-start{text-align:start}.pds-text--align-center{text-align:center}.pds-text--align-end{text-align:end}.pds-text--align-justify{text-align:justify}"};var PdsText=function(){function t(t){registerInstance(this,t);this.truncationCleanup=null;this.tag="p"}t.prototype.handleTruncateChange=function(t){if(t){this.initTruncationTooltip()}else{this.destroyTruncationTooltip()}};t.prototype.validateSize=function(t){if(t==null||t===""){return}if(!TEXT_SIZES.includes(t)){var e=t.length>80?"".concat(t.slice(0,80),"…"):t;console.warn('pds-text: invalid size "'.concat(e,'". Valid values are: ').concat(TEXT_SIZES.join(", "),"."))}};t.prototype.componentWillLoad=function(){this.validateSize(this.size)};t.prototype.connectedCallback=function(){if(this.truncate&&this.contentEl){this.initTruncationTooltip()}};t.prototype.componentDidLoad=function(){if(this.truncate){this.initTruncationTooltip()}};t.prototype.disconnectedCallback=function(){this.destroyTruncationTooltip()};t.prototype.initTruncationTooltip=function(){var t=this;this.destroyTruncationTooltip();if(this.contentEl){this.truncationCleanup=setupTruncationTooltip({hostEl:this.el,contentEl:this.contentEl,getTooltipText:function(){return t.el.textContent||""}})}};t.prototype.destroyTruncationTooltip=function(){if(this.truncationCleanup){this.truncationCleanup();this.truncationCleanup=null}};t.prototype.render=function(){var t=this;var e=this.tag;var i="\n pds-text\n ".concat(this.align!=null&&this.align.trim()!==""?"pds-text--align-".concat(this.align):"","\n ").concat(this.gutter!=null&&this.gutter.trim()!==""?"pds-text--gutter-".concat(this.gutter):"","\n ").concat(this.size!=null&&this.size.trim()!==""?"pds-text--size-".concat(this.size):"","\n ").concat(this.weight!=null&&this.weight.trim()!==""?"pds-text--weight-".concat(this.weight):"","\n ").concat(this.decoration!=null&&this.decoration.trim()!==""?"pds-text--decoration-".concat(this.decoration):"","\n ");return h(e,{key:"6460288f1d395080a39aec214e55cab87fdaec9f",ref:function(e){return t.contentEl=e},style:this.color&&setColor(this.color),class:i,part:"content"},h("slot",{key:"a8be0d96f72d8ee44288d7c8615155dc68d92663"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{truncate:[{handleTruncateChange:0}],size:[{validateSize:0}]}},enumerable:false,configurable:true});return t}();PdsText.style=pdsTextCss();export{PdsText as pds_text};
1
+ import{r as registerInstance,h,a as getElement}from"./index-Cw9J31qd.js";import{s as setColor}from"./utils-OYK5-nwe.js";import{s as setupTruncationTooltip}from"./truncation-tooltip-FaW67DiY.js";import{TEXT_SIZES}from"./index.js";import"./keep-hydrated-BLG6RDBt.js";import"./floating-ui.dom-BPqJgIq6.js";var pdsTextCss=function(){return":host{display:inline}:host([decoration=underline-dotted])>*{-webkit-text-decoration-color:var(--pine-color-text-tertiary);text-decoration-color:var(--pine-color-text-tertiary);-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-decoration-thickness:12%;text-underline-offset:0.3rem;text-underline-position:under}:host([decoration=strikethrough])>*{text-decoration:line-through}h1{font:var(--pine-typography-heading-1);letter-spacing:var(--pine-letter-spacing-heading-1)}h2{font:var(--pine-typography-heading-2);letter-spacing:var(--pine-letter-spacing-heading-2)}h3{font:var(--pine-typography-heading-3);letter-spacing:var(--pine-letter-spacing-heading-3)}h4{font:var(--pine-typography-heading-4);letter-spacing:var(--pine-letter-spacing-heading-4)}h5{font:var(--pine-typography-heading-5);letter-spacing:var(--pine-letter-spacing-heading-5)}h6{font:var(--pine-typography-heading-6);letter-spacing:var(--pine-letter-spacing-heading-6)}code,em,p,pre,strong{font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing)}code,pre{font-family:monospace;letter-spacing:0;line-height:1}em{font-style:normal}strong{font-weight:bolder}:host([truncate]){display:block;min-width:0}:host([truncate])>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([italic])>*{font-style:italic}.pds-text{color:var(--color, var(--pine-color-text));margin:var(--pine-dimension-none)}.pds-text--size-2xl{font-size:var(--pine-font-size-body-2xl)}.pds-text--size-xl{font-size:var(--pine-font-size-body-xl)}.pds-text--size-lg{font-size:var(--pine-font-size-body-lg)}.pds-text--size-md{font-size:var(--pine-font-size-body-md)}.pds-text--size-sm{font-size:var(--pine-font-size-body-sm)}.pds-text--size-xs{font-size:var(--pine-font-size-body-xs)}.pds-text--size-2xs{font-size:var(--pine-font-size-body-2xs)}.pds-text--size-h1{font-size:var(--pine-font-size-heading-1)}.pds-text--size-h2{font-size:var(--pine-font-size-heading-2)}.pds-text--size-h3{font-size:var(--pine-font-size-heading-3)}.pds-text--size-h4{font-size:var(--pine-font-size-heading-4)}.pds-text--size-h5{font-size:var(--pine-font-size-heading-5)}.pds-text--size-h6{font-size:var(--pine-font-size-heading-6)}.pds-text--weight-extra-light{font-weight:var(--pine-font-weight-extra-light)}.pds-text--weight-light{font-weight:var(--pine-font-weight-light)}.pds-text--weight-regular{font-weight:var(--pine-font-weight-regular)}.pds-text--weight-medium{font-weight:var(--pine-font-weight-medium)}.pds-text--weight-semibold{font-weight:var(--pine-font-weight-semi-bold)}.pds-text--weight-bold{font-weight:var(--pine-font-weight-bold)}.pds-text--gutter-2xl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}.pds-text--gutter-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-text--gutter-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-text--gutter-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-text--gutter-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-text--gutter-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-text--gutter-2xs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-text--align-start{text-align:start}.pds-text--align-center{text-align:center}.pds-text--align-end{text-align:end}.pds-text--align-justify{text-align:justify}"};var PdsText=function(){function t(t){registerInstance(this,t);this.truncationCleanup=null;this.tag="p"}t.prototype.handleTruncateChange=function(t){if(t){this.initTruncationTooltip()}else{this.destroyTruncationTooltip()}};t.prototype.validateSize=function(t){if(t==null||t===""){return}if(!TEXT_SIZES.includes(t)){var e=t.length>80?"".concat(t.slice(0,80),"…"):t;console.warn('pds-text: invalid size "'.concat(e,'". Valid values are: ').concat(TEXT_SIZES.join(", "),"."))}};t.prototype.componentWillLoad=function(){this.validateSize(this.size)};t.prototype.connectedCallback=function(){if(this.truncate&&this.contentEl){this.initTruncationTooltip()}};t.prototype.componentDidLoad=function(){if(this.truncate){this.initTruncationTooltip()}};t.prototype.disconnectedCallback=function(){this.destroyTruncationTooltip()};t.prototype.initTruncationTooltip=function(){var t=this;this.destroyTruncationTooltip();if(this.contentEl){this.truncationCleanup=setupTruncationTooltip({hostEl:this.el,contentEl:this.contentEl,getTooltipText:function(){return t.el.textContent||""}})}};t.prototype.destroyTruncationTooltip=function(){if(this.truncationCleanup){this.truncationCleanup();this.truncationCleanup=null}};t.prototype.render=function(){var t=this;var e=this.tag;var i="\n pds-text\n ".concat(this.align!=null&&this.align.trim()!==""?"pds-text--align-".concat(this.align):"","\n ").concat(this.gutter!=null&&this.gutter.trim()!==""?"pds-text--gutter-".concat(this.gutter):"","\n ").concat(this.size!=null&&this.size.trim()!==""?"pds-text--size-".concat(this.size):"","\n ").concat(this.weight!=null&&this.weight.trim()!==""?"pds-text--weight-".concat(this.weight):"","\n ").concat(this.decoration!=null&&this.decoration.trim()!==""?"pds-text--decoration-".concat(this.decoration):"","\n ");return h(e,{key:"6460288f1d395080a39aec214e55cab87fdaec9f",ref:function(e){return t.contentEl=e},style:this.color&&setColor(this.color),class:i,part:"content"},h("slot",{key:"a8be0d96f72d8ee44288d7c8615155dc68d92663"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{truncate:[{handleTruncateChange:0}],size:[{validateSize:0}]}},enumerable:false,configurable:true});return t}();PdsText.style=pdsTextCss();export{PdsText as pds_text};
@@ -1 +1 @@
1
- import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-Cw9J31qd.js";import{i as isSpecTest,b as isRequired,e as exposeTypeProperty,a as assignDescription,m as messageId}from"./form-BuRbS7Hp.js";import{d as debounceEvent,f as flushDebouncedEvent,c as cancelDebouncedEvent}from"./utils-OYK5-nwe.js";import{i as inheritAriaAttributes,a as inheritAttributes}from"./attributes-WXw_I_uJ.js";import{b as danger}from"./index-BJXk71tO.js";import{f as formatMessage}from"./i18n-format-BJgZHCWe.js";import"./keep-hydrated-BLG6RDBt.js";var labelCss=function(){return":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}"};var pdsInputTokensCss=function(){return":host{--pine-input-color-background-danger:var(--pine-color-red-050)}"};var pdsTextareaCss=function(){return":host{display:inline-block;width:100%}:host([aria-readonly=true]) textarea{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-readonly)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([aria-readonly=true])) .pds-textarea__field:not(.is-invalid){background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-accent);color:var(--pine-color-text-accent)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([aria-readonly=true])) .pds-textarea__field:not(.is-invalid):hover{border-color:var(--pine-color-accent-hover)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([aria-readonly=true])) .pds-textarea__field:not(.is-invalid):focus-visible{outline-color:var(--pine-color-focus-ring)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([aria-readonly=true])) .pds-textarea__field:not(.is-invalid)~.pds-textarea__character-counter{background:color-mix(in srgb, var(--pine-color-accent-disabled) 80%, transparent);color:var(--pine-color-text-accent)}.pds-textarea{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.pds-textarea__label-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.pds-textarea__action{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}label{display:block;-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-textarea__label-wrapper label{-webkit-margin-after:0;margin-block-end:0}.pds-textarea__helper-message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-textarea__error-message{color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;font:var(--pine-typography-body-sm-medium);gap:var(--pine-dimension-2xs);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-textarea__error-message pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.pds-textarea__field-wrapper{display:inline-block;position:relative;width:100%}.pds-textarea__field{background-color:var(--pine-color-background-container);border:var(--pine-border);border-radius:calc(var(--pine-dimension-xs) * 1.25);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text);font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);min-height:calc(var(--pine-dimension-xl) * 2);min-width:calc(var(--pine-dimension-xl) * 2);padding:var(--pine-dimension-xs) var(--pine-dimension-sm);resize:both;width:100%}:host([max-length]) .pds-textarea__field{padding-bottom:calc(var(--pine-dimension-xs) + var(--pine-dimension-md))}.pds-textarea__field:hover:not(:disabled,.is-invalid){border:var(--pine-border-hover)}.pds-textarea__field:disabled{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}.pds-textarea__field:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-textarea__field::-webkit-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field::-moz-placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field:-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field::-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field::placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field.is-invalid{background-color:var(--pine-input-color-background-danger);border-color:var(--pine-color-border-danger)}:host-context([data-theme=dark]) .pds-textarea__field.is-invalid{background-color:var(--pine-color-red-950)}.pds-textarea__field.is-invalid:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-textarea__character-counter{background:color-mix(in srgb, var(--pine-color-background-container) 80%, transparent);border-radius:calc(var(--pine-dimension-2xs) * 0.5);color:var(--pine-color-text-muted);font:var(--pine-typography-body-sm-medium);padding:calc(var(--pine-dimension-2xs) * 0.5) var(--pine-dimension-2xs);pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;z-index:var(--pine-z-index)}:host([aria-disabled=true]) .pds-textarea__character-counter{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-disabled)}:host([aria-readonly=true]) .pds-textarea__character-counter{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-readonly)}.pds-textarea__field.is-invalid~.pds-textarea__character-counter{background-color:var(--pine-input-color-background-danger)}:host-context([data-theme=dark]) .pds-textarea__field.is-invalid~.pds-textarea__character-counter{background-color:var(--pine-color-red-950)}.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 PdsTextarea=function(){function e(e){var t=this;registerInstance(this,e);this.pdsBlur=createEvent(this,"pdsBlur");this.pdsFocus=createEvent(this,"pdsFocus");this.pdsInput=createEvent(this,"pdsInput");this.pdsTextareaChange=createEvent(this,"pdsTextareaChange");this.pdsKeyDown=createEvent(this,"pdsKeyDown");this.inheritedAttributes={};this._type="textarea";this.disabled=false;this.invalid=false;this.name=this.componentId;this.readonly=false;this.required=false;this.value="";this.hasFocus=false;this.hasAction=false;this.characterCountLabel="{current} of {max} characters";this.onBlur=function(e){t.hasFocus=false;if(t.focusedValue!==t.value){t.emitValueChange(e)}t.pdsBlur.emit(e)};this.onFocus=function(e){t.hasFocus=true;t.focusedValue=t.value;t.pdsFocus.emit(e)};this.onInput=function(e){var i=e.target;if(i){if(t.maxLength&&i.value.length>t.maxLength){i.value=i.value.substring(0,t.maxLength)}t.value=i.value||""}t.emitInputChange(e);if(t.maxLength&&typeof ResizeObserver!=="undefined"){requestAnimationFrame((function(){t.updateCharacterCounterPosition()}))}};this.onTextareaChange=function(e){t.emitValueChange(e)};this.onKeyDown=function(e){t.pdsKeyDown.emit(e)}}e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.nativeTextarea){this.nativeTextarea.focus()}return[2]}))}))};e.prototype.debounceChanged=function(){var e=this,t=e.pdsInput,i=e.debounce,r=e.originalPdsInput;this.pdsInput=i===undefined?r!==null&&r!==void 0?r:t:debounceEvent(t,i);flushDebouncedEvent(t)};e.prototype.valueChanged=function(){var e=this.nativeTextarea;var t=this.getValue();if(e&&e.value!==t){e.value=t}this.updateFormValue();if(this.maxLength&&typeof ResizeObserver!=="undefined"){this.updateCharacterCounterPosition()}};e.prototype.maxLengthChanged=function(){if(this.resizeObserver){this.resizeObserver.disconnect()}if(this.maxLength&&this.nativeTextarea){this.setupResizeObserver()}if(!isSpecTest()&&this.internals&&this.internals.setValidity&&this.nativeTextarea){var e=this.nativeTextarea.value.length>(this.maxLength||0);this.internals.setValidity({tooLong:e},e?"Value exceeds maxLength":"",this.nativeTextarea)}};e.prototype.emitInputChange=function(e){var t=this.value;this.pdsInput.emit({value:t,event:e})};e.prototype.emitValueChange=function(e){var t=e.target;isRequired(t,this);var i=t.value;var r=i==null?i:i.toString();this.focusedValue=r;this.pdsTextareaChange.emit({value:r,event:e})};e.prototype.getValue=function(){return this.value||""};e.prototype.textareaClassNames=function(){var e=["pds-textarea__field"];if(this.invalid&&this.invalid===true){e.push("is-invalid")}return e.join(" ")};e.prototype.connectedCallback=function(){var e;(e=this.originalPdsInput)!==null&&e!==void 0?e:this.originalPdsInput=this.pdsInput;this.debounceChanged();if(this.el.attachInternals&&!this.internals){this.internals=this.el.attachInternals()}};e.prototype.disconnectedCallback=function(){cancelDebouncedEvent(this.pdsInput);if(this.resizeObserver){this.resizeObserver.disconnect()}};e.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign(Object.assign({},inheritAriaAttributes(this.el)),inheritAttributes(this.el));this.hasAction=this.el.querySelector('[slot="action"]')!==null};e.prototype.componentDidLoad=function(){var e=this;this.updateFormValue();this.setupResizeObserver();exposeTypeProperty(this.el,(function(){return e._type}))};e.prototype.setupResizeObserver=function(){var e=this;if(!this.maxLength||!this.nativeTextarea)return;if(typeof ResizeObserver!=="undefined"){this.resizeObserver=new ResizeObserver((function(){requestAnimationFrame((function(){e.updateCharacterCounterPosition()}))}));this.resizeObserver.observe(this.nativeTextarea);requestAnimationFrame((function(){e.updateCharacterCounterPosition()}))}};e.prototype.updateCharacterCounterPosition=function(){if(!this.characterCounter||!this.nativeTextarea)return;if(typeof ResizeObserver==="undefined")return;if(this.characterCounter.offsetWidth===0||this.characterCounter.offsetHeight===0){return}var e=this.nativeTextarea.offsetWidth;var t=this.nativeTextarea.offsetHeight;var i=this.characterCounter.offsetWidth;var r=this.characterCounter.offsetHeight;var a=e-i-8;var s=t-r-8;var n=Math.max(8,Math.min(a,e-i-8));var o=Math.max(8,Math.min(s,t-r-8));this.characterCounter.style.position="absolute";this.characterCounter.style.left="".concat(n,"px");this.characterCounter.style.top="".concat(o,"px");this.characterCounter.style.right="auto";this.characterCounter.style.bottom="auto"};e.prototype.renderCharacterCounter=function(){var e=this;if(!this.maxLength){return null}var t=this.getValue().length;return h("div",{class:"pds-textarea__character-counter",ref:function(t){return e.characterCounter=t},role:"status","aria-live":"polite","aria-label":formatMessage(this.characterCountLabel,{current:t,max:this.maxLength})},t," / ",this.maxLength)};e.prototype.renderAction=function(){var e=this.el.querySelector('[slot="action"]')!==null;if(e){return h("div",{class:"pds-textarea__action",part:"action"},h("slot",{name:"action"}))}return null};e.prototype.updateFormValue=function(){if(isSpecTest())return;if(this.internals&&this.internals.setFormValue){var e=this.getValue();this.internals.setFormValue(e||null);if(this.nativeTextarea&&this.internals&&this.internals.setValidity){this.internals.setValidity(this.nativeTextarea.validity,this.nativeTextarea.validationMessage,this.nativeTextarea)}}};e.prototype.formResetCallback=function(){this.value="";this.updateFormValue()};e.prototype.formDisabledCallback=function(e){this.disabled=e};e.prototype.formStateRestoreCallback=function(e){if(typeof e==="string"){this.value=e}else if(e instanceof FormData&&this.name){var t=e.get(this.name);if(typeof t==="string"){this.value=t}}};e.prototype.render=function(){var e=this;var t=this.getValue();return h(Host,{key:"5933dab0c3cd25b1cf2f6851ece8e8064bc7f3b9","aria-disabled":this.disabled?"true":null,"aria-readonly":this.readonly?"true":null,"has-action":this.hasAction&&!this.hideLabel?"true":null},h("div",{key:"4f1752514d8e5b0f0e3439515cb9e5f043607da1",class:"pds-textarea"},this.label&&h("div",{key:"d4e6df0b381d781b70eeae72ff2f0e9428c0d901",class:"pds-textarea__label-wrapper"},h("label",{key:"747d82067eb571d02840cfd981865821099f288b",htmlFor:this.componentId},h("span",{key:"bfab6e8ede66d0169dd020b7dd97e125aba417b0",class:this.hideLabel?"visually-hidden":""},this.label)),!this.hideLabel&&this.renderAction()),h("div",{key:"a18611c03270e7491c1af69f931419c832192c06",class:"pds-textarea__field-wrapper"},h("textarea",Object.assign({key:"868382c7b04a4e59c0daa9d98afcdc9048f6224f",ref:function(t){return e.nativeTextarea=t},"aria-describedby":assignDescription(this.componentId,this.invalid,this.helperMessage,this.errorMessage),"aria-invalid":this.invalid?"true":undefined,autocomplete:this.autocomplete,class:this.textareaClassNames(),disabled:this.disabled,id:this.componentId,maxlength:this.maxLength,name:this.name,placeholder:this.placeholder,readOnly:this.readonly,required:this.required,rows:this.rows,onBlur:this.onBlur,onChange:this.onTextareaChange,onFocus:this.onFocus,onInput:this.onInput,onKeyDown:this.onKeyDown},this.inheritedAttributes),t),this.renderCharacterCounter()),this.helperMessage&&h("p",{key:"dcb36f21443d2a782c25b7c29c4ce6215f3b212b",class:"pds-textarea__helper-message",id:messageId(this.componentId,"helper")},this.helperMessage),this.invalid&&h("p",{key:"be30fb1a38453296e26b775955389c0ec569df67","aria-live":"assertive",class:"pds-textarea__error-message",id:messageId(this.componentId,"error")},h("pds-icon",{key:"d93dce10d9d9db5815ac5f331848940aed735ba0",icon:danger,size:"small"}),this.errorMessage)))};Object.defineProperty(e,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{debounce:[{debounceChanged:0}],value:[{valueChanged:0}],maxLength:[{maxLengthChanged:0}]}},enumerable:false,configurable:true});return e}();PdsTextarea.style=labelCss()+(pdsInputTokensCss()+pdsTextareaCss());export{PdsTextarea as pds_textarea};
1
+ import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-Cw9J31qd.js";import{i as isSpecTest,b as isRequired,e as exposeTypeProperty,a as assignDescription,m as messageId}from"./form-BuRbS7Hp.js";import{d as debounceEvent,f as flushDebouncedEvent,c as cancelDebouncedEvent}from"./utils-OYK5-nwe.js";import{i as inheritAriaAttributes,a as inheritAttributes}from"./attributes-WXw_I_uJ.js";import{b as danger}from"./index-BWDu62Mo.js";import{f as formatMessage}from"./i18n-format-BJgZHCWe.js";import"./keep-hydrated-BLG6RDBt.js";var labelCss=function(){return":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}"};var pdsInputTokensCss=function(){return":host{--pine-input-color-background-danger:var(--pine-color-red-050)}"};var pdsTextareaCss=function(){return":host{display:inline-block;width:100%}:host([aria-readonly=true]) textarea{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-readonly)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([aria-readonly=true])) .pds-textarea__field:not(.is-invalid){background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-accent);color:var(--pine-color-text-accent)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([aria-readonly=true])) .pds-textarea__field:not(.is-invalid):hover{border-color:var(--pine-color-accent-hover)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([aria-readonly=true])) .pds-textarea__field:not(.is-invalid):focus-visible{outline-color:var(--pine-color-focus-ring)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([aria-readonly=true])) .pds-textarea__field:not(.is-invalid)~.pds-textarea__character-counter{background:color-mix(in srgb, var(--pine-color-accent-disabled) 80%, transparent);color:var(--pine-color-text-accent)}.pds-textarea{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.pds-textarea__label-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.pds-textarea__action{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}label{display:block;-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-textarea__label-wrapper label{-webkit-margin-after:0;margin-block-end:0}.pds-textarea__helper-message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-textarea__error-message{color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;font:var(--pine-typography-body-sm-medium);gap:var(--pine-dimension-2xs);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-textarea__error-message pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.pds-textarea__field-wrapper{display:inline-block;position:relative;width:100%}.pds-textarea__field{background-color:var(--pine-color-background-container);border:var(--pine-border);border-radius:calc(var(--pine-dimension-xs) * 1.25);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text);font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);min-height:calc(var(--pine-dimension-xl) * 2);min-width:calc(var(--pine-dimension-xl) * 2);padding:var(--pine-dimension-xs) var(--pine-dimension-sm);resize:both;width:100%}:host([max-length]) .pds-textarea__field{padding-bottom:calc(var(--pine-dimension-xs) + var(--pine-dimension-md))}.pds-textarea__field:hover:not(:disabled,.is-invalid){border:var(--pine-border-hover)}.pds-textarea__field:disabled{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}.pds-textarea__field:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-textarea__field::-webkit-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field::-moz-placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field:-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field::-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field::placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field.is-invalid{background-color:var(--pine-input-color-background-danger);border-color:var(--pine-color-border-danger)}:host-context([data-theme=dark]) .pds-textarea__field.is-invalid{background-color:var(--pine-color-red-950)}.pds-textarea__field.is-invalid:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-textarea__character-counter{background:color-mix(in srgb, var(--pine-color-background-container) 80%, transparent);border-radius:calc(var(--pine-dimension-2xs) * 0.5);color:var(--pine-color-text-muted);font:var(--pine-typography-body-sm-medium);padding:calc(var(--pine-dimension-2xs) * 0.5) var(--pine-dimension-2xs);pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;z-index:var(--pine-z-index)}:host([aria-disabled=true]) .pds-textarea__character-counter{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-disabled)}:host([aria-readonly=true]) .pds-textarea__character-counter{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-readonly)}.pds-textarea__field.is-invalid~.pds-textarea__character-counter{background-color:var(--pine-input-color-background-danger)}:host-context([data-theme=dark]) .pds-textarea__field.is-invalid~.pds-textarea__character-counter{background-color:var(--pine-color-red-950)}.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 PdsTextarea=function(){function e(e){var t=this;registerInstance(this,e);this.pdsBlur=createEvent(this,"pdsBlur");this.pdsFocus=createEvent(this,"pdsFocus");this.pdsInput=createEvent(this,"pdsInput");this.pdsTextareaChange=createEvent(this,"pdsTextareaChange");this.pdsKeyDown=createEvent(this,"pdsKeyDown");this.inheritedAttributes={};this._type="textarea";this.disabled=false;this.invalid=false;this.name=this.componentId;this.readonly=false;this.required=false;this.value="";this.hasFocus=false;this.hasAction=false;this.characterCountLabel="{current} of {max} characters";this.onBlur=function(e){t.hasFocus=false;if(t.focusedValue!==t.value){t.emitValueChange(e)}t.pdsBlur.emit(e)};this.onFocus=function(e){t.hasFocus=true;t.focusedValue=t.value;t.pdsFocus.emit(e)};this.onInput=function(e){var i=e.target;if(i){if(t.maxLength&&i.value.length>t.maxLength){i.value=i.value.substring(0,t.maxLength)}t.value=i.value||""}t.emitInputChange(e);if(t.maxLength&&typeof ResizeObserver!=="undefined"){requestAnimationFrame((function(){t.updateCharacterCounterPosition()}))}};this.onTextareaChange=function(e){t.emitValueChange(e)};this.onKeyDown=function(e){t.pdsKeyDown.emit(e)}}e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.nativeTextarea){this.nativeTextarea.focus()}return[2]}))}))};e.prototype.debounceChanged=function(){var e=this,t=e.pdsInput,i=e.debounce,r=e.originalPdsInput;this.pdsInput=i===undefined?r!==null&&r!==void 0?r:t:debounceEvent(t,i);flushDebouncedEvent(t)};e.prototype.valueChanged=function(){var e=this.nativeTextarea;var t=this.getValue();if(e&&e.value!==t){e.value=t}this.updateFormValue();if(this.maxLength&&typeof ResizeObserver!=="undefined"){this.updateCharacterCounterPosition()}};e.prototype.maxLengthChanged=function(){if(this.resizeObserver){this.resizeObserver.disconnect()}if(this.maxLength&&this.nativeTextarea){this.setupResizeObserver()}if(!isSpecTest()&&this.internals&&this.internals.setValidity&&this.nativeTextarea){var e=this.nativeTextarea.value.length>(this.maxLength||0);this.internals.setValidity({tooLong:e},e?"Value exceeds maxLength":"",this.nativeTextarea)}};e.prototype.emitInputChange=function(e){var t=this.value;this.pdsInput.emit({value:t,event:e})};e.prototype.emitValueChange=function(e){var t=e.target;isRequired(t,this);var i=t.value;var r=i==null?i:i.toString();this.focusedValue=r;this.pdsTextareaChange.emit({value:r,event:e})};e.prototype.getValue=function(){return this.value||""};e.prototype.textareaClassNames=function(){var e=["pds-textarea__field"];if(this.invalid&&this.invalid===true){e.push("is-invalid")}return e.join(" ")};e.prototype.connectedCallback=function(){var e;(e=this.originalPdsInput)!==null&&e!==void 0?e:this.originalPdsInput=this.pdsInput;this.debounceChanged();if(this.el.attachInternals&&!this.internals){this.internals=this.el.attachInternals()}};e.prototype.disconnectedCallback=function(){cancelDebouncedEvent(this.pdsInput);if(this.resizeObserver){this.resizeObserver.disconnect()}};e.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign(Object.assign({},inheritAriaAttributes(this.el)),inheritAttributes(this.el));this.hasAction=this.el.querySelector('[slot="action"]')!==null};e.prototype.componentDidLoad=function(){var e=this;this.updateFormValue();this.setupResizeObserver();exposeTypeProperty(this.el,(function(){return e._type}))};e.prototype.setupResizeObserver=function(){var e=this;if(!this.maxLength||!this.nativeTextarea)return;if(typeof ResizeObserver!=="undefined"){this.resizeObserver=new ResizeObserver((function(){requestAnimationFrame((function(){e.updateCharacterCounterPosition()}))}));this.resizeObserver.observe(this.nativeTextarea);requestAnimationFrame((function(){e.updateCharacterCounterPosition()}))}};e.prototype.updateCharacterCounterPosition=function(){if(!this.characterCounter||!this.nativeTextarea)return;if(typeof ResizeObserver==="undefined")return;if(this.characterCounter.offsetWidth===0||this.characterCounter.offsetHeight===0){return}var e=this.nativeTextarea.offsetWidth;var t=this.nativeTextarea.offsetHeight;var i=this.characterCounter.offsetWidth;var r=this.characterCounter.offsetHeight;var a=e-i-8;var n=t-r-8;var s=Math.max(8,Math.min(a,e-i-8));var o=Math.max(8,Math.min(n,t-r-8));this.characterCounter.style.position="absolute";this.characterCounter.style.left="".concat(s,"px");this.characterCounter.style.top="".concat(o,"px");this.characterCounter.style.right="auto";this.characterCounter.style.bottom="auto"};e.prototype.renderCharacterCounter=function(){var e=this;if(!this.maxLength){return null}var t=this.getValue().length;return h("div",{class:"pds-textarea__character-counter",ref:function(t){return e.characterCounter=t},role:"status","aria-live":"polite","aria-label":formatMessage(this.characterCountLabel,{current:t,max:this.maxLength})},t," / ",this.maxLength)};e.prototype.renderAction=function(){var e=this.el.querySelector('[slot="action"]')!==null;if(e){return h("div",{class:"pds-textarea__action",part:"action"},h("slot",{name:"action"}))}return null};e.prototype.updateFormValue=function(){if(isSpecTest())return;if(this.internals&&this.internals.setFormValue){var e=this.getValue();this.internals.setFormValue(e||null);if(this.nativeTextarea&&this.internals&&this.internals.setValidity){this.internals.setValidity(this.nativeTextarea.validity,this.nativeTextarea.validationMessage,this.nativeTextarea)}}};e.prototype.formResetCallback=function(){this.value="";this.updateFormValue()};e.prototype.formDisabledCallback=function(e){this.disabled=e};e.prototype.formStateRestoreCallback=function(e){if(typeof e==="string"){this.value=e}else if(e instanceof FormData&&this.name){var t=e.get(this.name);if(typeof t==="string"){this.value=t}}};e.prototype.render=function(){var e=this;var t=this.getValue();return h(Host,{key:"5933dab0c3cd25b1cf2f6851ece8e8064bc7f3b9","aria-disabled":this.disabled?"true":null,"aria-readonly":this.readonly?"true":null,"has-action":this.hasAction&&!this.hideLabel?"true":null},h("div",{key:"4f1752514d8e5b0f0e3439515cb9e5f043607da1",class:"pds-textarea"},this.label&&h("div",{key:"d4e6df0b381d781b70eeae72ff2f0e9428c0d901",class:"pds-textarea__label-wrapper"},h("label",{key:"747d82067eb571d02840cfd981865821099f288b",htmlFor:this.componentId},h("span",{key:"bfab6e8ede66d0169dd020b7dd97e125aba417b0",class:this.hideLabel?"visually-hidden":""},this.label)),!this.hideLabel&&this.renderAction()),h("div",{key:"a18611c03270e7491c1af69f931419c832192c06",class:"pds-textarea__field-wrapper"},h("textarea",Object.assign({key:"868382c7b04a4e59c0daa9d98afcdc9048f6224f",ref:function(t){return e.nativeTextarea=t},"aria-describedby":assignDescription(this.componentId,this.invalid,this.helperMessage,this.errorMessage),"aria-invalid":this.invalid?"true":undefined,autocomplete:this.autocomplete,class:this.textareaClassNames(),disabled:this.disabled,id:this.componentId,maxlength:this.maxLength,name:this.name,placeholder:this.placeholder,readOnly:this.readonly,required:this.required,rows:this.rows,onBlur:this.onBlur,onChange:this.onTextareaChange,onFocus:this.onFocus,onInput:this.onInput,onKeyDown:this.onKeyDown},this.inheritedAttributes),t),this.renderCharacterCounter()),this.helperMessage&&h("p",{key:"dcb36f21443d2a782c25b7c29c4ce6215f3b212b",class:"pds-textarea__helper-message",id:messageId(this.componentId,"helper")},this.helperMessage),this.invalid&&h("p",{key:"be30fb1a38453296e26b775955389c0ec569df67","aria-live":"assertive",class:"pds-textarea__error-message",id:messageId(this.componentId,"error")},h("pds-icon",{key:"853f06489ef6ca50205799659d221bd3bea7d8da","aria-hidden":"true",icon:danger,size:"small"}),this.errorMessage)))};Object.defineProperty(e,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{debounce:[{debounceChanged:0}],value:[{valueChanged:0}],maxLength:[{maxLengthChanged:0}]}},enumerable:false,configurable:true});return e}();PdsTextarea.style=labelCss()+(pdsInputTokensCss()+pdsTextareaCss());export{PdsTextarea as pds_textarea};
@@ -1 +1 @@
1
- import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-Cw9J31qd.js";import"./keep-hydrated-BLG6RDBt.js";var pdsToastCss=function(){return":host{--animation-duration:var(--pine-motion-duration-slow);--animation-timing:var(--pine-motion-easing-in-out);--padding-inline:var(--pine-dimension-md);--padding-inline-desktop:var(--pine-dimension-2xl);--sizing-height-default:68px;--sizing-min-width:calc(var(--sizing-total-width) - (var(--padding-inline) * 2));--sizing-min-width-desktop:calc(var(--sizing-total-width) - (var(--padding-inline-desktop) * 2));--sizing-total-width:350px;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;font:var(--pine-typography-body-medium)}.pds-toast{-ms-flex-align:center;align-items:center;-webkit-animation:pds-toast-animate-in var(--animation-duration) var(--animation-timing);animation:pds-toast-animate-in var(--animation-duration) var(--animation-timing);background-color:var(--pine-color-primary);border-radius:var(--pine-dimension-xs);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);color:var(--pine-color-text-primary);display:-ms-flexbox;display:flex;height:var(--sizing-height-default);-ms-flex-pack:start;justify-content:flex-start;-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs);max-width:90vw;min-width:var(--sizing-min-width);padding:0 var(--padding-inline);position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width: 767px){.pds-toast{height:36px;max-width:calc(100vw - var(--pine-dimension-2xs) * 2);min-width:auto;padding-inline:var(--pine-dimension-2xs)}}.pds-toast--danger{background-color:var(--pine-color-danger)}.pds-toast--loading .pds-toast__loader{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm);position:relative}.pds-toast--loading .pds-toast__loader-spinner{-webkit-animation:pds-toast-rotate 2s linear infinite;animation:pds-toast-rotate 2s linear infinite;height:20px;width:20px}.pds-toast--loading .pds-toast__loader-path{-webkit-animation:pds-toast-dash 1.5s ease-in-out infinite;animation:pds-toast-dash 1.5s ease-in-out infinite;stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round}.pds-toast__icon{color:var(--pine-color-text-primary);display:-ms-inline-flexbox;display:inline-flex;-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm)}.pds-toast__message{font:var(--pine-typography-body-sm-medium);-webkit-margin-end:auto;margin-inline-end:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-toast__message ::slotted(a){color:var(--pine-color-text-primary);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs);opacity:0.7;text-decoration:underline}.pds-toast__message ::slotted(a):hover,.pds-toast__message ::slotted(a):focus-visible{opacity:1}.pds-toast__message ::slotted(a):focus-visible{outline:2px solid var(--pine-color-text-primary);outline-offset:2px}.pds-toast__button{-ms-flex-align:center;align-items:center;background:none;border:0;border-radius:var(--pine-border-radius-full);color:inherit;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);opacity:0.7;padding:0;white-space:nowrap}.pds-toast__button:hover,.pds-toast__button:focus{opacity:1}.pds-toast__button:focus{outline:var(--pine-outline-focus);outline-offset:var(--pine-dimension-2xs)}@-webkit-keyframes pds-toast-animate-in{from{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes pds-toast-animate-in{from{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes pds-toast-animate-out{from{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes pds-toast-animate-out{from{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}@-webkit-keyframes pds-toast-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes pds-toast-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes pds-toast-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}@keyframes pds-toast-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}:host([hidden]) .pds-toast,.pds-toast--animating-out{-webkit-animation:pds-toast-animate-out var(--animation-duration) var(--animation-timing) forwards;animation:pds-toast-animate-out var(--animation-duration) var(--animation-timing) forwards;pointer-events:none;}"};var TOAST_DISMISS_ANIMATION_MS=300;var PdsToast=function(){function t(t){registerInstance(this,t);this.pdsToastDismissed=createEvent(this,"pdsToastDismissed");this.dismissible=true;this.duration=4500;this.type="default";this.dismissLabel="Dismiss message";this.isVisible=true;this.isAnimatingOut=false}t.prototype.componentDidLoad=function(){if(this.duration>0){this.startDismissTimer()}};t.prototype.disconnectedCallback=function(){this.cleanup()};t.prototype.handleDurationChange=function(t){if(this.dismissTimer){window.clearTimeout(this.dismissTimer);this.dismissTimer=undefined}if(t>0){this.startDismissTimer()}};t.prototype.dismiss=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:this.isAnimatingOut=true;return[4,this.waitForDismissAnimation()];case 1:t.sent();this.isVisible=false;this.cleanup();this.pdsToastDismissed.emit({componentId:this.componentId});return[2]}}))}))};t.prototype.waitForDismissAnimation=function(){var t=this.getDismissAnimationDurationMs();if(t<=0){return Promise.resolve()}return new Promise((function(i){return window.setTimeout(i,t)}))};t.prototype.getDismissAnimationDurationMs=function(){if(typeof window==="undefined"){return TOAST_DISMISS_ANIMATION_MS}if(window.matchMedia("(prefers-reduced-motion: reduce)").matches){return 0}var t=this.parseCssDurationToMs(getComputedStyle(this.el).getPropertyValue("--animation-duration").trim());return t!==null&&t!==void 0?t:TOAST_DISMISS_ANIMATION_MS};t.prototype.parseCssDurationToMs=function(t){if(!t){return undefined}if(t==="0"||t==="0ms"||t==="0s"){return 0}if(t.endsWith("ms")){var i=Number.parseFloat(t);return Number.isFinite(i)?i:undefined}if(t.endsWith("s")){var a=Number.parseFloat(t);return Number.isFinite(a)?a*1e3:undefined}return undefined};t.prototype.cleanup=function(){if(this.dismissTimer){window.clearTimeout(this.dismissTimer);this.dismissTimer=undefined}};t.prototype.startDismissTimer=function(){var t=this;this.dismissTimer=window.setTimeout((function(){t.dismiss()}),this.duration)};t.prototype.renderIcon=function(){if(this.type==="loading"){return h("div",{class:"pds-toast__loader"},h("svg",{class:"pds-toast__loader-spinner",viewBox:"25 25 50 50","aria-hidden":"true"},h("circle",{class:"pds-toast__loader-path",cx:"50",cy:"50",r:"20",fill:"none",stroke:"currentColor","stroke-width":"4","stroke-linecap":"round"})))}return this.icon&&h("pds-icon",{name:this.icon,class:"pds-toast__icon"})};t.prototype.render=function(){var t;var i=this;return h(Host,{key:"754a4583cefca47a3d3fea7dab036c06ea8aabcd",hidden:!this.isVisible},h("div",{key:"8ac294344ca459202c0883e724e09a4218342cc4",class:(t={"pds-toast":true},t["pds-toast--".concat(this.type)]=this.type!=="default",t["pds-toast--animating-out"]=this.isAnimatingOut,t),role:"alert","aria-live":"polite"},this.renderIcon(),h("span",{key:"eaf615d41c138e2c73088d29bac9349f49a63ba7",class:"pds-toast__message"},h("slot",{key:"33973447154d80b016f5a7954b0473db03228379"})),this.dismissible&&h("button",{key:"e189834633e1e648282ee43633fd05e53ce38869",type:"button",part:"dismiss",class:"pds-toast__button",onClick:function(){i.dismiss()},"aria-label":this.dismissLabel},h("pds-icon",{key:"623a0e4d56e30781fb31bcd085511c17a4777edc",name:"remove"}))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{duration:[{handleDurationChange:0}]}},enumerable:false,configurable:true});return t}();PdsToast.style=pdsToastCss();export{PdsToast as pds_toast};
1
+ import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-Cw9J31qd.js";import"./keep-hydrated-BLG6RDBt.js";var pdsToastCss=function(){return":host{--animation-duration:var(--pine-motion-duration-slow);--animation-timing:var(--pine-motion-easing-in-out);--padding-inline:var(--pine-dimension-md);--padding-inline-desktop:var(--pine-dimension-2xl);--sizing-height-default:68px;--sizing-min-width:calc(var(--sizing-total-width) - (var(--padding-inline) * 2));--sizing-min-width-desktop:calc(var(--sizing-total-width) - (var(--padding-inline-desktop) * 2));--sizing-total-width:350px;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;font:var(--pine-typography-body-medium)}.pds-toast{-ms-flex-align:center;align-items:center;-webkit-animation:pds-toast-animate-in var(--animation-duration) var(--animation-timing);animation:pds-toast-animate-in var(--animation-duration) var(--animation-timing);background-color:var(--pine-color-primary);border-radius:var(--pine-dimension-xs);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);color:var(--pine-color-text-primary);display:-ms-flexbox;display:flex;height:var(--sizing-height-default);-ms-flex-pack:start;justify-content:flex-start;-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs);max-width:90vw;min-width:var(--sizing-min-width);padding:0 var(--padding-inline);position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width: 767px){.pds-toast{height:36px;max-width:calc(100vw - var(--pine-dimension-2xs) * 2);min-width:auto;padding-inline:var(--pine-dimension-2xs)}}.pds-toast--danger{background-color:var(--pine-color-danger)}.pds-toast--loading .pds-toast__loader{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm);position:relative}.pds-toast--loading .pds-toast__loader-spinner{-webkit-animation:pds-toast-rotate 2s linear infinite;animation:pds-toast-rotate 2s linear infinite;height:20px;width:20px}.pds-toast--loading .pds-toast__loader-path{-webkit-animation:pds-toast-dash 1.5s ease-in-out infinite;animation:pds-toast-dash 1.5s ease-in-out infinite;stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round}.pds-toast__icon{color:var(--pine-color-text-primary);display:-ms-inline-flexbox;display:inline-flex;-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm)}.pds-toast__message{font:var(--pine-typography-body-sm-medium);-webkit-margin-end:auto;margin-inline-end:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-toast__message ::slotted(a){color:var(--pine-color-text-primary);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs);opacity:0.7;text-decoration:underline}.pds-toast__message ::slotted(a):hover,.pds-toast__message ::slotted(a):focus-visible{opacity:1}.pds-toast__message ::slotted(a):focus-visible{outline:2px solid var(--pine-color-text-primary);outline-offset:2px}.pds-toast__button{-ms-flex-align:center;align-items:center;background:none;border:0;border-radius:var(--pine-border-radius-full);color:inherit;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);opacity:0.7;padding:0;white-space:nowrap}.pds-toast__button:hover,.pds-toast__button:focus{opacity:1}.pds-toast__button:focus{outline:var(--pine-outline-focus);outline-offset:var(--pine-dimension-2xs)}@-webkit-keyframes pds-toast-animate-in{from{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes pds-toast-animate-in{from{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes pds-toast-animate-out{from{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes pds-toast-animate-out{from{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}@-webkit-keyframes pds-toast-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes pds-toast-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes pds-toast-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}@keyframes pds-toast-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}:host([hidden]) .pds-toast,.pds-toast--animating-out{-webkit-animation:pds-toast-animate-out var(--animation-duration) var(--animation-timing) forwards;animation:pds-toast-animate-out var(--animation-duration) var(--animation-timing) forwards;pointer-events:none;}"};var TOAST_DISMISS_ANIMATION_MS=300;var PdsToast=function(){function t(t){registerInstance(this,t);this.pdsToastDismissed=createEvent(this,"pdsToastDismissed");this.dismissible=true;this.duration=4500;this.type="default";this.dismissLabel="Dismiss message";this.isVisible=true;this.isAnimatingOut=false}t.prototype.componentDidLoad=function(){if(this.duration>0){this.startDismissTimer()}};t.prototype.disconnectedCallback=function(){this.cleanup()};t.prototype.handleDurationChange=function(t){if(this.dismissTimer){window.clearTimeout(this.dismissTimer);this.dismissTimer=undefined}if(t>0){this.startDismissTimer()}};t.prototype.dismiss=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:this.isAnimatingOut=true;return[4,this.waitForDismissAnimation()];case 1:t.sent();this.isVisible=false;this.cleanup();this.pdsToastDismissed.emit({componentId:this.componentId});return[2]}}))}))};t.prototype.waitForDismissAnimation=function(){var t=this.getDismissAnimationDurationMs();if(t<=0){return Promise.resolve()}return new Promise((function(i){return window.setTimeout(i,t)}))};t.prototype.getDismissAnimationDurationMs=function(){if(typeof window==="undefined"){return TOAST_DISMISS_ANIMATION_MS}if(window.matchMedia("(prefers-reduced-motion: reduce)").matches){return 0}var t=this.parseCssDurationToMs(getComputedStyle(this.el).getPropertyValue("--animation-duration").trim());return t!==null&&t!==void 0?t:TOAST_DISMISS_ANIMATION_MS};t.prototype.parseCssDurationToMs=function(t){if(!t){return undefined}if(t==="0"||t==="0ms"||t==="0s"){return 0}if(t.endsWith("ms")){var i=Number.parseFloat(t);return Number.isFinite(i)?i:undefined}if(t.endsWith("s")){var a=Number.parseFloat(t);return Number.isFinite(a)?a*1e3:undefined}return undefined};t.prototype.cleanup=function(){if(this.dismissTimer){window.clearTimeout(this.dismissTimer);this.dismissTimer=undefined}};t.prototype.startDismissTimer=function(){var t=this;this.dismissTimer=window.setTimeout((function(){t.dismiss()}),this.duration)};t.prototype.renderIcon=function(){if(this.type==="loading"){return h("div",{class:"pds-toast__loader"},h("svg",{class:"pds-toast__loader-spinner",viewBox:"25 25 50 50","aria-hidden":"true"},h("circle",{class:"pds-toast__loader-path",cx:"50",cy:"50",r:"20",fill:"none",stroke:"currentColor","stroke-width":"4","stroke-linecap":"round"})))}return this.icon&&h("pds-icon",{name:this.icon,class:"pds-toast__icon"})};t.prototype.render=function(){var t;var i=this;return h(Host,{key:"754a4583cefca47a3d3fea7dab036c06ea8aabcd",hidden:!this.isVisible},h("div",{key:"8ac294344ca459202c0883e724e09a4218342cc4",class:(t={"pds-toast":true},t["pds-toast--".concat(this.type)]=this.type!=="default",t["pds-toast--animating-out"]=this.isAnimatingOut,t),role:"alert","aria-live":"polite"},this.renderIcon(),h("span",{key:"eaf615d41c138e2c73088d29bac9349f49a63ba7",class:"pds-toast__message"},h("slot",{key:"33973447154d80b016f5a7954b0473db03228379"})),this.dismissible&&h("button",{key:"e189834633e1e648282ee43633fd05e53ce38869",type:"button",part:"dismiss",class:"pds-toast__button",onClick:function(){i.dismiss()},"aria-label":this.dismissLabel},h("pds-icon",{key:"913201979e52be743ba933ff173e023b81553362",name:"remove","aria-hidden":"true"}))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{duration:[{handleDurationChange:0}]}},enumerable:false,configurable:true});return t}();PdsToast.style=pdsToastCss();export{PdsToast as pds_toast};