@pine-ds/core 3.8.1 → 3.8.2

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 (270) hide show
  1. package/components/pds-box2.js +2 -2
  2. package/components/pds-box2.js.map +1 -1
  3. package/components/pds-progress.js +1 -1
  4. package/components/pds-progress.js.map +1 -1
  5. package/components/pds-radio.js +34 -7
  6. package/components/pds-radio.js.map +1 -1
  7. package/components/pds-row.js +19 -1
  8. package/components/pds-row.js.map +1 -1
  9. package/components/pds-select.js +1 -1
  10. package/components/pds-sortable-item.js +1 -1
  11. package/components/pds-sortable.js +1 -1
  12. package/components/pds-switch.js +3 -3
  13. package/components/pds-tab.js +3 -3
  14. package/components/pds-table-body.js +1 -1
  15. package/components/pds-table-cell2.js +2 -2
  16. package/components/pds-table-head-cell2.js +2 -2
  17. package/components/pds-table-head.js +1 -1
  18. package/components/pds-table-row.js +1 -1
  19. package/components/pds-tabpanel.js +1 -1
  20. package/components/pds-tabs.js +1 -1
  21. package/components/pds-text2.js +1 -1
  22. package/components/pds-textarea.js +4 -4
  23. package/components/pds-toast.js +3 -3
  24. package/components/pds-tooltip.js +2 -2
  25. package/dist/cjs/loader.cjs.js +1 -1
  26. package/dist/cjs/pds-box.cjs.entry.js +2 -2
  27. package/dist/cjs/pds-box.cjs.entry.js.map +1 -1
  28. package/dist/cjs/pds-box.entry.cjs.js.map +1 -1
  29. package/dist/cjs/pds-progress.cjs.entry.js +1 -1
  30. package/dist/cjs/pds-progress.cjs.entry.js.map +1 -1
  31. package/dist/cjs/pds-progress.entry.cjs.js.map +1 -1
  32. package/dist/cjs/pds-radio.cjs.entry.js +30 -5
  33. package/dist/cjs/pds-radio.cjs.entry.js.map +1 -1
  34. package/dist/cjs/pds-radio.entry.cjs.js.map +1 -1
  35. package/dist/cjs/pds-row.cjs.entry.js +19 -1
  36. package/dist/cjs/pds-row.cjs.entry.js.map +1 -1
  37. package/dist/cjs/pds-row.entry.cjs.js.map +1 -1
  38. package/dist/cjs/pds-select.cjs.entry.js +1 -1
  39. package/dist/cjs/pds-sortable-item.cjs.entry.js +1 -1
  40. package/dist/cjs/pds-sortable.cjs.entry.js +1 -1
  41. package/dist/cjs/pds-switch.cjs.entry.js +3 -3
  42. package/dist/cjs/pds-tab.cjs.entry.js +3 -3
  43. package/dist/cjs/pds-table-body.cjs.entry.js +1 -1
  44. package/dist/cjs/pds-table-cell.cjs.entry.js +2 -2
  45. package/dist/cjs/pds-table-head-cell.cjs.entry.js +2 -2
  46. package/dist/cjs/pds-table-head.cjs.entry.js +1 -1
  47. package/dist/cjs/pds-table-row.cjs.entry.js +1 -1
  48. package/dist/cjs/pds-tabpanel.cjs.entry.js +1 -1
  49. package/dist/cjs/pds-tabs.cjs.entry.js +1 -1
  50. package/dist/cjs/pds-text.cjs.entry.js +1 -1
  51. package/dist/cjs/pds-textarea.cjs.entry.js +4 -4
  52. package/dist/cjs/pds-toast.cjs.entry.js +3 -3
  53. package/dist/cjs/pds-tooltip.cjs.entry.js +2 -2
  54. package/dist/cjs/pine-core.cjs.js +1 -1
  55. package/dist/collection/components/pds-box/pds-box.css +2740 -40
  56. package/dist/collection/components/pds-box/pds-box.js +241 -241
  57. package/dist/collection/components/pds-box/pds-box.js.map +1 -1
  58. package/dist/collection/components/pds-progress/pds-progress.css +2 -2
  59. package/dist/collection/components/pds-radio/pds-radio.css +145 -3
  60. package/dist/collection/components/pds-radio/pds-radio.js +62 -5
  61. package/dist/collection/components/pds-radio/pds-radio.js.map +1 -1
  62. package/dist/collection/components/pds-radio/stories/pds-radio.stories.js +37 -0
  63. package/dist/collection/components/pds-row/pds-row.js +31 -13
  64. package/dist/collection/components/pds-row/pds-row.js.map +1 -1
  65. package/dist/collection/components/pds-select/pds-select.js +1 -1
  66. package/dist/collection/components/pds-sortable/pds-sortable-item/pds-sortable-item.js +1 -1
  67. package/dist/collection/components/pds-sortable/pds-sortable.js +1 -1
  68. package/dist/collection/components/pds-switch/pds-switch.js +3 -3
  69. package/dist/collection/components/pds-table/pds-table-body/pds-table-body.js +1 -1
  70. package/dist/collection/components/pds-table/pds-table-cell/pds-table-cell.js +2 -2
  71. package/dist/collection/components/pds-table/pds-table-head/pds-table-head.js +1 -1
  72. package/dist/collection/components/pds-table/pds-table-head-cell/pds-table-head-cell.js +2 -2
  73. package/dist/collection/components/pds-table/pds-table-row/pds-table-row.js +1 -1
  74. package/dist/collection/components/pds-tabs/pds-tab/pds-tab.js +3 -3
  75. package/dist/collection/components/pds-tabs/pds-tabpanel/pds-tabpanel.js +1 -1
  76. package/dist/collection/components/pds-tabs/pds-tabs.js +1 -1
  77. package/dist/collection/components/pds-text/pds-text.js +1 -1
  78. package/dist/collection/components/pds-textarea/pds-textarea.js +4 -4
  79. package/dist/collection/components/pds-toast/pds-toast.js +3 -3
  80. package/dist/collection/components/pds-tooltip/pds-tooltip.js +2 -2
  81. package/dist/collection/utils/types.js.map +1 -1
  82. package/dist/docs.json +6764 -2180
  83. package/dist/esm/loader.js +1 -1
  84. package/dist/esm/pds-box.entry.js +2 -2
  85. package/dist/esm/pds-box.entry.js.map +1 -1
  86. package/dist/esm/pds-progress.entry.js +1 -1
  87. package/dist/esm/pds-progress.entry.js.map +1 -1
  88. package/dist/esm/pds-radio.entry.js +31 -6
  89. package/dist/esm/pds-radio.entry.js.map +1 -1
  90. package/dist/esm/pds-row.entry.js +19 -1
  91. package/dist/esm/pds-row.entry.js.map +1 -1
  92. package/dist/esm/pds-select.entry.js +1 -1
  93. package/dist/esm/pds-sortable-item.entry.js +1 -1
  94. package/dist/esm/pds-sortable.entry.js +1 -1
  95. package/dist/esm/pds-switch.entry.js +3 -3
  96. package/dist/esm/pds-tab.entry.js +3 -3
  97. package/dist/esm/pds-table-body.entry.js +1 -1
  98. package/dist/esm/pds-table-cell.entry.js +2 -2
  99. package/dist/esm/pds-table-head-cell.entry.js +2 -2
  100. package/dist/esm/pds-table-head.entry.js +1 -1
  101. package/dist/esm/pds-table-row.entry.js +1 -1
  102. package/dist/esm/pds-tabpanel.entry.js +1 -1
  103. package/dist/esm/pds-tabs.entry.js +1 -1
  104. package/dist/esm/pds-text.entry.js +1 -1
  105. package/dist/esm/pds-textarea.entry.js +4 -4
  106. package/dist/esm/pds-toast.entry.js +3 -3
  107. package/dist/esm/pds-tooltip.entry.js +2 -2
  108. package/dist/esm/pine-core.js +1 -1
  109. package/dist/esm-es5/loader.js +1 -1
  110. package/dist/esm-es5/pds-box.entry.js +1 -1
  111. package/dist/esm-es5/pds-box.entry.js.map +1 -1
  112. package/dist/esm-es5/pds-progress.entry.js +1 -1
  113. package/dist/esm-es5/pds-progress.entry.js.map +1 -1
  114. package/dist/esm-es5/pds-radio.entry.js +1 -1
  115. package/dist/esm-es5/pds-radio.entry.js.map +1 -1
  116. package/dist/esm-es5/pds-row.entry.js +1 -1
  117. package/dist/esm-es5/pds-row.entry.js.map +1 -1
  118. package/dist/esm-es5/pds-select.entry.js +1 -1
  119. package/dist/esm-es5/pds-sortable-item.entry.js +1 -1
  120. package/dist/esm-es5/pds-sortable.entry.js +1 -1
  121. package/dist/esm-es5/pds-switch.entry.js +1 -1
  122. package/dist/esm-es5/pds-tab.entry.js +1 -1
  123. package/dist/esm-es5/pds-table-body.entry.js +1 -1
  124. package/dist/esm-es5/pds-table-cell.entry.js +1 -1
  125. package/dist/esm-es5/pds-table-head-cell.entry.js +1 -1
  126. package/dist/esm-es5/pds-table-head.entry.js +1 -1
  127. package/dist/esm-es5/pds-table-row.entry.js +1 -1
  128. package/dist/esm-es5/pds-tabpanel.entry.js +1 -1
  129. package/dist/esm-es5/pds-tabs.entry.js +1 -1
  130. package/dist/esm-es5/pds-text.entry.js +1 -1
  131. package/dist/esm-es5/pds-textarea.entry.js +1 -1
  132. package/dist/esm-es5/pds-toast.entry.js +1 -1
  133. package/dist/esm-es5/pds-tooltip.entry.js +1 -1
  134. package/dist/esm-es5/pine-core.js +1 -1
  135. package/dist/pine-core/p-00f6f3af.system.entry.js +2 -0
  136. package/dist/pine-core/p-00f6f3af.system.entry.js.map +1 -0
  137. package/dist/pine-core/p-04ad9d2c.system.entry.js +2 -0
  138. package/dist/pine-core/p-04ad9d2c.system.entry.js.map +1 -0
  139. package/dist/pine-core/p-0b593535.system.entry.js +2 -0
  140. package/dist/pine-core/p-1039e8e9.entry.js +2 -0
  141. package/dist/pine-core/{p-a2708028.entry.js.map → p-1039e8e9.entry.js.map} +1 -1
  142. package/dist/pine-core/{p-73a2e028.system.entry.js → p-18179981.system.entry.js} +2 -2
  143. package/dist/pine-core/p-18179981.system.entry.js.map +1 -0
  144. package/dist/pine-core/{p-bac9fcfa.entry.js → p-1a7cd7a6.entry.js} +2 -2
  145. package/dist/pine-core/p-2c407961.entry.js +2 -0
  146. package/dist/pine-core/p-2c407961.entry.js.map +1 -0
  147. package/dist/pine-core/{p-94183716.entry.js → p-332338ee.entry.js} +2 -2
  148. package/dist/pine-core/{p-e5adbf74.system.entry.js → p-3cc92094.system.entry.js} +2 -2
  149. package/dist/pine-core/{p-a3785977.entry.js → p-41abb654.entry.js} +2 -2
  150. package/dist/pine-core/{p-ae4ec5cf.system.entry.js → p-4802f8de.system.entry.js} +2 -2
  151. package/dist/pine-core/{p-61a25ab2.entry.js → p-4bc02df0.entry.js} +2 -2
  152. package/dist/pine-core/{p-f6d0bd39.entry.js → p-4c6ec7c4.entry.js} +2 -2
  153. package/dist/pine-core/{p-8f69dd71.system.entry.js → p-4ef17b95.system.entry.js} +2 -2
  154. package/dist/pine-core/{p-55d06d0a.system.entry.js → p-544fea4c.system.entry.js} +2 -2
  155. package/dist/pine-core/{p-00346c62.system.entry.js → p-6d48604a.system.entry.js} +2 -2
  156. package/dist/pine-core/{p-449ebe39.system.entry.js → p-7792f47d.system.entry.js} +2 -2
  157. package/dist/pine-core/{p-75187352.system.entry.js → p-7fa6cf39.system.entry.js} +2 -2
  158. package/dist/pine-core/{p-d4d22aee.entry.js → p-81972d0f.entry.js} +2 -2
  159. package/dist/pine-core/p-8b3f4c31.entry.js +2 -0
  160. package/dist/pine-core/{p-41e2fe3a.entry.js → p-8ff41ba8.entry.js} +2 -2
  161. package/dist/pine-core/{p-8b5fc4b4.system.entry.js → p-90e83476.system.entry.js} +2 -2
  162. package/dist/pine-core/{p-c3579585.system.entry.js → p-97299c83.system.entry.js} +2 -2
  163. package/dist/pine-core/p-972a511a.entry.js +2 -0
  164. package/dist/pine-core/p-972a511a.entry.js.map +1 -0
  165. package/dist/pine-core/{p-a2cb65df.entry.js → p-9ac84e63.entry.js} +2 -2
  166. package/dist/pine-core/{p-2fb6f9d5.entry.js → p-9c1bfa68.entry.js} +2 -2
  167. package/dist/pine-core/p-9c1bfa68.entry.js.map +1 -0
  168. package/dist/pine-core/{p-3dce3bc0.system.entry.js → p-9fbb9f0e.system.entry.js} +2 -2
  169. package/dist/pine-core/{p-yaM1kuaC.system.js.map → p-B8JDvOCM.system.js.map} +1 -1
  170. package/dist/pine-core/{p-DtdXdmNp.system.js.map → p-BDK6YCRb.system.js.map} +1 -1
  171. package/dist/pine-core/{p-CJNB_wrl.system.js.map → p-BJ3oNLWN.system.js.map} +1 -1
  172. package/dist/pine-core/p-BPjnTOEL.system.js +1 -1
  173. package/dist/pine-core/p-BbhWs2I3.system.js.map +1 -0
  174. package/dist/pine-core/p-CEUtKiTx.system.js.map +1 -0
  175. package/dist/pine-core/{p-DN3VK2yy.system.js.map → p-CTkQ9Pq-.system.js.map} +1 -1
  176. package/dist/pine-core/{p-iazk4jjL.system.js.map → p-CdcQ02yR.system.js.map} +1 -1
  177. package/dist/pine-core/{p-Cxlv_2hD.system.js.map → p-CfyzuJNE.system.js.map} +1 -1
  178. package/dist/pine-core/p-CyFXZIZs.system.js.map +1 -0
  179. package/dist/pine-core/p-CypP0PZf.system.js.map +1 -0
  180. package/dist/pine-core/{p-BVDuy7iI.system.js.map → p-DExobiBX.system.js.map} +1 -1
  181. package/dist/pine-core/{p-C3iAHQC6.system.js.map → p-DJ7iTbji.system.js.map} +1 -1
  182. package/dist/pine-core/{p-Ctdx1tCG.system.js.map → p-DiWDsjtE.system.js.map} +1 -1
  183. package/dist/pine-core/{p-DpemOPFJ.system.js.map → p-DpBO6epv.system.js.map} +1 -1
  184. package/dist/pine-core/{p-DfrSuf6X.system.js.map → p-DsyFbeEi.system.js.map} +1 -1
  185. package/dist/pine-core/{p-D0foS5EP.system.js.map → p-K3LH4gRE.system.js.map} +1 -1
  186. package/dist/pine-core/{p-1b9d4482.entry.js → p-ae2d59cd.entry.js} +2 -2
  187. package/dist/pine-core/{p-f92d7570.system.entry.js → p-b8127114.system.entry.js} +2 -2
  188. package/dist/pine-core/{p-2054b5cb.system.entry.js → p-b9e12535.system.entry.js} +2 -2
  189. package/dist/pine-core/p-bc2530d7.entry.js +2 -0
  190. package/dist/pine-core/{p-6ed297cb.entry.js → p-c09c8fa7.entry.js} +2 -2
  191. package/dist/pine-core/{p-DpzRSULT.system.js.map → p-ch9PI3Vl.system.js.map} +1 -1
  192. package/dist/pine-core/p-d61f3ab0.system.entry.js +2 -0
  193. package/dist/pine-core/p-d61f3ab0.system.entry.js.map +1 -0
  194. package/dist/pine-core/{p-d69f0f51.system.entry.js → p-da1fb45d.system.entry.js} +2 -2
  195. package/dist/pine-core/{p-9cf2b7a6.entry.js → p-e18c3044.entry.js} +2 -2
  196. package/dist/pine-core/p-e692908e.entry.js +2 -0
  197. package/dist/pine-core/p-e692908e.entry.js.map +1 -0
  198. package/dist/pine-core/{p-2597bc59.system.entry.js → p-ed724664.system.entry.js} +2 -2
  199. package/dist/pine-core/{p-e34c1224.system.entry.js → p-ed7bea99.system.entry.js} +2 -2
  200. package/dist/pine-core/{p-1b932ee3.entry.js → p-f8e1545e.entry.js} +2 -2
  201. package/dist/pine-core/{p-79422986.entry.js → p-fe60ee09.entry.js} +2 -2
  202. package/dist/pine-core/{p-BIjeWHX_.system.js.map → p-hop4Cgg5.system.js.map} +1 -1
  203. package/dist/pine-core/{p-DOqVoXeA.system.js.map → p-qQVNUF7F.system.js.map} +1 -1
  204. package/dist/pine-core/{p-C1KChp5Q.system.js.map → p-rnM09DN4.system.js.map} +1 -1
  205. package/dist/pine-core/pds-box.entry.esm.js.map +1 -1
  206. package/dist/pine-core/pds-progress.entry.esm.js.map +1 -1
  207. package/dist/pine-core/pds-radio.entry.esm.js.map +1 -1
  208. package/dist/pine-core/pds-row.entry.esm.js.map +1 -1
  209. package/dist/pine-core/pine-core.esm.js +1 -1
  210. package/dist/types/components/pds-box/pds-box.d.ts +61 -61
  211. package/dist/types/components/pds-radio/pds-radio.d.ts +14 -1
  212. package/dist/types/components/pds-row/pds-row.d.ts +4 -4
  213. package/dist/types/components.d.ts +139 -129
  214. package/dist/types/utils/types.d.ts +1 -1
  215. package/hydrate/index.js +88 -39
  216. package/hydrate/index.mjs +88 -39
  217. package/package.json +2 -2
  218. package/dist/pine-core/p-25cf2860.system.entry.js +0 -2
  219. package/dist/pine-core/p-25cf2860.system.entry.js.map +0 -1
  220. package/dist/pine-core/p-2fb6f9d5.entry.js.map +0 -1
  221. package/dist/pine-core/p-39648ce2.entry.js +0 -2
  222. package/dist/pine-core/p-39648ce2.entry.js.map +0 -1
  223. package/dist/pine-core/p-708e963c.system.entry.js +0 -2
  224. package/dist/pine-core/p-708e963c.system.entry.js.map +0 -1
  225. package/dist/pine-core/p-73a2e028.system.entry.js.map +0 -1
  226. package/dist/pine-core/p-786967e8.entry.js +0 -2
  227. package/dist/pine-core/p-875d5d5a.system.entry.js +0 -2
  228. package/dist/pine-core/p-BJjdD3yf.system.js.map +0 -1
  229. package/dist/pine-core/p-CnPN6prI.system.js.map +0 -1
  230. package/dist/pine-core/p-D7B3vOdC.system.js.map +0 -1
  231. package/dist/pine-core/p-HHZU8rBT.system.js.map +0 -1
  232. package/dist/pine-core/p-a2708028.entry.js +0 -2
  233. package/dist/pine-core/p-a645818a.entry.js +0 -2
  234. package/dist/pine-core/p-acd87a10.entry.js +0 -2
  235. package/dist/pine-core/p-acd87a10.entry.js.map +0 -1
  236. package/dist/pine-core/p-bc2fecd4.system.entry.js +0 -2
  237. package/dist/pine-core/p-bc2fecd4.system.entry.js.map +0 -1
  238. package/dist/pine-core/p-be5ef841.entry.js +0 -2
  239. package/dist/pine-core/p-be5ef841.entry.js.map +0 -1
  240. /package/dist/pine-core/{p-875d5d5a.system.entry.js.map → p-0b593535.system.entry.js.map} +0 -0
  241. /package/dist/pine-core/{p-bac9fcfa.entry.js.map → p-1a7cd7a6.entry.js.map} +0 -0
  242. /package/dist/pine-core/{p-94183716.entry.js.map → p-332338ee.entry.js.map} +0 -0
  243. /package/dist/pine-core/{p-e5adbf74.system.entry.js.map → p-3cc92094.system.entry.js.map} +0 -0
  244. /package/dist/pine-core/{p-a3785977.entry.js.map → p-41abb654.entry.js.map} +0 -0
  245. /package/dist/pine-core/{p-ae4ec5cf.system.entry.js.map → p-4802f8de.system.entry.js.map} +0 -0
  246. /package/dist/pine-core/{p-61a25ab2.entry.js.map → p-4bc02df0.entry.js.map} +0 -0
  247. /package/dist/pine-core/{p-f6d0bd39.entry.js.map → p-4c6ec7c4.entry.js.map} +0 -0
  248. /package/dist/pine-core/{p-8f69dd71.system.entry.js.map → p-4ef17b95.system.entry.js.map} +0 -0
  249. /package/dist/pine-core/{p-55d06d0a.system.entry.js.map → p-544fea4c.system.entry.js.map} +0 -0
  250. /package/dist/pine-core/{p-00346c62.system.entry.js.map → p-6d48604a.system.entry.js.map} +0 -0
  251. /package/dist/pine-core/{p-449ebe39.system.entry.js.map → p-7792f47d.system.entry.js.map} +0 -0
  252. /package/dist/pine-core/{p-75187352.system.entry.js.map → p-7fa6cf39.system.entry.js.map} +0 -0
  253. /package/dist/pine-core/{p-d4d22aee.entry.js.map → p-81972d0f.entry.js.map} +0 -0
  254. /package/dist/pine-core/{p-786967e8.entry.js.map → p-8b3f4c31.entry.js.map} +0 -0
  255. /package/dist/pine-core/{p-41e2fe3a.entry.js.map → p-8ff41ba8.entry.js.map} +0 -0
  256. /package/dist/pine-core/{p-8b5fc4b4.system.entry.js.map → p-90e83476.system.entry.js.map} +0 -0
  257. /package/dist/pine-core/{p-c3579585.system.entry.js.map → p-97299c83.system.entry.js.map} +0 -0
  258. /package/dist/pine-core/{p-a2cb65df.entry.js.map → p-9ac84e63.entry.js.map} +0 -0
  259. /package/dist/pine-core/{p-3dce3bc0.system.entry.js.map → p-9fbb9f0e.system.entry.js.map} +0 -0
  260. /package/dist/pine-core/{p-1b9d4482.entry.js.map → p-ae2d59cd.entry.js.map} +0 -0
  261. /package/dist/pine-core/{p-f92d7570.system.entry.js.map → p-b8127114.system.entry.js.map} +0 -0
  262. /package/dist/pine-core/{p-2054b5cb.system.entry.js.map → p-b9e12535.system.entry.js.map} +0 -0
  263. /package/dist/pine-core/{p-a645818a.entry.js.map → p-bc2530d7.entry.js.map} +0 -0
  264. /package/dist/pine-core/{p-6ed297cb.entry.js.map → p-c09c8fa7.entry.js.map} +0 -0
  265. /package/dist/pine-core/{p-d69f0f51.system.entry.js.map → p-da1fb45d.system.entry.js.map} +0 -0
  266. /package/dist/pine-core/{p-9cf2b7a6.entry.js.map → p-e18c3044.entry.js.map} +0 -0
  267. /package/dist/pine-core/{p-2597bc59.system.entry.js.map → p-ed724664.system.entry.js.map} +0 -0
  268. /package/dist/pine-core/{p-e34c1224.system.entry.js.map → p-ed7bea99.system.entry.js.map} +0 -0
  269. /package/dist/pine-core/{p-1b932ee3.entry.js.map → p-f8e1545e.entry.js.map} +0 -0
  270. /package/dist/pine-core/{p-79422986.entry.js.map → p-fe60ee09.entry.js.map} +0 -0
package/dist/pine-core/p-d61f3ab0.system.entry.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"names":["pdsBoxCss","PdsBox","exports","class_1","hostRef","this","border","prototype","render","boxClasses","concat","alignItems","undefined","trim","alignItemsXs","alignItemsSm","alignItemsMd","alignItemsLg","alignItemsXl","alignSelf","alignSelfXs","alignSelfSm","alignSelfMd","alignSelfLg","alignSelfXl","auto","autoXs","autoSm","autoMd","autoLg","autoXl","borderRadius","direction","display","fit","fitXs","fitSm","fitMd","fitLg","fitXl","gap","gapXs","gapSm","gapMd","gapLg","gapXl","wrap","wrapXs","wrapSm","wrapMd","wrapLg","wrapXl","flex","includes","justifyContent","justifyContentXs","justifyContentSm","justifyContentMd","justifyContentLg","justifyContentXl","marginBlockStart","marginBlockStartXs","marginBlockStartSm","marginBlockStartMd","marginBlockStartLg","marginBlockStartXl","marginInlineStart","marginInlineStartXs","marginInlineStartSm","marginInlineStartMd","marginInlineStartLg","marginInlineStartXl","marginInlineEnd","marginInlineEndXs","marginInlineEndSm","marginInlineEndMd","marginInlineEndLg","marginInlineEndXl","marginBlockEnd","marginBlockEndXs","marginBlockEndSm","marginBlockEndMd","marginBlockEndLg","marginBlockEndXl","offset","offsetXs","offsetSm","offsetMd","offsetLg","offsetXl","padding","paddingXs","paddingSm","paddingMd","paddingLg","paddingXl","paddingBlockStart","paddingBlockStartXs","paddingBlockStartSm","paddingBlockStartMd","paddingBlockStartLg","paddingBlockStartXl","paddingBlockEnd","paddingBlockEndXs","paddingBlockEndSm","paddingBlockEndMd","paddingBlockEndLg","paddingBlockEndXl","paddingInlineStart","paddingInlineStartXs","paddingInlineStartSm","paddingInlineStartMd","paddingInlineStartLg","paddingInlineStartXl","paddingInlineEnd","paddingInlineEndXs","paddingInlineEndSm","paddingInlineEndMd","paddingInlineEndLg","paddingInlineEndXl","shadow","size","sizeXs","sizeSm","sizeMd","sizeLg","sizeXl","normalizedBackground","normalizeColorValue","backgroundColor","normalizedBorder","borderColor","boxInlineStyles","Object","assign","minHeight","minWidth","h","Host","key","class","style"],"sources":["src/components/pds-box/pds-box.scss?tag=pds-box","src/components/pds-box/pds-box.tsx"],"sourcesContent":["@use './pds-box.mixins' as *;\n\npds-box {\n --border-width-default: var(--pine-border-width-thin);\n --color-background-box: inherit;\n --color-border-box: inherit;\n\n display: block;\n}\n\n[class*='pds-box'] {\n background-color: var(--color-background-box);\n box-sizing: border-box;\n display: inline-flex;\n\n &[min-height] {\n min-height: var(--sizing-min-height-box);\n }\n\n &[min-width] {\n min-width: var(--sizing-min-width-box);\n }\n\n // The immediate child of the row will fit the width of the row\n .pds-row > & {\n position: relative;\n width: 100%;\n\n &.pds-box--auto {\n width: auto;\n }\n }\n}\n\n// Spacing mixin\n$pine-spacing-tokens: (\n xxs: 4px,\n xs: 8px,\n sm: 16px,\n md: 24px,\n lg: 36px,\n xl: 48px,\n xxl: 64px,\n);\n\n// Generate spacing classes\n@include generate-spacing-classes(false, $pine-spacing-tokens);\n@include generate-spacing-classes('top', $pine-spacing-tokens);\n@include generate-spacing-classes('right', $pine-spacing-tokens);\n@include generate-spacing-classes('left', $pine-spacing-tokens);\n@include generate-spacing-classes('bottom', $pine-spacing-tokens);\n\n// Base offset classes\n@include generate-column-offsets(false, 12);\n\n// Responsive offset classes\n@media (max-width: 575px) {\n @include generate-column-offsets('xs', 12);\n}\n\n@media (min-width: 576px) {\n @include generate-column-offsets('sm', 12);\n}\n\n@media (min-width: 768px) {\n @include generate-column-offsets('md', 12);\n}\n\n@media (min-width: 992px) {\n @include generate-column-offsets('lg', 12);\n}\n\n@media (min-width: 1200px) {\n @include generate-column-offsets('xl', 12);\n}\n\n\n// Base column width classes\n@include generate-columns(false, 12);\n\n// Responsive column width classes\n@media (max-width: 575px) {\n @include generate-columns('xs', 12);\n}\n\n@media (min-width: 576px) {\n @include generate-columns('sm', 12);\n}\n\n@media (min-width: 768px) {\n @include generate-columns('md', 12);\n}\n\n@media (min-width: 992px) {\n @include generate-columns('lg', 12);\n}\n\n@media (min-width: 1200px) {\n @include generate-columns('xl', 12);\n}\n\n.pds-box {\n flex-basis: 0;\n flex-grow: 1;\n}\n\n.pds-row > .pds-box[class*='pds-box-'] {\n flex-basis: auto;\n}\n\n.pds-box--auto {\n flex: 0 0 var(--sizing-min-width-box, fit-content);\n min-width: auto;\n width: auto;\n}\n\n.pds-box--fit {\n max-width: 100%;\n min-width: 100%;\n width: 100%;\n}\n\n.pds-box--border {\n border-color: var(--color-border-box, var(--pine-color-grey-300));\n border-style: solid;\n border-width: var(--border-width-default);\n}\n\n// Display helpers\n.pds-box--display-flex {\n display: flex;\n}\n\n.pds-box--display-inline-flex {\n display: inline-flex;\n}\n\n.pds-box--display-block {\n display: block;\n}\n\n.pds-box--display-inline-block {\n display: inline-block;\n}\n\n// Flex helpers\n.pds-box--flex-none {\n flex: 0 0 auto;\n}\n\n.pds-box--flex-grow {\n flex: 1 1 auto\n}\n\n.pds-box--flex-shrink {\n flex: 0 0 auto;\n}\n\n// Border radius helpers\n.pds-border-radius-none {\n border-radius: 0;\n}\n\n.pds-border-radius-xs {\n border-radius: var(--pine-dimension-2xs);\n}\n\n.pds-border-radius-sm {\n border-radius: var(--pine-dimension-xs);\n}\n\n.pds-border-radius-md {\n border-radius: var(--pine-dimension-125);\n}\n\n.pds-border-radius-lg {\n border-radius: var(--pine-dimension-sm);\n}\n\n.pds-border-radius-circle {\n border-radius: var(--pine-border-radius-full);\n}\n\n// Box shadow helpers\n.pds-shadow-050 {\n box-shadow: var(--pine-box-shadow-050);\n}\n\n.pds-shadow-100 {\n box-shadow: var(--pine-box-shadow-100);\n}\n\n.pds-shadow-150 {\n box-shadow: var(--pine-box-shadow-150);\n}\n\n.pds-shadow-200 {\n box-shadow: var(--pine-box-shadow-200);\n}\n\n.pds-shadow-300 {\n box-shadow: var(--pine-box-shadow-300);\n}\n\n.pds-shadow-400 {\n box-shadow: var(--pine-box-shadow-400);\n}\n\n.pds-shadow-500 {\n box-shadow: var(--pine-box-shadow-500);\n}\n\n\n.pds-shadow-xs {\n box-shadow: var(--pine-box-shadow-050);\n}\n\n.pds-shadow-sm {\n box-shadow: var(--pine-box-shadow-100);\n}\n\n.pds-shadow-md {\n box-shadow: var(--pine-box-shadow-150);\n}\n\n.pds-shadow-lg {\n box-shadow: var(--pine-box-shadow-200);\n}\n\n// Gap helpers\n.pds-box-gap-none {\n gap: 0;\n}\n\n.pds-box-gap-xxs {\n gap: var(--pine-dimension-2xs);\n}\n\n.pds-box-gap-xs {\n gap: var(--pine-dimension-xs);\n}\n\n.pds-box-gap-sm {\n gap: var(--pine-dimension-sm);\n}\n\n.pds-box-gap-md {\n gap: var(--pine-dimension-md);\n}\n\n.pds-box-gap-lg {\n gap: var(--pine-dimension-lg);\n}\n\n.pds-box-gap-xl {\n gap: var(--pine-dimension-xl);\n}\n\n.pds-box-gap-xxl {\n gap: var(--pine-dimension-2xl);\n}\n\n// Margin helpers\n.pds-margin-block-start-xxs {\n margin-block-start: var(--pine-dimension-2xs);\n}\n\n.pds-margin-block-start-xs {\n margin-block-start: var(--pine-dimension-xs);\n}\n\n.pds-margin-block-start-sm {\n margin-block-start: var(--pine-dimension-sm);\n}\n\n.pds-margin-block-start-md {\n margin-block-start: var(--pine-dimension-md);\n}\n\n.pds-margin-block-start-lg {\n margin-block-start: var(--pine-dimension-lg);\n}\n\n.pds-margin-block-start-xl {\n margin-block-start: var(--pine-dimension-xl);\n}\n\n.pds-margin-block-start-xxl {\n margin-block-start: var(--pine-dimension-2xl);\n}\n\n.pds-margin-inline-start-none {\n margin-inline-start: 0;\n}\n\n.pds-margin-inline-start-xxs {\n margin-inline-start: var(--pine-dimension-2xs);\n}\n\n.pds-margin-inline-start-xs {\n margin-inline-start: var(--pine-dimension-xs);\n}\n\n.pds-margin-inline-start-sm {\n margin-inline-start: var(--pine-dimension-sm);\n}\n\n.pds-margin-inline-start-md {\n margin-inline-start: var(--pine-dimension-md);\n}\n\n.pds-margin-inline-start-lg {\n margin-inline-start: var(--pine-dimension-lg);\n}\n\n.pds-margin-inline-start-xl {\n margin-inline-start: var(--pine-dimension-xl);\n}\n\n.pds-margin-inline-start-xxl {\n margin-inline-start: var(--pine-dimension-2xl);\n}\n\n.pds-margin-inline-end-none {\n margin-inline-end: 0;\n}\n\n.pds-margin-inline-end-xxs {\n margin-inline-end: var(--pine-dimension-2xs);\n}\n\n.pds-margin-inline-end-xs {\n margin-inline-end: var(--pine-dimension-xs);\n}\n\n.pds-margin-inline-end-sm {\n margin-inline-end: var(--pine-dimension-sm);\n}\n\n.pds-margin-inline-end-md {\n margin-inline-end: var(--pine-dimension-md);\n}\n\n.pds-margin-inline-end-lg {\n margin-inline-end: var(--pine-dimension-lg);\n}\n\n.pds-margin-inline-end-xl {\n margin-inline-end: var(--pine-dimension-xl);\n}\n\n.pds-margin-inline-end-xxl {\n margin-inline-end: var(--pine-dimension-2xl);\n}\n\n.pds-margin-block-end-none {\n margin-block-end: 0;\n}\n\n.pds-margin-block-end-xxs {\n margin-block-end: var(--pine-dimension-2xs);\n}\n\n.pds-margin-block-end-xs {\n margin-block-end: var(--pine-dimension-xs);\n}\n\n.pds-margin-block-end-sm {\n margin-block-end: var(--pine-dimension-sm);\n}\n\n.pds-margin-block-end-md {\n margin-block-end: var(--pine-dimension-md);\n}\n\n.pds-margin-block-end-lg {\n margin-block-end: var(--pine-dimension-lg);\n}\n\n.pds-margin-block-end-xl {\n margin-block-end: var(--pine-dimension-xl);\n}\n\n.pds-margin-block-end-xxl {\n margin-block-end: var(--pine-dimension-2xl);\n}\n\n// Padding helpers\n.pds-padding-none {\n padding: 0;\n}\n\n.pds-padding-xxs {\n padding: var(--pine-dimension-2xs);\n}\n\n.pds-padding-xs {\n padding: var(--pine-dimension-xs);\n}\n\n.pds-padding-sm {\n padding: var(--pine-dimension-sm);\n}\n\n.pds-padding-md {\n padding: var(--pine-dimension-md);\n}\n\n.pds-padding-lg {\n padding: var(--pine-dimension-lg);\n}\n\n.pds-padding-xl {\n padding: var(--pine-dimension-xl);\n}\n\n.pds-padding-xxl {\n padding: var(--pine-dimension-2xl);\n}\n\n// Padding block start helpers\n.pds-padding-block-start-none {\n padding-block-start: var(--pine-dimension-none);\n}\n\n.pds-padding-block-start-xxs {\n padding-block-start: var(--pine-dimension-2xs);\n}\n\n.pds-padding-block-start-xs {\n padding-block-start: var(--pine-dimension-xs);\n}\n\n.pds-padding-block-start-sm {\n padding-block-start: var(--pine-dimension-sm);\n}\n\n.pds-padding-block-start-md {\n padding-block-start: var(--pine-dimension-md);\n}\n\n.pds-padding-block-start-lg {\n padding-block-start: var(--pine-dimension-lg);\n}\n\n.pds-padding-block-start-xl {\n padding-block-start: var(--pine-dimension-xl);\n}\n\n.pds-padding-block-start-xxl {\n padding-block-start: var(--pine-dimension-2xl);\n}\n\n// Padding block end helpers\n.pds-padding-block-end-none {\n padding-block-end: var(--pine-dimension-none);\n}\n\n.pds-padding-block-end-xxs {\n padding-block-end: var(--pine-dimension-2xs);\n}\n\n.pds-padding-block-end-xs {\n padding-block-end: var(--pine-dimension-xs);\n}\n\n.pds-padding-block-end-sm {\n padding-block-end: var(--pine-dimension-sm);\n}\n\n.pds-padding-block-end-md {\n padding-block-end: var(--pine-dimension-md);\n}\n\n.pds-padding-block-end-lg {\n padding-block-end: var(--pine-dimension-lg);\n}\n\n.pds-padding-block-end-xl {\n padding-block-end: var(--pine-dimension-xl);\n}\n\n.pds-padding-block-end-xxl {\n padding-block-end: var(--pine-dimension-2xl);\n}\n\n// Padding inline start helpers\n.pds-padding-inline-start-none {\n padding-inline-start: var(--pine-dimension-none);\n}\n\n.pds-padding-inline-start-xxs {\n padding-inline-start: var(--pine-dimension-2xs);\n}\n\n.pds-padding-inline-start-xs {\n padding-inline-start: var(--pine-dimension-xs);\n}\n\n.pds-padding-inline-start-sm {\n padding-inline-start: var(--pine-dimension-sm);\n}\n\n.pds-padding-inline-start-md {\n padding-inline-start: var(--pine-dimension-md);\n}\n\n.pds-padding-inline-start-lg {\n padding-inline-start: var(--pine-dimension-lg);\n}\n\n.pds-padding-inline-start-xl {\n padding-inline-start: var(--pine-dimension-xl);\n}\n\n.pds-padding-inline-start-xxl {\n padding-inline-start: var(--pine-dimension-2xl);\n}\n\n// Padding inline end helpers\n.pds-padding-inline-end-none {\n padding-inline-end: var(--pine-dimension-none);\n}\n\n.pds-padding-inline-end-xxs {\n padding-inline-end: var(--pine-dimension-2xs);\n}\n\n.pds-padding-inline-end-xs {\n padding-inline-end: var(--pine-dimension-xs);\n}\n\n.pds-padding-inline-end-sm {\n padding-inline-end: var(--pine-dimension-sm);\n}\n\n.pds-padding-inline-end-md {\n padding-inline-end: var(--pine-dimension-md);\n}\n\n.pds-padding-inline-end-lg {\n padding-inline-end: var(--pine-dimension-lg);\n}\n\n.pds-padding-inline-end-xl {\n padding-inline-end: var(--pine-dimension-xl);\n}\n\n.pds-padding-inline-end-xxl {\n padding-inline-end: var(--pine-dimension-2xl);\n}\n\n\n// Display helpers\n.pds-box-display-block {\n display: block;\n}\n\n.pds-box-display-inline-block {\n display: inline-block;\n}\n\n.pds-box-display-flex {\n display: flex;\n}\n\n.pds-box-display-inline-flex {\n display: inline-flex;\n}\n\n// Flex Direction helpers\n.pds-box-direction-row {\n flex-direction: row;\n}\n\n.pds-box-direction-column {\n flex-direction: column;\n}\n\n// Flex Wrap helpers\n.pds-box--wrap {\n flex-wrap: wrap;\n}\n\n// Maps for flex properties\n$justify-content-values: (\n 'start': start,\n 'center': center,\n 'end': end,\n 'space-between': space-between,\n 'space-around': space-around,\n 'space-evenly': space-evenly\n);\n\n$align-items-values: (\n 'start': start,\n 'center': center,\n 'end': end,\n 'baseline': baseline,\n 'stretch': stretch\n);\n\n$align-self-values: (\n 'start': start,\n 'center': center,\n 'end': end,\n 'baseline': baseline,\n 'stretch': stretch\n);\n\n$breakpoints: (\n 'xs': '(max-width: 575px)',\n 'sm': '(min-width: 576px)',\n 'md': '(min-width: 768px)',\n 'lg': '(min-width: 992px)',\n 'xl': '(min-width: 1200px)'\n);\n\n// Justify Content helpers\n@each $name, $value in $justify-content-values {\n .pds-justify-content-#{$name} {\n justify-content: $value;\n }\n}\n\n// Responsive Justify Content helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n @media #{$breakpoint-value} {\n @each $name, $value in $justify-content-values {\n .pds-justify-content-#{$breakpoint-name}-#{$name} {\n justify-content: $value;\n }\n }\n }\n}\n\n// Align Items helpers\n@each $name, $value in $align-items-values {\n .pds-align-items-#{$name} {\n align-items: $value;\n }\n}\n\n// Responsive Align Items helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n @media #{$breakpoint-value} {\n @each $name, $value in $align-items-values {\n .pds-align-items-#{$breakpoint-name}-#{$name} {\n align-items: $value;\n }\n }\n }\n}\n\n// Align Self helpers\n@each $name, $value in $align-self-values {\n .pds-align-self-#{$name} {\n align-self: $value;\n }\n}\n\n// Responsive Align Self helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n @media #{$breakpoint-value} {\n @each $name, $value in $align-self-values {\n .pds-align-self-#{$breakpoint-name}-#{$name} {\n align-self: $value;\n }\n }\n }\n}\n\n// Responsive Flex Wrap helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n @media #{$breakpoint-value} {\n .pds-box--wrap-#{$breakpoint-name} {\n flex-wrap: wrap;\n }\n }\n}\n\n// Responsive Auto helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n @media #{$breakpoint-value} {\n .pds-box--auto-#{$breakpoint-name} {\n flex: 0 0 var(--sizing-min-width-box, fit-content);\n min-width: auto;\n width: auto;\n }\n }\n}\n\n// Responsive Fit helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n @media #{$breakpoint-value} {\n .pds-box--fit-#{$breakpoint-name} {\n max-width: 100%;\n min-width: 100%;\n width: 100%;\n }\n }\n}\n\n// Responsive Gap helpers\n$gap-values: (\n 'none': 0,\n 'xxs': var(--pine-dimension-2xs),\n 'xs': var(--pine-dimension-xs),\n 'sm': var(--pine-dimension-sm),\n 'md': var(--pine-dimension-md),\n 'lg': var(--pine-dimension-lg),\n 'xl': var(--pine-dimension-xl),\n 'xxl': var(--pine-dimension-2xl),\n '025': var(--pine-dimension-025),\n '050': var(--pine-dimension-050),\n '100': var(--pine-dimension-100),\n '125': var(--pine-dimension-125),\n '150': var(--pine-dimension-150),\n '200': var(--pine-dimension-200),\n '250': var(--pine-dimension-250),\n '300': var(--pine-dimension-300),\n '350': var(--pine-dimension-350),\n '400': var(--pine-dimension-400),\n '450': var(--pine-dimension-450),\n '500': var(--pine-dimension-500),\n '550': var(--pine-dimension-550),\n '600': var(--pine-dimension-600),\n '650': var(--pine-dimension-650),\n '700': var(--pine-dimension-700),\n '750': var(--pine-dimension-750),\n '800': var(--pine-dimension-800)\n);\n\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n @media #{$breakpoint-value} {\n @each $name, $value in $gap-values {\n .pds-box-gap-#{$breakpoint-name}-#{$name} {\n gap: $value;\n }\n }\n }\n}\n\n// Responsive Margin helpers\n$margin-values: (\n 'none': 0,\n 'xxs': var(--pine-dimension-2xs),\n 'xs': var(--pine-dimension-xs),\n 'sm': var(--pine-dimension-sm),\n 'md': var(--pine-dimension-md),\n 'lg': var(--pine-dimension-lg),\n 'xl': var(--pine-dimension-xl),\n 'xxl': var(--pine-dimension-2xl),\n '025': var(--pine-dimension-025),\n '050': var(--pine-dimension-050),\n '100': var(--pine-dimension-100),\n '125': var(--pine-dimension-125),\n '150': var(--pine-dimension-150),\n '200': var(--pine-dimension-200),\n '250': var(--pine-dimension-250),\n '300': var(--pine-dimension-300),\n '350': var(--pine-dimension-350),\n '400': var(--pine-dimension-400),\n '450': var(--pine-dimension-450),\n '500': var(--pine-dimension-500),\n '550': var(--pine-dimension-550),\n '600': var(--pine-dimension-600),\n '650': var(--pine-dimension-650),\n '700': var(--pine-dimension-700),\n '750': var(--pine-dimension-750),\n '800': var(--pine-dimension-800)\n);\n\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n @media #{$breakpoint-value} {\n @each $name, $value in $margin-values {\n .pds-margin-block-start-#{$breakpoint-name}-#{$name} {\n margin-block-start: $value;\n }\n\n .pds-margin-inline-start-#{$breakpoint-name}-#{$name} {\n margin-inline-start: $value;\n }\n\n .pds-margin-inline-end-#{$breakpoint-name}-#{$name} {\n margin-inline-end: $value;\n }\n\n .pds-margin-block-end-#{$breakpoint-name}-#{$name} {\n margin-block-end: $value;\n }\n }\n }\n}\n\n// Responsive Padding helpers\n$padding-values: (\n 'none': var(--pine-dimension-none),\n 'xxs': var(--pine-dimension-2xs),\n 'xs': var(--pine-dimension-xs),\n 'sm': var(--pine-dimension-sm),\n 'md': var(--pine-dimension-md),\n 'lg': var(--pine-dimension-lg),\n 'xl': var(--pine-dimension-xl),\n 'xxl': var(--pine-dimension-2xl),\n '025': var(--pine-dimension-025),\n '050': var(--pine-dimension-050),\n '100': var(--pine-dimension-100),\n '125': var(--pine-dimension-125),\n '150': var(--pine-dimension-150),\n '200': var(--pine-dimension-200),\n '250': var(--pine-dimension-250),\n '300': var(--pine-dimension-300),\n '350': var(--pine-dimension-350),\n '400': var(--pine-dimension-400),\n '450': var(--pine-dimension-450),\n '500': var(--pine-dimension-500),\n '550': var(--pine-dimension-550),\n '600': var(--pine-dimension-600),\n '650': var(--pine-dimension-650),\n '700': var(--pine-dimension-700),\n '750': var(--pine-dimension-750),\n '800': var(--pine-dimension-800)\n);\n\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n @media #{$breakpoint-value} {\n @each $name, $value in $padding-values {\n .pds-padding-#{$breakpoint-name}-#{$name} {\n padding: $value;\n }\n\n .pds-padding-block-start-#{$breakpoint-name}-#{$name} {\n padding-block-start: $value;\n }\n\n .pds-padding-block-end-#{$breakpoint-name}-#{$name} {\n padding-block-end: $value;\n }\n\n .pds-padding-inline-start-#{$breakpoint-name}-#{$name} {\n padding-inline-start: $value;\n }\n\n .pds-padding-inline-end-#{$breakpoint-name}-#{$name} {\n padding-inline-end: $value;\n }\n }\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\nimport { BoxColumnType, BoxSpacingType, BoxShadowSizeType } from '../../utils/types';\nimport { normalizeColorValue } from '../../utils/utils';\n\n@Component({\n tag: 'pds-box',\n styleUrl: 'pds-box.scss',\n})\nexport class PdsBox {\n /**\n * Defines how items within the box are aligned.\n * @defaultValue stretch\n */\n @Prop() alignItems?: `start` | `center` | `end` | `baseline` | `stretch` ;\n\n /**\n * Defines how items within the box are aligned at the XS breakpoint.\n * @defaultValue stretch\n */\n @Prop() alignItemsXs?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n /**\n * Defines how items within the box are aligned at the SM breakpoint.\n * @defaultValue stretch\n */\n @Prop() alignItemsSm?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n /**\n * Defines how items within the box are aligned at the MD breakpoint.\n * @defaultValue stretch\n */\n @Prop() alignItemsMd?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n /**\n * Defines how items within the box are aligned at the LG breakpoint.\n * @defaultValue stretch\n */\n @Prop() alignItemsLg?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n /**\n * Defines how items within the box are aligned at the XL breakpoint.\n * @defaultValue stretch\n */\n @Prop() alignItemsXl?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n /**\n * Defines how the box is aligned within its container.\n * @defaultValue stretch\n */\n @Prop() alignSelf?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n /**\n * Defines how the box is aligned within its container at the XS breakpoint.\n *\n */\n @Prop() alignSelfXs?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n /**\n * Defines how the box is aligned within its container at the SM breakpoint.\n *\n */\n @Prop() alignSelfSm?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n /**\n * Defines how the box is aligned within its container at the MD breakpoint.\n *\n */\n @Prop() alignSelfMd?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n /**\n * Defines how the box is aligned within its container at the LG breakpoint.\n *\n */\n @Prop() alignSelfLg?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n /**\n * Defines how the box is aligned within its container at the XL breakpoint.\n *\n */\n @Prop() alignSelfXl?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n /**\n * If `true`, the box will be sized to fit its contents.\n */\n @Prop() auto?: boolean;\n\n /**\n * If `true`, the box will be sized to fit its contents at the XS breakpoint.\n */\n @Prop() autoXs?: boolean;\n\n /**\n * If `true`, the box will be sized to fit its contents at the SM breakpoint.\n */\n @Prop() autoSm?: boolean;\n\n /**\n * If `true`, the box will be sized to fit its contents at the MD breakpoint.\n */\n @Prop() autoMd?: boolean;\n\n /**\n * If `true`, the box will be sized to fit its contents at the LG breakpoint.\n */\n @Prop() autoLg?: boolean;\n\n /**\n * If `true`, the box will be sized to fit its contents at the XL breakpoint.\n */\n @Prop() autoXl?: boolean;\n\n /**\n * Defines the background-color of the box.\n */\n @Prop() backgroundColor?: string;\n\n /**\n * If `true`, the box will have a border.\n */\n @Prop() border? = false;\n\n /**\n * Defines the border color of the box.\n */\n @Prop() borderColor?: string;\n\n /**\n * Defines how rounded the box corners are.\n * @defaultValue none\n */\n @Prop() borderRadius?: `none` | `xs`| `sm` | `md` | `lg` | `circle`;\n\n /**\n * Defines the orientation of the box items.\n * @defaultValue row\n */\n @Prop() direction?: `row` | `column`;\n\n /**\n * Defines the display style of the box.\n * @defaultValue flex\n */\n @Prop() display?: `flex` | `inline-flex` | `block` | `inline-block`;\n\n /**\n * If `true`, sets the box `max-width` to `100%`.\n */\n @Prop() fit?: boolean;\n\n /**\n * If `true`, sets the box `max-width` to `100%` at the XS breakpoint.\n */\n @Prop() fitXs?: boolean;\n\n /**\n * If `true`, sets the box `max-width` to `100%` at the SM breakpoint.\n */\n @Prop() fitSm?: boolean;\n\n /**\n * If `true`, sets the box `max-width` to `100%` at the MD breakpoint.\n */\n @Prop() fitMd?: boolean;\n\n /**\n * If `true`, sets the box `max-width` to `100%` at the LG breakpoint.\n */\n @Prop() fitLg?: boolean;\n\n /**\n * If `true`, sets the box `max-width` to `100%` at the XL breakpoint.\n */\n @Prop() fitXl?: boolean;\n\n /**\n * Defines the spacing between the box items.\n * @defaultValue none\n */\n @Prop() gap?: BoxSpacingType;\n\n /**\n * Defines the spacing between the box items at the XS breakpoint.\n * @defaultValue none\n */\n @Prop() gapXs?: BoxSpacingType;\n\n /**\n * Defines the spacing between the box items at the SM breakpoint.\n * @defaultValue none\n */\n @Prop() gapSm?: BoxSpacingType;\n\n /**\n * Defines the spacing between the box items at the MD breakpoint.\n * @defaultValue none\n */\n @Prop() gapMd?: BoxSpacingType;\n\n /**\n * Defines the spacing between the box items at the LG breakpoint.\n * @defaultValue none\n */\n @Prop() gapLg?: BoxSpacingType;\n\n /**\n * Defines the spacing between the box items at the XL breakpoint.\n * @defaultValue none\n */\n @Prop() gapXl?: BoxSpacingType;\n\n /**\n * Defines whether flex items are forced onto one line or can wrap onto multiple lines.\n * @defaultValue false\n */\n @Prop() wrap?: boolean;\n\n /**\n * Defines whether flex items can wrap onto multiple lines at the XS breakpoint.\n * @defaultValue false\n */\n @Prop() wrapXs?: boolean;\n\n /**\n * Defines whether flex items can wrap onto multiple lines at the SM breakpoint.\n * @defaultValue false\n */\n @Prop() wrapSm?: boolean;\n\n /**\n * Defines whether flex items can wrap onto multiple lines at the MD breakpoint.\n * @defaultValue false\n */\n @Prop() wrapMd?: boolean;\n\n /**\n * Defines whether flex items can wrap onto multiple lines at the LG breakpoint.\n * @defaultValue false\n */\n @Prop() wrapLg?: boolean;\n\n /**\n * Defines whether flex items can wrap onto multiple lines at the XL breakpoint.\n * @defaultValue false\n */\n @Prop() wrapXl?: boolean;\n\n /**\n * Defines how a box will grow or shrink to fit the space available in its container.\n * Can be a predefined value ('none', 'grow', 'shrink') or a custom flex value (e.g., '1', '0 1 auto').\n * @defaultValue none\n */\n @Prop() flex?: `none` | `grow` | `shrink` | string;\n\n /**\n * Defines the horizontal alignment of the box items.\n * @defaultValue start\n */\n @Prop() justifyContent?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;\n\n /**\n * Defines the horizontal alignment of the box items at the XS breakpoint.\n * @defaultValue start\n */\n @Prop() justifyContentXs?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;\n\n /**\n * Defines the horizontal alignment of the box items at the SM breakpoint.\n * @defaultValue start\n */\n @Prop() justifyContentSm?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;\n\n /**\n * Defines the horizontal alignment of the box items at the MD breakpoint.\n * @defaultValue start\n */\n @Prop() justifyContentMd?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;\n\n /**\n * Defines the horizontal alignment of the box items at the LG breakpoint.\n * @defaultValue start\n */\n @Prop() justifyContentLg?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;\n\n /**\n * Defines the horizontal alignment of the box items at the XL breakpoint.\n * @defaultValue start\n */\n @Prop() justifyContentXl?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;\n\n /**\n * Defines the box's outer top spacing.\n * @defaultValue none\n */\n @Prop() marginBlockStart?: BoxSpacingType;\n\n /**\n * Defines the box's outer top spacing at the XS breakpoint.\n * @defaultValue none\n */\n @Prop() marginBlockStartXs?: BoxSpacingType;\n\n /**\n * Defines the box's outer top spacing at the SM breakpoint.\n * @defaultValue none\n */\n @Prop() marginBlockStartSm?: BoxSpacingType;\n\n /**\n * Defines the box's outer top spacing at the MD breakpoint.\n * @defaultValue none\n */\n @Prop() marginBlockStartMd?: BoxSpacingType;\n\n /**\n * Defines the box's outer top spacing at the LG breakpoint.\n * @defaultValue none\n */\n @Prop() marginBlockStartLg?: BoxSpacingType;\n\n /**\n * Defines the box's outer top spacing at the XL breakpoint.\n * @defaultValue none\n */\n @Prop() marginBlockStartXl?: BoxSpacingType;\n\n /**\n * Defines the box's outer left spacing.\n * @defaultValue none\n */\n @Prop() marginInlineStart?: BoxSpacingType;\n\n /**\n * Defines the box's outer left spacing at the XS breakpoint.\n * @defaultValue none\n */\n @Prop() marginInlineStartXs?: BoxSpacingType;\n\n /**\n * Defines the box's outer left spacing at the SM breakpoint.\n * @defaultValue none\n */\n @Prop() marginInlineStartSm?: BoxSpacingType;\n\n /**\n * Defines the box's outer left spacing at the MD breakpoint.\n * @defaultValue none\n */\n @Prop() marginInlineStartMd?: BoxSpacingType;\n\n /**\n * Defines the box's outer left spacing at the LG breakpoint.\n * @defaultValue none\n */\n @Prop() marginInlineStartLg?: BoxSpacingType;\n\n /**\n * Defines the box's outer left spacing at the XL breakpoint.\n * @defaultValue none\n */\n @Prop() marginInlineStartXl?: BoxSpacingType;\n\n /**\n * Defines the box's outer right spacing.\n * @defaultValue none\n */\n @Prop() marginInlineEnd?: BoxSpacingType;\n\n /**\n * Defines the box's outer right spacing at the XS breakpoint.\n * @defaultValue none\n */\n @Prop() marginInlineEndXs?: BoxSpacingType;\n\n /**\n * Defines the box's outer right spacing at the SM breakpoint.\n * @defaultValue none\n */\n @Prop() marginInlineEndSm?: BoxSpacingType;\n\n /**\n * Defines the box's outer right spacing at the MD breakpoint.\n * @defaultValue none\n */\n @Prop() marginInlineEndMd?: BoxSpacingType;\n\n /**\n * Defines the box's outer right spacing at the LG breakpoint.\n * @defaultValue none\n */\n @Prop() marginInlineEndLg?: BoxSpacingType;\n\n /**\n * Defines the box's outer right spacing at the XL breakpoint.\n * @defaultValue none\n */\n @Prop() marginInlineEndXl?: BoxSpacingType;\n\n /**\n * Defines the box's outer bottom spacing.\n * @defaultValue none\n */\n @Prop() marginBlockEnd?: BoxSpacingType;\n\n /**\n * Defines the box's outer bottom spacing at the XS breakpoint.\n * @defaultValue none\n */\n @Prop() marginBlockEndXs?: BoxSpacingType;\n\n /**\n * Defines the box's outer bottom spacing at the SM breakpoint.\n * @defaultValue none\n */\n @Prop() marginBlockEndSm?: BoxSpacingType;\n\n /**\n * Defines the box's outer bottom spacing at the MD breakpoint.\n * @defaultValue none\n */\n @Prop() marginBlockEndMd?: BoxSpacingType;\n\n /**\n * Defines the box's outer bottom spacing at the LG breakpoint.\n * @defaultValue none\n */\n @Prop() marginBlockEndLg?: BoxSpacingType;\n\n /**\n * Defines the box's outer bottom spacing at the XL breakpoint.\n * @defaultValue none\n */\n @Prop() marginBlockEndXl?: BoxSpacingType;\n\n /**\n * The minimum height of the row. Used in conjunction with alignment props\n */\n @Prop({ reflect: true }) minHeight?: string;\n\n /**\n * The minimum width of the row. Used in conjunction with alignment props\n */\n @Prop({ reflect: true }) minWidth?: string;\n\n /**\n * Move columns to the end direction of the row for all screen sizes. Increases the starting margin of a column by specified number of columns.\n */\n @Prop() offset?: BoxColumnType;\n\n /**\n * Move columns to the end direction of the row for `XS` screen sizes. Increases the starting margin of a column by specified number of columns.\n */\n @Prop() offsetXs?: BoxColumnType;\n\n /**\n * Move columns to the end direction of the row for `SM` screen sizes. Increases the starting margin of a column by specified number of columns.\n */\n @Prop() offsetSm?: BoxColumnType;\n\n /**\n * Move columns to the end direction of the row for `MD` screen sizes. Increases the starting margin of a column by specified number of columns.\n */\n @Prop() offsetMd?: BoxColumnType;\n\n /**\n * Move columns to the end direction of the row for `LG` screen sizes. Increases the starting margin of a column by specified number of columns.\n */\n @Prop() offsetLg?: BoxColumnType;\n\n /**\n * Move columns to the end direction of the row for `XL` screen sizes. Increases the starting margin of a column by specified number of columns.\n */\n @Prop() offsetXl?: BoxColumnType;\n\n /**\n * Defines the spacing between the box items.\n * @defaultValue none\n */\n @Prop() padding?: BoxSpacingType;\n\n /**\n * Defines the spacing between the box items at the XS breakpoint.\n * @defaultValue none\n */\n @Prop() paddingXs?: BoxSpacingType;\n\n /**\n * Defines the spacing between the box items at the SM breakpoint.\n * @defaultValue none\n */\n @Prop() paddingSm?: BoxSpacingType;\n\n /**\n * Defines the spacing between the box items at the MD breakpoint.\n * @defaultValue none\n */\n @Prop() paddingMd?: BoxSpacingType;\n\n /**\n * Defines the spacing between the box items at the LG breakpoint.\n * @defaultValue none\n */\n @Prop() paddingLg?: BoxSpacingType;\n\n /**\n * Defines the spacing between the box items at the XL breakpoint.\n * @defaultValue none\n */\n @Prop() paddingXl?: BoxSpacingType;\n\n\n /**\n * Defines the top spacing.\n * @defaultValue none\n */\n @Prop() paddingBlockStart?: BoxSpacingType;\n\n /**\n * Defines the top spacing at the XS breakpoint.\n * @defaultValue none\n */\n @Prop() paddingBlockStartXs?: BoxSpacingType;\n\n /**\n * Defines the top spacing at the SM breakpoint.\n * @defaultValue none\n */\n @Prop() paddingBlockStartSm?: BoxSpacingType;\n\n /**\n * Defines the top spacing at the MD breakpoint.\n * @defaultValue none\n */\n @Prop() paddingBlockStartMd?: BoxSpacingType;\n\n /**\n * Defines the top spacing at the LG breakpoint.\n * @defaultValue none\n */\n @Prop() paddingBlockStartLg?: BoxSpacingType;\n\n /**\n * Defines the top spacing at the XL breakpoint.\n * @defaultValue none\n */\n @Prop() paddingBlockStartXl?: BoxSpacingType;\n\n /**\n * Defines the bottom spacing.\n * @defaultValue none\n */\n @Prop() paddingBlockEnd?: BoxSpacingType;\n\n /**\n * Defines the bottom spacing at the XS breakpoint.\n * @defaultValue none\n */\n @Prop() paddingBlockEndXs?: BoxSpacingType;\n\n /**\n * Defines the bottom spacing at the SM breakpoint.\n * @defaultValue none\n */\n @Prop() paddingBlockEndSm?: BoxSpacingType;\n\n /**\n * Defines the bottom spacing at the MD breakpoint.\n * @defaultValue none\n */\n @Prop() paddingBlockEndMd?: BoxSpacingType;\n\n /**\n * Defines the bottom spacing at the LG breakpoint.\n * @defaultValue none\n */\n @Prop() paddingBlockEndLg?: BoxSpacingType;\n\n /**\n * Defines the bottom spacing at the XL breakpoint.\n * @defaultValue none\n */\n @Prop() paddingBlockEndXl?: BoxSpacingType;\n\n /**\n * Defines the left spacing.\n * @defaultValue none\n */\n @Prop() paddingInlineStart?: BoxSpacingType;\n\n /**\n * Defines the left spacing at the XS breakpoint.\n * @defaultValue none\n */\n @Prop() paddingInlineStartXs?: BoxSpacingType;\n\n /**\n * Defines the left spacing at the SM breakpoint.\n * @defaultValue none\n */\n @Prop() paddingInlineStartSm?: BoxSpacingType;\n\n /**\n * Defines the left spacing at the MD breakpoint.\n * @defaultValue none\n */\n @Prop() paddingInlineStartMd?: BoxSpacingType;\n\n /**\n * Defines the left spacing at the LG breakpoint.\n * @defaultValue none\n */\n @Prop() paddingInlineStartLg?: BoxSpacingType;\n\n /**\n * Defines the left spacing at the XL breakpoint.\n * @defaultValue none\n */\n @Prop() paddingInlineStartXl?: BoxSpacingType;\n\n /**\n * Defines the right spacing.\n * @defaultValue none\n */\n @Prop() paddingInlineEnd?: BoxSpacingType;\n\n /**\n * Defines the right spacing at the XS breakpoint.\n * @defaultValue none\n */\n @Prop() paddingInlineEndXs?: BoxSpacingType;\n\n /**\n * Defines the right spacing at the SM breakpoint.\n * @defaultValue none\n */\n @Prop() paddingInlineEndSm?: BoxSpacingType;\n\n /**\n * Defines the right spacing at the MD breakpoint.\n * @defaultValue none\n */\n @Prop() paddingInlineEndMd?: BoxSpacingType;\n\n /**\n * Defines the right spacing at the LG breakpoint.\n * @defaultValue none\n */\n @Prop() paddingInlineEndLg?: BoxSpacingType;\n\n /**\n * Defines the right spacing at the XL breakpoint.\n * @defaultValue none\n */\n @Prop() paddingInlineEndXl?: BoxSpacingType;\n\n /**\n * Defines the box shadow.\n * @defaultValue none\n */\n @Prop() shadow?: BoxShadowSizeType;\n\n /**\n * Sets the default column width for the component. This value applies from the smallest screen size (XS) upwards, unless overridden by a breakpoint-specific size prop at that breakpoint or larger.\n */\n @Prop() size?: BoxColumnType;\n\n /**\n * At the XS breakpoint, this prop will take the number of columns specified. This overrides the base size prop for this specific range.\n */\n @Prop() sizeXs?: BoxColumnType;\n\n /**\n * At screen sizes from the SM breakpoint and larger (576px and up), this will take the specified number of columns. This overrides any value set by size or sizeXs.\n */\n @Prop() sizeSm?: BoxColumnType;\n\n /**\n * At screen sizes from the MD breakpoint and larger (768px and up), this will take the specified number of columns. This overrides any value set by size, sizeXs, and up.\n */\n @Prop() sizeMd?: BoxColumnType;\n\n /**\n * At screen sizes from the LG breakpoint and larger (992px and up), this will take the specified number of columns. This overrides any value set by size, sizeXs, and up.\n */\n @Prop() sizeLg?: BoxColumnType;\n\n /**\n * At screen sizes from the XL breakpoint and larger (1200px and up), this will take the specified number of columns. This overrides any value set by size, sizeXs, and up.\n */\n @Prop() sizeXl?: BoxColumnType;\n\n\n\n render() {\n const boxClasses = `\n ${this.alignItems !== undefined && this.alignItems.trim() !== '' ? `pds-align-items-${this.alignItems}` : ''}\n ${this.alignItemsXs !== undefined && this.alignItemsXs.trim() !== '' ? `pds-align-items-xs-${this.alignItemsXs}` : ''}\n ${this.alignItemsSm !== undefined && this.alignItemsSm.trim() !== '' ? `pds-align-items-sm-${this.alignItemsSm}` : ''}\n ${this.alignItemsMd !== undefined && this.alignItemsMd.trim() !== '' ? `pds-align-items-md-${this.alignItemsMd}` : ''}\n ${this.alignItemsLg !== undefined && this.alignItemsLg.trim() !== '' ? `pds-align-items-lg-${this.alignItemsLg}` : ''}\n ${this.alignItemsXl !== undefined && this.alignItemsXl.trim() !== '' ? `pds-align-items-xl-${this.alignItemsXl}` : ''}\n ${this.alignSelf !== undefined && this.alignSelf.trim() !== '' ? `pds-align-self-${this.alignSelf}` : ''}\n ${this.alignSelfXs !== undefined && this.alignSelfXs.trim() !== '' ? `pds-align-self-xs-${this.alignSelfXs}` : ''}\n ${this.alignSelfSm !== undefined && this.alignSelfSm.trim() !== '' ? `pds-align-self-sm-${this.alignSelfSm}` : ''}\n ${this.alignSelfMd !== undefined && this.alignSelfMd.trim() !== '' ? `pds-align-self-md-${this.alignSelfMd}` : ''}\n ${this.alignSelfLg !== undefined && this.alignSelfLg.trim() !== '' ? `pds-align-self-lg-${this.alignSelfLg}` : ''}\n ${this.alignSelfXl !== undefined && this.alignSelfXl.trim() !== '' ? `pds-align-self-xl-${this.alignSelfXl}` : ''}\n ${this.auto ? 'pds-box--auto' : ''}\n ${this.autoXs ? 'pds-box--auto-xs' : ''}\n ${this.autoSm ? 'pds-box--auto-sm' : ''}\n ${this.autoMd ? 'pds-box--auto-md' : ''}\n ${this.autoLg ? 'pds-box--auto-lg' : ''}\n ${this.autoXl ? 'pds-box--auto-xl' : ''}\n ${this.border ? 'pds-box--border' : ''}\n ${this.borderRadius !== undefined && this.borderRadius.trim() !== '' ? `pds-border-radius-${this.borderRadius}` : ''}\n ${this.direction !== undefined && this.direction.trim() !== '' ? `pds-box-direction-${this.direction}` : ''}\n ${this.display !== undefined && this.display.trim() !== '' ? `pds-box--display-${this.display}` : ''}\n ${this.fit ? 'pds-box--fit' : ''}\n ${this.fitXs ? 'pds-box--fit-xs' : ''}\n ${this.fitSm ? 'pds-box--fit-sm' : ''}\n ${this.fitMd ? 'pds-box--fit-md' : ''}\n ${this.fitLg ? 'pds-box--fit-lg' : ''}\n ${this.fitXl ? 'pds-box--fit-xl' : ''}\n ${this.gap !== undefined && this.gap.trim() !== '' ? `pds-box-gap-${this.gap}` : ''}\n ${this.gapXs !== undefined && this.gapXs.trim() !== '' ? `pds-box-gap-xs-${this.gapXs}` : ''}\n ${this.gapSm !== undefined && this.gapSm.trim() !== '' ? `pds-box-gap-sm-${this.gapSm}` : ''}\n ${this.gapMd !== undefined && this.gapMd.trim() !== '' ? `pds-box-gap-md-${this.gapMd}` : ''}\n ${this.gapLg !== undefined && this.gapLg.trim() !== '' ? `pds-box-gap-lg-${this.gapLg}` : ''}\n ${this.gapXl !== undefined && this.gapXl.trim() !== '' ? `pds-box-gap-xl-${this.gapXl}` : ''}\n ${this.wrap ? 'pds-box--wrap' : ''}\n ${this.wrapXs ? 'pds-box--wrap-xs' : ''}\n ${this.wrapSm ? 'pds-box--wrap-sm' : ''}\n ${this.wrapMd ? 'pds-box--wrap-md' : ''}\n ${this.wrapLg ? 'pds-box--wrap-lg' : ''}\n ${this.wrapXl ? 'pds-box--wrap-xl' : ''}\n ${this.flex !== undefined && this.flex.trim() !== '' && ['none', 'grow', 'shrink'].includes(this.flex) ? `pds-box--flex-${this.flex}` : ''}\n ${this.justifyContent !== undefined && this.justifyContent.trim() !== '' ? `pds-justify-content-${this.justifyContent}` : ''}\n ${this.justifyContentXs !== undefined && this.justifyContentXs.trim() !== '' ? `pds-justify-content-xs-${this.justifyContentXs}` : ''}\n ${this.justifyContentSm !== undefined && this.justifyContentSm.trim() !== '' ? `pds-justify-content-sm-${this.justifyContentSm}` : ''}\n ${this.justifyContentMd !== undefined && this.justifyContentMd.trim() !== '' ? `pds-justify-content-md-${this.justifyContentMd}` : ''}\n ${this.justifyContentLg !== undefined && this.justifyContentLg.trim() !== '' ? `pds-justify-content-lg-${this.justifyContentLg}` : ''}\n ${this.justifyContentXl !== undefined && this.justifyContentXl.trim() !== '' ? `pds-justify-content-xl-${this.justifyContentXl}` : ''}\n ${this.marginBlockStart !== undefined && this.marginBlockStart.trim() !== '' ? `pds-margin-block-start-${this.marginBlockStart}` : ''}\n ${this.marginBlockStartXs !== undefined && this.marginBlockStartXs.trim() !== '' ? `pds-margin-block-start-xs-${this.marginBlockStartXs}` : ''}\n ${this.marginBlockStartSm !== undefined && this.marginBlockStartSm.trim() !== '' ? `pds-margin-block-start-sm-${this.marginBlockStartSm}` : ''}\n ${this.marginBlockStartMd !== undefined && this.marginBlockStartMd.trim() !== '' ? `pds-margin-block-start-md-${this.marginBlockStartMd}` : ''}\n ${this.marginBlockStartLg !== undefined && this.marginBlockStartLg.trim() !== '' ? `pds-margin-block-start-lg-${this.marginBlockStartLg}` : ''}\n ${this.marginBlockStartXl !== undefined && this.marginBlockStartXl.trim() !== '' ? `pds-margin-block-start-xl-${this.marginBlockStartXl}` : ''}\n ${this.marginInlineStart !== undefined && this.marginInlineStart.trim() !== '' ? `pds-margin-inline-start-${this.marginInlineStart}` : ''}\n ${this.marginInlineStartXs !== undefined && this.marginInlineStartXs.trim() !== '' ? `pds-margin-inline-start-xs-${this.marginInlineStartXs}` : ''}\n ${this.marginInlineStartSm !== undefined && this.marginInlineStartSm.trim() !== '' ? `pds-margin-inline-start-sm-${this.marginInlineStartSm}` : ''}\n ${this.marginInlineStartMd !== undefined && this.marginInlineStartMd.trim() !== '' ? `pds-margin-inline-start-md-${this.marginInlineStartMd}` : ''}\n ${this.marginInlineStartLg !== undefined && this.marginInlineStartLg.trim() !== '' ? `pds-margin-inline-start-lg-${this.marginInlineStartLg}` : ''}\n ${this.marginInlineStartXl !== undefined && this.marginInlineStartXl.trim() !== '' ? `pds-margin-inline-start-xl-${this.marginInlineStartXl}` : ''}\n ${this.marginInlineEnd !== undefined && this.marginInlineEnd.trim() !== '' ? `pds-margin-inline-end-${this.marginInlineEnd}` : ''}\n ${this.marginInlineEndXs !== undefined && this.marginInlineEndXs.trim() !== '' ? `pds-margin-inline-end-xs-${this.marginInlineEndXs}` : ''}\n ${this.marginInlineEndSm !== undefined && this.marginInlineEndSm.trim() !== '' ? `pds-margin-inline-end-sm-${this.marginInlineEndSm}` : ''}\n ${this.marginInlineEndMd !== undefined && this.marginInlineEndMd.trim() !== '' ? `pds-margin-inline-end-md-${this.marginInlineEndMd}` : ''}\n ${this.marginInlineEndLg !== undefined && this.marginInlineEndLg.trim() !== '' ? `pds-margin-inline-end-lg-${this.marginInlineEndLg}` : ''}\n ${this.marginInlineEndXl !== undefined && this.marginInlineEndXl.trim() !== '' ? `pds-margin-inline-end-xl-${this.marginInlineEndXl}` : ''}\n ${this.marginBlockEnd !== undefined && this.marginBlockEnd.trim() !== '' ? `pds-margin-block-end-${this.marginBlockEnd}` : ''}\n ${this.marginBlockEndXs !== undefined && this.marginBlockEndXs.trim() !== '' ? `pds-margin-block-end-xs-${this.marginBlockEndXs}` : ''}\n ${this.marginBlockEndSm !== undefined && this.marginBlockEndSm.trim() !== '' ? `pds-margin-block-end-sm-${this.marginBlockEndSm}` : ''}\n ${this.marginBlockEndMd !== undefined && this.marginBlockEndMd.trim() !== '' ? `pds-margin-block-end-md-${this.marginBlockEndMd}` : ''}\n ${this.marginBlockEndLg !== undefined && this.marginBlockEndLg.trim() !== '' ? `pds-margin-block-end-lg-${this.marginBlockEndLg}` : ''}\n ${this.marginBlockEndXl !== undefined && this.marginBlockEndXl.trim() !== '' ? `pds-margin-block-end-xl-${this.marginBlockEndXl}` : ''}\n ${this.offset !== undefined && this.offset.trim() !== '' ? `pds-box-offset-${this.offset}` : ''}\n ${this.offsetXs !== undefined && this.offsetXs.trim() !== '' ? `pds-box-offset-xs-${this.offsetXs}` : ''}\n ${this.offsetSm !== undefined && this.offsetSm.trim() !== '' ? `pds-box-offset-sm-${this.offsetSm}` : ''}\n ${this.offsetMd !== undefined && this.offsetMd.trim() !== '' ? `pds-box-offset-md-${this.offsetMd}` : ''}\n ${this.offsetLg !== undefined && this.offsetLg.trim() !== '' ? `pds-box-offset-lg-${this.offsetLg}` : ''}\n ${this.offsetXl !== undefined && this.offsetXl.trim() !== '' ? `pds-box-offset-xl-${this.offsetXl}` : ''}\n ${this.padding !== undefined && this.padding.trim() !== '' ? `pds-padding-${this.padding}` : ''}\n ${this.paddingXs !== undefined && this.paddingXs.trim() !== '' ? `pds-padding-xs-${this.paddingXs}` : ''}\n ${this.paddingSm !== undefined && this.paddingSm.trim() !== '' ? `pds-padding-sm-${this.paddingSm}` : ''}\n ${this.paddingMd !== undefined && this.paddingMd.trim() !== '' ? `pds-padding-md-${this.paddingMd}` : ''}\n ${this.paddingLg !== undefined && this.paddingLg.trim() !== '' ? `pds-padding-lg-${this.paddingLg}` : ''}\n ${this.paddingXl !== undefined && this.paddingXl.trim() !== '' ? `pds-padding-xl-${this.paddingXl}` : ''}\n ${this.paddingBlockStart !== undefined && this.paddingBlockStart.trim() !== '' ? `pds-padding-block-start-${this.paddingBlockStart}` : ''}\n ${this.paddingBlockStartXs !== undefined && this.paddingBlockStartXs.trim() !== '' ? `pds-padding-block-start-xs-${this.paddingBlockStartXs}` : ''}\n ${this.paddingBlockStartSm !== undefined && this.paddingBlockStartSm.trim() !== '' ? `pds-padding-block-start-sm-${this.paddingBlockStartSm}` : ''}\n ${this.paddingBlockStartMd !== undefined && this.paddingBlockStartMd.trim() !== '' ? `pds-padding-block-start-md-${this.paddingBlockStartMd}` : ''}\n ${this.paddingBlockStartLg !== undefined && this.paddingBlockStartLg.trim() !== '' ? `pds-padding-block-start-lg-${this.paddingBlockStartLg}` : ''}\n ${this.paddingBlockStartXl !== undefined && this.paddingBlockStartXl.trim() !== '' ? `pds-padding-block-start-xl-${this.paddingBlockStartXl}` : ''}\n ${this.paddingBlockEnd !== undefined && this.paddingBlockEnd.trim() !== '' ? `pds-padding-block-end-${this.paddingBlockEnd}` : ''}\n ${this.paddingBlockEndXs !== undefined && this.paddingBlockEndXs.trim() !== '' ? `pds-padding-block-end-xs-${this.paddingBlockEndXs}` : ''}\n ${this.paddingBlockEndSm !== undefined && this.paddingBlockEndSm.trim() !== '' ? `pds-padding-block-end-sm-${this.paddingBlockEndSm}` : ''}\n ${this.paddingBlockEndMd !== undefined && this.paddingBlockEndMd.trim() !== '' ? `pds-padding-block-end-md-${this.paddingBlockEndMd}` : ''}\n ${this.paddingBlockEndLg !== undefined && this.paddingBlockEndLg.trim() !== '' ? `pds-padding-block-end-lg-${this.paddingBlockEndLg}` : ''}\n ${this.paddingBlockEndXl !== undefined && this.paddingBlockEndXl.trim() !== '' ? `pds-padding-block-end-xl-${this.paddingBlockEndXl}` : ''}\n ${this.paddingInlineStart !== undefined && this.paddingInlineStart.trim() !== '' ? `pds-padding-inline-start-${this.paddingInlineStart}` : ''}\n ${this.paddingInlineStartXs !== undefined && this.paddingInlineStartXs.trim() !== '' ? `pds-padding-inline-start-xs-${this.paddingInlineStartXs}` : ''}\n ${this.paddingInlineStartSm !== undefined && this.paddingInlineStartSm.trim() !== '' ? `pds-padding-inline-start-sm-${this.paddingInlineStartSm}` : ''}\n ${this.paddingInlineStartMd !== undefined && this.paddingInlineStartMd.trim() !== '' ? `pds-padding-inline-start-md-${this.paddingInlineStartMd}` : ''}\n ${this.paddingInlineStartLg !== undefined && this.paddingInlineStartLg.trim() !== '' ? `pds-padding-inline-start-lg-${this.paddingInlineStartLg}` : ''}\n ${this.paddingInlineStartXl !== undefined && this.paddingInlineStartXl.trim() !== '' ? `pds-padding-inline-start-xl-${this.paddingInlineStartXl}` : ''}\n ${this.paddingInlineEnd !== undefined && this.paddingInlineEnd.trim() !== '' ? `pds-padding-inline-end-${this.paddingInlineEnd}` : ''}\n ${this.paddingInlineEndXs !== undefined && this.paddingInlineEndXs.trim() !== '' ? `pds-padding-inline-end-xs-${this.paddingInlineEndXs}` : ''}\n ${this.paddingInlineEndSm !== undefined && this.paddingInlineEndSm.trim() !== '' ? `pds-padding-inline-end-sm-${this.paddingInlineEndSm}` : ''}\n ${this.paddingInlineEndMd !== undefined && this.paddingInlineEndMd.trim() !== '' ? `pds-padding-inline-end-md-${this.paddingInlineEndMd}` : ''}\n ${this.paddingInlineEndLg !== undefined && this.paddingInlineEndLg.trim() !== '' ? `pds-padding-inline-end-lg-${this.paddingInlineEndLg}` : ''}\n ${this.paddingInlineEndXl !== undefined && this.paddingInlineEndXl.trim() !== '' ? `pds-padding-inline-end-xl-${this.paddingInlineEndXl}` : ''}\n ${this.shadow !== undefined && this.shadow.trim() !== '' ? `pds-shadow-${this.shadow}` : ''}\n ${this.size !== undefined && this.size.trim() !== '' ? `pds-box pds-box-${this.size}` : ''}\n ${this.sizeXs !== undefined && this.sizeXs.trim() !== '' ? `pds-box-xs-${this.sizeXs}` : ''}\n ${this.sizeSm !== undefined && this.sizeSm.trim() !== '' ? `pds-box-sm-${this.sizeSm}` : ''}\n ${this.sizeMd !== undefined && this.sizeMd.trim() !== '' ? `pds-box-md-${this.sizeMd}` : ''}\n ${this.sizeLg !== undefined && this.sizeLg.trim() !== '' ? `pds-box-lg-${this.sizeLg}` : ''}\n ${this.sizeXl !== undefined && this.sizeXl.trim() !== '' ? `pds-box-xl-${this.sizeXl}` : ''}\n ${this.size == undefined &&\n this.sizeSm == undefined &&\n this.sizeMd == undefined &&\n this.sizeLg == undefined &&\n this.sizeXl == undefined ? 'pds-box' : ''}\n `;\n\n // Normalize so pds-box accepts --token, var(--token), or literals (no semantic names)\n const normalizedBackground = normalizeColorValue(this.backgroundColor);\n const normalizedBorder = normalizeColorValue(this.borderColor);\n\n const boxInlineStyles = {\n ...(normalizedBackground && { '--color-background-box': normalizedBackground }),\n ...(normalizedBorder && { '--color-border-box': normalizedBorder }),\n ...(this.minHeight && { '--sizing-min-height-box': this.minHeight }),\n ...(this.minWidth && { '--sizing-min-width-box': this.minWidth }),\n ...(this.flex && !['none', 'grow', 'shrink'].includes(this.flex) && { 'flex': this.flex }),\n };\n\n return (\n <Host class={boxClasses} style={boxInlineStyles}>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
package/dist/pine-core/{p-d69f0f51.system.entry.js → p-da1fb45d.system.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- System.register(["./p-Cxvdulqq.system.js"],(function(e){"use strict";var a,t,i,n,s;return{setters:[function(e){a=e.r;t=e.c;i=e.h;n=e.H;s=e.g}],execute:function(){var o='pds-tab{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;position:relative}.pds-tabs--pill pds-tab{-ms-flex:1;flex:1}.pds-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:var(--pine-border-width-none);-webkit-box-shadow:none;box-shadow:none;color:inherit;cursor:pointer;font-family:inherit;padding:var(--pine-dimension-none);-ms-flex-align:center;align-items:center;color:var(--pine-color-text-secondary);display:-ms-inline-flexbox;display:inline-flex;position:relative;text-decoration:none;white-space:nowrap}.pds-tab.is-active,.pds-tab[aria-selected=true]{color:var(--pine-color-text)}.pds-tab.is-active .pds-tab__content::after,.pds-tab[aria-selected=true] .pds-tab__content::after{opacity:1}.pds-tab:hover{color:var(--pine-color-text)}.pds-tab:focus{outline:none}.pds-tab:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-tab .pds-tab__content{font-family:var(--pine-font-family-body);font-size:var(--pine-font-size);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);-webkit-padding-after:11px;padding-block-end:11px;position:relative}.pds-tab .pds-tab__content::after{background-color:var(--pine-color-brand);content:"";height:3px;inset-block-end:var(--pine-dimension-none);inset-inline-end:var(--pine-dimension-none);inset-inline-start:var(--pine-dimension-none);opacity:0;position:absolute}.pds-tab .pds-tab-edge{display:none}.pds-tabs--availability{--color-background-tab:transparent}.pds-tabs--availability .pds-tab{background-color:var(--color-background-tab);border-radius:calc(var(--pine-dimension-xs) * 1.25) calc(var(--pine-dimension-xs) * 1.25) var(--pine-dimension-none) var(--pine-dimension-none);padding:8px 16px 13px}.pds-tabs--availability .pds-tab.is-active,.pds-tabs--availability .pds-tab[aria-selected=true]{--color-background-tab:var(--pine-color-secondary)}.pds-tabs--availability .pds-tab.is-active .pds-tab__content::after,.pds-tabs--availability .pds-tab[aria-selected=true] .pds-tab__content::after{opacity:1}.pds-tabs--availability .pds-tab.is-active .pds-tab-edge,.pds-tabs--availability .pds-tab[aria-selected=true] .pds-tab-edge{z-index:var(--pine-z-index-raised)}.pds-tabs--availability .pds-tab:hover:not(.is-active,[aria-selected=true]){--color-background-tab:var(--pine-color-secondary-hover)}.pds-tabs--availability .pds-tab:focus-visible{color:var(--pine-color-text-secondary)}.pds-tabs--availability .pds-tab__content{-webkit-padding-after:7px;padding-block-end:7px}.pds-tabs--availability .pds-tab-edge{bottom:0;display:block;height:8px;inset-inline-end:100%;overflow:hidden;position:absolute;width:8px}.pds-tabs--availability .pds-tab-edge::before{border-radius:50%;bottom:0;-webkit-box-shadow:4px 4px 0 0 var(--color-background-tab);box-shadow:4px 4px 0 0 var(--color-background-tab);content:"";display:block;height:200%;inset-inline-end:0;position:absolute;width:200%}.pds-tabs--availability .pds-tab-edge--end{inset-inline-end:unset;inset-inline-start:100%}.pds-tabs--availability .pds-tab-edge--end::before{-webkit-box-shadow:-4px 4px 0 0 var(--color-background-tab);box-shadow:-4px 4px 0 0 var(--color-background-tab);inset-inline-end:unset;inset-inline-start:0}.pds-tabs--filter .pds-tab{background-color:var(--pine-color-background-container-disabled);border-radius:50px;color:var(--pine-color-text);padding:6px 15px}.pds-tabs--filter .pds-tab.is-active,.pds-tabs--filter .pds-tab[aria-selected=true]{background-color:var(--pine-color-primary);color:var(--pine-color-text-primary)}.pds-tabs--filter .pds-tab.is-active:hover,.pds-tabs--filter .pds-tab[aria-selected=true]:hover{background-color:var(--pine-color-primary-hover)}.pds-tabs--filter .pds-tab:hover:not(.is-active,[aria-selected=true]){background-color:var(--pine-color-border-disabled)}.pds-tabs--filter .pds-tab__content{-webkit-padding-after:var(--pine-dimension-none);padding-block-end:var(--pine-dimension-none)}.pds-tabs--filter .pds-tab__content::after{content:unset}.pds-tabs--pill{--color-background-tab:transparent}.pds-tabs--pill .pds-tab{background-color:var(--color-background-tab);border:var(--pine-border-width-thin) solid transparent;border-radius:var(--pine-dimension-xs);color:var(--pine-color-text-readonly);-ms-flex:1;flex:1;height:34px;-ms-flex-pack:center;justify-content:center}.pds-tabs--pill .pds-tab .pds-tab__content{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-webkit-padding-after:0;padding-block-end:0}.pds-tabs--pill .pds-tab.is-active,.pds-tabs--pill .pds-tab[aria-selected=true]{--color-background-tab:var(--pine-color-white);border-color:var(--pine-color-border);-webkit-box-shadow:var(--pine-box-shadow-100);box-shadow:var(--pine-box-shadow-100);color:var(--pine-color-text-active);}.pds-tabs--pill .pds-tab.is-active:focus-visible,.pds-tabs--pill .pds-tab[aria-selected=true]:focus-visible{border-color:var(--color-border-focus);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-tabs--pill .pds-tab.is-active .pds-tab__content::after,.pds-tabs--pill .pds-tab[aria-selected=true] .pds-tab__content::after{opacity:0}';var r=e("pds_tab",function(){function e(e){a(this,e);this.pdsTabClick=t(this,"pdsTabClick");this.selected=false}e.prototype.onTabClick=function(e,a){this.pdsTabClick.emit([e,a])};e.prototype.render=function(){var e=i("span",{key:"837cf57372db654f6ca411054446ebf0bc27b539",class:"pds-tab-edge",role:"presentation"});var a=i("span",{key:"e15055442d56b50e6ac21bfb76fc0f599406a4fb",class:"pds-tab-edge pds-tab-edge--end",role:"presentation"});return i(n,{key:"1c02a1c8e5e562449ab954061a10acc3d54c3efc",variant:this.variant,slot:"tabs",index:this.index},i("button",{key:"31b0e173dd738fa272dcaf4fc48a0581978f43b2",role:"tab",id:this.parentComponentId+"__"+this.name,"aria-controls":this.parentComponentId+"__"+this.name+"-panel",tabindex:this.selected?"0":"-1","aria-selected":this.selected?"true":"false",class:this.selected?"pds-tab is-active":"pds-tab",onClick:this.onTabClick.bind(this,this.index,this.parentComponentId)},this.variant==="availability"&&e,this.variant==="availability"&&a,i("div",{key:"95b4f8d4c226e3b3a174d439816ec4d28cef0686",class:"pds-tab__content"},i("slot",{key:"452a208775d54a290c0fcc6a69f6e546fde29afe"}))))};Object.defineProperty(e.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});return e}());r.style=o}}}));
2
- //# sourceMappingURL=p-d69f0f51.system.entry.js.map
1
+ System.register(["./p-Cxvdulqq.system.js"],(function(e){"use strict";var a,t,i,n,s;return{setters:[function(e){a=e.r;t=e.c;i=e.h;n=e.H;s=e.g}],execute:function(){var o='pds-tab{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;position:relative}.pds-tabs--pill pds-tab{-ms-flex:1;flex:1}.pds-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:var(--pine-border-width-none);-webkit-box-shadow:none;box-shadow:none;color:inherit;cursor:pointer;font-family:inherit;padding:var(--pine-dimension-none);-ms-flex-align:center;align-items:center;color:var(--pine-color-text-secondary);display:-ms-inline-flexbox;display:inline-flex;position:relative;text-decoration:none;white-space:nowrap}.pds-tab.is-active,.pds-tab[aria-selected=true]{color:var(--pine-color-text)}.pds-tab.is-active .pds-tab__content::after,.pds-tab[aria-selected=true] .pds-tab__content::after{opacity:1}.pds-tab:hover{color:var(--pine-color-text)}.pds-tab:focus{outline:none}.pds-tab:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-tab .pds-tab__content{font-family:var(--pine-font-family-body);font-size:var(--pine-font-size);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);-webkit-padding-after:11px;padding-block-end:11px;position:relative}.pds-tab .pds-tab__content::after{background-color:var(--pine-color-brand);content:"";height:3px;inset-block-end:var(--pine-dimension-none);inset-inline-end:var(--pine-dimension-none);inset-inline-start:var(--pine-dimension-none);opacity:0;position:absolute}.pds-tab .pds-tab-edge{display:none}.pds-tabs--availability{--color-background-tab:transparent}.pds-tabs--availability .pds-tab{background-color:var(--color-background-tab);border-radius:calc(var(--pine-dimension-xs) * 1.25) calc(var(--pine-dimension-xs) * 1.25) var(--pine-dimension-none) var(--pine-dimension-none);padding:8px 16px 13px}.pds-tabs--availability .pds-tab.is-active,.pds-tabs--availability .pds-tab[aria-selected=true]{--color-background-tab:var(--pine-color-secondary)}.pds-tabs--availability .pds-tab.is-active .pds-tab__content::after,.pds-tabs--availability .pds-tab[aria-selected=true] .pds-tab__content::after{opacity:1}.pds-tabs--availability .pds-tab.is-active .pds-tab-edge,.pds-tabs--availability .pds-tab[aria-selected=true] .pds-tab-edge{z-index:var(--pine-z-index-raised)}.pds-tabs--availability .pds-tab:hover:not(.is-active,[aria-selected=true]){--color-background-tab:var(--pine-color-secondary-hover)}.pds-tabs--availability .pds-tab:focus-visible{color:var(--pine-color-text-secondary)}.pds-tabs--availability .pds-tab__content{-webkit-padding-after:7px;padding-block-end:7px}.pds-tabs--availability .pds-tab-edge{bottom:0;display:block;height:8px;inset-inline-end:100%;overflow:hidden;position:absolute;width:8px}.pds-tabs--availability .pds-tab-edge::before{border-radius:50%;bottom:0;-webkit-box-shadow:4px 4px 0 0 var(--color-background-tab);box-shadow:4px 4px 0 0 var(--color-background-tab);content:"";display:block;height:200%;inset-inline-end:0;position:absolute;width:200%}.pds-tabs--availability .pds-tab-edge--end{inset-inline-end:unset;inset-inline-start:100%}.pds-tabs--availability .pds-tab-edge--end::before{-webkit-box-shadow:-4px 4px 0 0 var(--color-background-tab);box-shadow:-4px 4px 0 0 var(--color-background-tab);inset-inline-end:unset;inset-inline-start:0}.pds-tabs--filter .pds-tab{background-color:var(--pine-color-background-container-disabled);border-radius:50px;color:var(--pine-color-text);padding:6px 15px}.pds-tabs--filter .pds-tab.is-active,.pds-tabs--filter .pds-tab[aria-selected=true]{background-color:var(--pine-color-primary);color:var(--pine-color-text-primary)}.pds-tabs--filter .pds-tab.is-active:hover,.pds-tabs--filter .pds-tab[aria-selected=true]:hover{background-color:var(--pine-color-primary-hover)}.pds-tabs--filter .pds-tab:hover:not(.is-active,[aria-selected=true]){background-color:var(--pine-color-border-disabled)}.pds-tabs--filter .pds-tab__content{-webkit-padding-after:var(--pine-dimension-none);padding-block-end:var(--pine-dimension-none)}.pds-tabs--filter .pds-tab__content::after{content:unset}.pds-tabs--pill{--color-background-tab:transparent}.pds-tabs--pill .pds-tab{background-color:var(--color-background-tab);border:var(--pine-border-width-thin) solid transparent;border-radius:var(--pine-dimension-xs);color:var(--pine-color-text-readonly);-ms-flex:1;flex:1;height:34px;-ms-flex-pack:center;justify-content:center}.pds-tabs--pill .pds-tab .pds-tab__content{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-webkit-padding-after:0;padding-block-end:0}.pds-tabs--pill .pds-tab.is-active,.pds-tabs--pill .pds-tab[aria-selected=true]{--color-background-tab:var(--pine-color-white);border-color:var(--pine-color-border);-webkit-box-shadow:var(--pine-box-shadow-100);box-shadow:var(--pine-box-shadow-100);color:var(--pine-color-text-active);}.pds-tabs--pill .pds-tab.is-active:focus-visible,.pds-tabs--pill .pds-tab[aria-selected=true]:focus-visible{border-color:var(--color-border-focus);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-tabs--pill .pds-tab.is-active .pds-tab__content::after,.pds-tabs--pill .pds-tab[aria-selected=true] .pds-tab__content::after{opacity:0}';var r=e("pds_tab",function(){function e(e){a(this,e);this.pdsTabClick=t(this,"pdsTabClick");this.selected=false}e.prototype.onTabClick=function(e,a){this.pdsTabClick.emit([e,a])};e.prototype.render=function(){var e=i("span",{key:"6a1adf68c8774382c193832185552d89bd0c0c6c",class:"pds-tab-edge",role:"presentation"});var a=i("span",{key:"df0dfc8e49b647e1050b938eb78438bcfff752b9",class:"pds-tab-edge pds-tab-edge--end",role:"presentation"});return i(n,{key:"e1c195404903faf1c8d0d69a532a9dbc74972ff3",variant:this.variant,slot:"tabs",index:this.index},i("button",{key:"48b87755de0d0f30c8a9e0e33262b0db61e5fe89",role:"tab",id:this.parentComponentId+"__"+this.name,"aria-controls":this.parentComponentId+"__"+this.name+"-panel",tabindex:this.selected?"0":"-1","aria-selected":this.selected?"true":"false",class:this.selected?"pds-tab is-active":"pds-tab",onClick:this.onTabClick.bind(this,this.index,this.parentComponentId)},this.variant==="availability"&&e,this.variant==="availability"&&a,i("div",{key:"e14fe7ca40faca035ec6bc4f6ead950af31b320c",class:"pds-tab__content"},i("slot",{key:"f9377c907178ef8c02c840c35c3fcbad9afee997"}))))};Object.defineProperty(e.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});return e}());r.style=o}}}));
2
+ //# sourceMappingURL=p-da1fb45d.system.entry.js.map
package/dist/pine-core/{p-9cf2b7a6.entry.js → p-e18c3044.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as t,h as i,H as o,g as r}from"./p-Bf1dou5H.js";import{c as s,a as e,o as l,f as a,s as n}from"./p-DbQzNDdQ.js";const p='.pds-tooltip{--tooltip-border-width-arrow-down:var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) 0;--tooltip-border-width-arrow-left:var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) 0;--tooltip-border-width-arrow-right:var(--tooltip-sizing-arrow) 0 var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow);--tooltip-border-width-arrow-up:0 var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow);--tooltip-sizing-arrow:6px;--tooltip-sizing-arrow-offset:14px;--tooltip-dimension-max-width:320px}.pds-tooltip__content{background-color:var(--pine-color-primary);border-radius:calc(var(--pine-dimension-xs) * 1.25);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);color:var(--pine-color-text-primary);max-width:var(--tooltip-dimension-max-width);opacity:0;padding:var(--pine-dimension-xs) calc(var(--pine-dimension-md) / 2);visibility:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content}.pds-tooltip--is-open .pds-tooltip__content{opacity:1;visibility:visible;z-index:var(--pine-z-index-raised)}.pds-tooltip.pds-tooltip--has-html-content .pds-tooltip__content{width:auto}.pds-tooltip__content::after{border-color:transparent;border-right-color:transparent;border-style:solid;border-width:var(--tooltip-border-width-arrow-left);content:"";height:0;position:absolute;width:0}.pds-tooltip--right .pds-tooltip__content::after{border-inline-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-left);left:calc(var(--tooltip-sizing-arrow) * -1);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pds-tooltip--right-end .pds-tooltip__content::after{border-inline-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-left);bottom:var(--tooltip-sizing-arrow-offset);left:calc(var(--tooltip-sizing-arrow) * -1);top:initial}.pds-tooltip--right-start .pds-tooltip__content::after{border-inline-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-left);left:calc(var(--tooltip-sizing-arrow) * -1);top:var(--tooltip-sizing-arrow-offset)}.pds-tooltip--top .pds-tooltip__content::after{border-block-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-down);bottom:calc(var(--tooltip-sizing-arrow) * -1);left:50%;top:initial;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pds-tooltip--top-start .pds-tooltip__content::after{border-block-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-down);bottom:calc(var(--tooltip-sizing-arrow) * -1);left:var(--tooltip-sizing-arrow-offset);top:initial}.pds-tooltip--top-end .pds-tooltip__content::after{border-block-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-down);bottom:calc(var(--tooltip-sizing-arrow) * -1);left:initial;right:var(--tooltip-sizing-arrow-offset);top:initial}.pds-tooltip--left .pds-tooltip__content::after{border-inline-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-right);left:initial;right:calc(var(--tooltip-sizing-arrow) * -1);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pds-tooltip--left-end .pds-tooltip__content::after{border-inline-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-right);bottom:var(--tooltip-sizing-arrow-offset);left:initial;right:calc(var(--tooltip-sizing-arrow) * -1);top:initial}.pds-tooltip--left-start .pds-tooltip__content::after{border-inline-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-right);left:initial;right:calc(var(--tooltip-sizing-arrow) * -1);top:var(--tooltip-sizing-arrow-offset)}.pds-tooltip--bottom .pds-tooltip__content::after{border-block-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-up);left:50%;top:calc(var(--tooltip-sizing-arrow) * -1);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pds-tooltip--bottom-end .pds-tooltip__content::after{border-block-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-up);left:initial;right:var(--tooltip-sizing-arrow-offset);top:calc(var(--tooltip-sizing-arrow) * -1)}.pds-tooltip--bottom-start .pds-tooltip__content::after{border-block-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-up);left:var(--tooltip-sizing-arrow-offset);top:calc(var(--tooltip-sizing-arrow) * -1)}.pds-tooltip--no-arrow .pds-tooltip__content::after{border-width:0}';const h=class{constructor(i){t(this,i);this._isInteractiveOpen=false;this.portalEl=null;this.resolvedPlacement="right";this.triggerEl=null;this.contentDiv=null;this.slotMutationObserver=null;this.currentPathname="";this.pathnameCheckInterval=null;this.stopAutoUpdate=null;this.hasArrow=true;this.htmlContent=false;this.placement="right";this.maxWidth="352px";this.opened=false;this.handleHide=()=>{if(this.opened&&!this._isInteractiveOpen){return}this.hideTooltip();this._isInteractiveOpen=false};this.handleShow=()=>{if(this.opened&&!this._isInteractiveOpen){return}this._isInteractiveOpen=true;this.showTooltip()};this.handlePageShow=()=>{if(this.opened&&!this._isInteractiveOpen){return}this.opened=false;this._isInteractiveOpen=false};this.handleSpaNavigation=()=>{if(this.opened&&!this._isInteractiveOpen){return}this.hideTooltip();this._isInteractiveOpen=false};this.checkPathnameChange=()=>{if(window.location.pathname!==this.currentPathname){this.currentPathname=window.location.pathname;this.handleSpaNavigation()}}}handleOpenToggle(t,i){if(t===false&&i===true){this._isInteractiveOpen=false}}componentWillLoad(){this._isInteractiveOpen=false;this.resolvedPlacement=this.placement}componentDidLoad(){window.addEventListener("pageshow",this.handlePageShow);this.currentPathname=window.location.pathname;this.triggerEl=this.el.querySelector(".pds-tooltip__trigger");const t=this.el.querySelector(".pds-tooltip__content-slot-wrapper");if(t!==null){this.slotMutationObserver=new MutationObserver((()=>{if(this.opened&&this.portalEl!==null){this.removePortal();this.createPortal()}}));this.slotMutationObserver.observe(t,{childList:true,subtree:false})}}disconnectedCallback(){window.removeEventListener("pageshow",this.handlePageShow);if(this.slotMutationObserver!==null){this.slotMutationObserver.disconnect();this.slotMutationObserver=null}if(this.portalEl!==null){this.removePortal()}if(this.pathnameCheckInterval!==null){clearInterval(this.pathnameCheckInterval);this.pathnameCheckInterval=null}if(this.stopAutoUpdate!==null){this.stopAutoUpdate();this.stopAutoUpdate=null}}componentDidRender(){if(this.opened&&this.portalEl===null){this.createPortal()}else if(!this.opened&&this.portalEl!==null){this.removePortal()}if(this.portalEl!==null){this.portalEl.className=`pds-tooltip pds-tooltip--${this.resolvedPlacement} ${this.htmlContent?"pds-tooltip--has-html-content":""} ${this.opened?"pds-tooltip--is-open":""} ${this.hasArrow?"":"pds-tooltip--no-arrow"}`;this.portalEl.setAttribute("aria-hidden",this.opened?"false":"true");this.portalEl.setAttribute("aria-live",this.opened?"polite":"off")}}async showTooltip(){this.opened=true}async hideTooltip(){this.opened=false}determinePositioningAnchor(){let t=this.triggerEl;if(this.triggerEl!==null){const i=this.triggerEl.childNodes;for(let o=0;o<i.length;o++){const r=i[o];if(r.nodeType===Node.ELEMENT_NODE){t=r;break}}}return t}async repositionPortal(){const t=this.determinePositioningAnchor();if(t!==null&&this.portalEl!==null){try{const{x:i,y:o,placement:r}=await s(t,this.portalEl,{placement:this.placement,strategy:"fixed",middleware:[l(8),a(),n({padding:5})]});this.resolvedPlacement=r;Object.assign(this.portalEl.style,{left:`${i}px`,top:`${o}px`,position:"fixed"});this.portalEl.className=`pds-tooltip pds-tooltip--${this.resolvedPlacement} ${this.htmlContent?"pds-tooltip--has-html-content":""} ${this.opened?"pds-tooltip--is-open":""} ${this.hasArrow?"":"pds-tooltip--no-arrow"}`}catch(i){console.warn("Failed to position tooltip:",i);this.resolvedPlacement=this.placement;const o=t.getBoundingClientRect();this.portalEl.style.left=`${o.right+8}px`;this.portalEl.style.top=`${o.top}px`;this.portalEl.style.position="fixed"}}}createPortal(){if(this.portalEl!==null)return;this.portalEl=document.createElement("div");this.portalEl.className=`pds-tooltip pds-tooltip--${this.resolvedPlacement} ${this.htmlContent?"pds-tooltip--has-html-content":""} ${this.opened?"pds-tooltip--is-open":""} ${this.hasArrow?"":"pds-tooltip--no-arrow"}`;this.portalEl.style.position="fixed";this.portalEl.style.zIndex="var(--pine-z-index-nuclear)";if(this.portalEl.id===""){const t=h.instanceCounter++;const i=this.componentId||this.el.id||"pds-tooltip";this.portalEl.id=`${i}-portal-${t}`}if(this.portalEl.getAttribute("id")!==this.portalEl.id){this.portalEl.setAttribute("id",this.portalEl.id)}this.portalEl.setAttribute("role","tooltip");this.portalEl.setAttribute("aria-hidden",this.opened?"false":"true");this.portalEl.setAttribute("aria-live",this.opened?"polite":"off");this.portalEl.style.maxWidth=this.maxWidth;this.contentDiv=document.createElement("div");this.contentDiv.className="pds-tooltip__content";this.contentDiv.setAttribute("aria-hidden",this.opened?"false":"true");this.contentDiv.setAttribute("aria-live",this.opened?"polite":"off");const t=this.el.querySelector(".pds-tooltip__content-slot-wrapper");const i=t===null||t===void 0?void 0:t.querySelector('[slot="content"]');let o=false;if(i!==null){const t=Array.from(i.childNodes);if(t.length>0){const i=t.some((t=>{var i;return t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&((i=t.textContent)===null||i===void 0?void 0:i.trim())!==""}));if(i){o=true;t.forEach((t=>{var i;if(t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&((i=t.textContent)===null||i===void 0?void 0:i.trim())!==""){this.contentDiv.appendChild(t.cloneNode(true))}}))}}}if(!o&&typeof this.content==="string"&&this.content.trim()!==""){this.contentDiv.textContent=this.content}this.portalEl.appendChild(this.contentDiv);document.body.appendChild(this.portalEl);this.repositionPortal().catch((t=>{console.warn("Failed to position tooltip on creation:",t)}));if(this.triggerEl&&this.portalEl){this.stopAutoUpdate=e(this.triggerEl,this.portalEl,(()=>{this.repositionPortal().catch((t=>{console.warn("Failed to reposition tooltip on auto update:",t)}))}))}window.addEventListener("popstate",this.handleSpaNavigation,true);window.addEventListener("hashchange",this.handleSpaNavigation,true);this.pathnameCheckInterval=setInterval(this.checkPathnameChange,100);if(this.triggerEl!==null&&this.portalEl.id!==""){this.triggerEl.setAttribute("aria-describedby",this.portalEl.id)}}removePortal(){if(this.stopAutoUpdate!==null){this.stopAutoUpdate();this.stopAutoUpdate=null}if(this.pathnameCheckInterval!==null){clearInterval(this.pathnameCheckInterval);this.pathnameCheckInterval=null}if(this.portalEl!==null){window.removeEventListener("popstate",this.handleSpaNavigation,true);window.removeEventListener("hashchange",this.handleSpaNavigation,true);try{if(this.portalEl.parentNode){this.portalEl.parentNode.removeChild(this.portalEl)}}catch(t){console.warn("Portal element could not be removed from DOM:",t)}this.portalEl=null}if(this.triggerEl!==null){this.triggerEl.removeAttribute("aria-describedby")}this.contentDiv=null}render(){const t=this.componentId||undefined;return i(o,{key:"ef40605b8ed95b1920caa425a021b900bdaef847",id:t,class:{"pds-tooltip--is-open":this.opened}},i("span",{key:"953a0ddd6070fa99e89307f6ddb9bacfa6932b5c",class:"pds-tooltip__trigger",onMouseEnter:this.handleShow,onMouseLeave:this.handleHide,onFocusin:this.handleShow,onFocusout:this.handleHide,ref:t=>this.triggerEl=t},i("slot",{key:"9fa52468a1d99d4dd5af8a8c07d11b1591c5204c"})),i("div",{key:"c4dfe98893fc2abacff788177d1f143afb2aa502",class:"pds-tooltip__content-slot-wrapper",hidden:true},i("slot",{key:"468d06248f384f727517de3fd4c15af8d6e7b118",name:"content"})))}get el(){return r(this)}static get watchers(){return{opened:["handleOpenToggle"]}}};h.instanceCounter=0;h.style=p;export{h as pds_tooltip};
2
- //# sourceMappingURL=p-9cf2b7a6.entry.js.map
1
+ import{r as t,h as i,H as o,g as r}from"./p-Bf1dou5H.js";import{c as s,a as e,o as l,f as a,s as n}from"./p-DbQzNDdQ.js";const p='.pds-tooltip{--tooltip-border-width-arrow-down:var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) 0;--tooltip-border-width-arrow-left:var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) 0;--tooltip-border-width-arrow-right:var(--tooltip-sizing-arrow) 0 var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow);--tooltip-border-width-arrow-up:0 var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow);--tooltip-sizing-arrow:6px;--tooltip-sizing-arrow-offset:14px;--tooltip-dimension-max-width:320px}.pds-tooltip__content{background-color:var(--pine-color-primary);border-radius:calc(var(--pine-dimension-xs) * 1.25);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);color:var(--pine-color-text-primary);max-width:var(--tooltip-dimension-max-width);opacity:0;padding:var(--pine-dimension-xs) calc(var(--pine-dimension-md) / 2);visibility:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content}.pds-tooltip--is-open .pds-tooltip__content{opacity:1;visibility:visible;z-index:var(--pine-z-index-raised)}.pds-tooltip.pds-tooltip--has-html-content .pds-tooltip__content{width:auto}.pds-tooltip__content::after{border-color:transparent;border-right-color:transparent;border-style:solid;border-width:var(--tooltip-border-width-arrow-left);content:"";height:0;position:absolute;width:0}.pds-tooltip--right .pds-tooltip__content::after{border-inline-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-left);left:calc(var(--tooltip-sizing-arrow) * -1);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pds-tooltip--right-end .pds-tooltip__content::after{border-inline-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-left);bottom:var(--tooltip-sizing-arrow-offset);left:calc(var(--tooltip-sizing-arrow) * -1);top:initial}.pds-tooltip--right-start .pds-tooltip__content::after{border-inline-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-left);left:calc(var(--tooltip-sizing-arrow) * -1);top:var(--tooltip-sizing-arrow-offset)}.pds-tooltip--top .pds-tooltip__content::after{border-block-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-down);bottom:calc(var(--tooltip-sizing-arrow) * -1);left:50%;top:initial;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pds-tooltip--top-start .pds-tooltip__content::after{border-block-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-down);bottom:calc(var(--tooltip-sizing-arrow) * -1);left:var(--tooltip-sizing-arrow-offset);top:initial}.pds-tooltip--top-end .pds-tooltip__content::after{border-block-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-down);bottom:calc(var(--tooltip-sizing-arrow) * -1);left:initial;right:var(--tooltip-sizing-arrow-offset);top:initial}.pds-tooltip--left .pds-tooltip__content::after{border-inline-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-right);left:initial;right:calc(var(--tooltip-sizing-arrow) * -1);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pds-tooltip--left-end .pds-tooltip__content::after{border-inline-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-right);bottom:var(--tooltip-sizing-arrow-offset);left:initial;right:calc(var(--tooltip-sizing-arrow) * -1);top:initial}.pds-tooltip--left-start .pds-tooltip__content::after{border-inline-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-right);left:initial;right:calc(var(--tooltip-sizing-arrow) * -1);top:var(--tooltip-sizing-arrow-offset)}.pds-tooltip--bottom .pds-tooltip__content::after{border-block-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-up);left:50%;top:calc(var(--tooltip-sizing-arrow) * -1);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pds-tooltip--bottom-end .pds-tooltip__content::after{border-block-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-up);left:initial;right:var(--tooltip-sizing-arrow-offset);top:calc(var(--tooltip-sizing-arrow) * -1)}.pds-tooltip--bottom-start .pds-tooltip__content::after{border-block-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-up);left:var(--tooltip-sizing-arrow-offset);top:calc(var(--tooltip-sizing-arrow) * -1)}.pds-tooltip--no-arrow .pds-tooltip__content::after{border-width:0}';const h=class{constructor(i){t(this,i);this._isInteractiveOpen=false;this.portalEl=null;this.resolvedPlacement="right";this.triggerEl=null;this.contentDiv=null;this.slotMutationObserver=null;this.currentPathname="";this.pathnameCheckInterval=null;this.stopAutoUpdate=null;this.hasArrow=true;this.htmlContent=false;this.placement="right";this.maxWidth="352px";this.opened=false;this.handleHide=()=>{if(this.opened&&!this._isInteractiveOpen){return}this.hideTooltip();this._isInteractiveOpen=false};this.handleShow=()=>{if(this.opened&&!this._isInteractiveOpen){return}this._isInteractiveOpen=true;this.showTooltip()};this.handlePageShow=()=>{if(this.opened&&!this._isInteractiveOpen){return}this.opened=false;this._isInteractiveOpen=false};this.handleSpaNavigation=()=>{if(this.opened&&!this._isInteractiveOpen){return}this.hideTooltip();this._isInteractiveOpen=false};this.checkPathnameChange=()=>{if(window.location.pathname!==this.currentPathname){this.currentPathname=window.location.pathname;this.handleSpaNavigation()}}}handleOpenToggle(t,i){if(t===false&&i===true){this._isInteractiveOpen=false}}componentWillLoad(){this._isInteractiveOpen=false;this.resolvedPlacement=this.placement}componentDidLoad(){window.addEventListener("pageshow",this.handlePageShow);this.currentPathname=window.location.pathname;this.triggerEl=this.el.querySelector(".pds-tooltip__trigger");const t=this.el.querySelector(".pds-tooltip__content-slot-wrapper");if(t!==null){this.slotMutationObserver=new MutationObserver((()=>{if(this.opened&&this.portalEl!==null){this.removePortal();this.createPortal()}}));this.slotMutationObserver.observe(t,{childList:true,subtree:false})}}disconnectedCallback(){window.removeEventListener("pageshow",this.handlePageShow);if(this.slotMutationObserver!==null){this.slotMutationObserver.disconnect();this.slotMutationObserver=null}if(this.portalEl!==null){this.removePortal()}if(this.pathnameCheckInterval!==null){clearInterval(this.pathnameCheckInterval);this.pathnameCheckInterval=null}if(this.stopAutoUpdate!==null){this.stopAutoUpdate();this.stopAutoUpdate=null}}componentDidRender(){if(this.opened&&this.portalEl===null){this.createPortal()}else if(!this.opened&&this.portalEl!==null){this.removePortal()}if(this.portalEl!==null){this.portalEl.className=`pds-tooltip pds-tooltip--${this.resolvedPlacement} ${this.htmlContent?"pds-tooltip--has-html-content":""} ${this.opened?"pds-tooltip--is-open":""} ${this.hasArrow?"":"pds-tooltip--no-arrow"}`;this.portalEl.setAttribute("aria-hidden",this.opened?"false":"true");this.portalEl.setAttribute("aria-live",this.opened?"polite":"off")}}async showTooltip(){this.opened=true}async hideTooltip(){this.opened=false}determinePositioningAnchor(){let t=this.triggerEl;if(this.triggerEl!==null){const i=this.triggerEl.childNodes;for(let o=0;o<i.length;o++){const r=i[o];if(r.nodeType===Node.ELEMENT_NODE){t=r;break}}}return t}async repositionPortal(){const t=this.determinePositioningAnchor();if(t!==null&&this.portalEl!==null){try{const{x:i,y:o,placement:r}=await s(t,this.portalEl,{placement:this.placement,strategy:"fixed",middleware:[l(8),a(),n({padding:5})]});this.resolvedPlacement=r;Object.assign(this.portalEl.style,{left:`${i}px`,top:`${o}px`,position:"fixed"});this.portalEl.className=`pds-tooltip pds-tooltip--${this.resolvedPlacement} ${this.htmlContent?"pds-tooltip--has-html-content":""} ${this.opened?"pds-tooltip--is-open":""} ${this.hasArrow?"":"pds-tooltip--no-arrow"}`}catch(i){console.warn("Failed to position tooltip:",i);this.resolvedPlacement=this.placement;const o=t.getBoundingClientRect();this.portalEl.style.left=`${o.right+8}px`;this.portalEl.style.top=`${o.top}px`;this.portalEl.style.position="fixed"}}}createPortal(){if(this.portalEl!==null)return;this.portalEl=document.createElement("div");this.portalEl.className=`pds-tooltip pds-tooltip--${this.resolvedPlacement} ${this.htmlContent?"pds-tooltip--has-html-content":""} ${this.opened?"pds-tooltip--is-open":""} ${this.hasArrow?"":"pds-tooltip--no-arrow"}`;this.portalEl.style.position="fixed";this.portalEl.style.zIndex="var(--pine-z-index-nuclear)";if(this.portalEl.id===""){const t=h.instanceCounter++;const i=this.componentId||this.el.id||"pds-tooltip";this.portalEl.id=`${i}-portal-${t}`}if(this.portalEl.getAttribute("id")!==this.portalEl.id){this.portalEl.setAttribute("id",this.portalEl.id)}this.portalEl.setAttribute("role","tooltip");this.portalEl.setAttribute("aria-hidden",this.opened?"false":"true");this.portalEl.setAttribute("aria-live",this.opened?"polite":"off");this.portalEl.style.maxWidth=this.maxWidth;this.contentDiv=document.createElement("div");this.contentDiv.className="pds-tooltip__content";this.contentDiv.setAttribute("aria-hidden",this.opened?"false":"true");this.contentDiv.setAttribute("aria-live",this.opened?"polite":"off");const t=this.el.querySelector(".pds-tooltip__content-slot-wrapper");const i=t===null||t===void 0?void 0:t.querySelector('[slot="content"]');let o=false;if(i!==null){const t=Array.from(i.childNodes);if(t.length>0){const i=t.some((t=>{var i;return t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&((i=t.textContent)===null||i===void 0?void 0:i.trim())!==""}));if(i){o=true;t.forEach((t=>{var i;if(t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&((i=t.textContent)===null||i===void 0?void 0:i.trim())!==""){this.contentDiv.appendChild(t.cloneNode(true))}}))}}}if(!o&&typeof this.content==="string"&&this.content.trim()!==""){this.contentDiv.textContent=this.content}this.portalEl.appendChild(this.contentDiv);document.body.appendChild(this.portalEl);this.repositionPortal().catch((t=>{console.warn("Failed to position tooltip on creation:",t)}));if(this.triggerEl&&this.portalEl){this.stopAutoUpdate=e(this.triggerEl,this.portalEl,(()=>{this.repositionPortal().catch((t=>{console.warn("Failed to reposition tooltip on auto update:",t)}))}))}window.addEventListener("popstate",this.handleSpaNavigation,true);window.addEventListener("hashchange",this.handleSpaNavigation,true);this.pathnameCheckInterval=setInterval(this.checkPathnameChange,100);if(this.triggerEl!==null&&this.portalEl.id!==""){this.triggerEl.setAttribute("aria-describedby",this.portalEl.id)}}removePortal(){if(this.stopAutoUpdate!==null){this.stopAutoUpdate();this.stopAutoUpdate=null}if(this.pathnameCheckInterval!==null){clearInterval(this.pathnameCheckInterval);this.pathnameCheckInterval=null}if(this.portalEl!==null){window.removeEventListener("popstate",this.handleSpaNavigation,true);window.removeEventListener("hashchange",this.handleSpaNavigation,true);try{if(this.portalEl.parentNode){this.portalEl.parentNode.removeChild(this.portalEl)}}catch(t){console.warn("Portal element could not be removed from DOM:",t)}this.portalEl=null}if(this.triggerEl!==null){this.triggerEl.removeAttribute("aria-describedby")}this.contentDiv=null}render(){const t=this.componentId||undefined;return i(o,{key:"af1e569128ba37226fd2fc36059f3c829a8f0c6f",id:t,class:{"pds-tooltip--is-open":this.opened}},i("span",{key:"16a834eb3ac201e8ab7b42000d89ee7f04a15ec9",class:"pds-tooltip__trigger",onMouseEnter:this.handleShow,onMouseLeave:this.handleHide,onFocusin:this.handleShow,onFocusout:this.handleHide,ref:t=>this.triggerEl=t},i("slot",{key:"2c15603e660ef296a9e2d47958b858d7162d0cc5"})),i("div",{key:"e3bfefad4fe5f2c2d67ca1cc00d65f353ee08332",class:"pds-tooltip__content-slot-wrapper",hidden:true},i("slot",{key:"0f63d8e02dba9ba43df2c92ec5e5509ab5f8f920",name:"content"})))}get el(){return r(this)}static get watchers(){return{opened:["handleOpenToggle"]}}};h.instanceCounter=0;h.style=p;export{h as pds_tooltip};
2
+ //# sourceMappingURL=p-e18c3044.entry.js.map