@pine-ds/core 4.4.3 → 4.4.4
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/attributes.js +1 -1
- package/components/closest.js +1 -1
- package/components/pds-avatar.js +1 -1
- package/components/pds-box2.js +1 -1
- package/components/pds-checkbox2.js +1 -1
- package/components/pds-chip2.js +1 -1
- package/components/pds-combobox.js +2 -2
- package/components/pds-copytext.js +1 -1
- package/components/pds-datepicker.js +1 -1
- package/components/pds-drawer-content.js +1 -1
- package/components/pds-drawer-footer.js +1 -1
- package/components/pds-drawer-header.js +1 -1
- package/components/pds-drawer.js +1 -1
- package/components/pds-dropdown-menu.js +1 -1
- package/components/pds-loader2.js +1 -1
- package/components/pds-modal-content.js +1 -1
- package/components/pds-modal-footer.js +1 -1
- package/components/pds-modal-header.js +1 -1
- package/components/pds-modal2.js +1 -1
- package/components/pds-popover.js +1 -1
- package/components/pds-progress.js +1 -1
- package/components/pds-radio-group.js +1 -1
- package/components/pds-radio.js +1 -1
- package/components/pds-row.js +1 -1
- package/components/pds-select.js +1 -1
- package/components/pds-sortable-item.js +1 -1
- package/components/pds-sortable.js +2 -2
- package/components/pds-switch.js +1 -1
- package/components/pds-table-head.js +1 -1
- package/components/pds-table-row.js +1 -1
- package/components/pds-tabpanel.js +1 -1
- package/components/pds-tabs.js +1 -1
- package/components/pds-tooltip.js +1 -1
- package/components/reflected-attribute-default.js +1 -0
- package/dist/cjs/attributes-DrQqSEv4.js +188 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/pds-avatar.cjs.entry.js +17 -1
- package/dist/cjs/pds-box.cjs.entry.js +11 -1
- package/dist/cjs/pds-checkbox.cjs.entry.js +11 -4
- package/dist/cjs/pds-chip.cjs.entry.js +10 -1
- package/dist/cjs/pds-combobox.cjs.entry.js +11 -6
- package/dist/cjs/pds-copytext.cjs.entry.js +16 -1
- package/dist/cjs/pds-drawer-content.cjs.entry.js +1 -1
- package/dist/cjs/pds-drawer-footer.cjs.entry.js +1 -1
- package/dist/cjs/pds-drawer-header.cjs.entry.js +1 -1
- package/dist/cjs/pds-drawer.cjs.entry.js +2 -2
- package/dist/cjs/pds-dropdown-menu.cjs.entry.js +39 -9
- package/dist/cjs/pds-input.cjs.entry.js +1 -1
- package/dist/cjs/pds-loader.cjs.entry.js +27 -1
- package/dist/cjs/pds-modal-content.cjs.entry.js +2 -2
- package/dist/cjs/pds-modal-footer.cjs.entry.js +1 -1
- package/dist/cjs/pds-modal-header.cjs.entry.js +1 -1
- package/dist/cjs/pds-modal.cjs.entry.js +135 -49
- package/dist/cjs/pds-popover.cjs.entry.js +81 -13
- package/dist/cjs/pds-progress.cjs.entry.js +12 -1
- package/dist/cjs/pds-radio-group.cjs.entry.js +3 -3
- package/dist/cjs/pds-radio.cjs.entry.js +11 -3
- package/dist/cjs/pds-row.cjs.entry.js +11 -1
- package/dist/cjs/pds-select.cjs.entry.js +13 -1
- package/dist/cjs/pds-sortable-item.cjs.entry.js +10 -1
- package/dist/cjs/pds-sortable.cjs.entry.js +11 -1
- package/dist/cjs/pds-switch.cjs.entry.js +12 -4
- package/dist/cjs/pds-tabpanel.cjs.entry.js +1 -1
- package/dist/cjs/pds-tabs.cjs.entry.js +13 -1
- package/dist/cjs/pds-textarea.cjs.entry.js +1 -1
- package/dist/cjs/pds-tooltip.cjs.entry.js +2 -2
- package/dist/cjs/pine-core.cjs.js +1 -1
- package/dist/cjs/reflected-attribute-default-DVYHG6O1.js +44 -0
- package/dist/collection/components/pds-avatar/pds-avatar.js +20 -3
- package/dist/collection/components/pds-box/pds-box.js +14 -1
- package/dist/collection/components/pds-checkbox/pds-checkbox.js +11 -4
- package/dist/collection/components/pds-chip/pds-chip.js +10 -1
- package/dist/collection/components/pds-combobox/pds-combobox.css +14 -2
- package/dist/collection/components/pds-combobox/pds-combobox.js +33 -5
- package/dist/collection/components/pds-combobox/stories/pds-combobox.stories.js +41 -0
- package/dist/collection/components/pds-copytext/pds-copytext.js +17 -2
- package/dist/collection/components/pds-drawer/pds-drawer-content/pds-drawer-content.js +2 -1
- package/dist/collection/components/pds-drawer/pds-drawer-footer/pds-drawer-footer.js +4 -1
- package/dist/collection/components/pds-drawer/pds-drawer-header/pds-drawer-header.js +4 -1
- package/dist/collection/components/pds-drawer/pds-drawer.js +3 -2
- package/dist/collection/components/pds-dropdown-menu/pds-dropdown-menu.js +39 -9
- package/dist/collection/components/pds-loader/pds-loader.js +29 -2
- package/dist/collection/components/pds-modal/pds-modal-content/pds-modal-content.js +5 -2
- package/dist/collection/components/pds-modal/pds-modal-footer/pds-modal-footer.js +4 -1
- package/dist/collection/components/pds-modal/pds-modal-header/pds-modal-header.js +4 -1
- package/dist/collection/components/pds-modal/pds-modal.js +138 -49
- package/dist/collection/components/pds-popover/pds-popover.js +83 -14
- package/dist/collection/components/pds-progress/pds-progress.js +12 -1
- package/dist/collection/components/pds-radio/pds-radio.js +12 -3
- package/dist/collection/components/pds-radio-group/pds-radio-group.js +4 -3
- package/dist/collection/components/pds-row/pds-row.js +14 -1
- package/dist/collection/components/pds-select/pds-select.js +13 -1
- package/dist/collection/components/pds-sortable/pds-sortable-item/pds-sortable-item.js +11 -1
- package/dist/collection/components/pds-sortable/pds-sortable.js +14 -1
- package/dist/collection/components/pds-switch/pds-switch.js +12 -4
- package/dist/collection/components/pds-tabs/pds-tab/pds-tab.js +3 -0
- package/dist/collection/components/pds-tabs/pds-tabpanel/pds-tabpanel.js +4 -1
- package/dist/collection/components/pds-tabs/pds-tabs.js +13 -1
- package/dist/collection/components/pds-tooltip/pds-tooltip.js +3 -2
- package/dist/collection/utils/attributes.js +101 -0
- package/dist/collection/utils/reflected-attribute-default.js +40 -0
- package/dist/collection/utils/test/host-strip.js +50 -0
- package/dist/docs.json +129 -19
- package/dist/esm/attributes-myrJDwbR.js +183 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/pds-avatar.entry.js +18 -2
- package/dist/esm/pds-box.entry.js +12 -2
- package/dist/esm/pds-checkbox.entry.js +11 -4
- package/dist/esm/pds-chip.entry.js +10 -1
- package/dist/esm/pds-combobox.entry.js +11 -6
- package/dist/esm/pds-copytext.entry.js +16 -1
- package/dist/esm/pds-drawer-content.entry.js +1 -1
- package/dist/esm/pds-drawer-footer.entry.js +1 -1
- package/dist/esm/pds-drawer-header.entry.js +1 -1
- package/dist/esm/pds-drawer.entry.js +2 -2
- package/dist/esm/pds-dropdown-menu.entry.js +39 -9
- package/dist/esm/pds-input.entry.js +1 -1
- package/dist/esm/pds-loader.entry.js +28 -2
- package/dist/esm/pds-modal-content.entry.js +2 -2
- package/dist/esm/pds-modal-footer.entry.js +1 -1
- package/dist/esm/pds-modal-header.entry.js +1 -1
- package/dist/esm/pds-modal.entry.js +135 -49
- package/dist/esm/pds-popover.entry.js +81 -13
- package/dist/esm/pds-progress.entry.js +13 -2
- package/dist/esm/pds-radio-group.entry.js +3 -3
- package/dist/esm/pds-radio.entry.js +11 -3
- package/dist/esm/pds-row.entry.js +12 -2
- package/dist/esm/pds-select.entry.js +13 -1
- package/dist/esm/pds-sortable-item.entry.js +10 -1
- package/dist/esm/pds-sortable.entry.js +11 -1
- package/dist/esm/pds-switch.entry.js +12 -4
- package/dist/esm/pds-tabpanel.entry.js +1 -1
- package/dist/esm/pds-tabs.entry.js +13 -1
- package/dist/esm/pds-textarea.entry.js +1 -1
- package/dist/esm/pds-tooltip.entry.js +2 -2
- package/dist/esm/pine-core.js +1 -1
- package/dist/esm/reflected-attribute-default-t3idJwV0.js +42 -0
- package/dist/esm-es5/attributes-myrJDwbR.js +1 -0
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/pds-avatar.entry.js +1 -1
- package/dist/esm-es5/pds-box.entry.js +1 -1
- package/dist/esm-es5/pds-checkbox.entry.js +1 -1
- package/dist/esm-es5/pds-chip.entry.js +1 -1
- package/dist/esm-es5/pds-combobox.entry.js +1 -1
- package/dist/esm-es5/pds-copytext.entry.js +1 -1
- package/dist/esm-es5/pds-drawer-content.entry.js +1 -1
- package/dist/esm-es5/pds-drawer-footer.entry.js +1 -1
- package/dist/esm-es5/pds-drawer-header.entry.js +1 -1
- package/dist/esm-es5/pds-drawer.entry.js +1 -1
- package/dist/esm-es5/pds-dropdown-menu.entry.js +1 -1
- package/dist/esm-es5/pds-input.entry.js +1 -1
- package/dist/esm-es5/pds-loader.entry.js +1 -1
- package/dist/esm-es5/pds-modal-content.entry.js +1 -1
- package/dist/esm-es5/pds-modal-footer.entry.js +1 -1
- package/dist/esm-es5/pds-modal-header.entry.js +1 -1
- package/dist/esm-es5/pds-modal.entry.js +1 -1
- package/dist/esm-es5/pds-popover.entry.js +1 -1
- package/dist/esm-es5/pds-progress.entry.js +1 -1
- package/dist/esm-es5/pds-radio-group.entry.js +1 -1
- package/dist/esm-es5/pds-radio.entry.js +1 -1
- package/dist/esm-es5/pds-row.entry.js +1 -1
- package/dist/esm-es5/pds-select.entry.js +1 -1
- package/dist/esm-es5/pds-sortable-item.entry.js +1 -1
- package/dist/esm-es5/pds-sortable.entry.js +2 -2
- package/dist/esm-es5/pds-switch.entry.js +1 -1
- package/dist/esm-es5/pds-tabpanel.entry.js +1 -1
- package/dist/esm-es5/pds-tabs.entry.js +1 -1
- package/dist/esm-es5/pds-textarea.entry.js +1 -1
- package/dist/esm-es5/pds-tooltip.entry.js +1 -1
- package/dist/esm-es5/pine-core.js +1 -1
- package/dist/esm-es5/reflected-attribute-default-t3idJwV0.js +1 -0
- package/dist/pine-core/p-09d10e9e.entry.js +7 -0
- package/dist/pine-core/p-1feace6a.system.entry.js +1 -0
- package/dist/pine-core/p-21abd971.entry.js +1 -0
- package/dist/pine-core/p-2212224a.system.entry.js +1 -0
- package/dist/pine-core/p-2806fa55.system.entry.js +1 -0
- package/dist/pine-core/p-2dd3ab72.entry.js +1 -0
- package/dist/pine-core/p-30784d57.entry.js +1 -0
- package/dist/pine-core/p-3088cd66.entry.js +1 -0
- package/dist/pine-core/p-3e829372.system.entry.js +1 -0
- package/dist/pine-core/{p-67227922.entry.js → p-44cbdf94.system.entry.js} +1 -1
- package/dist/pine-core/p-4765f7f0.entry.js +1 -0
- package/dist/pine-core/{p-d00c5b9c.system.entry.js → p-48ab7da8.system.entry.js} +1 -1
- package/dist/pine-core/{p-c5c46b65.entry.js → p-4af5f936.entry.js} +1 -1
- package/dist/pine-core/{p-b823bde2.system.entry.js → p-5064f007.system.entry.js} +1 -1
- package/dist/pine-core/p-5081a96f.entry.js +1 -0
- package/dist/pine-core/p-51eb36f4.system.entry.js +3 -0
- package/dist/pine-core/p-5527e825.system.entry.js +1 -0
- package/dist/pine-core/{p-8d42f505.entry.js → p-5db91557.entry.js} +1 -1
- package/dist/pine-core/p-62377463.system.entry.js +1 -0
- package/dist/pine-core/{p-d11e4956.entry.js → p-63644dbd.entry.js} +1 -1
- package/dist/pine-core/p-6d6079f5.entry.js +1 -0
- package/dist/pine-core/p-7386bbdf.system.entry.js +1 -0
- package/dist/pine-core/p-74d93179.system.entry.js +1 -0
- package/dist/pine-core/p-7647b568.system.entry.js +1 -0
- package/dist/pine-core/{p-5e9396e2.system.entry.js → p-7698fcfa.system.entry.js} +1 -1
- package/dist/pine-core/{p-b802776b.system.entry.js → p-778a0228.system.entry.js} +1 -1
- package/dist/pine-core/{p-f5677949.system.entry.js → p-7a9c687d.system.entry.js} +1 -1
- package/dist/pine-core/{p-9b262a9d.entry.js → p-85d77b55.entry.js} +1 -1
- package/dist/pine-core/p-88728d46.system.entry.js +1 -0
- package/dist/pine-core/{p-6b25f349.system.entry.js → p-8d8512ae.system.entry.js} +1 -1
- package/dist/pine-core/p-93341083.system.entry.js +1 -0
- package/dist/pine-core/{p-871894e1.entry.js → p-95649e1c.entry.js} +1 -1
- package/dist/pine-core/p-97c04215.system.entry.js +1 -0
- package/dist/pine-core/p-9ca1b473.system.entry.js +1 -0
- package/dist/pine-core/p-Bkho_oFB.system.js +1 -0
- package/dist/pine-core/p-BwmzR47K.system.js +1 -0
- package/dist/pine-core/p-DO9XKAkv.system.js +1 -1
- package/dist/pine-core/p-a0f8a61a.entry.js +1 -0
- package/dist/pine-core/p-a232dc19.entry.js +1 -0
- package/dist/pine-core/p-a8884f2d.system.entry.js +1 -0
- package/dist/pine-core/{p-601b646c.system.entry.js → p-a8f23db0.system.entry.js} +1 -1
- package/dist/pine-core/p-a9ea3c9d.entry.js +1 -0
- package/dist/pine-core/{p-495f791c.entry.js → p-b15777a2.entry.js} +1 -1
- package/dist/pine-core/p-bc7ba7d3.system.entry.js +1 -0
- package/dist/pine-core/{p-7608e9b2.entry.js → p-c497d6c6.entry.js} +1 -1
- package/dist/pine-core/p-c971cdb3.entry.js +1 -0
- package/dist/pine-core/p-cdd21cbe.entry.js +1 -0
- package/dist/pine-core/p-ce74a47e.entry.js +2 -0
- package/dist/pine-core/p-cf4758a7.entry.js +1 -0
- package/dist/pine-core/{p-f2560935.entry.js → p-cfc9d4a8.entry.js} +1 -1
- package/dist/pine-core/p-d1b0b372.entry.js +1 -0
- package/dist/pine-core/p-d6002d5b.entry.js +1 -0
- package/dist/pine-core/{p-773f5771.system.entry.js → p-d8a6298c.system.entry.js} +1 -1
- package/dist/pine-core/p-d933227e.system.entry.js +1 -0
- package/dist/pine-core/p-d962fc84.entry.js +1 -0
- package/dist/pine-core/p-dafff7dd.system.entry.js +1 -0
- package/dist/pine-core/p-ed22da0c.system.entry.js +1 -0
- package/dist/pine-core/{p-de740b3e.system.entry.js → p-f0632690.system.entry.js} +1 -1
- package/dist/pine-core/p-f1c6b23a.entry.js +1 -0
- package/dist/pine-core/p-f3188c57.system.entry.js +8 -0
- package/dist/pine-core/p-f33d6417.entry.js +1 -0
- package/dist/pine-core/p-f832dcd9.entry.js +1 -0
- package/dist/pine-core/p-f83fe305.entry.js +1 -0
- package/dist/pine-core/p-myrJDwbR.js +1 -0
- package/dist/pine-core/p-t3idJwV0.js +1 -0
- package/dist/pine-core/pine-core.esm.js +1 -1
- package/dist/types/components/pds-avatar/pds-avatar.d.ts +3 -0
- package/dist/types/components/pds-box/pds-box.d.ts +7 -0
- package/dist/types/components/pds-checkbox/pds-checkbox.d.ts +2 -0
- package/dist/types/components/pds-chip/pds-chip.d.ts +2 -0
- package/dist/types/components/pds-combobox/pds-combobox.d.ts +5 -0
- package/dist/types/components/pds-copytext/pds-copytext.d.ts +3 -0
- package/dist/types/components/pds-drawer/pds-drawer-content/pds-drawer-content.d.ts +1 -0
- package/dist/types/components/pds-drawer/pds-drawer-footer/pds-drawer-footer.d.ts +3 -0
- package/dist/types/components/pds-drawer/pds-drawer-header/pds-drawer-header.d.ts +3 -0
- package/dist/types/components/pds-drawer/pds-drawer.d.ts +1 -0
- package/dist/types/components/pds-dropdown-menu/pds-dropdown-menu.d.ts +4 -0
- package/dist/types/components/pds-loader/pds-loader.d.ts +5 -0
- package/dist/types/components/pds-modal/pds-modal-content/pds-modal-content.d.ts +3 -0
- package/dist/types/components/pds-modal/pds-modal-footer/pds-modal-footer.d.ts +3 -0
- package/dist/types/components/pds-modal/pds-modal-header/pds-modal-header.d.ts +3 -0
- package/dist/types/components/pds-modal/pds-modal.d.ts +9 -1
- package/dist/types/components/pds-popover/pds-popover.d.ts +15 -0
- package/dist/types/components/pds-progress/pds-progress.d.ts +4 -0
- package/dist/types/components/pds-radio/pds-radio.d.ts +3 -0
- package/dist/types/components/pds-radio-group/pds-radio-group.d.ts +1 -0
- package/dist/types/components/pds-row/pds-row.d.ts +7 -0
- package/dist/types/components/pds-select/pds-select.d.ts +2 -0
- package/dist/types/components/pds-sortable/pds-sortable-item/pds-sortable-item.d.ts +4 -0
- package/dist/types/components/pds-sortable/pds-sortable.d.ts +6 -0
- package/dist/types/components/pds-switch/pds-switch.d.ts +2 -0
- package/dist/types/components/pds-tabs/pds-tab/pds-tab.d.ts +3 -0
- package/dist/types/components/pds-tabs/pds-tabpanel/pds-tabpanel.d.ts +3 -0
- package/dist/types/components/pds-tabs/pds-tabs.d.ts +3 -0
- package/dist/types/components/pds-tooltip/pds-tooltip.d.ts +1 -0
- package/dist/types/components.d.ts +199 -0
- package/dist/types/utils/attributes.d.ts +38 -0
- package/dist/types/utils/reflected-attribute-default.d.ts +31 -0
- package/dist/types/utils/test/host-strip.d.ts +10 -0
- package/dist/vscode.html-data.json +7 -0
- package/hydrate/index.js +717 -201
- package/hydrate/index.mjs +717 -201
- package/package.json +2 -2
- package/dist/cjs/attributes-oNMnBEnP.js +0 -85
- package/dist/esm/attributes-C0M1gTKv.js +0 -82
- package/dist/esm-es5/attributes-C0M1gTKv.js +0 -1
- package/dist/pine-core/p-015d2ceb.entry.js +0 -1
- package/dist/pine-core/p-02a428af.system.entry.js +0 -1
- package/dist/pine-core/p-06534502.entry.js +0 -1
- package/dist/pine-core/p-0827c6a6.entry.js +0 -1
- package/dist/pine-core/p-0af4685d.entry.js +0 -1
- package/dist/pine-core/p-1747c005.system.entry.js +0 -1
- package/dist/pine-core/p-2a00844f.entry.js +0 -1
- package/dist/pine-core/p-3653fd52.system.entry.js +0 -1
- package/dist/pine-core/p-4a43fbd9.entry.js +0 -1
- package/dist/pine-core/p-517f9962.entry.js +0 -1
- package/dist/pine-core/p-569b07ed.system.entry.js +0 -1
- package/dist/pine-core/p-5986f3c9.entry.js +0 -1
- package/dist/pine-core/p-600be0e1.entry.js +0 -1
- package/dist/pine-core/p-62045f88.system.entry.js +0 -1
- package/dist/pine-core/p-62241978.entry.js +0 -1
- package/dist/pine-core/p-63422f56.entry.js +0 -2
- package/dist/pine-core/p-63930a06.system.entry.js +0 -1
- package/dist/pine-core/p-6516adf7.system.entry.js +0 -1
- package/dist/pine-core/p-6aaf945c.entry.js +0 -1
- package/dist/pine-core/p-715b8e6b.entry.js +0 -1
- package/dist/pine-core/p-77961987.system.entry.js +0 -1
- package/dist/pine-core/p-7a177548.system.entry.js +0 -1
- package/dist/pine-core/p-806f17de.system.entry.js +0 -1
- package/dist/pine-core/p-832cedb7.entry.js +0 -1
- package/dist/pine-core/p-847e5f00.system.entry.js +0 -1
- package/dist/pine-core/p-85981c5d.system.entry.js +0 -1
- package/dist/pine-core/p-8961d112.system.entry.js +0 -3
- package/dist/pine-core/p-9dbb8fe9.entry.js +0 -1
- package/dist/pine-core/p-BhQhw0S3.system.js +0 -1
- package/dist/pine-core/p-C0M1gTKv.js +0 -1
- package/dist/pine-core/p-b412473d.system.entry.js +0 -8
- package/dist/pine-core/p-b51cfa3b.entry.js +0 -1
- package/dist/pine-core/p-b62e08c2.system.entry.js +0 -1
- package/dist/pine-core/p-c53e560a.system.entry.js +0 -1
- package/dist/pine-core/p-cd7deae5.entry.js +0 -1
- package/dist/pine-core/p-cd86ee3e.system.entry.js +0 -1
- package/dist/pine-core/p-cf5a484e.system.entry.js +0 -1
- package/dist/pine-core/p-cf99f7d8.system.entry.js +0 -1
- package/dist/pine-core/p-cff7013e.system.entry.js +0 -1
- package/dist/pine-core/p-e1d541f7.entry.js +0 -1
- package/dist/pine-core/p-ea0e5253.entry.js +0 -7
- package/dist/pine-core/p-f22abb4d.system.entry.js +0 -1
- package/dist/pine-core/p-f6943cbf.entry.js +0 -1
- package/dist/pine-core/p-f794f7ad.entry.js +0 -1
package/hydrate/index.js
CHANGED
|
@@ -5721,6 +5721,47 @@ class PdsAlert {
|
|
|
5721
5721
|
}; }
|
|
5722
5722
|
}
|
|
5723
5723
|
|
|
5724
|
+
/**
|
|
5725
|
+
* Restores a reflected prop's default when its attribute is removed.
|
|
5726
|
+
*
|
|
5727
|
+
* A reflected `@Prop` with a default writes that default onto the host as an
|
|
5728
|
+
* attribute even when the author leaves it out. Removing the attribute doesn't
|
|
5729
|
+
* restore the default: Stencil's `attributeChangedCallback` sets the prop to
|
|
5730
|
+
* `null` (or `false` for a boolean), even when its default is `true`. A Turbo
|
|
5731
|
+
* morph hits this whenever the author relied on the default, since the
|
|
5732
|
+
* server's HTML never carries the attribute Pine wrote.
|
|
5733
|
+
*
|
|
5734
|
+
* A `null` or `undefined` falls back to the default, whether the attribute was
|
|
5735
|
+
* removed or a consumer (or a framework clearing a prop) assigned it. Any other
|
|
5736
|
+
* value is a real write and is kept, except a boolean's `false`: that's also
|
|
5737
|
+
* what removing the attribute produces, so it's told apart by the host's actual
|
|
5738
|
+
* attribute. Present, trust it; absent, fall back to the default.
|
|
5739
|
+
*
|
|
5740
|
+
* Falling back also writes the default back onto the host. Stencil won't: it
|
|
5741
|
+
* diffs a reflected attribute against the previous render, not the live DOM,
|
|
5742
|
+
* so when the removed attribute held the default (`'lg'` → `null` → `'lg'`)
|
|
5743
|
+
* the values match and it skips the write. Left absent, the attribute would
|
|
5744
|
+
* make a later `copytext.border = false` fall back to the default too.
|
|
5745
|
+
*
|
|
5746
|
+
* Wire up from a `@Watch` on the prop and reassign the prop to the result.
|
|
5747
|
+
*
|
|
5748
|
+
* `attr` is the HTML attribute name, not the prop name — pass the kebab-case
|
|
5749
|
+
* form (e.g. `'is-loading'`) for a camelCase prop. They're the same string
|
|
5750
|
+
* for every current caller (`size`, `variant`, `placement`, `border`), but
|
|
5751
|
+
* `hasAttribute` would silently always return `false` for a multi-word prop
|
|
5752
|
+
* if the prop name were passed instead.
|
|
5753
|
+
*/
|
|
5754
|
+
function restoreReflectedDefault(el, attr, value, defaultValue) {
|
|
5755
|
+
// Only a boolean's `false` needs the attribute to tell a write from a removal. Checking it for
|
|
5756
|
+
// other values would let a `null` write strip the attribute and reset every later write.
|
|
5757
|
+
if (value != null && (value !== false || el.hasAttribute(attr)))
|
|
5758
|
+
return value;
|
|
5759
|
+
if (defaultValue !== false && defaultValue != null) {
|
|
5760
|
+
el.setAttribute(attr, defaultValue === true ? '' : String(defaultValue));
|
|
5761
|
+
}
|
|
5762
|
+
return defaultValue;
|
|
5763
|
+
}
|
|
5764
|
+
|
|
5724
5765
|
const pdsAvatarCss = () => `:host{display:inline-block}div{--color-background-container:var(--pine-color-background-container-hover);-ms-flex-align:center;align-items:center;background-color:var(--color-background-container);border-radius:var(--border-radius-admin-round, var(--pine-border-radius-full));display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;position:relative}:host(.pds-avatar--admin) div{--border-radius-admin-round:var(--pine-dimension-150);border-radius:var(--border-radius-admin-round)}:host(.pds-avatar--has-image) div{background:transparent}@supports selector(:has){div:has(img){background-color:transparent}}.pds-avatar__button{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--pine-dimension-none);border-radius:var(--pine-border-radius-full);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-none)}.pds-avatar__button:focus-visible{outline:var(--pine-outline-focus)}.pds-avatar__badge{background-color:transparent;border:var(--pine-dimension-none);border-color:transparent;border-radius:var(--pine-border-radius-round);inset-block-end:var(--pine-dimension-none);inset-inline-end:var(--pine-dimension-none);position:absolute}:host([status=online]){--pds-avatar-status-color:var(--pine-color-green-500)}:host([status=away]){--pds-avatar-status-color:var(--pine-color-yellow-500)}:host([status=offline]){--pds-avatar-status-color:var(--pine-color-background-inset-emphasized)}.pds-avatar__status{background-color:var(--pds-avatar-status-color, var(--pine-color-background-inset-emphasized));block-size:28%;border-radius:var(--pine-border-radius-full);-webkit-box-shadow:0 0 0 var(--pine-border-width-thick) var(--pine-color-background-container);box-shadow:0 0 0 var(--pine-border-width-thick) var(--pine-color-background-container);inline-size:28%;inset-block-end:var(--pine-dimension-none);inset-inline-end:var(--pine-dimension-none);min-block-size:var(--pine-dimension-100);min-inline-size:var(--pine-dimension-100);position:absolute}:host(.pds-avatar--status-ring) div{-webkit-box-shadow:0 0 0 var(--pine-border-width-thick) var(--pds-avatar-status-color, var(--pine-color-background-inset-emphasized));box-shadow:0 0 0 var(--pine-border-width-thick) var(--pds-avatar-status-color, var(--pine-color-background-inset-emphasized))}img{border-radius:var(--border-radius-admin-round, var(--pine-border-radius-full));height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.pds-avatar__initials{color:var(--pine-color-brand);fill:var(--pine-color-brand);font-size:var(--pine-font-size-085);font-weight:var(--pine-font-weight-semi-bold);height:100%;text-align:center;width:100%}.pds-avatar__initials text{text-anchor:middle}`;
|
|
5725
5766
|
|
|
5726
5767
|
/**
|
|
@@ -5842,6 +5883,12 @@ class PdsAvatar {
|
|
|
5842
5883
|
[`pds-avatar--status-ring`]: !!this.status && this.statusRing,
|
|
5843
5884
|
});
|
|
5844
5885
|
}
|
|
5886
|
+
restoreSizeDefault(newValue) {
|
|
5887
|
+
this.size = restoreReflectedDefault(this.el, 'size', newValue, 'lg');
|
|
5888
|
+
}
|
|
5889
|
+
restoreVariantDefault(newValue) {
|
|
5890
|
+
this.variant = restoreReflectedDefault(this.el, 'variant', newValue, 'customer');
|
|
5891
|
+
}
|
|
5845
5892
|
avatarSize() {
|
|
5846
5893
|
const sizes = {
|
|
5847
5894
|
xs: '24px',
|
|
@@ -5858,8 +5905,17 @@ class PdsAvatar {
|
|
|
5858
5905
|
}
|
|
5859
5906
|
}
|
|
5860
5907
|
render() {
|
|
5861
|
-
return (hAsync(Host, { key: '
|
|
5908
|
+
return (hAsync(Host, { key: '2cfbbe25504088ba2cbb3dc923680365fa78a170', id: this.componentId, class: Object.assign({}, this.classNames()) }, this.renderAvatar()));
|
|
5862
5909
|
}
|
|
5910
|
+
get el() { return getElement(this); }
|
|
5911
|
+
static get watchers() { return {
|
|
5912
|
+
"size": [{
|
|
5913
|
+
"restoreSizeDefault": 0
|
|
5914
|
+
}],
|
|
5915
|
+
"variant": [{
|
|
5916
|
+
"restoreVariantDefault": 0
|
|
5917
|
+
}]
|
|
5918
|
+
}; }
|
|
5863
5919
|
static get style() { return pdsAvatarCss(); }
|
|
5864
5920
|
static get cmpMeta() { return {
|
|
5865
5921
|
"$flags$": 9,
|
|
@@ -5871,11 +5927,11 @@ class PdsAvatar {
|
|
|
5871
5927
|
"dropdown": [4],
|
|
5872
5928
|
"image": [1],
|
|
5873
5929
|
"initials": [1],
|
|
5874
|
-
"size": [
|
|
5930
|
+
"size": [1537],
|
|
5875
5931
|
"status": [513],
|
|
5876
5932
|
"statusLabel": [1, "status-label"],
|
|
5877
5933
|
"statusRing": [4, "status-ring"],
|
|
5878
|
-
"variant": [
|
|
5934
|
+
"variant": [1537],
|
|
5879
5935
|
"triggerLabel": [1, "trigger-label"]
|
|
5880
5936
|
},
|
|
5881
5937
|
"$listeners$": undefined,
|
|
@@ -5997,16 +6053,208 @@ const setColor = (color, customColors) => {
|
|
|
5997
6053
|
};
|
|
5998
6054
|
};
|
|
5999
6055
|
|
|
6056
|
+
/**
|
|
6057
|
+
* Sets each attribute whose current value differs, and leaves the rest alone. A `MutationObserver`
|
|
6058
|
+
* that calls this to restore attributes sees its own writes once and then settles, so it can't loop.
|
|
6059
|
+
* @param el - Element to write to
|
|
6060
|
+
* @param attributes - Attribute names and the values they should have
|
|
6061
|
+
*/
|
|
6062
|
+
const setAttributesIfChanged = (el, attributes) => {
|
|
6063
|
+
Object.entries(attributes).forEach(([name, value]) => {
|
|
6064
|
+
if (el.getAttribute(name) !== value)
|
|
6065
|
+
el.setAttribute(name, value);
|
|
6066
|
+
});
|
|
6067
|
+
};
|
|
6068
|
+
// Classes Stencil itself puts on a host: its default `hydratedFlag` (Pine doesn't change it), and a
|
|
6069
|
+
// scoped component's own scope classes (`sc-pds-radio`, `sc-pds-radio-h`, `sc-pds-radio-s`), which
|
|
6070
|
+
// its CSS needs. Only the host's own: another `sc-` class may be a consumer's (styled-components ids).
|
|
6071
|
+
const isStencilClass = (el, name) => {
|
|
6072
|
+
const scope = `sc-${el.localName}`;
|
|
6073
|
+
return name === 'hydrated' || name === scope || name === `${scope}-h` || name === `${scope}-s`;
|
|
6074
|
+
};
|
|
6075
|
+
/**
|
|
6076
|
+
* The class names in a rendered `class` value: a string, or Stencil's `{ name: boolean }` form.
|
|
6077
|
+
*/
|
|
6078
|
+
const classNamesOf = (classes) => typeof classes === 'string'
|
|
6079
|
+
? classes.split(/\s+/).filter(Boolean)
|
|
6080
|
+
: Object.keys(classes).filter((name) => classes[name]);
|
|
6081
|
+
/**
|
|
6082
|
+
* Puts back any of `expected`'s classes or style properties that are missing from `el`. It only
|
|
6083
|
+
* adds what's missing, never rewrites a value that's there, because browsers normalize some style
|
|
6084
|
+
* values (`flex: 1` reads back as `1 1 0%`): comparing values would rewrite them forever.
|
|
6085
|
+
* @param el - Host element
|
|
6086
|
+
* @param expected - Classes and style properties the component rendered
|
|
6087
|
+
*/
|
|
6088
|
+
const restoreHostStyling = (el, { classes, styles }) => {
|
|
6089
|
+
const missing = classes.filter((name) => !el.classList.contains(name));
|
|
6090
|
+
if (missing.length > 0)
|
|
6091
|
+
el.classList.add(...missing);
|
|
6092
|
+
Object.entries(styles).forEach(([name, value]) => {
|
|
6093
|
+
if (value && el.style.getPropertyValue(name) === '')
|
|
6094
|
+
el.style.setProperty(name, value);
|
|
6095
|
+
});
|
|
6096
|
+
};
|
|
6097
|
+
/**
|
|
6098
|
+
* Watches a component's own host and puts back what it rendered when something strips it. A DOM
|
|
6099
|
+
* morph does: it makes the host match the server's HTML, which carries the component's props but not
|
|
6100
|
+
* the classes, styles and attributes it wrote, and Stencil won't write them again because it diffs
|
|
6101
|
+
* against its previous render, not the live DOM.
|
|
6102
|
+
*
|
|
6103
|
+
* It also means a script that removes one of these on purpose sees it come back: change them through
|
|
6104
|
+
* the component's props instead.
|
|
6105
|
+
* @param el - Host element
|
|
6106
|
+
* @param expected - Reads what the component last rendered
|
|
6107
|
+
* @returns The observer, to disconnect when the component is removed; `null` without MutationObserver
|
|
6108
|
+
*/
|
|
6109
|
+
const keepHostStyling = (el, expected) => {
|
|
6110
|
+
if (typeof MutationObserver === 'undefined')
|
|
6111
|
+
return null;
|
|
6112
|
+
const observer = new MutationObserver((records) => {
|
|
6113
|
+
const styling = expected();
|
|
6114
|
+
// A strip takes Stencil's own classes too: without `hydrated` Stencil hides the component, and
|
|
6115
|
+
// without its scope classes a scoped component's CSS stops matching. Put back only the ones that
|
|
6116
|
+
// were there, so this never runs ahead of Stencil.
|
|
6117
|
+
const stencilClasses = records
|
|
6118
|
+
.filter((record) => record.attributeName === 'class' && record.oldValue != null)
|
|
6119
|
+
.flatMap((record) => classNamesOf(record.oldValue).filter((name) => isStencilClass(el, name)));
|
|
6120
|
+
restoreHostStyling(el, Object.assign(Object.assign({}, styling), { classes: [...styling.classes, ...stencilClasses] }));
|
|
6121
|
+
// An attribute the component still renders comes back with the value it had, which is what
|
|
6122
|
+
// Stencil wrote (a boolean `true` lands as an empty value). One it stopped rendering stays
|
|
6123
|
+
// removed, since that was Stencil's own write.
|
|
6124
|
+
records.forEach(({ attributeName: name, oldValue }) => {
|
|
6125
|
+
var _a;
|
|
6126
|
+
const rendered = (_a = styling.attributes) === null || _a === void 0 ? void 0 : _a[name];
|
|
6127
|
+
if (oldValue == null || rendered == null || rendered === false || el.hasAttribute(name))
|
|
6128
|
+
return;
|
|
6129
|
+
el.setAttribute(name, oldValue);
|
|
6130
|
+
});
|
|
6131
|
+
});
|
|
6132
|
+
observer.observe(el, { attributes: true, attributeOldValue: true });
|
|
6133
|
+
return observer;
|
|
6134
|
+
};
|
|
6135
|
+
/**
|
|
6136
|
+
* Inherit attributes from the host element
|
|
6137
|
+
* @param el - Host element
|
|
6138
|
+
* @param attributes - Array of attributes to inherit
|
|
6139
|
+
*/
|
|
6140
|
+
const inheritAttributes$1 = (el, attributes = []) => {
|
|
6141
|
+
const attributeObject = {};
|
|
6142
|
+
attributes.forEach((attr) => {
|
|
6143
|
+
if (el.hasAttribute(attr)) {
|
|
6144
|
+
const value = el.getAttribute(attr);
|
|
6145
|
+
if (value !== null) {
|
|
6146
|
+
attributeObject[attr] = el.getAttribute(attr);
|
|
6147
|
+
}
|
|
6148
|
+
el.removeAttribute(attr);
|
|
6149
|
+
}
|
|
6150
|
+
});
|
|
6151
|
+
return attributeObject;
|
|
6152
|
+
};
|
|
6153
|
+
/**
|
|
6154
|
+
* List of available ARIA attributes + `role`.
|
|
6155
|
+
* Removed deprecated attributes.
|
|
6156
|
+
* https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes
|
|
6157
|
+
*/
|
|
6158
|
+
const ariaAttributes = [
|
|
6159
|
+
'role',
|
|
6160
|
+
'aria-activedescendant',
|
|
6161
|
+
'aria-atomic',
|
|
6162
|
+
'aria-autocomplete',
|
|
6163
|
+
'aria-braillelabel',
|
|
6164
|
+
'aria-brailleroledescription',
|
|
6165
|
+
'aria-busy',
|
|
6166
|
+
'aria-checked',
|
|
6167
|
+
'aria-colcount',
|
|
6168
|
+
'aria-colindex',
|
|
6169
|
+
'aria-colindextext',
|
|
6170
|
+
'aria-colspan',
|
|
6171
|
+
'aria-controls',
|
|
6172
|
+
'aria-current',
|
|
6173
|
+
'aria-describedby',
|
|
6174
|
+
'aria-description',
|
|
6175
|
+
'aria-details',
|
|
6176
|
+
'aria-disabled',
|
|
6177
|
+
'aria-errormessage',
|
|
6178
|
+
'aria-expanded',
|
|
6179
|
+
'aria-flowto',
|
|
6180
|
+
'aria-haspopup',
|
|
6181
|
+
'aria-hidden',
|
|
6182
|
+
'aria-invalid',
|
|
6183
|
+
'aria-keyshortcuts',
|
|
6184
|
+
'aria-label',
|
|
6185
|
+
'aria-labelledby',
|
|
6186
|
+
'aria-level',
|
|
6187
|
+
'aria-live',
|
|
6188
|
+
'aria-multiline',
|
|
6189
|
+
'aria-multiselectable',
|
|
6190
|
+
'aria-orientation',
|
|
6191
|
+
'aria-owns',
|
|
6192
|
+
'aria-placeholder',
|
|
6193
|
+
'aria-posinset',
|
|
6194
|
+
'aria-pressed',
|
|
6195
|
+
'aria-readonly',
|
|
6196
|
+
'aria-relevant',
|
|
6197
|
+
'aria-required',
|
|
6198
|
+
'aria-roledescription',
|
|
6199
|
+
'aria-rowcount',
|
|
6200
|
+
'aria-rowindex',
|
|
6201
|
+
'aria-rowindextext',
|
|
6202
|
+
'aria-rowspan',
|
|
6203
|
+
'aria-selected',
|
|
6204
|
+
'aria-setsize',
|
|
6205
|
+
'aria-sort',
|
|
6206
|
+
'aria-valuemax',
|
|
6207
|
+
'aria-valuemin',
|
|
6208
|
+
'aria-valuenow',
|
|
6209
|
+
'aria-valuetext',
|
|
6210
|
+
];
|
|
6211
|
+
const inheritAriaAttributes = (el, ignoreList) => {
|
|
6212
|
+
let attributesToInherit = ariaAttributes;
|
|
6213
|
+
return inheritAttributes$1(el, attributesToInherit);
|
|
6214
|
+
};
|
|
6215
|
+
/**
|
|
6216
|
+
* One component's use of `keepHostStyling`: `record` what `render()` puts on the host, `connect` in
|
|
6217
|
+
* `connectedCallback` and `disconnect` in `disconnectedCallback`.
|
|
6218
|
+
*/
|
|
6219
|
+
class HostStylingKeeper {
|
|
6220
|
+
constructor() {
|
|
6221
|
+
this.styling = { classes: [], styles: {} };
|
|
6222
|
+
this.observer = null;
|
|
6223
|
+
}
|
|
6224
|
+
record(classes, styles = {}, attributes = {}) {
|
|
6225
|
+
this.styling = { classes: classNamesOf(classes), styles, attributes };
|
|
6226
|
+
}
|
|
6227
|
+
connect(el) {
|
|
6228
|
+
var _a;
|
|
6229
|
+
(_a = this.observer) !== null && _a !== void 0 ? _a : (this.observer = keepHostStyling(el, () => this.styling));
|
|
6230
|
+
}
|
|
6231
|
+
disconnect() {
|
|
6232
|
+
var _a;
|
|
6233
|
+
(_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
6234
|
+
this.observer = null;
|
|
6235
|
+
}
|
|
6236
|
+
}
|
|
6237
|
+
|
|
6000
6238
|
const pdsBoxCss = () => `pds-box{--border-width-default:var(--pine-border-width-thin);--color-background-box:inherit;--color-border-box:inherit;display:block}[class*=pds-box]{background-color:var(--color-background-box);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex}[class*=pds-box][min-height]{min-height:var(--sizing-min-height-box)}[class*=pds-box][min-width]{min-width:var(--sizing-min-width-box)}.pds-row>[class*=pds-box]{position:relative;width:100%}.pds-row>[class*=pds-box].pds-box--auto{width:auto}.pds-spacing-xxs{margin:4px}.pds-spacing-xs{margin:8px}.pds-spacing-sm{margin:16px}.pds-spacing-md{margin:24px}.pds-spacing-lg{margin:36px}.pds-spacing-xl{margin:48px}.pds-spacing-xxl{margin:64px}.pds-spacing-top-xxs{-webkit-margin-before:4px;margin-block-start:4px}.pds-spacing-top-xs{-webkit-margin-before:8px;margin-block-start:8px}.pds-spacing-top-sm{-webkit-margin-before:16px;margin-block-start:16px}.pds-spacing-top-md{-webkit-margin-before:24px;margin-block-start:24px}.pds-spacing-top-lg{-webkit-margin-before:36px;margin-block-start:36px}.pds-spacing-top-xl{-webkit-margin-before:48px;margin-block-start:48px}.pds-spacing-top-xxl{-webkit-margin-before:64px;margin-block-start:64px}.pds-spacing-right-xxs{-webkit-margin-end:4px;margin-inline-end:4px}.pds-spacing-right-xs{-webkit-margin-end:8px;margin-inline-end:8px}.pds-spacing-right-sm{-webkit-margin-end:16px;margin-inline-end:16px}.pds-spacing-right-md{-webkit-margin-end:24px;margin-inline-end:24px}.pds-spacing-right-lg{-webkit-margin-end:36px;margin-inline-end:36px}.pds-spacing-right-xl{-webkit-margin-end:48px;margin-inline-end:48px}.pds-spacing-right-xxl{-webkit-margin-end:64px;margin-inline-end:64px}.pds-spacing-left-xxs{-webkit-margin-start:4px;margin-inline-start:4px}.pds-spacing-left-xs{-webkit-margin-start:8px;margin-inline-start:8px}.pds-spacing-left-sm{-webkit-margin-start:16px;margin-inline-start:16px}.pds-spacing-left-md{-webkit-margin-start:24px;margin-inline-start:24px}.pds-spacing-left-lg{-webkit-margin-start:36px;margin-inline-start:36px}.pds-spacing-left-xl{-webkit-margin-start:48px;margin-inline-start:48px}.pds-spacing-left-xxl{-webkit-margin-start:64px;margin-inline-start:64px}.pds-spacing-bottom-xxs{-webkit-margin-after:4px;margin-block-end:4px}.pds-spacing-bottom-xs{-webkit-margin-after:8px;margin-block-end:8px}.pds-spacing-bottom-sm{-webkit-margin-after:16px;margin-block-end:16px}.pds-spacing-bottom-md{-webkit-margin-after:24px;margin-block-end:24px}.pds-spacing-bottom-lg{-webkit-margin-after:36px;margin-block-end:36px}.pds-spacing-bottom-xl{-webkit-margin-after:48px;margin-block-end:48px}.pds-spacing-bottom-xxl{-webkit-margin-after:64px;margin-block-end:64px}.pds-box-offset-0{-webkit-margin-start:0;margin-inline-start:0}.pds-box-offset-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.pds-box-offset-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.pds-box-offset-3{-webkit-margin-start:25%;margin-inline-start:25%}.pds-box-offset-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.pds-box-offset-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.pds-box-offset-6{-webkit-margin-start:50%;margin-inline-start:50%}.pds-box-offset-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.pds-box-offset-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.pds-box-offset-9{-webkit-margin-start:75%;margin-inline-start:75%}.pds-box-offset-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.pds-box-offset-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.pds-box-offset-12{-webkit-margin-start:100%;margin-inline-start:100%}@media (max-width: 575px){.pds-box-offset-xs-0{-webkit-margin-start:0;margin-inline-start:0}.pds-box-offset-xs-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.pds-box-offset-xs-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.pds-box-offset-xs-3{-webkit-margin-start:25%;margin-inline-start:25%}.pds-box-offset-xs-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.pds-box-offset-xs-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.pds-box-offset-xs-6{-webkit-margin-start:50%;margin-inline-start:50%}.pds-box-offset-xs-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.pds-box-offset-xs-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.pds-box-offset-xs-9{-webkit-margin-start:75%;margin-inline-start:75%}.pds-box-offset-xs-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.pds-box-offset-xs-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.pds-box-offset-xs-12{-webkit-margin-start:100%;margin-inline-start:100%}}@media (min-width: 576px){.pds-box-offset-sm-0{-webkit-margin-start:0;margin-inline-start:0}.pds-box-offset-sm-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.pds-box-offset-sm-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.pds-box-offset-sm-3{-webkit-margin-start:25%;margin-inline-start:25%}.pds-box-offset-sm-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.pds-box-offset-sm-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.pds-box-offset-sm-6{-webkit-margin-start:50%;margin-inline-start:50%}.pds-box-offset-sm-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.pds-box-offset-sm-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.pds-box-offset-sm-9{-webkit-margin-start:75%;margin-inline-start:75%}.pds-box-offset-sm-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.pds-box-offset-sm-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.pds-box-offset-sm-12{-webkit-margin-start:100%;margin-inline-start:100%}}@media (min-width: 768px){.pds-box-offset-md-0{-webkit-margin-start:0;margin-inline-start:0}.pds-box-offset-md-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.pds-box-offset-md-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.pds-box-offset-md-3{-webkit-margin-start:25%;margin-inline-start:25%}.pds-box-offset-md-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.pds-box-offset-md-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.pds-box-offset-md-6{-webkit-margin-start:50%;margin-inline-start:50%}.pds-box-offset-md-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.pds-box-offset-md-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.pds-box-offset-md-9{-webkit-margin-start:75%;margin-inline-start:75%}.pds-box-offset-md-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.pds-box-offset-md-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.pds-box-offset-md-12{-webkit-margin-start:100%;margin-inline-start:100%}}@media (min-width: 992px){.pds-box-offset-lg-0{-webkit-margin-start:0;margin-inline-start:0}.pds-box-offset-lg-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.pds-box-offset-lg-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.pds-box-offset-lg-3{-webkit-margin-start:25%;margin-inline-start:25%}.pds-box-offset-lg-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.pds-box-offset-lg-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.pds-box-offset-lg-6{-webkit-margin-start:50%;margin-inline-start:50%}.pds-box-offset-lg-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.pds-box-offset-lg-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.pds-box-offset-lg-9{-webkit-margin-start:75%;margin-inline-start:75%}.pds-box-offset-lg-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.pds-box-offset-lg-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.pds-box-offset-lg-12{-webkit-margin-start:100%;margin-inline-start:100%}}@media (min-width: 1200px){.pds-box-offset-xl-0{-webkit-margin-start:0;margin-inline-start:0}.pds-box-offset-xl-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.pds-box-offset-xl-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.pds-box-offset-xl-3{-webkit-margin-start:25%;margin-inline-start:25%}.pds-box-offset-xl-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.pds-box-offset-xl-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.pds-box-offset-xl-6{-webkit-margin-start:50%;margin-inline-start:50%}.pds-box-offset-xl-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.pds-box-offset-xl-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.pds-box-offset-xl-9{-webkit-margin-start:75%;margin-inline-start:75%}.pds-box-offset-xl-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.pds-box-offset-xl-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.pds-box-offset-xl-12{-webkit-margin-start:100%;margin-inline-start:100%}}.pds-box-0{display:none}.pds-box-1{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:8.3333333333%;flex:8.3333333333%;max-width:8.3333333333%}.pds-box-2{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:16.6666666667%;flex:16.6666666667%;max-width:16.6666666667%}.pds-box-3{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:25%;flex:25%;max-width:25%}.pds-box-4{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:33.3333333333%;flex:33.3333333333%;max-width:33.3333333333%}.pds-box-5{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:41.6666666667%;flex:41.6666666667%;max-width:41.6666666667%}.pds-box-6{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:50%;flex:50%;max-width:50%}.pds-box-7{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:58.3333333333%;flex:58.3333333333%;max-width:58.3333333333%}.pds-box-8{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:66.6666666667%;flex:66.6666666667%;max-width:66.6666666667%}.pds-box-9{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:75%;flex:75%;max-width:75%}.pds-box-10{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:83.3333333333%;flex:83.3333333333%;max-width:83.3333333333%}.pds-box-11{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:91.6666666667%;flex:91.6666666667%;max-width:91.6666666667%}.pds-box-12{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:100%;flex:100%;max-width:100%}@media (max-width: 575px){.pds-box-xs-0{display:none}.pds-box-xs-1{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:8.3333333333%;flex:8.3333333333%;max-width:8.3333333333%}.pds-box-xs-2{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:16.6666666667%;flex:16.6666666667%;max-width:16.6666666667%}.pds-box-xs-3{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:25%;flex:25%;max-width:25%}.pds-box-xs-4{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:33.3333333333%;flex:33.3333333333%;max-width:33.3333333333%}.pds-box-xs-5{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:41.6666666667%;flex:41.6666666667%;max-width:41.6666666667%}.pds-box-xs-6{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:50%;flex:50%;max-width:50%}.pds-box-xs-7{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:58.3333333333%;flex:58.3333333333%;max-width:58.3333333333%}.pds-box-xs-8{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:66.6666666667%;flex:66.6666666667%;max-width:66.6666666667%}.pds-box-xs-9{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:75%;flex:75%;max-width:75%}.pds-box-xs-10{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:83.3333333333%;flex:83.3333333333%;max-width:83.3333333333%}.pds-box-xs-11{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:91.6666666667%;flex:91.6666666667%;max-width:91.6666666667%}.pds-box-xs-12{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:100%;flex:100%;max-width:100%}}@media (min-width: 576px){.pds-box-sm-0{display:none}.pds-box-sm-1{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:8.3333333333%;flex:8.3333333333%;max-width:8.3333333333%}.pds-box-sm-2{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:16.6666666667%;flex:16.6666666667%;max-width:16.6666666667%}.pds-box-sm-3{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:25%;flex:25%;max-width:25%}.pds-box-sm-4{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:33.3333333333%;flex:33.3333333333%;max-width:33.3333333333%}.pds-box-sm-5{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:41.6666666667%;flex:41.6666666667%;max-width:41.6666666667%}.pds-box-sm-6{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:50%;flex:50%;max-width:50%}.pds-box-sm-7{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:58.3333333333%;flex:58.3333333333%;max-width:58.3333333333%}.pds-box-sm-8{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:66.6666666667%;flex:66.6666666667%;max-width:66.6666666667%}.pds-box-sm-9{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:75%;flex:75%;max-width:75%}.pds-box-sm-10{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:83.3333333333%;flex:83.3333333333%;max-width:83.3333333333%}.pds-box-sm-11{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:91.6666666667%;flex:91.6666666667%;max-width:91.6666666667%}.pds-box-sm-12{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:100%;flex:100%;max-width:100%}}@media (min-width: 768px){.pds-box-md-0{display:none}.pds-box-md-1{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:8.3333333333%;flex:8.3333333333%;max-width:8.3333333333%}.pds-box-md-2{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:16.6666666667%;flex:16.6666666667%;max-width:16.6666666667%}.pds-box-md-3{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:25%;flex:25%;max-width:25%}.pds-box-md-4{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:33.3333333333%;flex:33.3333333333%;max-width:33.3333333333%}.pds-box-md-5{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:41.6666666667%;flex:41.6666666667%;max-width:41.6666666667%}.pds-box-md-6{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:50%;flex:50%;max-width:50%}.pds-box-md-7{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:58.3333333333%;flex:58.3333333333%;max-width:58.3333333333%}.pds-box-md-8{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:66.6666666667%;flex:66.6666666667%;max-width:66.6666666667%}.pds-box-md-9{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:75%;flex:75%;max-width:75%}.pds-box-md-10{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:83.3333333333%;flex:83.3333333333%;max-width:83.3333333333%}.pds-box-md-11{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:91.6666666667%;flex:91.6666666667%;max-width:91.6666666667%}.pds-box-md-12{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:100%;flex:100%;max-width:100%}}@media (min-width: 992px){.pds-box-lg-0{display:none}.pds-box-lg-1{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:8.3333333333%;flex:8.3333333333%;max-width:8.3333333333%}.pds-box-lg-2{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:16.6666666667%;flex:16.6666666667%;max-width:16.6666666667%}.pds-box-lg-3{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:25%;flex:25%;max-width:25%}.pds-box-lg-4{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:33.3333333333%;flex:33.3333333333%;max-width:33.3333333333%}.pds-box-lg-5{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:41.6666666667%;flex:41.6666666667%;max-width:41.6666666667%}.pds-box-lg-6{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:50%;flex:50%;max-width:50%}.pds-box-lg-7{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:58.3333333333%;flex:58.3333333333%;max-width:58.3333333333%}.pds-box-lg-8{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:66.6666666667%;flex:66.6666666667%;max-width:66.6666666667%}.pds-box-lg-9{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:75%;flex:75%;max-width:75%}.pds-box-lg-10{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:83.3333333333%;flex:83.3333333333%;max-width:83.3333333333%}.pds-box-lg-11{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:91.6666666667%;flex:91.6666666667%;max-width:91.6666666667%}.pds-box-lg-12{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:100%;flex:100%;max-width:100%}}@media (min-width: 1200px){.pds-box-xl-0{display:none}.pds-box-xl-1{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:8.3333333333%;flex:8.3333333333%;max-width:8.3333333333%}.pds-box-xl-2{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:16.6666666667%;flex:16.6666666667%;max-width:16.6666666667%}.pds-box-xl-3{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:25%;flex:25%;max-width:25%}.pds-box-xl-4{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:33.3333333333%;flex:33.3333333333%;max-width:33.3333333333%}.pds-box-xl-5{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:41.6666666667%;flex:41.6666666667%;max-width:41.6666666667%}.pds-box-xl-6{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:50%;flex:50%;max-width:50%}.pds-box-xl-7{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:58.3333333333%;flex:58.3333333333%;max-width:58.3333333333%}.pds-box-xl-8{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:66.6666666667%;flex:66.6666666667%;max-width:66.6666666667%}.pds-box-xl-9{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:75%;flex:75%;max-width:75%}.pds-box-xl-10{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:83.3333333333%;flex:83.3333333333%;max-width:83.3333333333%}.pds-box-xl-11{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:91.6666666667%;flex:91.6666666667%;max-width:91.6666666667%}.pds-box-xl-12{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:100%;flex:100%;max-width:100%}}.pds-box{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1}.pds-row>.pds-box[class*=pds-box-]{-ms-flex-preferred-size:auto;flex-basis:auto}.pds-box--auto{-ms-flex:0 0 var(--sizing-min-width-box, fit-content);flex:0 0 var(--sizing-min-width-box, fit-content);min-width:auto;width:auto}.pds-box--fit{max-width:100%;min-width:100%;width:100%}.pds-box--border{border-color:var(--color-border-box, var(--pine-color-border));border-style:solid;border-width:var(--border-width-default)}.pds-box--border-block-start{-webkit-border-before:var(--border-width-default) solid var(--color-border-box, var(--pine-color-border));border-block-start:var(--border-width-default) solid var(--color-border-box, var(--pine-color-border))}pds-box.pds-box--border-block-start-none{-webkit-border-before:var(--pine-border-width-none);border-block-start:var(--pine-border-width-none)}.pds-box--border-block-end{-webkit-border-after:var(--border-width-default) solid var(--color-border-box, var(--pine-color-border));border-block-end:var(--border-width-default) solid var(--color-border-box, var(--pine-color-border))}pds-box.pds-box--border-block-end-none{-webkit-border-after:var(--pine-border-width-none);border-block-end:var(--pine-border-width-none)}.pds-box--border-inline-start{-webkit-border-start:var(--border-width-default) solid var(--color-border-box, var(--pine-color-border));border-inline-start:var(--border-width-default) solid var(--color-border-box, var(--pine-color-border))}pds-box.pds-box--border-inline-start-none{-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none)}.pds-box--border-inline-end{-webkit-border-end:var(--border-width-default) solid var(--color-border-box, var(--pine-color-border));border-inline-end:var(--border-width-default) solid var(--color-border-box, var(--pine-color-border))}pds-box.pds-box--border-inline-end-none{-webkit-border-end:var(--pine-border-width-none);border-inline-end:var(--pine-border-width-none)}.pds-box--display-flex{display:-ms-flexbox;display:flex}.pds-box--display-inline-flex{display:-ms-inline-flexbox;display:inline-flex}.pds-box--display-block{display:block}.pds-box--display-inline-block{display:inline-block}.pds-box--flex-none{-ms-flex:0 0 auto;flex:0 0 auto}.pds-box--flex-grow{-ms-flex:1 1 auto;flex:1 1 auto}.pds-box--flex-shrink{-ms-flex:0 0 auto;flex:0 0 auto}.pds-border-radius-none{border-radius:0}.pds-border-radius-xs{border-radius:var(--pine-dimension-2xs)}.pds-border-radius-sm{border-radius:var(--pine-dimension-xs)}.pds-border-radius-md{border-radius:var(--pine-dimension-125)}.pds-border-radius-lg{border-radius:var(--pine-dimension-sm)}.pds-border-radius-circle{border-radius:var(--pine-border-radius-full)}.pds-shadow-050{-webkit-box-shadow:var(--pine-box-shadow-050);box-shadow:var(--pine-box-shadow-050)}.pds-shadow-100{-webkit-box-shadow:var(--pine-box-shadow-100);box-shadow:var(--pine-box-shadow-100)}.pds-shadow-150{-webkit-box-shadow:var(--pine-box-shadow-150);box-shadow:var(--pine-box-shadow-150)}.pds-shadow-200{-webkit-box-shadow:var(--pine-box-shadow-200);box-shadow:var(--pine-box-shadow-200)}.pds-shadow-300{-webkit-box-shadow:var(--pine-box-shadow-300);box-shadow:var(--pine-box-shadow-300)}.pds-shadow-400{-webkit-box-shadow:var(--pine-box-shadow-400);box-shadow:var(--pine-box-shadow-400)}.pds-shadow-500{-webkit-box-shadow:var(--pine-box-shadow-500);box-shadow:var(--pine-box-shadow-500)}.pds-shadow-xs{-webkit-box-shadow:var(--pine-box-shadow-050);box-shadow:var(--pine-box-shadow-050)}.pds-shadow-sm{-webkit-box-shadow:var(--pine-box-shadow-100);box-shadow:var(--pine-box-shadow-100)}.pds-shadow-md{-webkit-box-shadow:var(--pine-box-shadow-150);box-shadow:var(--pine-box-shadow-150)}.pds-shadow-lg{-webkit-box-shadow:var(--pine-box-shadow-200);box-shadow:var(--pine-box-shadow-200)}.pds-box-gap-none{gap:0}.pds-box-gap-xxs{gap:var(--pine-dimension-2xs)}.pds-box-gap-xs{gap:var(--pine-dimension-xs)}.pds-box-gap-sm{gap:var(--pine-dimension-sm)}.pds-box-gap-md{gap:var(--pine-dimension-md)}.pds-box-gap-lg{gap:var(--pine-dimension-lg)}.pds-box-gap-xl{gap:var(--pine-dimension-xl)}.pds-box-gap-xxl{gap:var(--pine-dimension-2xl)}.pds-box-gap-025{gap:var(--pine-dimension-025)}.pds-box-gap-050{gap:var(--pine-dimension-050)}.pds-box-gap-100{gap:var(--pine-dimension-100)}.pds-box-gap-125{gap:var(--pine-dimension-125)}.pds-box-gap-150{gap:var(--pine-dimension-150)}.pds-box-gap-200{gap:var(--pine-dimension-200)}.pds-box-gap-250{gap:var(--pine-dimension-250)}.pds-box-gap-300{gap:var(--pine-dimension-300)}.pds-box-gap-350{gap:var(--pine-dimension-350)}.pds-box-gap-400{gap:var(--pine-dimension-400)}.pds-box-gap-450{gap:var(--pine-dimension-450)}.pds-box-gap-500{gap:var(--pine-dimension-500)}.pds-box-gap-550{gap:var(--pine-dimension-550)}.pds-box-gap-600{gap:var(--pine-dimension-600)}.pds-box-gap-650{gap:var(--pine-dimension-650)}.pds-box-gap-700{gap:var(--pine-dimension-700)}.pds-box-gap-750{gap:var(--pine-dimension-750)}.pds-box-gap-800{gap:var(--pine-dimension-800)}.pds-margin-block-start-none{-webkit-margin-before:0;margin-block-start:0}.pds-margin-block-start-xxs{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-margin-block-start-xs{-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs)}.pds-margin-block-start-sm{-webkit-margin-before:var(--pine-dimension-sm);margin-block-start:var(--pine-dimension-sm)}.pds-margin-block-start-md{-webkit-margin-before:var(--pine-dimension-md);margin-block-start:var(--pine-dimension-md)}.pds-margin-block-start-lg{-webkit-margin-before:var(--pine-dimension-lg);margin-block-start:var(--pine-dimension-lg)}.pds-margin-block-start-xl{-webkit-margin-before:var(--pine-dimension-xl);margin-block-start:var(--pine-dimension-xl)}.pds-margin-block-start-xxl{-webkit-margin-before:var(--pine-dimension-2xl);margin-block-start:var(--pine-dimension-2xl)}.pds-margin-block-start-025{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.pds-margin-block-start-050{-webkit-margin-before:var(--pine-dimension-050);margin-block-start:var(--pine-dimension-050)}.pds-margin-block-start-100{-webkit-margin-before:var(--pine-dimension-100);margin-block-start:var(--pine-dimension-100)}.pds-margin-block-start-125{-webkit-margin-before:var(--pine-dimension-125);margin-block-start:var(--pine-dimension-125)}.pds-margin-block-start-150{-webkit-margin-before:var(--pine-dimension-150);margin-block-start:var(--pine-dimension-150)}.pds-margin-block-start-200{-webkit-margin-before:var(--pine-dimension-200);margin-block-start:var(--pine-dimension-200)}.pds-margin-block-start-250{-webkit-margin-before:var(--pine-dimension-250);margin-block-start:var(--pine-dimension-250)}.pds-margin-block-start-300{-webkit-margin-before:var(--pine-dimension-300);margin-block-start:var(--pine-dimension-300)}.pds-margin-block-start-350{-webkit-margin-before:var(--pine-dimension-350);margin-block-start:var(--pine-dimension-350)}.pds-margin-block-start-400{-webkit-margin-before:var(--pine-dimension-400);margin-block-start:var(--pine-dimension-400)}.pds-margin-block-start-450{-webkit-margin-before:var(--pine-dimension-450);margin-block-start:var(--pine-dimension-450)}.pds-margin-block-start-500{-webkit-margin-before:var(--pine-dimension-500);margin-block-start:var(--pine-dimension-500)}.pds-margin-block-start-550{-webkit-margin-before:var(--pine-dimension-550);margin-block-start:var(--pine-dimension-550)}.pds-margin-block-start-600{-webkit-margin-before:var(--pine-dimension-600);margin-block-start:var(--pine-dimension-600)}.pds-margin-block-start-650{-webkit-margin-before:var(--pine-dimension-650);margin-block-start:var(--pine-dimension-650)}.pds-margin-block-start-700{-webkit-margin-before:var(--pine-dimension-700);margin-block-start:var(--pine-dimension-700)}.pds-margin-block-start-750{-webkit-margin-before:var(--pine-dimension-750);margin-block-start:var(--pine-dimension-750)}.pds-margin-block-start-800{-webkit-margin-before:var(--pine-dimension-800);margin-block-start:var(--pine-dimension-800)}.pds-margin-inline-start-none{-webkit-margin-start:0;margin-inline-start:0}.pds-margin-inline-start-xxs{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-margin-inline-start-xs{-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}.pds-margin-inline-start-sm{-webkit-margin-start:var(--pine-dimension-sm);margin-inline-start:var(--pine-dimension-sm)}.pds-margin-inline-start-md{-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md)}.pds-margin-inline-start-lg{-webkit-margin-start:var(--pine-dimension-lg);margin-inline-start:var(--pine-dimension-lg)}.pds-margin-inline-start-xl{-webkit-margin-start:var(--pine-dimension-xl);margin-inline-start:var(--pine-dimension-xl)}.pds-margin-inline-start-xxl{-webkit-margin-start:var(--pine-dimension-2xl);margin-inline-start:var(--pine-dimension-2xl)}.pds-margin-inline-start-025{-webkit-margin-start:var(--pine-dimension-025);margin-inline-start:var(--pine-dimension-025)}.pds-margin-inline-start-050{-webkit-margin-start:var(--pine-dimension-050);margin-inline-start:var(--pine-dimension-050)}.pds-margin-inline-start-100{-webkit-margin-start:var(--pine-dimension-100);margin-inline-start:var(--pine-dimension-100)}.pds-margin-inline-start-125{-webkit-margin-start:var(--pine-dimension-125);margin-inline-start:var(--pine-dimension-125)}.pds-margin-inline-start-150{-webkit-margin-start:var(--pine-dimension-150);margin-inline-start:var(--pine-dimension-150)}.pds-margin-inline-start-200{-webkit-margin-start:var(--pine-dimension-200);margin-inline-start:var(--pine-dimension-200)}.pds-margin-inline-start-250{-webkit-margin-start:var(--pine-dimension-250);margin-inline-start:var(--pine-dimension-250)}.pds-margin-inline-start-300{-webkit-margin-start:var(--pine-dimension-300);margin-inline-start:var(--pine-dimension-300)}.pds-margin-inline-start-350{-webkit-margin-start:var(--pine-dimension-350);margin-inline-start:var(--pine-dimension-350)}.pds-margin-inline-start-400{-webkit-margin-start:var(--pine-dimension-400);margin-inline-start:var(--pine-dimension-400)}.pds-margin-inline-start-450{-webkit-margin-start:var(--pine-dimension-450);margin-inline-start:var(--pine-dimension-450)}.pds-margin-inline-start-500{-webkit-margin-start:var(--pine-dimension-500);margin-inline-start:var(--pine-dimension-500)}.pds-margin-inline-start-550{-webkit-margin-start:var(--pine-dimension-550);margin-inline-start:var(--pine-dimension-550)}.pds-margin-inline-start-600{-webkit-margin-start:var(--pine-dimension-600);margin-inline-start:var(--pine-dimension-600)}.pds-margin-inline-start-650{-webkit-margin-start:var(--pine-dimension-650);margin-inline-start:var(--pine-dimension-650)}.pds-margin-inline-start-700{-webkit-margin-start:var(--pine-dimension-700);margin-inline-start:var(--pine-dimension-700)}.pds-margin-inline-start-750{-webkit-margin-start:var(--pine-dimension-750);margin-inline-start:var(--pine-dimension-750)}.pds-margin-inline-start-800{-webkit-margin-start:var(--pine-dimension-800);margin-inline-start:var(--pine-dimension-800)}.pds-margin-inline-end-none{-webkit-margin-end:0;margin-inline-end:0}.pds-margin-inline-end-xxs{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-margin-inline-end-xs{-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs)}.pds-margin-inline-end-sm{-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm)}.pds-margin-inline-end-md{-webkit-margin-end:var(--pine-dimension-md);margin-inline-end:var(--pine-dimension-md)}.pds-margin-inline-end-lg{-webkit-margin-end:var(--pine-dimension-lg);margin-inline-end:var(--pine-dimension-lg)}.pds-margin-inline-end-xl{-webkit-margin-end:var(--pine-dimension-xl);margin-inline-end:var(--pine-dimension-xl)}.pds-margin-inline-end-xxl{-webkit-margin-end:var(--pine-dimension-2xl);margin-inline-end:var(--pine-dimension-2xl)}.pds-margin-inline-end-025{-webkit-margin-end:var(--pine-dimension-025);margin-inline-end:var(--pine-dimension-025)}.pds-margin-inline-end-050{-webkit-margin-end:var(--pine-dimension-050);margin-inline-end:var(--pine-dimension-050)}.pds-margin-inline-end-100{-webkit-margin-end:var(--pine-dimension-100);margin-inline-end:var(--pine-dimension-100)}.pds-margin-inline-end-125{-webkit-margin-end:var(--pine-dimension-125);margin-inline-end:var(--pine-dimension-125)}.pds-margin-inline-end-150{-webkit-margin-end:var(--pine-dimension-150);margin-inline-end:var(--pine-dimension-150)}.pds-margin-inline-end-200{-webkit-margin-end:var(--pine-dimension-200);margin-inline-end:var(--pine-dimension-200)}.pds-margin-inline-end-250{-webkit-margin-end:var(--pine-dimension-250);margin-inline-end:var(--pine-dimension-250)}.pds-margin-inline-end-300{-webkit-margin-end:var(--pine-dimension-300);margin-inline-end:var(--pine-dimension-300)}.pds-margin-inline-end-350{-webkit-margin-end:var(--pine-dimension-350);margin-inline-end:var(--pine-dimension-350)}.pds-margin-inline-end-400{-webkit-margin-end:var(--pine-dimension-400);margin-inline-end:var(--pine-dimension-400)}.pds-margin-inline-end-450{-webkit-margin-end:var(--pine-dimension-450);margin-inline-end:var(--pine-dimension-450)}.pds-margin-inline-end-500{-webkit-margin-end:var(--pine-dimension-500);margin-inline-end:var(--pine-dimension-500)}.pds-margin-inline-end-550{-webkit-margin-end:var(--pine-dimension-550);margin-inline-end:var(--pine-dimension-550)}.pds-margin-inline-end-600{-webkit-margin-end:var(--pine-dimension-600);margin-inline-end:var(--pine-dimension-600)}.pds-margin-inline-end-650{-webkit-margin-end:var(--pine-dimension-650);margin-inline-end:var(--pine-dimension-650)}.pds-margin-inline-end-700{-webkit-margin-end:var(--pine-dimension-700);margin-inline-end:var(--pine-dimension-700)}.pds-margin-inline-end-750{-webkit-margin-end:var(--pine-dimension-750);margin-inline-end:var(--pine-dimension-750)}.pds-margin-inline-end-800{-webkit-margin-end:var(--pine-dimension-800);margin-inline-end:var(--pine-dimension-800)}.pds-margin-block-end-none{-webkit-margin-after:0;margin-block-end:0}.pds-margin-block-end-xxs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-margin-block-end-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-margin-block-end-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-margin-block-end-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-margin-block-end-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-margin-block-end-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-margin-block-end-xxl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}.pds-margin-block-end-025{-webkit-margin-after:var(--pine-dimension-025);margin-block-end:var(--pine-dimension-025)}.pds-margin-block-end-050{-webkit-margin-after:var(--pine-dimension-050);margin-block-end:var(--pine-dimension-050)}.pds-margin-block-end-100{-webkit-margin-after:var(--pine-dimension-100);margin-block-end:var(--pine-dimension-100)}.pds-margin-block-end-125{-webkit-margin-after:var(--pine-dimension-125);margin-block-end:var(--pine-dimension-125)}.pds-margin-block-end-150{-webkit-margin-after:var(--pine-dimension-150);margin-block-end:var(--pine-dimension-150)}.pds-margin-block-end-200{-webkit-margin-after:var(--pine-dimension-200);margin-block-end:var(--pine-dimension-200)}.pds-margin-block-end-250{-webkit-margin-after:var(--pine-dimension-250);margin-block-end:var(--pine-dimension-250)}.pds-margin-block-end-300{-webkit-margin-after:var(--pine-dimension-300);margin-block-end:var(--pine-dimension-300)}.pds-margin-block-end-350{-webkit-margin-after:var(--pine-dimension-350);margin-block-end:var(--pine-dimension-350)}.pds-margin-block-end-400{-webkit-margin-after:var(--pine-dimension-400);margin-block-end:var(--pine-dimension-400)}.pds-margin-block-end-450{-webkit-margin-after:var(--pine-dimension-450);margin-block-end:var(--pine-dimension-450)}.pds-margin-block-end-500{-webkit-margin-after:var(--pine-dimension-500);margin-block-end:var(--pine-dimension-500)}.pds-margin-block-end-550{-webkit-margin-after:var(--pine-dimension-550);margin-block-end:var(--pine-dimension-550)}.pds-margin-block-end-600{-webkit-margin-after:var(--pine-dimension-600);margin-block-end:var(--pine-dimension-600)}.pds-margin-block-end-650{-webkit-margin-after:var(--pine-dimension-650);margin-block-end:var(--pine-dimension-650)}.pds-margin-block-end-700{-webkit-margin-after:var(--pine-dimension-700);margin-block-end:var(--pine-dimension-700)}.pds-margin-block-end-750{-webkit-margin-after:var(--pine-dimension-750);margin-block-end:var(--pine-dimension-750)}.pds-margin-block-end-800{-webkit-margin-after:var(--pine-dimension-800);margin-block-end:var(--pine-dimension-800)}.pds-padding-none{padding:0}.pds-padding-xxs{padding:var(--pine-dimension-2xs)}.pds-padding-xs{padding:var(--pine-dimension-xs)}.pds-padding-sm{padding:var(--pine-dimension-sm)}.pds-padding-md{padding:var(--pine-dimension-md)}.pds-padding-lg{padding:var(--pine-dimension-lg)}.pds-padding-xl{padding:var(--pine-dimension-xl)}.pds-padding-xxl{padding:var(--pine-dimension-2xl)}.pds-padding-025{padding:var(--pine-dimension-025)}.pds-padding-050{padding:var(--pine-dimension-050)}.pds-padding-100{padding:var(--pine-dimension-100)}.pds-padding-125{padding:var(--pine-dimension-125)}.pds-padding-150{padding:var(--pine-dimension-150)}.pds-padding-200{padding:var(--pine-dimension-200)}.pds-padding-250{padding:var(--pine-dimension-250)}.pds-padding-300{padding:var(--pine-dimension-300)}.pds-padding-350{padding:var(--pine-dimension-350)}.pds-padding-400{padding:var(--pine-dimension-400)}.pds-padding-450{padding:var(--pine-dimension-450)}.pds-padding-500{padding:var(--pine-dimension-500)}.pds-padding-550{padding:var(--pine-dimension-550)}.pds-padding-600{padding:var(--pine-dimension-600)}.pds-padding-650{padding:var(--pine-dimension-650)}.pds-padding-700{padding:var(--pine-dimension-700)}.pds-padding-750{padding:var(--pine-dimension-750)}.pds-padding-800{padding:var(--pine-dimension-800)}.pds-padding-block-start-none{-webkit-padding-before:0;padding-block-start:0}.pds-padding-block-start-xxs{-webkit-padding-before:var(--pine-dimension-2xs);padding-block-start:var(--pine-dimension-2xs)}.pds-padding-block-start-xs{-webkit-padding-before:var(--pine-dimension-xs);padding-block-start:var(--pine-dimension-xs)}.pds-padding-block-start-sm{-webkit-padding-before:var(--pine-dimension-sm);padding-block-start:var(--pine-dimension-sm)}.pds-padding-block-start-md{-webkit-padding-before:var(--pine-dimension-md);padding-block-start:var(--pine-dimension-md)}.pds-padding-block-start-lg{-webkit-padding-before:var(--pine-dimension-lg);padding-block-start:var(--pine-dimension-lg)}.pds-padding-block-start-xl{-webkit-padding-before:var(--pine-dimension-xl);padding-block-start:var(--pine-dimension-xl)}.pds-padding-block-start-xxl{-webkit-padding-before:var(--pine-dimension-2xl);padding-block-start:var(--pine-dimension-2xl)}.pds-padding-block-start-025{-webkit-padding-before:var(--pine-dimension-025);padding-block-start:var(--pine-dimension-025)}.pds-padding-block-start-050{-webkit-padding-before:var(--pine-dimension-050);padding-block-start:var(--pine-dimension-050)}.pds-padding-block-start-100{-webkit-padding-before:var(--pine-dimension-100);padding-block-start:var(--pine-dimension-100)}.pds-padding-block-start-125{-webkit-padding-before:var(--pine-dimension-125);padding-block-start:var(--pine-dimension-125)}.pds-padding-block-start-150{-webkit-padding-before:var(--pine-dimension-150);padding-block-start:var(--pine-dimension-150)}.pds-padding-block-start-200{-webkit-padding-before:var(--pine-dimension-200);padding-block-start:var(--pine-dimension-200)}.pds-padding-block-start-250{-webkit-padding-before:var(--pine-dimension-250);padding-block-start:var(--pine-dimension-250)}.pds-padding-block-start-300{-webkit-padding-before:var(--pine-dimension-300);padding-block-start:var(--pine-dimension-300)}.pds-padding-block-start-350{-webkit-padding-before:var(--pine-dimension-350);padding-block-start:var(--pine-dimension-350)}.pds-padding-block-start-400{-webkit-padding-before:var(--pine-dimension-400);padding-block-start:var(--pine-dimension-400)}.pds-padding-block-start-450{-webkit-padding-before:var(--pine-dimension-450);padding-block-start:var(--pine-dimension-450)}.pds-padding-block-start-500{-webkit-padding-before:var(--pine-dimension-500);padding-block-start:var(--pine-dimension-500)}.pds-padding-block-start-550{-webkit-padding-before:var(--pine-dimension-550);padding-block-start:var(--pine-dimension-550)}.pds-padding-block-start-600{-webkit-padding-before:var(--pine-dimension-600);padding-block-start:var(--pine-dimension-600)}.pds-padding-block-start-650{-webkit-padding-before:var(--pine-dimension-650);padding-block-start:var(--pine-dimension-650)}.pds-padding-block-start-700{-webkit-padding-before:var(--pine-dimension-700);padding-block-start:var(--pine-dimension-700)}.pds-padding-block-start-750{-webkit-padding-before:var(--pine-dimension-750);padding-block-start:var(--pine-dimension-750)}.pds-padding-block-start-800{-webkit-padding-before:var(--pine-dimension-800);padding-block-start:var(--pine-dimension-800)}.pds-padding-block-end-none{-webkit-padding-after:0;padding-block-end:0}.pds-padding-block-end-xxs{-webkit-padding-after:var(--pine-dimension-2xs);padding-block-end:var(--pine-dimension-2xs)}.pds-padding-block-end-xs{-webkit-padding-after:var(--pine-dimension-xs);padding-block-end:var(--pine-dimension-xs)}.pds-padding-block-end-sm{-webkit-padding-after:var(--pine-dimension-sm);padding-block-end:var(--pine-dimension-sm)}.pds-padding-block-end-md{-webkit-padding-after:var(--pine-dimension-md);padding-block-end:var(--pine-dimension-md)}.pds-padding-block-end-lg{-webkit-padding-after:var(--pine-dimension-lg);padding-block-end:var(--pine-dimension-lg)}.pds-padding-block-end-xl{-webkit-padding-after:var(--pine-dimension-xl);padding-block-end:var(--pine-dimension-xl)}.pds-padding-block-end-xxl{-webkit-padding-after:var(--pine-dimension-2xl);padding-block-end:var(--pine-dimension-2xl)}.pds-padding-block-end-025{-webkit-padding-after:var(--pine-dimension-025);padding-block-end:var(--pine-dimension-025)}.pds-padding-block-end-050{-webkit-padding-after:var(--pine-dimension-050);padding-block-end:var(--pine-dimension-050)}.pds-padding-block-end-100{-webkit-padding-after:var(--pine-dimension-100);padding-block-end:var(--pine-dimension-100)}.pds-padding-block-end-125{-webkit-padding-after:var(--pine-dimension-125);padding-block-end:var(--pine-dimension-125)}.pds-padding-block-end-150{-webkit-padding-after:var(--pine-dimension-150);padding-block-end:var(--pine-dimension-150)}.pds-padding-block-end-200{-webkit-padding-after:var(--pine-dimension-200);padding-block-end:var(--pine-dimension-200)}.pds-padding-block-end-250{-webkit-padding-after:var(--pine-dimension-250);padding-block-end:var(--pine-dimension-250)}.pds-padding-block-end-300{-webkit-padding-after:var(--pine-dimension-300);padding-block-end:var(--pine-dimension-300)}.pds-padding-block-end-350{-webkit-padding-after:var(--pine-dimension-350);padding-block-end:var(--pine-dimension-350)}.pds-padding-block-end-400{-webkit-padding-after:var(--pine-dimension-400);padding-block-end:var(--pine-dimension-400)}.pds-padding-block-end-450{-webkit-padding-after:var(--pine-dimension-450);padding-block-end:var(--pine-dimension-450)}.pds-padding-block-end-500{-webkit-padding-after:var(--pine-dimension-500);padding-block-end:var(--pine-dimension-500)}.pds-padding-block-end-550{-webkit-padding-after:var(--pine-dimension-550);padding-block-end:var(--pine-dimension-550)}.pds-padding-block-end-600{-webkit-padding-after:var(--pine-dimension-600);padding-block-end:var(--pine-dimension-600)}.pds-padding-block-end-650{-webkit-padding-after:var(--pine-dimension-650);padding-block-end:var(--pine-dimension-650)}.pds-padding-block-end-700{-webkit-padding-after:var(--pine-dimension-700);padding-block-end:var(--pine-dimension-700)}.pds-padding-block-end-750{-webkit-padding-after:var(--pine-dimension-750);padding-block-end:var(--pine-dimension-750)}.pds-padding-block-end-800{-webkit-padding-after:var(--pine-dimension-800);padding-block-end:var(--pine-dimension-800)}.pds-padding-inline-start-none{-webkit-padding-start:0;padding-inline-start:0}.pds-padding-inline-start-xxs{-webkit-padding-start:var(--pine-dimension-2xs);padding-inline-start:var(--pine-dimension-2xs)}.pds-padding-inline-start-xs{-webkit-padding-start:var(--pine-dimension-xs);padding-inline-start:var(--pine-dimension-xs)}.pds-padding-inline-start-sm{-webkit-padding-start:var(--pine-dimension-sm);padding-inline-start:var(--pine-dimension-sm)}.pds-padding-inline-start-md{-webkit-padding-start:var(--pine-dimension-md);padding-inline-start:var(--pine-dimension-md)}.pds-padding-inline-start-lg{-webkit-padding-start:var(--pine-dimension-lg);padding-inline-start:var(--pine-dimension-lg)}.pds-padding-inline-start-xl{-webkit-padding-start:var(--pine-dimension-xl);padding-inline-start:var(--pine-dimension-xl)}.pds-padding-inline-start-xxl{-webkit-padding-start:var(--pine-dimension-2xl);padding-inline-start:var(--pine-dimension-2xl)}.pds-padding-inline-start-025{-webkit-padding-start:var(--pine-dimension-025);padding-inline-start:var(--pine-dimension-025)}.pds-padding-inline-start-050{-webkit-padding-start:var(--pine-dimension-050);padding-inline-start:var(--pine-dimension-050)}.pds-padding-inline-start-100{-webkit-padding-start:var(--pine-dimension-100);padding-inline-start:var(--pine-dimension-100)}.pds-padding-inline-start-125{-webkit-padding-start:var(--pine-dimension-125);padding-inline-start:var(--pine-dimension-125)}.pds-padding-inline-start-150{-webkit-padding-start:var(--pine-dimension-150);padding-inline-start:var(--pine-dimension-150)}.pds-padding-inline-start-200{-webkit-padding-start:var(--pine-dimension-200);padding-inline-start:var(--pine-dimension-200)}.pds-padding-inline-start-250{-webkit-padding-start:var(--pine-dimension-250);padding-inline-start:var(--pine-dimension-250)}.pds-padding-inline-start-300{-webkit-padding-start:var(--pine-dimension-300);padding-inline-start:var(--pine-dimension-300)}.pds-padding-inline-start-350{-webkit-padding-start:var(--pine-dimension-350);padding-inline-start:var(--pine-dimension-350)}.pds-padding-inline-start-400{-webkit-padding-start:var(--pine-dimension-400);padding-inline-start:var(--pine-dimension-400)}.pds-padding-inline-start-450{-webkit-padding-start:var(--pine-dimension-450);padding-inline-start:var(--pine-dimension-450)}.pds-padding-inline-start-500{-webkit-padding-start:var(--pine-dimension-500);padding-inline-start:var(--pine-dimension-500)}.pds-padding-inline-start-550{-webkit-padding-start:var(--pine-dimension-550);padding-inline-start:var(--pine-dimension-550)}.pds-padding-inline-start-600{-webkit-padding-start:var(--pine-dimension-600);padding-inline-start:var(--pine-dimension-600)}.pds-padding-inline-start-650{-webkit-padding-start:var(--pine-dimension-650);padding-inline-start:var(--pine-dimension-650)}.pds-padding-inline-start-700{-webkit-padding-start:var(--pine-dimension-700);padding-inline-start:var(--pine-dimension-700)}.pds-padding-inline-start-750{-webkit-padding-start:var(--pine-dimension-750);padding-inline-start:var(--pine-dimension-750)}.pds-padding-inline-start-800{-webkit-padding-start:var(--pine-dimension-800);padding-inline-start:var(--pine-dimension-800)}.pds-padding-inline-end-none{-webkit-padding-end:0;padding-inline-end:0}.pds-padding-inline-end-xxs{-webkit-padding-end:var(--pine-dimension-2xs);padding-inline-end:var(--pine-dimension-2xs)}.pds-padding-inline-end-xs{-webkit-padding-end:var(--pine-dimension-xs);padding-inline-end:var(--pine-dimension-xs)}.pds-padding-inline-end-sm{-webkit-padding-end:var(--pine-dimension-sm);padding-inline-end:var(--pine-dimension-sm)}.pds-padding-inline-end-md{-webkit-padding-end:var(--pine-dimension-md);padding-inline-end:var(--pine-dimension-md)}.pds-padding-inline-end-lg{-webkit-padding-end:var(--pine-dimension-lg);padding-inline-end:var(--pine-dimension-lg)}.pds-padding-inline-end-xl{-webkit-padding-end:var(--pine-dimension-xl);padding-inline-end:var(--pine-dimension-xl)}.pds-padding-inline-end-xxl{-webkit-padding-end:var(--pine-dimension-2xl);padding-inline-end:var(--pine-dimension-2xl)}.pds-padding-inline-end-025{-webkit-padding-end:var(--pine-dimension-025);padding-inline-end:var(--pine-dimension-025)}.pds-padding-inline-end-050{-webkit-padding-end:var(--pine-dimension-050);padding-inline-end:var(--pine-dimension-050)}.pds-padding-inline-end-100{-webkit-padding-end:var(--pine-dimension-100);padding-inline-end:var(--pine-dimension-100)}.pds-padding-inline-end-125{-webkit-padding-end:var(--pine-dimension-125);padding-inline-end:var(--pine-dimension-125)}.pds-padding-inline-end-150{-webkit-padding-end:var(--pine-dimension-150);padding-inline-end:var(--pine-dimension-150)}.pds-padding-inline-end-200{-webkit-padding-end:var(--pine-dimension-200);padding-inline-end:var(--pine-dimension-200)}.pds-padding-inline-end-250{-webkit-padding-end:var(--pine-dimension-250);padding-inline-end:var(--pine-dimension-250)}.pds-padding-inline-end-300{-webkit-padding-end:var(--pine-dimension-300);padding-inline-end:var(--pine-dimension-300)}.pds-padding-inline-end-350{-webkit-padding-end:var(--pine-dimension-350);padding-inline-end:var(--pine-dimension-350)}.pds-padding-inline-end-400{-webkit-padding-end:var(--pine-dimension-400);padding-inline-end:var(--pine-dimension-400)}.pds-padding-inline-end-450{-webkit-padding-end:var(--pine-dimension-450);padding-inline-end:var(--pine-dimension-450)}.pds-padding-inline-end-500{-webkit-padding-end:var(--pine-dimension-500);padding-inline-end:var(--pine-dimension-500)}.pds-padding-inline-end-550{-webkit-padding-end:var(--pine-dimension-550);padding-inline-end:var(--pine-dimension-550)}.pds-padding-inline-end-600{-webkit-padding-end:var(--pine-dimension-600);padding-inline-end:var(--pine-dimension-600)}.pds-padding-inline-end-650{-webkit-padding-end:var(--pine-dimension-650);padding-inline-end:var(--pine-dimension-650)}.pds-padding-inline-end-700{-webkit-padding-end:var(--pine-dimension-700);padding-inline-end:var(--pine-dimension-700)}.pds-padding-inline-end-750{-webkit-padding-end:var(--pine-dimension-750);padding-inline-end:var(--pine-dimension-750)}.pds-padding-inline-end-800{-webkit-padding-end:var(--pine-dimension-800);padding-inline-end:var(--pine-dimension-800)}.pds-box-display-block{display:block}.pds-box-display-inline-block{display:inline-block}.pds-box-display-flex{display:-ms-flexbox;display:flex}.pds-box-display-inline-flex{display:-ms-inline-flexbox;display:inline-flex}.pds-box-direction-row{-ms-flex-direction:row;flex-direction:row}.pds-box-direction-column{-ms-flex-direction:column;flex-direction:column}.pds-box--wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.pds-justify-content-start{-ms-flex-pack:start;justify-content:start}.pds-justify-content-center{-ms-flex-pack:center;justify-content:center}.pds-justify-content-end{-ms-flex-pack:end;justify-content:end}.pds-justify-content-space-between{-ms-flex-pack:justify;justify-content:space-between}.pds-justify-content-space-around{-ms-flex-pack:distribute;justify-content:space-around}.pds-justify-content-space-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}@media (max-width: 575px){.pds-justify-content-xs-start{-ms-flex-pack:start;justify-content:start}.pds-justify-content-xs-center{-ms-flex-pack:center;justify-content:center}.pds-justify-content-xs-end{-ms-flex-pack:end;justify-content:end}.pds-justify-content-xs-space-between{-ms-flex-pack:justify;justify-content:space-between}.pds-justify-content-xs-space-around{-ms-flex-pack:distribute;justify-content:space-around}.pds-justify-content-xs-space-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 576px){.pds-justify-content-sm-start{-ms-flex-pack:start;justify-content:start}.pds-justify-content-sm-center{-ms-flex-pack:center;justify-content:center}.pds-justify-content-sm-end{-ms-flex-pack:end;justify-content:end}.pds-justify-content-sm-space-between{-ms-flex-pack:justify;justify-content:space-between}.pds-justify-content-sm-space-around{-ms-flex-pack:distribute;justify-content:space-around}.pds-justify-content-sm-space-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 768px){.pds-justify-content-md-start{-ms-flex-pack:start;justify-content:start}.pds-justify-content-md-center{-ms-flex-pack:center;justify-content:center}.pds-justify-content-md-end{-ms-flex-pack:end;justify-content:end}.pds-justify-content-md-space-between{-ms-flex-pack:justify;justify-content:space-between}.pds-justify-content-md-space-around{-ms-flex-pack:distribute;justify-content:space-around}.pds-justify-content-md-space-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 992px){.pds-justify-content-lg-start{-ms-flex-pack:start;justify-content:start}.pds-justify-content-lg-center{-ms-flex-pack:center;justify-content:center}.pds-justify-content-lg-end{-ms-flex-pack:end;justify-content:end}.pds-justify-content-lg-space-between{-ms-flex-pack:justify;justify-content:space-between}.pds-justify-content-lg-space-around{-ms-flex-pack:distribute;justify-content:space-around}.pds-justify-content-lg-space-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 1200px){.pds-justify-content-xl-start{-ms-flex-pack:start;justify-content:start}.pds-justify-content-xl-center{-ms-flex-pack:center;justify-content:center}.pds-justify-content-xl-end{-ms-flex-pack:end;justify-content:end}.pds-justify-content-xl-space-between{-ms-flex-pack:justify;justify-content:space-between}.pds-justify-content-xl-space-around{-ms-flex-pack:distribute;justify-content:space-around}.pds-justify-content-xl-space-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}}.pds-align-items-start{-ms-flex-align:start;align-items:start}.pds-align-items-center{-ms-flex-align:center;align-items:center}.pds-align-items-end{-ms-flex-align:end;align-items:end}.pds-align-items-baseline{-ms-flex-align:baseline;align-items:baseline}.pds-align-items-stretch{-ms-flex-align:stretch;align-items:stretch}@media (max-width: 575px){.pds-align-items-xs-start{-ms-flex-align:start;align-items:start}.pds-align-items-xs-center{-ms-flex-align:center;align-items:center}.pds-align-items-xs-end{-ms-flex-align:end;align-items:end}.pds-align-items-xs-baseline{-ms-flex-align:baseline;align-items:baseline}.pds-align-items-xs-stretch{-ms-flex-align:stretch;align-items:stretch}}@media (min-width: 576px){.pds-align-items-sm-start{-ms-flex-align:start;align-items:start}.pds-align-items-sm-center{-ms-flex-align:center;align-items:center}.pds-align-items-sm-end{-ms-flex-align:end;align-items:end}.pds-align-items-sm-baseline{-ms-flex-align:baseline;align-items:baseline}.pds-align-items-sm-stretch{-ms-flex-align:stretch;align-items:stretch}}@media (min-width: 768px){.pds-align-items-md-start{-ms-flex-align:start;align-items:start}.pds-align-items-md-center{-ms-flex-align:center;align-items:center}.pds-align-items-md-end{-ms-flex-align:end;align-items:end}.pds-align-items-md-baseline{-ms-flex-align:baseline;align-items:baseline}.pds-align-items-md-stretch{-ms-flex-align:stretch;align-items:stretch}}@media (min-width: 992px){.pds-align-items-lg-start{-ms-flex-align:start;align-items:start}.pds-align-items-lg-center{-ms-flex-align:center;align-items:center}.pds-align-items-lg-end{-ms-flex-align:end;align-items:end}.pds-align-items-lg-baseline{-ms-flex-align:baseline;align-items:baseline}.pds-align-items-lg-stretch{-ms-flex-align:stretch;align-items:stretch}}@media (min-width: 1200px){.pds-align-items-xl-start{-ms-flex-align:start;align-items:start}.pds-align-items-xl-center{-ms-flex-align:center;align-items:center}.pds-align-items-xl-end{-ms-flex-align:end;align-items:end}.pds-align-items-xl-baseline{-ms-flex-align:baseline;align-items:baseline}.pds-align-items-xl-stretch{-ms-flex-align:stretch;align-items:stretch}}.pds-align-self-start{-ms-flex-item-align:start;align-self:start}.pds-align-self-center{-ms-flex-item-align:center;align-self:center}.pds-align-self-end{-ms-flex-item-align:end;align-self:end}.pds-align-self-baseline{-ms-flex-item-align:baseline;align-self:baseline}.pds-align-self-stretch{-ms-flex-item-align:stretch;align-self:stretch}@media (max-width: 575px){.pds-align-self-xs-start{-ms-flex-item-align:start;align-self:start}.pds-align-self-xs-center{-ms-flex-item-align:center;align-self:center}.pds-align-self-xs-end{-ms-flex-item-align:end;align-self:end}.pds-align-self-xs-baseline{-ms-flex-item-align:baseline;align-self:baseline}.pds-align-self-xs-stretch{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width: 576px){.pds-align-self-sm-start{-ms-flex-item-align:start;align-self:start}.pds-align-self-sm-center{-ms-flex-item-align:center;align-self:center}.pds-align-self-sm-end{-ms-flex-item-align:end;align-self:end}.pds-align-self-sm-baseline{-ms-flex-item-align:baseline;align-self:baseline}.pds-align-self-sm-stretch{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width: 768px){.pds-align-self-md-start{-ms-flex-item-align:start;align-self:start}.pds-align-self-md-center{-ms-flex-item-align:center;align-self:center}.pds-align-self-md-end{-ms-flex-item-align:end;align-self:end}.pds-align-self-md-baseline{-ms-flex-item-align:baseline;align-self:baseline}.pds-align-self-md-stretch{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width: 992px){.pds-align-self-lg-start{-ms-flex-item-align:start;align-self:start}.pds-align-self-lg-center{-ms-flex-item-align:center;align-self:center}.pds-align-self-lg-end{-ms-flex-item-align:end;align-self:end}.pds-align-self-lg-baseline{-ms-flex-item-align:baseline;align-self:baseline}.pds-align-self-lg-stretch{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width: 1200px){.pds-align-self-xl-start{-ms-flex-item-align:start;align-self:start}.pds-align-self-xl-center{-ms-flex-item-align:center;align-self:center}.pds-align-self-xl-end{-ms-flex-item-align:end;align-self:end}.pds-align-self-xl-baseline{-ms-flex-item-align:baseline;align-self:baseline}.pds-align-self-xl-stretch{-ms-flex-item-align:stretch;align-self:stretch}}@media (max-width: 575px){.pds-box--wrap-xs{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (min-width: 576px){.pds-box--wrap-sm{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (min-width: 768px){.pds-box--wrap-md{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (min-width: 992px){.pds-box--wrap-lg{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (min-width: 1200px){.pds-box--wrap-xl{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (max-width: 575px){.pds-box--auto-xs{-ms-flex:0 0 var(--sizing-min-width-box, fit-content);flex:0 0 var(--sizing-min-width-box, fit-content);min-width:auto;width:auto}}@media (min-width: 576px){.pds-box--auto-sm{-ms-flex:0 0 var(--sizing-min-width-box, fit-content);flex:0 0 var(--sizing-min-width-box, fit-content);min-width:auto;width:auto}}@media (min-width: 768px){.pds-box--auto-md{-ms-flex:0 0 var(--sizing-min-width-box, fit-content);flex:0 0 var(--sizing-min-width-box, fit-content);min-width:auto;width:auto}}@media (min-width: 992px){.pds-box--auto-lg{-ms-flex:0 0 var(--sizing-min-width-box, fit-content);flex:0 0 var(--sizing-min-width-box, fit-content);min-width:auto;width:auto}}@media (min-width: 1200px){.pds-box--auto-xl{-ms-flex:0 0 var(--sizing-min-width-box, fit-content);flex:0 0 var(--sizing-min-width-box, fit-content);min-width:auto;width:auto}}@media (max-width: 575px){.pds-box--fit-xs{max-width:100%;min-width:100%;width:100%}}@media (min-width: 576px){.pds-box--fit-sm{max-width:100%;min-width:100%;width:100%}}@media (min-width: 768px){.pds-box--fit-md{max-width:100%;min-width:100%;width:100%}}@media (min-width: 992px){.pds-box--fit-lg{max-width:100%;min-width:100%;width:100%}}@media (min-width: 1200px){.pds-box--fit-xl{max-width:100%;min-width:100%;width:100%}}@media (max-width: 575px){.pds-box-gap-xs-none{gap:0}.pds-box-gap-xs-xxs{gap:var(--pine-dimension-2xs)}.pds-box-gap-xs-xs{gap:var(--pine-dimension-xs)}.pds-box-gap-xs-sm{gap:var(--pine-dimension-sm)}.pds-box-gap-xs-md{gap:var(--pine-dimension-md)}.pds-box-gap-xs-lg{gap:var(--pine-dimension-lg)}.pds-box-gap-xs-xl{gap:var(--pine-dimension-xl)}.pds-box-gap-xs-xxl{gap:var(--pine-dimension-2xl)}.pds-box-gap-xs-025{gap:var(--pine-dimension-025)}.pds-box-gap-xs-050{gap:var(--pine-dimension-050)}.pds-box-gap-xs-100{gap:var(--pine-dimension-100)}.pds-box-gap-xs-125{gap:var(--pine-dimension-125)}.pds-box-gap-xs-150{gap:var(--pine-dimension-150)}.pds-box-gap-xs-200{gap:var(--pine-dimension-200)}.pds-box-gap-xs-250{gap:var(--pine-dimension-250)}.pds-box-gap-xs-300{gap:var(--pine-dimension-300)}.pds-box-gap-xs-350{gap:var(--pine-dimension-350)}.pds-box-gap-xs-400{gap:var(--pine-dimension-400)}.pds-box-gap-xs-450{gap:var(--pine-dimension-450)}.pds-box-gap-xs-500{gap:var(--pine-dimension-500)}.pds-box-gap-xs-550{gap:var(--pine-dimension-550)}.pds-box-gap-xs-600{gap:var(--pine-dimension-600)}.pds-box-gap-xs-650{gap:var(--pine-dimension-650)}.pds-box-gap-xs-700{gap:var(--pine-dimension-700)}.pds-box-gap-xs-750{gap:var(--pine-dimension-750)}.pds-box-gap-xs-800{gap:var(--pine-dimension-800)}}@media (min-width: 576px){.pds-box-gap-sm-none{gap:0}.pds-box-gap-sm-xxs{gap:var(--pine-dimension-2xs)}.pds-box-gap-sm-xs{gap:var(--pine-dimension-xs)}.pds-box-gap-sm-sm{gap:var(--pine-dimension-sm)}.pds-box-gap-sm-md{gap:var(--pine-dimension-md)}.pds-box-gap-sm-lg{gap:var(--pine-dimension-lg)}.pds-box-gap-sm-xl{gap:var(--pine-dimension-xl)}.pds-box-gap-sm-xxl{gap:var(--pine-dimension-2xl)}.pds-box-gap-sm-025{gap:var(--pine-dimension-025)}.pds-box-gap-sm-050{gap:var(--pine-dimension-050)}.pds-box-gap-sm-100{gap:var(--pine-dimension-100)}.pds-box-gap-sm-125{gap:var(--pine-dimension-125)}.pds-box-gap-sm-150{gap:var(--pine-dimension-150)}.pds-box-gap-sm-200{gap:var(--pine-dimension-200)}.pds-box-gap-sm-250{gap:var(--pine-dimension-250)}.pds-box-gap-sm-300{gap:var(--pine-dimension-300)}.pds-box-gap-sm-350{gap:var(--pine-dimension-350)}.pds-box-gap-sm-400{gap:var(--pine-dimension-400)}.pds-box-gap-sm-450{gap:var(--pine-dimension-450)}.pds-box-gap-sm-500{gap:var(--pine-dimension-500)}.pds-box-gap-sm-550{gap:var(--pine-dimension-550)}.pds-box-gap-sm-600{gap:var(--pine-dimension-600)}.pds-box-gap-sm-650{gap:var(--pine-dimension-650)}.pds-box-gap-sm-700{gap:var(--pine-dimension-700)}.pds-box-gap-sm-750{gap:var(--pine-dimension-750)}.pds-box-gap-sm-800{gap:var(--pine-dimension-800)}}@media (min-width: 768px){.pds-box-gap-md-none{gap:0}.pds-box-gap-md-xxs{gap:var(--pine-dimension-2xs)}.pds-box-gap-md-xs{gap:var(--pine-dimension-xs)}.pds-box-gap-md-sm{gap:var(--pine-dimension-sm)}.pds-box-gap-md-md{gap:var(--pine-dimension-md)}.pds-box-gap-md-lg{gap:var(--pine-dimension-lg)}.pds-box-gap-md-xl{gap:var(--pine-dimension-xl)}.pds-box-gap-md-xxl{gap:var(--pine-dimension-2xl)}.pds-box-gap-md-025{gap:var(--pine-dimension-025)}.pds-box-gap-md-050{gap:var(--pine-dimension-050)}.pds-box-gap-md-100{gap:var(--pine-dimension-100)}.pds-box-gap-md-125{gap:var(--pine-dimension-125)}.pds-box-gap-md-150{gap:var(--pine-dimension-150)}.pds-box-gap-md-200{gap:var(--pine-dimension-200)}.pds-box-gap-md-250{gap:var(--pine-dimension-250)}.pds-box-gap-md-300{gap:var(--pine-dimension-300)}.pds-box-gap-md-350{gap:var(--pine-dimension-350)}.pds-box-gap-md-400{gap:var(--pine-dimension-400)}.pds-box-gap-md-450{gap:var(--pine-dimension-450)}.pds-box-gap-md-500{gap:var(--pine-dimension-500)}.pds-box-gap-md-550{gap:var(--pine-dimension-550)}.pds-box-gap-md-600{gap:var(--pine-dimension-600)}.pds-box-gap-md-650{gap:var(--pine-dimension-650)}.pds-box-gap-md-700{gap:var(--pine-dimension-700)}.pds-box-gap-md-750{gap:var(--pine-dimension-750)}.pds-box-gap-md-800{gap:var(--pine-dimension-800)}}@media (min-width: 992px){.pds-box-gap-lg-none{gap:0}.pds-box-gap-lg-xxs{gap:var(--pine-dimension-2xs)}.pds-box-gap-lg-xs{gap:var(--pine-dimension-xs)}.pds-box-gap-lg-sm{gap:var(--pine-dimension-sm)}.pds-box-gap-lg-md{gap:var(--pine-dimension-md)}.pds-box-gap-lg-lg{gap:var(--pine-dimension-lg)}.pds-box-gap-lg-xl{gap:var(--pine-dimension-xl)}.pds-box-gap-lg-xxl{gap:var(--pine-dimension-2xl)}.pds-box-gap-lg-025{gap:var(--pine-dimension-025)}.pds-box-gap-lg-050{gap:var(--pine-dimension-050)}.pds-box-gap-lg-100{gap:var(--pine-dimension-100)}.pds-box-gap-lg-125{gap:var(--pine-dimension-125)}.pds-box-gap-lg-150{gap:var(--pine-dimension-150)}.pds-box-gap-lg-200{gap:var(--pine-dimension-200)}.pds-box-gap-lg-250{gap:var(--pine-dimension-250)}.pds-box-gap-lg-300{gap:var(--pine-dimension-300)}.pds-box-gap-lg-350{gap:var(--pine-dimension-350)}.pds-box-gap-lg-400{gap:var(--pine-dimension-400)}.pds-box-gap-lg-450{gap:var(--pine-dimension-450)}.pds-box-gap-lg-500{gap:var(--pine-dimension-500)}.pds-box-gap-lg-550{gap:var(--pine-dimension-550)}.pds-box-gap-lg-600{gap:var(--pine-dimension-600)}.pds-box-gap-lg-650{gap:var(--pine-dimension-650)}.pds-box-gap-lg-700{gap:var(--pine-dimension-700)}.pds-box-gap-lg-750{gap:var(--pine-dimension-750)}.pds-box-gap-lg-800{gap:var(--pine-dimension-800)}}@media (min-width: 1200px){.pds-box-gap-xl-none{gap:0}.pds-box-gap-xl-xxs{gap:var(--pine-dimension-2xs)}.pds-box-gap-xl-xs{gap:var(--pine-dimension-xs)}.pds-box-gap-xl-sm{gap:var(--pine-dimension-sm)}.pds-box-gap-xl-md{gap:var(--pine-dimension-md)}.pds-box-gap-xl-lg{gap:var(--pine-dimension-lg)}.pds-box-gap-xl-xl{gap:var(--pine-dimension-xl)}.pds-box-gap-xl-xxl{gap:var(--pine-dimension-2xl)}.pds-box-gap-xl-025{gap:var(--pine-dimension-025)}.pds-box-gap-xl-050{gap:var(--pine-dimension-050)}.pds-box-gap-xl-100{gap:var(--pine-dimension-100)}.pds-box-gap-xl-125{gap:var(--pine-dimension-125)}.pds-box-gap-xl-150{gap:var(--pine-dimension-150)}.pds-box-gap-xl-200{gap:var(--pine-dimension-200)}.pds-box-gap-xl-250{gap:var(--pine-dimension-250)}.pds-box-gap-xl-300{gap:var(--pine-dimension-300)}.pds-box-gap-xl-350{gap:var(--pine-dimension-350)}.pds-box-gap-xl-400{gap:var(--pine-dimension-400)}.pds-box-gap-xl-450{gap:var(--pine-dimension-450)}.pds-box-gap-xl-500{gap:var(--pine-dimension-500)}.pds-box-gap-xl-550{gap:var(--pine-dimension-550)}.pds-box-gap-xl-600{gap:var(--pine-dimension-600)}.pds-box-gap-xl-650{gap:var(--pine-dimension-650)}.pds-box-gap-xl-700{gap:var(--pine-dimension-700)}.pds-box-gap-xl-750{gap:var(--pine-dimension-750)}.pds-box-gap-xl-800{gap:var(--pine-dimension-800)}}@media (max-width: 575px){.pds-margin-block-start-xs-none{-webkit-margin-before:0;margin-block-start:0}.pds-margin-inline-start-xs-none{-webkit-margin-start:0;margin-inline-start:0}.pds-margin-inline-end-xs-none{-webkit-margin-end:0;margin-inline-end:0}.pds-margin-block-end-xs-none{-webkit-margin-after:0;margin-block-end:0}.pds-margin-block-start-xs-xxs{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-margin-inline-start-xs-xxs{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-margin-inline-end-xs-xxs{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-margin-block-end-xs-xxs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-margin-block-start-xs-xs{-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs)}.pds-margin-inline-start-xs-xs{-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}.pds-margin-inline-end-xs-xs{-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs)}.pds-margin-block-end-xs-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-margin-block-start-xs-sm{-webkit-margin-before:var(--pine-dimension-sm);margin-block-start:var(--pine-dimension-sm)}.pds-margin-inline-start-xs-sm{-webkit-margin-start:var(--pine-dimension-sm);margin-inline-start:var(--pine-dimension-sm)}.pds-margin-inline-end-xs-sm{-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm)}.pds-margin-block-end-xs-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-margin-block-start-xs-md{-webkit-margin-before:var(--pine-dimension-md);margin-block-start:var(--pine-dimension-md)}.pds-margin-inline-start-xs-md{-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md)}.pds-margin-inline-end-xs-md{-webkit-margin-end:var(--pine-dimension-md);margin-inline-end:var(--pine-dimension-md)}.pds-margin-block-end-xs-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-margin-block-start-xs-lg{-webkit-margin-before:var(--pine-dimension-lg);margin-block-start:var(--pine-dimension-lg)}.pds-margin-inline-start-xs-lg{-webkit-margin-start:var(--pine-dimension-lg);margin-inline-start:var(--pine-dimension-lg)}.pds-margin-inline-end-xs-lg{-webkit-margin-end:var(--pine-dimension-lg);margin-inline-end:var(--pine-dimension-lg)}.pds-margin-block-end-xs-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-margin-block-start-xs-xl{-webkit-margin-before:var(--pine-dimension-xl);margin-block-start:var(--pine-dimension-xl)}.pds-margin-inline-start-xs-xl{-webkit-margin-start:var(--pine-dimension-xl);margin-inline-start:var(--pine-dimension-xl)}.pds-margin-inline-end-xs-xl{-webkit-margin-end:var(--pine-dimension-xl);margin-inline-end:var(--pine-dimension-xl)}.pds-margin-block-end-xs-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-margin-block-start-xs-xxl{-webkit-margin-before:var(--pine-dimension-2xl);margin-block-start:var(--pine-dimension-2xl)}.pds-margin-inline-start-xs-xxl{-webkit-margin-start:var(--pine-dimension-2xl);margin-inline-start:var(--pine-dimension-2xl)}.pds-margin-inline-end-xs-xxl{-webkit-margin-end:var(--pine-dimension-2xl);margin-inline-end:var(--pine-dimension-2xl)}.pds-margin-block-end-xs-xxl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}.pds-margin-block-start-xs-025{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.pds-margin-inline-start-xs-025{-webkit-margin-start:var(--pine-dimension-025);margin-inline-start:var(--pine-dimension-025)}.pds-margin-inline-end-xs-025{-webkit-margin-end:var(--pine-dimension-025);margin-inline-end:var(--pine-dimension-025)}.pds-margin-block-end-xs-025{-webkit-margin-after:var(--pine-dimension-025);margin-block-end:var(--pine-dimension-025)}.pds-margin-block-start-xs-050{-webkit-margin-before:var(--pine-dimension-050);margin-block-start:var(--pine-dimension-050)}.pds-margin-inline-start-xs-050{-webkit-margin-start:var(--pine-dimension-050);margin-inline-start:var(--pine-dimension-050)}.pds-margin-inline-end-xs-050{-webkit-margin-end:var(--pine-dimension-050);margin-inline-end:var(--pine-dimension-050)}.pds-margin-block-end-xs-050{-webkit-margin-after:var(--pine-dimension-050);margin-block-end:var(--pine-dimension-050)}.pds-margin-block-start-xs-100{-webkit-margin-before:var(--pine-dimension-100);margin-block-start:var(--pine-dimension-100)}.pds-margin-inline-start-xs-100{-webkit-margin-start:var(--pine-dimension-100);margin-inline-start:var(--pine-dimension-100)}.pds-margin-inline-end-xs-100{-webkit-margin-end:var(--pine-dimension-100);margin-inline-end:var(--pine-dimension-100)}.pds-margin-block-end-xs-100{-webkit-margin-after:var(--pine-dimension-100);margin-block-end:var(--pine-dimension-100)}.pds-margin-block-start-xs-125{-webkit-margin-before:var(--pine-dimension-125);margin-block-start:var(--pine-dimension-125)}.pds-margin-inline-start-xs-125{-webkit-margin-start:var(--pine-dimension-125);margin-inline-start:var(--pine-dimension-125)}.pds-margin-inline-end-xs-125{-webkit-margin-end:var(--pine-dimension-125);margin-inline-end:var(--pine-dimension-125)}.pds-margin-block-end-xs-125{-webkit-margin-after:var(--pine-dimension-125);margin-block-end:var(--pine-dimension-125)}.pds-margin-block-start-xs-150{-webkit-margin-before:var(--pine-dimension-150);margin-block-start:var(--pine-dimension-150)}.pds-margin-inline-start-xs-150{-webkit-margin-start:var(--pine-dimension-150);margin-inline-start:var(--pine-dimension-150)}.pds-margin-inline-end-xs-150{-webkit-margin-end:var(--pine-dimension-150);margin-inline-end:var(--pine-dimension-150)}.pds-margin-block-end-xs-150{-webkit-margin-after:var(--pine-dimension-150);margin-block-end:var(--pine-dimension-150)}.pds-margin-block-start-xs-200{-webkit-margin-before:var(--pine-dimension-200);margin-block-start:var(--pine-dimension-200)}.pds-margin-inline-start-xs-200{-webkit-margin-start:var(--pine-dimension-200);margin-inline-start:var(--pine-dimension-200)}.pds-margin-inline-end-xs-200{-webkit-margin-end:var(--pine-dimension-200);margin-inline-end:var(--pine-dimension-200)}.pds-margin-block-end-xs-200{-webkit-margin-after:var(--pine-dimension-200);margin-block-end:var(--pine-dimension-200)}.pds-margin-block-start-xs-250{-webkit-margin-before:var(--pine-dimension-250);margin-block-start:var(--pine-dimension-250)}.pds-margin-inline-start-xs-250{-webkit-margin-start:var(--pine-dimension-250);margin-inline-start:var(--pine-dimension-250)}.pds-margin-inline-end-xs-250{-webkit-margin-end:var(--pine-dimension-250);margin-inline-end:var(--pine-dimension-250)}.pds-margin-block-end-xs-250{-webkit-margin-after:var(--pine-dimension-250);margin-block-end:var(--pine-dimension-250)}.pds-margin-block-start-xs-300{-webkit-margin-before:var(--pine-dimension-300);margin-block-start:var(--pine-dimension-300)}.pds-margin-inline-start-xs-300{-webkit-margin-start:var(--pine-dimension-300);margin-inline-start:var(--pine-dimension-300)}.pds-margin-inline-end-xs-300{-webkit-margin-end:var(--pine-dimension-300);margin-inline-end:var(--pine-dimension-300)}.pds-margin-block-end-xs-300{-webkit-margin-after:var(--pine-dimension-300);margin-block-end:var(--pine-dimension-300)}.pds-margin-block-start-xs-350{-webkit-margin-before:var(--pine-dimension-350);margin-block-start:var(--pine-dimension-350)}.pds-margin-inline-start-xs-350{-webkit-margin-start:var(--pine-dimension-350);margin-inline-start:var(--pine-dimension-350)}.pds-margin-inline-end-xs-350{-webkit-margin-end:var(--pine-dimension-350);margin-inline-end:var(--pine-dimension-350)}.pds-margin-block-end-xs-350{-webkit-margin-after:var(--pine-dimension-350);margin-block-end:var(--pine-dimension-350)}.pds-margin-block-start-xs-400{-webkit-margin-before:var(--pine-dimension-400);margin-block-start:var(--pine-dimension-400)}.pds-margin-inline-start-xs-400{-webkit-margin-start:var(--pine-dimension-400);margin-inline-start:var(--pine-dimension-400)}.pds-margin-inline-end-xs-400{-webkit-margin-end:var(--pine-dimension-400);margin-inline-end:var(--pine-dimension-400)}.pds-margin-block-end-xs-400{-webkit-margin-after:var(--pine-dimension-400);margin-block-end:var(--pine-dimension-400)}.pds-margin-block-start-xs-450{-webkit-margin-before:var(--pine-dimension-450);margin-block-start:var(--pine-dimension-450)}.pds-margin-inline-start-xs-450{-webkit-margin-start:var(--pine-dimension-450);margin-inline-start:var(--pine-dimension-450)}.pds-margin-inline-end-xs-450{-webkit-margin-end:var(--pine-dimension-450);margin-inline-end:var(--pine-dimension-450)}.pds-margin-block-end-xs-450{-webkit-margin-after:var(--pine-dimension-450);margin-block-end:var(--pine-dimension-450)}.pds-margin-block-start-xs-500{-webkit-margin-before:var(--pine-dimension-500);margin-block-start:var(--pine-dimension-500)}.pds-margin-inline-start-xs-500{-webkit-margin-start:var(--pine-dimension-500);margin-inline-start:var(--pine-dimension-500)}.pds-margin-inline-end-xs-500{-webkit-margin-end:var(--pine-dimension-500);margin-inline-end:var(--pine-dimension-500)}.pds-margin-block-end-xs-500{-webkit-margin-after:var(--pine-dimension-500);margin-block-end:var(--pine-dimension-500)}.pds-margin-block-start-xs-550{-webkit-margin-before:var(--pine-dimension-550);margin-block-start:var(--pine-dimension-550)}.pds-margin-inline-start-xs-550{-webkit-margin-start:var(--pine-dimension-550);margin-inline-start:var(--pine-dimension-550)}.pds-margin-inline-end-xs-550{-webkit-margin-end:var(--pine-dimension-550);margin-inline-end:var(--pine-dimension-550)}.pds-margin-block-end-xs-550{-webkit-margin-after:var(--pine-dimension-550);margin-block-end:var(--pine-dimension-550)}.pds-margin-block-start-xs-600{-webkit-margin-before:var(--pine-dimension-600);margin-block-start:var(--pine-dimension-600)}.pds-margin-inline-start-xs-600{-webkit-margin-start:var(--pine-dimension-600);margin-inline-start:var(--pine-dimension-600)}.pds-margin-inline-end-xs-600{-webkit-margin-end:var(--pine-dimension-600);margin-inline-end:var(--pine-dimension-600)}.pds-margin-block-end-xs-600{-webkit-margin-after:var(--pine-dimension-600);margin-block-end:var(--pine-dimension-600)}.pds-margin-block-start-xs-650{-webkit-margin-before:var(--pine-dimension-650);margin-block-start:var(--pine-dimension-650)}.pds-margin-inline-start-xs-650{-webkit-margin-start:var(--pine-dimension-650);margin-inline-start:var(--pine-dimension-650)}.pds-margin-inline-end-xs-650{-webkit-margin-end:var(--pine-dimension-650);margin-inline-end:var(--pine-dimension-650)}.pds-margin-block-end-xs-650{-webkit-margin-after:var(--pine-dimension-650);margin-block-end:var(--pine-dimension-650)}.pds-margin-block-start-xs-700{-webkit-margin-before:var(--pine-dimension-700);margin-block-start:var(--pine-dimension-700)}.pds-margin-inline-start-xs-700{-webkit-margin-start:var(--pine-dimension-700);margin-inline-start:var(--pine-dimension-700)}.pds-margin-inline-end-xs-700{-webkit-margin-end:var(--pine-dimension-700);margin-inline-end:var(--pine-dimension-700)}.pds-margin-block-end-xs-700{-webkit-margin-after:var(--pine-dimension-700);margin-block-end:var(--pine-dimension-700)}.pds-margin-block-start-xs-750{-webkit-margin-before:var(--pine-dimension-750);margin-block-start:var(--pine-dimension-750)}.pds-margin-inline-start-xs-750{-webkit-margin-start:var(--pine-dimension-750);margin-inline-start:var(--pine-dimension-750)}.pds-margin-inline-end-xs-750{-webkit-margin-end:var(--pine-dimension-750);margin-inline-end:var(--pine-dimension-750)}.pds-margin-block-end-xs-750{-webkit-margin-after:var(--pine-dimension-750);margin-block-end:var(--pine-dimension-750)}.pds-margin-block-start-xs-800{-webkit-margin-before:var(--pine-dimension-800);margin-block-start:var(--pine-dimension-800)}.pds-margin-inline-start-xs-800{-webkit-margin-start:var(--pine-dimension-800);margin-inline-start:var(--pine-dimension-800)}.pds-margin-inline-end-xs-800{-webkit-margin-end:var(--pine-dimension-800);margin-inline-end:var(--pine-dimension-800)}.pds-margin-block-end-xs-800{-webkit-margin-after:var(--pine-dimension-800);margin-block-end:var(--pine-dimension-800)}}@media (min-width: 576px){.pds-margin-block-start-sm-none{-webkit-margin-before:0;margin-block-start:0}.pds-margin-inline-start-sm-none{-webkit-margin-start:0;margin-inline-start:0}.pds-margin-inline-end-sm-none{-webkit-margin-end:0;margin-inline-end:0}.pds-margin-block-end-sm-none{-webkit-margin-after:0;margin-block-end:0}.pds-margin-block-start-sm-xxs{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-margin-inline-start-sm-xxs{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-margin-inline-end-sm-xxs{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-margin-block-end-sm-xxs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-margin-block-start-sm-xs{-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs)}.pds-margin-inline-start-sm-xs{-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}.pds-margin-inline-end-sm-xs{-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs)}.pds-margin-block-end-sm-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-margin-block-start-sm-sm{-webkit-margin-before:var(--pine-dimension-sm);margin-block-start:var(--pine-dimension-sm)}.pds-margin-inline-start-sm-sm{-webkit-margin-start:var(--pine-dimension-sm);margin-inline-start:var(--pine-dimension-sm)}.pds-margin-inline-end-sm-sm{-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm)}.pds-margin-block-end-sm-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-margin-block-start-sm-md{-webkit-margin-before:var(--pine-dimension-md);margin-block-start:var(--pine-dimension-md)}.pds-margin-inline-start-sm-md{-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md)}.pds-margin-inline-end-sm-md{-webkit-margin-end:var(--pine-dimension-md);margin-inline-end:var(--pine-dimension-md)}.pds-margin-block-end-sm-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-margin-block-start-sm-lg{-webkit-margin-before:var(--pine-dimension-lg);margin-block-start:var(--pine-dimension-lg)}.pds-margin-inline-start-sm-lg{-webkit-margin-start:var(--pine-dimension-lg);margin-inline-start:var(--pine-dimension-lg)}.pds-margin-inline-end-sm-lg{-webkit-margin-end:var(--pine-dimension-lg);margin-inline-end:var(--pine-dimension-lg)}.pds-margin-block-end-sm-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-margin-block-start-sm-xl{-webkit-margin-before:var(--pine-dimension-xl);margin-block-start:var(--pine-dimension-xl)}.pds-margin-inline-start-sm-xl{-webkit-margin-start:var(--pine-dimension-xl);margin-inline-start:var(--pine-dimension-xl)}.pds-margin-inline-end-sm-xl{-webkit-margin-end:var(--pine-dimension-xl);margin-inline-end:var(--pine-dimension-xl)}.pds-margin-block-end-sm-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-margin-block-start-sm-xxl{-webkit-margin-before:var(--pine-dimension-2xl);margin-block-start:var(--pine-dimension-2xl)}.pds-margin-inline-start-sm-xxl{-webkit-margin-start:var(--pine-dimension-2xl);margin-inline-start:var(--pine-dimension-2xl)}.pds-margin-inline-end-sm-xxl{-webkit-margin-end:var(--pine-dimension-2xl);margin-inline-end:var(--pine-dimension-2xl)}.pds-margin-block-end-sm-xxl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}.pds-margin-block-start-sm-025{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.pds-margin-inline-start-sm-025{-webkit-margin-start:var(--pine-dimension-025);margin-inline-start:var(--pine-dimension-025)}.pds-margin-inline-end-sm-025{-webkit-margin-end:var(--pine-dimension-025);margin-inline-end:var(--pine-dimension-025)}.pds-margin-block-end-sm-025{-webkit-margin-after:var(--pine-dimension-025);margin-block-end:var(--pine-dimension-025)}.pds-margin-block-start-sm-050{-webkit-margin-before:var(--pine-dimension-050);margin-block-start:var(--pine-dimension-050)}.pds-margin-inline-start-sm-050{-webkit-margin-start:var(--pine-dimension-050);margin-inline-start:var(--pine-dimension-050)}.pds-margin-inline-end-sm-050{-webkit-margin-end:var(--pine-dimension-050);margin-inline-end:var(--pine-dimension-050)}.pds-margin-block-end-sm-050{-webkit-margin-after:var(--pine-dimension-050);margin-block-end:var(--pine-dimension-050)}.pds-margin-block-start-sm-100{-webkit-margin-before:var(--pine-dimension-100);margin-block-start:var(--pine-dimension-100)}.pds-margin-inline-start-sm-100{-webkit-margin-start:var(--pine-dimension-100);margin-inline-start:var(--pine-dimension-100)}.pds-margin-inline-end-sm-100{-webkit-margin-end:var(--pine-dimension-100);margin-inline-end:var(--pine-dimension-100)}.pds-margin-block-end-sm-100{-webkit-margin-after:var(--pine-dimension-100);margin-block-end:var(--pine-dimension-100)}.pds-margin-block-start-sm-125{-webkit-margin-before:var(--pine-dimension-125);margin-block-start:var(--pine-dimension-125)}.pds-margin-inline-start-sm-125{-webkit-margin-start:var(--pine-dimension-125);margin-inline-start:var(--pine-dimension-125)}.pds-margin-inline-end-sm-125{-webkit-margin-end:var(--pine-dimension-125);margin-inline-end:var(--pine-dimension-125)}.pds-margin-block-end-sm-125{-webkit-margin-after:var(--pine-dimension-125);margin-block-end:var(--pine-dimension-125)}.pds-margin-block-start-sm-150{-webkit-margin-before:var(--pine-dimension-150);margin-block-start:var(--pine-dimension-150)}.pds-margin-inline-start-sm-150{-webkit-margin-start:var(--pine-dimension-150);margin-inline-start:var(--pine-dimension-150)}.pds-margin-inline-end-sm-150{-webkit-margin-end:var(--pine-dimension-150);margin-inline-end:var(--pine-dimension-150)}.pds-margin-block-end-sm-150{-webkit-margin-after:var(--pine-dimension-150);margin-block-end:var(--pine-dimension-150)}.pds-margin-block-start-sm-200{-webkit-margin-before:var(--pine-dimension-200);margin-block-start:var(--pine-dimension-200)}.pds-margin-inline-start-sm-200{-webkit-margin-start:var(--pine-dimension-200);margin-inline-start:var(--pine-dimension-200)}.pds-margin-inline-end-sm-200{-webkit-margin-end:var(--pine-dimension-200);margin-inline-end:var(--pine-dimension-200)}.pds-margin-block-end-sm-200{-webkit-margin-after:var(--pine-dimension-200);margin-block-end:var(--pine-dimension-200)}.pds-margin-block-start-sm-250{-webkit-margin-before:var(--pine-dimension-250);margin-block-start:var(--pine-dimension-250)}.pds-margin-inline-start-sm-250{-webkit-margin-start:var(--pine-dimension-250);margin-inline-start:var(--pine-dimension-250)}.pds-margin-inline-end-sm-250{-webkit-margin-end:var(--pine-dimension-250);margin-inline-end:var(--pine-dimension-250)}.pds-margin-block-end-sm-250{-webkit-margin-after:var(--pine-dimension-250);margin-block-end:var(--pine-dimension-250)}.pds-margin-block-start-sm-300{-webkit-margin-before:var(--pine-dimension-300);margin-block-start:var(--pine-dimension-300)}.pds-margin-inline-start-sm-300{-webkit-margin-start:var(--pine-dimension-300);margin-inline-start:var(--pine-dimension-300)}.pds-margin-inline-end-sm-300{-webkit-margin-end:var(--pine-dimension-300);margin-inline-end:var(--pine-dimension-300)}.pds-margin-block-end-sm-300{-webkit-margin-after:var(--pine-dimension-300);margin-block-end:var(--pine-dimension-300)}.pds-margin-block-start-sm-350{-webkit-margin-before:var(--pine-dimension-350);margin-block-start:var(--pine-dimension-350)}.pds-margin-inline-start-sm-350{-webkit-margin-start:var(--pine-dimension-350);margin-inline-start:var(--pine-dimension-350)}.pds-margin-inline-end-sm-350{-webkit-margin-end:var(--pine-dimension-350);margin-inline-end:var(--pine-dimension-350)}.pds-margin-block-end-sm-350{-webkit-margin-after:var(--pine-dimension-350);margin-block-end:var(--pine-dimension-350)}.pds-margin-block-start-sm-400{-webkit-margin-before:var(--pine-dimension-400);margin-block-start:var(--pine-dimension-400)}.pds-margin-inline-start-sm-400{-webkit-margin-start:var(--pine-dimension-400);margin-inline-start:var(--pine-dimension-400)}.pds-margin-inline-end-sm-400{-webkit-margin-end:var(--pine-dimension-400);margin-inline-end:var(--pine-dimension-400)}.pds-margin-block-end-sm-400{-webkit-margin-after:var(--pine-dimension-400);margin-block-end:var(--pine-dimension-400)}.pds-margin-block-start-sm-450{-webkit-margin-before:var(--pine-dimension-450);margin-block-start:var(--pine-dimension-450)}.pds-margin-inline-start-sm-450{-webkit-margin-start:var(--pine-dimension-450);margin-inline-start:var(--pine-dimension-450)}.pds-margin-inline-end-sm-450{-webkit-margin-end:var(--pine-dimension-450);margin-inline-end:var(--pine-dimension-450)}.pds-margin-block-end-sm-450{-webkit-margin-after:var(--pine-dimension-450);margin-block-end:var(--pine-dimension-450)}.pds-margin-block-start-sm-500{-webkit-margin-before:var(--pine-dimension-500);margin-block-start:var(--pine-dimension-500)}.pds-margin-inline-start-sm-500{-webkit-margin-start:var(--pine-dimension-500);margin-inline-start:var(--pine-dimension-500)}.pds-margin-inline-end-sm-500{-webkit-margin-end:var(--pine-dimension-500);margin-inline-end:var(--pine-dimension-500)}.pds-margin-block-end-sm-500{-webkit-margin-after:var(--pine-dimension-500);margin-block-end:var(--pine-dimension-500)}.pds-margin-block-start-sm-550{-webkit-margin-before:var(--pine-dimension-550);margin-block-start:var(--pine-dimension-550)}.pds-margin-inline-start-sm-550{-webkit-margin-start:var(--pine-dimension-550);margin-inline-start:var(--pine-dimension-550)}.pds-margin-inline-end-sm-550{-webkit-margin-end:var(--pine-dimension-550);margin-inline-end:var(--pine-dimension-550)}.pds-margin-block-end-sm-550{-webkit-margin-after:var(--pine-dimension-550);margin-block-end:var(--pine-dimension-550)}.pds-margin-block-start-sm-600{-webkit-margin-before:var(--pine-dimension-600);margin-block-start:var(--pine-dimension-600)}.pds-margin-inline-start-sm-600{-webkit-margin-start:var(--pine-dimension-600);margin-inline-start:var(--pine-dimension-600)}.pds-margin-inline-end-sm-600{-webkit-margin-end:var(--pine-dimension-600);margin-inline-end:var(--pine-dimension-600)}.pds-margin-block-end-sm-600{-webkit-margin-after:var(--pine-dimension-600);margin-block-end:var(--pine-dimension-600)}.pds-margin-block-start-sm-650{-webkit-margin-before:var(--pine-dimension-650);margin-block-start:var(--pine-dimension-650)}.pds-margin-inline-start-sm-650{-webkit-margin-start:var(--pine-dimension-650);margin-inline-start:var(--pine-dimension-650)}.pds-margin-inline-end-sm-650{-webkit-margin-end:var(--pine-dimension-650);margin-inline-end:var(--pine-dimension-650)}.pds-margin-block-end-sm-650{-webkit-margin-after:var(--pine-dimension-650);margin-block-end:var(--pine-dimension-650)}.pds-margin-block-start-sm-700{-webkit-margin-before:var(--pine-dimension-700);margin-block-start:var(--pine-dimension-700)}.pds-margin-inline-start-sm-700{-webkit-margin-start:var(--pine-dimension-700);margin-inline-start:var(--pine-dimension-700)}.pds-margin-inline-end-sm-700{-webkit-margin-end:var(--pine-dimension-700);margin-inline-end:var(--pine-dimension-700)}.pds-margin-block-end-sm-700{-webkit-margin-after:var(--pine-dimension-700);margin-block-end:var(--pine-dimension-700)}.pds-margin-block-start-sm-750{-webkit-margin-before:var(--pine-dimension-750);margin-block-start:var(--pine-dimension-750)}.pds-margin-inline-start-sm-750{-webkit-margin-start:var(--pine-dimension-750);margin-inline-start:var(--pine-dimension-750)}.pds-margin-inline-end-sm-750{-webkit-margin-end:var(--pine-dimension-750);margin-inline-end:var(--pine-dimension-750)}.pds-margin-block-end-sm-750{-webkit-margin-after:var(--pine-dimension-750);margin-block-end:var(--pine-dimension-750)}.pds-margin-block-start-sm-800{-webkit-margin-before:var(--pine-dimension-800);margin-block-start:var(--pine-dimension-800)}.pds-margin-inline-start-sm-800{-webkit-margin-start:var(--pine-dimension-800);margin-inline-start:var(--pine-dimension-800)}.pds-margin-inline-end-sm-800{-webkit-margin-end:var(--pine-dimension-800);margin-inline-end:var(--pine-dimension-800)}.pds-margin-block-end-sm-800{-webkit-margin-after:var(--pine-dimension-800);margin-block-end:var(--pine-dimension-800)}}@media (min-width: 768px){.pds-margin-block-start-md-none{-webkit-margin-before:0;margin-block-start:0}.pds-margin-inline-start-md-none{-webkit-margin-start:0;margin-inline-start:0}.pds-margin-inline-end-md-none{-webkit-margin-end:0;margin-inline-end:0}.pds-margin-block-end-md-none{-webkit-margin-after:0;margin-block-end:0}.pds-margin-block-start-md-xxs{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-margin-inline-start-md-xxs{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-margin-inline-end-md-xxs{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-margin-block-end-md-xxs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-margin-block-start-md-xs{-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs)}.pds-margin-inline-start-md-xs{-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}.pds-margin-inline-end-md-xs{-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs)}.pds-margin-block-end-md-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-margin-block-start-md-sm{-webkit-margin-before:var(--pine-dimension-sm);margin-block-start:var(--pine-dimension-sm)}.pds-margin-inline-start-md-sm{-webkit-margin-start:var(--pine-dimension-sm);margin-inline-start:var(--pine-dimension-sm)}.pds-margin-inline-end-md-sm{-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm)}.pds-margin-block-end-md-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-margin-block-start-md-md{-webkit-margin-before:var(--pine-dimension-md);margin-block-start:var(--pine-dimension-md)}.pds-margin-inline-start-md-md{-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md)}.pds-margin-inline-end-md-md{-webkit-margin-end:var(--pine-dimension-md);margin-inline-end:var(--pine-dimension-md)}.pds-margin-block-end-md-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-margin-block-start-md-lg{-webkit-margin-before:var(--pine-dimension-lg);margin-block-start:var(--pine-dimension-lg)}.pds-margin-inline-start-md-lg{-webkit-margin-start:var(--pine-dimension-lg);margin-inline-start:var(--pine-dimension-lg)}.pds-margin-inline-end-md-lg{-webkit-margin-end:var(--pine-dimension-lg);margin-inline-end:var(--pine-dimension-lg)}.pds-margin-block-end-md-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-margin-block-start-md-xl{-webkit-margin-before:var(--pine-dimension-xl);margin-block-start:var(--pine-dimension-xl)}.pds-margin-inline-start-md-xl{-webkit-margin-start:var(--pine-dimension-xl);margin-inline-start:var(--pine-dimension-xl)}.pds-margin-inline-end-md-xl{-webkit-margin-end:var(--pine-dimension-xl);margin-inline-end:var(--pine-dimension-xl)}.pds-margin-block-end-md-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-margin-block-start-md-xxl{-webkit-margin-before:var(--pine-dimension-2xl);margin-block-start:var(--pine-dimension-2xl)}.pds-margin-inline-start-md-xxl{-webkit-margin-start:var(--pine-dimension-2xl);margin-inline-start:var(--pine-dimension-2xl)}.pds-margin-inline-end-md-xxl{-webkit-margin-end:var(--pine-dimension-2xl);margin-inline-end:var(--pine-dimension-2xl)}.pds-margin-block-end-md-xxl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}.pds-margin-block-start-md-025{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.pds-margin-inline-start-md-025{-webkit-margin-start:var(--pine-dimension-025);margin-inline-start:var(--pine-dimension-025)}.pds-margin-inline-end-md-025{-webkit-margin-end:var(--pine-dimension-025);margin-inline-end:var(--pine-dimension-025)}.pds-margin-block-end-md-025{-webkit-margin-after:var(--pine-dimension-025);margin-block-end:var(--pine-dimension-025)}.pds-margin-block-start-md-050{-webkit-margin-before:var(--pine-dimension-050);margin-block-start:var(--pine-dimension-050)}.pds-margin-inline-start-md-050{-webkit-margin-start:var(--pine-dimension-050);margin-inline-start:var(--pine-dimension-050)}.pds-margin-inline-end-md-050{-webkit-margin-end:var(--pine-dimension-050);margin-inline-end:var(--pine-dimension-050)}.pds-margin-block-end-md-050{-webkit-margin-after:var(--pine-dimension-050);margin-block-end:var(--pine-dimension-050)}.pds-margin-block-start-md-100{-webkit-margin-before:var(--pine-dimension-100);margin-block-start:var(--pine-dimension-100)}.pds-margin-inline-start-md-100{-webkit-margin-start:var(--pine-dimension-100);margin-inline-start:var(--pine-dimension-100)}.pds-margin-inline-end-md-100{-webkit-margin-end:var(--pine-dimension-100);margin-inline-end:var(--pine-dimension-100)}.pds-margin-block-end-md-100{-webkit-margin-after:var(--pine-dimension-100);margin-block-end:var(--pine-dimension-100)}.pds-margin-block-start-md-125{-webkit-margin-before:var(--pine-dimension-125);margin-block-start:var(--pine-dimension-125)}.pds-margin-inline-start-md-125{-webkit-margin-start:var(--pine-dimension-125);margin-inline-start:var(--pine-dimension-125)}.pds-margin-inline-end-md-125{-webkit-margin-end:var(--pine-dimension-125);margin-inline-end:var(--pine-dimension-125)}.pds-margin-block-end-md-125{-webkit-margin-after:var(--pine-dimension-125);margin-block-end:var(--pine-dimension-125)}.pds-margin-block-start-md-150{-webkit-margin-before:var(--pine-dimension-150);margin-block-start:var(--pine-dimension-150)}.pds-margin-inline-start-md-150{-webkit-margin-start:var(--pine-dimension-150);margin-inline-start:var(--pine-dimension-150)}.pds-margin-inline-end-md-150{-webkit-margin-end:var(--pine-dimension-150);margin-inline-end:var(--pine-dimension-150)}.pds-margin-block-end-md-150{-webkit-margin-after:var(--pine-dimension-150);margin-block-end:var(--pine-dimension-150)}.pds-margin-block-start-md-200{-webkit-margin-before:var(--pine-dimension-200);margin-block-start:var(--pine-dimension-200)}.pds-margin-inline-start-md-200{-webkit-margin-start:var(--pine-dimension-200);margin-inline-start:var(--pine-dimension-200)}.pds-margin-inline-end-md-200{-webkit-margin-end:var(--pine-dimension-200);margin-inline-end:var(--pine-dimension-200)}.pds-margin-block-end-md-200{-webkit-margin-after:var(--pine-dimension-200);margin-block-end:var(--pine-dimension-200)}.pds-margin-block-start-md-250{-webkit-margin-before:var(--pine-dimension-250);margin-block-start:var(--pine-dimension-250)}.pds-margin-inline-start-md-250{-webkit-margin-start:var(--pine-dimension-250);margin-inline-start:var(--pine-dimension-250)}.pds-margin-inline-end-md-250{-webkit-margin-end:var(--pine-dimension-250);margin-inline-end:var(--pine-dimension-250)}.pds-margin-block-end-md-250{-webkit-margin-after:var(--pine-dimension-250);margin-block-end:var(--pine-dimension-250)}.pds-margin-block-start-md-300{-webkit-margin-before:var(--pine-dimension-300);margin-block-start:var(--pine-dimension-300)}.pds-margin-inline-start-md-300{-webkit-margin-start:var(--pine-dimension-300);margin-inline-start:var(--pine-dimension-300)}.pds-margin-inline-end-md-300{-webkit-margin-end:var(--pine-dimension-300);margin-inline-end:var(--pine-dimension-300)}.pds-margin-block-end-md-300{-webkit-margin-after:var(--pine-dimension-300);margin-block-end:var(--pine-dimension-300)}.pds-margin-block-start-md-350{-webkit-margin-before:var(--pine-dimension-350);margin-block-start:var(--pine-dimension-350)}.pds-margin-inline-start-md-350{-webkit-margin-start:var(--pine-dimension-350);margin-inline-start:var(--pine-dimension-350)}.pds-margin-inline-end-md-350{-webkit-margin-end:var(--pine-dimension-350);margin-inline-end:var(--pine-dimension-350)}.pds-margin-block-end-md-350{-webkit-margin-after:var(--pine-dimension-350);margin-block-end:var(--pine-dimension-350)}.pds-margin-block-start-md-400{-webkit-margin-before:var(--pine-dimension-400);margin-block-start:var(--pine-dimension-400)}.pds-margin-inline-start-md-400{-webkit-margin-start:var(--pine-dimension-400);margin-inline-start:var(--pine-dimension-400)}.pds-margin-inline-end-md-400{-webkit-margin-end:var(--pine-dimension-400);margin-inline-end:var(--pine-dimension-400)}.pds-margin-block-end-md-400{-webkit-margin-after:var(--pine-dimension-400);margin-block-end:var(--pine-dimension-400)}.pds-margin-block-start-md-450{-webkit-margin-before:var(--pine-dimension-450);margin-block-start:var(--pine-dimension-450)}.pds-margin-inline-start-md-450{-webkit-margin-start:var(--pine-dimension-450);margin-inline-start:var(--pine-dimension-450)}.pds-margin-inline-end-md-450{-webkit-margin-end:var(--pine-dimension-450);margin-inline-end:var(--pine-dimension-450)}.pds-margin-block-end-md-450{-webkit-margin-after:var(--pine-dimension-450);margin-block-end:var(--pine-dimension-450)}.pds-margin-block-start-md-500{-webkit-margin-before:var(--pine-dimension-500);margin-block-start:var(--pine-dimension-500)}.pds-margin-inline-start-md-500{-webkit-margin-start:var(--pine-dimension-500);margin-inline-start:var(--pine-dimension-500)}.pds-margin-inline-end-md-500{-webkit-margin-end:var(--pine-dimension-500);margin-inline-end:var(--pine-dimension-500)}.pds-margin-block-end-md-500{-webkit-margin-after:var(--pine-dimension-500);margin-block-end:var(--pine-dimension-500)}.pds-margin-block-start-md-550{-webkit-margin-before:var(--pine-dimension-550);margin-block-start:var(--pine-dimension-550)}.pds-margin-inline-start-md-550{-webkit-margin-start:var(--pine-dimension-550);margin-inline-start:var(--pine-dimension-550)}.pds-margin-inline-end-md-550{-webkit-margin-end:var(--pine-dimension-550);margin-inline-end:var(--pine-dimension-550)}.pds-margin-block-end-md-550{-webkit-margin-after:var(--pine-dimension-550);margin-block-end:var(--pine-dimension-550)}.pds-margin-block-start-md-600{-webkit-margin-before:var(--pine-dimension-600);margin-block-start:var(--pine-dimension-600)}.pds-margin-inline-start-md-600{-webkit-margin-start:var(--pine-dimension-600);margin-inline-start:var(--pine-dimension-600)}.pds-margin-inline-end-md-600{-webkit-margin-end:var(--pine-dimension-600);margin-inline-end:var(--pine-dimension-600)}.pds-margin-block-end-md-600{-webkit-margin-after:var(--pine-dimension-600);margin-block-end:var(--pine-dimension-600)}.pds-margin-block-start-md-650{-webkit-margin-before:var(--pine-dimension-650);margin-block-start:var(--pine-dimension-650)}.pds-margin-inline-start-md-650{-webkit-margin-start:var(--pine-dimension-650);margin-inline-start:var(--pine-dimension-650)}.pds-margin-inline-end-md-650{-webkit-margin-end:var(--pine-dimension-650);margin-inline-end:var(--pine-dimension-650)}.pds-margin-block-end-md-650{-webkit-margin-after:var(--pine-dimension-650);margin-block-end:var(--pine-dimension-650)}.pds-margin-block-start-md-700{-webkit-margin-before:var(--pine-dimension-700);margin-block-start:var(--pine-dimension-700)}.pds-margin-inline-start-md-700{-webkit-margin-start:var(--pine-dimension-700);margin-inline-start:var(--pine-dimension-700)}.pds-margin-inline-end-md-700{-webkit-margin-end:var(--pine-dimension-700);margin-inline-end:var(--pine-dimension-700)}.pds-margin-block-end-md-700{-webkit-margin-after:var(--pine-dimension-700);margin-block-end:var(--pine-dimension-700)}.pds-margin-block-start-md-750{-webkit-margin-before:var(--pine-dimension-750);margin-block-start:var(--pine-dimension-750)}.pds-margin-inline-start-md-750{-webkit-margin-start:var(--pine-dimension-750);margin-inline-start:var(--pine-dimension-750)}.pds-margin-inline-end-md-750{-webkit-margin-end:var(--pine-dimension-750);margin-inline-end:var(--pine-dimension-750)}.pds-margin-block-end-md-750{-webkit-margin-after:var(--pine-dimension-750);margin-block-end:var(--pine-dimension-750)}.pds-margin-block-start-md-800{-webkit-margin-before:var(--pine-dimension-800);margin-block-start:var(--pine-dimension-800)}.pds-margin-inline-start-md-800{-webkit-margin-start:var(--pine-dimension-800);margin-inline-start:var(--pine-dimension-800)}.pds-margin-inline-end-md-800{-webkit-margin-end:var(--pine-dimension-800);margin-inline-end:var(--pine-dimension-800)}.pds-margin-block-end-md-800{-webkit-margin-after:var(--pine-dimension-800);margin-block-end:var(--pine-dimension-800)}}@media (min-width: 992px){.pds-margin-block-start-lg-none{-webkit-margin-before:0;margin-block-start:0}.pds-margin-inline-start-lg-none{-webkit-margin-start:0;margin-inline-start:0}.pds-margin-inline-end-lg-none{-webkit-margin-end:0;margin-inline-end:0}.pds-margin-block-end-lg-none{-webkit-margin-after:0;margin-block-end:0}.pds-margin-block-start-lg-xxs{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-margin-inline-start-lg-xxs{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-margin-inline-end-lg-xxs{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-margin-block-end-lg-xxs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-margin-block-start-lg-xs{-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs)}.pds-margin-inline-start-lg-xs{-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}.pds-margin-inline-end-lg-xs{-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs)}.pds-margin-block-end-lg-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-margin-block-start-lg-sm{-webkit-margin-before:var(--pine-dimension-sm);margin-block-start:var(--pine-dimension-sm)}.pds-margin-inline-start-lg-sm{-webkit-margin-start:var(--pine-dimension-sm);margin-inline-start:var(--pine-dimension-sm)}.pds-margin-inline-end-lg-sm{-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm)}.pds-margin-block-end-lg-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-margin-block-start-lg-md{-webkit-margin-before:var(--pine-dimension-md);margin-block-start:var(--pine-dimension-md)}.pds-margin-inline-start-lg-md{-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md)}.pds-margin-inline-end-lg-md{-webkit-margin-end:var(--pine-dimension-md);margin-inline-end:var(--pine-dimension-md)}.pds-margin-block-end-lg-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-margin-block-start-lg-lg{-webkit-margin-before:var(--pine-dimension-lg);margin-block-start:var(--pine-dimension-lg)}.pds-margin-inline-start-lg-lg{-webkit-margin-start:var(--pine-dimension-lg);margin-inline-start:var(--pine-dimension-lg)}.pds-margin-inline-end-lg-lg{-webkit-margin-end:var(--pine-dimension-lg);margin-inline-end:var(--pine-dimension-lg)}.pds-margin-block-end-lg-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-margin-block-start-lg-xl{-webkit-margin-before:var(--pine-dimension-xl);margin-block-start:var(--pine-dimension-xl)}.pds-margin-inline-start-lg-xl{-webkit-margin-start:var(--pine-dimension-xl);margin-inline-start:var(--pine-dimension-xl)}.pds-margin-inline-end-lg-xl{-webkit-margin-end:var(--pine-dimension-xl);margin-inline-end:var(--pine-dimension-xl)}.pds-margin-block-end-lg-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-margin-block-start-lg-xxl{-webkit-margin-before:var(--pine-dimension-2xl);margin-block-start:var(--pine-dimension-2xl)}.pds-margin-inline-start-lg-xxl{-webkit-margin-start:var(--pine-dimension-2xl);margin-inline-start:var(--pine-dimension-2xl)}.pds-margin-inline-end-lg-xxl{-webkit-margin-end:var(--pine-dimension-2xl);margin-inline-end:var(--pine-dimension-2xl)}.pds-margin-block-end-lg-xxl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}.pds-margin-block-start-lg-025{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.pds-margin-inline-start-lg-025{-webkit-margin-start:var(--pine-dimension-025);margin-inline-start:var(--pine-dimension-025)}.pds-margin-inline-end-lg-025{-webkit-margin-end:var(--pine-dimension-025);margin-inline-end:var(--pine-dimension-025)}.pds-margin-block-end-lg-025{-webkit-margin-after:var(--pine-dimension-025);margin-block-end:var(--pine-dimension-025)}.pds-margin-block-start-lg-050{-webkit-margin-before:var(--pine-dimension-050);margin-block-start:var(--pine-dimension-050)}.pds-margin-inline-start-lg-050{-webkit-margin-start:var(--pine-dimension-050);margin-inline-start:var(--pine-dimension-050)}.pds-margin-inline-end-lg-050{-webkit-margin-end:var(--pine-dimension-050);margin-inline-end:var(--pine-dimension-050)}.pds-margin-block-end-lg-050{-webkit-margin-after:var(--pine-dimension-050);margin-block-end:var(--pine-dimension-050)}.pds-margin-block-start-lg-100{-webkit-margin-before:var(--pine-dimension-100);margin-block-start:var(--pine-dimension-100)}.pds-margin-inline-start-lg-100{-webkit-margin-start:var(--pine-dimension-100);margin-inline-start:var(--pine-dimension-100)}.pds-margin-inline-end-lg-100{-webkit-margin-end:var(--pine-dimension-100);margin-inline-end:var(--pine-dimension-100)}.pds-margin-block-end-lg-100{-webkit-margin-after:var(--pine-dimension-100);margin-block-end:var(--pine-dimension-100)}.pds-margin-block-start-lg-125{-webkit-margin-before:var(--pine-dimension-125);margin-block-start:var(--pine-dimension-125)}.pds-margin-inline-start-lg-125{-webkit-margin-start:var(--pine-dimension-125);margin-inline-start:var(--pine-dimension-125)}.pds-margin-inline-end-lg-125{-webkit-margin-end:var(--pine-dimension-125);margin-inline-end:var(--pine-dimension-125)}.pds-margin-block-end-lg-125{-webkit-margin-after:var(--pine-dimension-125);margin-block-end:var(--pine-dimension-125)}.pds-margin-block-start-lg-150{-webkit-margin-before:var(--pine-dimension-150);margin-block-start:var(--pine-dimension-150)}.pds-margin-inline-start-lg-150{-webkit-margin-start:var(--pine-dimension-150);margin-inline-start:var(--pine-dimension-150)}.pds-margin-inline-end-lg-150{-webkit-margin-end:var(--pine-dimension-150);margin-inline-end:var(--pine-dimension-150)}.pds-margin-block-end-lg-150{-webkit-margin-after:var(--pine-dimension-150);margin-block-end:var(--pine-dimension-150)}.pds-margin-block-start-lg-200{-webkit-margin-before:var(--pine-dimension-200);margin-block-start:var(--pine-dimension-200)}.pds-margin-inline-start-lg-200{-webkit-margin-start:var(--pine-dimension-200);margin-inline-start:var(--pine-dimension-200)}.pds-margin-inline-end-lg-200{-webkit-margin-end:var(--pine-dimension-200);margin-inline-end:var(--pine-dimension-200)}.pds-margin-block-end-lg-200{-webkit-margin-after:var(--pine-dimension-200);margin-block-end:var(--pine-dimension-200)}.pds-margin-block-start-lg-250{-webkit-margin-before:var(--pine-dimension-250);margin-block-start:var(--pine-dimension-250)}.pds-margin-inline-start-lg-250{-webkit-margin-start:var(--pine-dimension-250);margin-inline-start:var(--pine-dimension-250)}.pds-margin-inline-end-lg-250{-webkit-margin-end:var(--pine-dimension-250);margin-inline-end:var(--pine-dimension-250)}.pds-margin-block-end-lg-250{-webkit-margin-after:var(--pine-dimension-250);margin-block-end:var(--pine-dimension-250)}.pds-margin-block-start-lg-300{-webkit-margin-before:var(--pine-dimension-300);margin-block-start:var(--pine-dimension-300)}.pds-margin-inline-start-lg-300{-webkit-margin-start:var(--pine-dimension-300);margin-inline-start:var(--pine-dimension-300)}.pds-margin-inline-end-lg-300{-webkit-margin-end:var(--pine-dimension-300);margin-inline-end:var(--pine-dimension-300)}.pds-margin-block-end-lg-300{-webkit-margin-after:var(--pine-dimension-300);margin-block-end:var(--pine-dimension-300)}.pds-margin-block-start-lg-350{-webkit-margin-before:var(--pine-dimension-350);margin-block-start:var(--pine-dimension-350)}.pds-margin-inline-start-lg-350{-webkit-margin-start:var(--pine-dimension-350);margin-inline-start:var(--pine-dimension-350)}.pds-margin-inline-end-lg-350{-webkit-margin-end:var(--pine-dimension-350);margin-inline-end:var(--pine-dimension-350)}.pds-margin-block-end-lg-350{-webkit-margin-after:var(--pine-dimension-350);margin-block-end:var(--pine-dimension-350)}.pds-margin-block-start-lg-400{-webkit-margin-before:var(--pine-dimension-400);margin-block-start:var(--pine-dimension-400)}.pds-margin-inline-start-lg-400{-webkit-margin-start:var(--pine-dimension-400);margin-inline-start:var(--pine-dimension-400)}.pds-margin-inline-end-lg-400{-webkit-margin-end:var(--pine-dimension-400);margin-inline-end:var(--pine-dimension-400)}.pds-margin-block-end-lg-400{-webkit-margin-after:var(--pine-dimension-400);margin-block-end:var(--pine-dimension-400)}.pds-margin-block-start-lg-450{-webkit-margin-before:var(--pine-dimension-450);margin-block-start:var(--pine-dimension-450)}.pds-margin-inline-start-lg-450{-webkit-margin-start:var(--pine-dimension-450);margin-inline-start:var(--pine-dimension-450)}.pds-margin-inline-end-lg-450{-webkit-margin-end:var(--pine-dimension-450);margin-inline-end:var(--pine-dimension-450)}.pds-margin-block-end-lg-450{-webkit-margin-after:var(--pine-dimension-450);margin-block-end:var(--pine-dimension-450)}.pds-margin-block-start-lg-500{-webkit-margin-before:var(--pine-dimension-500);margin-block-start:var(--pine-dimension-500)}.pds-margin-inline-start-lg-500{-webkit-margin-start:var(--pine-dimension-500);margin-inline-start:var(--pine-dimension-500)}.pds-margin-inline-end-lg-500{-webkit-margin-end:var(--pine-dimension-500);margin-inline-end:var(--pine-dimension-500)}.pds-margin-block-end-lg-500{-webkit-margin-after:var(--pine-dimension-500);margin-block-end:var(--pine-dimension-500)}.pds-margin-block-start-lg-550{-webkit-margin-before:var(--pine-dimension-550);margin-block-start:var(--pine-dimension-550)}.pds-margin-inline-start-lg-550{-webkit-margin-start:var(--pine-dimension-550);margin-inline-start:var(--pine-dimension-550)}.pds-margin-inline-end-lg-550{-webkit-margin-end:var(--pine-dimension-550);margin-inline-end:var(--pine-dimension-550)}.pds-margin-block-end-lg-550{-webkit-margin-after:var(--pine-dimension-550);margin-block-end:var(--pine-dimension-550)}.pds-margin-block-start-lg-600{-webkit-margin-before:var(--pine-dimension-600);margin-block-start:var(--pine-dimension-600)}.pds-margin-inline-start-lg-600{-webkit-margin-start:var(--pine-dimension-600);margin-inline-start:var(--pine-dimension-600)}.pds-margin-inline-end-lg-600{-webkit-margin-end:var(--pine-dimension-600);margin-inline-end:var(--pine-dimension-600)}.pds-margin-block-end-lg-600{-webkit-margin-after:var(--pine-dimension-600);margin-block-end:var(--pine-dimension-600)}.pds-margin-block-start-lg-650{-webkit-margin-before:var(--pine-dimension-650);margin-block-start:var(--pine-dimension-650)}.pds-margin-inline-start-lg-650{-webkit-margin-start:var(--pine-dimension-650);margin-inline-start:var(--pine-dimension-650)}.pds-margin-inline-end-lg-650{-webkit-margin-end:var(--pine-dimension-650);margin-inline-end:var(--pine-dimension-650)}.pds-margin-block-end-lg-650{-webkit-margin-after:var(--pine-dimension-650);margin-block-end:var(--pine-dimension-650)}.pds-margin-block-start-lg-700{-webkit-margin-before:var(--pine-dimension-700);margin-block-start:var(--pine-dimension-700)}.pds-margin-inline-start-lg-700{-webkit-margin-start:var(--pine-dimension-700);margin-inline-start:var(--pine-dimension-700)}.pds-margin-inline-end-lg-700{-webkit-margin-end:var(--pine-dimension-700);margin-inline-end:var(--pine-dimension-700)}.pds-margin-block-end-lg-700{-webkit-margin-after:var(--pine-dimension-700);margin-block-end:var(--pine-dimension-700)}.pds-margin-block-start-lg-750{-webkit-margin-before:var(--pine-dimension-750);margin-block-start:var(--pine-dimension-750)}.pds-margin-inline-start-lg-750{-webkit-margin-start:var(--pine-dimension-750);margin-inline-start:var(--pine-dimension-750)}.pds-margin-inline-end-lg-750{-webkit-margin-end:var(--pine-dimension-750);margin-inline-end:var(--pine-dimension-750)}.pds-margin-block-end-lg-750{-webkit-margin-after:var(--pine-dimension-750);margin-block-end:var(--pine-dimension-750)}.pds-margin-block-start-lg-800{-webkit-margin-before:var(--pine-dimension-800);margin-block-start:var(--pine-dimension-800)}.pds-margin-inline-start-lg-800{-webkit-margin-start:var(--pine-dimension-800);margin-inline-start:var(--pine-dimension-800)}.pds-margin-inline-end-lg-800{-webkit-margin-end:var(--pine-dimension-800);margin-inline-end:var(--pine-dimension-800)}.pds-margin-block-end-lg-800{-webkit-margin-after:var(--pine-dimension-800);margin-block-end:var(--pine-dimension-800)}}@media (min-width: 1200px){.pds-margin-block-start-xl-none{-webkit-margin-before:0;margin-block-start:0}.pds-margin-inline-start-xl-none{-webkit-margin-start:0;margin-inline-start:0}.pds-margin-inline-end-xl-none{-webkit-margin-end:0;margin-inline-end:0}.pds-margin-block-end-xl-none{-webkit-margin-after:0;margin-block-end:0}.pds-margin-block-start-xl-xxs{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-margin-inline-start-xl-xxs{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-margin-inline-end-xl-xxs{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-margin-block-end-xl-xxs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-margin-block-start-xl-xs{-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs)}.pds-margin-inline-start-xl-xs{-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}.pds-margin-inline-end-xl-xs{-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs)}.pds-margin-block-end-xl-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-margin-block-start-xl-sm{-webkit-margin-before:var(--pine-dimension-sm);margin-block-start:var(--pine-dimension-sm)}.pds-margin-inline-start-xl-sm{-webkit-margin-start:var(--pine-dimension-sm);margin-inline-start:var(--pine-dimension-sm)}.pds-margin-inline-end-xl-sm{-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm)}.pds-margin-block-end-xl-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-margin-block-start-xl-md{-webkit-margin-before:var(--pine-dimension-md);margin-block-start:var(--pine-dimension-md)}.pds-margin-inline-start-xl-md{-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md)}.pds-margin-inline-end-xl-md{-webkit-margin-end:var(--pine-dimension-md);margin-inline-end:var(--pine-dimension-md)}.pds-margin-block-end-xl-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-margin-block-start-xl-lg{-webkit-margin-before:var(--pine-dimension-lg);margin-block-start:var(--pine-dimension-lg)}.pds-margin-inline-start-xl-lg{-webkit-margin-start:var(--pine-dimension-lg);margin-inline-start:var(--pine-dimension-lg)}.pds-margin-inline-end-xl-lg{-webkit-margin-end:var(--pine-dimension-lg);margin-inline-end:var(--pine-dimension-lg)}.pds-margin-block-end-xl-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-margin-block-start-xl-xl{-webkit-margin-before:var(--pine-dimension-xl);margin-block-start:var(--pine-dimension-xl)}.pds-margin-inline-start-xl-xl{-webkit-margin-start:var(--pine-dimension-xl);margin-inline-start:var(--pine-dimension-xl)}.pds-margin-inline-end-xl-xl{-webkit-margin-end:var(--pine-dimension-xl);margin-inline-end:var(--pine-dimension-xl)}.pds-margin-block-end-xl-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-margin-block-start-xl-xxl{-webkit-margin-before:var(--pine-dimension-2xl);margin-block-start:var(--pine-dimension-2xl)}.pds-margin-inline-start-xl-xxl{-webkit-margin-start:var(--pine-dimension-2xl);margin-inline-start:var(--pine-dimension-2xl)}.pds-margin-inline-end-xl-xxl{-webkit-margin-end:var(--pine-dimension-2xl);margin-inline-end:var(--pine-dimension-2xl)}.pds-margin-block-end-xl-xxl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}.pds-margin-block-start-xl-025{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.pds-margin-inline-start-xl-025{-webkit-margin-start:var(--pine-dimension-025);margin-inline-start:var(--pine-dimension-025)}.pds-margin-inline-end-xl-025{-webkit-margin-end:var(--pine-dimension-025);margin-inline-end:var(--pine-dimension-025)}.pds-margin-block-end-xl-025{-webkit-margin-after:var(--pine-dimension-025);margin-block-end:var(--pine-dimension-025)}.pds-margin-block-start-xl-050{-webkit-margin-before:var(--pine-dimension-050);margin-block-start:var(--pine-dimension-050)}.pds-margin-inline-start-xl-050{-webkit-margin-start:var(--pine-dimension-050);margin-inline-start:var(--pine-dimension-050)}.pds-margin-inline-end-xl-050{-webkit-margin-end:var(--pine-dimension-050);margin-inline-end:var(--pine-dimension-050)}.pds-margin-block-end-xl-050{-webkit-margin-after:var(--pine-dimension-050);margin-block-end:var(--pine-dimension-050)}.pds-margin-block-start-xl-100{-webkit-margin-before:var(--pine-dimension-100);margin-block-start:var(--pine-dimension-100)}.pds-margin-inline-start-xl-100{-webkit-margin-start:var(--pine-dimension-100);margin-inline-start:var(--pine-dimension-100)}.pds-margin-inline-end-xl-100{-webkit-margin-end:var(--pine-dimension-100);margin-inline-end:var(--pine-dimension-100)}.pds-margin-block-end-xl-100{-webkit-margin-after:var(--pine-dimension-100);margin-block-end:var(--pine-dimension-100)}.pds-margin-block-start-xl-125{-webkit-margin-before:var(--pine-dimension-125);margin-block-start:var(--pine-dimension-125)}.pds-margin-inline-start-xl-125{-webkit-margin-start:var(--pine-dimension-125);margin-inline-start:var(--pine-dimension-125)}.pds-margin-inline-end-xl-125{-webkit-margin-end:var(--pine-dimension-125);margin-inline-end:var(--pine-dimension-125)}.pds-margin-block-end-xl-125{-webkit-margin-after:var(--pine-dimension-125);margin-block-end:var(--pine-dimension-125)}.pds-margin-block-start-xl-150{-webkit-margin-before:var(--pine-dimension-150);margin-block-start:var(--pine-dimension-150)}.pds-margin-inline-start-xl-150{-webkit-margin-start:var(--pine-dimension-150);margin-inline-start:var(--pine-dimension-150)}.pds-margin-inline-end-xl-150{-webkit-margin-end:var(--pine-dimension-150);margin-inline-end:var(--pine-dimension-150)}.pds-margin-block-end-xl-150{-webkit-margin-after:var(--pine-dimension-150);margin-block-end:var(--pine-dimension-150)}.pds-margin-block-start-xl-200{-webkit-margin-before:var(--pine-dimension-200);margin-block-start:var(--pine-dimension-200)}.pds-margin-inline-start-xl-200{-webkit-margin-start:var(--pine-dimension-200);margin-inline-start:var(--pine-dimension-200)}.pds-margin-inline-end-xl-200{-webkit-margin-end:var(--pine-dimension-200);margin-inline-end:var(--pine-dimension-200)}.pds-margin-block-end-xl-200{-webkit-margin-after:var(--pine-dimension-200);margin-block-end:var(--pine-dimension-200)}.pds-margin-block-start-xl-250{-webkit-margin-before:var(--pine-dimension-250);margin-block-start:var(--pine-dimension-250)}.pds-margin-inline-start-xl-250{-webkit-margin-start:var(--pine-dimension-250);margin-inline-start:var(--pine-dimension-250)}.pds-margin-inline-end-xl-250{-webkit-margin-end:var(--pine-dimension-250);margin-inline-end:var(--pine-dimension-250)}.pds-margin-block-end-xl-250{-webkit-margin-after:var(--pine-dimension-250);margin-block-end:var(--pine-dimension-250)}.pds-margin-block-start-xl-300{-webkit-margin-before:var(--pine-dimension-300);margin-block-start:var(--pine-dimension-300)}.pds-margin-inline-start-xl-300{-webkit-margin-start:var(--pine-dimension-300);margin-inline-start:var(--pine-dimension-300)}.pds-margin-inline-end-xl-300{-webkit-margin-end:var(--pine-dimension-300);margin-inline-end:var(--pine-dimension-300)}.pds-margin-block-end-xl-300{-webkit-margin-after:var(--pine-dimension-300);margin-block-end:var(--pine-dimension-300)}.pds-margin-block-start-xl-350{-webkit-margin-before:var(--pine-dimension-350);margin-block-start:var(--pine-dimension-350)}.pds-margin-inline-start-xl-350{-webkit-margin-start:var(--pine-dimension-350);margin-inline-start:var(--pine-dimension-350)}.pds-margin-inline-end-xl-350{-webkit-margin-end:var(--pine-dimension-350);margin-inline-end:var(--pine-dimension-350)}.pds-margin-block-end-xl-350{-webkit-margin-after:var(--pine-dimension-350);margin-block-end:var(--pine-dimension-350)}.pds-margin-block-start-xl-400{-webkit-margin-before:var(--pine-dimension-400);margin-block-start:var(--pine-dimension-400)}.pds-margin-inline-start-xl-400{-webkit-margin-start:var(--pine-dimension-400);margin-inline-start:var(--pine-dimension-400)}.pds-margin-inline-end-xl-400{-webkit-margin-end:var(--pine-dimension-400);margin-inline-end:var(--pine-dimension-400)}.pds-margin-block-end-xl-400{-webkit-margin-after:var(--pine-dimension-400);margin-block-end:var(--pine-dimension-400)}.pds-margin-block-start-xl-450{-webkit-margin-before:var(--pine-dimension-450);margin-block-start:var(--pine-dimension-450)}.pds-margin-inline-start-xl-450{-webkit-margin-start:var(--pine-dimension-450);margin-inline-start:var(--pine-dimension-450)}.pds-margin-inline-end-xl-450{-webkit-margin-end:var(--pine-dimension-450);margin-inline-end:var(--pine-dimension-450)}.pds-margin-block-end-xl-450{-webkit-margin-after:var(--pine-dimension-450);margin-block-end:var(--pine-dimension-450)}.pds-margin-block-start-xl-500{-webkit-margin-before:var(--pine-dimension-500);margin-block-start:var(--pine-dimension-500)}.pds-margin-inline-start-xl-500{-webkit-margin-start:var(--pine-dimension-500);margin-inline-start:var(--pine-dimension-500)}.pds-margin-inline-end-xl-500{-webkit-margin-end:var(--pine-dimension-500);margin-inline-end:var(--pine-dimension-500)}.pds-margin-block-end-xl-500{-webkit-margin-after:var(--pine-dimension-500);margin-block-end:var(--pine-dimension-500)}.pds-margin-block-start-xl-550{-webkit-margin-before:var(--pine-dimension-550);margin-block-start:var(--pine-dimension-550)}.pds-margin-inline-start-xl-550{-webkit-margin-start:var(--pine-dimension-550);margin-inline-start:var(--pine-dimension-550)}.pds-margin-inline-end-xl-550{-webkit-margin-end:var(--pine-dimension-550);margin-inline-end:var(--pine-dimension-550)}.pds-margin-block-end-xl-550{-webkit-margin-after:var(--pine-dimension-550);margin-block-end:var(--pine-dimension-550)}.pds-margin-block-start-xl-600{-webkit-margin-before:var(--pine-dimension-600);margin-block-start:var(--pine-dimension-600)}.pds-margin-inline-start-xl-600{-webkit-margin-start:var(--pine-dimension-600);margin-inline-start:var(--pine-dimension-600)}.pds-margin-inline-end-xl-600{-webkit-margin-end:var(--pine-dimension-600);margin-inline-end:var(--pine-dimension-600)}.pds-margin-block-end-xl-600{-webkit-margin-after:var(--pine-dimension-600);margin-block-end:var(--pine-dimension-600)}.pds-margin-block-start-xl-650{-webkit-margin-before:var(--pine-dimension-650);margin-block-start:var(--pine-dimension-650)}.pds-margin-inline-start-xl-650{-webkit-margin-start:var(--pine-dimension-650);margin-inline-start:var(--pine-dimension-650)}.pds-margin-inline-end-xl-650{-webkit-margin-end:var(--pine-dimension-650);margin-inline-end:var(--pine-dimension-650)}.pds-margin-block-end-xl-650{-webkit-margin-after:var(--pine-dimension-650);margin-block-end:var(--pine-dimension-650)}.pds-margin-block-start-xl-700{-webkit-margin-before:var(--pine-dimension-700);margin-block-start:var(--pine-dimension-700)}.pds-margin-inline-start-xl-700{-webkit-margin-start:var(--pine-dimension-700);margin-inline-start:var(--pine-dimension-700)}.pds-margin-inline-end-xl-700{-webkit-margin-end:var(--pine-dimension-700);margin-inline-end:var(--pine-dimension-700)}.pds-margin-block-end-xl-700{-webkit-margin-after:var(--pine-dimension-700);margin-block-end:var(--pine-dimension-700)}.pds-margin-block-start-xl-750{-webkit-margin-before:var(--pine-dimension-750);margin-block-start:var(--pine-dimension-750)}.pds-margin-inline-start-xl-750{-webkit-margin-start:var(--pine-dimension-750);margin-inline-start:var(--pine-dimension-750)}.pds-margin-inline-end-xl-750{-webkit-margin-end:var(--pine-dimension-750);margin-inline-end:var(--pine-dimension-750)}.pds-margin-block-end-xl-750{-webkit-margin-after:var(--pine-dimension-750);margin-block-end:var(--pine-dimension-750)}.pds-margin-block-start-xl-800{-webkit-margin-before:var(--pine-dimension-800);margin-block-start:var(--pine-dimension-800)}.pds-margin-inline-start-xl-800{-webkit-margin-start:var(--pine-dimension-800);margin-inline-start:var(--pine-dimension-800)}.pds-margin-inline-end-xl-800{-webkit-margin-end:var(--pine-dimension-800);margin-inline-end:var(--pine-dimension-800)}.pds-margin-block-end-xl-800{-webkit-margin-after:var(--pine-dimension-800);margin-block-end:var(--pine-dimension-800)}}@media (max-width: 575px){.pds-padding-xs-none{padding:0}.pds-padding-block-start-xs-none{-webkit-padding-before:0;padding-block-start:0}.pds-padding-block-end-xs-none{-webkit-padding-after:0;padding-block-end:0}.pds-padding-inline-start-xs-none{-webkit-padding-start:0;padding-inline-start:0}.pds-padding-inline-end-xs-none{-webkit-padding-end:0;padding-inline-end:0}.pds-padding-xs-xxs{padding:var(--pine-dimension-2xs)}.pds-padding-block-start-xs-xxs{-webkit-padding-before:var(--pine-dimension-2xs);padding-block-start:var(--pine-dimension-2xs)}.pds-padding-block-end-xs-xxs{-webkit-padding-after:var(--pine-dimension-2xs);padding-block-end:var(--pine-dimension-2xs)}.pds-padding-inline-start-xs-xxs{-webkit-padding-start:var(--pine-dimension-2xs);padding-inline-start:var(--pine-dimension-2xs)}.pds-padding-inline-end-xs-xxs{-webkit-padding-end:var(--pine-dimension-2xs);padding-inline-end:var(--pine-dimension-2xs)}.pds-padding-xs-xs{padding:var(--pine-dimension-xs)}.pds-padding-block-start-xs-xs{-webkit-padding-before:var(--pine-dimension-xs);padding-block-start:var(--pine-dimension-xs)}.pds-padding-block-end-xs-xs{-webkit-padding-after:var(--pine-dimension-xs);padding-block-end:var(--pine-dimension-xs)}.pds-padding-inline-start-xs-xs{-webkit-padding-start:var(--pine-dimension-xs);padding-inline-start:var(--pine-dimension-xs)}.pds-padding-inline-end-xs-xs{-webkit-padding-end:var(--pine-dimension-xs);padding-inline-end:var(--pine-dimension-xs)}.pds-padding-xs-sm{padding:var(--pine-dimension-sm)}.pds-padding-block-start-xs-sm{-webkit-padding-before:var(--pine-dimension-sm);padding-block-start:var(--pine-dimension-sm)}.pds-padding-block-end-xs-sm{-webkit-padding-after:var(--pine-dimension-sm);padding-block-end:var(--pine-dimension-sm)}.pds-padding-inline-start-xs-sm{-webkit-padding-start:var(--pine-dimension-sm);padding-inline-start:var(--pine-dimension-sm)}.pds-padding-inline-end-xs-sm{-webkit-padding-end:var(--pine-dimension-sm);padding-inline-end:var(--pine-dimension-sm)}.pds-padding-xs-md{padding:var(--pine-dimension-md)}.pds-padding-block-start-xs-md{-webkit-padding-before:var(--pine-dimension-md);padding-block-start:var(--pine-dimension-md)}.pds-padding-block-end-xs-md{-webkit-padding-after:var(--pine-dimension-md);padding-block-end:var(--pine-dimension-md)}.pds-padding-inline-start-xs-md{-webkit-padding-start:var(--pine-dimension-md);padding-inline-start:var(--pine-dimension-md)}.pds-padding-inline-end-xs-md{-webkit-padding-end:var(--pine-dimension-md);padding-inline-end:var(--pine-dimension-md)}.pds-padding-xs-lg{padding:var(--pine-dimension-lg)}.pds-padding-block-start-xs-lg{-webkit-padding-before:var(--pine-dimension-lg);padding-block-start:var(--pine-dimension-lg)}.pds-padding-block-end-xs-lg{-webkit-padding-after:var(--pine-dimension-lg);padding-block-end:var(--pine-dimension-lg)}.pds-padding-inline-start-xs-lg{-webkit-padding-start:var(--pine-dimension-lg);padding-inline-start:var(--pine-dimension-lg)}.pds-padding-inline-end-xs-lg{-webkit-padding-end:var(--pine-dimension-lg);padding-inline-end:var(--pine-dimension-lg)}.pds-padding-xs-xl{padding:var(--pine-dimension-xl)}.pds-padding-block-start-xs-xl{-webkit-padding-before:var(--pine-dimension-xl);padding-block-start:var(--pine-dimension-xl)}.pds-padding-block-end-xs-xl{-webkit-padding-after:var(--pine-dimension-xl);padding-block-end:var(--pine-dimension-xl)}.pds-padding-inline-start-xs-xl{-webkit-padding-start:var(--pine-dimension-xl);padding-inline-start:var(--pine-dimension-xl)}.pds-padding-inline-end-xs-xl{-webkit-padding-end:var(--pine-dimension-xl);padding-inline-end:var(--pine-dimension-xl)}.pds-padding-xs-xxl{padding:var(--pine-dimension-2xl)}.pds-padding-block-start-xs-xxl{-webkit-padding-before:var(--pine-dimension-2xl);padding-block-start:var(--pine-dimension-2xl)}.pds-padding-block-end-xs-xxl{-webkit-padding-after:var(--pine-dimension-2xl);padding-block-end:var(--pine-dimension-2xl)}.pds-padding-inline-start-xs-xxl{-webkit-padding-start:var(--pine-dimension-2xl);padding-inline-start:var(--pine-dimension-2xl)}.pds-padding-inline-end-xs-xxl{-webkit-padding-end:var(--pine-dimension-2xl);padding-inline-end:var(--pine-dimension-2xl)}.pds-padding-xs-025{padding:var(--pine-dimension-025)}.pds-padding-block-start-xs-025{-webkit-padding-before:var(--pine-dimension-025);padding-block-start:var(--pine-dimension-025)}.pds-padding-block-end-xs-025{-webkit-padding-after:var(--pine-dimension-025);padding-block-end:var(--pine-dimension-025)}.pds-padding-inline-start-xs-025{-webkit-padding-start:var(--pine-dimension-025);padding-inline-start:var(--pine-dimension-025)}.pds-padding-inline-end-xs-025{-webkit-padding-end:var(--pine-dimension-025);padding-inline-end:var(--pine-dimension-025)}.pds-padding-xs-050{padding:var(--pine-dimension-050)}.pds-padding-block-start-xs-050{-webkit-padding-before:var(--pine-dimension-050);padding-block-start:var(--pine-dimension-050)}.pds-padding-block-end-xs-050{-webkit-padding-after:var(--pine-dimension-050);padding-block-end:var(--pine-dimension-050)}.pds-padding-inline-start-xs-050{-webkit-padding-start:var(--pine-dimension-050);padding-inline-start:var(--pine-dimension-050)}.pds-padding-inline-end-xs-050{-webkit-padding-end:var(--pine-dimension-050);padding-inline-end:var(--pine-dimension-050)}.pds-padding-xs-100{padding:var(--pine-dimension-100)}.pds-padding-block-start-xs-100{-webkit-padding-before:var(--pine-dimension-100);padding-block-start:var(--pine-dimension-100)}.pds-padding-block-end-xs-100{-webkit-padding-after:var(--pine-dimension-100);padding-block-end:var(--pine-dimension-100)}.pds-padding-inline-start-xs-100{-webkit-padding-start:var(--pine-dimension-100);padding-inline-start:var(--pine-dimension-100)}.pds-padding-inline-end-xs-100{-webkit-padding-end:var(--pine-dimension-100);padding-inline-end:var(--pine-dimension-100)}.pds-padding-xs-125{padding:var(--pine-dimension-125)}.pds-padding-block-start-xs-125{-webkit-padding-before:var(--pine-dimension-125);padding-block-start:var(--pine-dimension-125)}.pds-padding-block-end-xs-125{-webkit-padding-after:var(--pine-dimension-125);padding-block-end:var(--pine-dimension-125)}.pds-padding-inline-start-xs-125{-webkit-padding-start:var(--pine-dimension-125);padding-inline-start:var(--pine-dimension-125)}.pds-padding-inline-end-xs-125{-webkit-padding-end:var(--pine-dimension-125);padding-inline-end:var(--pine-dimension-125)}.pds-padding-xs-150{padding:var(--pine-dimension-150)}.pds-padding-block-start-xs-150{-webkit-padding-before:var(--pine-dimension-150);padding-block-start:var(--pine-dimension-150)}.pds-padding-block-end-xs-150{-webkit-padding-after:var(--pine-dimension-150);padding-block-end:var(--pine-dimension-150)}.pds-padding-inline-start-xs-150{-webkit-padding-start:var(--pine-dimension-150);padding-inline-start:var(--pine-dimension-150)}.pds-padding-inline-end-xs-150{-webkit-padding-end:var(--pine-dimension-150);padding-inline-end:var(--pine-dimension-150)}.pds-padding-xs-200{padding:var(--pine-dimension-200)}.pds-padding-block-start-xs-200{-webkit-padding-before:var(--pine-dimension-200);padding-block-start:var(--pine-dimension-200)}.pds-padding-block-end-xs-200{-webkit-padding-after:var(--pine-dimension-200);padding-block-end:var(--pine-dimension-200)}.pds-padding-inline-start-xs-200{-webkit-padding-start:var(--pine-dimension-200);padding-inline-start:var(--pine-dimension-200)}.pds-padding-inline-end-xs-200{-webkit-padding-end:var(--pine-dimension-200);padding-inline-end:var(--pine-dimension-200)}.pds-padding-xs-250{padding:var(--pine-dimension-250)}.pds-padding-block-start-xs-250{-webkit-padding-before:var(--pine-dimension-250);padding-block-start:var(--pine-dimension-250)}.pds-padding-block-end-xs-250{-webkit-padding-after:var(--pine-dimension-250);padding-block-end:var(--pine-dimension-250)}.pds-padding-inline-start-xs-250{-webkit-padding-start:var(--pine-dimension-250);padding-inline-start:var(--pine-dimension-250)}.pds-padding-inline-end-xs-250{-webkit-padding-end:var(--pine-dimension-250);padding-inline-end:var(--pine-dimension-250)}.pds-padding-xs-300{padding:var(--pine-dimension-300)}.pds-padding-block-start-xs-300{-webkit-padding-before:var(--pine-dimension-300);padding-block-start:var(--pine-dimension-300)}.pds-padding-block-end-xs-300{-webkit-padding-after:var(--pine-dimension-300);padding-block-end:var(--pine-dimension-300)}.pds-padding-inline-start-xs-300{-webkit-padding-start:var(--pine-dimension-300);padding-inline-start:var(--pine-dimension-300)}.pds-padding-inline-end-xs-300{-webkit-padding-end:var(--pine-dimension-300);padding-inline-end:var(--pine-dimension-300)}.pds-padding-xs-350{padding:var(--pine-dimension-350)}.pds-padding-block-start-xs-350{-webkit-padding-before:var(--pine-dimension-350);padding-block-start:var(--pine-dimension-350)}.pds-padding-block-end-xs-350{-webkit-padding-after:var(--pine-dimension-350);padding-block-end:var(--pine-dimension-350)}.pds-padding-inline-start-xs-350{-webkit-padding-start:var(--pine-dimension-350);padding-inline-start:var(--pine-dimension-350)}.pds-padding-inline-end-xs-350{-webkit-padding-end:var(--pine-dimension-350);padding-inline-end:var(--pine-dimension-350)}.pds-padding-xs-400{padding:var(--pine-dimension-400)}.pds-padding-block-start-xs-400{-webkit-padding-before:var(--pine-dimension-400);padding-block-start:var(--pine-dimension-400)}.pds-padding-block-end-xs-400{-webkit-padding-after:var(--pine-dimension-400);padding-block-end:var(--pine-dimension-400)}.pds-padding-inline-start-xs-400{-webkit-padding-start:var(--pine-dimension-400);padding-inline-start:var(--pine-dimension-400)}.pds-padding-inline-end-xs-400{-webkit-padding-end:var(--pine-dimension-400);padding-inline-end:var(--pine-dimension-400)}.pds-padding-xs-450{padding:var(--pine-dimension-450)}.pds-padding-block-start-xs-450{-webkit-padding-before:var(--pine-dimension-450);padding-block-start:var(--pine-dimension-450)}.pds-padding-block-end-xs-450{-webkit-padding-after:var(--pine-dimension-450);padding-block-end:var(--pine-dimension-450)}.pds-padding-inline-start-xs-450{-webkit-padding-start:var(--pine-dimension-450);padding-inline-start:var(--pine-dimension-450)}.pds-padding-inline-end-xs-450{-webkit-padding-end:var(--pine-dimension-450);padding-inline-end:var(--pine-dimension-450)}.pds-padding-xs-500{padding:var(--pine-dimension-500)}.pds-padding-block-start-xs-500{-webkit-padding-before:var(--pine-dimension-500);padding-block-start:var(--pine-dimension-500)}.pds-padding-block-end-xs-500{-webkit-padding-after:var(--pine-dimension-500);padding-block-end:var(--pine-dimension-500)}.pds-padding-inline-start-xs-500{-webkit-padding-start:var(--pine-dimension-500);padding-inline-start:var(--pine-dimension-500)}.pds-padding-inline-end-xs-500{-webkit-padding-end:var(--pine-dimension-500);padding-inline-end:var(--pine-dimension-500)}.pds-padding-xs-550{padding:var(--pine-dimension-550)}.pds-padding-block-start-xs-550{-webkit-padding-before:var(--pine-dimension-550);padding-block-start:var(--pine-dimension-550)}.pds-padding-block-end-xs-550{-webkit-padding-after:var(--pine-dimension-550);padding-block-end:var(--pine-dimension-550)}.pds-padding-inline-start-xs-550{-webkit-padding-start:var(--pine-dimension-550);padding-inline-start:var(--pine-dimension-550)}.pds-padding-inline-end-xs-550{-webkit-padding-end:var(--pine-dimension-550);padding-inline-end:var(--pine-dimension-550)}.pds-padding-xs-600{padding:var(--pine-dimension-600)}.pds-padding-block-start-xs-600{-webkit-padding-before:var(--pine-dimension-600);padding-block-start:var(--pine-dimension-600)}.pds-padding-block-end-xs-600{-webkit-padding-after:var(--pine-dimension-600);padding-block-end:var(--pine-dimension-600)}.pds-padding-inline-start-xs-600{-webkit-padding-start:var(--pine-dimension-600);padding-inline-start:var(--pine-dimension-600)}.pds-padding-inline-end-xs-600{-webkit-padding-end:var(--pine-dimension-600);padding-inline-end:var(--pine-dimension-600)}.pds-padding-xs-650{padding:var(--pine-dimension-650)}.pds-padding-block-start-xs-650{-webkit-padding-before:var(--pine-dimension-650);padding-block-start:var(--pine-dimension-650)}.pds-padding-block-end-xs-650{-webkit-padding-after:var(--pine-dimension-650);padding-block-end:var(--pine-dimension-650)}.pds-padding-inline-start-xs-650{-webkit-padding-start:var(--pine-dimension-650);padding-inline-start:var(--pine-dimension-650)}.pds-padding-inline-end-xs-650{-webkit-padding-end:var(--pine-dimension-650);padding-inline-end:var(--pine-dimension-650)}.pds-padding-xs-700{padding:var(--pine-dimension-700)}.pds-padding-block-start-xs-700{-webkit-padding-before:var(--pine-dimension-700);padding-block-start:var(--pine-dimension-700)}.pds-padding-block-end-xs-700{-webkit-padding-after:var(--pine-dimension-700);padding-block-end:var(--pine-dimension-700)}.pds-padding-inline-start-xs-700{-webkit-padding-start:var(--pine-dimension-700);padding-inline-start:var(--pine-dimension-700)}.pds-padding-inline-end-xs-700{-webkit-padding-end:var(--pine-dimension-700);padding-inline-end:var(--pine-dimension-700)}.pds-padding-xs-750{padding:var(--pine-dimension-750)}.pds-padding-block-start-xs-750{-webkit-padding-before:var(--pine-dimension-750);padding-block-start:var(--pine-dimension-750)}.pds-padding-block-end-xs-750{-webkit-padding-after:var(--pine-dimension-750);padding-block-end:var(--pine-dimension-750)}.pds-padding-inline-start-xs-750{-webkit-padding-start:var(--pine-dimension-750);padding-inline-start:var(--pine-dimension-750)}.pds-padding-inline-end-xs-750{-webkit-padding-end:var(--pine-dimension-750);padding-inline-end:var(--pine-dimension-750)}.pds-padding-xs-800{padding:var(--pine-dimension-800)}.pds-padding-block-start-xs-800{-webkit-padding-before:var(--pine-dimension-800);padding-block-start:var(--pine-dimension-800)}.pds-padding-block-end-xs-800{-webkit-padding-after:var(--pine-dimension-800);padding-block-end:var(--pine-dimension-800)}.pds-padding-inline-start-xs-800{-webkit-padding-start:var(--pine-dimension-800);padding-inline-start:var(--pine-dimension-800)}.pds-padding-inline-end-xs-800{-webkit-padding-end:var(--pine-dimension-800);padding-inline-end:var(--pine-dimension-800)}}@media (min-width: 576px){.pds-padding-sm-none{padding:0}.pds-padding-block-start-sm-none{-webkit-padding-before:0;padding-block-start:0}.pds-padding-block-end-sm-none{-webkit-padding-after:0;padding-block-end:0}.pds-padding-inline-start-sm-none{-webkit-padding-start:0;padding-inline-start:0}.pds-padding-inline-end-sm-none{-webkit-padding-end:0;padding-inline-end:0}.pds-padding-sm-xxs{padding:var(--pine-dimension-2xs)}.pds-padding-block-start-sm-xxs{-webkit-padding-before:var(--pine-dimension-2xs);padding-block-start:var(--pine-dimension-2xs)}.pds-padding-block-end-sm-xxs{-webkit-padding-after:var(--pine-dimension-2xs);padding-block-end:var(--pine-dimension-2xs)}.pds-padding-inline-start-sm-xxs{-webkit-padding-start:var(--pine-dimension-2xs);padding-inline-start:var(--pine-dimension-2xs)}.pds-padding-inline-end-sm-xxs{-webkit-padding-end:var(--pine-dimension-2xs);padding-inline-end:var(--pine-dimension-2xs)}.pds-padding-sm-xs{padding:var(--pine-dimension-xs)}.pds-padding-block-start-sm-xs{-webkit-padding-before:var(--pine-dimension-xs);padding-block-start:var(--pine-dimension-xs)}.pds-padding-block-end-sm-xs{-webkit-padding-after:var(--pine-dimension-xs);padding-block-end:var(--pine-dimension-xs)}.pds-padding-inline-start-sm-xs{-webkit-padding-start:var(--pine-dimension-xs);padding-inline-start:var(--pine-dimension-xs)}.pds-padding-inline-end-sm-xs{-webkit-padding-end:var(--pine-dimension-xs);padding-inline-end:var(--pine-dimension-xs)}.pds-padding-sm-sm{padding:var(--pine-dimension-sm)}.pds-padding-block-start-sm-sm{-webkit-padding-before:var(--pine-dimension-sm);padding-block-start:var(--pine-dimension-sm)}.pds-padding-block-end-sm-sm{-webkit-padding-after:var(--pine-dimension-sm);padding-block-end:var(--pine-dimension-sm)}.pds-padding-inline-start-sm-sm{-webkit-padding-start:var(--pine-dimension-sm);padding-inline-start:var(--pine-dimension-sm)}.pds-padding-inline-end-sm-sm{-webkit-padding-end:var(--pine-dimension-sm);padding-inline-end:var(--pine-dimension-sm)}.pds-padding-sm-md{padding:var(--pine-dimension-md)}.pds-padding-block-start-sm-md{-webkit-padding-before:var(--pine-dimension-md);padding-block-start:var(--pine-dimension-md)}.pds-padding-block-end-sm-md{-webkit-padding-after:var(--pine-dimension-md);padding-block-end:var(--pine-dimension-md)}.pds-padding-inline-start-sm-md{-webkit-padding-start:var(--pine-dimension-md);padding-inline-start:var(--pine-dimension-md)}.pds-padding-inline-end-sm-md{-webkit-padding-end:var(--pine-dimension-md);padding-inline-end:var(--pine-dimension-md)}.pds-padding-sm-lg{padding:var(--pine-dimension-lg)}.pds-padding-block-start-sm-lg{-webkit-padding-before:var(--pine-dimension-lg);padding-block-start:var(--pine-dimension-lg)}.pds-padding-block-end-sm-lg{-webkit-padding-after:var(--pine-dimension-lg);padding-block-end:var(--pine-dimension-lg)}.pds-padding-inline-start-sm-lg{-webkit-padding-start:var(--pine-dimension-lg);padding-inline-start:var(--pine-dimension-lg)}.pds-padding-inline-end-sm-lg{-webkit-padding-end:var(--pine-dimension-lg);padding-inline-end:var(--pine-dimension-lg)}.pds-padding-sm-xl{padding:var(--pine-dimension-xl)}.pds-padding-block-start-sm-xl{-webkit-padding-before:var(--pine-dimension-xl);padding-block-start:var(--pine-dimension-xl)}.pds-padding-block-end-sm-xl{-webkit-padding-after:var(--pine-dimension-xl);padding-block-end:var(--pine-dimension-xl)}.pds-padding-inline-start-sm-xl{-webkit-padding-start:var(--pine-dimension-xl);padding-inline-start:var(--pine-dimension-xl)}.pds-padding-inline-end-sm-xl{-webkit-padding-end:var(--pine-dimension-xl);padding-inline-end:var(--pine-dimension-xl)}.pds-padding-sm-xxl{padding:var(--pine-dimension-2xl)}.pds-padding-block-start-sm-xxl{-webkit-padding-before:var(--pine-dimension-2xl);padding-block-start:var(--pine-dimension-2xl)}.pds-padding-block-end-sm-xxl{-webkit-padding-after:var(--pine-dimension-2xl);padding-block-end:var(--pine-dimension-2xl)}.pds-padding-inline-start-sm-xxl{-webkit-padding-start:var(--pine-dimension-2xl);padding-inline-start:var(--pine-dimension-2xl)}.pds-padding-inline-end-sm-xxl{-webkit-padding-end:var(--pine-dimension-2xl);padding-inline-end:var(--pine-dimension-2xl)}.pds-padding-sm-025{padding:var(--pine-dimension-025)}.pds-padding-block-start-sm-025{-webkit-padding-before:var(--pine-dimension-025);padding-block-start:var(--pine-dimension-025)}.pds-padding-block-end-sm-025{-webkit-padding-after:var(--pine-dimension-025);padding-block-end:var(--pine-dimension-025)}.pds-padding-inline-start-sm-025{-webkit-padding-start:var(--pine-dimension-025);padding-inline-start:var(--pine-dimension-025)}.pds-padding-inline-end-sm-025{-webkit-padding-end:var(--pine-dimension-025);padding-inline-end:var(--pine-dimension-025)}.pds-padding-sm-050{padding:var(--pine-dimension-050)}.pds-padding-block-start-sm-050{-webkit-padding-before:var(--pine-dimension-050);padding-block-start:var(--pine-dimension-050)}.pds-padding-block-end-sm-050{-webkit-padding-after:var(--pine-dimension-050);padding-block-end:var(--pine-dimension-050)}.pds-padding-inline-start-sm-050{-webkit-padding-start:var(--pine-dimension-050);padding-inline-start:var(--pine-dimension-050)}.pds-padding-inline-end-sm-050{-webkit-padding-end:var(--pine-dimension-050);padding-inline-end:var(--pine-dimension-050)}.pds-padding-sm-100{padding:var(--pine-dimension-100)}.pds-padding-block-start-sm-100{-webkit-padding-before:var(--pine-dimension-100);padding-block-start:var(--pine-dimension-100)}.pds-padding-block-end-sm-100{-webkit-padding-after:var(--pine-dimension-100);padding-block-end:var(--pine-dimension-100)}.pds-padding-inline-start-sm-100{-webkit-padding-start:var(--pine-dimension-100);padding-inline-start:var(--pine-dimension-100)}.pds-padding-inline-end-sm-100{-webkit-padding-end:var(--pine-dimension-100);padding-inline-end:var(--pine-dimension-100)}.pds-padding-sm-125{padding:var(--pine-dimension-125)}.pds-padding-block-start-sm-125{-webkit-padding-before:var(--pine-dimension-125);padding-block-start:var(--pine-dimension-125)}.pds-padding-block-end-sm-125{-webkit-padding-after:var(--pine-dimension-125);padding-block-end:var(--pine-dimension-125)}.pds-padding-inline-start-sm-125{-webkit-padding-start:var(--pine-dimension-125);padding-inline-start:var(--pine-dimension-125)}.pds-padding-inline-end-sm-125{-webkit-padding-end:var(--pine-dimension-125);padding-inline-end:var(--pine-dimension-125)}.pds-padding-sm-150{padding:var(--pine-dimension-150)}.pds-padding-block-start-sm-150{-webkit-padding-before:var(--pine-dimension-150);padding-block-start:var(--pine-dimension-150)}.pds-padding-block-end-sm-150{-webkit-padding-after:var(--pine-dimension-150);padding-block-end:var(--pine-dimension-150)}.pds-padding-inline-start-sm-150{-webkit-padding-start:var(--pine-dimension-150);padding-inline-start:var(--pine-dimension-150)}.pds-padding-inline-end-sm-150{-webkit-padding-end:var(--pine-dimension-150);padding-inline-end:var(--pine-dimension-150)}.pds-padding-sm-200{padding:var(--pine-dimension-200)}.pds-padding-block-start-sm-200{-webkit-padding-before:var(--pine-dimension-200);padding-block-start:var(--pine-dimension-200)}.pds-padding-block-end-sm-200{-webkit-padding-after:var(--pine-dimension-200);padding-block-end:var(--pine-dimension-200)}.pds-padding-inline-start-sm-200{-webkit-padding-start:var(--pine-dimension-200);padding-inline-start:var(--pine-dimension-200)}.pds-padding-inline-end-sm-200{-webkit-padding-end:var(--pine-dimension-200);padding-inline-end:var(--pine-dimension-200)}.pds-padding-sm-250{padding:var(--pine-dimension-250)}.pds-padding-block-start-sm-250{-webkit-padding-before:var(--pine-dimension-250);padding-block-start:var(--pine-dimension-250)}.pds-padding-block-end-sm-250{-webkit-padding-after:var(--pine-dimension-250);padding-block-end:var(--pine-dimension-250)}.pds-padding-inline-start-sm-250{-webkit-padding-start:var(--pine-dimension-250);padding-inline-start:var(--pine-dimension-250)}.pds-padding-inline-end-sm-250{-webkit-padding-end:var(--pine-dimension-250);padding-inline-end:var(--pine-dimension-250)}.pds-padding-sm-300{padding:var(--pine-dimension-300)}.pds-padding-block-start-sm-300{-webkit-padding-before:var(--pine-dimension-300);padding-block-start:var(--pine-dimension-300)}.pds-padding-block-end-sm-300{-webkit-padding-after:var(--pine-dimension-300);padding-block-end:var(--pine-dimension-300)}.pds-padding-inline-start-sm-300{-webkit-padding-start:var(--pine-dimension-300);padding-inline-start:var(--pine-dimension-300)}.pds-padding-inline-end-sm-300{-webkit-padding-end:var(--pine-dimension-300);padding-inline-end:var(--pine-dimension-300)}.pds-padding-sm-350{padding:var(--pine-dimension-350)}.pds-padding-block-start-sm-350{-webkit-padding-before:var(--pine-dimension-350);padding-block-start:var(--pine-dimension-350)}.pds-padding-block-end-sm-350{-webkit-padding-after:var(--pine-dimension-350);padding-block-end:var(--pine-dimension-350)}.pds-padding-inline-start-sm-350{-webkit-padding-start:var(--pine-dimension-350);padding-inline-start:var(--pine-dimension-350)}.pds-padding-inline-end-sm-350{-webkit-padding-end:var(--pine-dimension-350);padding-inline-end:var(--pine-dimension-350)}.pds-padding-sm-400{padding:var(--pine-dimension-400)}.pds-padding-block-start-sm-400{-webkit-padding-before:var(--pine-dimension-400);padding-block-start:var(--pine-dimension-400)}.pds-padding-block-end-sm-400{-webkit-padding-after:var(--pine-dimension-400);padding-block-end:var(--pine-dimension-400)}.pds-padding-inline-start-sm-400{-webkit-padding-start:var(--pine-dimension-400);padding-inline-start:var(--pine-dimension-400)}.pds-padding-inline-end-sm-400{-webkit-padding-end:var(--pine-dimension-400);padding-inline-end:var(--pine-dimension-400)}.pds-padding-sm-450{padding:var(--pine-dimension-450)}.pds-padding-block-start-sm-450{-webkit-padding-before:var(--pine-dimension-450);padding-block-start:var(--pine-dimension-450)}.pds-padding-block-end-sm-450{-webkit-padding-after:var(--pine-dimension-450);padding-block-end:var(--pine-dimension-450)}.pds-padding-inline-start-sm-450{-webkit-padding-start:var(--pine-dimension-450);padding-inline-start:var(--pine-dimension-450)}.pds-padding-inline-end-sm-450{-webkit-padding-end:var(--pine-dimension-450);padding-inline-end:var(--pine-dimension-450)}.pds-padding-sm-500{padding:var(--pine-dimension-500)}.pds-padding-block-start-sm-500{-webkit-padding-before:var(--pine-dimension-500);padding-block-start:var(--pine-dimension-500)}.pds-padding-block-end-sm-500{-webkit-padding-after:var(--pine-dimension-500);padding-block-end:var(--pine-dimension-500)}.pds-padding-inline-start-sm-500{-webkit-padding-start:var(--pine-dimension-500);padding-inline-start:var(--pine-dimension-500)}.pds-padding-inline-end-sm-500{-webkit-padding-end:var(--pine-dimension-500);padding-inline-end:var(--pine-dimension-500)}.pds-padding-sm-550{padding:var(--pine-dimension-550)}.pds-padding-block-start-sm-550{-webkit-padding-before:var(--pine-dimension-550);padding-block-start:var(--pine-dimension-550)}.pds-padding-block-end-sm-550{-webkit-padding-after:var(--pine-dimension-550);padding-block-end:var(--pine-dimension-550)}.pds-padding-inline-start-sm-550{-webkit-padding-start:var(--pine-dimension-550);padding-inline-start:var(--pine-dimension-550)}.pds-padding-inline-end-sm-550{-webkit-padding-end:var(--pine-dimension-550);padding-inline-end:var(--pine-dimension-550)}.pds-padding-sm-600{padding:var(--pine-dimension-600)}.pds-padding-block-start-sm-600{-webkit-padding-before:var(--pine-dimension-600);padding-block-start:var(--pine-dimension-600)}.pds-padding-block-end-sm-600{-webkit-padding-after:var(--pine-dimension-600);padding-block-end:var(--pine-dimension-600)}.pds-padding-inline-start-sm-600{-webkit-padding-start:var(--pine-dimension-600);padding-inline-start:var(--pine-dimension-600)}.pds-padding-inline-end-sm-600{-webkit-padding-end:var(--pine-dimension-600);padding-inline-end:var(--pine-dimension-600)}.pds-padding-sm-650{padding:var(--pine-dimension-650)}.pds-padding-block-start-sm-650{-webkit-padding-before:var(--pine-dimension-650);padding-block-start:var(--pine-dimension-650)}.pds-padding-block-end-sm-650{-webkit-padding-after:var(--pine-dimension-650);padding-block-end:var(--pine-dimension-650)}.pds-padding-inline-start-sm-650{-webkit-padding-start:var(--pine-dimension-650);padding-inline-start:var(--pine-dimension-650)}.pds-padding-inline-end-sm-650{-webkit-padding-end:var(--pine-dimension-650);padding-inline-end:var(--pine-dimension-650)}.pds-padding-sm-700{padding:var(--pine-dimension-700)}.pds-padding-block-start-sm-700{-webkit-padding-before:var(--pine-dimension-700);padding-block-start:var(--pine-dimension-700)}.pds-padding-block-end-sm-700{-webkit-padding-after:var(--pine-dimension-700);padding-block-end:var(--pine-dimension-700)}.pds-padding-inline-start-sm-700{-webkit-padding-start:var(--pine-dimension-700);padding-inline-start:var(--pine-dimension-700)}.pds-padding-inline-end-sm-700{-webkit-padding-end:var(--pine-dimension-700);padding-inline-end:var(--pine-dimension-700)}.pds-padding-sm-750{padding:var(--pine-dimension-750)}.pds-padding-block-start-sm-750{-webkit-padding-before:var(--pine-dimension-750);padding-block-start:var(--pine-dimension-750)}.pds-padding-block-end-sm-750{-webkit-padding-after:var(--pine-dimension-750);padding-block-end:var(--pine-dimension-750)}.pds-padding-inline-start-sm-750{-webkit-padding-start:var(--pine-dimension-750);padding-inline-start:var(--pine-dimension-750)}.pds-padding-inline-end-sm-750{-webkit-padding-end:var(--pine-dimension-750);padding-inline-end:var(--pine-dimension-750)}.pds-padding-sm-800{padding:var(--pine-dimension-800)}.pds-padding-block-start-sm-800{-webkit-padding-before:var(--pine-dimension-800);padding-block-start:var(--pine-dimension-800)}.pds-padding-block-end-sm-800{-webkit-padding-after:var(--pine-dimension-800);padding-block-end:var(--pine-dimension-800)}.pds-padding-inline-start-sm-800{-webkit-padding-start:var(--pine-dimension-800);padding-inline-start:var(--pine-dimension-800)}.pds-padding-inline-end-sm-800{-webkit-padding-end:var(--pine-dimension-800);padding-inline-end:var(--pine-dimension-800)}}@media (min-width: 768px){.pds-padding-md-none{padding:0}.pds-padding-block-start-md-none{-webkit-padding-before:0;padding-block-start:0}.pds-padding-block-end-md-none{-webkit-padding-after:0;padding-block-end:0}.pds-padding-inline-start-md-none{-webkit-padding-start:0;padding-inline-start:0}.pds-padding-inline-end-md-none{-webkit-padding-end:0;padding-inline-end:0}.pds-padding-md-xxs{padding:var(--pine-dimension-2xs)}.pds-padding-block-start-md-xxs{-webkit-padding-before:var(--pine-dimension-2xs);padding-block-start:var(--pine-dimension-2xs)}.pds-padding-block-end-md-xxs{-webkit-padding-after:var(--pine-dimension-2xs);padding-block-end:var(--pine-dimension-2xs)}.pds-padding-inline-start-md-xxs{-webkit-padding-start:var(--pine-dimension-2xs);padding-inline-start:var(--pine-dimension-2xs)}.pds-padding-inline-end-md-xxs{-webkit-padding-end:var(--pine-dimension-2xs);padding-inline-end:var(--pine-dimension-2xs)}.pds-padding-md-xs{padding:var(--pine-dimension-xs)}.pds-padding-block-start-md-xs{-webkit-padding-before:var(--pine-dimension-xs);padding-block-start:var(--pine-dimension-xs)}.pds-padding-block-end-md-xs{-webkit-padding-after:var(--pine-dimension-xs);padding-block-end:var(--pine-dimension-xs)}.pds-padding-inline-start-md-xs{-webkit-padding-start:var(--pine-dimension-xs);padding-inline-start:var(--pine-dimension-xs)}.pds-padding-inline-end-md-xs{-webkit-padding-end:var(--pine-dimension-xs);padding-inline-end:var(--pine-dimension-xs)}.pds-padding-md-sm{padding:var(--pine-dimension-sm)}.pds-padding-block-start-md-sm{-webkit-padding-before:var(--pine-dimension-sm);padding-block-start:var(--pine-dimension-sm)}.pds-padding-block-end-md-sm{-webkit-padding-after:var(--pine-dimension-sm);padding-block-end:var(--pine-dimension-sm)}.pds-padding-inline-start-md-sm{-webkit-padding-start:var(--pine-dimension-sm);padding-inline-start:var(--pine-dimension-sm)}.pds-padding-inline-end-md-sm{-webkit-padding-end:var(--pine-dimension-sm);padding-inline-end:var(--pine-dimension-sm)}.pds-padding-md-md{padding:var(--pine-dimension-md)}.pds-padding-block-start-md-md{-webkit-padding-before:var(--pine-dimension-md);padding-block-start:var(--pine-dimension-md)}.pds-padding-block-end-md-md{-webkit-padding-after:var(--pine-dimension-md);padding-block-end:var(--pine-dimension-md)}.pds-padding-inline-start-md-md{-webkit-padding-start:var(--pine-dimension-md);padding-inline-start:var(--pine-dimension-md)}.pds-padding-inline-end-md-md{-webkit-padding-end:var(--pine-dimension-md);padding-inline-end:var(--pine-dimension-md)}.pds-padding-md-lg{padding:var(--pine-dimension-lg)}.pds-padding-block-start-md-lg{-webkit-padding-before:var(--pine-dimension-lg);padding-block-start:var(--pine-dimension-lg)}.pds-padding-block-end-md-lg{-webkit-padding-after:var(--pine-dimension-lg);padding-block-end:var(--pine-dimension-lg)}.pds-padding-inline-start-md-lg{-webkit-padding-start:var(--pine-dimension-lg);padding-inline-start:var(--pine-dimension-lg)}.pds-padding-inline-end-md-lg{-webkit-padding-end:var(--pine-dimension-lg);padding-inline-end:var(--pine-dimension-lg)}.pds-padding-md-xl{padding:var(--pine-dimension-xl)}.pds-padding-block-start-md-xl{-webkit-padding-before:var(--pine-dimension-xl);padding-block-start:var(--pine-dimension-xl)}.pds-padding-block-end-md-xl{-webkit-padding-after:var(--pine-dimension-xl);padding-block-end:var(--pine-dimension-xl)}.pds-padding-inline-start-md-xl{-webkit-padding-start:var(--pine-dimension-xl);padding-inline-start:var(--pine-dimension-xl)}.pds-padding-inline-end-md-xl{-webkit-padding-end:var(--pine-dimension-xl);padding-inline-end:var(--pine-dimension-xl)}.pds-padding-md-xxl{padding:var(--pine-dimension-2xl)}.pds-padding-block-start-md-xxl{-webkit-padding-before:var(--pine-dimension-2xl);padding-block-start:var(--pine-dimension-2xl)}.pds-padding-block-end-md-xxl{-webkit-padding-after:var(--pine-dimension-2xl);padding-block-end:var(--pine-dimension-2xl)}.pds-padding-inline-start-md-xxl{-webkit-padding-start:var(--pine-dimension-2xl);padding-inline-start:var(--pine-dimension-2xl)}.pds-padding-inline-end-md-xxl{-webkit-padding-end:var(--pine-dimension-2xl);padding-inline-end:var(--pine-dimension-2xl)}.pds-padding-md-025{padding:var(--pine-dimension-025)}.pds-padding-block-start-md-025{-webkit-padding-before:var(--pine-dimension-025);padding-block-start:var(--pine-dimension-025)}.pds-padding-block-end-md-025{-webkit-padding-after:var(--pine-dimension-025);padding-block-end:var(--pine-dimension-025)}.pds-padding-inline-start-md-025{-webkit-padding-start:var(--pine-dimension-025);padding-inline-start:var(--pine-dimension-025)}.pds-padding-inline-end-md-025{-webkit-padding-end:var(--pine-dimension-025);padding-inline-end:var(--pine-dimension-025)}.pds-padding-md-050{padding:var(--pine-dimension-050)}.pds-padding-block-start-md-050{-webkit-padding-before:var(--pine-dimension-050);padding-block-start:var(--pine-dimension-050)}.pds-padding-block-end-md-050{-webkit-padding-after:var(--pine-dimension-050);padding-block-end:var(--pine-dimension-050)}.pds-padding-inline-start-md-050{-webkit-padding-start:var(--pine-dimension-050);padding-inline-start:var(--pine-dimension-050)}.pds-padding-inline-end-md-050{-webkit-padding-end:var(--pine-dimension-050);padding-inline-end:var(--pine-dimension-050)}.pds-padding-md-100{padding:var(--pine-dimension-100)}.pds-padding-block-start-md-100{-webkit-padding-before:var(--pine-dimension-100);padding-block-start:var(--pine-dimension-100)}.pds-padding-block-end-md-100{-webkit-padding-after:var(--pine-dimension-100);padding-block-end:var(--pine-dimension-100)}.pds-padding-inline-start-md-100{-webkit-padding-start:var(--pine-dimension-100);padding-inline-start:var(--pine-dimension-100)}.pds-padding-inline-end-md-100{-webkit-padding-end:var(--pine-dimension-100);padding-inline-end:var(--pine-dimension-100)}.pds-padding-md-125{padding:var(--pine-dimension-125)}.pds-padding-block-start-md-125{-webkit-padding-before:var(--pine-dimension-125);padding-block-start:var(--pine-dimension-125)}.pds-padding-block-end-md-125{-webkit-padding-after:var(--pine-dimension-125);padding-block-end:var(--pine-dimension-125)}.pds-padding-inline-start-md-125{-webkit-padding-start:var(--pine-dimension-125);padding-inline-start:var(--pine-dimension-125)}.pds-padding-inline-end-md-125{-webkit-padding-end:var(--pine-dimension-125);padding-inline-end:var(--pine-dimension-125)}.pds-padding-md-150{padding:var(--pine-dimension-150)}.pds-padding-block-start-md-150{-webkit-padding-before:var(--pine-dimension-150);padding-block-start:var(--pine-dimension-150)}.pds-padding-block-end-md-150{-webkit-padding-after:var(--pine-dimension-150);padding-block-end:var(--pine-dimension-150)}.pds-padding-inline-start-md-150{-webkit-padding-start:var(--pine-dimension-150);padding-inline-start:var(--pine-dimension-150)}.pds-padding-inline-end-md-150{-webkit-padding-end:var(--pine-dimension-150);padding-inline-end:var(--pine-dimension-150)}.pds-padding-md-200{padding:var(--pine-dimension-200)}.pds-padding-block-start-md-200{-webkit-padding-before:var(--pine-dimension-200);padding-block-start:var(--pine-dimension-200)}.pds-padding-block-end-md-200{-webkit-padding-after:var(--pine-dimension-200);padding-block-end:var(--pine-dimension-200)}.pds-padding-inline-start-md-200{-webkit-padding-start:var(--pine-dimension-200);padding-inline-start:var(--pine-dimension-200)}.pds-padding-inline-end-md-200{-webkit-padding-end:var(--pine-dimension-200);padding-inline-end:var(--pine-dimension-200)}.pds-padding-md-250{padding:var(--pine-dimension-250)}.pds-padding-block-start-md-250{-webkit-padding-before:var(--pine-dimension-250);padding-block-start:var(--pine-dimension-250)}.pds-padding-block-end-md-250{-webkit-padding-after:var(--pine-dimension-250);padding-block-end:var(--pine-dimension-250)}.pds-padding-inline-start-md-250{-webkit-padding-start:var(--pine-dimension-250);padding-inline-start:var(--pine-dimension-250)}.pds-padding-inline-end-md-250{-webkit-padding-end:var(--pine-dimension-250);padding-inline-end:var(--pine-dimension-250)}.pds-padding-md-300{padding:var(--pine-dimension-300)}.pds-padding-block-start-md-300{-webkit-padding-before:var(--pine-dimension-300);padding-block-start:var(--pine-dimension-300)}.pds-padding-block-end-md-300{-webkit-padding-after:var(--pine-dimension-300);padding-block-end:var(--pine-dimension-300)}.pds-padding-inline-start-md-300{-webkit-padding-start:var(--pine-dimension-300);padding-inline-start:var(--pine-dimension-300)}.pds-padding-inline-end-md-300{-webkit-padding-end:var(--pine-dimension-300);padding-inline-end:var(--pine-dimension-300)}.pds-padding-md-350{padding:var(--pine-dimension-350)}.pds-padding-block-start-md-350{-webkit-padding-before:var(--pine-dimension-350);padding-block-start:var(--pine-dimension-350)}.pds-padding-block-end-md-350{-webkit-padding-after:var(--pine-dimension-350);padding-block-end:var(--pine-dimension-350)}.pds-padding-inline-start-md-350{-webkit-padding-start:var(--pine-dimension-350);padding-inline-start:var(--pine-dimension-350)}.pds-padding-inline-end-md-350{-webkit-padding-end:var(--pine-dimension-350);padding-inline-end:var(--pine-dimension-350)}.pds-padding-md-400{padding:var(--pine-dimension-400)}.pds-padding-block-start-md-400{-webkit-padding-before:var(--pine-dimension-400);padding-block-start:var(--pine-dimension-400)}.pds-padding-block-end-md-400{-webkit-padding-after:var(--pine-dimension-400);padding-block-end:var(--pine-dimension-400)}.pds-padding-inline-start-md-400{-webkit-padding-start:var(--pine-dimension-400);padding-inline-start:var(--pine-dimension-400)}.pds-padding-inline-end-md-400{-webkit-padding-end:var(--pine-dimension-400);padding-inline-end:var(--pine-dimension-400)}.pds-padding-md-450{padding:var(--pine-dimension-450)}.pds-padding-block-start-md-450{-webkit-padding-before:var(--pine-dimension-450);padding-block-start:var(--pine-dimension-450)}.pds-padding-block-end-md-450{-webkit-padding-after:var(--pine-dimension-450);padding-block-end:var(--pine-dimension-450)}.pds-padding-inline-start-md-450{-webkit-padding-start:var(--pine-dimension-450);padding-inline-start:var(--pine-dimension-450)}.pds-padding-inline-end-md-450{-webkit-padding-end:var(--pine-dimension-450);padding-inline-end:var(--pine-dimension-450)}.pds-padding-md-500{padding:var(--pine-dimension-500)}.pds-padding-block-start-md-500{-webkit-padding-before:var(--pine-dimension-500);padding-block-start:var(--pine-dimension-500)}.pds-padding-block-end-md-500{-webkit-padding-after:var(--pine-dimension-500);padding-block-end:var(--pine-dimension-500)}.pds-padding-inline-start-md-500{-webkit-padding-start:var(--pine-dimension-500);padding-inline-start:var(--pine-dimension-500)}.pds-padding-inline-end-md-500{-webkit-padding-end:var(--pine-dimension-500);padding-inline-end:var(--pine-dimension-500)}.pds-padding-md-550{padding:var(--pine-dimension-550)}.pds-padding-block-start-md-550{-webkit-padding-before:var(--pine-dimension-550);padding-block-start:var(--pine-dimension-550)}.pds-padding-block-end-md-550{-webkit-padding-after:var(--pine-dimension-550);padding-block-end:var(--pine-dimension-550)}.pds-padding-inline-start-md-550{-webkit-padding-start:var(--pine-dimension-550);padding-inline-start:var(--pine-dimension-550)}.pds-padding-inline-end-md-550{-webkit-padding-end:var(--pine-dimension-550);padding-inline-end:var(--pine-dimension-550)}.pds-padding-md-600{padding:var(--pine-dimension-600)}.pds-padding-block-start-md-600{-webkit-padding-before:var(--pine-dimension-600);padding-block-start:var(--pine-dimension-600)}.pds-padding-block-end-md-600{-webkit-padding-after:var(--pine-dimension-600);padding-block-end:var(--pine-dimension-600)}.pds-padding-inline-start-md-600{-webkit-padding-start:var(--pine-dimension-600);padding-inline-start:var(--pine-dimension-600)}.pds-padding-inline-end-md-600{-webkit-padding-end:var(--pine-dimension-600);padding-inline-end:var(--pine-dimension-600)}.pds-padding-md-650{padding:var(--pine-dimension-650)}.pds-padding-block-start-md-650{-webkit-padding-before:var(--pine-dimension-650);padding-block-start:var(--pine-dimension-650)}.pds-padding-block-end-md-650{-webkit-padding-after:var(--pine-dimension-650);padding-block-end:var(--pine-dimension-650)}.pds-padding-inline-start-md-650{-webkit-padding-start:var(--pine-dimension-650);padding-inline-start:var(--pine-dimension-650)}.pds-padding-inline-end-md-650{-webkit-padding-end:var(--pine-dimension-650);padding-inline-end:var(--pine-dimension-650)}.pds-padding-md-700{padding:var(--pine-dimension-700)}.pds-padding-block-start-md-700{-webkit-padding-before:var(--pine-dimension-700);padding-block-start:var(--pine-dimension-700)}.pds-padding-block-end-md-700{-webkit-padding-after:var(--pine-dimension-700);padding-block-end:var(--pine-dimension-700)}.pds-padding-inline-start-md-700{-webkit-padding-start:var(--pine-dimension-700);padding-inline-start:var(--pine-dimension-700)}.pds-padding-inline-end-md-700{-webkit-padding-end:var(--pine-dimension-700);padding-inline-end:var(--pine-dimension-700)}.pds-padding-md-750{padding:var(--pine-dimension-750)}.pds-padding-block-start-md-750{-webkit-padding-before:var(--pine-dimension-750);padding-block-start:var(--pine-dimension-750)}.pds-padding-block-end-md-750{-webkit-padding-after:var(--pine-dimension-750);padding-block-end:var(--pine-dimension-750)}.pds-padding-inline-start-md-750{-webkit-padding-start:var(--pine-dimension-750);padding-inline-start:var(--pine-dimension-750)}.pds-padding-inline-end-md-750{-webkit-padding-end:var(--pine-dimension-750);padding-inline-end:var(--pine-dimension-750)}.pds-padding-md-800{padding:var(--pine-dimension-800)}.pds-padding-block-start-md-800{-webkit-padding-before:var(--pine-dimension-800);padding-block-start:var(--pine-dimension-800)}.pds-padding-block-end-md-800{-webkit-padding-after:var(--pine-dimension-800);padding-block-end:var(--pine-dimension-800)}.pds-padding-inline-start-md-800{-webkit-padding-start:var(--pine-dimension-800);padding-inline-start:var(--pine-dimension-800)}.pds-padding-inline-end-md-800{-webkit-padding-end:var(--pine-dimension-800);padding-inline-end:var(--pine-dimension-800)}}@media (min-width: 992px){.pds-padding-lg-none{padding:0}.pds-padding-block-start-lg-none{-webkit-padding-before:0;padding-block-start:0}.pds-padding-block-end-lg-none{-webkit-padding-after:0;padding-block-end:0}.pds-padding-inline-start-lg-none{-webkit-padding-start:0;padding-inline-start:0}.pds-padding-inline-end-lg-none{-webkit-padding-end:0;padding-inline-end:0}.pds-padding-lg-xxs{padding:var(--pine-dimension-2xs)}.pds-padding-block-start-lg-xxs{-webkit-padding-before:var(--pine-dimension-2xs);padding-block-start:var(--pine-dimension-2xs)}.pds-padding-block-end-lg-xxs{-webkit-padding-after:var(--pine-dimension-2xs);padding-block-end:var(--pine-dimension-2xs)}.pds-padding-inline-start-lg-xxs{-webkit-padding-start:var(--pine-dimension-2xs);padding-inline-start:var(--pine-dimension-2xs)}.pds-padding-inline-end-lg-xxs{-webkit-padding-end:var(--pine-dimension-2xs);padding-inline-end:var(--pine-dimension-2xs)}.pds-padding-lg-xs{padding:var(--pine-dimension-xs)}.pds-padding-block-start-lg-xs{-webkit-padding-before:var(--pine-dimension-xs);padding-block-start:var(--pine-dimension-xs)}.pds-padding-block-end-lg-xs{-webkit-padding-after:var(--pine-dimension-xs);padding-block-end:var(--pine-dimension-xs)}.pds-padding-inline-start-lg-xs{-webkit-padding-start:var(--pine-dimension-xs);padding-inline-start:var(--pine-dimension-xs)}.pds-padding-inline-end-lg-xs{-webkit-padding-end:var(--pine-dimension-xs);padding-inline-end:var(--pine-dimension-xs)}.pds-padding-lg-sm{padding:var(--pine-dimension-sm)}.pds-padding-block-start-lg-sm{-webkit-padding-before:var(--pine-dimension-sm);padding-block-start:var(--pine-dimension-sm)}.pds-padding-block-end-lg-sm{-webkit-padding-after:var(--pine-dimension-sm);padding-block-end:var(--pine-dimension-sm)}.pds-padding-inline-start-lg-sm{-webkit-padding-start:var(--pine-dimension-sm);padding-inline-start:var(--pine-dimension-sm)}.pds-padding-inline-end-lg-sm{-webkit-padding-end:var(--pine-dimension-sm);padding-inline-end:var(--pine-dimension-sm)}.pds-padding-lg-md{padding:var(--pine-dimension-md)}.pds-padding-block-start-lg-md{-webkit-padding-before:var(--pine-dimension-md);padding-block-start:var(--pine-dimension-md)}.pds-padding-block-end-lg-md{-webkit-padding-after:var(--pine-dimension-md);padding-block-end:var(--pine-dimension-md)}.pds-padding-inline-start-lg-md{-webkit-padding-start:var(--pine-dimension-md);padding-inline-start:var(--pine-dimension-md)}.pds-padding-inline-end-lg-md{-webkit-padding-end:var(--pine-dimension-md);padding-inline-end:var(--pine-dimension-md)}.pds-padding-lg-lg{padding:var(--pine-dimension-lg)}.pds-padding-block-start-lg-lg{-webkit-padding-before:var(--pine-dimension-lg);padding-block-start:var(--pine-dimension-lg)}.pds-padding-block-end-lg-lg{-webkit-padding-after:var(--pine-dimension-lg);padding-block-end:var(--pine-dimension-lg)}.pds-padding-inline-start-lg-lg{-webkit-padding-start:var(--pine-dimension-lg);padding-inline-start:var(--pine-dimension-lg)}.pds-padding-inline-end-lg-lg{-webkit-padding-end:var(--pine-dimension-lg);padding-inline-end:var(--pine-dimension-lg)}.pds-padding-lg-xl{padding:var(--pine-dimension-xl)}.pds-padding-block-start-lg-xl{-webkit-padding-before:var(--pine-dimension-xl);padding-block-start:var(--pine-dimension-xl)}.pds-padding-block-end-lg-xl{-webkit-padding-after:var(--pine-dimension-xl);padding-block-end:var(--pine-dimension-xl)}.pds-padding-inline-start-lg-xl{-webkit-padding-start:var(--pine-dimension-xl);padding-inline-start:var(--pine-dimension-xl)}.pds-padding-inline-end-lg-xl{-webkit-padding-end:var(--pine-dimension-xl);padding-inline-end:var(--pine-dimension-xl)}.pds-padding-lg-xxl{padding:var(--pine-dimension-2xl)}.pds-padding-block-start-lg-xxl{-webkit-padding-before:var(--pine-dimension-2xl);padding-block-start:var(--pine-dimension-2xl)}.pds-padding-block-end-lg-xxl{-webkit-padding-after:var(--pine-dimension-2xl);padding-block-end:var(--pine-dimension-2xl)}.pds-padding-inline-start-lg-xxl{-webkit-padding-start:var(--pine-dimension-2xl);padding-inline-start:var(--pine-dimension-2xl)}.pds-padding-inline-end-lg-xxl{-webkit-padding-end:var(--pine-dimension-2xl);padding-inline-end:var(--pine-dimension-2xl)}.pds-padding-lg-025{padding:var(--pine-dimension-025)}.pds-padding-block-start-lg-025{-webkit-padding-before:var(--pine-dimension-025);padding-block-start:var(--pine-dimension-025)}.pds-padding-block-end-lg-025{-webkit-padding-after:var(--pine-dimension-025);padding-block-end:var(--pine-dimension-025)}.pds-padding-inline-start-lg-025{-webkit-padding-start:var(--pine-dimension-025);padding-inline-start:var(--pine-dimension-025)}.pds-padding-inline-end-lg-025{-webkit-padding-end:var(--pine-dimension-025);padding-inline-end:var(--pine-dimension-025)}.pds-padding-lg-050{padding:var(--pine-dimension-050)}.pds-padding-block-start-lg-050{-webkit-padding-before:var(--pine-dimension-050);padding-block-start:var(--pine-dimension-050)}.pds-padding-block-end-lg-050{-webkit-padding-after:var(--pine-dimension-050);padding-block-end:var(--pine-dimension-050)}.pds-padding-inline-start-lg-050{-webkit-padding-start:var(--pine-dimension-050);padding-inline-start:var(--pine-dimension-050)}.pds-padding-inline-end-lg-050{-webkit-padding-end:var(--pine-dimension-050);padding-inline-end:var(--pine-dimension-050)}.pds-padding-lg-100{padding:var(--pine-dimension-100)}.pds-padding-block-start-lg-100{-webkit-padding-before:var(--pine-dimension-100);padding-block-start:var(--pine-dimension-100)}.pds-padding-block-end-lg-100{-webkit-padding-after:var(--pine-dimension-100);padding-block-end:var(--pine-dimension-100)}.pds-padding-inline-start-lg-100{-webkit-padding-start:var(--pine-dimension-100);padding-inline-start:var(--pine-dimension-100)}.pds-padding-inline-end-lg-100{-webkit-padding-end:var(--pine-dimension-100);padding-inline-end:var(--pine-dimension-100)}.pds-padding-lg-125{padding:var(--pine-dimension-125)}.pds-padding-block-start-lg-125{-webkit-padding-before:var(--pine-dimension-125);padding-block-start:var(--pine-dimension-125)}.pds-padding-block-end-lg-125{-webkit-padding-after:var(--pine-dimension-125);padding-block-end:var(--pine-dimension-125)}.pds-padding-inline-start-lg-125{-webkit-padding-start:var(--pine-dimension-125);padding-inline-start:var(--pine-dimension-125)}.pds-padding-inline-end-lg-125{-webkit-padding-end:var(--pine-dimension-125);padding-inline-end:var(--pine-dimension-125)}.pds-padding-lg-150{padding:var(--pine-dimension-150)}.pds-padding-block-start-lg-150{-webkit-padding-before:var(--pine-dimension-150);padding-block-start:var(--pine-dimension-150)}.pds-padding-block-end-lg-150{-webkit-padding-after:var(--pine-dimension-150);padding-block-end:var(--pine-dimension-150)}.pds-padding-inline-start-lg-150{-webkit-padding-start:var(--pine-dimension-150);padding-inline-start:var(--pine-dimension-150)}.pds-padding-inline-end-lg-150{-webkit-padding-end:var(--pine-dimension-150);padding-inline-end:var(--pine-dimension-150)}.pds-padding-lg-200{padding:var(--pine-dimension-200)}.pds-padding-block-start-lg-200{-webkit-padding-before:var(--pine-dimension-200);padding-block-start:var(--pine-dimension-200)}.pds-padding-block-end-lg-200{-webkit-padding-after:var(--pine-dimension-200);padding-block-end:var(--pine-dimension-200)}.pds-padding-inline-start-lg-200{-webkit-padding-start:var(--pine-dimension-200);padding-inline-start:var(--pine-dimension-200)}.pds-padding-inline-end-lg-200{-webkit-padding-end:var(--pine-dimension-200);padding-inline-end:var(--pine-dimension-200)}.pds-padding-lg-250{padding:var(--pine-dimension-250)}.pds-padding-block-start-lg-250{-webkit-padding-before:var(--pine-dimension-250);padding-block-start:var(--pine-dimension-250)}.pds-padding-block-end-lg-250{-webkit-padding-after:var(--pine-dimension-250);padding-block-end:var(--pine-dimension-250)}.pds-padding-inline-start-lg-250{-webkit-padding-start:var(--pine-dimension-250);padding-inline-start:var(--pine-dimension-250)}.pds-padding-inline-end-lg-250{-webkit-padding-end:var(--pine-dimension-250);padding-inline-end:var(--pine-dimension-250)}.pds-padding-lg-300{padding:var(--pine-dimension-300)}.pds-padding-block-start-lg-300{-webkit-padding-before:var(--pine-dimension-300);padding-block-start:var(--pine-dimension-300)}.pds-padding-block-end-lg-300{-webkit-padding-after:var(--pine-dimension-300);padding-block-end:var(--pine-dimension-300)}.pds-padding-inline-start-lg-300{-webkit-padding-start:var(--pine-dimension-300);padding-inline-start:var(--pine-dimension-300)}.pds-padding-inline-end-lg-300{-webkit-padding-end:var(--pine-dimension-300);padding-inline-end:var(--pine-dimension-300)}.pds-padding-lg-350{padding:var(--pine-dimension-350)}.pds-padding-block-start-lg-350{-webkit-padding-before:var(--pine-dimension-350);padding-block-start:var(--pine-dimension-350)}.pds-padding-block-end-lg-350{-webkit-padding-after:var(--pine-dimension-350);padding-block-end:var(--pine-dimension-350)}.pds-padding-inline-start-lg-350{-webkit-padding-start:var(--pine-dimension-350);padding-inline-start:var(--pine-dimension-350)}.pds-padding-inline-end-lg-350{-webkit-padding-end:var(--pine-dimension-350);padding-inline-end:var(--pine-dimension-350)}.pds-padding-lg-400{padding:var(--pine-dimension-400)}.pds-padding-block-start-lg-400{-webkit-padding-before:var(--pine-dimension-400);padding-block-start:var(--pine-dimension-400)}.pds-padding-block-end-lg-400{-webkit-padding-after:var(--pine-dimension-400);padding-block-end:var(--pine-dimension-400)}.pds-padding-inline-start-lg-400{-webkit-padding-start:var(--pine-dimension-400);padding-inline-start:var(--pine-dimension-400)}.pds-padding-inline-end-lg-400{-webkit-padding-end:var(--pine-dimension-400);padding-inline-end:var(--pine-dimension-400)}.pds-padding-lg-450{padding:var(--pine-dimension-450)}.pds-padding-block-start-lg-450{-webkit-padding-before:var(--pine-dimension-450);padding-block-start:var(--pine-dimension-450)}.pds-padding-block-end-lg-450{-webkit-padding-after:var(--pine-dimension-450);padding-block-end:var(--pine-dimension-450)}.pds-padding-inline-start-lg-450{-webkit-padding-start:var(--pine-dimension-450);padding-inline-start:var(--pine-dimension-450)}.pds-padding-inline-end-lg-450{-webkit-padding-end:var(--pine-dimension-450);padding-inline-end:var(--pine-dimension-450)}.pds-padding-lg-500{padding:var(--pine-dimension-500)}.pds-padding-block-start-lg-500{-webkit-padding-before:var(--pine-dimension-500);padding-block-start:var(--pine-dimension-500)}.pds-padding-block-end-lg-500{-webkit-padding-after:var(--pine-dimension-500);padding-block-end:var(--pine-dimension-500)}.pds-padding-inline-start-lg-500{-webkit-padding-start:var(--pine-dimension-500);padding-inline-start:var(--pine-dimension-500)}.pds-padding-inline-end-lg-500{-webkit-padding-end:var(--pine-dimension-500);padding-inline-end:var(--pine-dimension-500)}.pds-padding-lg-550{padding:var(--pine-dimension-550)}.pds-padding-block-start-lg-550{-webkit-padding-before:var(--pine-dimension-550);padding-block-start:var(--pine-dimension-550)}.pds-padding-block-end-lg-550{-webkit-padding-after:var(--pine-dimension-550);padding-block-end:var(--pine-dimension-550)}.pds-padding-inline-start-lg-550{-webkit-padding-start:var(--pine-dimension-550);padding-inline-start:var(--pine-dimension-550)}.pds-padding-inline-end-lg-550{-webkit-padding-end:var(--pine-dimension-550);padding-inline-end:var(--pine-dimension-550)}.pds-padding-lg-600{padding:var(--pine-dimension-600)}.pds-padding-block-start-lg-600{-webkit-padding-before:var(--pine-dimension-600);padding-block-start:var(--pine-dimension-600)}.pds-padding-block-end-lg-600{-webkit-padding-after:var(--pine-dimension-600);padding-block-end:var(--pine-dimension-600)}.pds-padding-inline-start-lg-600{-webkit-padding-start:var(--pine-dimension-600);padding-inline-start:var(--pine-dimension-600)}.pds-padding-inline-end-lg-600{-webkit-padding-end:var(--pine-dimension-600);padding-inline-end:var(--pine-dimension-600)}.pds-padding-lg-650{padding:var(--pine-dimension-650)}.pds-padding-block-start-lg-650{-webkit-padding-before:var(--pine-dimension-650);padding-block-start:var(--pine-dimension-650)}.pds-padding-block-end-lg-650{-webkit-padding-after:var(--pine-dimension-650);padding-block-end:var(--pine-dimension-650)}.pds-padding-inline-start-lg-650{-webkit-padding-start:var(--pine-dimension-650);padding-inline-start:var(--pine-dimension-650)}.pds-padding-inline-end-lg-650{-webkit-padding-end:var(--pine-dimension-650);padding-inline-end:var(--pine-dimension-650)}.pds-padding-lg-700{padding:var(--pine-dimension-700)}.pds-padding-block-start-lg-700{-webkit-padding-before:var(--pine-dimension-700);padding-block-start:var(--pine-dimension-700)}.pds-padding-block-end-lg-700{-webkit-padding-after:var(--pine-dimension-700);padding-block-end:var(--pine-dimension-700)}.pds-padding-inline-start-lg-700{-webkit-padding-start:var(--pine-dimension-700);padding-inline-start:var(--pine-dimension-700)}.pds-padding-inline-end-lg-700{-webkit-padding-end:var(--pine-dimension-700);padding-inline-end:var(--pine-dimension-700)}.pds-padding-lg-750{padding:var(--pine-dimension-750)}.pds-padding-block-start-lg-750{-webkit-padding-before:var(--pine-dimension-750);padding-block-start:var(--pine-dimension-750)}.pds-padding-block-end-lg-750{-webkit-padding-after:var(--pine-dimension-750);padding-block-end:var(--pine-dimension-750)}.pds-padding-inline-start-lg-750{-webkit-padding-start:var(--pine-dimension-750);padding-inline-start:var(--pine-dimension-750)}.pds-padding-inline-end-lg-750{-webkit-padding-end:var(--pine-dimension-750);padding-inline-end:var(--pine-dimension-750)}.pds-padding-lg-800{padding:var(--pine-dimension-800)}.pds-padding-block-start-lg-800{-webkit-padding-before:var(--pine-dimension-800);padding-block-start:var(--pine-dimension-800)}.pds-padding-block-end-lg-800{-webkit-padding-after:var(--pine-dimension-800);padding-block-end:var(--pine-dimension-800)}.pds-padding-inline-start-lg-800{-webkit-padding-start:var(--pine-dimension-800);padding-inline-start:var(--pine-dimension-800)}.pds-padding-inline-end-lg-800{-webkit-padding-end:var(--pine-dimension-800);padding-inline-end:var(--pine-dimension-800)}}@media (min-width: 1200px){.pds-padding-xl-none{padding:0}.pds-padding-block-start-xl-none{-webkit-padding-before:0;padding-block-start:0}.pds-padding-block-end-xl-none{-webkit-padding-after:0;padding-block-end:0}.pds-padding-inline-start-xl-none{-webkit-padding-start:0;padding-inline-start:0}.pds-padding-inline-end-xl-none{-webkit-padding-end:0;padding-inline-end:0}.pds-padding-xl-xxs{padding:var(--pine-dimension-2xs)}.pds-padding-block-start-xl-xxs{-webkit-padding-before:var(--pine-dimension-2xs);padding-block-start:var(--pine-dimension-2xs)}.pds-padding-block-end-xl-xxs{-webkit-padding-after:var(--pine-dimension-2xs);padding-block-end:var(--pine-dimension-2xs)}.pds-padding-inline-start-xl-xxs{-webkit-padding-start:var(--pine-dimension-2xs);padding-inline-start:var(--pine-dimension-2xs)}.pds-padding-inline-end-xl-xxs{-webkit-padding-end:var(--pine-dimension-2xs);padding-inline-end:var(--pine-dimension-2xs)}.pds-padding-xl-xs{padding:var(--pine-dimension-xs)}.pds-padding-block-start-xl-xs{-webkit-padding-before:var(--pine-dimension-xs);padding-block-start:var(--pine-dimension-xs)}.pds-padding-block-end-xl-xs{-webkit-padding-after:var(--pine-dimension-xs);padding-block-end:var(--pine-dimension-xs)}.pds-padding-inline-start-xl-xs{-webkit-padding-start:var(--pine-dimension-xs);padding-inline-start:var(--pine-dimension-xs)}.pds-padding-inline-end-xl-xs{-webkit-padding-end:var(--pine-dimension-xs);padding-inline-end:var(--pine-dimension-xs)}.pds-padding-xl-sm{padding:var(--pine-dimension-sm)}.pds-padding-block-start-xl-sm{-webkit-padding-before:var(--pine-dimension-sm);padding-block-start:var(--pine-dimension-sm)}.pds-padding-block-end-xl-sm{-webkit-padding-after:var(--pine-dimension-sm);padding-block-end:var(--pine-dimension-sm)}.pds-padding-inline-start-xl-sm{-webkit-padding-start:var(--pine-dimension-sm);padding-inline-start:var(--pine-dimension-sm)}.pds-padding-inline-end-xl-sm{-webkit-padding-end:var(--pine-dimension-sm);padding-inline-end:var(--pine-dimension-sm)}.pds-padding-xl-md{padding:var(--pine-dimension-md)}.pds-padding-block-start-xl-md{-webkit-padding-before:var(--pine-dimension-md);padding-block-start:var(--pine-dimension-md)}.pds-padding-block-end-xl-md{-webkit-padding-after:var(--pine-dimension-md);padding-block-end:var(--pine-dimension-md)}.pds-padding-inline-start-xl-md{-webkit-padding-start:var(--pine-dimension-md);padding-inline-start:var(--pine-dimension-md)}.pds-padding-inline-end-xl-md{-webkit-padding-end:var(--pine-dimension-md);padding-inline-end:var(--pine-dimension-md)}.pds-padding-xl-lg{padding:var(--pine-dimension-lg)}.pds-padding-block-start-xl-lg{-webkit-padding-before:var(--pine-dimension-lg);padding-block-start:var(--pine-dimension-lg)}.pds-padding-block-end-xl-lg{-webkit-padding-after:var(--pine-dimension-lg);padding-block-end:var(--pine-dimension-lg)}.pds-padding-inline-start-xl-lg{-webkit-padding-start:var(--pine-dimension-lg);padding-inline-start:var(--pine-dimension-lg)}.pds-padding-inline-end-xl-lg{-webkit-padding-end:var(--pine-dimension-lg);padding-inline-end:var(--pine-dimension-lg)}.pds-padding-xl-xl{padding:var(--pine-dimension-xl)}.pds-padding-block-start-xl-xl{-webkit-padding-before:var(--pine-dimension-xl);padding-block-start:var(--pine-dimension-xl)}.pds-padding-block-end-xl-xl{-webkit-padding-after:var(--pine-dimension-xl);padding-block-end:var(--pine-dimension-xl)}.pds-padding-inline-start-xl-xl{-webkit-padding-start:var(--pine-dimension-xl);padding-inline-start:var(--pine-dimension-xl)}.pds-padding-inline-end-xl-xl{-webkit-padding-end:var(--pine-dimension-xl);padding-inline-end:var(--pine-dimension-xl)}.pds-padding-xl-xxl{padding:var(--pine-dimension-2xl)}.pds-padding-block-start-xl-xxl{-webkit-padding-before:var(--pine-dimension-2xl);padding-block-start:var(--pine-dimension-2xl)}.pds-padding-block-end-xl-xxl{-webkit-padding-after:var(--pine-dimension-2xl);padding-block-end:var(--pine-dimension-2xl)}.pds-padding-inline-start-xl-xxl{-webkit-padding-start:var(--pine-dimension-2xl);padding-inline-start:var(--pine-dimension-2xl)}.pds-padding-inline-end-xl-xxl{-webkit-padding-end:var(--pine-dimension-2xl);padding-inline-end:var(--pine-dimension-2xl)}.pds-padding-xl-025{padding:var(--pine-dimension-025)}.pds-padding-block-start-xl-025{-webkit-padding-before:var(--pine-dimension-025);padding-block-start:var(--pine-dimension-025)}.pds-padding-block-end-xl-025{-webkit-padding-after:var(--pine-dimension-025);padding-block-end:var(--pine-dimension-025)}.pds-padding-inline-start-xl-025{-webkit-padding-start:var(--pine-dimension-025);padding-inline-start:var(--pine-dimension-025)}.pds-padding-inline-end-xl-025{-webkit-padding-end:var(--pine-dimension-025);padding-inline-end:var(--pine-dimension-025)}.pds-padding-xl-050{padding:var(--pine-dimension-050)}.pds-padding-block-start-xl-050{-webkit-padding-before:var(--pine-dimension-050);padding-block-start:var(--pine-dimension-050)}.pds-padding-block-end-xl-050{-webkit-padding-after:var(--pine-dimension-050);padding-block-end:var(--pine-dimension-050)}.pds-padding-inline-start-xl-050{-webkit-padding-start:var(--pine-dimension-050);padding-inline-start:var(--pine-dimension-050)}.pds-padding-inline-end-xl-050{-webkit-padding-end:var(--pine-dimension-050);padding-inline-end:var(--pine-dimension-050)}.pds-padding-xl-100{padding:var(--pine-dimension-100)}.pds-padding-block-start-xl-100{-webkit-padding-before:var(--pine-dimension-100);padding-block-start:var(--pine-dimension-100)}.pds-padding-block-end-xl-100{-webkit-padding-after:var(--pine-dimension-100);padding-block-end:var(--pine-dimension-100)}.pds-padding-inline-start-xl-100{-webkit-padding-start:var(--pine-dimension-100);padding-inline-start:var(--pine-dimension-100)}.pds-padding-inline-end-xl-100{-webkit-padding-end:var(--pine-dimension-100);padding-inline-end:var(--pine-dimension-100)}.pds-padding-xl-125{padding:var(--pine-dimension-125)}.pds-padding-block-start-xl-125{-webkit-padding-before:var(--pine-dimension-125);padding-block-start:var(--pine-dimension-125)}.pds-padding-block-end-xl-125{-webkit-padding-after:var(--pine-dimension-125);padding-block-end:var(--pine-dimension-125)}.pds-padding-inline-start-xl-125{-webkit-padding-start:var(--pine-dimension-125);padding-inline-start:var(--pine-dimension-125)}.pds-padding-inline-end-xl-125{-webkit-padding-end:var(--pine-dimension-125);padding-inline-end:var(--pine-dimension-125)}.pds-padding-xl-150{padding:var(--pine-dimension-150)}.pds-padding-block-start-xl-150{-webkit-padding-before:var(--pine-dimension-150);padding-block-start:var(--pine-dimension-150)}.pds-padding-block-end-xl-150{-webkit-padding-after:var(--pine-dimension-150);padding-block-end:var(--pine-dimension-150)}.pds-padding-inline-start-xl-150{-webkit-padding-start:var(--pine-dimension-150);padding-inline-start:var(--pine-dimension-150)}.pds-padding-inline-end-xl-150{-webkit-padding-end:var(--pine-dimension-150);padding-inline-end:var(--pine-dimension-150)}.pds-padding-xl-200{padding:var(--pine-dimension-200)}.pds-padding-block-start-xl-200{-webkit-padding-before:var(--pine-dimension-200);padding-block-start:var(--pine-dimension-200)}.pds-padding-block-end-xl-200{-webkit-padding-after:var(--pine-dimension-200);padding-block-end:var(--pine-dimension-200)}.pds-padding-inline-start-xl-200{-webkit-padding-start:var(--pine-dimension-200);padding-inline-start:var(--pine-dimension-200)}.pds-padding-inline-end-xl-200{-webkit-padding-end:var(--pine-dimension-200);padding-inline-end:var(--pine-dimension-200)}.pds-padding-xl-250{padding:var(--pine-dimension-250)}.pds-padding-block-start-xl-250{-webkit-padding-before:var(--pine-dimension-250);padding-block-start:var(--pine-dimension-250)}.pds-padding-block-end-xl-250{-webkit-padding-after:var(--pine-dimension-250);padding-block-end:var(--pine-dimension-250)}.pds-padding-inline-start-xl-250{-webkit-padding-start:var(--pine-dimension-250);padding-inline-start:var(--pine-dimension-250)}.pds-padding-inline-end-xl-250{-webkit-padding-end:var(--pine-dimension-250);padding-inline-end:var(--pine-dimension-250)}.pds-padding-xl-300{padding:var(--pine-dimension-300)}.pds-padding-block-start-xl-300{-webkit-padding-before:var(--pine-dimension-300);padding-block-start:var(--pine-dimension-300)}.pds-padding-block-end-xl-300{-webkit-padding-after:var(--pine-dimension-300);padding-block-end:var(--pine-dimension-300)}.pds-padding-inline-start-xl-300{-webkit-padding-start:var(--pine-dimension-300);padding-inline-start:var(--pine-dimension-300)}.pds-padding-inline-end-xl-300{-webkit-padding-end:var(--pine-dimension-300);padding-inline-end:var(--pine-dimension-300)}.pds-padding-xl-350{padding:var(--pine-dimension-350)}.pds-padding-block-start-xl-350{-webkit-padding-before:var(--pine-dimension-350);padding-block-start:var(--pine-dimension-350)}.pds-padding-block-end-xl-350{-webkit-padding-after:var(--pine-dimension-350);padding-block-end:var(--pine-dimension-350)}.pds-padding-inline-start-xl-350{-webkit-padding-start:var(--pine-dimension-350);padding-inline-start:var(--pine-dimension-350)}.pds-padding-inline-end-xl-350{-webkit-padding-end:var(--pine-dimension-350);padding-inline-end:var(--pine-dimension-350)}.pds-padding-xl-400{padding:var(--pine-dimension-400)}.pds-padding-block-start-xl-400{-webkit-padding-before:var(--pine-dimension-400);padding-block-start:var(--pine-dimension-400)}.pds-padding-block-end-xl-400{-webkit-padding-after:var(--pine-dimension-400);padding-block-end:var(--pine-dimension-400)}.pds-padding-inline-start-xl-400{-webkit-padding-start:var(--pine-dimension-400);padding-inline-start:var(--pine-dimension-400)}.pds-padding-inline-end-xl-400{-webkit-padding-end:var(--pine-dimension-400);padding-inline-end:var(--pine-dimension-400)}.pds-padding-xl-450{padding:var(--pine-dimension-450)}.pds-padding-block-start-xl-450{-webkit-padding-before:var(--pine-dimension-450);padding-block-start:var(--pine-dimension-450)}.pds-padding-block-end-xl-450{-webkit-padding-after:var(--pine-dimension-450);padding-block-end:var(--pine-dimension-450)}.pds-padding-inline-start-xl-450{-webkit-padding-start:var(--pine-dimension-450);padding-inline-start:var(--pine-dimension-450)}.pds-padding-inline-end-xl-450{-webkit-padding-end:var(--pine-dimension-450);padding-inline-end:var(--pine-dimension-450)}.pds-padding-xl-500{padding:var(--pine-dimension-500)}.pds-padding-block-start-xl-500{-webkit-padding-before:var(--pine-dimension-500);padding-block-start:var(--pine-dimension-500)}.pds-padding-block-end-xl-500{-webkit-padding-after:var(--pine-dimension-500);padding-block-end:var(--pine-dimension-500)}.pds-padding-inline-start-xl-500{-webkit-padding-start:var(--pine-dimension-500);padding-inline-start:var(--pine-dimension-500)}.pds-padding-inline-end-xl-500{-webkit-padding-end:var(--pine-dimension-500);padding-inline-end:var(--pine-dimension-500)}.pds-padding-xl-550{padding:var(--pine-dimension-550)}.pds-padding-block-start-xl-550{-webkit-padding-before:var(--pine-dimension-550);padding-block-start:var(--pine-dimension-550)}.pds-padding-block-end-xl-550{-webkit-padding-after:var(--pine-dimension-550);padding-block-end:var(--pine-dimension-550)}.pds-padding-inline-start-xl-550{-webkit-padding-start:var(--pine-dimension-550);padding-inline-start:var(--pine-dimension-550)}.pds-padding-inline-end-xl-550{-webkit-padding-end:var(--pine-dimension-550);padding-inline-end:var(--pine-dimension-550)}.pds-padding-xl-600{padding:var(--pine-dimension-600)}.pds-padding-block-start-xl-600{-webkit-padding-before:var(--pine-dimension-600);padding-block-start:var(--pine-dimension-600)}.pds-padding-block-end-xl-600{-webkit-padding-after:var(--pine-dimension-600);padding-block-end:var(--pine-dimension-600)}.pds-padding-inline-start-xl-600{-webkit-padding-start:var(--pine-dimension-600);padding-inline-start:var(--pine-dimension-600)}.pds-padding-inline-end-xl-600{-webkit-padding-end:var(--pine-dimension-600);padding-inline-end:var(--pine-dimension-600)}.pds-padding-xl-650{padding:var(--pine-dimension-650)}.pds-padding-block-start-xl-650{-webkit-padding-before:var(--pine-dimension-650);padding-block-start:var(--pine-dimension-650)}.pds-padding-block-end-xl-650{-webkit-padding-after:var(--pine-dimension-650);padding-block-end:var(--pine-dimension-650)}.pds-padding-inline-start-xl-650{-webkit-padding-start:var(--pine-dimension-650);padding-inline-start:var(--pine-dimension-650)}.pds-padding-inline-end-xl-650{-webkit-padding-end:var(--pine-dimension-650);padding-inline-end:var(--pine-dimension-650)}.pds-padding-xl-700{padding:var(--pine-dimension-700)}.pds-padding-block-start-xl-700{-webkit-padding-before:var(--pine-dimension-700);padding-block-start:var(--pine-dimension-700)}.pds-padding-block-end-xl-700{-webkit-padding-after:var(--pine-dimension-700);padding-block-end:var(--pine-dimension-700)}.pds-padding-inline-start-xl-700{-webkit-padding-start:var(--pine-dimension-700);padding-inline-start:var(--pine-dimension-700)}.pds-padding-inline-end-xl-700{-webkit-padding-end:var(--pine-dimension-700);padding-inline-end:var(--pine-dimension-700)}.pds-padding-xl-750{padding:var(--pine-dimension-750)}.pds-padding-block-start-xl-750{-webkit-padding-before:var(--pine-dimension-750);padding-block-start:var(--pine-dimension-750)}.pds-padding-block-end-xl-750{-webkit-padding-after:var(--pine-dimension-750);padding-block-end:var(--pine-dimension-750)}.pds-padding-inline-start-xl-750{-webkit-padding-start:var(--pine-dimension-750);padding-inline-start:var(--pine-dimension-750)}.pds-padding-inline-end-xl-750{-webkit-padding-end:var(--pine-dimension-750);padding-inline-end:var(--pine-dimension-750)}.pds-padding-xl-800{padding:var(--pine-dimension-800)}.pds-padding-block-start-xl-800{-webkit-padding-before:var(--pine-dimension-800);padding-block-start:var(--pine-dimension-800)}.pds-padding-block-end-xl-800{-webkit-padding-after:var(--pine-dimension-800);padding-block-end:var(--pine-dimension-800)}.pds-padding-inline-start-xl-800{-webkit-padding-start:var(--pine-dimension-800);padding-inline-start:var(--pine-dimension-800)}.pds-padding-inline-end-xl-800{-webkit-padding-end:var(--pine-dimension-800);padding-inline-end:var(--pine-dimension-800)}}`;
|
|
6001
6239
|
|
|
6240
|
+
/**
|
|
6241
|
+
* @lightDom host-only
|
|
6242
|
+
*/
|
|
6002
6243
|
class PdsBox {
|
|
6003
6244
|
constructor(hostRef) {
|
|
6004
6245
|
registerInstance(this, hostRef);
|
|
6246
|
+
this.hostKeeper = new HostStylingKeeper();
|
|
6005
6247
|
/**
|
|
6006
6248
|
* If `true`, the box will have a border.
|
|
6007
6249
|
*/
|
|
6008
6250
|
this.border = false;
|
|
6009
6251
|
}
|
|
6252
|
+
connectedCallback() {
|
|
6253
|
+
this.hostKeeper.connect(this.el);
|
|
6254
|
+
}
|
|
6255
|
+
disconnectedCallback() {
|
|
6256
|
+
this.hostKeeper.disconnect();
|
|
6257
|
+
}
|
|
6010
6258
|
render() {
|
|
6011
6259
|
const boxClasses = `
|
|
6012
6260
|
${this.alignItems !== undefined && this.alignItems.trim() !== '' ? `pds-align-items-${this.alignItems}` : ''}
|
|
@@ -6141,8 +6389,10 @@ class PdsBox {
|
|
|
6141
6389
|
const normalizedBackground = normalizeColorValue(this.backgroundColor);
|
|
6142
6390
|
const normalizedBorder = normalizeColorValue(this.borderColor);
|
|
6143
6391
|
const boxInlineStyles = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, (normalizedBackground && { '--color-background-box': normalizedBackground })), (normalizedBorder && { '--color-border-box': normalizedBorder })), (this.minHeight && { '--sizing-min-height-box': this.minHeight })), (this.minWidth && { '--sizing-min-width-box': this.minWidth })), (this.flex && !['none', 'grow', 'shrink'].includes(this.flex) && { 'flex': this.flex }));
|
|
6144
|
-
|
|
6392
|
+
this.hostKeeper.record(boxClasses, boxInlineStyles);
|
|
6393
|
+
return (hAsync(Host, { key: 'dc4d939daf38b24ecbfa0eb0a95ab67b97a85665', class: boxClasses, style: boxInlineStyles }));
|
|
6145
6394
|
}
|
|
6395
|
+
get el() { return getElement(this); }
|
|
6146
6396
|
static get style() { return pdsBoxCss(); }
|
|
6147
6397
|
static get cmpMeta() { return {
|
|
6148
6398
|
"$flags$": 0,
|
|
@@ -6622,87 +6872,6 @@ const isSpecTest = () => {
|
|
|
6622
6872
|
return typeof process !== 'undefined' && ((_a = process.env) === null || _a === void 0 ? void 0 : _a.__STENCIL_SPEC_TESTS__) === 'true';
|
|
6623
6873
|
};
|
|
6624
6874
|
|
|
6625
|
-
/**
|
|
6626
|
-
* Inherit attributes from the host element
|
|
6627
|
-
* @param el - Host element
|
|
6628
|
-
* @param attributes - Array of attributes to inherit
|
|
6629
|
-
*/
|
|
6630
|
-
const inheritAttributes$1 = (el, attributes = []) => {
|
|
6631
|
-
const attributeObject = {};
|
|
6632
|
-
attributes.forEach((attr) => {
|
|
6633
|
-
if (el.hasAttribute(attr)) {
|
|
6634
|
-
const value = el.getAttribute(attr);
|
|
6635
|
-
if (value !== null) {
|
|
6636
|
-
attributeObject[attr] = el.getAttribute(attr);
|
|
6637
|
-
}
|
|
6638
|
-
el.removeAttribute(attr);
|
|
6639
|
-
}
|
|
6640
|
-
});
|
|
6641
|
-
return attributeObject;
|
|
6642
|
-
};
|
|
6643
|
-
/**
|
|
6644
|
-
* List of available ARIA attributes + `role`.
|
|
6645
|
-
* Removed deprecated attributes.
|
|
6646
|
-
* https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes
|
|
6647
|
-
*/
|
|
6648
|
-
const ariaAttributes = [
|
|
6649
|
-
'role',
|
|
6650
|
-
'aria-activedescendant',
|
|
6651
|
-
'aria-atomic',
|
|
6652
|
-
'aria-autocomplete',
|
|
6653
|
-
'aria-braillelabel',
|
|
6654
|
-
'aria-brailleroledescription',
|
|
6655
|
-
'aria-busy',
|
|
6656
|
-
'aria-checked',
|
|
6657
|
-
'aria-colcount',
|
|
6658
|
-
'aria-colindex',
|
|
6659
|
-
'aria-colindextext',
|
|
6660
|
-
'aria-colspan',
|
|
6661
|
-
'aria-controls',
|
|
6662
|
-
'aria-current',
|
|
6663
|
-
'aria-describedby',
|
|
6664
|
-
'aria-description',
|
|
6665
|
-
'aria-details',
|
|
6666
|
-
'aria-disabled',
|
|
6667
|
-
'aria-errormessage',
|
|
6668
|
-
'aria-expanded',
|
|
6669
|
-
'aria-flowto',
|
|
6670
|
-
'aria-haspopup',
|
|
6671
|
-
'aria-hidden',
|
|
6672
|
-
'aria-invalid',
|
|
6673
|
-
'aria-keyshortcuts',
|
|
6674
|
-
'aria-label',
|
|
6675
|
-
'aria-labelledby',
|
|
6676
|
-
'aria-level',
|
|
6677
|
-
'aria-live',
|
|
6678
|
-
'aria-multiline',
|
|
6679
|
-
'aria-multiselectable',
|
|
6680
|
-
'aria-orientation',
|
|
6681
|
-
'aria-owns',
|
|
6682
|
-
'aria-placeholder',
|
|
6683
|
-
'aria-posinset',
|
|
6684
|
-
'aria-pressed',
|
|
6685
|
-
'aria-readonly',
|
|
6686
|
-
'aria-relevant',
|
|
6687
|
-
'aria-required',
|
|
6688
|
-
'aria-roledescription',
|
|
6689
|
-
'aria-rowcount',
|
|
6690
|
-
'aria-rowindex',
|
|
6691
|
-
'aria-rowindextext',
|
|
6692
|
-
'aria-rowspan',
|
|
6693
|
-
'aria-selected',
|
|
6694
|
-
'aria-setsize',
|
|
6695
|
-
'aria-sort',
|
|
6696
|
-
'aria-valuemax',
|
|
6697
|
-
'aria-valuemin',
|
|
6698
|
-
'aria-valuenow',
|
|
6699
|
-
'aria-valuetext',
|
|
6700
|
-
];
|
|
6701
|
-
const inheritAriaAttributes = (el, ignoreList) => {
|
|
6702
|
-
let attributesToInherit = ariaAttributes;
|
|
6703
|
-
return inheritAttributes$1(el, attributesToInherit);
|
|
6704
|
-
};
|
|
6705
|
-
|
|
6706
6875
|
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)}`;
|
|
6707
6876
|
|
|
6708
6877
|
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::after{border-color:var(--pine-color-white)}: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-text-primary);-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;inset-block-start:50%;inset-inline-start:50%;position:absolute;-webkit-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg);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-text-primary);-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;inset-block-start:50%;inset-inline-start:50%;position:absolute;-webkit-transform:translate(-50%, -60%) rotate(43deg);transform:translate(-50%, -60%) rotate(43deg);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)}:host-context([dir=rtl]) input:checked::after{-webkit-transform:translate(-50%, -60%) rotate(-43deg);transform:translate(-50%, -60%) rotate(-43deg)}label{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs)}:host(.has-label-slot) label{-ms-flex-align:center;align-items:center}:host(.has-label-slot) input{-webkit-margin-before:0;margin-block-start:0}.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)}`;
|
|
@@ -6717,6 +6886,7 @@ class PdsCheckbox {
|
|
|
6717
6886
|
this.pdsCheckboxInput = createEvent(this, "pdsCheckboxInput");
|
|
6718
6887
|
this.inheritedAttributes = {};
|
|
6719
6888
|
this._type = 'checkbox';
|
|
6889
|
+
this.hostKeeper = new HostStylingKeeper();
|
|
6720
6890
|
this.hasLabelSlot = false;
|
|
6721
6891
|
/**
|
|
6722
6892
|
* It determines whether or not the checkbox is checked.
|
|
@@ -6764,6 +6934,7 @@ class PdsCheckbox {
|
|
|
6764
6934
|
return classNames.join(' ');
|
|
6765
6935
|
}
|
|
6766
6936
|
connectedCallback() {
|
|
6937
|
+
this.hostKeeper.connect(this.el);
|
|
6767
6938
|
// Initialize ElementInternals for form association (only once per element instance)
|
|
6768
6939
|
if (this.el.attachInternals && !this.internals) {
|
|
6769
6940
|
this.internals = this.el.attachInternals();
|
|
@@ -6771,6 +6942,9 @@ class PdsCheckbox {
|
|
|
6771
6942
|
// Expose type property on the element instance to match native form element behavior
|
|
6772
6943
|
exposeTypeProperty(this.el, () => this._type);
|
|
6773
6944
|
}
|
|
6945
|
+
disconnectedCallback() {
|
|
6946
|
+
this.hostKeeper.disconnect();
|
|
6947
|
+
}
|
|
6774
6948
|
componentDidLoad() {
|
|
6775
6949
|
this.updateFormValue();
|
|
6776
6950
|
}
|
|
@@ -6805,9 +6979,11 @@ class PdsCheckbox {
|
|
|
6805
6979
|
this.updateHasLabelSlot();
|
|
6806
6980
|
}
|
|
6807
6981
|
render() {
|
|
6808
|
-
|
|
6809
|
-
|
|
6810
|
-
|
|
6982
|
+
const hostClass = this.classNames();
|
|
6983
|
+
this.hostKeeper.record(hostClass);
|
|
6984
|
+
return (hAsync(Host, { key: '2d63feb42a7fa2a0121c1b25625ff7c6b6844fa9', class: hostClass }, hAsync("label", { key: '07158e232a025c978c2725bdd938ce8254a244ac', htmlFor: this.componentId }, hAsync("input", Object.assign({ key: 'c1f47d9de63fef8e373f6b76efb1386cb7ab4921', type: "checkbox", "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage, this.errorMessage), "aria-invalid": this.invalid ? "true" : undefined, id: this.componentId, indeterminate: this.indeterminate, name: this.name, value: this.value, checked: this.checked, required: this.required, disabled: this.disabled, onChange: this.handleCheckboxChange, onInput: this.handleInput }, this.inheritedAttributes)), hAsync("span", { key: 'e04db0b2a5600e3da74fb9857a276547f602c7eb', class: this.hideLabel ? 'visually-hidden' : '' }, hAsync("slot", { key: '3af6b6bf89e9ab74821f63753843fca575aaea2f', name: "label", onSlotchange: this.updateHasLabelSlot }), !this.hasLabelSlot && this.label)), this.helperMessage &&
|
|
6985
|
+
hAsync("div", { key: '78c2f5f6b0cdc93facee367662ba190906a5421c', class: 'pds-checkbox__message', id: messageId(this.componentId, 'helper') }, this.helperMessage), this.errorMessage &&
|
|
6986
|
+
hAsync("div", { key: 'd776e3539d2ff057c5a2471df4069df8fc3af864', class: `pds-checkbox__message pds-checkbox__message--error`, id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, hAsync("pds-icon", { key: 'f74131e597bc37569062b683b118b676af418a28', icon: danger, size: "small" }), this.errorMessage)));
|
|
6811
6987
|
}
|
|
6812
6988
|
static get formAssociated() { return true; }
|
|
6813
6989
|
get el() { return getElement(this); }
|
|
@@ -8863,6 +9039,7 @@ class PdsChip {
|
|
|
8863
9039
|
constructor(hostRef) {
|
|
8864
9040
|
registerInstance(this, hostRef);
|
|
8865
9041
|
this.pdsTagCloseClick = createEvent(this, "pdsTagCloseClick");
|
|
9042
|
+
this.hostKeeper = new HostStylingKeeper();
|
|
8866
9043
|
this.truncationCleanup = null;
|
|
8867
9044
|
/**
|
|
8868
9045
|
* Determines whether a dot should be displayed on the chip.
|
|
@@ -8890,6 +9067,9 @@ class PdsChip {
|
|
|
8890
9067
|
this.pdsTagCloseClick.emit();
|
|
8891
9068
|
};
|
|
8892
9069
|
}
|
|
9070
|
+
connectedCallback() {
|
|
9071
|
+
this.hostKeeper.connect(this.el);
|
|
9072
|
+
}
|
|
8893
9073
|
// Bind (and re-bind) here, not just on load: changing variant/size remounts
|
|
8894
9074
|
// the label span, so the tooltip has to re-attach to the current node or it
|
|
8895
9075
|
// would keep measuring a detached one. Keyed on node identity so an unrelated
|
|
@@ -8905,6 +9085,7 @@ class PdsChip {
|
|
|
8905
9085
|
}
|
|
8906
9086
|
}
|
|
8907
9087
|
disconnectedCallback() {
|
|
9088
|
+
this.hostKeeper.disconnect();
|
|
8908
9089
|
this.destroyTruncationTooltip();
|
|
8909
9090
|
}
|
|
8910
9091
|
// Reveal the clipped label on hover/focus, matching pds-text / pds-table-cell.
|
|
@@ -9049,7 +9230,10 @@ class PdsChip {
|
|
|
9049
9230
|
return (hAsync(CloseElement, Object.assign({}, closeAttributes(), { onClick: this.handleCloseClick }), hAsync("pds-icon", { icon: remove, size: this.iconSize })));
|
|
9050
9231
|
}
|
|
9051
9232
|
render() {
|
|
9052
|
-
|
|
9233
|
+
const hostClass = this.classNames();
|
|
9234
|
+
const hostStyles = this.hostStyles;
|
|
9235
|
+
this.hostKeeper.record(hostClass, hostStyles);
|
|
9236
|
+
return (hAsync(Host, { key: '63e00360276ca3941fb543b2c35211a709fbfc2b', class: hostClass, id: this.componentId, style: hostStyles }, this.setChipContent(), this.effectiveVariant === 'tag' && this.renderCloseButton()));
|
|
9053
9237
|
}
|
|
9054
9238
|
get el() { return getElement(this); }
|
|
9055
9239
|
static get style() { return pdsChipTokensCss() + pdsChipCss(); }
|
|
@@ -9085,7 +9269,7 @@ const closest$1 = (selector, el) => {
|
|
|
9085
9269
|
closest$1(selector, el.getRootNode().host)));
|
|
9086
9270
|
};
|
|
9087
9271
|
/** Whether `node` is `ancestor` or inside it, crossing shadow roots, which `Node.contains` doesn't. */
|
|
9088
|
-
const containsComposed = (ancestor, node) => {
|
|
9272
|
+
const containsComposed$1 = (ancestor, node) => {
|
|
9089
9273
|
for (let current = node; current; current = current instanceof ShadowRoot ? current.host : current.parentNode) {
|
|
9090
9274
|
if (current === ancestor)
|
|
9091
9275
|
return true;
|
|
@@ -10741,7 +10925,7 @@ class FlyoutController {
|
|
|
10741
10925
|
}
|
|
10742
10926
|
}
|
|
10743
10927
|
|
|
10744
|
-
const pdsComboboxCss = () => `:host{display:block}:host([aria-disabled=true]) .pds-combobox__input-icon{color:var(--pine-color-text-disabled);pointer-events:none}.pds-combobox{position:relative}.pds-combobox__label{color:var(--pine-color-text-label);display:block;font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing);-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-combobox__input-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;position:relative;width:100%}.pds-combobox__input{background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-125);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text-strong);-ms-flex:1;flex:1;font:var(--pine-typography-body-medium);padding:var(--pine-dimension-xs) var(--pine-dimension-450) var(--pine-dimension-xs) var(--pine-dimension-150);-webkit-transition:border-color var(--pine-motion-duration-base) ease;transition:border-color var(--pine-motion-duration-base) ease;width:100%}.pds-combobox__input:hover:not(:disabled){border-color:var(--pine-color-border-hover)}.pds-combobox__input:disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}.pds-combobox__input:disabled::-webkit-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:disabled::-moz-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:disabled:-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:disabled::-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:disabled::placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:focus-visible{border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-combobox__input::-webkit-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input::-moz-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input:-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input::-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input::placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input.pds-combobox__input--invalid{background:var(--pine-color-red-050);border-color:var(--pine-color-border-danger)}:host-context([data-theme=dark]) .pds-combobox__input.pds-combobox__input--invalid{background:var(--pine-color-red-950)}.pds-combobox__input.pds-combobox__input--invalid:hover:not(:disabled){border-color:var(--pine-color-border-danger)}.pds-combobox__input.pds-combobox__input--invalid:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-combobox__input-icon{color:var(--pine-color-text-secondary);inset-inline-end:var(--pine-dimension-150);pointer-events:none;position:absolute;z-index:calc(var(--pine-z-index-raised) - 1)}.pds-combobox__helper{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-combobox__error{-ms-flex-align:start;align-items:flex-start;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-combobox__error pds-icon{-ms-flex-negative:0;flex-shrink:0;-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.pds-combobox__listbox{background:var(--pine-color-background-overlay);border:0;border-radius:var(--pine-dimension-125);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);list-style:none;margin:0;min-width:220px;overflow-y:auto;padding:var(--pine-dimension-xs);position:absolute;z-index:var(--pine-z-index-raised)}.pds-combobox__option{-ms-flex-align:center;align-items:center;background:transparent;border-radius:var(--pine-dimension-125);color:var(--pine-color-text-secondary);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-medium);-ms-flex-pack:justify;justify-content:space-between;padding:var(--pine-dimension-xs) var(--pine-dimension-sm);position:relative;-webkit-transition:background 0.15s;transition:background 0.15s}.pds-combobox__option[aria-selected=true]{background:var(--pine-color-background-muted)}.pds-combobox__option:focus-visible{outline:0}.pds-combobox__option.pds-combobox__option--layout .pds-combobox__option-layout-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:100%}.pds-combobox__option.pds-combobox__option--chip .pds-combobox__option-chip{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:100%}.pds-combobox__option:last-child{-webkit-margin-after:0;margin-block-end:0}.pds-combobox__option--highlighted,.pds-combobox__option[selected],.pds-combobox__option--selected{background:var(--pine-color-background-muted)}.pds-combobox__option--disabled,.pds-combobox__group-row--disabled>.pds-combobox__group-row-trigger,.pds-combobox__group-back--disabled>.pds-combobox__group-back-trigger,.pds-combobox__group--disabled>.pds-combobox__group-label{color:var(--pine-color-text-disabled)}.pds-combobox__option--disabled{cursor:not-allowed}.pds-combobox__option--disabled .pds-combobox__option-chip,.pds-combobox__option--disabled .pds-combobox__option-layout-wrapper{opacity:0.5}.pds-combobox__option-check{color:currentColor;font-size:var(--pine-dimension-150);-webkit-margin-start:var(--pine-dimension-150);margin-inline-start:var(--pine-dimension-150)}.pds-combobox__group-label{color:var(--pine-color-text-tertiary);cursor:default;font:var(--pine-typography-heading-caption);-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs);-webkit-margin-before:var(--pine-dimension-150);margin-block-start:var(--pine-dimension-150);padding:var(--pine-dimension-2xs) var(--pine-dimension-sm);text-transform:uppercase}.pds-combobox__group-label:first-child{-webkit-margin-before:0;margin-block-start:0}.pds-combobox__group{list-style:none;-webkit-margin-before:var(--pine-dimension-150);margin-block-start:var(--pine-dimension-150)}.pds-combobox__group:first-child{-webkit-margin-before:0;margin-block-start:0}.pds-combobox__group-list{list-style:none;margin:0;padding:0}.pds-combobox__listbox--grouped .pds-combobox__group-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-2xs)}.pds-combobox__group-label--with-icon{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs)}.pds-combobox__group-icon{-ms-flex-negative:0;flex-shrink:0}.pds-combobox__group-row{list-style:none;position:relative}.pds-combobox__group-row-trigger{-ms-flex-align:center;align-items:center;border-radius:var(--pine-dimension-125);color:var(--pine-color-text-secondary);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-medium);gap:var(--pine-dimension-xs);-ms-flex-pack:justify;justify-content:space-between;padding:var(--pine-dimension-xs) var(--pine-dimension-sm);-webkit-transition:background 0.15s;transition:background 0.15s}.pds-combobox__group-row--open>.pds-combobox__group-row-trigger,.pds-combobox__group-row--has-selection>.pds-combobox__group-row-trigger,.pds-combobox__group-row--highlighted>.pds-combobox__group-row-trigger,.pds-combobox__group-back--highlighted>.pds-combobox__group-row-trigger,.pds-combobox__group-row-trigger:hover{background:var(--pine-color-background-muted)}.pds-combobox__listbox--drill-in,.pds-combobox__listbox--drill-out{overflow-x:hidden}.pds-combobox__listbox--drill-in>.pds-combobox__group-back{-webkit-animation:pds-combobox-drill-from-end var(--pine-motion-duration-base) var(--pine-motion-easing-out);animation:pds-combobox-drill-from-end var(--pine-motion-duration-base) var(--pine-motion-easing-out)}.pds-combobox__listbox--drill-out>li{-webkit-animation:pds-combobox-drill-from-start var(--pine-motion-duration-base) var(--pine-motion-easing-out);animation:pds-combobox-drill-from-start var(--pine-motion-duration-base) var(--pine-motion-easing-out)}@-webkit-keyframes pds-combobox-drill-from-end{from{opacity:0;-webkit-transform:translateX(var(--pine-dimension-sm));transform:translateX(var(--pine-dimension-sm))}}@keyframes pds-combobox-drill-from-end{from{opacity:0;-webkit-transform:translateX(var(--pine-dimension-sm));transform:translateX(var(--pine-dimension-sm))}}@-webkit-keyframes pds-combobox-drill-from-start{from{opacity:0;-webkit-transform:translateX(calc(var(--pine-dimension-sm) * -1));transform:translateX(calc(var(--pine-dimension-sm) * -1))}}@keyframes pds-combobox-drill-from-start{from{opacity:0;-webkit-transform:translateX(calc(var(--pine-dimension-sm) * -1));transform:translateX(calc(var(--pine-dimension-sm) * -1))}}.pds-combobox__group-row--keyboard>.pds-combobox__group-row-trigger,.pds-combobox__group-back--keyboard>.pds-combobox__group-row-trigger{outline:var(--pine-outline-focus);outline-offset:calc(var(--pine-border-width) * -2)}.pds-combobox__group-row-label{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);min-width:0}.pds-combobox__group-row-caret{-ms-flex-negative:0;flex-shrink:0}.pds-combobox__listbox--grouped,.pds-combobox__flyout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-2xs);padding:var(--pine-dimension-2xs)}.pds-combobox__flyout{background:var(--pine-color-background-overlay);border-radius:var(--pine-dimension-125);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);list-style:none;margin:0;overflow-y:auto;position:fixed;visibility:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content;z-index:1}.pds-combobox__listbox--with-search{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;padding:0}.pds-combobox__listbox-options{-ms-flex:1;flex:1;list-style:none;margin:0;min-height:0;overflow-y:auto;padding:var(--pine-dimension-xs)}.pds-combobox__listbox-options.pds-combobox__listbox--grouped{padding:var(--pine-dimension-2xs)}.pds-combobox__panel-search{-ms-flex-align:center;align-items:center;-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border);border-block-end-color:var(--pine-color-border-subtle);display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;gap:var(--pine-dimension-xs);padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.pds-combobox__panel-search pds-icon{color:var(--pine-color-text-muted);-ms-flex-negative:0;flex-shrink:0}.pds-combobox__panel-search:focus-within{border-block-end-color:var(--pine-color-border-active)}.pds-combobox__panel-search-input{background:transparent;border:0;color:var(--pine-color-text-strong);-ms-flex:1;flex:1;font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);min-width:0;outline:none}.pds-combobox__panel-search-input::-webkit-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__panel-search-input::-moz-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__panel-search-input:-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__panel-search-input::-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__panel-search-input::placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__group-back{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-2xs);list-style:none}.pds-combobox__group-back-trigger{-ms-flex-pack:start;justify-content:flex-start}.pds-combobox__listbox-options--drilled-in.pds-combobox__listbox--grouped{-webkit-padding-before:0;padding-block-start:0}.pds-combobox__listbox-options--drilled-in:focus{outline:none}.pds-combobox__listbox-options--drilled-in:focus .pds-combobox__group-back-trigger{border-block-end-color:var(--pine-color-border-active)}:where(.pds-combobox__listbox-options--drilled-in) .pds-combobox__group-back-trigger{background-color:var(--pine-color-background-overlay);-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border);border-block-end-color:var(--pine-color-border-subtle);border-radius:0;inset-block-start:0;margin-inline:calc(var(--pine-dimension-2xs) * -1);position:-webkit-sticky;position:sticky;z-index:1}.pds-combobox__drill-in-options{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-2xs);list-style:none;margin:0;padding:0}.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-combobox__loading{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-150)}.pds-combobox__empty{color:var(--pine-color-text-tertiary);padding:var(--pine-dimension-150) var(--pine-dimension-sm);text-align:center}.pds-combobox__load-more{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-150)}:host(.pds-combobox-dropdown-portal) .pds-combobox__listbox{position:fixed;z-index:var(--pine-z-index-priority)}.pds-combobox__button-trigger{-ms-flex-align:center;align-items:center;background:var(--color-background-default, var(--pine-color-secondary));border:var(--pine-border);border-radius:var(--pine-border-radius-full);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--color-text-default, var(--pine-color-text-inverse-emphasis));cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-medium);-ms-flex-pack:justify;justify-content:space-between;min-height:var(--pine-dimension-450);outline:none;padding:0 var(--pine-dimension-sm);-webkit-transition:border-color 0.15s, background 0.15s, -webkit-box-shadow 0.15s;transition:border-color 0.15s, background 0.15s, -webkit-box-shadow 0.15s;transition:border-color 0.15s, box-shadow 0.15s, background 0.15s;transition:border-color 0.15s, box-shadow 0.15s, background 0.15s, -webkit-box-shadow 0.15s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pds-combobox__button-trigger .pds-combobox__button-trigger-layout-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}.pds-combobox__button-trigger .trigger-content{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:100%}.pds-combobox__button-trigger:focus-visible{border-color:var(--color-border-focus, var(--pine-color-border));-webkit-box-shadow:0 0 0 2px var(--color-outline, var(--pine-color-focus-ring));box-shadow:0 0 0 2px var(--color-outline, var(--pine-color-focus-ring))}.pds-combobox__button-trigger:hover{background:var(--color-background-hover, var(--pine-color-secondary-hover));border-color:var(--color-border-hover, var(--pine-color-border-hover))}.pds-combobox__button-trigger[aria-disabled=true],.pds-combobox__button-trigger:disabled{background:var(--color-background-disabled, var(--pine-color-secondary-disabled));border-color:var(--color-border-disabled, var(--pine-color-border-disabled));color:var(--color-text-disabled, var(--pine-color-text-secondary-disabled));cursor:not-allowed;opacity:0.6}.pds-combobox__button-trigger-label{color:inherit;-ms-flex:1 1 auto;flex:1 1 auto;text-align:start}.pds-combobox__button-trigger--input-shape{border-radius:var(--pine-dimension-125);min-height:var(--pine-dimension-500)}.pds-combobox__button-trigger-chevron{color:currentColor;-webkit-margin-start:var(--pine-dimension-150);margin-inline-start:var(--pine-dimension-150)}.pds-combobox__button-trigger--primary{--color-background-default:var(--pine-color-primary);--color-background-hover:var(--pine-color-primary-hover);--color-background-disabled:var(--pine-color-primary-disabled);--color-border-default:var(--pine-color-primary);--color-border-hover:var(--pine-color-primary-hover);--color-border-disabled:var(--pine-color-primary-disabled);--color-border-focus:var(--pine-color-primary);--color-text-default:var(--pine-color-text-primary);--color-text-disabled:var(--pine-color-text-primary-disabled);--color-outline:var(--pine-color-focus-ring)}.pds-combobox__button-trigger--accent{--color-background-default:var(--pine-color-accent);--color-background-hover:var(--pine-color-accent-hover);--color-background-disabled:var(--pine-color-accent-disabled);--color-border-default:var(--pine-color-accent);--color-border-hover:var(--pine-color-accent-hover);--color-border-disabled:var(--pine-color-accent-disabled);--color-border-focus:var(--pine-color-accent);--color-text-default:var(--pine-color-text-primary);--color-text-disabled:var(--pine-color-text-accent-disabled);--color-outline:var(--pine-color-focus-ring)}.pds-combobox__button-trigger--secondary{--color-background-default:var(--pine-color-secondary);--color-background-hover:var(--pine-color-secondary-hover);--color-background-disabled:var(--pine-color-secondary-disabled);--color-border-default:var(--pine-color-border);--color-border-hover:var(--pine-color-border-hover);--color-border-disabled:var(--pine-color-border-disabled);--color-border-focus:var(--pine-color-border);--color-text-default:var(--pine-color-text-secondary);--color-text-disabled:var(--pine-color-text-secondary-disabled);--color-outline:var(--pine-color-focus-ring)}.pds-combobox__button-trigger--destructive{--color-background-default:var(--pine-color-danger);--color-background-hover:var(--pine-color-danger-hover);--color-background-disabled:var(--pine-color-danger-disabled);--color-border-default:var(--pine-color-danger);--color-border-hover:var(--pine-color-danger-hover);--color-border-disabled:var(--pine-color-danger-disabled);--color-border-focus:var(--pine-color-danger);--color-text-default:var(--pine-color-white);--color-text-disabled:var(--pine-color-text-danger-disabled);--color-outline:var(--pine-color-focus-ring-danger)}[data-layout]{border-radius:var(--pine-dimension-125);padding-block:var(--pine-dimension-xs)}.pds-combobox__chip-trigger{-ms-flex-align:center;align-items:center;border-radius:var(--pine-dimension-sm);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;font:var(--pine-typography-body-medium);-ms-flex-pack:justify;justify-content:space-between;outline:none;padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-150);-webkit-transition:all 0.15s ease;transition:all 0.15s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pds-combobox__chip-trigger .pds-combobox__chip-trigger-layout-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}.pds-combobox__chip-trigger .trigger-content{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:100%}.pds-combobox__chip-trigger:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-combobox__chip-trigger[aria-disabled=true]{cursor:not-allowed;opacity:0.6}.pds-combobox__chip-trigger-label{color:inherit;-ms-flex:1 1 auto;flex:1 1 auto;text-align:start}.pds-combobox__chip-trigger-chevron{color:currentColor;-webkit-margin-start:var(--pine-dimension-150);margin-inline-start:var(--pine-dimension-150)}.pds-combobox__chip-trigger-icon{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-combobox__chip-trigger--neutral,.pds-combobox__chip-trigger--accent,.pds-combobox__chip-trigger--success,.pds-combobox__chip-trigger--warning,.pds-combobox__chip-trigger--danger,.pds-combobox__chip-trigger--info{background:var(--chip-bg);border:var(--pine-border-width) solid var(--chip-border);color:var(--chip-text)}.pds-combobox__chip-trigger--neutral:hover:not([aria-disabled=true]),.pds-combobox__chip-trigger--accent:hover:not([aria-disabled=true]),.pds-combobox__chip-trigger--success:hover:not([aria-disabled=true]),.pds-combobox__chip-trigger--warning:hover:not([aria-disabled=true]),.pds-combobox__chip-trigger--danger:hover:not([aria-disabled=true]),.pds-combobox__chip-trigger--info:hover:not([aria-disabled=true]){background:var(--chip-bg-hover)}.pds-combobox__chip-trigger--neutral:focus-visible,.pds-combobox__chip-trigger--accent:focus-visible,.pds-combobox__chip-trigger--success:focus-visible,.pds-combobox__chip-trigger--warning:focus-visible,.pds-combobox__chip-trigger--danger:focus-visible,.pds-combobox__chip-trigger--info:focus-visible{border-color:var(--chip-border)}.pds-combobox__chip-trigger--neutral{--chip-bg:var(--pine-chip-color-neutral);--chip-bg-hover:var(--pine-chip-color-neutral-hover);--chip-border:var(--pine-chip-color-neutral-hover);--chip-text:var(--pine-color-text-neutral)}.pds-combobox__chip-trigger--accent{--chip-bg:var(--pine-chip-color-accent);--chip-bg-hover:var(--pine-chip-color-accent-hover);--chip-border:var(--pine-chip-color-accent-hover);--chip-text:var(--pine-color-text-accent)}.pds-combobox__chip-trigger--success{--chip-bg:var(--pine-chip-color-success);--chip-bg-hover:var(--pine-chip-color-success-hover);--chip-border:var(--pine-chip-color-success-hover);--chip-text:var(--pine-color-text-success)}.pds-combobox__chip-trigger--warning{--chip-bg:var(--pine-chip-color-warning);--chip-bg-hover:var(--pine-chip-color-warning-hover);--chip-border:var(--pine-chip-color-warning-hover);--chip-text:var(--pine-color-text-warning)}.pds-combobox__chip-trigger--danger{--chip-bg:var(--pine-chip-color-danger);--chip-bg-hover:var(--pine-chip-color-danger-hover);--chip-border:var(--pine-chip-color-danger-hover);--chip-text:var(--pine-color-text-danger)}.pds-combobox__chip-trigger--info{--chip-bg:var(--pine-chip-color-info);--chip-bg-hover:var(--pine-chip-color-info-hover);--chip-border:var(--pine-chip-color-info-hover);--chip-text:var(--pine-color-text-info)}.pds-combobox__chip-trigger--brand{background:-webkit-gradient(linear, left top, right top, from(#FF3E14), to(#6B62F2));background:linear-gradient(90deg, #FF3E14 0%, #6B62F2 100%);border:0;color:var(--pine-color-text-neutral);padding:1px;position:relative}.pds-combobox__chip-trigger--brand .pds-combobox__chip-trigger-label{background:rgba(255, 255, 255, 0.9);border-radius:calc(var(--pine-dimension-sm) - 1px);color:var(--pine-color-text-neutral);font-weight:var(--pine-font-weight-medium);padding:var(--pine-dimension-025) var(--pine-dimension-150);position:relative;z-index:1}.pds-combobox__chip-trigger--brand .pds-combobox__chip-trigger-chevron{position:relative;z-index:1}.pds-combobox__chip-trigger--brand:hover:not([aria-disabled=true]) .pds-combobox__chip-trigger-label{background:rgba(255, 255, 255, 0.8)}.pds-combobox__chip-trigger--dropdown:not(.pds-combobox__chip-trigger--brand){padding:var(--pine-dimension-none)}.pds-combobox__chip-trigger--dropdown:not(.pds-combobox__chip-trigger--brand) .pds-combobox__chip-trigger-label{padding:var(--pine-dimension-025) var(--pine-dimension-150)}.pds-combobox__chip-trigger--large .pds-combobox__chip-trigger-label{font-family:var(--pine-font-family-heading);font-size:var(--pine-font-size-heading-6);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing-heading-6)}.pds-combobox__chip-trigger--dot .pds-combobox__chip-trigger-label::before{border:var(--pine-border-width) solid transparent;border-radius:var(--pine-border-radius-full);content:"";display:inline-block;height:var(--pine-dimension-2xs);-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs);width:var(--pine-dimension-2xs)}`;
|
|
10928
|
+
const pdsComboboxCss = () => `:host{display:block}:host([aria-disabled=true]) .pds-combobox__input-icon{color:var(--pine-color-text-disabled);pointer-events:none}.pds-combobox{position:relative}.pds-combobox__label{color:var(--pine-color-text-label);display:block;font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing);-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-combobox__input-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;position:relative;width:100%}.pds-combobox__input{background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-125);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text-strong);-ms-flex:1;flex:1;font:var(--pine-typography-body-medium);padding:var(--pine-dimension-xs) var(--pine-dimension-450) var(--pine-dimension-xs) var(--pine-dimension-150);-webkit-transition:border-color var(--pine-motion-duration-base) ease;transition:border-color var(--pine-motion-duration-base) ease;width:100%}.pds-combobox__input:hover:not(:disabled){border-color:var(--pine-color-border-hover)}.pds-combobox__input:disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}.pds-combobox__input:disabled::-webkit-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:disabled::-moz-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:disabled:-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:disabled::-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:disabled::placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:focus-visible{border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-combobox__input::-webkit-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input::-moz-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input:-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input::-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input::placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input.pds-combobox__input--invalid{background:var(--pine-color-red-050);border-color:var(--pine-color-border-danger)}:host-context([data-theme=dark]) .pds-combobox__input.pds-combobox__input--invalid{background:var(--pine-color-red-950)}.pds-combobox__input.pds-combobox__input--invalid:hover:not(:disabled){border-color:var(--pine-color-border-danger)}.pds-combobox__input.pds-combobox__input--invalid:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-combobox__input-icon{color:var(--pine-color-text-secondary);inset-inline-end:var(--pine-dimension-150);pointer-events:none;position:absolute;z-index:calc(var(--pine-z-index-raised) - 1)}.pds-combobox__helper{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-combobox__error{-ms-flex-align:start;align-items:flex-start;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-combobox__error pds-icon{-ms-flex-negative:0;flex-shrink:0;-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.pds-combobox__listbox{background:var(--pine-color-background-overlay);border:0;border-radius:var(--pine-dimension-125);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);list-style:none;margin:0;min-width:220px;overflow-y:auto;padding:var(--pine-dimension-xs);position:absolute;z-index:var(--pine-z-index-raised)}.pds-combobox__option{-ms-flex-align:center;align-items:center;background:transparent;border-radius:var(--pine-dimension-125);color:var(--pine-color-text-secondary);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-medium);-ms-flex-pack:justify;justify-content:space-between;padding:var(--pine-dimension-xs) var(--pine-dimension-sm);position:relative;-webkit-transition:background 0.15s;transition:background 0.15s}.pds-combobox__option[aria-selected=true]{background:var(--pine-color-background-muted)}.pds-combobox__option:focus-visible{outline:0}.pds-combobox__option.pds-combobox__option--layout .pds-combobox__option-layout-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:100%}.pds-combobox__option.pds-combobox__option--chip .pds-combobox__option-chip{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:100%}.pds-combobox__option:last-child{-webkit-margin-after:0;margin-block-end:0}.pds-combobox__option--highlighted,.pds-combobox__option[selected],.pds-combobox__option--selected{background:var(--pine-color-background-muted)}.pds-combobox__option--disabled,.pds-combobox__group-row--disabled>.pds-combobox__group-row-trigger,.pds-combobox__group-back--disabled>.pds-combobox__group-back-trigger,.pds-combobox__group--disabled>.pds-combobox__group-label{color:var(--pine-color-text-disabled)}.pds-combobox__option--disabled{cursor:not-allowed}.pds-combobox__option--disabled .pds-combobox__option-chip,.pds-combobox__option--disabled .pds-combobox__option-layout-wrapper{opacity:0.5}.pds-combobox__option-check{color:currentColor;font-size:var(--pine-dimension-150);-webkit-margin-start:var(--pine-dimension-150);margin-inline-start:var(--pine-dimension-150)}.pds-combobox__group-label{color:var(--pine-color-text-tertiary);cursor:default;font:var(--pine-typography-heading-caption);-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs);-webkit-margin-before:var(--pine-dimension-150);margin-block-start:var(--pine-dimension-150);padding:var(--pine-dimension-2xs) var(--pine-dimension-sm);text-transform:uppercase}.pds-combobox__group-label:first-child{-webkit-margin-before:0;margin-block-start:0}.pds-combobox__group{list-style:none;-webkit-margin-before:var(--pine-dimension-150);margin-block-start:var(--pine-dimension-150)}.pds-combobox__group:first-child{-webkit-margin-before:0;margin-block-start:0}.pds-combobox__group-list{list-style:none;margin:0;padding:0}.pds-combobox__listbox--grouped .pds-combobox__group-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-2xs)}.pds-combobox__group-label--with-icon{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs)}.pds-combobox__group-icon{-ms-flex-negative:0;flex-shrink:0}.pds-combobox__group-row{list-style:none;position:relative}.pds-combobox__group-row-trigger{-ms-flex-align:center;align-items:center;border-radius:var(--pine-dimension-125);color:var(--pine-color-text-secondary);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-medium);gap:var(--pine-dimension-xs);-ms-flex-pack:justify;justify-content:space-between;padding:var(--pine-dimension-xs) var(--pine-dimension-sm);-webkit-transition:background 0.15s;transition:background 0.15s}.pds-combobox__group-row--open>.pds-combobox__group-row-trigger,.pds-combobox__group-row--has-selection>.pds-combobox__group-row-trigger,.pds-combobox__group-row--highlighted>.pds-combobox__group-row-trigger,.pds-combobox__group-back--highlighted>.pds-combobox__group-row-trigger,.pds-combobox__group-row-trigger:hover{background:var(--pine-color-background-muted)}.pds-combobox__listbox--drill-in,.pds-combobox__listbox--drill-out{overflow-x:hidden}.pds-combobox__listbox--drill-in>.pds-combobox__group-back{-webkit-animation:pds-combobox-drill-from-end var(--pine-motion-duration-base) var(--pine-motion-easing-out);animation:pds-combobox-drill-from-end var(--pine-motion-duration-base) var(--pine-motion-easing-out)}.pds-combobox__listbox--drill-out>li{-webkit-animation:pds-combobox-drill-from-start var(--pine-motion-duration-base) var(--pine-motion-easing-out);animation:pds-combobox-drill-from-start var(--pine-motion-duration-base) var(--pine-motion-easing-out)}@-webkit-keyframes pds-combobox-drill-from-end{from{opacity:0;-webkit-transform:translateX(var(--pine-dimension-sm));transform:translateX(var(--pine-dimension-sm))}}@keyframes pds-combobox-drill-from-end{from{opacity:0;-webkit-transform:translateX(var(--pine-dimension-sm));transform:translateX(var(--pine-dimension-sm))}}@-webkit-keyframes pds-combobox-drill-from-start{from{opacity:0;-webkit-transform:translateX(calc(var(--pine-dimension-sm) * -1));transform:translateX(calc(var(--pine-dimension-sm) * -1))}}@keyframes pds-combobox-drill-from-start{from{opacity:0;-webkit-transform:translateX(calc(var(--pine-dimension-sm) * -1));transform:translateX(calc(var(--pine-dimension-sm) * -1))}}.pds-combobox__group-row--keyboard>.pds-combobox__group-row-trigger,.pds-combobox__group-back--keyboard>.pds-combobox__group-row-trigger{outline:var(--pine-outline-focus);outline-offset:calc(var(--pine-border-width) * -2)}.pds-combobox__group-row-label{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);min-width:0}.pds-combobox__group-row-caret{-ms-flex-negative:0;flex-shrink:0}.pds-combobox__listbox--grouped,.pds-combobox__flyout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-2xs);padding:var(--pine-dimension-2xs)}.pds-combobox__flyout{background:var(--pine-color-background-overlay);border-radius:var(--pine-dimension-125);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);list-style:none;margin:0;overflow-y:auto;position:fixed;visibility:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content;z-index:1}.pds-combobox__listbox--with-search{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;padding:0}.pds-combobox__listbox-options{-ms-flex:1;flex:1;list-style:none;margin:0;min-height:0;overflow-y:auto;padding:var(--pine-dimension-xs)}.pds-combobox__listbox-options.pds-combobox__listbox--grouped{padding:var(--pine-dimension-2xs)}.pds-combobox__panel-search{-ms-flex-align:center;align-items:center;-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border);border-block-end-color:var(--pine-color-border-subtle);display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;gap:var(--pine-dimension-xs);padding:var(--pine-dimension-sm)}.pds-combobox__panel-search pds-icon{color:var(--pine-color-text-muted);-ms-flex-negative:0;flex-shrink:0}.pds-combobox__panel-search:focus-within{border-block-end-color:var(--pine-color-border-active)}.pds-combobox__panel-search-input{background:transparent;border:0;color:var(--pine-color-text-strong);-ms-flex:1;flex:1;font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);min-width:0;outline:none;padding:0}.pds-combobox__panel-search-input::-webkit-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__panel-search-input::-moz-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__panel-search-input:-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__panel-search-input::-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__panel-search-input::placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__group-back{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-2xs);list-style:none}.pds-combobox__group-back-trigger{-ms-flex-pack:start;justify-content:flex-start}.pds-combobox__listbox-options--drilled-in.pds-combobox__listbox--grouped{-webkit-padding-before:0;padding-block-start:0}.pds-combobox__listbox-options--drilled-in:focus{outline:none}.pds-combobox__listbox-options--drilled-in:focus .pds-combobox__group-back-trigger{border-block-end-color:var(--pine-color-border-active)}:where(.pds-combobox__listbox-options--drilled-in) .pds-combobox__group-back-trigger{background-color:var(--pine-color-background-overlay);-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border);border-block-end-color:var(--pine-color-border-subtle);border-radius:0;color:var(--pine-color-text-strong);font:var(--pine-typography-body);inset-block-start:0;letter-spacing:var(--pine-letter-spacing);margin-inline:calc(var(--pine-dimension-2xs) * -1);padding:var(--pine-dimension-sm);position:-webkit-sticky;position:sticky;z-index:1}.pds-combobox__drill-in-options{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-2xs);list-style:none;margin:0;padding:0}.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-combobox__loading{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-150)}.pds-combobox__empty{color:var(--pine-color-text-tertiary);padding:var(--pine-dimension-150) var(--pine-dimension-sm);text-align:center}.pds-combobox__load-more{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-150)}:host(.pds-combobox-dropdown-portal) .pds-combobox__listbox{position:fixed;z-index:var(--pine-z-index-priority)}.pds-combobox__button-trigger{-ms-flex-align:center;align-items:center;background:var(--color-background-default, var(--pine-color-secondary));border:var(--pine-border);border-radius:var(--pine-border-radius-full);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--color-text-default, var(--pine-color-text-inverse-emphasis));cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-medium);-ms-flex-pack:justify;justify-content:space-between;min-height:var(--pine-dimension-450);outline:none;padding:0 var(--pine-dimension-sm);-webkit-transition:border-color 0.15s, background 0.15s, -webkit-box-shadow 0.15s;transition:border-color 0.15s, background 0.15s, -webkit-box-shadow 0.15s;transition:border-color 0.15s, box-shadow 0.15s, background 0.15s;transition:border-color 0.15s, box-shadow 0.15s, background 0.15s, -webkit-box-shadow 0.15s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pds-combobox__button-trigger .pds-combobox__button-trigger-layout-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}.pds-combobox__button-trigger .trigger-content{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:100%}.pds-combobox__button-trigger:focus-visible{border-color:var(--color-border-focus, var(--pine-color-border));-webkit-box-shadow:0 0 0 2px var(--color-outline, var(--pine-color-focus-ring));box-shadow:0 0 0 2px var(--color-outline, var(--pine-color-focus-ring))}.pds-combobox__button-trigger:hover{background:var(--color-background-hover, var(--pine-color-secondary-hover));border-color:var(--color-border-hover, var(--pine-color-border-hover))}.pds-combobox__button-trigger[aria-disabled=true],.pds-combobox__button-trigger:disabled{background:var(--color-background-disabled, var(--pine-color-secondary-disabled));border-color:var(--color-border-disabled, var(--pine-color-border-disabled));color:var(--color-text-disabled, var(--pine-color-text-secondary-disabled));cursor:not-allowed;opacity:0.6}.pds-combobox__button-trigger-label{color:inherit;-ms-flex:1 1 auto;flex:1 1 auto;text-align:start}.pds-combobox__button-trigger--input-shape{border-radius:var(--pine-dimension-125);font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);min-height:var(--pine-dimension-450);padding:calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-150)}.pds-combobox__button-trigger--secondary.pds-combobox__button-trigger--input-shape:not([aria-disabled=true]) .pds-combobox__button-trigger-label--placeholder{color:var(--pine-color-text-muted)}.pds-combobox__button-trigger-chevron{color:currentColor;-webkit-margin-start:var(--pine-dimension-150);margin-inline-start:var(--pine-dimension-150)}.pds-combobox__button-trigger--primary{--color-background-default:var(--pine-color-primary);--color-background-hover:var(--pine-color-primary-hover);--color-background-disabled:var(--pine-color-primary-disabled);--color-border-default:var(--pine-color-primary);--color-border-hover:var(--pine-color-primary-hover);--color-border-disabled:var(--pine-color-primary-disabled);--color-border-focus:var(--pine-color-primary);--color-text-default:var(--pine-color-text-primary);--color-text-disabled:var(--pine-color-text-primary-disabled);--color-outline:var(--pine-color-focus-ring)}.pds-combobox__button-trigger--accent{--color-background-default:var(--pine-color-accent);--color-background-hover:var(--pine-color-accent-hover);--color-background-disabled:var(--pine-color-accent-disabled);--color-border-default:var(--pine-color-accent);--color-border-hover:var(--pine-color-accent-hover);--color-border-disabled:var(--pine-color-accent-disabled);--color-border-focus:var(--pine-color-accent);--color-text-default:var(--pine-color-text-primary);--color-text-disabled:var(--pine-color-text-accent-disabled);--color-outline:var(--pine-color-focus-ring)}.pds-combobox__button-trigger--secondary{--color-background-default:var(--pine-color-secondary);--color-background-hover:var(--pine-color-secondary-hover);--color-background-disabled:var(--pine-color-secondary-disabled);--color-border-default:var(--pine-color-border);--color-border-hover:var(--pine-color-border-hover);--color-border-disabled:var(--pine-color-border-disabled);--color-border-focus:var(--pine-color-border);--color-text-default:var(--pine-color-text-secondary);--color-text-disabled:var(--pine-color-text-secondary-disabled);--color-outline:var(--pine-color-focus-ring)}.pds-combobox__button-trigger--destructive{--color-background-default:var(--pine-color-danger);--color-background-hover:var(--pine-color-danger-hover);--color-background-disabled:var(--pine-color-danger-disabled);--color-border-default:var(--pine-color-danger);--color-border-hover:var(--pine-color-danger-hover);--color-border-disabled:var(--pine-color-danger-disabled);--color-border-focus:var(--pine-color-danger);--color-text-default:var(--pine-color-white);--color-text-disabled:var(--pine-color-text-danger-disabled);--color-outline:var(--pine-color-focus-ring-danger)}[data-layout]{border-radius:var(--pine-dimension-125);padding-block:var(--pine-dimension-xs)}.pds-combobox__chip-trigger{-ms-flex-align:center;align-items:center;border-radius:var(--pine-dimension-sm);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;font:var(--pine-typography-body-medium);-ms-flex-pack:justify;justify-content:space-between;outline:none;padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-150);-webkit-transition:all 0.15s ease;transition:all 0.15s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pds-combobox__chip-trigger .pds-combobox__chip-trigger-layout-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}.pds-combobox__chip-trigger .trigger-content{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:100%}.pds-combobox__chip-trigger:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-combobox__chip-trigger[aria-disabled=true]{cursor:not-allowed;opacity:0.6}.pds-combobox__chip-trigger-label{color:inherit;-ms-flex:1 1 auto;flex:1 1 auto;text-align:start}.pds-combobox__chip-trigger-chevron{color:currentColor;-webkit-margin-start:var(--pine-dimension-150);margin-inline-start:var(--pine-dimension-150)}.pds-combobox__chip-trigger-icon{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-combobox__chip-trigger--neutral,.pds-combobox__chip-trigger--accent,.pds-combobox__chip-trigger--success,.pds-combobox__chip-trigger--warning,.pds-combobox__chip-trigger--danger,.pds-combobox__chip-trigger--info{background:var(--chip-bg);border:var(--pine-border-width) solid var(--chip-border);color:var(--chip-text)}.pds-combobox__chip-trigger--neutral:hover:not([aria-disabled=true]),.pds-combobox__chip-trigger--accent:hover:not([aria-disabled=true]),.pds-combobox__chip-trigger--success:hover:not([aria-disabled=true]),.pds-combobox__chip-trigger--warning:hover:not([aria-disabled=true]),.pds-combobox__chip-trigger--danger:hover:not([aria-disabled=true]),.pds-combobox__chip-trigger--info:hover:not([aria-disabled=true]){background:var(--chip-bg-hover)}.pds-combobox__chip-trigger--neutral:focus-visible,.pds-combobox__chip-trigger--accent:focus-visible,.pds-combobox__chip-trigger--success:focus-visible,.pds-combobox__chip-trigger--warning:focus-visible,.pds-combobox__chip-trigger--danger:focus-visible,.pds-combobox__chip-trigger--info:focus-visible{border-color:var(--chip-border)}.pds-combobox__chip-trigger--neutral{--chip-bg:var(--pine-chip-color-neutral);--chip-bg-hover:var(--pine-chip-color-neutral-hover);--chip-border:var(--pine-chip-color-neutral-hover);--chip-text:var(--pine-color-text-neutral)}.pds-combobox__chip-trigger--accent{--chip-bg:var(--pine-chip-color-accent);--chip-bg-hover:var(--pine-chip-color-accent-hover);--chip-border:var(--pine-chip-color-accent-hover);--chip-text:var(--pine-color-text-accent)}.pds-combobox__chip-trigger--success{--chip-bg:var(--pine-chip-color-success);--chip-bg-hover:var(--pine-chip-color-success-hover);--chip-border:var(--pine-chip-color-success-hover);--chip-text:var(--pine-color-text-success)}.pds-combobox__chip-trigger--warning{--chip-bg:var(--pine-chip-color-warning);--chip-bg-hover:var(--pine-chip-color-warning-hover);--chip-border:var(--pine-chip-color-warning-hover);--chip-text:var(--pine-color-text-warning)}.pds-combobox__chip-trigger--danger{--chip-bg:var(--pine-chip-color-danger);--chip-bg-hover:var(--pine-chip-color-danger-hover);--chip-border:var(--pine-chip-color-danger-hover);--chip-text:var(--pine-color-text-danger)}.pds-combobox__chip-trigger--info{--chip-bg:var(--pine-chip-color-info);--chip-bg-hover:var(--pine-chip-color-info-hover);--chip-border:var(--pine-chip-color-info-hover);--chip-text:var(--pine-color-text-info)}.pds-combobox__chip-trigger--brand{background:-webkit-gradient(linear, left top, right top, from(#FF3E14), to(#6B62F2));background:linear-gradient(90deg, #FF3E14 0%, #6B62F2 100%);border:0;color:var(--pine-color-text-neutral);padding:1px;position:relative}.pds-combobox__chip-trigger--brand .pds-combobox__chip-trigger-label{background:rgba(255, 255, 255, 0.9);border-radius:calc(var(--pine-dimension-sm) - 1px);color:var(--pine-color-text-neutral);font-weight:var(--pine-font-weight-medium);padding:var(--pine-dimension-025) var(--pine-dimension-150);position:relative;z-index:1}.pds-combobox__chip-trigger--brand .pds-combobox__chip-trigger-chevron{position:relative;z-index:1}.pds-combobox__chip-trigger--brand:hover:not([aria-disabled=true]) .pds-combobox__chip-trigger-label{background:rgba(255, 255, 255, 0.8)}.pds-combobox__chip-trigger--dropdown:not(.pds-combobox__chip-trigger--brand){padding:var(--pine-dimension-none)}.pds-combobox__chip-trigger--dropdown:not(.pds-combobox__chip-trigger--brand) .pds-combobox__chip-trigger-label{padding:var(--pine-dimension-025) var(--pine-dimension-150)}.pds-combobox__chip-trigger--large .pds-combobox__chip-trigger-label{font-family:var(--pine-font-family-heading);font-size:var(--pine-font-size-heading-6);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing-heading-6)}.pds-combobox__chip-trigger--dot .pds-combobox__chip-trigger-label::before{border:var(--pine-border-width) solid transparent;border-radius:var(--pine-border-radius-full);content:"";display:inline-block;height:var(--pine-dimension-2xs);-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs);width:var(--pine-dimension-2xs)}`;
|
|
10745
10929
|
|
|
10746
10930
|
/**
|
|
10747
10931
|
* @slot option - Option elements for the combobox dropdown
|
|
@@ -10803,6 +10987,11 @@ class PdsCombobox {
|
|
|
10803
10987
|
* @defaultValue 'Back'
|
|
10804
10988
|
*/
|
|
10805
10989
|
this.drillInBackLabel = 'Back';
|
|
10990
|
+
/**
|
|
10991
|
+
* Text shown when no options match the search. Pass a translated string to localize it; defaults to English.
|
|
10992
|
+
* @defaultValue 'No options found'
|
|
10993
|
+
*/
|
|
10994
|
+
this.noOptionsFoundLabel = 'No options found';
|
|
10806
10995
|
/**
|
|
10807
10996
|
* Maximum width of a group's flyout when `group-display` is `flyout`. Any valid CSS width value.
|
|
10808
10997
|
* @default '380px'
|
|
@@ -12764,7 +12953,7 @@ class PdsCombobox {
|
|
|
12764
12953
|
this.panelTreeEl = el;
|
|
12765
12954
|
else
|
|
12766
12955
|
this.listboxEl = el;
|
|
12767
|
-
}, onScroll: this.handleScroll }, this.loading && (hAsync("li", { class: "pds-combobox__loading", role: "presentation" }, hasSlottedLoading ? (hAsync("slot", { name: "loading" })) : (hAsync("pds-loader", { size: "small" })))), !this.loading && this.filteredItems.length === 0 && (hAsync("li", { class: "pds-combobox__empty", role: "presentation" }, hasSlottedEmpty ? (hAsync("slot", { name: "empty" })) : (hAsync("span", null,
|
|
12956
|
+
}, onScroll: this.handleScroll }, this.loading && (hAsync("li", { class: "pds-combobox__loading", role: "presentation" }, hasSlottedLoading ? (hAsync("slot", { name: "loading" })) : (hAsync("pds-loader", { size: "small" })))), !this.loading && this.filteredItems.length === 0 && (hAsync("li", { class: "pds-combobox__empty", role: "presentation" }, hasSlottedEmpty ? (hAsync("slot", { name: "empty" })) : (hAsync("span", null, this.noOptionsFoundLabel)))), this.showsGroupedPanel ? this.renderGroupedPanel() : this.renderListboxItems(selectableOptions.length), this.hasMore && !this.loading && (hAsync("li", { class: "pds-combobox__load-more", role: "presentation" }, hAsync("pds-loader", { size: "small" })))));
|
|
12768
12957
|
if (!withSearch)
|
|
12769
12958
|
return list;
|
|
12770
12959
|
// The search field sits above the list; the wrapper is what's positioned and portaled.
|
|
@@ -12903,7 +13092,7 @@ class PdsCombobox {
|
|
|
12903
13092
|
return true;
|
|
12904
13093
|
}
|
|
12905
13094
|
renderPanelSearch() {
|
|
12906
|
-
return (hAsync("div", { key: "panel-search", class: "pds-combobox__panel-search" }, hAsync("pds-icon", { name: "search", size: "
|
|
13095
|
+
return (hAsync("div", { key: "panel-search", class: "pds-combobox__panel-search" }, hAsync("pds-icon", { name: "search", size: "regular", "aria-hidden": "true" }), hAsync("input", { ref: el => (this.panelSearchEl = el), type: "text", class: "pds-combobox__panel-search-input", placeholder: this.searchPlaceholder, value: this.panelQuery, role: "combobox", "aria-label": this.searchOptionsLabel, "aria-haspopup": this.popupRole, "aria-controls": this.listboxId, "aria-autocomplete": "list", "aria-expanded": "true", "aria-activedescendant": this.activeDescendantId, autocomplete: "off", onInput: this.onPanelSearchInput, onKeyDown: this.onPanelSearchKeyDown })));
|
|
12907
13096
|
}
|
|
12908
13097
|
/**
|
|
12909
13098
|
* An option, as a listbox `option` or, given a tree `level`, a `treeitem`. `posinset` and
|
|
@@ -12992,7 +13181,7 @@ class PdsCombobox {
|
|
|
12992
13181
|
}
|
|
12993
13182
|
// Helper method to render default text content
|
|
12994
13183
|
renderDefaultContent() {
|
|
12995
|
-
return (hAsync("span", { class:
|
|
13184
|
+
return (hAsync("span", { class: { 'pds-combobox__button-trigger-label': true, 'pds-combobox__button-trigger-label--placeholder': !this.selectedLabel } }, this.selectedLabel || this.placeholder));
|
|
12996
13185
|
}
|
|
12997
13186
|
// Helper method to check if we should show layout content
|
|
12998
13187
|
shouldShowLayoutContent() {
|
|
@@ -13117,13 +13306,13 @@ class PdsCombobox {
|
|
|
13117
13306
|
]
|
|
13118
13307
|
.filter(Boolean)
|
|
13119
13308
|
.join(' ');
|
|
13120
|
-
return (hAsync(Host, { key: '
|
|
13309
|
+
return (hAsync(Host, { key: '960558b36010eb059c98acc37439656f2f7ff657', "aria-disabled": this.disabled ? 'true' : null }, hAsync("div", { key: 'b0abcd004aa98b630819cfdd0cfb85ebde2ee2f8', class: "pds-combobox", tabIndex: -1, onFocusout: this.onComboboxFocusOut, part: "combobox" }, this.hasVisibleLabel && (hAsync("label", { key: 'ae42f12fe4d0c498c99c0baae7673ff90e1be576', htmlFor: this.trigger === 'input' ? this.componentId : undefined, id: this.labelId, class: "pds-combobox__label", onClick: this.onLabelClick }, this.label)), this.trigger === 'input' ? (hAsync("div", { class: "pds-combobox__input-wrapper", style: { width: this.triggerWidth } }, hAsync("input", { ref: el => {
|
|
13121
13310
|
this.inputEl = el;
|
|
13122
13311
|
this.triggerEl = el;
|
|
13123
13312
|
}, class: {
|
|
13124
13313
|
'pds-combobox__input': true,
|
|
13125
13314
|
'pds-combobox__input--invalid': this.isInvalid(),
|
|
13126
|
-
}, type: "text", role: "combobox", "aria-autocomplete": "list", "aria-haspopup": this.inputPopupRole === 'tree' ? 'tree' : undefined, "aria-controls": this.listboxId, "aria-describedby": assignDescription(this.componentId, this.isInvalid(), this.helperMessage, this.errorMessage), "aria-invalid": this.isInvalid() ? 'true' : undefined, "aria-activedescendant": this.usesPanelSearch ? undefined : this.activeDescendantId, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.hideLabel ? this.label : undefined, id: this.componentId, value: this.displayText, placeholder: this.placeholder, disabled: this.disabled, onInput: this.handleInput, onClick: this.handleInputClick, onKeyDown: this.handleKeyDown, autocomplete: "off", part: "input" }), hAsync("pds-icon", { icon: "enlarge", "aria-hidden": "true", class: "pds-combobox__input-icon" }))) : this.trigger === 'chip' ? (hAsync("div", { class: this.getChipTriggerClass(), style: { width: this.triggerWidth }, role: this.usesPanelSearch ? 'button' : 'combobox', "aria-haspopup": this.triggerPopupRole, "aria-controls": this.listboxId, "aria-describedby": assignDescription(this.componentId, this.isInvalid(), this.helperMessage, this.errorMessage), "aria-invalid": this.isInvalid() ? 'true' : undefined, "aria-activedescendant": this.usesPanelSearch ? undefined : this.activeDescendantId, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.triggerAriaLabel, "aria-labelledby": this.triggerLabelledBy, id: this.componentId, tabIndex: this.disabled ? -1 : 0, onClick: this.onButtonTriggerClick, "data-layout": this.customTriggerContent, onKeyDown: this.onButtonTriggerKeyDown, onKeyUp: this.onButtonTriggerKeyUp, ref: el => (this.triggerEl = el), part: "chip-trigger" }, this.renderChipTriggerContent())) : (hAsync("div", { class: triggerClass, style: { width: this.triggerWidth }, role: this.usesPanelSearch ? 'button' : 'combobox', "aria-haspopup": this.triggerPopupRole, "aria-controls": this.listboxId, "aria-describedby": assignDescription(this.componentId, this.isInvalid(), this.helperMessage, this.errorMessage), "aria-invalid": this.isInvalid() ? 'true' : undefined, "aria-activedescendant": this.usesPanelSearch ? undefined : this.activeDescendantId, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.triggerAriaLabel, "aria-labelledby": this.triggerLabelledBy, id: this.componentId, tabIndex: this.disabled ? -1 : 0, onClick: this.onButtonTriggerClick, "data-layout": this.customTriggerContent, onKeyDown: this.onButtonTriggerKeyDown, onKeyUp: this.onButtonTriggerKeyUp, ref: el => (this.triggerEl = el), part: "button-trigger" }, this.renderButtonTriggerContent())), this.renderMessages(), hAsync("div", { key: '
|
|
13315
|
+
}, type: "text", role: "combobox", "aria-autocomplete": "list", "aria-haspopup": this.inputPopupRole === 'tree' ? 'tree' : undefined, "aria-controls": this.listboxId, "aria-describedby": assignDescription(this.componentId, this.isInvalid(), this.helperMessage, this.errorMessage), "aria-invalid": this.isInvalid() ? 'true' : undefined, "aria-activedescendant": this.usesPanelSearch ? undefined : this.activeDescendantId, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.hideLabel ? this.label : undefined, id: this.componentId, value: this.displayText, placeholder: this.placeholder, disabled: this.disabled, onInput: this.handleInput, onClick: this.handleInputClick, onKeyDown: this.handleKeyDown, autocomplete: "off", part: "input" }), hAsync("pds-icon", { icon: "enlarge", "aria-hidden": "true", class: "pds-combobox__input-icon" }))) : this.trigger === 'chip' ? (hAsync("div", { class: this.getChipTriggerClass(), style: { width: this.triggerWidth }, role: this.usesPanelSearch ? 'button' : 'combobox', "aria-haspopup": this.triggerPopupRole, "aria-controls": this.listboxId, "aria-describedby": assignDescription(this.componentId, this.isInvalid(), this.helperMessage, this.errorMessage), "aria-invalid": this.isInvalid() ? 'true' : undefined, "aria-activedescendant": this.usesPanelSearch ? undefined : this.activeDescendantId, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.triggerAriaLabel, "aria-labelledby": this.triggerLabelledBy, id: this.componentId, tabIndex: this.disabled ? -1 : 0, onClick: this.onButtonTriggerClick, "data-layout": this.customTriggerContent, onKeyDown: this.onButtonTriggerKeyDown, onKeyUp: this.onButtonTriggerKeyUp, ref: el => (this.triggerEl = el), part: "chip-trigger" }, this.renderChipTriggerContent())) : (hAsync("div", { class: triggerClass, style: { width: this.triggerWidth }, role: this.usesPanelSearch ? 'button' : 'combobox', "aria-haspopup": this.triggerPopupRole, "aria-controls": this.listboxId, "aria-describedby": assignDescription(this.componentId, this.isInvalid(), this.helperMessage, this.errorMessage), "aria-invalid": this.isInvalid() ? 'true' : undefined, "aria-activedescendant": this.usesPanelSearch ? undefined : this.activeDescendantId, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.triggerAriaLabel, "aria-labelledby": this.triggerLabelledBy, id: this.componentId, tabIndex: this.disabled ? -1 : 0, onClick: this.onButtonTriggerClick, "data-layout": this.customTriggerContent, onKeyDown: this.onButtonTriggerKeyDown, onKeyUp: this.onButtonTriggerKeyUp, ref: el => (this.triggerEl = el), part: "button-trigger" }, this.renderButtonTriggerContent())), this.renderMessages(), hAsync("div", { key: 'ab0dba6db0a989cb2e41632cb8412062f96c38cd', style: { display: 'none' } }, hAsync("slot", { key: '337461c5ead6dda1d04911fd4b5a23b1dc6b9726', onSlotchange: () => this.updateOptions() })), this.renderDropdown(), this.groupDisplay !== 'inline' && (hAsync("span", { key: 'd8d82d69381548b2e3266d9109c98ab0397b22e0', class: "visually-hidden", role: "status", "aria-live": "polite" }, this.isOpen && this.effectiveGroupDisplay === 'drill-in' && this.openGroup !== null ? this.openGroup.label : '')))));
|
|
13127
13316
|
}
|
|
13128
13317
|
static get formAssociated() { return true; }
|
|
13129
13318
|
get el() { return getElement(this); }
|
|
@@ -13168,6 +13357,7 @@ class PdsCombobox {
|
|
|
13168
13357
|
"dropdownWidth": [1, "dropdown-width"],
|
|
13169
13358
|
"dropdownMount": [1, "dropdown-mount"],
|
|
13170
13359
|
"drillInBackLabel": [1, "drill-in-back-label"],
|
|
13360
|
+
"noOptionsFoundLabel": [1, "no-options-found-label"],
|
|
13171
13361
|
"flyoutMaxWidth": [1, "flyout-max-width"],
|
|
13172
13362
|
"flyoutMinWidth": [1, "flyout-min-width"],
|
|
13173
13363
|
"groupDisplay": [1, "group-display"],
|
|
@@ -13275,6 +13465,7 @@ class PdsCopytext {
|
|
|
13275
13465
|
constructor(hostRef) {
|
|
13276
13466
|
registerInstance(this, hostRef);
|
|
13277
13467
|
this.pdsCopyTextClick = createEvent(this, "pdsCopyTextClick");
|
|
13468
|
+
this.hostKeeper = new HostStylingKeeper();
|
|
13278
13469
|
this.truncationCleanup = null;
|
|
13279
13470
|
/**
|
|
13280
13471
|
* Determines whether `copytext` should have a visible border.
|
|
@@ -13307,6 +13498,12 @@ class PdsCopytext {
|
|
|
13307
13498
|
this.copyToClipboard(this.value);
|
|
13308
13499
|
};
|
|
13309
13500
|
}
|
|
13501
|
+
connectedCallback() {
|
|
13502
|
+
this.hostKeeper.connect(this.el);
|
|
13503
|
+
}
|
|
13504
|
+
restoreBorderDefault(newValue) {
|
|
13505
|
+
this.border = restoreReflectedDefault(this.el, 'border', newValue, true);
|
|
13506
|
+
}
|
|
13310
13507
|
handleTruncateChange(newValue) {
|
|
13311
13508
|
if (newValue) {
|
|
13312
13509
|
this.initTruncationTooltip();
|
|
@@ -13326,6 +13523,7 @@ class PdsCopytext {
|
|
|
13326
13523
|
}
|
|
13327
13524
|
}
|
|
13328
13525
|
disconnectedCallback() {
|
|
13526
|
+
this.hostKeeper.disconnect();
|
|
13329
13527
|
this.destroyTruncationTooltip();
|
|
13330
13528
|
}
|
|
13331
13529
|
initTruncationTooltip() {
|
|
@@ -13362,10 +13560,15 @@ class PdsCopytext {
|
|
|
13362
13560
|
return classNames.join(' ');
|
|
13363
13561
|
}
|
|
13364
13562
|
render() {
|
|
13365
|
-
|
|
13563
|
+
const hostClass = this.classNames();
|
|
13564
|
+
this.hostKeeper.record(hostClass);
|
|
13565
|
+
return (hAsync(Host, { key: '1c43941f808f58a53f1c445e0f5693985c793c35', class: hostClass, id: this.componentId }, hAsync("pds-button", { key: 'd771d2587a11f1b27bded17b5df5e649ea93cd90', type: "button", variant: "unstyled", onClick: this.handleClick }, hAsync("span", { key: '0d4fd25220cac636b328fd1ee1aba40d07296265', ref: (el) => this.valueSpanEl = el }, this.value), hAsync("pds-icon", { key: '832a044c10843bb90833301cc3f3ea1f7b755f42', "aria-hidden": "true", icon: copy, size: "16px" }))));
|
|
13366
13566
|
}
|
|
13367
13567
|
get el() { return getElement(this); }
|
|
13368
13568
|
static get watchers() { return {
|
|
13569
|
+
"border": [{
|
|
13570
|
+
"restoreBorderDefault": 0
|
|
13571
|
+
}],
|
|
13369
13572
|
"truncate": [{
|
|
13370
13573
|
"handleTruncateChange": 0
|
|
13371
13574
|
}],
|
|
@@ -13378,7 +13581,7 @@ class PdsCopytext {
|
|
|
13378
13581
|
"$flags$": 9,
|
|
13379
13582
|
"$tagName$": "pds-copytext",
|
|
13380
13583
|
"$members$": {
|
|
13381
|
-
"border": [
|
|
13584
|
+
"border": [1540],
|
|
13382
13585
|
"componentId": [1, "component-id"],
|
|
13383
13586
|
"fullWidth": [4, "full-width"],
|
|
13384
13587
|
"truncate": [4],
|
|
@@ -15571,6 +15774,7 @@ const PORTALED_OVERLAY_SELECTOR = '.pds-popover, .pds-tooltip, .pds-combobox-dro
|
|
|
15571
15774
|
* suppressed, and adds the edge, width and dismiss behavior a side panel
|
|
15572
15775
|
* needs on top. It does not reimplement focus, Escape or dialog semantics —
|
|
15573
15776
|
* those come from `pds-modal` unchanged.
|
|
15777
|
+
* @lightDom renders-markup
|
|
15574
15778
|
*/
|
|
15575
15779
|
class PdsDrawer {
|
|
15576
15780
|
constructor(hostRef) {
|
|
@@ -15678,7 +15882,7 @@ class PdsDrawer {
|
|
|
15678
15882
|
// or in an overlay portaled from it (a pds-popover in the drawer puts its content on the body).
|
|
15679
15883
|
const calendar = target.closest('.pds-datepicker-calendar-portal');
|
|
15680
15884
|
const owner = calendar === null || calendar === void 0 ? void 0 : calendar.pdsDatepicker;
|
|
15681
|
-
if (owner && (containsComposed(this.el, owner) || closest$1(PORTALED_OVERLAY_SELECTOR, owner)))
|
|
15885
|
+
if (owner && (containsComposed$1(this.el, owner) || closest$1(PORTALED_OVERLAY_SELECTOR, owner)))
|
|
15682
15886
|
return;
|
|
15683
15887
|
// A sibling pds-modal — e.g. a confirm dialog opened from inside the
|
|
15684
15888
|
// drawer but mounted at the document root rather than nested in our own
|
|
@@ -15691,11 +15895,11 @@ class PdsDrawer {
|
|
|
15691
15895
|
this.open = false;
|
|
15692
15896
|
}
|
|
15693
15897
|
render() {
|
|
15694
|
-
return (hAsync(Host, { key: '
|
|
15898
|
+
return (hAsync(Host, { key: '166bc90b45d29f64f11b6840e7c6ae798bf14261', class: {
|
|
15695
15899
|
'pds-drawer': true,
|
|
15696
15900
|
[`pds-drawer--${this.side}`]: true,
|
|
15697
15901
|
[`pds-drawer--${this.size}`]: true,
|
|
15698
|
-
} }, hAsync("pds-modal", { key: '
|
|
15902
|
+
} }, hAsync("pds-modal", { key: '2faa1cee1f34a85e9df0cabb8e78803982414982', class: "pds-drawer__modal", ref: (el) => (this.modalEl = el), componentId: this.componentId, open: this.open, scrollable: this.scrollable, disableTopLayer: true, backdropDismiss: this.lightDismiss, disableInitialFocus: this.initialFocus === 'none' }, hAsync("slot", { key: '93968e612756c398f6d1faf9383f6c88c420da28' }))));
|
|
15699
15903
|
}
|
|
15700
15904
|
get el() { return getElement(this); }
|
|
15701
15905
|
static get style() { return pdsDrawerCss(); }
|
|
@@ -15724,6 +15928,7 @@ const pdsDrawerContentCss = () => `pds-drawer-content{display:block;-ms-flex:1 1
|
|
|
15724
15928
|
* which caps itself against the viewport for a centered, possibly-shorter
|
|
15725
15929
|
* modal, a drawer panel is already edge-to-edge, so its content can simply
|
|
15726
15930
|
* flex to fill whatever space the header and footer leave.
|
|
15931
|
+
* @lightDom renders-markup
|
|
15727
15932
|
*/
|
|
15728
15933
|
class PdsDrawerContent {
|
|
15729
15934
|
constructor(hostRef) {
|
|
@@ -15734,7 +15939,7 @@ class PdsDrawerContent {
|
|
|
15734
15939
|
unwrapReconnectedContent(this.el.querySelector('.pds-drawer-content'), '.pds-drawer-content');
|
|
15735
15940
|
}
|
|
15736
15941
|
render() {
|
|
15737
|
-
return (hAsync("div", { key: '
|
|
15942
|
+
return (hAsync("div", { key: 'b15b087506c1292f9d67e531e8d935069749c09d', class: "pds-drawer-content" }, hAsync("slot", { key: '9c60ca75c7905e7e994f9c41eee213b962afb833' })));
|
|
15738
15943
|
}
|
|
15739
15944
|
get el() { return getElement(this); }
|
|
15740
15945
|
static get style() { return pdsDrawerContentCss(); }
|
|
@@ -15750,6 +15955,9 @@ class PdsDrawerContent {
|
|
|
15750
15955
|
|
|
15751
15956
|
const pdsDrawerFooterCss = () => `pds-drawer-footer{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.pds-drawer__footer{-webkit-border-before:1px solid var(--pine-color-border-subtle);border-block-start:1px solid var(--pine-color-border-subtle);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-sm);-ms-flex-pack:end;justify-content:flex-end;padding:var(--pine-dimension-md);width:100%}`;
|
|
15752
15957
|
|
|
15958
|
+
/**
|
|
15959
|
+
* @lightDom renders-markup
|
|
15960
|
+
*/
|
|
15753
15961
|
class PdsDrawerFooter {
|
|
15754
15962
|
constructor(hostRef) {
|
|
15755
15963
|
registerInstance(this, hostRef);
|
|
@@ -15759,7 +15967,7 @@ class PdsDrawerFooter {
|
|
|
15759
15967
|
unwrapReconnectedContent(this.el.querySelector('.pds-drawer__footer'), '.pds-drawer__footer');
|
|
15760
15968
|
}
|
|
15761
15969
|
render() {
|
|
15762
|
-
return (hAsync("footer", { key: '
|
|
15970
|
+
return (hAsync("footer", { key: 'a4eec0aff617c605b94f8d3b9ec1e2d98cded6fb', class: "pds-drawer__footer" }, hAsync("slot", { key: '6dc379c940e37edfd05d99728be9dff58ca1d717' })));
|
|
15763
15971
|
}
|
|
15764
15972
|
get el() { return getElement(this); }
|
|
15765
15973
|
static get style() { return pdsDrawerFooterCss(); }
|
|
@@ -15775,6 +15983,9 @@ class PdsDrawerFooter {
|
|
|
15775
15983
|
|
|
15776
15984
|
const pdsDrawerHeaderCss = () => `pds-drawer-header{display:block;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.pds-drawer__header{-ms-flex-align:center;align-items:center;-webkit-border-after:1px solid var(--pine-color-border-subtle);border-block-end:1px solid var(--pine-color-border-subtle);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:var(--pine-dimension-md);width:100%}`;
|
|
15777
15985
|
|
|
15986
|
+
/**
|
|
15987
|
+
* @lightDom renders-markup
|
|
15988
|
+
*/
|
|
15778
15989
|
class PdsDrawerHeader {
|
|
15779
15990
|
constructor(hostRef) {
|
|
15780
15991
|
registerInstance(this, hostRef);
|
|
@@ -15784,7 +15995,7 @@ class PdsDrawerHeader {
|
|
|
15784
15995
|
unwrapReconnectedContent(this.el.querySelector('.pds-drawer__header'), '.pds-drawer__header');
|
|
15785
15996
|
}
|
|
15786
15997
|
render() {
|
|
15787
|
-
return (hAsync("header", { key: '
|
|
15998
|
+
return (hAsync("header", { key: '6b9338e5dbf7a7e580c11b28c95ca53693528382', class: "pds-drawer__header" }, hAsync("slot", { key: '0990fbcf94c0c438b98cf1e8945f1e2fd9aa33dc' })));
|
|
15788
15999
|
}
|
|
15789
16000
|
get el() { return getElement(this); }
|
|
15790
16001
|
static get style() { return pdsDrawerHeaderCss(); }
|
|
@@ -15809,6 +16020,7 @@ class PdsDropdownMenu {
|
|
|
15809
16020
|
this.isOpen = false;
|
|
15810
16021
|
this.menuItems = [];
|
|
15811
16022
|
this.cleanupAutoUpdate = null;
|
|
16023
|
+
this.triggerObserver = null;
|
|
15812
16024
|
this.currentFocusIndex = -1;
|
|
15813
16025
|
/**
|
|
15814
16026
|
* The placement of the dropdown panel relative to the trigger.
|
|
@@ -15819,10 +16031,17 @@ class PdsDropdownMenu {
|
|
|
15819
16031
|
// Get all elements assigned to this slot
|
|
15820
16032
|
const assignedElements = this.slotEl.assignedElements();
|
|
15821
16033
|
this.triggerEl = assignedElements[0];
|
|
15822
|
-
this.triggerEl
|
|
15823
|
-
|
|
15824
|
-
|
|
15825
|
-
|
|
16034
|
+
if (this.triggerEl) {
|
|
16035
|
+
this.triggerEl.onclick = this.handleClick;
|
|
16036
|
+
this.syncTriggerAria();
|
|
16037
|
+
}
|
|
16038
|
+
this.observeTrigger();
|
|
16039
|
+
};
|
|
16040
|
+
// Writes the trigger's ARIA from the menu's state, so the observer's own callback doesn't loop.
|
|
16041
|
+
this.syncTriggerAria = () => {
|
|
16042
|
+
if (!this.triggerEl)
|
|
16043
|
+
return;
|
|
16044
|
+
setAttributesIfChanged(this.triggerEl, { 'aria-haspopup': 'menu', 'aria-expanded': String(this.isOpen) });
|
|
15826
16045
|
};
|
|
15827
16046
|
this.handleSlotChange = (event) => {
|
|
15828
16047
|
this.slotEl = event.target;
|
|
@@ -15876,8 +16095,7 @@ class PdsDropdownMenu {
|
|
|
15876
16095
|
this.cleanupAutoUpdate = autoUpdate(this.triggerEl, this.panelEl, updatePosition);
|
|
15877
16096
|
(_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('pds-box').classList.remove('is-hidden');
|
|
15878
16097
|
this.isOpen = true;
|
|
15879
|
-
|
|
15880
|
-
this.triggerEl.setAttribute('aria-expanded', 'true');
|
|
16098
|
+
this.syncTriggerAria();
|
|
15881
16099
|
};
|
|
15882
16100
|
// Close the dropdown
|
|
15883
16101
|
this.closeDropdown = () => {
|
|
@@ -15889,8 +16107,7 @@ class PdsDropdownMenu {
|
|
|
15889
16107
|
this.cleanupAutoUpdate();
|
|
15890
16108
|
this.cleanupAutoUpdate = null;
|
|
15891
16109
|
}
|
|
15892
|
-
|
|
15893
|
-
this.triggerEl.setAttribute('aria-expanded', 'false');
|
|
16110
|
+
this.syncTriggerAria();
|
|
15894
16111
|
// Reset focus index
|
|
15895
16112
|
this.currentFocusIndex = -1;
|
|
15896
16113
|
// Return focus to trigger
|
|
@@ -15907,12 +16124,35 @@ class PdsDropdownMenu {
|
|
|
15907
16124
|
var _a;
|
|
15908
16125
|
this.panelEl = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('pds-box');
|
|
15909
16126
|
}
|
|
16127
|
+
connectedCallback() {
|
|
16128
|
+
// Moved within the page, the trigger slot doesn't change, so watch the same trigger again, and
|
|
16129
|
+
// fix anything changed while the menu was detached and unobserved.
|
|
16130
|
+
this.observeTrigger();
|
|
16131
|
+
this.syncTriggerAria();
|
|
16132
|
+
}
|
|
15910
16133
|
disconnectedCallback() {
|
|
16134
|
+
var _a;
|
|
15911
16135
|
// Clean up auto-update when component is removed from DOM
|
|
15912
16136
|
if (this.cleanupAutoUpdate) {
|
|
15913
16137
|
this.cleanupAutoUpdate();
|
|
15914
16138
|
this.cleanupAutoUpdate = null;
|
|
15915
16139
|
}
|
|
16140
|
+
(_a = this.triggerObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
16141
|
+
this.triggerObserver = null;
|
|
16142
|
+
}
|
|
16143
|
+
// The trigger is the consumer's element, so anything can rewrite its attributes (a Turbo morph
|
|
16144
|
+
// matches it to server HTML that has no ARIA). Put Pine's values back when that happens.
|
|
16145
|
+
observeTrigger() {
|
|
16146
|
+
var _a;
|
|
16147
|
+
(_a = this.triggerObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
16148
|
+
this.triggerObserver = null;
|
|
16149
|
+
if (!this.triggerEl || typeof MutationObserver === 'undefined')
|
|
16150
|
+
return;
|
|
16151
|
+
this.triggerObserver = new MutationObserver(this.syncTriggerAria);
|
|
16152
|
+
this.triggerObserver.observe(this.triggerEl, {
|
|
16153
|
+
attributes: true,
|
|
16154
|
+
attributeFilter: ['aria-haspopup', 'aria-expanded'],
|
|
16155
|
+
});
|
|
15916
16156
|
}
|
|
15917
16157
|
// Outside clicks and scripted closes leave focus where it is; only focus in the menu or on its trigger returns.
|
|
15918
16158
|
isFocusInMenu() {
|
|
@@ -16114,7 +16354,7 @@ class PdsDropdownMenu {
|
|
|
16114
16354
|
}
|
|
16115
16355
|
}
|
|
16116
16356
|
render() {
|
|
16117
|
-
return (hAsync(Host, { key: '
|
|
16357
|
+
return (hAsync(Host, { key: '9d67972cf15c22bc666c32b86dcd8f143160ee0a', id: this.componentId }, hAsync("slot", { key: 'e9cbc0612ce0e8c2bf55e1dc7930eda075fcc173', name: "trigger", onSlotchange: this.handleTriggerSlotChange }), hAsync("pds-box", { key: '6fed3f11cf962a97f8ebb3cc69bd76efb425c464', "border-radius": "sm", display: "flex", direction: "column", class: "pds-dropdown-menu--panel is-hidden", shadow: "100", role: "menu", "aria-orientation": "vertical", part: "menu-panel" }, hAsync("slot", { key: 'b8757512713b913f3ee56d9518897e7ed3c3b830', onSlotchange: this.handleSlotChange }))));
|
|
16118
16358
|
}
|
|
16119
16359
|
get host() { return getElement(this); }
|
|
16120
16360
|
static get style() { return pdsDropdownMenuCss(); }
|
|
@@ -17808,6 +18048,7 @@ const pdsLoaderCss = () => `:host{--loader-color:var(--pine-color-primary);-ms-f
|
|
|
17808
18048
|
class PdsLoader {
|
|
17809
18049
|
constructor(hostRef) {
|
|
17810
18050
|
registerInstance(this, hostRef);
|
|
18051
|
+
this.hostKeeper = new HostStylingKeeper();
|
|
17811
18052
|
/**
|
|
17812
18053
|
* If false, the loader will be hidden.
|
|
17813
18054
|
*/
|
|
@@ -17833,6 +18074,15 @@ class PdsLoader {
|
|
|
17833
18074
|
}
|
|
17834
18075
|
};
|
|
17835
18076
|
}
|
|
18077
|
+
connectedCallback() {
|
|
18078
|
+
this.hostKeeper.connect(this.el);
|
|
18079
|
+
}
|
|
18080
|
+
disconnectedCallback() {
|
|
18081
|
+
this.hostKeeper.disconnect();
|
|
18082
|
+
}
|
|
18083
|
+
restoreSizeDefault(newValue) {
|
|
18084
|
+
this.size = restoreReflectedDefault(this.el, 'size', newValue, 'md');
|
|
18085
|
+
}
|
|
17836
18086
|
loaderSize() {
|
|
17837
18087
|
const sizes = {
|
|
17838
18088
|
xs: '24px',
|
|
@@ -17849,8 +18099,22 @@ class PdsLoader {
|
|
|
17849
18099
|
}
|
|
17850
18100
|
}
|
|
17851
18101
|
render() {
|
|
17852
|
-
|
|
18102
|
+
const hostClass = `pds-loader ${this.isLoading ? '' : 'pds-loader--hidden'}`;
|
|
18103
|
+
// Explicit 'true': a boolean `true` lands as an empty value, which ARIA reads as unset.
|
|
18104
|
+
const hostAttributes = {
|
|
18105
|
+
'aria-hidden': this.isLoading ? null : 'true',
|
|
18106
|
+
'aria-busy': this.isLoading ? 'true' : null,
|
|
18107
|
+
'aria-live': 'polite',
|
|
18108
|
+
};
|
|
18109
|
+
this.hostKeeper.record(hostClass, {}, hostAttributes);
|
|
18110
|
+
return (hAsync(Host, Object.assign({ key: '81f97b8a6adf4d2c0e5516aa2af9054e200629e1', class: hostClass }, hostAttributes), this.variant === 'spinner' && (hAsync("div", { key: '6e25806c83d6ddeb1141acdd083654867c6ff8a2', class: "pds-loader--spinner" }, hAsync("svg", { key: '4798f27facfcf57da8d408319527fc6083489107', style: this.getSvgStyle(), viewBox: "0 0 200 200", fill: "none", part: "loader-svg" }, hAsync("defs", { key: '0c64abfabc18ccd51ef41017e088f6ec10736d61' }, hAsync("linearGradient", { key: '3aa61edf6250dc827bf925938b69008860f96596', id: "spinner-secondHalf" }, hAsync("stop", { key: '2693d8a866492ef4ca98cbc4beb5f9f1a34a8b52', offset: "0%", "stop-opacity": "0", "stop-color": "currentColor" }), hAsync("stop", { key: 'ae229fdc73733e4d6ab15a6663e67b574bd49b40', offset: "100%", "stop-opacity": "0.5", "stop-color": "currentColor" })), hAsync("linearGradient", { key: '8ddbb46a1a387113d74a82cc4e3e0e9c7e12d573', id: "spinner-firstHalf" }, hAsync("stop", { key: 'd166a3c1ae37c3afa898351683b07f5c4d0ee906', offset: "0%", "stop-opacity": "1", "stop-color": "currentColor" }), hAsync("stop", { key: 'e4c9790bc9a645d752aa56c238fb8708310208b5', offset: "100%", "stop-opacity": "0.5", "stop-color": "currentColor" }))), hAsync("g", { key: '8b3897ff925d4207f9060e2fb69afa657b1b8fe3', class: "pds-loader__spinner-path" }, hAsync("path", { key: '603ef195d1fc64d2059d9fbfeb9b14e2bdb1cabe', stroke: "url(#spinner-secondHalf)", d: "M 4 100 A 96 96 0 0 1 196 100" }), hAsync("path", { key: 'a649ac9538248f5a22d48008377e18f4407efad9', stroke: "url(#spinner-firstHalf)", d: "M 196 100 A 96 96 0 0 1 4 100" }), hAsync("path", { key: '37f3772b61d1459959cc4d8c0b5c729dbd6953ff', stroke: "currentColor", "stroke-linecap": "round", d: "M 4 100 A 96 96 0 0 1 4 98" }))))), this.variant === 'typing' && (hAsync("div", { key: 'e510c2e6498a5542ce6e6573fdc03e8770121cd7', class: "pds-loader--typing" }, hAsync("span", { key: 'bbf4f5a328175f06b221d9abc73118505a09455d' }), hAsync("span", { key: '9a7e80b28e1455ef9d0c1bdb330a6425a3037709' }), hAsync("span", { key: 'f8aa1eb4f822a6d0e2a14a982bbe99866a97815b' }))), hAsync("div", { key: '3492189495798a2ea861d0dcb460f1b25d43d565', class: `pds-loader__label ${this.showLabel ? '' : 'pds-loader--hidden'}` }, hAsync("slot", { key: 'c1a19415b513a2a5f76a53d64b0ef5fbb4a5d100', name: "label" }, "Loading..."))));
|
|
17853
18111
|
}
|
|
18112
|
+
get el() { return getElement(this); }
|
|
18113
|
+
static get watchers() { return {
|
|
18114
|
+
"size": [{
|
|
18115
|
+
"restoreSizeDefault": 0
|
|
18116
|
+
}]
|
|
18117
|
+
}; }
|
|
17854
18118
|
static get style() { return pdsLoaderCss(); }
|
|
17855
18119
|
static get cmpMeta() { return {
|
|
17856
18120
|
"$flags$": 265,
|
|
@@ -17858,7 +18122,7 @@ class PdsLoader {
|
|
|
17858
18122
|
"$members$": {
|
|
17859
18123
|
"isLoading": [4, "is-loading"],
|
|
17860
18124
|
"showLabel": [4, "show-label"],
|
|
17861
|
-
"size": [
|
|
18125
|
+
"size": [1537],
|
|
17862
18126
|
"variant": [1]
|
|
17863
18127
|
},
|
|
17864
18128
|
"$listeners$": undefined,
|
|
@@ -17873,6 +18137,92 @@ const PRESET_SIZES = ['sm', 'md', 'lg', 'fullscreen'];
|
|
|
17873
18137
|
const isCustomLength = (value) => /^[a-z0-9.%+\-*/(), ]+$/i.test(value) &&
|
|
17874
18138
|
/\d/.test(value) &&
|
|
17875
18139
|
(typeof CSS === 'undefined' || CSS.supports('max-width', value));
|
|
18140
|
+
const TABBABLE = [
|
|
18141
|
+
'a[href]',
|
|
18142
|
+
'area[href]',
|
|
18143
|
+
'button',
|
|
18144
|
+
'input:not([type="hidden"])',
|
|
18145
|
+
'select',
|
|
18146
|
+
'textarea',
|
|
18147
|
+
'iframe',
|
|
18148
|
+
'summary',
|
|
18149
|
+
'[contenteditable]:not([contenteditable="false"])',
|
|
18150
|
+
'[tabindex]',
|
|
18151
|
+
].join(',');
|
|
18152
|
+
/**
|
|
18153
|
+
* Collects the tabbable elements under `root` in focus order, walking into open shadow roots and
|
|
18154
|
+
* following slots, so a component's own controls (the input inside pds-combobox or pds-textarea)
|
|
18155
|
+
* count without being registered here by tag name. Positive tabindex values are not reordered,
|
|
18156
|
+
* and a closed shadow root can't be seen into.
|
|
18157
|
+
*/
|
|
18158
|
+
function collectTabbable(root, found) {
|
|
18159
|
+
for (const child of Array.from(root.children))
|
|
18160
|
+
visitTabbable(child, found);
|
|
18161
|
+
}
|
|
18162
|
+
// An editing host reports tabIndex -1 but is still a Tab stop; editable content inside it is not.
|
|
18163
|
+
const isTabStop = (el) => { var _a; return el.tabIndex >= 0 || (el.isContentEditable && !el.hasAttribute('tabindex') && !((_a = el.parentElement) === null || _a === void 0 ? void 0 : _a.isContentEditable)); };
|
|
18164
|
+
function visitTabbable(el, found) {
|
|
18165
|
+
var _a, _b, _c, _d;
|
|
18166
|
+
if (el.hasAttribute('inert'))
|
|
18167
|
+
return;
|
|
18168
|
+
if (el.localName === 'slot') {
|
|
18169
|
+
const slot = el;
|
|
18170
|
+
// Fallback content renders only when nothing at all is assigned, text included.
|
|
18171
|
+
if (((_b = (_a = slot.assignedNodes) === null || _a === void 0 ? void 0 : _a.call(slot, { flatten: true })) !== null && _b !== void 0 ? _b : []).length === 0)
|
|
18172
|
+
return collectTabbable(el, found);
|
|
18173
|
+
for (const slotted of slot.assignedElements({ flatten: true }))
|
|
18174
|
+
visitTabbable(slotted, found);
|
|
18175
|
+
return;
|
|
18176
|
+
}
|
|
18177
|
+
// A delegatesFocus host passes focus to its first control, which the walk below finds.
|
|
18178
|
+
const delegates = ((_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.delegatesFocus) === true;
|
|
18179
|
+
if (el instanceof HTMLElement && !delegates && isTabStop(el) && el.matches(TABBABLE) && !el.matches(':disabled')) {
|
|
18180
|
+
found.push(el);
|
|
18181
|
+
}
|
|
18182
|
+
// A shadow host's light children render only through its slots, which the walk reaches.
|
|
18183
|
+
collectTabbable((_d = el.shadowRoot) !== null && _d !== void 0 ? _d : el, found);
|
|
18184
|
+
}
|
|
18185
|
+
/** The element as a radio in a named group, or `null`. */
|
|
18186
|
+
const groupedRadio = (el) => el instanceof HTMLInputElement && el.type === 'radio' && el.name !== '' ? el : null;
|
|
18187
|
+
/**
|
|
18188
|
+
* Keeps one radio per named group, as the browser does: the checked one, or the first. The others
|
|
18189
|
+
* are reached with the arrow keys, so they can't be the first or last stop of the trap.
|
|
18190
|
+
*/
|
|
18191
|
+
function oneRadioPerGroup(elements) {
|
|
18192
|
+
// Radios group by name and form within one tree, so each shadow root starts its own groups.
|
|
18193
|
+
const groups = [];
|
|
18194
|
+
for (const el of elements) {
|
|
18195
|
+
const radio = groupedRadio(el);
|
|
18196
|
+
if (radio === null)
|
|
18197
|
+
continue;
|
|
18198
|
+
const group = groups.find(([first]) => first.name === radio.name && first.form === radio.form && first.getRootNode() === radio.getRootNode());
|
|
18199
|
+
if (group)
|
|
18200
|
+
group.push(radio);
|
|
18201
|
+
else
|
|
18202
|
+
groups.push([radio]);
|
|
18203
|
+
}
|
|
18204
|
+
const stops = new Set(groups.map((radios) => { var _a; return (_a = radios.find((radio) => radio.checked)) !== null && _a !== void 0 ? _a : radios[0]; }));
|
|
18205
|
+
return elements.filter((el) => groupedRadio(el) === null || stops.has(el));
|
|
18206
|
+
}
|
|
18207
|
+
/** Whether `node` is `ancestor` or inside it, crossing shadow roots, which `Node.contains` doesn't. */
|
|
18208
|
+
function containsComposed(ancestor, node) {
|
|
18209
|
+
for (let current = node; current; current = current instanceof ShadowRoot ? current.host : current.parentNode) {
|
|
18210
|
+
if (current === ancestor)
|
|
18211
|
+
return true;
|
|
18212
|
+
}
|
|
18213
|
+
return false;
|
|
18214
|
+
}
|
|
18215
|
+
/** The focused element, followed down through shadow roots to the control that has focus. */
|
|
18216
|
+
function deepActiveElement() {
|
|
18217
|
+
var _a;
|
|
18218
|
+
let active = document.activeElement;
|
|
18219
|
+
while ((_a = active === null || active === void 0 ? void 0 : active.shadowRoot) === null || _a === void 0 ? void 0 : _a.activeElement)
|
|
18220
|
+
active = active.shadowRoot.activeElement;
|
|
18221
|
+
return active;
|
|
18222
|
+
}
|
|
18223
|
+
/**
|
|
18224
|
+
* @lightDom renders-markup
|
|
18225
|
+
*/
|
|
17876
18226
|
class PdsModal {
|
|
17877
18227
|
constructor(hostRef) {
|
|
17878
18228
|
registerInstance(this, hostRef);
|
|
@@ -17992,6 +18342,17 @@ class PdsModal {
|
|
|
17992
18342
|
// disableTopLayer), so do not trap Tab here.
|
|
17993
18343
|
if (this.disableTopLayer)
|
|
17994
18344
|
return;
|
|
18345
|
+
// A control inside that handles Tab itself (a popup with its own trap) has already moved
|
|
18346
|
+
// focus. This holds only when it listens on its own element, which runs before this
|
|
18347
|
+
// document listener; one listening on document too would race it.
|
|
18348
|
+
if (e.defaultPrevented)
|
|
18349
|
+
return;
|
|
18350
|
+
// Every open modal hears this keydown. When focus is in a modal dialog opened above this one,
|
|
18351
|
+
// that dialog traps Tab: this modal's list also holds its controls, so it would wrap first. A
|
|
18352
|
+
// non-modal dialog inside (a disableTopLayer modal) doesn't trap, so this one still does.
|
|
18353
|
+
const activeElement = deepActiveElement();
|
|
18354
|
+
if (!activeElement || this.modalDialogAbove(activeElement))
|
|
18355
|
+
return;
|
|
17995
18356
|
// Content can change while the modal is open (rows fetched in, sections shown), so the
|
|
17996
18357
|
// first and last elements are read now rather than from the list taken on opening.
|
|
17997
18358
|
this.updateFocusableElements();
|
|
@@ -18001,13 +18362,13 @@ class PdsModal {
|
|
|
18001
18362
|
// Get the first and last focusable elements
|
|
18002
18363
|
const firstFocusableElement = this.focusableElements[0];
|
|
18003
18364
|
const lastFocusableElement = this.focusableElements[this.focusableElements.length - 1];
|
|
18004
|
-
//
|
|
18005
|
-
|
|
18006
|
-
//
|
|
18007
|
-
|
|
18008
|
-
|
|
18009
|
-
const
|
|
18010
|
-
|
|
18365
|
+
// activeElement is the control inside any shadow root, as the list holds, not the host
|
|
18366
|
+
// document.activeElement reports. It's matched to its own stop first, so a stop inside a
|
|
18367
|
+
// listed host isn't taken for that host; a focused node that isn't a stop counts as the
|
|
18368
|
+
// innermost stop it sits in.
|
|
18369
|
+
const stop = this.stopIndex(activeElement);
|
|
18370
|
+
const isFirstElement = stop === 0;
|
|
18371
|
+
const isLastElement = stop === this.focusableElements.length - 1;
|
|
18011
18372
|
// If shift + tab is pressed and focus is on the first element, move to the last element
|
|
18012
18373
|
if (e.shiftKey && isFirstElement) {
|
|
18013
18374
|
e.preventDefault();
|
|
@@ -18064,23 +18425,8 @@ class PdsModal {
|
|
|
18064
18425
|
updateFocusableElements() {
|
|
18065
18426
|
if (!this.modalRef)
|
|
18066
18427
|
return;
|
|
18067
|
-
|
|
18068
|
-
|
|
18069
|
-
'a[href]',
|
|
18070
|
-
'button:not([disabled])',
|
|
18071
|
-
'input:not([disabled])',
|
|
18072
|
-
'select:not([disabled])',
|
|
18073
|
-
'textarea:not([disabled])',
|
|
18074
|
-
'[tabindex]:not([tabindex="-1"])',
|
|
18075
|
-
'pds-button:not([disabled])',
|
|
18076
|
-
'pds-link:not([disabled])',
|
|
18077
|
-
'pds-input:not([disabled])',
|
|
18078
|
-
'pds-checkbox:not([disabled])',
|
|
18079
|
-
'pds-radio:not([disabled])',
|
|
18080
|
-
'pds-switch:not([disabled])',
|
|
18081
|
-
'pds-select:not([disabled])',
|
|
18082
|
-
].join(',');
|
|
18083
|
-
this.focusableElements = Array.from(this.modalRef.querySelectorAll(selector));
|
|
18428
|
+
this.focusableElements = [];
|
|
18429
|
+
collectTabbable(this.modalRef, this.focusableElements);
|
|
18084
18430
|
// checkVisibility() also drops an element inside a hidden ancestor, whose own computed
|
|
18085
18431
|
// display isn't none; such an element can't take focus, so it can't anchor the trap.
|
|
18086
18432
|
this.focusableElements = this.focusableElements.filter(el => {
|
|
@@ -18089,6 +18435,7 @@ class PdsModal {
|
|
|
18089
18435
|
const style = window.getComputedStyle(el);
|
|
18090
18436
|
return style.display !== 'none' && style.visibility !== 'hidden';
|
|
18091
18437
|
});
|
|
18438
|
+
this.focusableElements = oneRadioPerGroup(this.focusableElements);
|
|
18092
18439
|
}
|
|
18093
18440
|
/**
|
|
18094
18441
|
* Sets focus to the first focusable element in the modal
|
|
@@ -18102,30 +18449,11 @@ class PdsModal {
|
|
|
18102
18449
|
this.focusElement(firstElement);
|
|
18103
18450
|
}
|
|
18104
18451
|
/**
|
|
18105
|
-
*
|
|
18452
|
+
* Focuses an element from the list. It holds the controls themselves, inside any shadow root,
|
|
18453
|
+
* so they take focus directly.
|
|
18106
18454
|
*/
|
|
18107
18455
|
focusElement(element) {
|
|
18108
|
-
|
|
18109
|
-
return;
|
|
18110
|
-
try {
|
|
18111
|
-
// Try standard focus first
|
|
18112
|
-
element.focus();
|
|
18113
|
-
// Check if focus worked
|
|
18114
|
-
setTimeout(() => {
|
|
18115
|
-
if (document.activeElement !== element) {
|
|
18116
|
-
// For web components, try to find a focusable element inside
|
|
18117
|
-
if (element.shadowRoot) {
|
|
18118
|
-
const focusableInShadow = element.shadowRoot.querySelector('button, [tabindex], input, a[href]');
|
|
18119
|
-
if (focusableInShadow) {
|
|
18120
|
-
focusableInShadow.focus();
|
|
18121
|
-
}
|
|
18122
|
-
}
|
|
18123
|
-
}
|
|
18124
|
-
}, 0);
|
|
18125
|
-
}
|
|
18126
|
-
catch (error) {
|
|
18127
|
-
console.error('Error focusing element:', error);
|
|
18128
|
-
}
|
|
18456
|
+
element === null || element === void 0 ? void 0 : element.focus();
|
|
18129
18457
|
}
|
|
18130
18458
|
/**
|
|
18131
18459
|
* Opens the modal
|
|
@@ -18288,6 +18616,30 @@ class PdsModal {
|
|
|
18288
18616
|
const thisZIndex = this.getBackdropZIndex(this.el);
|
|
18289
18617
|
return thisZIndex === maxZIndex;
|
|
18290
18618
|
}
|
|
18619
|
+
/** Whether a modal dialog other than this one sits between the focused element and this modal. */
|
|
18620
|
+
modalDialogAbove(active) {
|
|
18621
|
+
var _a;
|
|
18622
|
+
for (let dialog = closest$1('dialog[open]', active); dialog instanceof HTMLElement;) {
|
|
18623
|
+
if (dialog === this.modalRef)
|
|
18624
|
+
return false;
|
|
18625
|
+
if (dialog.matches(':modal'))
|
|
18626
|
+
return true;
|
|
18627
|
+
// Up from this dialog, across a shadow root; past the document root, closest() gives nothing.
|
|
18628
|
+
dialog = closest$1('dialog[open]', (_a = dialog.parentElement) !== null && _a !== void 0 ? _a : dialog.getRootNode().host);
|
|
18629
|
+
}
|
|
18630
|
+
return false;
|
|
18631
|
+
}
|
|
18632
|
+
/** The focused element's place in the list: its own stop, or the innermost stop it sits in. */
|
|
18633
|
+
stopIndex(active) {
|
|
18634
|
+
const own = this.focusableElements.indexOf(active);
|
|
18635
|
+
if (own >= 0)
|
|
18636
|
+
return own;
|
|
18637
|
+
for (let i = this.focusableElements.length - 1; i >= 0; i--) {
|
|
18638
|
+
if (containsComposed(this.focusableElements[i], active))
|
|
18639
|
+
return i;
|
|
18640
|
+
}
|
|
18641
|
+
return -1;
|
|
18642
|
+
}
|
|
18291
18643
|
resolveSize() {
|
|
18292
18644
|
var _a;
|
|
18293
18645
|
const size = ((_a = this.size) !== null && _a !== void 0 ? _a : '').trim() || 'md';
|
|
@@ -18302,14 +18654,14 @@ class PdsModal {
|
|
|
18302
18654
|
}
|
|
18303
18655
|
render() {
|
|
18304
18656
|
const [sizeClass = 'md', customSize] = this.resolveSize();
|
|
18305
|
-
return (hAsync("dialog", { key: '
|
|
18657
|
+
return (hAsync("dialog", { key: 'b6714c7e77d80bf2370f2170ffce029abe147d81', class: {
|
|
18306
18658
|
'pds-modal__backdrop': true,
|
|
18307
18659
|
'open': this.open
|
|
18308
|
-
}, "aria-modal": this.disableTopLayer ? 'false' : 'true', "aria-labelledby": `${this.componentId}-heading`, onClick: this.handleBackdropClick }, hAsync("div", { key: '
|
|
18660
|
+
}, "aria-modal": this.disableTopLayer ? 'false' : 'true', "aria-labelledby": `${this.componentId}-heading`, onClick: this.handleBackdropClick }, hAsync("div", { key: '8c3319f53dd8c79c9e952785277e9e82e28b651e', class: {
|
|
18309
18661
|
'pds-modal': true,
|
|
18310
18662
|
[`pds-modal--${sizeClass}`]: true,
|
|
18311
18663
|
'pds-modal--scrollable': this.scrollable
|
|
18312
|
-
}, style: customSize !== undefined ? { '--pds-modal-max-width': customSize } : undefined, part: "modal" }, hAsync("slot", { key: '
|
|
18664
|
+
}, style: customSize !== undefined ? { '--pds-modal-max-width': customSize } : undefined, part: "modal" }, hAsync("slot", { key: '8c6f9cc1a20b515659344ad041512de52761800d' }))));
|
|
18313
18665
|
}
|
|
18314
18666
|
get el() { return getElement(this); }
|
|
18315
18667
|
static get watchers() { return {
|
|
@@ -18344,6 +18696,9 @@ class PdsModal {
|
|
|
18344
18696
|
|
|
18345
18697
|
const pdsModalContentCss = () => `pds-modal-content{display:block;-ms-flex:1 1 auto;flex:1 1 auto;width:100%}pds-modal-content:has(.pds-modal-content.pds-modal-content--border-none){border:0}pds-modal-content:has(.pds-modal-content.pds-modal-content--border-both){-webkit-border-after:1px solid var(--pine-color-border-subtle);border-block-end:1px solid var(--pine-color-border-subtle);-webkit-border-before:1px solid var(--pine-color-border-subtle);border-block-start:1px solid var(--pine-color-border-subtle)}pds-modal-content:has(.pds-modal-content.pds-modal-content--border-top){-webkit-border-before:1px solid var(--pine-color-border-subtle);border-block-start:1px solid var(--pine-color-border-subtle)}pds-modal-content:has(.pds-modal-content.pds-modal-content--border-bottom){-webkit-border-after:1px solid var(--pine-color-border-subtle);border-block-end:1px solid var(--pine-color-border-subtle)}.pds-modal-content{display:block;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;width:100%}`;
|
|
18346
18698
|
|
|
18699
|
+
/**
|
|
18700
|
+
* @lightDom renders-markup
|
|
18701
|
+
*/
|
|
18347
18702
|
class PdsModalContent {
|
|
18348
18703
|
constructor(hostRef) {
|
|
18349
18704
|
registerInstance(this, hostRef);
|
|
@@ -18523,10 +18878,10 @@ class PdsModalContent {
|
|
|
18523
18878
|
render() {
|
|
18524
18879
|
// Only apply max-height style if it's not 'none'
|
|
18525
18880
|
const styleObj = this.contentMaxHeight !== 'none' ? { maxHeight: this.contentMaxHeight } : {};
|
|
18526
|
-
return (hAsync(Host, { key: '
|
|
18881
|
+
return (hAsync(Host, { key: 'f66dbdd08d6af3f87b0a6e8f30e1948b2f674e34' }, hAsync("div", { key: 'ac0469cbfe48002d5bc7f401e0dc30926cfd4421', class: {
|
|
18527
18882
|
'pds-modal-content': true,
|
|
18528
18883
|
[`pds-modal-content--border-${this.border}`]: true
|
|
18529
|
-
}, style: styleObj, tabindex: "-1" }, hAsync("slot", { key: '
|
|
18884
|
+
}, style: styleObj, tabindex: "-1" }, hAsync("slot", { key: '26a8a45ab4dcd0349da68304fa3cacc64603208a' }))));
|
|
18530
18885
|
}
|
|
18531
18886
|
get el() { return getElement(this); }
|
|
18532
18887
|
static get style() { return pdsModalContentCss(); }
|
|
@@ -18545,6 +18900,9 @@ class PdsModalContent {
|
|
|
18545
18900
|
|
|
18546
18901
|
const pdsModalFooterCss = () => `pds-modal-footer{display:block;width:100%}.pds-modal__footer{width:100%}`;
|
|
18547
18902
|
|
|
18903
|
+
/**
|
|
18904
|
+
* @lightDom renders-markup
|
|
18905
|
+
*/
|
|
18548
18906
|
class PdsModalFooter {
|
|
18549
18907
|
constructor(hostRef) {
|
|
18550
18908
|
registerInstance(this, hostRef);
|
|
@@ -18554,7 +18912,7 @@ class PdsModalFooter {
|
|
|
18554
18912
|
unwrapReconnectedContent(this.el.querySelector('.pds-modal__footer'), '.pds-modal__footer');
|
|
18555
18913
|
}
|
|
18556
18914
|
render() {
|
|
18557
|
-
return (hAsync("footer", { key: '
|
|
18915
|
+
return (hAsync("footer", { key: '1148892c2d6b9a461f6c04a670fceda76c1be53a', class: "pds-modal__footer" }, hAsync("slot", { key: 'ccd754674c82c415f8c056c9dda6327df35dbd03' })));
|
|
18558
18916
|
}
|
|
18559
18917
|
get el() { return getElement(this); }
|
|
18560
18918
|
static get style() { return pdsModalFooterCss(); }
|
|
@@ -18570,6 +18928,9 @@ class PdsModalFooter {
|
|
|
18570
18928
|
|
|
18571
18929
|
const pdsModalHeaderCss = () => `pds-modal-header{display:block;width:100%}.pds-modal__header{width:100%}`;
|
|
18572
18930
|
|
|
18931
|
+
/**
|
|
18932
|
+
* @lightDom renders-markup
|
|
18933
|
+
*/
|
|
18573
18934
|
class PdsModalHeader {
|
|
18574
18935
|
constructor(hostRef) {
|
|
18575
18936
|
registerInstance(this, hostRef);
|
|
@@ -18579,7 +18940,7 @@ class PdsModalHeader {
|
|
|
18579
18940
|
unwrapReconnectedContent(this.el.querySelector('.pds-modal__header'), '.pds-modal__header');
|
|
18580
18941
|
}
|
|
18581
18942
|
render() {
|
|
18582
|
-
return (hAsync("header", { key: '
|
|
18943
|
+
return (hAsync("header", { key: '030153b84f1ea1cb133c9ccec3ad86583995974f', class: "pds-modal__header" }, hAsync("slot", { key: '3a479e7047f3e845a65c37d60539648c8ff78602' })));
|
|
18583
18944
|
}
|
|
18584
18945
|
get el() { return getElement(this); }
|
|
18585
18946
|
static get style() { return pdsModalHeaderCss(); }
|
|
@@ -19962,10 +20323,22 @@ class PdsPopover {
|
|
|
19962
20323
|
* Tracks if the component is still mounted to prevent memory leaks
|
|
19963
20324
|
*/
|
|
19964
20325
|
this.isComponentMounted = true;
|
|
20326
|
+
/**
|
|
20327
|
+
* Set once `componentDidLoad` has built the portal, so a later reconnect knows to rebuild it
|
|
20328
|
+
*/
|
|
20329
|
+
this.hasLoaded = false;
|
|
20330
|
+
/**
|
|
20331
|
+
* A popover without a componentId keeps one generated portal id, even when the portal is rebuilt
|
|
20332
|
+
*/
|
|
20333
|
+
this.generatedPortalId = null;
|
|
19965
20334
|
/**
|
|
19966
20335
|
* Reference to the trigger element
|
|
19967
20336
|
*/
|
|
19968
20337
|
this.triggerEl = null;
|
|
20338
|
+
/**
|
|
20339
|
+
* Puts the trigger's ARIA back when something else removes or changes it
|
|
20340
|
+
*/
|
|
20341
|
+
this.triggerObserver = null;
|
|
19969
20342
|
/**
|
|
19970
20343
|
* Portal element rendered in document.body
|
|
19971
20344
|
*/
|
|
@@ -20027,6 +20400,7 @@ class PdsPopover {
|
|
|
20027
20400
|
else {
|
|
20028
20401
|
this.triggerEl = null;
|
|
20029
20402
|
}
|
|
20403
|
+
this.observeTrigger();
|
|
20030
20404
|
};
|
|
20031
20405
|
/**
|
|
20032
20406
|
* Handles changes to the default slot (popover content)
|
|
@@ -20063,6 +20437,9 @@ class PdsPopover {
|
|
|
20063
20437
|
}
|
|
20064
20438
|
};
|
|
20065
20439
|
}
|
|
20440
|
+
restorePlacementDefault(newValue) {
|
|
20441
|
+
this.placement = restoreReflectedDefault(this.el, 'placement', newValue, 'right');
|
|
20442
|
+
}
|
|
20066
20443
|
componentDidLoad() {
|
|
20067
20444
|
var _a;
|
|
20068
20445
|
// Bind event handlers for cleanup
|
|
@@ -20072,6 +20449,7 @@ class PdsPopover {
|
|
|
20072
20449
|
this.boundResizeHandler = this.handleResize.bind(this);
|
|
20073
20450
|
// Create portal element
|
|
20074
20451
|
this.createPortal();
|
|
20452
|
+
this.hasLoaded = true;
|
|
20075
20453
|
// Initialize trigger element by calling slot change handler
|
|
20076
20454
|
// This is a fallback for environments where slot change might not fire reliably
|
|
20077
20455
|
const triggerSlot = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot[name="trigger"]');
|
|
@@ -20086,20 +20464,69 @@ class PdsPopover {
|
|
|
20086
20464
|
this.linkTriggerToPortal();
|
|
20087
20465
|
}
|
|
20088
20466
|
}
|
|
20467
|
+
// The trigger is the consumer's element, so anything can rewrite its attributes (a Turbo morph
|
|
20468
|
+
// matches it to server HTML that has no ARIA). Put Pine's values back when that happens.
|
|
20469
|
+
observeTrigger() {
|
|
20470
|
+
var _a;
|
|
20471
|
+
(_a = this.triggerObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
20472
|
+
this.triggerObserver = null;
|
|
20473
|
+
if (this.triggerEl == null || typeof MutationObserver === 'undefined')
|
|
20474
|
+
return;
|
|
20475
|
+
this.triggerObserver = new MutationObserver(() => this.linkTriggerToPortal());
|
|
20476
|
+
this.triggerObserver.observe(this.triggerEl, {
|
|
20477
|
+
attributes: true,
|
|
20478
|
+
attributeFilter: ['aria-expanded', 'aria-controls'],
|
|
20479
|
+
});
|
|
20480
|
+
}
|
|
20089
20481
|
// Set ARIA attributes to establish relationship between trigger and popover
|
|
20090
20482
|
// This mirrors the native Popover API's accessibility behavior
|
|
20091
20483
|
linkTriggerToPortal() {
|
|
20092
20484
|
if (this.triggerEl == null || this.portalEl == null)
|
|
20093
20485
|
return;
|
|
20094
|
-
|
|
20095
|
-
this.triggerEl.
|
|
20486
|
+
// Skips values already in place, so the trigger observer's own callback doesn't loop.
|
|
20487
|
+
setAttributesIfChanged(this.triggerEl, { 'aria-expanded': String(this.active), 'aria-controls': this.portalEl.id });
|
|
20488
|
+
}
|
|
20489
|
+
// componentDidLoad doesn't run again when a popover comes back, so rebuild whatever
|
|
20490
|
+
// disconnectedCallback tore down. Each step is a no-op when nothing was.
|
|
20491
|
+
connectedCallback() {
|
|
20492
|
+
var _a;
|
|
20493
|
+
if (!this.hasLoaded)
|
|
20494
|
+
return;
|
|
20495
|
+
this.isComponentMounted = true;
|
|
20496
|
+
this.createPortal();
|
|
20497
|
+
(_a = this.triggerEl) === null || _a === void 0 ? void 0 : _a.addEventListener('click', this.handleTriggerClick);
|
|
20498
|
+
this.observeTrigger();
|
|
20499
|
+
this.linkTriggerToPortal();
|
|
20500
|
+
// Still open after a move: the trigger moved, so the portal follows it.
|
|
20501
|
+
if (this.active) {
|
|
20502
|
+
requestAnimationFrame(() => this.handlePopoverPositioning());
|
|
20503
|
+
}
|
|
20096
20504
|
}
|
|
20097
20505
|
disconnectedCallback() {
|
|
20506
|
+
var _a;
|
|
20507
|
+
// Moved in one operation (a DOM morph, or a framework reparenting it), the popover is
|
|
20508
|
+
// already back in the page. Its portal is in <body>, untouched, so it stays open, with focus
|
|
20509
|
+
// where it was.
|
|
20510
|
+
if (this.el.isConnected)
|
|
20511
|
+
return;
|
|
20098
20512
|
this.isComponentMounted = false;
|
|
20513
|
+
// Open, the content sits in the portal; put it back before the portal goes. Only listeners on
|
|
20514
|
+
// the popover itself hear the close event now, but those are the ones mirroring its state.
|
|
20515
|
+
if (this.active) {
|
|
20516
|
+
this.restorePortalContent();
|
|
20517
|
+
this.active = false;
|
|
20518
|
+
this.linkTriggerToPortal();
|
|
20519
|
+
this.pdsPopoverClose.emit({
|
|
20520
|
+
componentId: this.componentId,
|
|
20521
|
+
popoverType: this.popoverType,
|
|
20522
|
+
});
|
|
20523
|
+
}
|
|
20099
20524
|
// Clean up trigger click event listener
|
|
20100
20525
|
if (this.triggerEl != null) {
|
|
20101
20526
|
this.triggerEl.removeEventListener('click', this.handleTriggerClick);
|
|
20102
20527
|
}
|
|
20528
|
+
(_a = this.triggerObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
20529
|
+
this.triggerObserver = null;
|
|
20103
20530
|
// Clean up all event listeners
|
|
20104
20531
|
this.removeLightDismissListeners();
|
|
20105
20532
|
this.removeScrollAndResizeListeners();
|
|
@@ -20122,6 +20549,7 @@ class PdsPopover {
|
|
|
20122
20549
|
}
|
|
20123
20550
|
}
|
|
20124
20551
|
createPortal() {
|
|
20552
|
+
var _a;
|
|
20125
20553
|
if (this.portalEl !== null)
|
|
20126
20554
|
return;
|
|
20127
20555
|
this.portalEl = document.createElement('div');
|
|
@@ -20140,8 +20568,8 @@ class PdsPopover {
|
|
|
20140
20568
|
this.portalEl.style.padding = 'var(--pine-dimension-md)';
|
|
20141
20569
|
// Generate unique ID
|
|
20142
20570
|
if (!this.componentId) {
|
|
20143
|
-
|
|
20144
|
-
this.portalEl.id =
|
|
20571
|
+
(_a = this.generatedPortalId) !== null && _a !== void 0 ? _a : (this.generatedPortalId = `pds-popover-portal-${PdsPopover.instanceCounter++}`);
|
|
20572
|
+
this.portalEl.id = this.generatedPortalId;
|
|
20145
20573
|
}
|
|
20146
20574
|
else {
|
|
20147
20575
|
this.portalEl.id = `${this.componentId}-portal`;
|
|
@@ -20253,10 +20681,7 @@ class PdsPopover {
|
|
|
20253
20681
|
this.active = true;
|
|
20254
20682
|
// Record open timestamp to prevent immediate close from opening click
|
|
20255
20683
|
this.openTimestamp = Date.now();
|
|
20256
|
-
|
|
20257
|
-
if (this.triggerEl) {
|
|
20258
|
-
this.triggerEl.setAttribute('aria-expanded', 'true');
|
|
20259
|
-
}
|
|
20684
|
+
this.linkTriggerToPortal();
|
|
20260
20685
|
// Update portal content with latest slot content
|
|
20261
20686
|
this.updatePortalContent();
|
|
20262
20687
|
// Show portal
|
|
@@ -20290,10 +20715,7 @@ class PdsPopover {
|
|
|
20290
20715
|
this.active = false;
|
|
20291
20716
|
// Restoring the content drops its focus to the body, so check where focus is first.
|
|
20292
20717
|
const focusWasInside = this.portalEl.contains(document.activeElement);
|
|
20293
|
-
|
|
20294
|
-
if (this.triggerEl) {
|
|
20295
|
-
this.triggerEl.setAttribute('aria-expanded', 'false');
|
|
20296
|
-
}
|
|
20718
|
+
this.linkTriggerToPortal();
|
|
20297
20719
|
// Restore content back to original slot positions
|
|
20298
20720
|
this.restorePortalContent();
|
|
20299
20721
|
// Hide portal
|
|
@@ -20376,7 +20798,7 @@ class PdsPopover {
|
|
|
20376
20798
|
// inside this popover, in its content or its trigger, isn't outside it.
|
|
20377
20799
|
const calendar = (_b = (_a = target).closest) === null || _b === void 0 ? void 0 : _b.call(_a, '.pds-datepicker-calendar-portal');
|
|
20378
20800
|
const owner = calendar === null || calendar === void 0 ? void 0 : calendar.pdsDatepicker;
|
|
20379
|
-
if (owner && (containsComposed(this.portalEl, owner) || containsComposed(this.triggerEl, owner)))
|
|
20801
|
+
if (owner && (containsComposed$1(this.portalEl, owner) || containsComposed$1(this.triggerEl, owner)))
|
|
20380
20802
|
return;
|
|
20381
20803
|
// Check if click is outside both the popover portal and the trigger
|
|
20382
20804
|
const clickedInsidePopover = (_c = this.portalEl) === null || _c === void 0 ? void 0 : _c.contains(target);
|
|
@@ -20519,9 +20941,14 @@ class PdsPopover {
|
|
|
20519
20941
|
}, 16); // ~1 frame at 60fps
|
|
20520
20942
|
}
|
|
20521
20943
|
render() {
|
|
20522
|
-
return (hAsync(Host, { key: '
|
|
20944
|
+
return (hAsync(Host, { key: '66347d4922274d25504e5be134b36f05a3f12fdc', id: this.componentId }, hAsync("span", { key: '8f29d54d58cf0c66f86470c77c676716f1ab056f', class: "pds-popover__trigger-wrapper" }, hAsync("slot", { key: '5c89b687cfc01e67d3c11835e77755de88f03584', name: "trigger", onSlotchange: this.handleTriggerSlotChange })), hAsync("div", { key: '0ca9aff3021720098d86ec29eb69cbf149ef79a9', class: "pds-popover__content-slot-wrapper" }, hAsync("slot", { key: 'b73c3324d3322c41c68161e9ada51499c0e49cb0', onSlotchange: this.handleContentSlotChange }))));
|
|
20523
20945
|
}
|
|
20524
20946
|
get el() { return getElement(this); }
|
|
20947
|
+
static get watchers() { return {
|
|
20948
|
+
"placement": [{
|
|
20949
|
+
"restorePlacementDefault": 0
|
|
20950
|
+
}]
|
|
20951
|
+
}; }
|
|
20525
20952
|
static get style() { return pdsPopoverCss(); }
|
|
20526
20953
|
static get cmpMeta() { return {
|
|
20527
20954
|
"$flags$": 265,
|
|
@@ -20531,7 +20958,7 @@ class PdsPopover {
|
|
|
20531
20958
|
"popoverType": [1, "popover-type"],
|
|
20532
20959
|
"componentId": [1, "component-id"],
|
|
20533
20960
|
"maxWidth": [2, "max-width"],
|
|
20534
|
-
"placement": [
|
|
20961
|
+
"placement": [1537],
|
|
20535
20962
|
"active": [32],
|
|
20536
20963
|
"show": [64],
|
|
20537
20964
|
"hide": [64],
|
|
@@ -20552,6 +20979,7 @@ const pdsProgressCss = () => `:host{--color-progress-fill:var(--pine-color-prima
|
|
|
20552
20979
|
class PdsProgress {
|
|
20553
20980
|
constructor(hostRef) {
|
|
20554
20981
|
registerInstance(this, hostRef);
|
|
20982
|
+
this.hostKeeper = new HostStylingKeeper();
|
|
20555
20983
|
/**
|
|
20556
20984
|
* Determines whether or not progress is animated.
|
|
20557
20985
|
* @defaultValue false
|
|
@@ -20568,10 +20996,19 @@ class PdsProgress {
|
|
|
20568
20996
|
*/
|
|
20569
20997
|
this.showPercent = false;
|
|
20570
20998
|
}
|
|
20999
|
+
connectedCallback() {
|
|
21000
|
+
this.hostKeeper.connect(this.el);
|
|
21001
|
+
}
|
|
21002
|
+
disconnectedCallback() {
|
|
21003
|
+
this.hostKeeper.disconnect();
|
|
21004
|
+
}
|
|
20571
21005
|
render() {
|
|
20572
21006
|
const normalizedFillColor = normalizeColorValue(this.fillColor);
|
|
20573
|
-
|
|
21007
|
+
const hostClass = this.animated ? { 'is-animated': this.animated } : '';
|
|
21008
|
+
this.hostKeeper.record(hostClass);
|
|
21009
|
+
return (hAsync(Host, { key: '5573a5c48eee2f7968835db92afdaebb73c1b85e', class: hostClass }, hAsync("div", { key: 'bb5cf260495be798f4272673884336022c28441e', class: "pds-progress" }, hAsync("label", { key: '017efa649ada73ec724b930e06bbf1ab19a18f61', class: "pds-progress__label", htmlFor: this.componentId }, this.label), hAsync("progress", { key: 'e648d910b072b7b2ca1c4a92c0832bf6e2ef5406', id: this.componentId, max: "100", style: normalizedFillColor ? { '--color-progress-fill': normalizedFillColor } : {}, value: this.percent })), this.showPercent && hAsync("div", { key: '1f9f1733ff2cd6e2ec81e9a46759ff451cf158f7', class: "pds-progress__percentage" }, this.percent, "%")));
|
|
20574
21010
|
}
|
|
21011
|
+
get el() { return getElement(this); }
|
|
20575
21012
|
static get style() { return pdsProgressCss(); }
|
|
20576
21013
|
static get cmpMeta() { return {
|
|
20577
21014
|
"$flags$": 9,
|
|
@@ -20627,12 +21064,14 @@ const pdsRadioCss = () => `.sc-pds-radio-h{--sizing-check-size:6px;--sizing-inpu
|
|
|
20627
21064
|
/**
|
|
20628
21065
|
* @slot image - Custom image content to display instead of the default radio input
|
|
20629
21066
|
* @part image-container - The container for the image
|
|
21067
|
+
* @lightDom renders-markup
|
|
20630
21068
|
*/
|
|
20631
21069
|
class PdsRadio {
|
|
20632
21070
|
constructor(hostRef) {
|
|
20633
21071
|
registerInstance(this, hostRef);
|
|
20634
21072
|
this.pdsRadioChange = createEvent(this, "pdsRadioChange");
|
|
20635
21073
|
this._type = 'radio';
|
|
21074
|
+
this.hostKeeper = new HostStylingKeeper();
|
|
20636
21075
|
this._hasImage = false;
|
|
20637
21076
|
/**
|
|
20638
21077
|
* Determines whether or not the radio is checked.
|
|
@@ -20700,9 +21139,13 @@ class PdsRadio {
|
|
|
20700
21139
|
this._hasImage = this.hasImageSlot();
|
|
20701
21140
|
}
|
|
20702
21141
|
connectedCallback() {
|
|
21142
|
+
this.hostKeeper.connect(this.el);
|
|
20703
21143
|
// Expose type property on the element instance to match native form element behavior
|
|
20704
21144
|
exposeTypeProperty(this.el, () => this._type);
|
|
20705
21145
|
}
|
|
21146
|
+
disconnectedCallback() {
|
|
21147
|
+
this.hostKeeper.disconnect();
|
|
21148
|
+
}
|
|
20706
21149
|
// Discards stale hidden label/message/wrapper copies left by a page-cache (Turbo, bfcache) reconnect, rescuing real [slot="image"] content stranded inside a stale image-container first.
|
|
20707
21150
|
componentDidRender() {
|
|
20708
21151
|
const freshImageContainer = this.el.querySelector('.pds-radio__image-container:not([hidden])');
|
|
@@ -20717,11 +21160,13 @@ class PdsRadio {
|
|
|
20717
21160
|
}
|
|
20718
21161
|
render() {
|
|
20719
21162
|
const renderLabelAndMessages = () => [
|
|
20720
|
-
hAsync("label", { htmlFor: this.componentId, key: `${this.componentId}-label` }, hAsync("input", { key: '
|
|
21163
|
+
hAsync("label", { htmlFor: this.componentId, key: `${this.componentId}-label` }, hAsync("input", { key: 'add893cd82f79b9398589bd5c0a72d5ae4a90475', "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage, this.errorMessage), "aria-invalid": this.invalid ? "true" : undefined, type: "radio", id: this.componentId, name: this.name, value: this.value, checked: this.checked, required: this.required, disabled: this.disabled, onChange: this.handleRadioChange, class: this.hasImage() ? 'visually-hidden' : '' }), hAsync("span", { key: 'b58eed8681d1932397d38ffe82515987e6486e08', class: this.hideLabel ? 'visually-hidden' : '' }, this.label)),
|
|
20721
21164
|
this.helperMessage && (hAsync("div", { key: `${this.componentId}-helper`, class: 'pds-radio__message', id: messageId(this.componentId, 'helper') }, this.helperMessage)),
|
|
20722
|
-
this.errorMessage && (hAsync("div", { key: `${this.componentId}-error`, class: `pds-radio__message pds-radio__message--error`, id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, hAsync("pds-icon", { key: '
|
|
21165
|
+
this.errorMessage && (hAsync("div", { key: `${this.componentId}-error`, class: `pds-radio__message pds-radio__message--error`, id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, hAsync("pds-icon", { key: '7374924219e59eab46a7ced9e7062c3e674b4451', icon: danger, size: "small" }), this.errorMessage))
|
|
20723
21166
|
];
|
|
20724
|
-
|
|
21167
|
+
const hostClass = this.classNames();
|
|
21168
|
+
this.hostKeeper.record(hostClass);
|
|
21169
|
+
return (hAsync(Host, { key: '24269923f168d1d39ebfc1994619736f0dc8087a', class: hostClass }, this.hasImage() && (hAsync("div", { key: '74a72bef89aa012047cbf3a1744fcd33f13bb464', class: "pds-radio__image-container", part: "image-container" }, hAsync("slot", { key: '99dbcfdac86cb7c012fd44eab607217e21304bab', name: "image", onSlotchange: () => (this._hasImage = this.hasImageSlot()) }))), this.hasImage() ? (hAsync("div", { class: "pds-radio__content-wrapper" }, renderLabelAndMessages())) : (renderLabelAndMessages())));
|
|
20725
21170
|
}
|
|
20726
21171
|
get el() { return getElement(this); }
|
|
20727
21172
|
static get style() { return labelCss$3() + pdsRadioCss(); }
|
|
@@ -20753,6 +21198,7 @@ const pdsRadioGroupCss = () => `.sc-pds-radio-group-h{display:-ms-flexbox;displa
|
|
|
20753
21198
|
|
|
20754
21199
|
/**
|
|
20755
21200
|
* @slot (default) - Child pds-radio components
|
|
21201
|
+
* @lightDom renders-markup
|
|
20756
21202
|
*/
|
|
20757
21203
|
class PdsRadioGroup {
|
|
20758
21204
|
constructor(hostRef) {
|
|
@@ -20912,13 +21358,13 @@ class PdsRadioGroup {
|
|
|
20912
21358
|
render() {
|
|
20913
21359
|
const gapValue = this.getGapValue();
|
|
20914
21360
|
const ariaDescribedBy = this.getAriaDescribedBy();
|
|
20915
|
-
return (hAsync(Host, { key: '
|
|
21361
|
+
return (hAsync(Host, { key: '9dc78eb36bbc1b872f4320203dbbc64e43816ebf', class: this.classNames(), id: this._groupId, role: "group", "aria-describedby": ariaDescribedBy, style: {
|
|
20916
21362
|
'--pds-radio-group-gap': gapValue,
|
|
20917
|
-
} }, this.groupLabel && (hAsync("div", { key: '
|
|
21363
|
+
} }, this.groupLabel && (hAsync("div", { key: '7b6f95608dcf356b141ef5d590ff3070f83b5975', class: "pds-radio-group__label" }, this.groupLabel)), hAsync("div", { key: '6e1a634c9b81ca3f3bbbe9c6590bcd4efc97e6ea', class: {
|
|
20918
21364
|
'pds-radio-group__radios': true,
|
|
20919
21365
|
'pds-radio-group__radios--row': this.direction === 'row',
|
|
20920
21366
|
'pds-radio-group__radios--column': this.direction === 'column',
|
|
20921
|
-
} }, hAsync("slot", { key: '
|
|
21367
|
+
} }, hAsync("slot", { key: 'b5b16148f3c77d425a50b7ada8a822e9919ef5c5', onSlotchange: () => this.updateChildRadios() })), this.helperMessage && (hAsync("div", { key: 'ca6b98f926b8d7a53fda630170ac037c99f5ee85', class: "pds-radio-group__message", id: messageId(this._groupId, 'helper') }, this.helperMessage)), this.errorMessage && (hAsync("div", { key: '37b57e2622370364e619ea090712a7b79fe79501', class: "pds-radio-group__message pds-radio-group__message--error", id: messageId(this._groupId, 'error'), "aria-live": "assertive" }, hAsync("pds-icon", { key: '6a362d048a67312b1b227f71cc4b8f821ae0817e', icon: danger, size: "small" }), this.errorMessage))));
|
|
20922
21368
|
}
|
|
20923
21369
|
get el() { return getElement(this); }
|
|
20924
21370
|
static get watchers() { return {
|
|
@@ -20959,9 +21405,13 @@ class PdsRadioGroup {
|
|
|
20959
21405
|
|
|
20960
21406
|
const pdsRowCss = () => `:host{--row-gap-y:var(--pine-dimension-125);--row-gap-x:var(--pine-dimension-125);display:block;-webkit-margin-after:calc(var(--row-gap-y) * -1);margin-block-end:calc(var(--row-gap-y) * -1);-webkit-margin-before:calc(var(--row-gap-y) * -1);margin-block-start:calc(var(--row-gap-y) * -1);-webkit-margin-end:calc(var(--row-gap-x) * -0.5);margin-inline-end:calc(var(--row-gap-x) * -0.5);-webkit-margin-start:calc(var(--row-gap-x) * -0.5);margin-inline-start:calc(var(--row-gap-x) * -0.5)}.pds-row{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-margin-after:calc(var(--row-gap-y) * -1);margin-block-end:calc(var(--row-gap-y) * -1);-webkit-margin-before:calc(var(--row-gap-y) * -1);margin-block-start:calc(var(--row-gap-y) * -1);-webkit-margin-end:calc(var(--row-gap-x) * -1);margin-inline-end:calc(var(--row-gap-x) * -1);-webkit-margin-start:calc(var(--row-gap-x) * -1);margin-inline-start:calc(var(--row-gap-x) * -1)}@layer layout{.pds-row>*{-webkit-padding-after:calc(var(--row-gap-y));padding-block-end:calc(var(--row-gap-y));-webkit-padding-before:calc(var(--row-gap-y));padding-block-start:calc(var(--row-gap-y));-webkit-padding-end:calc(var(--row-gap-x));padding-inline-end:calc(var(--row-gap-x));-webkit-padding-start:calc(var(--row-gap-x));padding-inline-start:calc(var(--row-gap-x))}}.pds-row--no-wrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.pds-row--border{border:var(--pine-border)}.pds-justify-content-start{-ms-flex-pack:start;justify-content:start}.pds-justify-content-center{-ms-flex-pack:center;justify-content:center}.pds-justify-content-end{-ms-flex-pack:end;justify-content:end}.pds-justify-content-space-between{-ms-flex-pack:justify;justify-content:space-between}.pds-justify-content-space-around{-ms-flex-pack:distribute;justify-content:space-around}.pds-justify-content-space-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}.pds-align-items-start{-ms-flex-align:start;align-items:start}.pds-align-items-center{-ms-flex-align:center;align-items:center}.pds-align-items-end{-ms-flex-align:end;align-items:end}.pds-align-items-stretch{-ms-flex-align:stretch;align-items:stretch}.pds-align-items-baseline{-ms-flex-align:baseline;align-items:baseline}`;
|
|
20961
21407
|
|
|
21408
|
+
/**
|
|
21409
|
+
* @lightDom host-only
|
|
21410
|
+
*/
|
|
20962
21411
|
class PdsRow {
|
|
20963
21412
|
constructor(hostRef) {
|
|
20964
21413
|
registerInstance(this, hostRef);
|
|
21414
|
+
this.hostKeeper = new HostStylingKeeper();
|
|
20965
21415
|
/**
|
|
20966
21416
|
* If `true`, the row will have a border.
|
|
20967
21417
|
*/
|
|
@@ -20999,6 +21449,12 @@ class PdsRow {
|
|
|
20999
21449
|
'800': 'var(--pine-dimension-800)'
|
|
21000
21450
|
};
|
|
21001
21451
|
}
|
|
21452
|
+
connectedCallback() {
|
|
21453
|
+
this.hostKeeper.connect(this.el);
|
|
21454
|
+
}
|
|
21455
|
+
disconnectedCallback() {
|
|
21456
|
+
this.hostKeeper.disconnect();
|
|
21457
|
+
}
|
|
21002
21458
|
render() {
|
|
21003
21459
|
const rowClasses = `
|
|
21004
21460
|
${this.alignItems !== undefined && this.alignItems.trim() !== '' ? `pds-align-items-${this.alignItems}` : ''}
|
|
@@ -21016,8 +21472,10 @@ class PdsRow {
|
|
|
21016
21472
|
})), (this.minHeight && {
|
|
21017
21473
|
'min-height': this.minHeight,
|
|
21018
21474
|
}));
|
|
21019
|
-
|
|
21475
|
+
this.hostKeeper.record(`pds-row ${rowClasses}`, rowInlineStyles);
|
|
21476
|
+
return hAsync(Host, { key: 'ee3a32ae1376919c7c2d1fcf186a1b7c272ee085', class: `pds-row ${rowClasses}`, style: rowInlineStyles });
|
|
21020
21477
|
}
|
|
21478
|
+
get el() { return getElement(this); }
|
|
21021
21479
|
static get style() { return pdsRowCss(); }
|
|
21022
21480
|
static get cmpMeta() { return {
|
|
21023
21481
|
"$flags$": 0,
|
|
@@ -21056,6 +21514,7 @@ class PdsSelect {
|
|
|
21056
21514
|
this.pdsFocus = createEvent(this, "pdsFocus");
|
|
21057
21515
|
this.pdsKeyDown = createEvent(this, "pdsKeyDown");
|
|
21058
21516
|
this._type = 'select-one';
|
|
21517
|
+
this.hostKeeper = new HostStylingKeeper();
|
|
21059
21518
|
/**
|
|
21060
21519
|
* Indicates whether or not the select field is disabled.
|
|
21061
21520
|
* @defaultValue false
|
|
@@ -21137,6 +21596,7 @@ class PdsSelect {
|
|
|
21137
21596
|
this._type = this.multiple ? 'select-multiple' : 'select-one';
|
|
21138
21597
|
}
|
|
21139
21598
|
connectedCallback() {
|
|
21599
|
+
this.hostKeeper.connect(this.el);
|
|
21140
21600
|
// Initialize ElementInternals for form association (only once per element instance)
|
|
21141
21601
|
if (this.el.attachInternals && !this.internals) {
|
|
21142
21602
|
this.internals = this.el.attachInternals();
|
|
@@ -21144,6 +21604,9 @@ class PdsSelect {
|
|
|
21144
21604
|
// Expose type property on the element instance to match native form element behavior
|
|
21145
21605
|
exposeTypeProperty(this.el, () => this._type);
|
|
21146
21606
|
}
|
|
21607
|
+
disconnectedCallback() {
|
|
21608
|
+
this.hostKeeper.disconnect();
|
|
21609
|
+
}
|
|
21147
21610
|
componentWillLoad() {
|
|
21148
21611
|
// Set initial type based on multiple prop
|
|
21149
21612
|
this.updateType();
|
|
@@ -21276,7 +21739,13 @@ class PdsSelect {
|
|
|
21276
21739
|
}
|
|
21277
21740
|
render() {
|
|
21278
21741
|
const hasAction = this.el.querySelector('[slot="action"]') !== null;
|
|
21279
|
-
|
|
21742
|
+
const hostClass = this.classNames();
|
|
21743
|
+
const hostAttributes = {
|
|
21744
|
+
'aria-disabled': this.disabled ? 'true' : null,
|
|
21745
|
+
'has-action': hasAction && !this.hideLabel ? 'true' : null,
|
|
21746
|
+
};
|
|
21747
|
+
this.hostKeeper.record(hostClass, {}, hostAttributes);
|
|
21748
|
+
return (hAsync(Host, Object.assign({ key: 'c99bfc000ad351298e154554a8b22635b1abb718', class: hostClass }, hostAttributes), hAsync("div", { key: '35374b150cbef745c6a6068ba5a2fde0803c0314', class: "pds-select" }, !this.hideLabel && (hAsync("div", { key: 'a3b9bae451c5c384606790a29bf8ab5fc70427c0', class: "pds-select__label-wrapper" }, hAsync("label", { key: '80d7740a05a6d3cce6d51224169eb6c2501c4896', htmlFor: this.componentId }, hAsync("span", { key: 'a51c02d7c84f75bb168889dab50cae807271c63d', class: this.hideLabel ? 'visually-hidden' : '' }, this.label)), hasAction && this.renderAction())), hAsync("select", { key: '11444dad795bd02c008252a60e701125861e4af0', "aria-describedby": assignDescription(this.componentId, this.isInvalid(), this.helperMessage, this.errorMessage), "aria-invalid": this.isInvalid() ? 'true' : undefined, "aria-label": this.hideLabel ? this.label : undefined, autocomplete: this.autocomplete || undefined, class: "pds-select__field", disabled: this.disabled, id: this.componentId, multiple: this.multiple, name: this.name, onBlur: this.onBlur, onChange: this.onSelectUpdate, onFocus: this.onFocus, onKeyDown: this.onKeyDown, part: "select", required: this.required, ref: (el) => (this.selectEl = el) }), hAsync("div", { key: 'ce54fa1df287d96a7503bb19cd2ba6c74a6da638', "aria-hidden": "true", class: "hidden", ref: (el) => (this.slotContainer = el) }, hAsync("slot", { key: '22c55e78999076a37d43fb708dabc7379dd4cee3', onSlotchange: this.handleSlotChange })), this.renderMessages(), !this.multiple && hAsync("pds-icon", { key: '45628074fbcdb259b8bba42299082423309a6968', "aria-hidden": "true", class: "pds-select__select-icon", icon: enlarge }))));
|
|
21280
21749
|
}
|
|
21281
21750
|
static get formAssociated() { return true; }
|
|
21282
21751
|
get el() { return getElement(this); }
|
|
@@ -23964,6 +24433,9 @@ Sortable.mount(Remove, Revert);
|
|
|
23964
24433
|
|
|
23965
24434
|
const pdsSortableCss = () => `.pds-sortable.sc-pds-sortable-h{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.pds-sortable.pds-sortable--bordered.sc-pds-sortable-h{border:var(--pine-border);border-radius:var(--pine-dimension-2xs)}`;
|
|
23966
24435
|
|
|
24436
|
+
/**
|
|
24437
|
+
* @lightDom host-only
|
|
24438
|
+
*/
|
|
23967
24439
|
class PdsSortable {
|
|
23968
24440
|
constructor(hostRef) {
|
|
23969
24441
|
registerInstance(this, hostRef);
|
|
@@ -23986,6 +24458,7 @@ class PdsSortable {
|
|
|
23986
24458
|
* Determines the grabbable area for the `pds-sortable-item`.
|
|
23987
24459
|
*/
|
|
23988
24460
|
this.handleType = 'row';
|
|
24461
|
+
this.hostKeeper = new HostStylingKeeper();
|
|
23989
24462
|
}
|
|
23990
24463
|
handleDisabledChange() {
|
|
23991
24464
|
var _a;
|
|
@@ -24007,6 +24480,12 @@ class PdsSortable {
|
|
|
24007
24480
|
}
|
|
24008
24481
|
return classNames.join(' ');
|
|
24009
24482
|
}
|
|
24483
|
+
connectedCallback() {
|
|
24484
|
+
this.hostKeeper.connect(this.el);
|
|
24485
|
+
}
|
|
24486
|
+
disconnectedCallback() {
|
|
24487
|
+
this.hostKeeper.disconnect();
|
|
24488
|
+
}
|
|
24010
24489
|
componentDidLoad() {
|
|
24011
24490
|
let sortableOptions = {
|
|
24012
24491
|
animation: 150,
|
|
@@ -24023,7 +24502,9 @@ class PdsSortable {
|
|
|
24023
24502
|
this.sortableInstance = Sortable.create(this.el, sortableOptions);
|
|
24024
24503
|
}
|
|
24025
24504
|
render() {
|
|
24026
|
-
|
|
24505
|
+
const classNames = this.classNames();
|
|
24506
|
+
this.hostKeeper.record(classNames);
|
|
24507
|
+
return (hAsync(Host, { key: 'fb6e9a79babf01980c04ee7208d195510493a7dc', class: classNames, id: this.componentId }, hAsync("slot", { key: '5735ca3af531a736f07d1fafde8ae544d00a75bb' })));
|
|
24027
24508
|
}
|
|
24028
24509
|
get el() { return getElement(this); }
|
|
24029
24510
|
static get watchers() { return {
|
|
@@ -24052,10 +24533,12 @@ const pdsSortableItemCss = () => `.pds-sortable-item.sc-pds-sortable-item-h{-ms-
|
|
|
24052
24533
|
|
|
24053
24534
|
/**
|
|
24054
24535
|
* @slot sortable-item-actions - Content is placed within the `pds-sortable-item__actions` element as children. This slot is only rendered if `actions` is set to `true`.
|
|
24536
|
+
* @lightDom renders-markup
|
|
24055
24537
|
*/
|
|
24056
24538
|
class PdsSortableItem {
|
|
24057
24539
|
constructor(hostRef) {
|
|
24058
24540
|
registerInstance(this, hostRef);
|
|
24541
|
+
this.hostKeeper = new HostStylingKeeper();
|
|
24059
24542
|
/**
|
|
24060
24543
|
* Determines whether `sortable-item-actions` slot should be enabled.
|
|
24061
24544
|
* @defaultValue false
|
|
@@ -24067,6 +24550,12 @@ class PdsSortableItem {
|
|
|
24067
24550
|
*/
|
|
24068
24551
|
this.showHandle = false;
|
|
24069
24552
|
}
|
|
24553
|
+
connectedCallback() {
|
|
24554
|
+
this.hostKeeper.connect(this.el);
|
|
24555
|
+
}
|
|
24556
|
+
disconnectedCallback() {
|
|
24557
|
+
this.hostKeeper.disconnect();
|
|
24558
|
+
}
|
|
24070
24559
|
// Discards stale handle/actions siblings left by a page-cache (Turbo, bfcache) reconnect; the fresh handle is always first, the fresh actions wrapper always last.
|
|
24071
24560
|
componentDidRender() {
|
|
24072
24561
|
const handles = Array.from(this.el.children).filter((child) => child.matches('.pds-sortable-item__handle'));
|
|
@@ -24089,7 +24578,8 @@ class PdsSortableItem {
|
|
|
24089
24578
|
}
|
|
24090
24579
|
}
|
|
24091
24580
|
render() {
|
|
24092
|
-
|
|
24581
|
+
this.hostKeeper.record('pds-sortable-item');
|
|
24582
|
+
return (hAsync(Host, { key: '3f9098a7c938bfa6443f08fb8b0a7c7217230890', class: "pds-sortable-item", id: this.componentId }, this.showHandle && (hAsync("div", { key: '77718a6867ddd8bc029bb3ef995f6ee9a5999ce7', class: "pds-sortable-item__handle" }, hAsync("pds-icon", { key: 'aad7f46e776ece85858798f8f1a1a50c9022b84f', "aria-hidden": "true", icon: handle }))), hAsync("slot", { key: 'afa9346ec8fd7aa6132a15dd44d3b1cae24500b9' }), this.enableActions && (hAsync("div", { key: 'c28c85391117542999c12d673879768394002c90', class: "pds-sortable-item__actions" }, hAsync("slot", { key: '88ab53f3ba4ed47715e31935b861d9ab42342b32', name: "sortable-item-actions" })))));
|
|
24093
24583
|
}
|
|
24094
24584
|
get el() { return getElement(this); }
|
|
24095
24585
|
static get style() { return pdsSortableItemCss(); }
|
|
@@ -24120,6 +24610,7 @@ class PdsSwitch {
|
|
|
24120
24610
|
this.pdsSwitchChange = createEvent(this, "pdsSwitchChange");
|
|
24121
24611
|
this.inheritedAttributes = {};
|
|
24122
24612
|
this._type = 'checkbox';
|
|
24613
|
+
this.hostKeeper = new HostStylingKeeper();
|
|
24123
24614
|
this.hasLabelSlot = false;
|
|
24124
24615
|
/**
|
|
24125
24616
|
* Determines the input 'checked' state.
|
|
@@ -24163,6 +24654,7 @@ class PdsSwitch {
|
|
|
24163
24654
|
};
|
|
24164
24655
|
}
|
|
24165
24656
|
connectedCallback() {
|
|
24657
|
+
this.hostKeeper.connect(this.el);
|
|
24166
24658
|
// Initialize ElementInternals for form association (only once per element instance)
|
|
24167
24659
|
if (this.el.attachInternals && !this.internals) {
|
|
24168
24660
|
this.internals = this.el.attachInternals();
|
|
@@ -24170,6 +24662,9 @@ class PdsSwitch {
|
|
|
24170
24662
|
// Expose type property on the element instance to match native form element behavior
|
|
24171
24663
|
exposeTypeProperty(this.el, () => this._type);
|
|
24172
24664
|
}
|
|
24665
|
+
disconnectedCallback() {
|
|
24666
|
+
this.hostKeeper.disconnect();
|
|
24667
|
+
}
|
|
24173
24668
|
componentDidLoad() {
|
|
24174
24669
|
this.updateFormValue();
|
|
24175
24670
|
}
|
|
@@ -24204,9 +24699,12 @@ class PdsSwitch {
|
|
|
24204
24699
|
this.updateHasLabelSlot();
|
|
24205
24700
|
}
|
|
24206
24701
|
render() {
|
|
24207
|
-
|
|
24208
|
-
|
|
24209
|
-
|
|
24702
|
+
const hostClass = this.switchClassNames();
|
|
24703
|
+
const ariaDisabled = this.disabled ? 'true' : null;
|
|
24704
|
+
this.hostKeeper.record(hostClass, {}, { 'aria-disabled': ariaDisabled });
|
|
24705
|
+
return (hAsync(Host, { key: '6d4b51307f2619a99981e344f782f69871aabf0f', class: hostClass, "aria-disabled": ariaDisabled }, hAsync("label", { key: '068ef3759e2bc3d9870cff36714de0e9cf558b2b', htmlFor: this.componentId }, hAsync("input", Object.assign({ key: 'aa28fb67332bb2d81c09b6c749c1cb0f079e327f', "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage, this.errorMessage), "aria-invalid": this.invalid ? "true" : undefined, checked: this.checked, class: "pds-switch__input", disabled: this.disabled, id: this.componentId, name: this.name ? this.name : this.componentId, onChange: this.onSwitchUpdate, required: this.required, type: "checkbox", value: this.value }, this.inheritedAttributes)), hAsync("span", { key: 'd237980a9ce2abc04d57085df022f28dfa2768e4', class: this.hideLabel ? 'visually-hidden' : '' }, hAsync("slot", { key: '83d0e2110cfdcd3208319302af237178dfd419a4', name: "label", onSlotchange: this.updateHasLabelSlot }), !this.hasLabelSlot && this.label)), this.helperMessage &&
|
|
24706
|
+
hAsync("div", { key: '137d9e5626b34ade33f68c4c24c3dcb154500dc6', class: `pds-switch__message`, id: messageId(this.componentId, 'helper') }, this.helperMessage), this.errorMessage &&
|
|
24707
|
+
hAsync("div", { key: '64c3b8884d0568e26953f67a95d045aa5731c41f', class: `pds-switch__message pds-switch__message--error`, id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, hAsync("pds-icon", { key: 'f99f8045eb33d0c60518f3b4c6a0183170a50f4a', icon: danger, size: "small" }), this.errorMessage)));
|
|
24210
24708
|
}
|
|
24211
24709
|
static get formAssociated() { return true; }
|
|
24212
24710
|
get el() { return getElement(this); }
|
|
@@ -24241,6 +24739,9 @@ class PdsSwitch {
|
|
|
24241
24739
|
|
|
24242
24740
|
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,.is-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}.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,.is-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,.is-disabled),.pds-tabs--filter .pds-tab[aria-selected=true]:hover:not(:disabled,.is-disabled){background-color:var(--pine-color-primary-hover)}.pds-tabs--filter .pds-tab:hover:not(.is-active,[aria-selected=true],:disabled,.is-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-tabs--pill .pds-tab[aria-selected=true]{}.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.is-active,.pds-tabs--pill .pds-tab[aria-selected=true]{}.pds-tabs--pill .pds-tab:disabled,.pds-tabs--pill .pds-tab.is-disabled{color:var(--pine-color-text-disabled)}`;
|
|
24243
24741
|
|
|
24742
|
+
/**
|
|
24743
|
+
* @lightDom renders-markup
|
|
24744
|
+
*/
|
|
24244
24745
|
class PdsTab {
|
|
24245
24746
|
constructor(hostRef) {
|
|
24246
24747
|
registerInstance(this, hostRef);
|
|
@@ -25240,6 +25741,9 @@ class PdsTableRow {
|
|
|
25240
25741
|
|
|
25241
25742
|
const pdsTabpanelCss = () => `:host{display:block}:host(.pds-tabpanel--stretch-active){-ms-flex:1 1 auto;flex:1 1 auto;min-block-size:0}:host(.pds-tabpanel--stretch-active) .pds-tabpanel.is-active{block-size:100%}.pds-tabpanel{display:none;margin-top:var(--tabs-dimension-panel-margin-top);padding:var(--tabs-dimension-panel-padding)}.pds-tabpanel:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-tabpanel.is-active{display:block}`;
|
|
25242
25743
|
|
|
25744
|
+
/**
|
|
25745
|
+
* @lightDom renders-markup
|
|
25746
|
+
*/
|
|
25243
25747
|
class PdsTabpanel {
|
|
25244
25748
|
constructor(hostRef) {
|
|
25245
25749
|
registerInstance(this, hostRef);
|
|
@@ -25259,7 +25763,7 @@ class PdsTabpanel {
|
|
|
25259
25763
|
unwrapReconnectedContent(this.el.querySelector('.pds-tabpanel'), '.pds-tabpanel');
|
|
25260
25764
|
}
|
|
25261
25765
|
render() {
|
|
25262
|
-
return (hAsync(Host, { key: '
|
|
25766
|
+
return (hAsync(Host, { key: '87b00d828c9cddbcccd5d6e89dab7541a3c5c839', slot: "tabpanels", class: this.stretch && this.selected ? "pds-tabpanel--stretch-active" : undefined }, hAsync("div", { key: 'd7058a727d010351c73b5287f45991d48ef71151', role: "tabpanel", id: this.parentComponentId + "__" + this.name + '-panel', tabindex: "0", "aria-labelledby": this.parentComponentId + "__" + this.name, class: this.selected ? "pds-tabpanel is-active" : "pds-tabpanel" }, hAsync("slot", { key: '97861fcd8432206a1115135fad919d75dc327112' }))));
|
|
25263
25767
|
}
|
|
25264
25768
|
get el() { return getElement(this); }
|
|
25265
25769
|
static get style() { return pdsTabpanelCss(); }
|
|
@@ -25289,6 +25793,7 @@ const pdsTabsCss = () => `:host{--tabs-dimension-panel-margin-top:var(--pine-dim
|
|
|
25289
25793
|
class PdsTabs {
|
|
25290
25794
|
constructor(hostRef) {
|
|
25291
25795
|
registerInstance(this, hostRef);
|
|
25796
|
+
this.hostKeeper = new HostStylingKeeper();
|
|
25292
25797
|
/**
|
|
25293
25798
|
* Adds a divider rule beneath the tab list.
|
|
25294
25799
|
* @defaultValue false
|
|
@@ -25309,6 +25814,12 @@ class PdsTabs {
|
|
|
25309
25814
|
*/
|
|
25310
25815
|
this.nav = false;
|
|
25311
25816
|
}
|
|
25817
|
+
connectedCallback() {
|
|
25818
|
+
this.hostKeeper.connect(this.el);
|
|
25819
|
+
}
|
|
25820
|
+
disconnectedCallback() {
|
|
25821
|
+
this.hostKeeper.disconnect();
|
|
25822
|
+
}
|
|
25312
25823
|
tabClickHandler(event) {
|
|
25313
25824
|
if (this.componentId === event.detail[1]) {
|
|
25314
25825
|
this.activeTabIndex = event.detail[0];
|
|
@@ -25443,7 +25954,11 @@ class PdsTabs {
|
|
|
25443
25954
|
// Navigation mode: a <nav> landmark of links (aria-current marks the current
|
|
25444
25955
|
// page). Panel mode: the ARIA tablist of role=tab buttons over tabpanels.
|
|
25445
25956
|
const tabList = this.isNav ? (hAsync("nav", { class: "pds-tabs__tablist", "aria-label": this.tablistLabel || undefined, part: "tab-list" }, hAsync("slot", { name: "tabs" }))) : (hAsync("div", { class: "pds-tabs__tablist", role: "tablist", "aria-label": this.tablistLabel, part: "tab-list" }, hAsync("slot", { name: "tabs" })));
|
|
25446
|
-
|
|
25957
|
+
const hostClass = this.classNames();
|
|
25958
|
+
// Only the classes: `active-tab-name` backs the mutable activeTabName prop, so a morph that drops
|
|
25959
|
+
// it is a prop change, not a strip.
|
|
25960
|
+
this.hostKeeper.record(hostClass);
|
|
25961
|
+
return (hAsync(Host, { key: 'ea26bc4e4cadd4621511afa01ca2a353a053fd0e', "active-tab-name": this.activeTabName, class: hostClass, id: this.componentId }, tabList, hAsync("slot", { key: '3f920708c647920af3d0d50f74b5409d30d70af8', name: "tabpanels" })));
|
|
25447
25962
|
}
|
|
25448
25963
|
get el() { return getElement(this); }
|
|
25449
25964
|
static get style() { return pdsTabsCss(); }
|
|
@@ -26132,6 +26647,7 @@ const pdsTooltipCss = () => `.pds-tooltip{--tooltip-border-width-arrow-down:var(
|
|
|
26132
26647
|
/**
|
|
26133
26648
|
* @slot (default) - The tooltip's target element
|
|
26134
26649
|
* @slot content - HTML content for the tooltip
|
|
26650
|
+
* @lightDom renders-markup
|
|
26135
26651
|
*/
|
|
26136
26652
|
class PdsTooltip {
|
|
26137
26653
|
constructor(hostRef) {
|
|
@@ -26472,9 +26988,9 @@ class PdsTooltip {
|
|
|
26472
26988
|
}
|
|
26473
26989
|
render() {
|
|
26474
26990
|
const hostId = this.componentId || undefined;
|
|
26475
|
-
return (hAsync(Host, { key: '
|
|
26991
|
+
return (hAsync(Host, { key: 'e80abb11248d9bf6aec1ae738c61692594975630', id: hostId, class: { 'pds-tooltip--is-open': this.opened } }, hAsync("span", { key: '9ff484925a1792302eee230a5c37a0268d536935', class: "pds-tooltip__trigger", onMouseEnter: this.handleShow, onMouseLeave: this.handleHide,
|
|
26476
26992
|
/* focusin/out bubble; ensure keyboard users see tooltips */
|
|
26477
|
-
onFocusin: this.handleShow, onFocusout: this.handleHide, ref: el => this.triggerEl = el }, hAsync("slot", { key: '
|
|
26993
|
+
onFocusin: this.handleShow, onFocusout: this.handleHide, ref: el => this.triggerEl = el }, hAsync("slot", { key: '738c314a816e82fd81a0c0e9895d51af45b75eb2' })), hAsync("div", { key: '5b0477cd433cae0b53c4d5ce5767dc703be28ee0', class: "pds-tooltip__content-slot-wrapper", hidden: true }, hAsync("slot", { key: '51ad497357c1d1547bba69d07fd7fa1b675c021f', name: "content" }))));
|
|
26478
26994
|
}
|
|
26479
26995
|
get el() { return getElement(this); }
|
|
26480
26996
|
static get watchers() { return {
|