@pine-ds/core 3.12.0 → 3.13.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/index2.js +1 -1
- package/components/index2.js.map +1 -1
- package/components/mock-pds-modal.js +9 -5
- package/components/mock-pds-modal.js.map +1 -1
- package/components/pds-alert.js +2 -2
- package/components/pds-alert.js.map +1 -1
- package/components/pds-avatar.js +3 -3
- package/components/pds-avatar.js.map +1 -1
- package/components/pds-checkbox2.js +1 -1
- package/components/pds-checkbox2.js.map +1 -1
- package/components/pds-copytext.js +1 -1
- package/components/pds-copytext.js.map +1 -1
- package/components/pds-input.js +1 -1
- package/components/pds-input.js.map +1 -1
- package/components/pds-link2.js +1 -1
- package/components/pds-link2.js.map +1 -1
- package/components/pds-modal-content.js +3 -19
- package/components/pds-modal-content.js.map +1 -1
- package/components/pds-modal.js +7 -6
- package/components/pds-modal.js.map +1 -1
- package/components/pds-radio-group.js +1 -1
- package/components/pds-radio-group.js.map +1 -1
- package/components/pds-radio.js +1 -1
- package/components/pds-radio.js.map +1 -1
- package/components/pds-select.js +1 -1
- package/components/pds-select.js.map +1 -1
- package/components/pds-tab.js +20 -4
- package/components/pds-tab.js.map +1 -1
- package/components/pds-table-head-cell2.js +49 -5
- package/components/pds-table-head-cell2.js.map +1 -1
- package/components/pds-table-head.js +15 -3
- package/components/pds-table-head.js.map +1 -1
- package/components/pds-table-row.js +100 -4
- package/components/pds-table-row.js.map +1 -1
- package/components/pds-table.js +6 -0
- package/components/pds-table.js.map +1 -1
- package/components/pds-textarea.js +1 -1
- package/components/pds-textarea.js.map +1 -1
- package/dist/cjs/{index-BIrlTMGo.js → index-CMeuo765.js} +3 -3
- package/dist/cjs/index-CMeuo765.js.map +1 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/mock-pds-modal.cjs.entry.js +9 -5
- package/dist/cjs/mock-pds-modal.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-accordion.cjs.entry.js +1 -1
- package/dist/cjs/pds-alert.cjs.entry.js +2 -2
- package/dist/cjs/pds-alert.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-avatar.cjs.entry.js +4 -4
- package/dist/cjs/pds-avatar.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-button.cjs.entry.js +1 -1
- package/dist/cjs/pds-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/pds-checkbox.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-chip.cjs.entry.js +1 -1
- package/dist/cjs/pds-copytext.cjs.entry.js +2 -2
- package/dist/cjs/pds-copytext.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-filter.cjs.entry.js +1 -1
- package/dist/cjs/pds-input.cjs.entry.js +2 -2
- package/dist/cjs/pds-input.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-link.cjs.entry.js +2 -2
- package/dist/cjs/pds-link.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-modal-content.cjs.entry.js +2 -18
- package/dist/cjs/pds-modal-content.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-modal.cjs.entry.js +7 -6
- package/dist/cjs/pds-modal.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-radio-group.cjs.entry.js +2 -2
- package/dist/cjs/pds-radio-group.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-radio.cjs.entry.js +2 -2
- package/dist/cjs/pds-radio.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-select.cjs.entry.js +2 -2
- package/dist/cjs/pds-select.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-sortable-item.cjs.entry.js +1 -1
- package/dist/cjs/pds-switch.cjs.entry.js +1 -1
- package/dist/cjs/pds-tab.cjs.entry.js +19 -4
- package/dist/cjs/pds-tab.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-table-head-cell.cjs.entry.js +47 -5
- package/dist/cjs/pds-table-head-cell.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-table-head.cjs.entry.js +12 -2
- package/dist/cjs/pds-table-head.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-table-row.cjs.entry.js +97 -3
- package/dist/cjs/pds-table-row.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-table.cjs.entry.js +5 -0
- package/dist/cjs/pds-table.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-textarea.cjs.entry.js +2 -2
- package/dist/cjs/pds-textarea.entry.cjs.js.map +1 -1
- package/dist/cjs/pine-core.cjs.js +1 -1
- package/dist/collection/components/pds-alert/pds-alert.css +22 -0
- package/dist/collection/components/pds-alert/pds-alert.tokens.css +10 -0
- package/dist/collection/components/pds-avatar/pds-avatar.css +1 -1
- package/dist/collection/components/pds-avatar/pds-avatar.js +2 -2
- package/dist/collection/components/pds-avatar/pds-avatar.js.map +1 -1
- package/dist/collection/components/pds-checkbox/pds-checkbox.css +1 -2
- package/dist/collection/components/pds-copytext/pds-copytext.css +1 -1
- package/dist/collection/components/pds-input/pds-input.css +4 -2
- package/dist/collection/components/pds-link/pds-link.css +3 -3
- package/dist/collection/components/pds-modal/pds-modal-content/pds-modal-content.js +3 -19
- package/dist/collection/components/pds-modal/pds-modal-content/pds-modal-content.js.map +1 -1
- package/dist/collection/components/pds-modal/pds-modal.js +7 -6
- package/dist/collection/components/pds-modal/pds-modal.js.map +1 -1
- package/dist/collection/components/pds-modal/test/mock-pds-modal.js +10 -6
- package/dist/collection/components/pds-modal/test/mock-pds-modal.js.map +1 -1
- package/dist/collection/components/pds-radio/pds-radio.css +3 -1
- package/dist/collection/components/pds-radio-group/pds-radio-group.css +3 -1
- package/dist/collection/components/pds-select/pds-select.css +3 -1
- package/dist/collection/components/pds-table/pds-table-head/pds-table-head.css +18 -0
- package/dist/collection/components/pds-table/pds-table-head/pds-table-head.js +57 -1
- package/dist/collection/components/pds-table/pds-table-head/pds-table-head.js.map +1 -1
- package/dist/collection/components/pds-table/pds-table-head-cell/pds-table-head-cell.css +11 -2
- package/dist/collection/components/pds-table/pds-table-head-cell/pds-table-head-cell.js +48 -4
- package/dist/collection/components/pds-table/pds-table-head-cell/pds-table-head-cell.js.map +1 -1
- package/dist/collection/components/pds-table/pds-table-row/pds-table-row.css +10 -0
- package/dist/collection/components/pds-table/pds-table-row/pds-table-row.js +102 -2
- package/dist/collection/components/pds-table/pds-table-row/pds-table-row.js.map +1 -1
- package/dist/collection/components/pds-table/pds-table.js +28 -0
- package/dist/collection/components/pds-table/pds-table.js.map +1 -1
- package/dist/collection/components/pds-table/stories/pds-table.stories.js +73 -5
- package/dist/collection/components/pds-tabs/pds-tab/pds-tab.css +23 -4
- package/dist/collection/components/pds-tabs/pds-tab/pds-tab.js +41 -3
- package/dist/collection/components/pds-tabs/pds-tab/pds-tab.js.map +1 -1
- package/dist/collection/components/pds-textarea/pds-textarea.css +3 -1
- package/dist/docs.json +119 -3
- package/dist/esm/{index-CShvJnsl.js → index-xbb79yLt.js} +3 -3
- package/dist/esm/index-xbb79yLt.js.map +1 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/mock-pds-modal.entry.js +9 -5
- package/dist/esm/mock-pds-modal.entry.js.map +1 -1
- package/dist/esm/pds-accordion.entry.js +1 -1
- package/dist/esm/pds-alert.entry.js +2 -2
- package/dist/esm/pds-alert.entry.js.map +1 -1
- package/dist/esm/pds-avatar.entry.js +4 -4
- package/dist/esm/pds-avatar.entry.js.map +1 -1
- package/dist/esm/pds-button.entry.js +1 -1
- package/dist/esm/pds-checkbox.entry.js +2 -2
- package/dist/esm/pds-checkbox.entry.js.map +1 -1
- package/dist/esm/pds-chip.entry.js +1 -1
- package/dist/esm/pds-copytext.entry.js +2 -2
- package/dist/esm/pds-copytext.entry.js.map +1 -1
- package/dist/esm/pds-filter.entry.js +1 -1
- package/dist/esm/pds-input.entry.js +2 -2
- package/dist/esm/pds-input.entry.js.map +1 -1
- package/dist/esm/pds-link.entry.js +2 -2
- package/dist/esm/pds-link.entry.js.map +1 -1
- package/dist/esm/pds-modal-content.entry.js +2 -18
- package/dist/esm/pds-modal-content.entry.js.map +1 -1
- package/dist/esm/pds-modal.entry.js +7 -6
- package/dist/esm/pds-modal.entry.js.map +1 -1
- package/dist/esm/pds-radio-group.entry.js +2 -2
- package/dist/esm/pds-radio-group.entry.js.map +1 -1
- package/dist/esm/pds-radio.entry.js +2 -2
- package/dist/esm/pds-radio.entry.js.map +1 -1
- package/dist/esm/pds-select.entry.js +2 -2
- package/dist/esm/pds-select.entry.js.map +1 -1
- package/dist/esm/pds-sortable-item.entry.js +1 -1
- package/dist/esm/pds-switch.entry.js +1 -1
- package/dist/esm/pds-tab.entry.js +19 -4
- package/dist/esm/pds-tab.entry.js.map +1 -1
- package/dist/esm/pds-table-head-cell.entry.js +47 -5
- package/dist/esm/pds-table-head-cell.entry.js.map +1 -1
- package/dist/esm/pds-table-head.entry.js +12 -2
- package/dist/esm/pds-table-head.entry.js.map +1 -1
- package/dist/esm/pds-table-row.entry.js +97 -3
- package/dist/esm/pds-table-row.entry.js.map +1 -1
- package/dist/esm/pds-table.entry.js +5 -0
- package/dist/esm/pds-table.entry.js.map +1 -1
- package/dist/esm/pds-textarea.entry.js +2 -2
- package/dist/esm/pds-textarea.entry.js.map +1 -1
- package/dist/esm/pine-core.js +1 -1
- package/dist/esm-es5/{index-CShvJnsl.js → index-xbb79yLt.js} +1 -1
- package/dist/esm-es5/index-xbb79yLt.js.map +1 -0
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/mock-pds-modal.entry.js +1 -1
- package/dist/esm-es5/mock-pds-modal.entry.js.map +1 -1
- package/dist/esm-es5/pds-accordion.entry.js +1 -1
- package/dist/esm-es5/pds-alert.entry.js +1 -1
- package/dist/esm-es5/pds-alert.entry.js.map +1 -1
- package/dist/esm-es5/pds-avatar.entry.js +1 -1
- package/dist/esm-es5/pds-avatar.entry.js.map +1 -1
- package/dist/esm-es5/pds-button.entry.js +1 -1
- package/dist/esm-es5/pds-checkbox.entry.js +1 -1
- package/dist/esm-es5/pds-checkbox.entry.js.map +1 -1
- package/dist/esm-es5/pds-chip.entry.js +1 -1
- package/dist/esm-es5/pds-copytext.entry.js +1 -1
- package/dist/esm-es5/pds-copytext.entry.js.map +1 -1
- package/dist/esm-es5/pds-filter.entry.js +1 -1
- package/dist/esm-es5/pds-input.entry.js +1 -1
- package/dist/esm-es5/pds-input.entry.js.map +1 -1
- package/dist/esm-es5/pds-link.entry.js +1 -1
- package/dist/esm-es5/pds-link.entry.js.map +1 -1
- package/dist/esm-es5/pds-modal-content.entry.js +1 -1
- package/dist/esm-es5/pds-modal-content.entry.js.map +1 -1
- package/dist/esm-es5/pds-modal.entry.js +1 -1
- package/dist/esm-es5/pds-modal.entry.js.map +1 -1
- package/dist/esm-es5/pds-radio-group.entry.js +1 -1
- package/dist/esm-es5/pds-radio-group.entry.js.map +1 -1
- package/dist/esm-es5/pds-radio.entry.js +1 -1
- package/dist/esm-es5/pds-radio.entry.js.map +1 -1
- package/dist/esm-es5/pds-select.entry.js +1 -1
- package/dist/esm-es5/pds-select.entry.js.map +1 -1
- package/dist/esm-es5/pds-sortable-item.entry.js +1 -1
- package/dist/esm-es5/pds-switch.entry.js +1 -1
- package/dist/esm-es5/pds-tab.entry.js +1 -1
- package/dist/esm-es5/pds-tab.entry.js.map +1 -1
- package/dist/esm-es5/pds-table-head-cell.entry.js +1 -1
- package/dist/esm-es5/pds-table-head-cell.entry.js.map +1 -1
- package/dist/esm-es5/pds-table-head.entry.js +1 -1
- package/dist/esm-es5/pds-table-head.entry.js.map +1 -1
- package/dist/esm-es5/pds-table-row.entry.js +1 -1
- package/dist/esm-es5/pds-table-row.entry.js.map +1 -1
- package/dist/esm-es5/pds-table.entry.js +1 -1
- package/dist/esm-es5/pds-table.entry.js.map +1 -1
- package/dist/esm-es5/pds-textarea.entry.js +1 -1
- package/dist/esm-es5/pds-textarea.entry.js.map +1 -1
- package/dist/esm-es5/pine-core.js +1 -1
- package/dist/pine-core/mock-pds-modal.entry.esm.js.map +1 -1
- package/dist/pine-core/{p-CsVpJw_i.system.js.map → p--gPqixhD.system.js.map} +1 -1
- package/dist/pine-core/p-0c84a3f4.entry.js +2 -0
- package/dist/pine-core/p-0c84a3f4.entry.js.map +1 -0
- package/dist/pine-core/p-0fdffed5.entry.js +2 -0
- package/dist/pine-core/{p-80017aa5.entry.js.map → p-0fdffed5.entry.js.map} +1 -1
- package/dist/pine-core/p-1282026f.entry.js +2 -0
- package/dist/pine-core/{p-be647b2a.entry.js.map → p-1282026f.entry.js.map} +1 -1
- package/dist/pine-core/p-131a8cff.system.entry.js +2 -0
- package/dist/pine-core/{p-dba5ca37.system.entry.js.map → p-131a8cff.system.entry.js.map} +1 -1
- package/dist/pine-core/{p-b64407a4.entry.js → p-15202869.entry.js} +2 -2
- package/dist/pine-core/{p-cd564179.entry.js → p-15650db8.entry.js} +2 -2
- package/dist/pine-core/p-198abda7.system.entry.js +2 -0
- package/dist/pine-core/p-198abda7.system.entry.js.map +1 -0
- package/dist/pine-core/{p-9998c2a0.entry.js → p-1daf66d1.entry.js} +2 -2
- package/dist/pine-core/{p-e08503a7.entry.js → p-20f255e6.entry.js} +2 -2
- package/dist/pine-core/{p-e08503a7.entry.js.map → p-20f255e6.entry.js.map} +1 -1
- package/dist/pine-core/p-35f644cf.system.entry.js +2 -0
- package/dist/pine-core/{p-cf910e8b.system.entry.js.map → p-35f644cf.system.entry.js.map} +1 -1
- package/dist/pine-core/p-3f0a6a75.system.entry.js +2 -0
- package/dist/pine-core/p-3f0a6a75.system.entry.js.map +1 -0
- package/dist/pine-core/{p-0398f6e3.entry.js → p-41cc9270.entry.js} +2 -2
- package/dist/pine-core/p-41d89f20.entry.js +2 -0
- package/dist/pine-core/p-41d89f20.entry.js.map +1 -0
- package/dist/pine-core/p-426e90cb.entry.js +2 -0
- package/dist/pine-core/p-426e90cb.entry.js.map +1 -0
- package/dist/pine-core/p-49c1eab0.entry.js +2 -0
- package/dist/pine-core/{p-58fa5c8f.entry.js.map → p-49c1eab0.entry.js.map} +1 -1
- package/dist/pine-core/{p-670b1551.system.entry.js → p-54a02bb5.system.entry.js} +2 -2
- package/dist/pine-core/{p-670b1551.system.entry.js.map → p-54a02bb5.system.entry.js.map} +1 -1
- package/dist/pine-core/p-5b7ab891.entry.js +2 -0
- package/dist/pine-core/{p-e6b39ec1.entry.js.map → p-5b7ab891.entry.js.map} +1 -1
- package/dist/pine-core/{p-428a96f9.entry.js → p-6cba6806.entry.js} +2 -2
- package/dist/pine-core/p-6fcac53b.entry.js +2 -0
- package/dist/pine-core/{p-8007f4de.entry.js.map → p-6fcac53b.entry.js.map} +1 -1
- package/dist/pine-core/{p-03209958.system.entry.js → p-732e2564.system.entry.js} +2 -2
- package/dist/pine-core/{p-2d3da08b.system.entry.js → p-8f2a5a4c.system.entry.js} +2 -2
- package/dist/pine-core/p-8f2a5a4c.system.entry.js.map +1 -0
- package/dist/pine-core/{p-91954848.entry.js → p-95f2782c.entry.js} +2 -2
- package/dist/pine-core/{p-91954848.entry.js.map → p-95f2782c.entry.js.map} +1 -1
- package/dist/pine-core/p-98824683.entry.js +2 -0
- package/dist/pine-core/p-98824683.entry.js.map +1 -0
- package/dist/pine-core/{p-43f1eead.entry.js → p-9b3794cd.entry.js} +2 -2
- package/dist/pine-core/p-9b3794cd.entry.js.map +1 -0
- package/dist/pine-core/p-9bfaed7e.system.entry.js +2 -0
- package/dist/pine-core/p-9bfaed7e.system.entry.js.map +1 -0
- package/dist/pine-core/{p-3f8a5f3d.system.entry.js → p-9d6b6ff3.system.entry.js} +2 -2
- package/dist/pine-core/p-9d6b6ff3.system.entry.js.map +1 -0
- package/dist/pine-core/{p-dfcdd55d.system.entry.js → p-9f53eb94.system.entry.js} +2 -2
- package/dist/pine-core/p-B8OHXU49.system.js.map +1 -0
- package/dist/pine-core/{p-Cwz8YTwo.system.js.map → p-BCKPcTKX.system.js.map} +1 -1
- package/dist/pine-core/p-BOn7G6db.system.js.map +1 -0
- package/dist/pine-core/p-B_Co5NfG.system.js.map +1 -0
- package/dist/pine-core/p-C48G0LPH.system.js.map +1 -0
- package/dist/pine-core/{p-BjRES1T-.system.js.map → p-CGo2P4Fr.system.js.map} +1 -1
- package/dist/pine-core/{p-e50YjICS.system.js → p-CKzDRRgx.system.js} +1 -1
- package/dist/pine-core/p-CKzDRRgx.system.js.map +1 -0
- package/dist/pine-core/p-CTfQ_9yC.system.js.map +1 -0
- package/dist/pine-core/p-CTjTtD1R.system.js.map +1 -0
- package/dist/pine-core/p-CXGuX44q.system.js.map +1 -0
- package/dist/pine-core/{p-D2aexWnE.system.js.map → p-Ch7MRoFE.system.js.map} +1 -1
- package/dist/pine-core/p-ChiYqN-p.system.js.map +1 -0
- package/dist/pine-core/p-DAvCgWA9.system.js.map +1 -0
- package/dist/pine-core/{p-BK-Kji1Y.system.js.map → p-DB45WSlG.system.js.map} +1 -1
- package/dist/pine-core/{p-PAmjcE4m.system.js.map → p-DC2NZwtk.system.js.map} +1 -1
- package/dist/pine-core/p-DQawTYre.system.js.map +1 -0
- package/dist/pine-core/p-DQs506y8.system.js.map +1 -0
- package/dist/pine-core/p-DyrNlfLT.system.js.map +1 -0
- package/dist/pine-core/p-JAVnELnm.system.js +1 -1
- package/dist/pine-core/p-LEkjdrKv.system.js.map +1 -0
- package/dist/pine-core/{p-BQImnLWy.system.js.map → p-WhfStK1C.system.js.map} +1 -1
- package/dist/pine-core/{p-5b2b3e8a.entry.js → p-a08b60ae.entry.js} +2 -2
- package/dist/pine-core/p-a737df90.entry.js +2 -0
- package/dist/pine-core/{p-0869fe00.entry.js.map → p-a737df90.entry.js.map} +1 -1
- package/dist/pine-core/{p-65db991d.entry.js → p-b02936d2.entry.js} +2 -2
- package/dist/pine-core/p-b30424e3.system.entry.js +2 -0
- package/dist/pine-core/{p-bd53ca9a.system.entry.js.map → p-b30424e3.system.entry.js.map} +1 -1
- package/dist/pine-core/p-bbc349b3.system.entry.js +2 -0
- package/dist/pine-core/p-bbc349b3.system.entry.js.map +1 -0
- package/dist/pine-core/{p-04a7b66c.system.entry.js → p-c03e2c5d.system.entry.js} +2 -2
- package/dist/pine-core/p-c2d17093.system.entry.js +2 -0
- package/dist/pine-core/{p-3a231ae4.system.entry.js.map → p-c2d17093.system.entry.js.map} +1 -1
- package/dist/pine-core/p-cb6c279a.system.entry.js +2 -0
- package/dist/pine-core/{p-a226ecdb.system.entry.js.map → p-cb6c279a.system.entry.js.map} +1 -1
- package/dist/pine-core/{p-6ace63a3.system.entry.js → p-cd335ec2.system.entry.js} +2 -2
- package/dist/pine-core/p-cf2e1c07.system.entry.js +2 -0
- package/dist/pine-core/{p-676f1f32.system.entry.js.map → p-cf2e1c07.system.entry.js.map} +1 -1
- package/dist/pine-core/{p-c9f97ccb.system.entry.js → p-dad604e4.system.entry.js} +2 -2
- package/dist/pine-core/p-e2104c31.entry.js +2 -0
- package/dist/pine-core/{p-e837b577.entry.js.map → p-e2104c31.entry.js.map} +1 -1
- package/dist/pine-core/p-e3d81bee.system.entry.js +2 -0
- package/dist/pine-core/{p-847fc77b.system.entry.js.map → p-e3d81bee.system.entry.js.map} +1 -1
- package/dist/pine-core/{p-94788439.system.entry.js → p-e5bc22b6.system.entry.js} +2 -2
- package/dist/pine-core/p-e846b67f.system.entry.js +2 -0
- package/dist/pine-core/p-e846b67f.system.entry.js.map +1 -0
- package/dist/pine-core/p-e8aad8dc.entry.js +2 -0
- package/dist/pine-core/p-e8aad8dc.entry.js.map +1 -0
- package/dist/pine-core/p-f69d3fd6.entry.js +2 -0
- package/dist/pine-core/p-f69d3fd6.entry.js.map +1 -0
- package/dist/pine-core/p-f79f6f08.system.entry.js +2 -0
- package/dist/pine-core/p-f79f6f08.system.entry.js.map +1 -0
- package/dist/pine-core/{p-7ccd2fd6.system.entry.js → p-f9ef2f74.system.entry.js} +2 -2
- package/dist/pine-core/p-fc0ee6da.entry.js +2 -0
- package/dist/pine-core/p-fc0ee6da.entry.js.map +1 -0
- package/dist/pine-core/{p-c08ab042.system.entry.js → p-ff182316.system.entry.js} +2 -2
- package/dist/pine-core/{p-c08ab042.system.entry.js.map → p-ff182316.system.entry.js.map} +1 -1
- package/dist/pine-core/p-jBhqNO5u.system.js.map +1 -0
- package/dist/pine-core/p-pw5cGGlu.system.js.map +1 -0
- package/dist/pine-core/p-r_cS5LMw.system.js.map +1 -0
- package/dist/pine-core/p-uv97KtT8.system.js.map +1 -0
- package/dist/pine-core/{p-CShvJnsl.js → p-xbb79yLt.js} +1 -1
- package/dist/pine-core/p-xbb79yLt.js.map +1 -0
- package/dist/pine-core/pds-alert.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-avatar.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-checkbox.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-copytext.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-input.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-link.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-modal-content.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-modal.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-radio-group.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-radio.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-select.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-tab.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-table-head-cell.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-table-head.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-table-row.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-table.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-textarea.entry.esm.js.map +1 -1
- package/dist/pine-core/pine-core.esm.js +1 -1
- package/dist/types/components/pds-modal/test/mock-pds-modal.d.ts +2 -2
- package/dist/types/components/pds-table/pds-table-head/pds-table-head.d.ts +10 -0
- package/dist/types/components/pds-table/pds-table-head-cell/pds-table-head-cell.d.ts +12 -1
- package/dist/types/components/pds-table/pds-table-row/pds-table-row.d.ts +19 -0
- package/dist/types/components/pds-table/pds-table.d.ts +5 -0
- package/dist/types/components/pds-tabs/pds-tab/pds-tab.d.ts +6 -0
- package/dist/types/components.d.ts +42 -2
- package/dist/vscode.html-data.json +30 -2
- package/hydrate/index.js +225 -62
- package/hydrate/index.mjs +225 -62
- package/package.json +9 -9
- package/dist/cjs/index-BIrlTMGo.js.map +0 -1
- package/dist/esm/index-CShvJnsl.js.map +0 -1
- package/dist/esm-es5/index-CShvJnsl.js.map +0 -1
- package/dist/pine-core/p-04f92b5a.system.entry.js +0 -2
- package/dist/pine-core/p-04f92b5a.system.entry.js.map +0 -1
- package/dist/pine-core/p-0869fe00.entry.js +0 -2
- package/dist/pine-core/p-1f5ed7bb.system.entry.js +0 -2
- package/dist/pine-core/p-1f5ed7bb.system.entry.js.map +0 -1
- package/dist/pine-core/p-227d5375.entry.js +0 -2
- package/dist/pine-core/p-227d5375.entry.js.map +0 -1
- package/dist/pine-core/p-2d3da08b.system.entry.js.map +0 -1
- package/dist/pine-core/p-372a6081.entry.js +0 -2
- package/dist/pine-core/p-372a6081.entry.js.map +0 -1
- package/dist/pine-core/p-3a231ae4.system.entry.js +0 -2
- package/dist/pine-core/p-3f8a5f3d.system.entry.js.map +0 -1
- package/dist/pine-core/p-43f1eead.entry.js.map +0 -1
- package/dist/pine-core/p-58fa5c8f.entry.js +0 -2
- package/dist/pine-core/p-5d7c4fbb.entry.js +0 -2
- package/dist/pine-core/p-5d7c4fbb.entry.js.map +0 -1
- package/dist/pine-core/p-65c566a2.system.entry.js +0 -2
- package/dist/pine-core/p-65c566a2.system.entry.js.map +0 -1
- package/dist/pine-core/p-676f1f32.system.entry.js +0 -2
- package/dist/pine-core/p-6de73f62.entry.js +0 -2
- package/dist/pine-core/p-6de73f62.entry.js.map +0 -1
- package/dist/pine-core/p-80017aa5.entry.js +0 -2
- package/dist/pine-core/p-8007f4de.entry.js +0 -2
- package/dist/pine-core/p-847fc77b.system.entry.js +0 -2
- package/dist/pine-core/p-934229d8.entry.js +0 -2
- package/dist/pine-core/p-934229d8.entry.js.map +0 -1
- package/dist/pine-core/p-B1wJrRWz.system.js.map +0 -1
- package/dist/pine-core/p-BUwuPP5j.system.js.map +0 -1
- package/dist/pine-core/p-BVjyFx0r.system.js.map +0 -1
- package/dist/pine-core/p-BZj284A2.system.js.map +0 -1
- package/dist/pine-core/p-Bp1qn6CS.system.js.map +0 -1
- package/dist/pine-core/p-C56crVDC.system.js.map +0 -1
- package/dist/pine-core/p-CJJ3xfku.system.js.map +0 -1
- package/dist/pine-core/p-CShvJnsl.js.map +0 -1
- package/dist/pine-core/p-CgF-S6vZ.system.js.map +0 -1
- package/dist/pine-core/p-CrjhL65U.system.js.map +0 -1
- package/dist/pine-core/p-CrzS8Mmy.system.js.map +0 -1
- package/dist/pine-core/p-D8bibuWO.system.js.map +0 -1
- package/dist/pine-core/p-DBdgdjLr.system.js.map +0 -1
- package/dist/pine-core/p-D_LvnDUT.system.js.map +0 -1
- package/dist/pine-core/p-DaQV83Gx.system.js.map +0 -1
- package/dist/pine-core/p-Drfvoxcd.system.js.map +0 -1
- package/dist/pine-core/p-GKNvlYGa.system.js.map +0 -1
- package/dist/pine-core/p-a226ecdb.system.entry.js +0 -2
- package/dist/pine-core/p-a54f4dfd.system.entry.js +0 -2
- package/dist/pine-core/p-a54f4dfd.system.entry.js.map +0 -1
- package/dist/pine-core/p-b59ac781.entry.js +0 -2
- package/dist/pine-core/p-b59ac781.entry.js.map +0 -1
- package/dist/pine-core/p-b6a503cc.system.entry.js +0 -2
- package/dist/pine-core/p-b6a503cc.system.entry.js.map +0 -1
- package/dist/pine-core/p-b9a14564.system.entry.js +0 -2
- package/dist/pine-core/p-b9a14564.system.entry.js.map +0 -1
- package/dist/pine-core/p-bd53ca9a.system.entry.js +0 -2
- package/dist/pine-core/p-be647b2a.entry.js +0 -2
- package/dist/pine-core/p-cf4df489.entry.js +0 -2
- package/dist/pine-core/p-cf4df489.entry.js.map +0 -1
- package/dist/pine-core/p-cf910e8b.system.entry.js +0 -2
- package/dist/pine-core/p-dba5ca37.system.entry.js +0 -2
- package/dist/pine-core/p-e50YjICS.system.js.map +0 -1
- package/dist/pine-core/p-e6b39ec1.entry.js +0 -2
- package/dist/pine-core/p-e837b577.entry.js +0 -2
- package/dist/pine-core/p-ejoWgOZK.system.js.map +0 -1
- /package/dist/pine-core/{p-b64407a4.entry.js.map → p-15202869.entry.js.map} +0 -0
- /package/dist/pine-core/{p-cd564179.entry.js.map → p-15650db8.entry.js.map} +0 -0
- /package/dist/pine-core/{p-9998c2a0.entry.js.map → p-1daf66d1.entry.js.map} +0 -0
- /package/dist/pine-core/{p-0398f6e3.entry.js.map → p-41cc9270.entry.js.map} +0 -0
- /package/dist/pine-core/{p-428a96f9.entry.js.map → p-6cba6806.entry.js.map} +0 -0
- /package/dist/pine-core/{p-03209958.system.entry.js.map → p-732e2564.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-dfcdd55d.system.entry.js.map → p-9f53eb94.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-5b2b3e8a.entry.js.map → p-a08b60ae.entry.js.map} +0 -0
- /package/dist/pine-core/{p-65db991d.entry.js.map → p-b02936d2.entry.js.map} +0 -0
- /package/dist/pine-core/{p-04a7b66c.system.entry.js.map → p-c03e2c5d.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-6ace63a3.system.entry.js.map → p-cd335ec2.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-c9f97ccb.system.entry.js.map → p-dad604e4.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-94788439.system.entry.js.map → p-e5bc22b6.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-7ccd2fd6.system.entry.js.map → p-f9ef2f74.system.entry.js.map} +0 -0
package/hydrate/index.mjs
CHANGED
|
@@ -3435,10 +3435,9 @@ class MockPdsModal {
|
|
|
3435
3435
|
*/
|
|
3436
3436
|
this.scrollable = true;
|
|
3437
3437
|
/**
|
|
3438
|
-
* Whether the modal can be dismissed by clicking the backdrop
|
|
3438
|
+
* Whether the modal can be dismissed by clicking the backdrop or pressing Escape
|
|
3439
3439
|
*/
|
|
3440
3440
|
this.backdropDismiss = true;
|
|
3441
|
-
// Native dialog element always closes on Escape key press, so no closeOnEsc property is needed
|
|
3442
3441
|
/**
|
|
3443
3442
|
* Whether the modal is open
|
|
3444
3443
|
*/
|
|
@@ -3472,12 +3471,17 @@ class MockPdsModal {
|
|
|
3472
3471
|
}
|
|
3473
3472
|
/**
|
|
3474
3473
|
* Listen for keydown events to handle Escape key
|
|
3475
|
-
*
|
|
3474
|
+
* Should only close on Escape if backdropDismiss is enabled
|
|
3476
3475
|
*/
|
|
3477
3476
|
// Using direct method instead of @Listen to avoid ESLint warning
|
|
3478
3477
|
handleKeyDown(event) {
|
|
3479
3478
|
if (event.key === 'Escape' && this.open === true) {
|
|
3480
|
-
|
|
3479
|
+
// Always prevent default to mirror native dialog behavior blocking
|
|
3480
|
+
event.preventDefault();
|
|
3481
|
+
// Only close if backdropDismiss is enabled
|
|
3482
|
+
if (this.backdropDismiss === true) {
|
|
3483
|
+
this.hideModal();
|
|
3484
|
+
}
|
|
3481
3485
|
}
|
|
3482
3486
|
}
|
|
3483
3487
|
componentDidLoad() {
|
|
@@ -3493,7 +3497,7 @@ class MockPdsModal {
|
|
|
3493
3497
|
'pds-modal__backdrop': true,
|
|
3494
3498
|
'open': this.open,
|
|
3495
3499
|
};
|
|
3496
|
-
return (hAsync("div", { key: '
|
|
3500
|
+
return (hAsync("div", { key: '6e7f71b339764894e1f17d253fc3c8e0243e4f90', class: backdropClasses }, hAsync("div", { key: 'a1f3ae3d7b4c86ac9812df8e9a20357bfca51f57', class: modalClasses, role: "dialog", "aria-modal": "true", "aria-labelledby": this.componentId ? `${this.componentId}-heading` : null }, hAsync("div", { key: '768b0014c182f8e33575c9707743440808e0e257', class: "pds-modal__header" }, hAsync("slot", { key: 'f3822f12e084a537a5c4b72bb2ff8ff10c276d45', name: "header" })), hAsync("div", { key: '442848006f8f4301f62cce032ed04612ba14a48c', class: "pds-modal-content" }, hAsync("slot", { key: '38a2bafa6b50bff617064fdabbcd677736b61cdf' })), hAsync("div", { key: '73aa614d06ea969a4c2cfc7204642dc92e97a12f', class: "pds-modal__footer" }, hAsync("slot", { key: 'b5d5acf2ae9d573b6c8aecae928d40a1a51a06fc', name: "footer" })))));
|
|
3497
3501
|
}
|
|
3498
3502
|
get el() { return getElement(this); }
|
|
3499
3503
|
static get style() { return pdsModalCss$1; }
|
|
@@ -3515,7 +3519,7 @@ class MockPdsModal {
|
|
|
3515
3519
|
}; }
|
|
3516
3520
|
}
|
|
3517
3521
|
|
|
3518
|
-
/* pds-icons v9.
|
|
3522
|
+
/* pds-icons v9.12.0, ES Modules */
|
|
3519
3523
|
|
|
3520
3524
|
const addCircle = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' class='pdsicon'><path fill-rule='evenodd' d='M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12m11-5a1 1 0 0 1 1 1v3h3a1 1 0 1 1 0 2h-3v3a1 1 0 1 1-2 0v-3H8a1 1 0 1 1 0-2h3V8a1 1 0 0 1 1-1'/></svg>";
|
|
3521
3525
|
const caretDown = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' class='pdsicon'><path fill-rule='evenodd' d='M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414'/></svg>";
|
|
@@ -3584,9 +3588,9 @@ class PdsAccordion {
|
|
|
3584
3588
|
}; }
|
|
3585
3589
|
}
|
|
3586
3590
|
|
|
3587
|
-
const pdsAlertTokensCss = ":host{--pine-alert-color-background:var(--pine-color-grey-150);--pine-alert-color-border:var(--pine-color-grey-300);--pine-alert-color-dismiss:var(--pine-color-grey-900);--pine-alert-color-dismiss-hover:var(--pine-color-grey-300);--pine-alert-color-icon:var(--pine-color-grey-700);--pine-alert-color-text:var(--pine-color-grey-950);--pine-alert-color-danger-background:var(--pine-color-red-150);--pine-alert-color-danger-border:var(--pine-color-red-300);--pine-alert-color-danger-dismiss:var(--pine-color-red-900);--pine-alert-color-danger-dismiss-hover:var(--pine-color-red-300);--pine-alert-color-danger-icon:var(--pine-color-red-700);--pine-alert-color-danger-text:var(--pine-color-red-950);--pine-alert-color-info-background:var(--pine-color-blue-150);--pine-alert-color-info-border:var(--pine-color-blue-300);--pine-alert-color-info-dismiss:var(--pine-color-blue-900);--pine-alert-color-info-dismiss-hover:var(--pine-color-blue-300);--pine-alert-color-info-icon:var(--pine-color-blue-700);--pine-alert-color-info-text:var(--pine-color-blue-950);--pine-alert-color-success-background:var(--pine-color-green-150);--pine-alert-color-success-border:var(--pine-color-green-300);--pine-alert-color-success-dismiss:var(--pine-color-green-900);--pine-alert-color-success-dismiss-hover:var(--pine-color-green-300);--pine-alert-color-success-icon:var(--pine-color-green-700);--pine-alert-color-success-text:var(--pine-color-green-950);--pine-alert-color-warning-background:var(--pine-color-yellow-150);--pine-alert-color-warning-border:var(--pine-color-yellow-300);--pine-alert-color-warning-dismiss:var(--pine-color-yellow-900);--pine-alert-color-warning-dismiss-hover:var(--pine-color-yellow-300);--pine-alert-color-warning-icon:var(--pine-color-yellow-700);--pine-alert-color-warning-text:var(--pine-color-yellow-950)}";
|
|
3591
|
+
const pdsAlertTokensCss = ":host{--pine-alert-color-background:var(--pine-color-grey-150);--pine-alert-color-border:var(--pine-color-grey-300);--pine-alert-color-dismiss:var(--pine-color-grey-900);--pine-alert-color-dismiss-hover:var(--pine-color-grey-300);--pine-alert-color-icon:var(--pine-color-grey-700);--pine-alert-color-link:var(--pine-color-grey-900);--pine-alert-color-link-hover:var(--pine-color-grey-950);--pine-alert-color-text:var(--pine-color-grey-950);--pine-alert-color-danger-background:var(--pine-color-red-150);--pine-alert-color-danger-border:var(--pine-color-red-300);--pine-alert-color-danger-dismiss:var(--pine-color-red-900);--pine-alert-color-danger-dismiss-hover:var(--pine-color-red-300);--pine-alert-color-danger-icon:var(--pine-color-red-700);--pine-alert-color-danger-link:var(--pine-color-red-900);--pine-alert-color-danger-link-hover:var(--pine-color-red-950);--pine-alert-color-danger-text:var(--pine-color-red-950);--pine-alert-color-info-background:var(--pine-color-blue-150);--pine-alert-color-info-border:var(--pine-color-blue-300);--pine-alert-color-info-dismiss:var(--pine-color-blue-900);--pine-alert-color-info-dismiss-hover:var(--pine-color-blue-300);--pine-alert-color-info-icon:var(--pine-color-blue-700);--pine-alert-color-info-link:var(--pine-color-blue-900);--pine-alert-color-info-link-hover:var(--pine-color-blue-950);--pine-alert-color-info-text:var(--pine-color-blue-950);--pine-alert-color-success-background:var(--pine-color-green-150);--pine-alert-color-success-border:var(--pine-color-green-300);--pine-alert-color-success-dismiss:var(--pine-color-green-900);--pine-alert-color-success-dismiss-hover:var(--pine-color-green-300);--pine-alert-color-success-icon:var(--pine-color-green-700);--pine-alert-color-success-link:var(--pine-color-green-900);--pine-alert-color-success-link-hover:var(--pine-color-green-950);--pine-alert-color-success-text:var(--pine-color-green-950);--pine-alert-color-warning-background:var(--pine-color-yellow-150);--pine-alert-color-warning-border:var(--pine-color-yellow-300);--pine-alert-color-warning-dismiss:var(--pine-color-yellow-900);--pine-alert-color-warning-dismiss-hover:var(--pine-color-yellow-300);--pine-alert-color-warning-icon:var(--pine-color-yellow-700);--pine-alert-color-warning-link:var(--pine-color-yellow-900);--pine-alert-color-warning-link-hover:var(--pine-color-yellow-950);--pine-alert-color-warning-text:var(--pine-color-yellow-950)}";
|
|
3588
3592
|
|
|
3589
|
-
const pdsAlertCss = ":host{display:block;line-height:1;width:100%}.pds-alert__container{--pds-alert-icon-size:var(--pine-dimension-sm);--pds-alert-border-dismiss-outline:2px solid var(--pds-alert-color-dismiss);--pds-alert-background:var(--pine-alert-color-background);--pds-alert-border-color:var(--pine-alert-color-border);--pds-alert-color-icon:var(--pine-alert-color-icon);--pds-alert-color-text:var(--pine-alert-color-text);--pds-alert-color-dismiss:var(--pine-alert-color-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-dismiss-hover);padding:var(--pine-dimension-250)}.pds-alert__container--danger{--pds-alert-background:var(--pine-alert-color-danger-background);--pds-alert-border-color:var(--pine-alert-color-danger-border);--pds-alert-color-icon:var(--pine-alert-color-danger-icon);--pds-alert-color-text:var(--pine-alert-color-danger-text);--pds-alert-color-dismiss:var(--pine-alert-color-danger-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-danger-dismiss-hover)}.pds-alert__container--info{--pds-alert-background:var(--pine-alert-color-info-background);--pds-alert-border-color:var(--pine-alert-color-info-border);--pds-alert-color-icon:var(--pine-alert-color-info-icon);--pds-alert-color-text:var(--pine-alert-color-info-text);--pds-alert-color-dismiss:var(--pine-alert-color-info-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-info-dismiss-hover)}.pds-alert__container--success{--pds-alert-background:var(--pine-alert-color-success-background);--pds-alert-border-color:var(--pine-alert-color-success-border);--pds-alert-color-icon:var(--pine-alert-color-success-icon);--pds-alert-color-text:var(--pine-alert-color-success-text);--pds-alert-color-dismiss:var(--pine-alert-color-success-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-success-dismiss-hover)}.pds-alert__container--warning{--pds-alert-background:var(--pine-alert-color-warning-background);--pds-alert-border-color:var(--pine-alert-color-warning-border);--pds-alert-color-icon:var(--pine-alert-color-warning-icon);--pds-alert-color-text:var(--pine-alert-color-warning-text);--pds-alert-color-dismiss:var(--pine-alert-color-warning-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-warning-dismiss-hover)}.pds-alert__icon{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-alert__icon--small{-webkit-margin-before:calc(var(--pine-dimension-2xs) / 2);margin-block-start:calc(var(--pine-dimension-2xs) / 2)}.pds-alert__content-wrapper{-ms-flex:1;flex:1;min-width:0;overflow:hidden;width:100%}.pds-alert__dismiss{-ms-flex-align:center;align-items:center;background:none;border:0;border-radius:var(--pine-border-radius-full);cursor:pointer;display:-ms-flexbox;display:flex;height:var(--pine-dimension-250);-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-xs);width:var(--pine-dimension-250)}.pds-alert__dismiss:hover{background:var(--pds-alert-background-dismiss-hover);opacity:0.8}.pds-alert__dismiss:focus-visible{outline:var(--pds-alert-border-dismiss-outline)}.pds-alert__description--small{-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-alert__actions{-webkit-margin-before:var(--pine-dimension-sm);margin-block-start:var(--pine-dimension-sm)}.pds-alert__actions--small{-ms-flex-negative:0;flex-shrink:0;-webkit-margin-start:auto;margin-inline-start:auto;white-space:nowrap}";
|
|
3593
|
+
const pdsAlertCss = ":host{--pds-context-link-color:var(--pine-alert-color-link);--pds-context-link-color-hover:var(--pine-alert-color-link-hover);display:block;line-height:1;width:100%}:host([variant=danger]){--pds-context-link-color:var(--pine-alert-color-danger-link);--pds-context-link-color-hover:var(--pine-alert-color-danger-link-hover)}:host([variant=info]){--pds-context-link-color:var(--pine-alert-color-info-link);--pds-context-link-color-hover:var(--pine-alert-color-info-link-hover)}:host([variant=success]){--pds-context-link-color:var(--pine-alert-color-success-link);--pds-context-link-color-hover:var(--pine-alert-color-success-link-hover)}:host([variant=warning]){--pds-context-link-color:var(--pine-alert-color-warning-link);--pds-context-link-color-hover:var(--pine-alert-color-warning-link-hover)}.pds-alert__container{--pds-alert-icon-size:var(--pine-dimension-sm);--pds-alert-border-dismiss-outline:2px solid var(--pds-alert-color-dismiss);--pds-alert-background:var(--pine-alert-color-background);--pds-alert-border-color:var(--pine-alert-color-border);--pds-alert-color-icon:var(--pine-alert-color-icon);--pds-alert-color-text:var(--pine-alert-color-text);--pds-alert-color-dismiss:var(--pine-alert-color-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-dismiss-hover);padding:var(--pine-dimension-250)}.pds-alert__container--danger{--pds-alert-background:var(--pine-alert-color-danger-background);--pds-alert-border-color:var(--pine-alert-color-danger-border);--pds-alert-color-icon:var(--pine-alert-color-danger-icon);--pds-alert-color-text:var(--pine-alert-color-danger-text);--pds-alert-color-dismiss:var(--pine-alert-color-danger-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-danger-dismiss-hover)}.pds-alert__container--info{--pds-alert-background:var(--pine-alert-color-info-background);--pds-alert-border-color:var(--pine-alert-color-info-border);--pds-alert-color-icon:var(--pine-alert-color-info-icon);--pds-alert-color-text:var(--pine-alert-color-info-text);--pds-alert-color-dismiss:var(--pine-alert-color-info-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-info-dismiss-hover)}.pds-alert__container--success{--pds-alert-background:var(--pine-alert-color-success-background);--pds-alert-border-color:var(--pine-alert-color-success-border);--pds-alert-color-icon:var(--pine-alert-color-success-icon);--pds-alert-color-text:var(--pine-alert-color-success-text);--pds-alert-color-dismiss:var(--pine-alert-color-success-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-success-dismiss-hover)}.pds-alert__container--warning{--pds-alert-background:var(--pine-alert-color-warning-background);--pds-alert-border-color:var(--pine-alert-color-warning-border);--pds-alert-color-icon:var(--pine-alert-color-warning-icon);--pds-alert-color-text:var(--pine-alert-color-warning-text);--pds-alert-color-dismiss:var(--pine-alert-color-warning-dismiss);--pds-alert-background-dismiss-hover:var(--pine-alert-color-warning-dismiss-hover)}.pds-alert__icon{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-alert__icon--small{-webkit-margin-before:calc(var(--pine-dimension-2xs) / 2);margin-block-start:calc(var(--pine-dimension-2xs) / 2)}.pds-alert__content-wrapper{-ms-flex:1;flex:1;min-width:0;overflow:hidden;width:100%}.pds-alert__dismiss{-ms-flex-align:center;align-items:center;background:none;border:0;border-radius:var(--pine-border-radius-full);cursor:pointer;display:-ms-flexbox;display:flex;height:var(--pine-dimension-250);-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-xs);width:var(--pine-dimension-250)}.pds-alert__dismiss:hover{background:var(--pds-alert-background-dismiss-hover);opacity:0.8}.pds-alert__dismiss:focus-visible{outline:var(--pds-alert-border-dismiss-outline)}.pds-alert__description--small{-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-alert__actions{-webkit-margin-before:var(--pine-dimension-sm);margin-block-start:var(--pine-dimension-sm)}.pds-alert__actions--small{-ms-flex-negative:0;flex-shrink:0;-webkit-margin-start:auto;margin-inline-start:auto;white-space:nowrap}";
|
|
3590
3594
|
|
|
3591
3595
|
/**
|
|
3592
3596
|
* @slot actions - Slot for alert actions.
|
|
@@ -3660,7 +3664,7 @@ class PdsAlert {
|
|
|
3660
3664
|
}; }
|
|
3661
3665
|
}
|
|
3662
3666
|
|
|
3663
|
-
const pdsAvatarCss = ":host{display:inline-block}div{--color-background-container:var(--pine-color-
|
|
3667
|
+
const pdsAvatarCss = ":host{display:inline-block}div{--color-background-container:var(--pine-color-grey-050);-ms-flex-align:center;align-items:center;background-color:var(--color-background-container);border-radius:var(--border-radius-admin-round, var(--pine-border-radius-full));display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;position:relative}:host(.pds-avatar--admin) div{--border-radius-admin-round:var(--pine-dimension-150);border-radius:var(--border-radius-admin-round)}:host(.pds-avatar--has-image) div{background:transparent}@supports selector(:has){div:has(img){background-color:transparent}}.pds-avatar__button{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--pine-dimension-none);border-radius:var(--pine-border-radius-full);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-none)}.pds-avatar__button:focus-visible{outline:var(--pine-outline-focus)}.pds-avatar__badge{background-color:transparent;border:var(--pine-dimension-none);border-color:transparent;border-radius:var(--pine-border-radius-round);inset-block-end:var(--pine-dimension-none);inset-inline-end:var(--pine-dimension-none);position:absolute}img{border-radius:var(--border-radius-admin-round, var(--pine-border-radius-full));height:100%;-o-object-fit:cover;object-fit:cover;width:100%}";
|
|
3664
3668
|
|
|
3665
3669
|
/**
|
|
3666
3670
|
* @part image - The main image element that represents the avatar component.
|
|
@@ -3722,7 +3726,7 @@ class PdsAvatar {
|
|
|
3722
3726
|
// Percentage is average size of icon in relation to total avatar size
|
|
3723
3727
|
// of all preset sizes found in Figma.
|
|
3724
3728
|
// Used to allow icons to scale to container size
|
|
3725
|
-
: hAsync("pds-icon", { color: "var(--pine-color-
|
|
3729
|
+
: hAsync("pds-icon", { color: "var(--pine-color-brand)", icon: userFilled, size: "33.53%" }));
|
|
3726
3730
|
this.classNames = () => ({
|
|
3727
3731
|
'pds-avatar': true,
|
|
3728
3732
|
[`pds-avatar--has-image`]: this.image !== '' && this.image !== null, // Remove when FF supports :has selector
|
|
@@ -3745,7 +3749,7 @@ class PdsAvatar {
|
|
|
3745
3749
|
}
|
|
3746
3750
|
}
|
|
3747
3751
|
render() {
|
|
3748
|
-
return (hAsync(Host, { key: '
|
|
3752
|
+
return (hAsync(Host, { key: '259ee077ffbd3eccd1992ad2963bea2f1dcce315', id: this.componentId, class: Object.assign({}, this.classNames()) }, this.renderAvatar()));
|
|
3749
3753
|
}
|
|
3750
3754
|
static get style() { return pdsAvatarCss; }
|
|
3751
3755
|
static get cmpMeta() { return {
|
|
@@ -4450,7 +4454,7 @@ const inheritAriaAttributes = (el, ignoreList) => {
|
|
|
4450
4454
|
|
|
4451
4455
|
const labelCss$5 = ":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}";
|
|
4452
4456
|
|
|
4453
|
-
const pdsCheckboxCss = ":host{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}:host(.is-invalid) input{border-color:var(--pine-color-border-danger)}:host(.is-invalid) input:checked{background:var(--pine-color-danger)}:host(.is-invalid) input:checked:hover{background:var(--pine-color-danger-hover);border-color:var(--pine-color-border-danger-hover)}:host(.is-invalid) input:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host(.is-invalid) label,:host(.is-invalid) .pds-checkbox__message--error{color:var(--pine-color-text-message-danger)}:host(.is-indeterminate) input{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}:host(.is-indeterminate) input:hover{background:var(--pine-color-accent);border-color:var(--pine-color-accent-hover)}:host(.is-indeterminate) input::after{border:1px solid var(--pine-color-white);-webkit-border-after:var(--pine-border-width-none);border-block-end:var(--pine-border-width-none);-webkit-border-before:var(--pine-border-width-none);border-block-start:var(--pine-border-width-none);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);content:\"\";display:block;height:7px;left:50%;position:absolute;top:50%;-webkit-transform:rotate(90deg) translate3d(-103%, 32%, 0);transform:rotate(90deg) translate3d(-103%, 32%, 0);width:4px}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-2xs);-ms-flex:none;flex:none;height:var(--pine-dimension-sm);margin:0;-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025);position:relative;width:var(--pine-dimension-sm)}input:hover{background:var(--pine-color-background-container-hover);border:var(--pine-border-hover)}input:checked{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}input:checked:hover{background:var(--pine-color-accent-hover);border-color:var(--pine-color-accent-hover)}input:checked::after{border:1px solid var(--pine-color-white);-webkit-border-before:var(--pine-border-width-none);border-block-start:var(--pine-border-width-none);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);content:\"\";display:block;height:7px;left:50%;position:absolute;top:50%;-webkit-transform:rotate(43deg) translate3d(-110%, -30%, 0);transform:rotate(43deg) translate3d(-110%, -30%, 0);width:4px}input:disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}input:disabled:checked{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled)}input:disabled:checked::after{border-color:var(--pine-color-border)}input:disabled+label{cursor:not-allowed}input:disabled~.pds-checkbox__message{color:var(--pine-color-text-disabled)}input:focus-visible{outline:var(--pine-outline-focus)}label{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs)}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-checkbox__message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:6px;margin-block-start:6px;-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);width:100%}.pds-checkbox__message--error{display:-ms-flexbox;display:flex;
|
|
4457
|
+
const pdsCheckboxCss = ":host{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}:host(.is-invalid) input{border-color:var(--pine-color-border-danger)}:host(.is-invalid) input:checked{background:var(--pine-color-danger)}:host(.is-invalid) input:checked:hover{background:var(--pine-color-danger-hover);border-color:var(--pine-color-border-danger-hover)}:host(.is-invalid) input:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host(.is-invalid) label,:host(.is-invalid) .pds-checkbox__message--error{color:var(--pine-color-text-message-danger)}:host(.is-indeterminate) input{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}:host(.is-indeterminate) input:hover{background:var(--pine-color-accent);border-color:var(--pine-color-accent-hover)}:host(.is-indeterminate) input::after{border:1px solid var(--pine-color-white);-webkit-border-after:var(--pine-border-width-none);border-block-end:var(--pine-border-width-none);-webkit-border-before:var(--pine-border-width-none);border-block-start:var(--pine-border-width-none);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);content:\"\";display:block;height:7px;left:50%;position:absolute;top:50%;-webkit-transform:rotate(90deg) translate3d(-103%, 32%, 0);transform:rotate(90deg) translate3d(-103%, 32%, 0);width:4px}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-2xs);-ms-flex:none;flex:none;height:var(--pine-dimension-sm);margin:0;-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025);position:relative;width:var(--pine-dimension-sm)}input:hover{background:var(--pine-color-background-container-hover);border:var(--pine-border-hover)}input:checked{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}input:checked:hover{background:var(--pine-color-accent-hover);border-color:var(--pine-color-accent-hover)}input:checked::after{border:1px solid var(--pine-color-white);-webkit-border-before:var(--pine-border-width-none);border-block-start:var(--pine-border-width-none);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);content:\"\";display:block;height:7px;left:50%;position:absolute;top:50%;-webkit-transform:rotate(43deg) translate3d(-110%, -30%, 0);transform:rotate(43deg) translate3d(-110%, -30%, 0);width:4px}input:disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}input:disabled:checked{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled)}input:disabled:checked::after{border-color:var(--pine-color-border)}input:disabled+label{cursor:not-allowed}input:disabled~.pds-checkbox__message{color:var(--pine-color-text-disabled)}input:focus-visible{outline:var(--pine-outline-focus)}label{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs)}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-checkbox__message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:6px;margin-block-start:6px;-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);width:100%}.pds-checkbox__message--error{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-checkbox__message--error pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}";
|
|
4454
4458
|
|
|
4455
4459
|
class PdsCheckbox {
|
|
4456
4460
|
constructor(hostRef) {
|
|
@@ -8572,7 +8576,7 @@ class PdsCombobox {
|
|
|
8572
8576
|
}; }
|
|
8573
8577
|
}
|
|
8574
8578
|
|
|
8575
|
-
const pdsCopytextCss = ":host(.pds-copytext){--copytext-color-background-hover:var(--pine-color-background-inset)}:host(.pds-copytext) pds-button{-ms-flex-align:center;align-items:center;
|
|
8579
|
+
const pdsCopytextCss = ":host(.pds-copytext){--copytext-color-background-hover:var(--pine-color-background-inset)}:host(.pds-copytext) pds-button{-ms-flex-align:center;align-items:center;border-radius:var(--pine-border-radius-full);border-width:var(--pine-dimension-none);display:-ms-inline-flexbox;display:inline-flex;font-family:var(--pine-font-family-heading);font-size:var(--pine-font-size-body-md);font-weight:var(--pine-font-weight-body-medium);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);max-width:100%}:host(.pds-copytext) pds-button::part(button){padding-block:var(--pine-dimension-2xs);padding-inline:var(--pine-dimension-xs)}:host(.pds-copytext) pds-button::part(button):hover{background-color:var(--copytext-color-background-hover);color:var(--pine-color-text-secondary-hover)}:host(.pds-copytext) pds-button span{font-weight:var(--pine-font-weight-medium);-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs);white-space:nowrap}:host(.pds-copytext) pds-button :nth-child(2){-ms-flex-negative:0;flex-shrink:0}:host(.pds-copytext):host(.pds-copytext--bordered){border-width:var(--pine-dimension-none);padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button{padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button::part(button){padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button::part(button):hover{background-color:transparent}:host(.pds-copytext):host(.pds-copytext--bordered) span{background:var(--pine-color-secondary);border:var(--pine-border);border-radius:var(--pine-border-radius-full);-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm);padding-block:var(--pine-dimension-xs);padding-inline:var(--pine-dimension-sm)}:host(.pds-copytext):host(.pds-copytext--bordered) :hover span{border:var(--pine-border-hover)}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button,:host(.pds-copytext):host(.pds-copytext--truncated) pds-button{display:-ms-inline-flexbox;display:inline-flex;min-width:auto;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button::part(button-content),:host(.pds-copytext):host(.pds-copytext--full-width) pds-button::part(button-text),:host(.pds-copytext):host(.pds-copytext--truncated) pds-button::part(button-content),:host(.pds-copytext):host(.pds-copytext--truncated) pds-button::part(button-text){-ms-flex-negative:1;flex-shrink:1;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button span,:host(.pds-copytext):host(.pds-copytext--truncated) pds-button span{text-align:start;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button{-ms-flex-pack:justify;justify-content:space-between}:host(.pds-copytext):host(.pds-copytext--truncated) pds-button span{overflow:hidden;text-overflow:ellipsis}";
|
|
8576
8580
|
|
|
8577
8581
|
class PdsCopytext {
|
|
8578
8582
|
constructor(hostRef) {
|
|
@@ -10091,7 +10095,7 @@ const pdsInputTokensCss$1 = ":host{--pine-input-color-background-danger:var(--pi
|
|
|
10091
10095
|
|
|
10092
10096
|
const labelCss$4 = ":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}";
|
|
10093
10097
|
|
|
10094
|
-
const pdsInputCss = ":host{--pds-input-background:var(--pine-color-background-container);--pds-input-border-color:var(--pine-color-border);--pds-input-border-color-hover:var(--pine-color-border-hover);--pds-input-border-color-disabled:var(--pine-color-border-disabled);--pds-input-border-radius:var(--pine-dimension-125);--pds-input-border-width:var(--pine-border-width-thin);--pds-input-padding-x:var(--pine-dimension-150);--pds-input-padding-y:calc(var(--pine-dimension-xs) - var(--pine-border-width));--pds-input-font:var(--pine-typography-body);--pds-input-text-color:var(--pine-color-text-strong);--pds-input-placeholder-color:var(--pine-color-text-placeholder);--pds-input-icon-color:var(--pine-color-text-secondary);--pds-input-disabled-background:var(--pine-color-background-container-disabled);--pds-input-disabled-text-color:var(--pine-color-text-disabled);--pds-input-error-color:var(--pine-color-text-message-danger);--pds-input-error-background:var(--pine-input-color-background-danger);--pds-input-error-border:var(--pine-color-border-danger);--pds-input-error-border-hover:var(--pine-color-border-danger-hover);--pds-input-addon-background:var(--pine-color-background-subtle);--pds-input-addon-color:var(--pine-color-text-secondary);--pds-input-field-min-height:var(--pine-dimension-450);--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring);--box-shadow-focus-error:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring-danger);display:inline}:host pds-select::part(select){background-color:var(--pds-input-error-background);border-color:var(--pds-input-error-border)}:host::part(prefix),:host::part(suffix){-ms-flex-align:center;align-items:center;color:var(--pine-color-text-label-readonly);display:-ms-flexbox;display:flex;height:100%;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);white-space:nowrap;z-index:var(--pine-z-index-raised)}:host::part(prefix){border-end-start-radius:var(--pds-input-border-radius);-webkit-border-end:var(--pine-border-width-none);border-inline-end:var(--pine-border-width-none);border-start-start-radius:var(--pds-input-border-radius);left:var(--pds-input-padding-x)}:host::part(suffix){border-end-end-radius:var(--pds-input-border-radius);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);border-start-end-radius:var(--pds-input-border-radius);right:var(--pds-input-padding-x)}:host::part(prepend),:host::part(append){-ms-flex-align:center;align-items:center;background-color:var(--pds-input-addon-background);border:var(--pds-input-border-width) solid var(--pds-input-border-color);color:var(--pds-input-addon-color);display:-ms-flexbox;display:flex;overflow:visible}:host::part(prepend){border-end-start-radius:var(--pds-input-border-radius);-webkit-border-end:var(--pine-border-width-none);border-inline-end:var(--pine-border-width-none);border-start-start-radius:var(--pds-input-border-radius)}:host::part(append){border-end-end-radius:var(--pds-input-border-radius);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);border-start-end-radius:var(--pds-input-border-radius)}:host([has-prepend]) ::slotted(pds-button[slot=prepend]){--pds-button-background:var(--pds-input-addon-background);--pds-button-border:var(--pine-border-width-none);--pds-button-border-radius:var(--pine-dimension-none);--pds-button-border-radius-end-end:var(--pine-dimension-none);--pds-button-border-radius-start-end:var(--pine-dimension-none);--pds-button-border-radius-start-start:var(--pds-input-border-radius);--pds-button-border-radius-end-start:var(--pds-input-border-radius);--pds-button-min-height:calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)));--pds-button-box-shadow-focus:0 0 0 3px var(--pine-color-focus-ring);--pds-button-outline-focus:none}:host([has-append]) ::slotted(pds-button[slot=append]){--pds-button-background:var(--pds-input-addon-background);--pds-button-border:var(--pine-border-width-none);--pds-button-border-radius:var(--pine-dimension-none);--pds-button-border-radius-end-start:var(--pine-dimension-none);--pds-button-border-radius-start-start:var(--pine-dimension-none);--pds-button-border-radius-start-end:var(--pds-input-border-radius);--pds-button-border-radius-end-end:var(--pds-input-border-radius);--pds-button-min-height:calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)));--pds-button-box-shadow-focus:0 0 0 3px var(--pine-color-focus-ring);--pds-button-outline-focus:none}:host([has-prepend]) ::slotted(pds-select[slot=prepend]){--pds-select-background:var(--pds-input-addon-background);--pds-select-border:var(--pine-border-width-none);--pds-select-border-radius-end-end:var(--pine-dimension-none);--pds-select-border-radius-start-end:var(--pine-dimension-none);--pds-select-min-height:calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)))}:host([has-append]) ::slotted(pds-select[slot=append]){--pds-select-background:var(--pds-input-addon-background);--pds-select-border:var(--pine-border-width-none);--pds-select-border-radius-end-start:var(--pine-dimension-none);--pds-select-border-radius-start-start:var(--pine-dimension-none);--pds-select-min-height:calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)))}:host([aria-readonly=true]) input{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-readonly)}:host([disabled=true])::part(prepend),:host([disabled=true])::part(append){background-color:var(--pds-input-disabled-background);border:var(--pds-input-border-width) solid var(--pds-input-border-color-disabled)}:host([full-width=true]){width:100%}:host([invalid=true])::part(prepend),:host([invalid=true])::part(append){background-color:var(--pds-input-error-background);border:var(--pds-input-border-width) solid var(--pds-input-error-border)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([invalid]):not([aria-readonly=true])){--pds-input-background:var(--pine-color-accent-disabled);--pds-input-border-color:var(--pine-color-accent);--pds-input-border-color-hover:var(--pine-color-accent-hover);--pds-input-text-color:var(--pine-color-text-accent)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([invalid]):not([aria-readonly=true]))::part(prefix),:host([highlight]:not([disabled]):not([aria-disabled=true]):not([invalid]):not([aria-readonly=true]))::part(suffix){color:var(--pine-color-text-accent)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([invalid]):not([aria-readonly=true])) .pds-input__field:focus-visible{outline-color:var(--pine-color-focus-ring)}.pds-input{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.pds-input__label-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-input__label{color:var(--pine-color-text-strong);-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-input__label-wrapper .pds-input__label{-webkit-margin-after:0;margin-block-end:0}.pds-input__action{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}.pds-input__field-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;position:relative;width:100%}.pds-input__field-wrapper.has-prefix .pds-input__field{-webkit-padding-start:calc(2 * var(--pds-input-padding-x) + var(--prefix-width, 1em));padding-inline-start:calc(2 * var(--pds-input-padding-x) + var(--prefix-width, 1em))}.pds-input__field-wrapper.has-suffix .pds-input__field{-webkit-padding-end:calc(2 * var(--pds-input-padding-x) + var(--suffix-width, 1em));padding-inline-end:calc(2 * var(--pds-input-padding-x) + var(--suffix-width, 1em))}.pds-input__field-wrapper.has-prepend .pds-input__field{border-end-start-radius:var(--pine-dimension-none);border-start-start-radius:var(--pine-dimension-none)}.pds-input__field-wrapper.has-append .pds-input__field{border-end-end-radius:var(--pine-dimension-none);border-start-end-radius:var(--pine-dimension-none)}.pds-input__field{background:var(--pds-input-background);border:var(--pds-input-border-width) solid var(--pds-input-border-color);border-radius:var(--pds-input-border-radius);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pds-input-text-color);-ms-flex:1;flex:1;font:var(--pds-input-font);letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-input-field-min-height);min-width:var(--pine-dimension-none);padding:var(--pds-input-padding-y) var(--pds-input-padding-x);-webkit-transition:border-color 0.2s ease;transition:border-color 0.2s ease;width:100%}.pds-input__field:hover:not(:disabled){border-color:var(--pds-input-border-color-hover)}.pds-input__field:disabled{background:var(--pds-input-disabled-background);border-color:var(--pine-color-border-disabled);color:var(--pds-input-disabled-text-color);cursor:not-allowed}.pds-input__field:disabled::-webkit-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled::-moz-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled:-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled::-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled::placeholder{color:var(--pine-color-text-placeholder-disabled)}.has-error .pds-input__field:hover:not(:disabled){border-color:var(--pds-input-error-border-hover)}:host-context([data-theme=dark]) .has-error .pds-input__field:hover:not(:disabled){border-color:var(--pine-color-red-950)}.pds-input__field:focus-visible:not(.has-error){border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width);position:relative;z-index:1}:host([has-prepend]) .pds-input__field:focus-visible:not(.has-error),:host([has-append]) .pds-input__field:focus-visible:not(.has-error),:host([has-prefix]) .pds-input__field:focus-visible:not(.has-error),:host([has-suffix]) .pds-input__field:focus-visible:not(.has-error){outline-offset:var(--pine-dimension-none)}.pds-input__field::-webkit-input-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field::-moz-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field:-ms-input-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field::-ms-input-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field::placeholder{color:var(--pds-input-placeholder-color)}.has-error .pds-input__field{background-color:var(--pds-input-error-background);border-color:var(--pds-input-error-border)}:host-context([data-theme=dark]) .has-error .pds-input__field{background-color:var(--pine-color-red-950)}.has-error .pds-input__field:focus-visible{outline-color:var(--pine-color-focus-ring-danger);position:relative;z-index:1}.pds-input__error-message,.pds-input__helper-message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm);-webkit-margin-after:var(--pine-dimension-none);margin-block-end:var(--pine-dimension-none);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-input__error-message{-ms-flex-align:center;align-items:center;color:var(--pds-input-error-color);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}";
|
|
10098
|
+
const pdsInputCss = ":host{--pds-input-background:var(--pine-color-background-container);--pds-input-border-color:var(--pine-color-border);--pds-input-border-color-hover:var(--pine-color-border-hover);--pds-input-border-color-disabled:var(--pine-color-border-disabled);--pds-input-border-radius:var(--pine-dimension-125);--pds-input-border-width:var(--pine-border-width-thin);--pds-input-padding-x:var(--pine-dimension-150);--pds-input-padding-y:calc(var(--pine-dimension-xs) - var(--pine-border-width));--pds-input-font:var(--pine-typography-body);--pds-input-text-color:var(--pine-color-text-strong);--pds-input-placeholder-color:var(--pine-color-text-placeholder);--pds-input-icon-color:var(--pine-color-text-secondary);--pds-input-disabled-background:var(--pine-color-background-container-disabled);--pds-input-disabled-text-color:var(--pine-color-text-disabled);--pds-input-error-color:var(--pine-color-text-message-danger);--pds-input-error-background:var(--pine-input-color-background-danger);--pds-input-error-border:var(--pine-color-border-danger);--pds-input-error-border-hover:var(--pine-color-border-danger-hover);--pds-input-addon-background:var(--pine-color-background-subtle);--pds-input-addon-color:var(--pine-color-text-secondary);--pds-input-field-min-height:var(--pine-dimension-450);--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring);--box-shadow-focus-error:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring-danger);display:inline}:host pds-select::part(select){background-color:var(--pds-input-error-background);border-color:var(--pds-input-error-border)}:host::part(prefix),:host::part(suffix){-ms-flex-align:center;align-items:center;color:var(--pine-color-text-label-readonly);display:-ms-flexbox;display:flex;height:100%;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);white-space:nowrap;z-index:var(--pine-z-index-raised)}:host::part(prefix){border-end-start-radius:var(--pds-input-border-radius);-webkit-border-end:var(--pine-border-width-none);border-inline-end:var(--pine-border-width-none);border-start-start-radius:var(--pds-input-border-radius);left:var(--pds-input-padding-x)}:host::part(suffix){border-end-end-radius:var(--pds-input-border-radius);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);border-start-end-radius:var(--pds-input-border-radius);right:var(--pds-input-padding-x)}:host::part(prepend),:host::part(append){-ms-flex-align:center;align-items:center;background-color:var(--pds-input-addon-background);border:var(--pds-input-border-width) solid var(--pds-input-border-color);color:var(--pds-input-addon-color);display:-ms-flexbox;display:flex;overflow:visible}:host::part(prepend){border-end-start-radius:var(--pds-input-border-radius);-webkit-border-end:var(--pine-border-width-none);border-inline-end:var(--pine-border-width-none);border-start-start-radius:var(--pds-input-border-radius)}:host::part(append){border-end-end-radius:var(--pds-input-border-radius);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);border-start-end-radius:var(--pds-input-border-radius)}:host([has-prepend]) ::slotted(pds-button[slot=prepend]){--pds-button-background:var(--pds-input-addon-background);--pds-button-border:var(--pine-border-width-none);--pds-button-border-radius:var(--pine-dimension-none);--pds-button-border-radius-end-end:var(--pine-dimension-none);--pds-button-border-radius-start-end:var(--pine-dimension-none);--pds-button-border-radius-start-start:var(--pds-input-border-radius);--pds-button-border-radius-end-start:var(--pds-input-border-radius);--pds-button-min-height:calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)));--pds-button-box-shadow-focus:0 0 0 3px var(--pine-color-focus-ring);--pds-button-outline-focus:none}:host([has-append]) ::slotted(pds-button[slot=append]){--pds-button-background:var(--pds-input-addon-background);--pds-button-border:var(--pine-border-width-none);--pds-button-border-radius:var(--pine-dimension-none);--pds-button-border-radius-end-start:var(--pine-dimension-none);--pds-button-border-radius-start-start:var(--pine-dimension-none);--pds-button-border-radius-start-end:var(--pds-input-border-radius);--pds-button-border-radius-end-end:var(--pds-input-border-radius);--pds-button-min-height:calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)));--pds-button-box-shadow-focus:0 0 0 3px var(--pine-color-focus-ring);--pds-button-outline-focus:none}:host([has-prepend]) ::slotted(pds-select[slot=prepend]){--pds-select-background:var(--pds-input-addon-background);--pds-select-border:var(--pine-border-width-none);--pds-select-border-radius-end-end:var(--pine-dimension-none);--pds-select-border-radius-start-end:var(--pine-dimension-none);--pds-select-min-height:calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)))}:host([has-append]) ::slotted(pds-select[slot=append]){--pds-select-background:var(--pds-input-addon-background);--pds-select-border:var(--pine-border-width-none);--pds-select-border-radius-end-start:var(--pine-dimension-none);--pds-select-border-radius-start-start:var(--pine-dimension-none);--pds-select-min-height:calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)))}:host([aria-readonly=true]) input{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-readonly)}:host([disabled=true])::part(prepend),:host([disabled=true])::part(append){background-color:var(--pds-input-disabled-background);border:var(--pds-input-border-width) solid var(--pds-input-border-color-disabled)}:host([full-width=true]){width:100%}:host([invalid=true])::part(prepend),:host([invalid=true])::part(append){background-color:var(--pds-input-error-background);border:var(--pds-input-border-width) solid var(--pds-input-error-border)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([invalid]):not([aria-readonly=true])){--pds-input-background:var(--pine-color-accent-disabled);--pds-input-border-color:var(--pine-color-accent);--pds-input-border-color-hover:var(--pine-color-accent-hover);--pds-input-text-color:var(--pine-color-text-accent)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([invalid]):not([aria-readonly=true]))::part(prefix),:host([highlight]:not([disabled]):not([aria-disabled=true]):not([invalid]):not([aria-readonly=true]))::part(suffix){color:var(--pine-color-text-accent)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([invalid]):not([aria-readonly=true])) .pds-input__field:focus-visible{outline-color:var(--pine-color-focus-ring)}.pds-input{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.pds-input__label-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-input__label{color:var(--pine-color-text-strong);-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-input__label-wrapper .pds-input__label{-webkit-margin-after:0;margin-block-end:0}.pds-input__action{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}.pds-input__field-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;position:relative;width:100%}.pds-input__field-wrapper.has-prefix .pds-input__field{-webkit-padding-start:calc(2 * var(--pds-input-padding-x) + var(--prefix-width, 1em));padding-inline-start:calc(2 * var(--pds-input-padding-x) + var(--prefix-width, 1em))}.pds-input__field-wrapper.has-suffix .pds-input__field{-webkit-padding-end:calc(2 * var(--pds-input-padding-x) + var(--suffix-width, 1em));padding-inline-end:calc(2 * var(--pds-input-padding-x) + var(--suffix-width, 1em))}.pds-input__field-wrapper.has-prepend .pds-input__field{border-end-start-radius:var(--pine-dimension-none);border-start-start-radius:var(--pine-dimension-none)}.pds-input__field-wrapper.has-append .pds-input__field{border-end-end-radius:var(--pine-dimension-none);border-start-end-radius:var(--pine-dimension-none)}.pds-input__field{background:var(--pds-input-background);border:var(--pds-input-border-width) solid var(--pds-input-border-color);border-radius:var(--pds-input-border-radius);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pds-input-text-color);-ms-flex:1;flex:1;font:var(--pds-input-font);letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-input-field-min-height);min-width:var(--pine-dimension-none);padding:var(--pds-input-padding-y) var(--pds-input-padding-x);-webkit-transition:border-color 0.2s ease;transition:border-color 0.2s ease;width:100%}.pds-input__field:hover:not(:disabled){border-color:var(--pds-input-border-color-hover)}.pds-input__field:disabled{background:var(--pds-input-disabled-background);border-color:var(--pine-color-border-disabled);color:var(--pds-input-disabled-text-color);cursor:not-allowed}.pds-input__field:disabled::-webkit-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled::-moz-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled:-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled::-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled::placeholder{color:var(--pine-color-text-placeholder-disabled)}.has-error .pds-input__field:hover:not(:disabled){border-color:var(--pds-input-error-border-hover)}:host-context([data-theme=dark]) .has-error .pds-input__field:hover:not(:disabled){border-color:var(--pine-color-red-950)}.pds-input__field:focus-visible:not(.has-error){border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width);position:relative;z-index:1}:host([has-prepend]) .pds-input__field:focus-visible:not(.has-error),:host([has-append]) .pds-input__field:focus-visible:not(.has-error),:host([has-prefix]) .pds-input__field:focus-visible:not(.has-error),:host([has-suffix]) .pds-input__field:focus-visible:not(.has-error){outline-offset:var(--pine-dimension-none)}.pds-input__field::-webkit-input-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field::-moz-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field:-ms-input-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field::-ms-input-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field::placeholder{color:var(--pds-input-placeholder-color)}.has-error .pds-input__field{background-color:var(--pds-input-error-background);border-color:var(--pds-input-error-border)}:host-context([data-theme=dark]) .has-error .pds-input__field{background-color:var(--pine-color-red-950)}.has-error .pds-input__field:focus-visible{outline-color:var(--pine-color-focus-ring-danger);position:relative;z-index:1}.pds-input__error-message,.pds-input__helper-message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-after:var(--pine-dimension-none);margin-block-end:var(--pine-dimension-none);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-input__error-message{color:var(--pds-input-error-color);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-input__error-message pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}";
|
|
10095
10099
|
|
|
10096
10100
|
/**
|
|
10097
10101
|
* @slot append - Content to be displayed after the input field
|
|
@@ -10399,7 +10403,7 @@ class PdsInput {
|
|
|
10399
10403
|
}; }
|
|
10400
10404
|
}
|
|
10401
10405
|
|
|
10402
|
-
const pdsLinkCss = ":host{display:inline}:host pds-icon{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-link{-ms-flex-align:center;align-items:center;color:var(--color, var(--pine-color-text));display:-ms-inline-flexbox;display:inline-flex;font-weight:var(--pine-font-weight-medium)}.pds-link:focus-visible{border-radius:var(--pine-dimension-2xs);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width-thick);position:relative}.pds-link:hover{color:var(--color, var(--pine-color-text-hover));text-decoration:none}:host([color=secondary]) .pds-link{color:var(--pine-color-text-primary)}:host([color=secondary]) .pds-link:hover{color:var(--pine-color-text-inverse-secondary)}:host([color=accent]) .pds-link{color:var(--pine-color-accent)}:host([color=accent]) .pds-link:hover{color:var(--pine-color-accent-hover)}:host([color=danger]) .pds-link{color:var(--pine-color-danger)}:host([color=danger]) .pds-link:hover{color:var(--pine-color-danger-hover)}.pds-link--sm{font-size:var(--pine-font-size-body-xs)}.pds-link--sm pds-icon{height:var(--pine-dimension-xs);width:var(--pine-dimension-xs)}.pds-link--md{font-size:var(--pine-font-size-body-sm)}.pds-link--md pds-icon{height:var(--pine-dimension-xs);width:var(--pine-dimension-xs)}.pds-link--lg{font-size:var(--pine-font-size-body-md)}.pds-link--lg pds-icon{height:var(--pine-dimension-sm);width:var(--pine-dimension-sm)}.pds-link--plain{text-decoration:none}.pds-link--plain:hover{color:var(--pine-color-text-hover);text-decoration:underline}";
|
|
10406
|
+
const pdsLinkCss = ":host{display:inline}:host pds-icon{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-link{-ms-flex-align:center;align-items:center;color:var(--color, var(--pds-context-link-color, var(--pine-color-text)));display:-ms-inline-flexbox;display:inline-flex;font-weight:var(--pine-font-weight-medium)}.pds-link:focus-visible{border-radius:var(--pine-dimension-2xs);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width-thick);position:relative}.pds-link:hover{color:var(--color, var(--pds-context-link-color-hover, var(--pine-color-text-hover)));text-decoration:none}:host([color=secondary]) .pds-link{color:var(--pine-color-text-primary)}:host([color=secondary]) .pds-link:hover{color:var(--pine-color-text-inverse-secondary)}:host([color=accent]) .pds-link{color:var(--pine-color-accent)}:host([color=accent]) .pds-link:hover{color:var(--pine-color-accent-hover)}:host([color=danger]) .pds-link{color:var(--pine-color-danger)}:host([color=danger]) .pds-link:hover{color:var(--pine-color-danger-hover)}.pds-link--sm{font-size:var(--pine-font-size-body-xs)}.pds-link--sm pds-icon{height:var(--pine-dimension-xs);width:var(--pine-dimension-xs)}.pds-link--md{font-size:var(--pine-font-size-body-sm)}.pds-link--md pds-icon{height:var(--pine-dimension-xs);width:var(--pine-dimension-xs)}.pds-link--lg{font-size:var(--pine-font-size-body-md)}.pds-link--lg pds-icon{height:var(--pine-dimension-sm);width:var(--pine-dimension-sm)}.pds-link--plain{text-decoration:none}.pds-link--plain:hover{color:var(--color, var(--pds-context-link-color-hover, var(--pine-color-text-hover)));text-decoration:underline}";
|
|
10403
10407
|
|
|
10404
10408
|
/**
|
|
10405
10409
|
* @part link - Link element styles.
|
|
@@ -10584,9 +10588,10 @@ class PdsModal {
|
|
|
10584
10588
|
return;
|
|
10585
10589
|
// Handle Escape key to close the modal
|
|
10586
10590
|
if (e.key === 'Escape') {
|
|
10587
|
-
//
|
|
10588
|
-
|
|
10589
|
-
|
|
10591
|
+
// Always prevent native dialog close behavior
|
|
10592
|
+
e.preventDefault();
|
|
10593
|
+
// Only close if backdropDismiss is enabled and this is the innermost modal
|
|
10594
|
+
if (this.backdropDismiss && this.isInnermostModal()) {
|
|
10590
10595
|
this.hideModal();
|
|
10591
10596
|
}
|
|
10592
10597
|
return;
|
|
@@ -10773,14 +10778,14 @@ class PdsModal {
|
|
|
10773
10778
|
return thisZIndex === maxZIndex;
|
|
10774
10779
|
}
|
|
10775
10780
|
render() {
|
|
10776
|
-
return (hAsync("dialog", { key: '
|
|
10781
|
+
return (hAsync("dialog", { key: 'cf2710a889d8f0e80a3551088ab38a88dc44ad1e', class: {
|
|
10777
10782
|
'pds-modal__backdrop': true,
|
|
10778
10783
|
'open': this.open
|
|
10779
|
-
}, "aria-modal": "true", "aria-labelledby": `${this.componentId}-heading`, onClick: this.handleBackdropClick }, hAsync("div", { key: '
|
|
10784
|
+
}, "aria-modal": "true", "aria-labelledby": `${this.componentId}-heading`, onClick: this.handleBackdropClick }, hAsync("div", { key: '0eeb24f73429822be6c1c22ecf5b070a3ecc4e92', class: {
|
|
10780
10785
|
'pds-modal': true,
|
|
10781
10786
|
[`pds-modal--${this.size}`]: true,
|
|
10782
10787
|
'pds-modal--scrollable': this.scrollable
|
|
10783
|
-
} }, hAsync("slot", { key: '
|
|
10788
|
+
} }, hAsync("slot", { key: 'f11a8d375e0c5e40f399a13170ae227374d51614' }))));
|
|
10784
10789
|
}
|
|
10785
10790
|
get el() { return getElement(this); }
|
|
10786
10791
|
static get watchers() { return {
|
|
@@ -10837,7 +10842,6 @@ class PdsModalContent {
|
|
|
10837
10842
|
if (!this.userSetBorder) {
|
|
10838
10843
|
setTimeout(() => {
|
|
10839
10844
|
// The scroll happens on the component element itself (this.el), not the inner div
|
|
10840
|
-
console.log('Setting up scroll listener on component element:', this.el);
|
|
10841
10845
|
this.el.addEventListener('scroll', this.handleScroll.bind(this));
|
|
10842
10846
|
// Initial border update after everything is set up
|
|
10843
10847
|
setTimeout(() => this.updateBorders(), 100);
|
|
@@ -10858,7 +10862,6 @@ class PdsModalContent {
|
|
|
10858
10862
|
* Handle scroll events
|
|
10859
10863
|
*/
|
|
10860
10864
|
handleScroll() {
|
|
10861
|
-
console.log('Scroll event fired!');
|
|
10862
10865
|
this.updateBorders();
|
|
10863
10866
|
}
|
|
10864
10867
|
/**
|
|
@@ -10902,35 +10905,21 @@ class PdsModalContent {
|
|
|
10902
10905
|
const tolerance = 3;
|
|
10903
10906
|
const isAtTop = scrollTop <= tolerance;
|
|
10904
10907
|
const isAtBottom = scrollBottom >= scrollHeight - tolerance;
|
|
10905
|
-
// Debug logging (can be removed later)
|
|
10906
|
-
console.log('Border Debug:', {
|
|
10907
|
-
scrollTop,
|
|
10908
|
-
scrollHeight,
|
|
10909
|
-
clientHeight,
|
|
10910
|
-
scrollBottom,
|
|
10911
|
-
isAtTop,
|
|
10912
|
-
isAtBottom,
|
|
10913
|
-
currentBorder: this.border
|
|
10914
|
-
});
|
|
10915
10908
|
if (isAtTop && isAtBottom) {
|
|
10916
10909
|
// Content fits exactly, no borders needed
|
|
10917
10910
|
this.border = 'none';
|
|
10918
|
-
console.log('Content fits exactly, no borders needed');
|
|
10919
10911
|
}
|
|
10920
10912
|
else if (isAtTop && !isAtBottom) {
|
|
10921
10913
|
// At top, show bottom border only
|
|
10922
10914
|
this.border = 'bottom';
|
|
10923
|
-
console.log('At top, show bottom border only');
|
|
10924
10915
|
}
|
|
10925
10916
|
else if (!isAtTop && isAtBottom) {
|
|
10926
10917
|
// At bottom, show top border only
|
|
10927
10918
|
this.border = 'top';
|
|
10928
|
-
console.log('At bottom, show top border only');
|
|
10929
10919
|
}
|
|
10930
10920
|
else {
|
|
10931
10921
|
// In middle, show both borders
|
|
10932
10922
|
this.border = 'both';
|
|
10933
|
-
console.log('In middle, show both borders');
|
|
10934
10923
|
}
|
|
10935
10924
|
}
|
|
10936
10925
|
/**
|
|
@@ -10999,10 +10988,10 @@ class PdsModalContent {
|
|
|
10999
10988
|
render() {
|
|
11000
10989
|
// Only apply max-height style if it's not 'none'
|
|
11001
10990
|
const styleObj = this.contentMaxHeight !== 'none' ? { maxHeight: this.contentMaxHeight } : {};
|
|
11002
|
-
return (hAsync(Host, { key: '
|
|
10991
|
+
return (hAsync(Host, { key: 'fae42c1fc151e4855cd2c731802c15851473be79' }, hAsync("div", { key: 'feb61d6a7227d8113b931df6280358cd9b4fe583', class: {
|
|
11003
10992
|
'pds-modal-content': true,
|
|
11004
10993
|
[`pds-modal-content--border-${this.border}`]: true
|
|
11005
|
-
}, style: styleObj, tabindex: "-1" }, hAsync("slot", { key: '
|
|
10994
|
+
}, style: styleObj, tabindex: "-1" }, hAsync("slot", { key: '1c9e55ecd1ad353699e5a4590ee04c9005719f6d' }))));
|
|
11006
10995
|
}
|
|
11007
10996
|
get el() { return getElement(this); }
|
|
11008
10997
|
static get style() { return pdsModalContentCss; }
|
|
@@ -11010,7 +10999,7 @@ class PdsModalContent {
|
|
|
11010
10999
|
"$flags$": 260,
|
|
11011
11000
|
"$tagName$": "pds-modal-content",
|
|
11012
11001
|
"$members$": {
|
|
11013
|
-
"border": [
|
|
11002
|
+
"border": [1537],
|
|
11014
11003
|
"contentMaxHeight": [32]
|
|
11015
11004
|
},
|
|
11016
11005
|
"$listeners$": undefined,
|
|
@@ -11721,7 +11710,7 @@ class PdsProperty {
|
|
|
11721
11710
|
|
|
11722
11711
|
const labelCss$3 = ".sc-pds-radio-h{display:inline-block}[aria-disabled=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-disabled)}[aria-readonly=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-readonly)}label.sc-pds-radio{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}";
|
|
11723
11712
|
|
|
11724
|
-
const pdsRadioCss = ".sc-pds-radio-h{--sizing-check-size:6px;--sizing-input-size:var(--pine-dimension-sm);--sizing-margin-block-start:6px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;position:relative}.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}.has-border.sc-pds-radio-h{-ms-flex-align:start;align-items:flex-start;border:var(--pine-border);border-radius:var(--pine-dimension-125);-webkit-column-gap:var(--pine-dimension-xs);-moz-column-gap:var(--pine-dimension-xs);column-gap:var(--pine-dimension-xs);display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;padding:var(--pine-dimension-md)}@media (max-width: 767px){.has-border.sc-pds-radio-h{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:1 1 100%;flex:1 1 100%;max-width:100%;min-width:0}}.has-border.sc-pds-radio-h:hover{border:var(--pine-border-hover)}.has-border.sc-pds-radio-h:has(input:checked){-webkit-box-shadow:0 0 0 2px var(--pine-color-primary-hover);box-shadow:0 0 0 2px var(--pine-color-primary-hover)}.has-border.sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text);font-weight:var(--pine-font-weight-semi-bold)}.has-border.sc-pds-radio-h label.sc-pds-radio::after{content:\"\";cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.has-border.sc-pds-radio-h:has(input:disabled){background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}.has-border.sc-pds-radio-h:has(input:disabled) label.sc-pds-radio{color:var(--pine-color-text-label-disabled);cursor:not-allowed}.has-border.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}input.sc-pds-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-border-radius-full);-ms-flex:none;flex:none;height:var(--sizing-input-size);margin:0;-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025);position:relative;width:var(--sizing-input-size)}input.visually-hidden.sc-pds-radio{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}input.sc-pds-radio:hover{background:var(--pine-color-background-container-hover);border:var(--pine-border-hover)}input.sc-pds-radio:checked{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}input.sc-pds-radio:checked:hover{background:var(--pine-color-accent-hover);border-color:var(--pine-color-accent-hover)}input.sc-pds-radio:checked::after{background:var(--pine-color-white);border-radius:var(--pine-border-radius-full);content:\"\";display:block;height:var(--sizing-check-size);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--sizing-check-size)}input.sc-pds-radio:disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}input.sc-pds-radio:disabled:checked{background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:disabled:checked::after{border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:focus-visible{outline:var(--pine-outline-focus)}label.sc-pds-radio{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs)}label.sc-pds-radio:has(input:disabled){color:var(--pine-color-text-label-disabled);cursor:not-allowed}.sc-pds-radio-h:has(input:disabled) .pds-radio__message.sc-pds-radio{color:var(--pine-color-text-label-disabled)}.visually-hidden.sc-pds-radio{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-radio__message.sc-pds-radio{color:var(--pine-color-text-message);-ms-flex-preferred-size:100%;flex-basis:100%;font:var(--pine-typography-body);-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);width:100%}.pds-radio__message--error.sc-pds-radio{
|
|
11713
|
+
const pdsRadioCss = ".sc-pds-radio-h{--sizing-check-size:6px;--sizing-input-size:var(--pine-dimension-sm);--sizing-margin-block-start:6px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;position:relative}.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}.has-border.sc-pds-radio-h{-ms-flex-align:start;align-items:flex-start;border:var(--pine-border);border-radius:var(--pine-dimension-125);-webkit-column-gap:var(--pine-dimension-xs);-moz-column-gap:var(--pine-dimension-xs);column-gap:var(--pine-dimension-xs);display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;padding:var(--pine-dimension-md)}@media (max-width: 767px){.has-border.sc-pds-radio-h{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:1 1 100%;flex:1 1 100%;max-width:100%;min-width:0}}.has-border.sc-pds-radio-h:hover{border:var(--pine-border-hover)}.has-border.sc-pds-radio-h:has(input:checked){-webkit-box-shadow:0 0 0 2px var(--pine-color-primary-hover);box-shadow:0 0 0 2px var(--pine-color-primary-hover)}.has-border.sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text);font-weight:var(--pine-font-weight-semi-bold)}.has-border.sc-pds-radio-h label.sc-pds-radio::after{content:\"\";cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.has-border.sc-pds-radio-h:has(input:disabled){background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}.has-border.sc-pds-radio-h:has(input:disabled) label.sc-pds-radio{color:var(--pine-color-text-label-disabled);cursor:not-allowed}.has-border.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}input.sc-pds-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-border-radius-full);-ms-flex:none;flex:none;height:var(--sizing-input-size);margin:0;-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025);position:relative;width:var(--sizing-input-size)}input.visually-hidden.sc-pds-radio{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}input.sc-pds-radio:hover{background:var(--pine-color-background-container-hover);border:var(--pine-border-hover)}input.sc-pds-radio:checked{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}input.sc-pds-radio:checked:hover{background:var(--pine-color-accent-hover);border-color:var(--pine-color-accent-hover)}input.sc-pds-radio:checked::after{background:var(--pine-color-white);border-radius:var(--pine-border-radius-full);content:\"\";display:block;height:var(--sizing-check-size);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--sizing-check-size)}input.sc-pds-radio:disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}input.sc-pds-radio:disabled:checked{background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:disabled:checked::after{border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:focus-visible{outline:var(--pine-outline-focus)}label.sc-pds-radio{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs)}label.sc-pds-radio:has(input:disabled){color:var(--pine-color-text-label-disabled);cursor:not-allowed}.sc-pds-radio-h:has(input:disabled) .pds-radio__message.sc-pds-radio{color:var(--pine-color-text-label-disabled)}.visually-hidden.sc-pds-radio{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-radio__message.sc-pds-radio{color:var(--pine-color-text-message);-ms-flex-preferred-size:100%;flex-basis:100%;font:var(--pine-typography-body);-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);width:100%}.pds-radio__message--error.sc-pds-radio{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-radio__message--error.sc-pds-radio pds-icon.sc-pds-radio{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.has-image.sc-pds-radio-h{-ms-flex-align:center;align-items:center;border:var(--pine-border);border-radius:var(--pine-dimension-125);-webkit-column-gap:var(--pine-dimension-xs);-moz-column-gap:var(--pine-dimension-xs);column-gap:var(--pine-dimension-xs);display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding:var(--pine-dimension-md)}@media (max-width: 767px){.has-image.sc-pds-radio-h{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:1 1 100%;flex:1 1 100%;max-width:100%;min-width:0}}.has-image.sc-pds-radio-h:hover{border:var(--pine-border-hover)}.has-image.sc-pds-radio-h:has(input:checked){-webkit-box-shadow:0 0 0 2px var(--pine-color-primary-hover);box-shadow:0 0 0 2px var(--pine-color-primary-hover)}.has-image.sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text);display:-ms-flexbox;display:flex;font-weight:var(--pine-font-weight-semi-bold);gap:var(--pine-dimension-xs)}.has-image.sc-pds-radio-h label.sc-pds-radio::after{content:\"\";cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.has-image.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio{-ms-flex-align:center;align-items:center;align-self:center;border:var(--pine-border);border-radius:var(--pine-border-radius-full);cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex:none;flex:none;grid-area:image;-ms-flex-pack:center;justify-content:center;overflow:hidden;position:relative;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.has-image.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio:hover{border-color:var(--pine-color-border-hover)}.has-image.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio .pds-radio__image.sc-pds-radio{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.has-image.sc-pds-radio-h .pds-radio__message.sc-pds-radio{grid-area:message;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-start:0;margin-inline-start:0}.has-image.is-disabled.sc-pds-radio-h{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}.has-image.is-disabled.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio{border-color:var(--pine-color-border-disabled);cursor:not-allowed;opacity:0.5}.has-image.is-disabled.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio:hover{border-color:var(--pine-color-border-disabled)}.has-image.is-disabled.sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-disabled);cursor:not-allowed}.has-image.is-disabled.sc-pds-radio-h .pds-radio__message.sc-pds-radio{color:var(--pine-color-text-label-disabled)}.has-image.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}";
|
|
11725
11714
|
|
|
11726
11715
|
/**
|
|
11727
11716
|
* @slot image - Custom image content to display instead of the default radio input
|
|
@@ -11836,7 +11825,7 @@ class PdsRadio {
|
|
|
11836
11825
|
}; }
|
|
11837
11826
|
}
|
|
11838
11827
|
|
|
11839
|
-
const pdsRadioGroupCss = ".sc-pds-radio-group-h{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-sm)}.is-invalid.sc-pds-radio-group-h .pds-radio-group__message--error.sc-pds-radio-group{color:var(--pine-color-text-message-danger)}.pds-radio-group__label.sc-pds-radio-group{color:var(--pine-color-text-label);font:var(--pine-typography-heading-6);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing-heading-6)}.pds-radio-group__radios.sc-pds-radio-group{display:-ms-flexbox;display:flex;gap:var(--pds-radio-group-gap, var(--pine-dimension-xs))}.pds-radio-group__radios--row.sc-pds-radio-group{-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.pds-radio-group__radios--column.sc-pds-radio-group{-ms-flex-direction:column;flex-direction:column}.pds-radio-group__message.sc-pds-radio-group{color:var(--pine-color-text-message);font:var(--pine-typography-body);width:100%}.pds-radio-group__message--error.sc-pds-radio-group{
|
|
11828
|
+
const pdsRadioGroupCss = ".sc-pds-radio-group-h{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-sm)}.is-invalid.sc-pds-radio-group-h .pds-radio-group__message--error.sc-pds-radio-group{color:var(--pine-color-text-message-danger)}.pds-radio-group__label.sc-pds-radio-group{color:var(--pine-color-text-label);font:var(--pine-typography-heading-6);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing-heading-6)}.pds-radio-group__radios.sc-pds-radio-group{display:-ms-flexbox;display:flex;gap:var(--pds-radio-group-gap, var(--pine-dimension-xs))}.pds-radio-group__radios--row.sc-pds-radio-group{-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.pds-radio-group__radios--column.sc-pds-radio-group{-ms-flex-direction:column;flex-direction:column}.pds-radio-group__message.sc-pds-radio-group{color:var(--pine-color-text-message);font:var(--pine-typography-body);width:100%}.pds-radio-group__message--error.sc-pds-radio-group{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-radio-group__message--error.sc-pds-radio-group pds-icon.sc-pds-radio-group{-webkit-margin-before:var(--pine-dimension-050);margin-block-start:var(--pine-dimension-050)}";
|
|
11840
11829
|
|
|
11841
11830
|
/**
|
|
11842
11831
|
* @slot (default) - Child pds-radio components
|
|
@@ -12106,7 +12095,7 @@ const pdsSelectTokensCss = ":host{--pine-select-color-background-danger:var(--pi
|
|
|
12106
12095
|
|
|
12107
12096
|
const labelCss$2 = ":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}";
|
|
12108
12097
|
|
|
12109
|
-
const pdsSelectCss = ":host{--pds-select-background:var(--pine-color-background-container);--pds-select-border:var(--pine-border);--pds-select-border-radius:var(--pine-dimension-125);--pds-select-border-radius-start-end:var(--pine-dimension-125);--pds-select-border-radius-start-start:var(--pine-dimension-125);--pds-select-border-radius-end-end:var(--pine-dimension-125);--pds-select-border-radius-end-start:var(--pine-dimension-125);--pds-select-min-height:36px;--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring);--box-shadow-focus-error:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring-danger)}:host .hidden,:host :host([hidden]){display:none}.pds-select{color:var(--pine-color-text);display:grid;-ms-flex-direction:column;flex-direction:column;grid-template-areas:\"label label\" \"field field\" \"message message\";grid-template-columns:1fr minmax(2rem, -webkit-min-content);grid-template-columns:1fr minmax(2rem, min-content);grid-template-rows:-webkit-min-content -webkit-min-content -webkit-min-content;grid-template-rows:min-content min-content min-content;position:relative;width:100%}.pds-select__label-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;grid-area:label;-ms-flex-pack:justify;justify-content:space-between;-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-select__action{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}label{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-select__label-wrapper label{-webkit-margin-after:0;margin-block-end:0}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--pds-select-background);border:var(--pds-select-border);border-radius:var(--pds-select-border-radius);border-bottom-left-radius:var(--pds-select-border-radius-end-start, var(--pds-select-border-radius));border-bottom-right-radius:var(--pds-select-border-radius-end-end, var(--pds-select-border-radius));border-top-left-radius:var(--pds-select-border-radius-start-start, var(--pds-select-border-radius));border-top-right-radius:var(--pds-select-border-radius-start-end, var(--pds-select-border-radius));color:var(--pine-color-text);font:var(--pine-typography-body);grid-area:field;letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-select-min-height);padding:calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-150);-webkit-padding-end:var(--pine-dimension-450);padding-inline-end:var(--pine-dimension-450);position:relative}select:hover{border-color:var(--pine-color-border-hover);cursor:pointer}select:focus-visible{border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}select:disabled{background-color:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}select:has(~.pds-select__message .pds-select__error-message){background-color:var(--pine-select-color-background-danger);border-color:var(--pine-color-border-danger)}:host-context([data-theme=dark]) select:has(~.pds-select__message .pds-select__error-message){background-color:var(--pine-color-red-950)}select:has(~.pds-select__message .pds-select__error-message):focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host(.is-invalid) select{background-color:var(--pine-select-color-background-danger);border-color:var(--pine-color-border-danger)}:host-context([data-theme=dark]) :host(.is-invalid) select{background-color:var(--pine-color-red-950)}:host(.is-invalid) select:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select{background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-accent);color:var(--pine-color-text-accent)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select:hover:not(:disabled){border-color:var(--pine-color-accent-hover)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select:focus-visible{outline-color:var(--pine-color-focus-ring)}:host([highlight]:not(.is-disabled):not(.is-invalid)) .pds-select__select-icon{color:var(--pine-color-text-accent)}.pds-select__error-message,.pds-select__helper-message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-select__error-message{
|
|
12098
|
+
const pdsSelectCss = ":host{--pds-select-background:var(--pine-color-background-container);--pds-select-border:var(--pine-border);--pds-select-border-radius:var(--pine-dimension-125);--pds-select-border-radius-start-end:var(--pine-dimension-125);--pds-select-border-radius-start-start:var(--pine-dimension-125);--pds-select-border-radius-end-end:var(--pine-dimension-125);--pds-select-border-radius-end-start:var(--pine-dimension-125);--pds-select-min-height:36px;--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring);--box-shadow-focus-error:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring-danger)}:host .hidden,:host :host([hidden]){display:none}.pds-select{color:var(--pine-color-text);display:grid;-ms-flex-direction:column;flex-direction:column;grid-template-areas:\"label label\" \"field field\" \"message message\";grid-template-columns:1fr minmax(2rem, -webkit-min-content);grid-template-columns:1fr minmax(2rem, min-content);grid-template-rows:-webkit-min-content -webkit-min-content -webkit-min-content;grid-template-rows:min-content min-content min-content;position:relative;width:100%}.pds-select__label-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;grid-area:label;-ms-flex-pack:justify;justify-content:space-between;-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-select__action{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}label{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-select__label-wrapper label{-webkit-margin-after:0;margin-block-end:0}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--pds-select-background);border:var(--pds-select-border);border-radius:var(--pds-select-border-radius);border-bottom-left-radius:var(--pds-select-border-radius-end-start, var(--pds-select-border-radius));border-bottom-right-radius:var(--pds-select-border-radius-end-end, var(--pds-select-border-radius));border-top-left-radius:var(--pds-select-border-radius-start-start, var(--pds-select-border-radius));border-top-right-radius:var(--pds-select-border-radius-start-end, var(--pds-select-border-radius));color:var(--pine-color-text);font:var(--pine-typography-body);grid-area:field;letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-select-min-height);padding:calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-150);-webkit-padding-end:var(--pine-dimension-450);padding-inline-end:var(--pine-dimension-450);position:relative}select:hover{border-color:var(--pine-color-border-hover);cursor:pointer}select:focus-visible{border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}select:disabled{background-color:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}select:has(~.pds-select__message .pds-select__error-message){background-color:var(--pine-select-color-background-danger);border-color:var(--pine-color-border-danger)}:host-context([data-theme=dark]) select:has(~.pds-select__message .pds-select__error-message){background-color:var(--pine-color-red-950)}select:has(~.pds-select__message .pds-select__error-message):focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host(.is-invalid) select{background-color:var(--pine-select-color-background-danger);border-color:var(--pine-color-border-danger)}:host-context([data-theme=dark]) :host(.is-invalid) select{background-color:var(--pine-color-red-950)}:host(.is-invalid) select:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select{background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-accent);color:var(--pine-color-text-accent)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select:hover:not(:disabled){border-color:var(--pine-color-accent-hover)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select:focus-visible{outline-color:var(--pine-color-focus-ring)}:host([highlight]:not(.is-disabled):not(.is-invalid)) .pds-select__select-icon{color:var(--pine-color-text-accent)}.pds-select__error-message,.pds-select__helper-message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-select__error-message{color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-select__error-message pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.pds-select__message{grid-area:message}.pds-select__select-icon{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;grid-column:-1/-2;grid-row:2/3;height:var(--pds-select-min-height);pointer-events:none;position:relative;z-index:var(--pine-z-index-raised)}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}";
|
|
12110
12099
|
|
|
12111
12100
|
/**
|
|
12112
12101
|
* @slot action - Content to be displayed in the label area, typically for help icons or links
|
|
@@ -15248,12 +15237,17 @@ class PdsSwitch {
|
|
|
15248
15237
|
}; }
|
|
15249
15238
|
}
|
|
15250
15239
|
|
|
15251
|
-
const pdsTabCss = "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);color:var(--pine-color-text-secondary);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);color:var(--pine-color-text)}.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);color:var(--pine-color-text)}.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-muted);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-muted);-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-background-container);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}";
|
|
15240
|
+
const pdsTabCss = "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:not(:disabled){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:disabled,.pds-tab.is-disabled{color:var(--pine-color-text-disabled);cursor:not-allowed;pointer-events:none}.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);color:var(--pine-color-text-secondary);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);color:var(--pine-color-text)}.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],:disabled){--color-background-tab:var(--pine-color-secondary-hover);color:var(--pine-color-text)}.pds-tabs--availability .pds-tab:focus-visible{color:var(--pine-color-text-secondary)}.pds-tabs--availability .pds-tab:disabled,.pds-tabs--availability .pds-tab.is-disabled{--color-background-tab:transparent;color:var(--pine-color-text-disabled)}.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-muted);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:not(:disabled),.pds-tabs--filter .pds-tab[aria-selected=true]:hover:not(:disabled){background-color:var(--pine-color-primary-hover)}.pds-tabs--filter .pds-tab:hover:not(.is-active,[aria-selected=true],:disabled){background-color:var(--pine-color-border-disabled)}.pds-tabs--filter .pds-tab:disabled,.pds-tabs--filter .pds-tab.is-disabled{background-color:transparent;color:var(--pine-color-text-disabled)}.pds-tabs--filter .pds-tab:disabled.is-active,.pds-tabs--filter .pds-tab:disabled[aria-selected=true],.pds-tabs--filter .pds-tab.is-disabled.is-active,.pds-tabs--filter .pds-tab.is-disabled[aria-selected=true]{background-color:var(--pine-color-primary-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-muted);-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-background-container);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}.pds-tabs--pill .pds-tab:disabled,.pds-tabs--pill .pds-tab.is-disabled{color:var(--pine-color-text-disabled)}";
|
|
15252
15241
|
|
|
15253
15242
|
class PdsTab {
|
|
15254
15243
|
constructor(hostRef) {
|
|
15255
15244
|
registerInstance(this, hostRef);
|
|
15256
15245
|
this.pdsTabClick = createEvent(this, "pdsTabClick");
|
|
15246
|
+
/**
|
|
15247
|
+
* Determines the tab's disabled state.
|
|
15248
|
+
* @defaultValue false
|
|
15249
|
+
*/
|
|
15250
|
+
this.disabled = false;
|
|
15257
15251
|
/**
|
|
15258
15252
|
* Keeps track of the tabpanel selected state, this property is passed by parent component
|
|
15259
15253
|
*/
|
|
@@ -15261,12 +15255,22 @@ class PdsTab {
|
|
|
15261
15255
|
this.selected = false;
|
|
15262
15256
|
}
|
|
15263
15257
|
onTabClick(index, parentComponentId) {
|
|
15258
|
+
if (this.disabled)
|
|
15259
|
+
return;
|
|
15264
15260
|
this.pdsTabClick.emit([index, parentComponentId]);
|
|
15265
15261
|
}
|
|
15262
|
+
classNames() {
|
|
15263
|
+
const classes = [
|
|
15264
|
+
'pds-tab',
|
|
15265
|
+
this.selected && 'is-active',
|
|
15266
|
+
this.disabled && 'is-disabled',
|
|
15267
|
+
];
|
|
15268
|
+
return classes.filter(Boolean).join(' ');
|
|
15269
|
+
}
|
|
15266
15270
|
render() {
|
|
15267
|
-
const availabilityTabEdgeInlineStart = (hAsync("span", { key: '
|
|
15268
|
-
const availabilityTabEdgeInlineEnd = (hAsync("span", { key: '
|
|
15269
|
-
return (hAsync(Host, { key: '
|
|
15271
|
+
const availabilityTabEdgeInlineStart = (hAsync("span", { key: '7a70cf5b681ec05215920417c4ba590fed238f63', class: "pds-tab-edge", role: "presentation" }));
|
|
15272
|
+
const availabilityTabEdgeInlineEnd = (hAsync("span", { key: '21a1422bb00a6221f7db1b0e77abcd024eec60cd', class: "pds-tab-edge pds-tab-edge--end", role: "presentation" }));
|
|
15273
|
+
return (hAsync(Host, { key: 'bcf73da727080cdb5b9ec7356768dd2cefab44ae', variant: this.variant, slot: "tabs", index: this.index }, hAsync("button", { key: '25e140fc63a8ddaa44d08198f14d568bca83f16a', role: "tab", id: this.parentComponentId + "__" + this.name, "aria-controls": this.parentComponentId + "__" + this.name + "-panel", tabindex: this.disabled ? "-1" : (this.selected ? "0" : "-1"), "aria-selected": this.selected ? "true" : "false", "aria-disabled": this.disabled ? "true" : null, disabled: this.disabled, class: this.classNames(), onClick: this.onTabClick.bind(this, this.index, this.parentComponentId) }, this.variant === "availability" && availabilityTabEdgeInlineStart, this.variant === "availability" && availabilityTabEdgeInlineEnd, hAsync("div", { key: '002252b89b74bf2ab26bb33331f4296a22a4cf70', class: "pds-tab__content" }, hAsync("slot", { key: '1f67182b80504391a87509567cb68ca8ff6f9b22' })))));
|
|
15270
15274
|
}
|
|
15271
15275
|
get el() { return getElement(this); }
|
|
15272
15276
|
static get style() { return pdsTabCss; }
|
|
@@ -15274,6 +15278,7 @@ class PdsTab {
|
|
|
15274
15278
|
"$flags$": 260,
|
|
15275
15279
|
"$tagName$": "pds-tab",
|
|
15276
15280
|
"$members$": {
|
|
15281
|
+
"disabled": [4],
|
|
15277
15282
|
"name": [1],
|
|
15278
15283
|
"parentComponentId": [1, "parent-component-id"],
|
|
15279
15284
|
"variant": [1],
|
|
@@ -15298,6 +15303,11 @@ class PdsTable {
|
|
|
15298
15303
|
this._responsiveHandleResize = null;
|
|
15299
15304
|
this._responsiveResizeObserver = null;
|
|
15300
15305
|
this._teardownResponsive = null;
|
|
15306
|
+
/**
|
|
15307
|
+
* Adds divider borders between table rows. The last row will not have a bottom border.
|
|
15308
|
+
* @defaultValue false
|
|
15309
|
+
*/
|
|
15310
|
+
this.rowDividers = false;
|
|
15301
15311
|
/**
|
|
15302
15312
|
* The name of the column being sorted.
|
|
15303
15313
|
* @defaultValue null
|
|
@@ -15490,12 +15500,13 @@ class PdsTable {
|
|
|
15490
15500
|
"responsive": [4],
|
|
15491
15501
|
"fixedColumn": [4, "fixed-column"],
|
|
15492
15502
|
"selectable": [4],
|
|
15503
|
+
"rowDividers": [516, "row-dividers"],
|
|
15493
15504
|
"sortingColumn": [32],
|
|
15494
15505
|
"sortingDirection": [32]
|
|
15495
15506
|
},
|
|
15496
15507
|
"$listeners$": [[0, "pdsTableSort", "handleTableSort"], [0, "pdsTableSelectAll", "handleTableSelectAll"], [0, "pdsTableRowSelected", "handleTableSelect"]],
|
|
15497
15508
|
"$lazyBundleId$": "-",
|
|
15498
|
-
"$attrsToReflect$": []
|
|
15509
|
+
"$attrsToReflect$": [["rowDividers", "row-dividers"]]
|
|
15499
15510
|
}; }
|
|
15500
15511
|
}
|
|
15501
15512
|
|
|
@@ -15647,12 +15658,22 @@ const closest = (selector, el) => {
|
|
|
15647
15658
|
closest(selector, el.getRootNode().host)));
|
|
15648
15659
|
};
|
|
15649
15660
|
|
|
15650
|
-
const pdsTableHeadCss = ":host{--border-head-default:var(--pine-border-width-thin) solid var(--pine-color-background-subtle);border-color:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;display:table-header-group;vertical-align:middle}:host::part(checkbox-cell){background-color:var(--pine-color-background-container);inset-inline-start:var(--pine-dimension-none);position:-webkit-sticky;position:sticky;z-index:var(--pine-z-index-raised)}:host pds-table-checkbox-cell{-webkit-border-after:var(--border-head-default);border-block-end:var(--border-head-default)}";
|
|
15661
|
+
const pdsTableHeadCss = ":host{--border-head-default:var(--pine-border-width-thin) solid var(--pine-color-background-subtle);border-color:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;display:table-header-group;vertical-align:middle}:host::part(checkbox-cell){background-color:var(--pine-color-background-container);inset-inline-start:var(--pine-dimension-none);position:-webkit-sticky;position:sticky;z-index:var(--pine-z-index-raised)}:host pds-table-checkbox-cell{-webkit-border-after:var(--border-head-default);border-block-end:var(--border-head-default)}:host([border]){-webkit-border-after:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);border-block-end:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);-webkit-border-before:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);border-block-start:var(--pine-border-width-thin) solid var(--pine-color-border-subtle)}:host([border]) pds-table-head-cell{-webkit-border-after:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);border-block-end:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);-webkit-border-before:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);border-block-start:var(--pine-border-width-thin) solid var(--pine-color-border-subtle)}:host([background]){background-color:var(--pine-color-background-subtle)}:host([background]) pds-table-head-cell{background-color:var(--pine-color-background-subtle)}";
|
|
15651
15662
|
|
|
15652
15663
|
class PdsTableHead {
|
|
15653
15664
|
constructor(hostRef) {
|
|
15654
15665
|
registerInstance(this, hostRef);
|
|
15655
15666
|
this.pdsTableSelectAll = createEvent(this, "pdsTableSelectAll");
|
|
15667
|
+
/**
|
|
15668
|
+
* Adds top and bottom borders to the table head.
|
|
15669
|
+
* @defaultValue false
|
|
15670
|
+
*/
|
|
15671
|
+
this.border = false;
|
|
15672
|
+
/**
|
|
15673
|
+
* Adds a subtle background color to the table head.
|
|
15674
|
+
* @defaultValue false
|
|
15675
|
+
*/
|
|
15676
|
+
this.background = false;
|
|
15656
15677
|
this.generateUniqueId = () => {
|
|
15657
15678
|
const randomString = Math.random().toString(36).substring(2, 8);
|
|
15658
15679
|
const timestamp = new Date().toISOString().replace(/[:.]/g, '-');
|
|
@@ -15683,7 +15704,7 @@ class PdsTableHead {
|
|
|
15683
15704
|
}
|
|
15684
15705
|
}
|
|
15685
15706
|
render() {
|
|
15686
|
-
return (hAsync(Host, { key: '
|
|
15707
|
+
return (hAsync(Host, { key: 'ebcbe90052f2f4b5aa6e3a09a7b23c46e5aba90f', role: "row", part: "head" }, this.tableRef && this.tableRef.selectable && (hAsync("pds-table-head-cell", { key: 'cd43463e58db8244439d07b3826534a70028c1a4', part: this.tableRef.selectable ? 'checkbox-cell' : '' }, hAsync("pds-checkbox", { key: 'd6f4e05806a2c823188bc01fdc7a299aab9bf7d7', componentId: this.generateUniqueId(), indeterminate: this.indeterminate, onInput: this.handleInput, label: "Select All Rows", hideLabel: true, checked: this.isSelected, part: "select-all-checkbox" }))), hAsync("slot", { key: '8f86dd51b56f5c37cdcfbd3b2513b0e92c6e4c14' })));
|
|
15687
15708
|
}
|
|
15688
15709
|
get hostElement() { return getElement(this); }
|
|
15689
15710
|
static get style() { return pdsTableHeadCss; }
|
|
@@ -15692,15 +15713,17 @@ class PdsTableHead {
|
|
|
15692
15713
|
"$tagName$": "pds-table-head",
|
|
15693
15714
|
"$members$": {
|
|
15694
15715
|
"indeterminate": [1028],
|
|
15695
|
-
"isSelected": [1028, "is-selected"]
|
|
15716
|
+
"isSelected": [1028, "is-selected"],
|
|
15717
|
+
"border": [516],
|
|
15718
|
+
"background": [516]
|
|
15696
15719
|
},
|
|
15697
15720
|
"$listeners$": undefined,
|
|
15698
15721
|
"$lazyBundleId$": "-",
|
|
15699
|
-
"$attrsToReflect$": []
|
|
15722
|
+
"$attrsToReflect$": [["border", "border"], ["background", "background"]]
|
|
15700
15723
|
}; }
|
|
15701
15724
|
}
|
|
15702
15725
|
|
|
15703
|
-
const pdsTableHeadCellCss = ":host{--border-head-cell-default:var(--pine-border-width-thin) solid var(--pine-color-
|
|
15726
|
+
const pdsTableHeadCellCss = ":host{--border-head-cell-default:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);--box-shadow-default:3px 3px 6px -2px rgba(0, 0, 0, 0.1);-webkit-border-after:var(--border-head-cell-default);border-block-end:var(--border-head-cell-default);color:var(--pine-color-text);display:table-cell;font-family:var(--pine-font-family-body);font-size:var(--pine-font-size);font-weight:var(--pine-font-weight-regular);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);padding:var(--pine-dimension-sm);position:relative;text-align:start;vertical-align:inherit}:host(.is-compact){padding-block:var(--pine-dimension-2xs)}:host(.is-fixed){background:var(--pine-color-background-container);left:var(--pine-dimension-none);position:-webkit-sticky;position:sticky;z-index:var(--pine-z-index-raised)}:host(.is-fixed.has-head-background){background-color:var(--pine-color-background-subtle)}:host(.has-head-border){-webkit-border-before:var(--border-head-cell-default);border-block-start:var(--border-head-cell-default)}:host(.has-scrolled.is-fixed){-webkit-box-shadow:var(--box-shadow-default);box-shadow:var(--box-shadow-default)}:host(.is-sortable){cursor:pointer}:host(.is-sortable) pds-icon{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs);-webkit-padding-before:2px;padding-block-start:2px;position:absolute}:host(.is-sortable:hover),:host(.is-active){color:var(--pine-color-text-strong)}:host(.pds-table-head-cell--align-start){text-align:start}:host(.pds-table-head-cell--align-center){text-align:center}:host(.pds-table-head-cell--align-end){text-align:end}:host(.pds-table-head-cell--align-justify){text-align:justify}";
|
|
15704
15727
|
|
|
15705
15728
|
class PdsTableHeadCell {
|
|
15706
15729
|
constructor(hostRef) {
|
|
@@ -15722,6 +15745,16 @@ class PdsTableHeadCell {
|
|
|
15722
15745
|
* @defaultValue false
|
|
15723
15746
|
*/
|
|
15724
15747
|
this.isSelected = false;
|
|
15748
|
+
/**
|
|
15749
|
+
* Determines if the parent table-head has the border attribute.
|
|
15750
|
+
* @defaultValue false
|
|
15751
|
+
*/
|
|
15752
|
+
this.hasHeadBorder = false;
|
|
15753
|
+
/**
|
|
15754
|
+
* Determines if the parent table-head has the background attribute.
|
|
15755
|
+
* @defaultValue false
|
|
15756
|
+
*/
|
|
15757
|
+
this.hasHeadBackground = false;
|
|
15725
15758
|
/**
|
|
15726
15759
|
* Handles scroll events to update fixed column shadow state.
|
|
15727
15760
|
* Updates the tableScrolling state to control CSS classes for fixed column shadows.
|
|
@@ -15750,8 +15783,14 @@ class PdsTableHeadCell {
|
|
|
15750
15783
|
}
|
|
15751
15784
|
};
|
|
15752
15785
|
}
|
|
15753
|
-
|
|
15786
|
+
componentWillLoad() {
|
|
15787
|
+
// Set initial references and state before first render
|
|
15754
15788
|
this.tableRef = this.hostElement.closest('pds-table');
|
|
15789
|
+
const tableHead = this.hostElement.closest('pds-table-head');
|
|
15790
|
+
if (tableHead) {
|
|
15791
|
+
this.hasHeadBorder = tableHead.hasAttribute('border');
|
|
15792
|
+
this.hasHeadBackground = tableHead.hasAttribute('background');
|
|
15793
|
+
}
|
|
15755
15794
|
}
|
|
15756
15795
|
componentDidLoad() {
|
|
15757
15796
|
if (this.tableRef && this.tableRef.responsive && this.tableRef.fixedColumn) {
|
|
@@ -15759,9 +15798,29 @@ class PdsTableHeadCell {
|
|
|
15759
15798
|
// This enables the first column header to show a shadow when the table is scrolled horizontally
|
|
15760
15799
|
this.setupScrollListener();
|
|
15761
15800
|
}
|
|
15801
|
+
// Watch for changes to the parent table-head's border and background attributes
|
|
15802
|
+
const tableHead = this.hostElement.closest('pds-table-head');
|
|
15803
|
+
if (tableHead && typeof MutationObserver !== 'undefined') {
|
|
15804
|
+
// Defensive guard: disconnect existing observer before creating a new one
|
|
15805
|
+
if (this.headObserver) {
|
|
15806
|
+
this.headObserver.disconnect();
|
|
15807
|
+
}
|
|
15808
|
+
this.headObserver = new MutationObserver(() => {
|
|
15809
|
+
// Update state when border or background attributes change
|
|
15810
|
+
this.hasHeadBorder = tableHead.hasAttribute('border');
|
|
15811
|
+
this.hasHeadBackground = tableHead.hasAttribute('background');
|
|
15812
|
+
});
|
|
15813
|
+
this.headObserver.observe(tableHead, {
|
|
15814
|
+
attributes: true,
|
|
15815
|
+
attributeFilter: ['border', 'background']
|
|
15816
|
+
});
|
|
15817
|
+
}
|
|
15762
15818
|
}
|
|
15763
15819
|
disconnectedCallback() {
|
|
15764
15820
|
this.cleanupScrollListener();
|
|
15821
|
+
if (this.headObserver) {
|
|
15822
|
+
this.headObserver.disconnect();
|
|
15823
|
+
}
|
|
15765
15824
|
}
|
|
15766
15825
|
setupScrollListener() {
|
|
15767
15826
|
var _a;
|
|
@@ -15819,14 +15878,20 @@ class PdsTableHeadCell {
|
|
|
15819
15878
|
if (this.tableRef && this.tableRef.fixedColumn && this.tableScrolling) {
|
|
15820
15879
|
classNames.push('has-scrolled');
|
|
15821
15880
|
}
|
|
15881
|
+
if (this.hasHeadBackground) {
|
|
15882
|
+
classNames.push('has-head-background');
|
|
15883
|
+
}
|
|
15884
|
+
if (this.hasHeadBorder) {
|
|
15885
|
+
classNames.push('has-head-border');
|
|
15886
|
+
}
|
|
15822
15887
|
return classNames.join(' ');
|
|
15823
15888
|
}
|
|
15824
15889
|
render() {
|
|
15825
|
-
return (hAsync(Host, { key: '
|
|
15890
|
+
return (hAsync(Host, { key: '7e7976ee53daac21144a0a572e5ed7787bcc33b7', class: this.classNames(), role: "columnheader", onClick: this.toggleSort, part: "head-cell", style: this.tableRef &&
|
|
15826
15891
|
this.tableRef.fixedColumn &&
|
|
15827
15892
|
this.tableRef.selectable
|
|
15828
15893
|
? { '--fixed-cell-position': '40px' }
|
|
15829
|
-
: {} }, hAsync("slot", { key: '
|
|
15894
|
+
: {} }, hAsync("slot", { key: 'e5ea1d7684f1ff15da069765dbc19a3167c6dd20' }), this.sortable && (hAsync("pds-icon", { key: '3404301d664b6604a3d7f8b6ae4a460cf2c9deb3', icon: this.sortingDirection === 'asc' ? upSmall : downSmall, part: "sort-icon" }))));
|
|
15830
15895
|
}
|
|
15831
15896
|
get hostElement() { return getElement(this); }
|
|
15832
15897
|
static get style() { return pdsTableHeadCellCss; }
|
|
@@ -15838,7 +15903,9 @@ class PdsTableHeadCell {
|
|
|
15838
15903
|
"sortable": [4],
|
|
15839
15904
|
"sortingDirection": [32],
|
|
15840
15905
|
"tableScrolling": [32],
|
|
15841
|
-
"isSelected": [32]
|
|
15906
|
+
"isSelected": [32],
|
|
15907
|
+
"hasHeadBorder": [32],
|
|
15908
|
+
"hasHeadBackground": [32]
|
|
15842
15909
|
},
|
|
15843
15910
|
"$listeners$": undefined,
|
|
15844
15911
|
"$lazyBundleId$": "-",
|
|
@@ -15846,12 +15913,24 @@ class PdsTableHeadCell {
|
|
|
15846
15913
|
}; }
|
|
15847
15914
|
}
|
|
15848
15915
|
|
|
15849
|
-
const pdsTableRowCss = ":host{--color-background-interactive:var(--pine-color-border-disabled);border-color:inherit;display:table-row;vertical-align:inherit}:host::part(checkbox-cell){background-color:var(--pine-color-background-container);inset-inline-start:var(--pine-dimension-none);position:-webkit-sticky;position:sticky;z-index:var(--pine-z-index-raised)}:host(:hover),:host(:hover)::part(checkbox-cell),:host(:hover) ::slotted(pds-table-cell),:host(.is-selected),:host(.is-selected)::part(checkbox-cell),:host(.is-selected) ::slotted(pds-table-cell){background:var(--color-background-interactive)}";
|
|
15916
|
+
const pdsTableRowCss = ":host{--color-background-interactive:var(--pine-color-border-disabled);border-color:inherit;display:table-row;vertical-align:inherit}:host::part(checkbox-cell){background-color:var(--pine-color-background-container);inset-inline-start:var(--pine-dimension-none);position:-webkit-sticky;position:sticky;z-index:var(--pine-z-index-raised)}:host(:hover),:host(:hover)::part(checkbox-cell),:host(:hover) ::slotted(pds-table-cell),:host(.is-selected),:host(.is-selected)::part(checkbox-cell),:host(.is-selected) ::slotted(pds-table-cell){background:var(--color-background-interactive)}:host(.has-divider) ::slotted(pds-table-cell),:host(.has-divider) pds-table-cell{-webkit-border-after:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);border-block-end:var(--pine-border-width-thin) solid var(--pine-color-border-subtle)}:host(.has-divider.is-last-row) ::slotted(pds-table-cell),:host(.has-divider.is-last-row) pds-table-cell{-webkit-border-after:0;border-block-end:0}";
|
|
15850
15917
|
|
|
15851
15918
|
class PdsTableRow {
|
|
15852
15919
|
constructor(hostRef) {
|
|
15853
15920
|
registerInstance(this, hostRef);
|
|
15854
15921
|
this.pdsTableRowSelected = createEvent(this, "pdsTableRowSelected");
|
|
15922
|
+
this.observer = null;
|
|
15923
|
+
this.bodyObserver = null;
|
|
15924
|
+
/**
|
|
15925
|
+
* Determines if the row should have a divider border.
|
|
15926
|
+
* @defaultValue false
|
|
15927
|
+
*/
|
|
15928
|
+
this.hasDivider = false;
|
|
15929
|
+
/**
|
|
15930
|
+
* Determines if this is the last row in the table body.
|
|
15931
|
+
* @defaultValue false
|
|
15932
|
+
*/
|
|
15933
|
+
this.isLastRow = false;
|
|
15855
15934
|
this.handleClick = () => {
|
|
15856
15935
|
this.isSelected = !this.isSelected; // Toggle the selected state
|
|
15857
15936
|
this.handleSelect(this.isSelected);
|
|
@@ -15878,9 +15957,17 @@ class PdsTableRow {
|
|
|
15878
15957
|
if (this.isSelected) {
|
|
15879
15958
|
classNames.push("is-selected");
|
|
15880
15959
|
}
|
|
15881
|
-
|
|
15960
|
+
if (this.hasDivider) {
|
|
15961
|
+
classNames.push("has-divider");
|
|
15962
|
+
}
|
|
15963
|
+
if (this.isLastRow) {
|
|
15964
|
+
classNames.push("is-last-row");
|
|
15965
|
+
}
|
|
15966
|
+
return classNames.join(' ');
|
|
15882
15967
|
}
|
|
15883
15968
|
componentWillRender() {
|
|
15969
|
+
// Always refresh tableRef to get latest prop values
|
|
15970
|
+
// This ensures we pick up changes to parent table props
|
|
15884
15971
|
this.tableRef = this.hostElement.closest('pds-table');
|
|
15885
15972
|
if (this.tableRef && this.tableRef.fixedColumn) {
|
|
15886
15973
|
const tableCell = this.hostElement.querySelector('pds-table-cell');
|
|
@@ -15888,12 +15975,86 @@ class PdsTableRow {
|
|
|
15888
15975
|
}
|
|
15889
15976
|
}
|
|
15890
15977
|
componentWillLoad() {
|
|
15978
|
+
// Handle initial selection state
|
|
15891
15979
|
if (this.isSelected) {
|
|
15892
15980
|
this.handleSelect(this.isSelected);
|
|
15893
15981
|
}
|
|
15982
|
+
// Note: tableRef, observers, and divider state are set up in connectedCallback
|
|
15983
|
+
// which runs before componentWillLoad and also handles row re-attachment after sorting
|
|
15984
|
+
}
|
|
15985
|
+
connectedCallback() {
|
|
15986
|
+
// When a row is re-attached to the DOM (e.g., after sorting),
|
|
15987
|
+
// we need to re-setup the observers since disconnectedCallback cleared them
|
|
15988
|
+
// Note: componentDidLoad only fires once, but connectedCallback fires every time
|
|
15989
|
+
// the element is attached to the DOM (including after being moved)
|
|
15990
|
+
this.tableRef = this.hostElement.closest('pds-table');
|
|
15991
|
+
this.setupObservers();
|
|
15992
|
+
this.updateDividerState();
|
|
15993
|
+
}
|
|
15994
|
+
disconnectedCallback() {
|
|
15995
|
+
this.cleanupObservers();
|
|
15996
|
+
}
|
|
15997
|
+
cleanupObservers() {
|
|
15998
|
+
if (this.observer) {
|
|
15999
|
+
this.observer.disconnect();
|
|
16000
|
+
this.observer = null;
|
|
16001
|
+
}
|
|
16002
|
+
if (this.bodyObserver) {
|
|
16003
|
+
this.bodyObserver.disconnect();
|
|
16004
|
+
this.bodyObserver = null;
|
|
16005
|
+
}
|
|
16006
|
+
}
|
|
16007
|
+
setupObservers() {
|
|
16008
|
+
// Clean up any existing observers first
|
|
16009
|
+
this.cleanupObservers();
|
|
16010
|
+
// Watch for changes to the parent table's row-dividers attribute
|
|
16011
|
+
if (this.tableRef && typeof MutationObserver !== 'undefined') {
|
|
16012
|
+
this.observer = new MutationObserver(() => {
|
|
16013
|
+
this.updateDividerState();
|
|
16014
|
+
});
|
|
16015
|
+
this.observer.observe(this.tableRef, {
|
|
16016
|
+
attributes: true,
|
|
16017
|
+
attributeFilter: ['row-dividers']
|
|
16018
|
+
});
|
|
16019
|
+
}
|
|
16020
|
+
// Watch for child list changes in table body (e.g., when rows are reordered during sorting)
|
|
16021
|
+
const tableBody = this.hostElement.closest('pds-table-body');
|
|
16022
|
+
if (tableBody && typeof MutationObserver !== 'undefined') {
|
|
16023
|
+
this.bodyObserver = new MutationObserver(() => {
|
|
16024
|
+
this.updateLastRowState();
|
|
16025
|
+
});
|
|
16026
|
+
this.bodyObserver.observe(tableBody, {
|
|
16027
|
+
childList: true
|
|
16028
|
+
});
|
|
16029
|
+
}
|
|
16030
|
+
}
|
|
16031
|
+
shouldHaveDivider() {
|
|
16032
|
+
if (!this.tableRef) {
|
|
16033
|
+
this.tableRef = this.hostElement.closest('pds-table');
|
|
16034
|
+
}
|
|
16035
|
+
// Reads the parent pds-table component's rowDividers property value directly
|
|
16036
|
+
return !!(this.tableRef && this.tableRef.rowDividers);
|
|
16037
|
+
}
|
|
16038
|
+
updateDividerState() {
|
|
16039
|
+
this.hasDivider = this.shouldHaveDivider();
|
|
16040
|
+
this.updateLastRowState();
|
|
16041
|
+
}
|
|
16042
|
+
updateLastRowState() {
|
|
16043
|
+
if (!this.hasDivider) {
|
|
16044
|
+
this.isLastRow = false;
|
|
16045
|
+
return;
|
|
16046
|
+
}
|
|
16047
|
+
const tableBody = this.hostElement.closest('pds-table-body');
|
|
16048
|
+
if (tableBody) {
|
|
16049
|
+
const rows = Array.from(tableBody.querySelectorAll('pds-table-row'));
|
|
16050
|
+
this.isLastRow = rows[rows.length - 1] === this.hostElement;
|
|
16051
|
+
}
|
|
16052
|
+
else {
|
|
16053
|
+
this.isLastRow = false;
|
|
16054
|
+
}
|
|
15894
16055
|
}
|
|
15895
16056
|
render() {
|
|
15896
|
-
return (hAsync(Host, { key: '
|
|
16057
|
+
return (hAsync(Host, { key: 'dedf37f2841e51a325b6c414d3e7ec0072bdf78f', class: this.classNames(), role: "row", part: "row" }, this.tableRef && this.tableRef.selectable && (hAsync("pds-table-cell", { key: '3e9295398c8f48cb7aa78d10daf5201ae8f86e9f', part: this.tableRef.fixedColumn ? 'checkbox-cell' : 'checkbox-cell', class: this.tableRef.selectable ? 'has-checkbox' : '' }, hAsync("pds-checkbox", { key: 'b786f181988110d3e3d47928da9290dfd79f5fbd', componentId: this.generateUniqueId(), onClick: this.handleClick, indeterminate: this.indeterminate, label: "Select Row", hideLabel: true, checked: this.isSelected, part: "row-checkbox" }))), hAsync("slot", { key: 'd37e3d44d34f81553060185d96fb44a55a40edc8' })));
|
|
15897
16058
|
}
|
|
15898
16059
|
get hostElement() { return getElement(this); }
|
|
15899
16060
|
static get style() { return pdsTableRowCss; }
|
|
@@ -15902,7 +16063,9 @@ class PdsTableRow {
|
|
|
15902
16063
|
"$tagName$": "pds-table-row",
|
|
15903
16064
|
"$members$": {
|
|
15904
16065
|
"indeterminate": [1028],
|
|
15905
|
-
"isSelected": [1028, "is-selected"]
|
|
16066
|
+
"isSelected": [1028, "is-selected"],
|
|
16067
|
+
"hasDivider": [32],
|
|
16068
|
+
"isLastRow": [32]
|
|
15906
16069
|
},
|
|
15907
16070
|
"$listeners$": undefined,
|
|
15908
16071
|
"$lazyBundleId$": "-",
|
|
@@ -16105,7 +16268,7 @@ const labelCss = ":host{display:inline-block}:host([aria-disabled=true]) label{c
|
|
|
16105
16268
|
|
|
16106
16269
|
const pdsInputTokensCss = ":host{--pine-input-color-background-danger:var(--pine-color-red-050)}";
|
|
16107
16270
|
|
|
16108
|
-
const pdsTextareaCss = ":host{display:inline-block;width:100%}:host([aria-readonly=true]) textarea{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-readonly)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([aria-readonly=true])) .pds-textarea__field:not(.is-invalid){background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-accent);color:var(--pine-color-text-accent)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([aria-readonly=true])) .pds-textarea__field:not(.is-invalid):hover{border-color:var(--pine-color-accent-hover)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([aria-readonly=true])) .pds-textarea__field:not(.is-invalid):focus-visible{outline-color:var(--pine-color-focus-ring)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([aria-readonly=true])) .pds-textarea__field:not(.is-invalid)~.pds-textarea__character-counter{background:color-mix(in srgb, var(--pine-color-accent-disabled) 80%, transparent);color:var(--pine-color-text-accent)}.pds-textarea{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.pds-textarea__label-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.pds-textarea__action{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}label{display:block;-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-textarea__label-wrapper label{-webkit-margin-after:0;margin-block-end:0}.pds-textarea__helper-message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-textarea__error-message{
|
|
16271
|
+
const pdsTextareaCss = ":host{display:inline-block;width:100%}:host([aria-readonly=true]) textarea{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-readonly)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([aria-readonly=true])) .pds-textarea__field:not(.is-invalid){background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-accent);color:var(--pine-color-text-accent)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([aria-readonly=true])) .pds-textarea__field:not(.is-invalid):hover{border-color:var(--pine-color-accent-hover)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([aria-readonly=true])) .pds-textarea__field:not(.is-invalid):focus-visible{outline-color:var(--pine-color-focus-ring)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([aria-readonly=true])) .pds-textarea__field:not(.is-invalid)~.pds-textarea__character-counter{background:color-mix(in srgb, var(--pine-color-accent-disabled) 80%, transparent);color:var(--pine-color-text-accent)}.pds-textarea{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.pds-textarea__label-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.pds-textarea__action{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}label{display:block;-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-textarea__label-wrapper label{-webkit-margin-after:0;margin-block-end:0}.pds-textarea__helper-message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-textarea__error-message{color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;font:var(--pine-typography-body-sm-medium);gap:var(--pine-dimension-2xs);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-textarea__error-message pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.pds-textarea__field-wrapper{display:inline-block;position:relative;width:100%}.pds-textarea__field{background-color:var(--pine-color-background-container);border:var(--pine-border);border-radius:calc(var(--pine-dimension-xs) * 1.25);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text);font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);min-height:calc(var(--pine-dimension-xl) * 2);min-width:calc(var(--pine-dimension-xl) * 2);padding:var(--pine-dimension-xs) var(--pine-dimension-sm);resize:both;width:100%}:host([max-length]) .pds-textarea__field{padding-bottom:calc(var(--pine-dimension-xs) + var(--pine-dimension-md))}.pds-textarea__field:hover:not(:disabled,.is-invalid){border:var(--pine-border-hover)}.pds-textarea__field:disabled{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}.pds-textarea__field:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-textarea__field::-webkit-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field::-moz-placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field:-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field::-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field::placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field.is-invalid{background-color:var(--pine-input-color-background-danger);border-color:var(--pine-color-border-danger)}:host-context([data-theme=dark]) .pds-textarea__field.is-invalid{background-color:var(--pine-color-red-950)}.pds-textarea__field.is-invalid:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-textarea__character-counter{background:color-mix(in srgb, var(--pine-color-background-container) 80%, transparent);border-radius:calc(var(--pine-dimension-2xs) * 0.5);color:var(--pine-color-text-muted);font:var(--pine-typography-body-sm-medium);padding:calc(var(--pine-dimension-2xs) * 0.5) var(--pine-dimension-2xs);pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;z-index:var(--pine-z-index)}:host([aria-disabled=true]) .pds-textarea__character-counter{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-disabled)}:host([aria-readonly=true]) .pds-textarea__character-counter{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-readonly)}.pds-textarea__field.is-invalid~.pds-textarea__character-counter{background-color:var(--pine-input-color-background-danger)}:host-context([data-theme=dark]) .pds-textarea__field.is-invalid~.pds-textarea__character-counter{background-color:var(--pine-color-red-950)}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}";
|
|
16109
16272
|
|
|
16110
16273
|
/**
|
|
16111
16274
|
* @slot action - Content to be displayed in the label area, typically for help icons or links
|