@pine-ds/core 2.1.1 → 2.1.3
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/index.d.ts +6 -0
- package/components/index.js +3 -0
- package/components/index.js.map +1 -1
- package/components/index2.js +3 -2
- package/components/index2.js.map +1 -1
- package/components/pds-button2.js +5 -3
- package/components/pds-button2.js.map +1 -1
- package/components/pds-checkbox2.js +12 -5
- package/components/pds-checkbox2.js.map +1 -1
- package/components/pds-chip.js +4 -4
- package/components/pds-chip.js.map +1 -1
- package/components/pds-copytext.js +1 -1
- package/components/pds-copytext.js.map +1 -1
- package/components/pds-divider.js +1 -1
- package/components/pds-divider.js.map +1 -1
- package/components/pds-image.js +2 -2
- package/components/pds-image.js.map +1 -1
- package/components/pds-input.js +12 -5
- package/components/pds-input.js.map +1 -1
- package/components/pds-link.js +2 -2
- package/components/pds-link.js.map +1 -1
- package/components/pds-loader.js +1 -1
- package/components/pds-popover.d.ts +11 -0
- package/components/pds-popover.js +94 -0
- package/components/pds-popover.js.map +1 -0
- package/components/pds-progress.js +1 -1
- package/components/pds-radio.js +16 -9
- package/components/pds-radio.js.map +1 -1
- package/components/pds-row.js +2 -2
- package/components/pds-row.js.map +1 -1
- package/components/pds-select.d.ts +11 -0
- package/components/pds-select.js +165 -0
- package/components/pds-select.js.map +1 -0
- package/components/pds-sortable-item.js +1 -1
- package/components/pds-sortable.js +1 -1
- package/components/pds-switch.js +12 -8
- package/components/pds-switch.js.map +1 -1
- package/components/pds-tab.js +3 -3
- package/components/pds-table-body.js +1 -1
- package/components/pds-table-cell2.js +2 -2
- package/components/pds-table-cell2.js.map +1 -1
- package/components/pds-table-head-cell2.js +3 -3
- package/components/pds-table-head-cell2.js.map +1 -1
- package/components/pds-table-head.js +1 -1
- package/components/pds-table-head.js.map +1 -1
- package/components/pds-table-row.js +9 -3
- package/components/pds-table-row.js.map +1 -1
- package/components/pds-table.js +1 -1
- package/components/pds-table.js.map +1 -1
- package/components/pds-tabpanel.js +1 -1
- package/components/pds-tabs.js +1 -1
- package/components/pds-text.d.ts +11 -0
- package/components/pds-text.js +58 -0
- package/components/pds-text.js.map +1 -0
- package/components/pds-textarea.js +13 -6
- package/components/pds-textarea.js.map +1 -1
- package/components/pds-tooltip.js +2 -2
- package/dist/cjs/{index-8f7870bb.js → index-3ad62856.js} +4 -2
- package/dist/cjs/index-3ad62856.js.map +1 -0
- package/dist/cjs/{index-8ad0cd9d.js → index-b7d9268e.js} +3 -2
- package/dist/cjs/index-b7d9268e.js.map +1 -0
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/pds-accordion.cjs.entry.js +2 -2
- package/dist/cjs/pds-avatar.cjs.entry.js +2 -2
- package/dist/cjs/pds-box.cjs.entry.js +1 -1
- package/dist/cjs/pds-button.cjs.entry.js +5 -3
- package/dist/cjs/pds-button.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-checkbox.cjs.entry.js +7 -6
- package/dist/cjs/pds-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-chip.cjs.entry.js +5 -5
- package/dist/cjs/pds-chip.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-copytext.cjs.entry.js +3 -3
- package/dist/cjs/pds-copytext.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-divider.cjs.entry.js +2 -2
- package/dist/cjs/pds-divider.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-icon.cjs.entry.js +1 -1
- package/dist/cjs/pds-image.cjs.entry.js +3 -3
- package/dist/cjs/pds-image.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-input.cjs.entry.js +7 -6
- package/dist/cjs/pds-input.cjs.entry.js.map +1 -1
- package/dist/cjs/{pds-label-35369959.js → pds-label-05f073ea.js} +2 -2
- package/dist/cjs/{pds-label-35369959.js.map → pds-label-05f073ea.js.map} +1 -1
- package/dist/cjs/pds-link.cjs.entry.js +4 -4
- package/dist/cjs/pds-link.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-loader.cjs.entry.js +2 -2
- package/dist/cjs/pds-popover.cjs.entry.js +72 -0
- package/dist/cjs/pds-popover.cjs.entry.js.map +1 -0
- package/dist/cjs/pds-progress.cjs.entry.js +2 -2
- package/dist/cjs/pds-radio.cjs.entry.js +9 -8
- package/dist/cjs/pds-radio.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-row.cjs.entry.js +3 -3
- package/dist/cjs/pds-row.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-select.cjs.entry.js +131 -0
- package/dist/cjs/pds-select.cjs.entry.js.map +1 -0
- package/dist/cjs/pds-sortable-item.cjs.entry.js +3 -3
- package/dist/cjs/pds-sortable.cjs.entry.js +2 -2
- package/dist/cjs/pds-switch.cjs.entry.js +7 -9
- package/dist/cjs/pds-switch.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-tab.cjs.entry.js +4 -4
- package/dist/cjs/pds-table-body.cjs.entry.js +2 -2
- package/dist/cjs/pds-table-cell.cjs.entry.js +3 -3
- package/dist/cjs/pds-table-cell.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-table-head-cell.cjs.entry.js +4 -4
- package/dist/cjs/pds-table-head-cell.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-table-head.cjs.entry.js +2 -2
- package/dist/cjs/pds-table-head.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-table-row.cjs.entry.js +2 -2
- package/dist/cjs/pds-table-row.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-table.cjs.entry.js +2 -2
- package/dist/cjs/pds-table.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-tabpanel.cjs.entry.js +2 -2
- package/dist/cjs/pds-tabs.cjs.entry.js +2 -2
- package/dist/cjs/pds-text.cjs.entry.js +37 -0
- package/dist/cjs/pds-text.cjs.entry.js.map +1 -0
- package/dist/cjs/pds-textarea.cjs.entry.js +8 -7
- package/dist/cjs/pds-textarea.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-tooltip.cjs.entry.js +3 -3
- package/dist/cjs/pine-core.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +3 -0
- package/dist/collection/components/pds-button/pds-button.js +36 -11
- package/dist/collection/components/pds-button/pds-button.js.map +1 -1
- package/dist/collection/components/pds-button/stories/pds-button.stories.js +8 -1
- package/dist/collection/components/pds-checkbox/pds-checkbox.css +9 -1
- package/dist/collection/components/pds-checkbox/pds-checkbox.js +4 -3
- package/dist/collection/components/pds-checkbox/pds-checkbox.js.map +1 -1
- package/dist/collection/components/pds-chip/pds-chip.js +26 -26
- package/dist/collection/components/pds-chip/pds-chip.js.map +1 -1
- package/dist/collection/components/pds-copytext/pds-copytext.js +4 -4
- package/dist/collection/components/pds-copytext/pds-copytext.js.map +1 -1
- package/dist/collection/components/pds-divider/pds-divider.js +2 -2
- package/dist/collection/components/pds-divider/pds-divider.js.map +1 -1
- package/dist/collection/components/pds-image/pds-image.js +13 -7
- package/dist/collection/components/pds-image/pds-image.js.map +1 -1
- package/dist/collection/components/pds-input/pds-input.css +6 -1
- package/dist/collection/components/pds-input/pds-input.js +9 -8
- package/dist/collection/components/pds-input/pds-input.js.map +1 -1
- package/dist/collection/components/pds-link/pds-link.js +12 -9
- package/dist/collection/components/pds-link/pds-link.js.map +1 -1
- package/dist/collection/components/pds-loader/pds-loader.js +1 -1
- package/dist/collection/components/pds-popover/pds-popover.css +51 -0
- package/dist/collection/components/pds-popover/pds-popover.js +216 -0
- package/dist/collection/components/pds-popover/pds-popover.js.map +1 -0
- package/dist/collection/components/pds-popover/stories/pds-popover.stories.js +45 -0
- package/dist/collection/components/pds-progress/pds-progress.js +1 -1
- package/dist/collection/components/pds-radio/pds-radio.css +9 -1
- package/dist/collection/components/pds-radio/pds-radio.js +41 -40
- package/dist/collection/components/pds-radio/pds-radio.js.map +1 -1
- package/dist/collection/components/pds-row/pds-row.css +7 -5
- package/dist/collection/components/pds-row/pds-row.js +1 -1
- package/dist/collection/components/pds-select/pds-select.css +126 -0
- package/dist/collection/components/pds-select/pds-select.js +360 -0
- package/dist/collection/components/pds-select/pds-select.js.map +1 -0
- package/dist/collection/components/pds-select/stories/pds-select.stories.js +153 -0
- package/dist/collection/components/pds-sortable/pds-sortable-item/pds-sortable-item.js +1 -1
- package/dist/collection/components/pds-sortable/pds-sortable.js +1 -1
- package/dist/collection/components/pds-switch/pds-switch.css +10 -6
- package/dist/collection/components/pds-switch/pds-switch.js +14 -16
- package/dist/collection/components/pds-switch/pds-switch.js.map +1 -1
- package/dist/collection/components/pds-switch/stories/pds-switch.stories.js +2 -2
- package/dist/collection/components/pds-table/pds-table-body/pds-table-body.js +1 -1
- package/dist/collection/components/pds-table/pds-table-cell/pds-table-cell.js +2 -2
- package/dist/collection/components/pds-table/pds-table-cell/pds-table-cell.js.map +1 -1
- package/dist/collection/components/pds-table/pds-table-head/pds-table-head.js +7 -4
- package/dist/collection/components/pds-table/pds-table-head/pds-table-head.js.map +1 -1
- package/dist/collection/components/pds-table/pds-table-head-cell/pds-table-head-cell.js +2 -2
- package/dist/collection/components/pds-table/pds-table-head-cell/pds-table-head-cell.js.map +1 -1
- package/dist/collection/components/pds-table/pds-table-row/pds-table-row.js +3 -3
- package/dist/collection/components/pds-table/pds-table-row/pds-table-row.js.map +1 -1
- package/dist/collection/components/pds-table/pds-table.js +4 -4
- package/dist/collection/components/pds-table/pds-table.js.map +1 -1
- package/dist/collection/components/pds-table/stories/pds-table.stories.js +1 -1
- package/dist/collection/components/pds-tabs/pds-tab/pds-tab.js +3 -3
- package/dist/collection/components/pds-tabs/pds-tab/stories/pds-tab.stories.js +19 -0
- package/dist/collection/components/pds-tabs/pds-tabpanel/pds-tabpanel.js +1 -1
- package/dist/collection/components/pds-tabs/pds-tabpanel/stories/pds-tabpanel.stories.js +19 -0
- package/dist/collection/components/pds-tabs/pds-tabs.js +1 -1
- package/dist/collection/components/pds-tabs/stories/pds-tabs.stories.js +18 -18
- package/dist/collection/components/pds-text/pds-text.css +218 -0
- package/dist/collection/components/pds-text/pds-text.js +143 -0
- package/dist/collection/components/pds-text/pds-text.js.map +1 -0
- package/dist/collection/components/pds-text/stories/pds-text.stories.js +111 -0
- package/dist/collection/components/pds-textarea/pds-textarea.css +4 -0
- package/dist/collection/components/pds-textarea/pds-textarea.js +17 -16
- package/dist/collection/components/pds-textarea/pds-textarea.js.map +1 -1
- package/dist/collection/components/pds-textarea/stories/pds-textarea.stories.js +2 -2
- package/dist/collection/components/pds-tooltip/pds-tooltip.js +2 -2
- package/dist/collection/utils/types.js.map +1 -1
- package/dist/docs.json +1091 -165
- package/dist/esm/{index-5e7a8a36.js → index-56752d25.js} +4 -3
- package/dist/esm/index-56752d25.js.map +1 -0
- package/dist/esm/{index-8b335bbb.js → index-b1696fed.js} +3 -2
- package/dist/esm/index-b1696fed.js.map +1 -0
- package/dist/esm/index.js +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/pds-accordion.entry.js +2 -2
- package/dist/esm/pds-avatar.entry.js +2 -2
- package/dist/esm/pds-box.entry.js +1 -1
- package/dist/esm/pds-button.entry.js +5 -3
- package/dist/esm/pds-button.entry.js.map +1 -1
- package/dist/esm/pds-checkbox.entry.js +7 -6
- package/dist/esm/pds-checkbox.entry.js.map +1 -1
- package/dist/esm/pds-chip.entry.js +5 -5
- package/dist/esm/pds-chip.entry.js.map +1 -1
- package/dist/esm/pds-copytext.entry.js +3 -3
- package/dist/esm/pds-copytext.entry.js.map +1 -1
- package/dist/esm/pds-divider.entry.js +2 -2
- package/dist/esm/pds-divider.entry.js.map +1 -1
- package/dist/esm/pds-icon.entry.js +1 -1
- package/dist/esm/pds-image.entry.js +3 -3
- package/dist/esm/pds-image.entry.js.map +1 -1
- package/dist/esm/pds-input.entry.js +7 -6
- package/dist/esm/pds-input.entry.js.map +1 -1
- package/dist/esm/{pds-label-1f80d632.js → pds-label-62469596.js} +2 -2
- package/dist/esm/{pds-label-1f80d632.js.map → pds-label-62469596.js.map} +1 -1
- package/dist/esm/pds-link.entry.js +4 -4
- package/dist/esm/pds-link.entry.js.map +1 -1
- package/dist/esm/pds-loader.entry.js +2 -2
- package/dist/esm/pds-popover.entry.js +68 -0
- package/dist/esm/pds-popover.entry.js.map +1 -0
- package/dist/esm/pds-progress.entry.js +2 -2
- package/dist/esm/pds-radio.entry.js +9 -8
- package/dist/esm/pds-radio.entry.js.map +1 -1
- package/dist/esm/pds-row.entry.js +3 -3
- package/dist/esm/pds-row.entry.js.map +1 -1
- package/dist/esm/pds-select.entry.js +127 -0
- package/dist/esm/pds-select.entry.js.map +1 -0
- package/dist/esm/pds-sortable-item.entry.js +3 -3
- package/dist/esm/pds-sortable.entry.js +2 -2
- package/dist/esm/pds-switch.entry.js +7 -9
- package/dist/esm/pds-switch.entry.js.map +1 -1
- package/dist/esm/pds-tab.entry.js +4 -4
- package/dist/esm/pds-table-body.entry.js +2 -2
- package/dist/esm/pds-table-cell.entry.js +3 -3
- package/dist/esm/pds-table-cell.entry.js.map +1 -1
- package/dist/esm/pds-table-head-cell.entry.js +4 -4
- package/dist/esm/pds-table-head-cell.entry.js.map +1 -1
- package/dist/esm/pds-table-head.entry.js +2 -2
- package/dist/esm/pds-table-head.entry.js.map +1 -1
- package/dist/esm/pds-table-row.entry.js +2 -2
- package/dist/esm/pds-table-row.entry.js.map +1 -1
- package/dist/esm/pds-table.entry.js +2 -2
- package/dist/esm/pds-table.entry.js.map +1 -1
- package/dist/esm/pds-tabpanel.entry.js +2 -2
- package/dist/esm/pds-tabs.entry.js +2 -2
- package/dist/esm/pds-text.entry.js +33 -0
- package/dist/esm/pds-text.entry.js.map +1 -0
- package/dist/esm/pds-textarea.entry.js +8 -7
- package/dist/esm/pds-textarea.entry.js.map +1 -1
- package/dist/esm/pds-tooltip.entry.js +3 -3
- package/dist/esm/pine-core.js +3 -3
- package/dist/esm-es5/index-56752d25.js +2 -0
- package/dist/esm-es5/index-56752d25.js.map +1 -0
- package/dist/esm-es5/{index-8b335bbb.js → index-b1696fed.js} +3 -3
- package/dist/esm-es5/index-b1696fed.js.map +1 -0
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/loader.js.map +1 -1
- package/dist/esm-es5/pds-accordion.entry.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-button.entry.js +1 -1
- package/dist/esm-es5/pds-button.entry.js.map +1 -1
- package/dist/esm-es5/pds-checkbox.entry.js +1 -1
- package/dist/esm-es5/pds-checkbox.entry.js.map +1 -1
- package/dist/esm-es5/pds-chip.entry.js +1 -1
- package/dist/esm-es5/pds-chip.entry.js.map +1 -1
- package/dist/esm-es5/pds-copytext.entry.js +1 -1
- package/dist/esm-es5/pds-copytext.entry.js.map +1 -1
- package/dist/esm-es5/pds-divider.entry.js +1 -1
- package/dist/esm-es5/pds-divider.entry.js.map +1 -1
- package/dist/esm-es5/pds-icon.entry.js +1 -1
- package/dist/esm-es5/pds-image.entry.js +1 -1
- package/dist/esm-es5/pds-image.entry.js.map +1 -1
- package/dist/esm-es5/pds-input.entry.js +1 -1
- package/dist/esm-es5/pds-input.entry.js.map +1 -1
- package/dist/esm-es5/{pds-label-1f80d632.js → pds-label-62469596.js} +2 -2
- package/dist/esm-es5/pds-link.entry.js +1 -1
- package/dist/esm-es5/pds-link.entry.js.map +1 -1
- package/dist/esm-es5/pds-loader.entry.js +1 -1
- package/dist/esm-es5/pds-popover.entry.js +2 -0
- package/dist/esm-es5/pds-popover.entry.js.map +1 -0
- package/dist/esm-es5/pds-progress.entry.js +1 -1
- package/dist/esm-es5/pds-radio.entry.js +1 -1
- package/dist/esm-es5/pds-radio.entry.js.map +1 -1
- package/dist/esm-es5/pds-row.entry.js +1 -1
- package/dist/esm-es5/pds-row.entry.js.map +1 -1
- package/dist/esm-es5/pds-select.entry.js +2 -0
- package/dist/esm-es5/pds-select.entry.js.map +1 -0
- 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-switch.entry.js.map +1 -1
- package/dist/esm-es5/pds-tab.entry.js +1 -1
- package/dist/esm-es5/pds-table-body.entry.js +1 -1
- package/dist/esm-es5/pds-table-cell.entry.js +1 -1
- package/dist/esm-es5/pds-table-cell.entry.js.map +1 -1
- package/dist/esm-es5/pds-table-head-cell.entry.js +1 -1
- package/dist/esm-es5/pds-table-head-cell.entry.js.map +1 -1
- package/dist/esm-es5/pds-table-head.entry.js +1 -1
- package/dist/esm-es5/pds-table-head.entry.js.map +1 -1
- package/dist/esm-es5/pds-table-row.entry.js +1 -1
- package/dist/esm-es5/pds-table-row.entry.js.map +1 -1
- package/dist/esm-es5/pds-table.entry.js +1 -1
- package/dist/esm-es5/pds-table.entry.js.map +1 -1
- package/dist/esm-es5/pds-tabpanel.entry.js +1 -1
- package/dist/esm-es5/pds-tabs.entry.js +1 -1
- package/dist/esm-es5/pds-text.entry.js +2 -0
- package/dist/esm-es5/pds-text.entry.js.map +1 -0
- package/dist/esm-es5/pds-textarea.entry.js +1 -1
- package/dist/esm-es5/pds-textarea.entry.js.map +1 -1
- package/dist/esm-es5/pds-tooltip.entry.js +1 -1
- package/dist/esm-es5/pine-core.js +1 -1
- package/dist/esm-es5/pine-core.js.map +1 -1
- package/dist/pine-core/index.esm.js +1 -1
- package/dist/pine-core/p-00c8d6d8.entry.js +2 -0
- package/dist/pine-core/p-00c8d6d8.entry.js.map +1 -0
- package/dist/pine-core/{p-6deaad03.entry.js → p-031ac651.entry.js} +2 -2
- package/dist/pine-core/{p-6deaad03.entry.js.map → p-031ac651.entry.js.map} +1 -1
- package/dist/pine-core/{p-de0beb45.system.entry.js → p-09d83447.system.entry.js} +2 -2
- package/dist/pine-core/{p-de0beb45.system.entry.js.map → p-09d83447.system.entry.js.map} +1 -1
- package/dist/pine-core/{p-d464f04f.entry.js → p-0ac04129.entry.js} +2 -2
- package/dist/pine-core/{p-d464f04f.entry.js.map → p-0ac04129.entry.js.map} +1 -1
- package/dist/pine-core/p-0ad64b9d.system.entry.js +2 -0
- package/dist/pine-core/p-0ad64b9d.system.entry.js.map +1 -0
- package/dist/pine-core/p-110b2e03.entry.js +2 -0
- package/dist/pine-core/p-110b2e03.entry.js.map +1 -0
- package/dist/pine-core/p-1164c32c.system.entry.js +2 -0
- package/dist/pine-core/p-1164c32c.system.entry.js.map +1 -0
- package/dist/pine-core/{p-e9ca5a4e.entry.js → p-1351489d.entry.js} +2 -2
- package/dist/pine-core/{p-e9ca5a4e.entry.js.map → p-1351489d.entry.js.map} +1 -1
- package/dist/pine-core/{p-3b780711.entry.js → p-1712d594.entry.js} +2 -2
- package/dist/pine-core/{p-d618d51b.entry.js → p-196f615c.entry.js} +2 -2
- package/dist/pine-core/{p-d618d51b.entry.js.map → p-196f615c.entry.js.map} +1 -1
- package/dist/pine-core/{p-4e39bbd7.system.entry.js → p-1a1a76ea.system.entry.js} +2 -2
- package/dist/pine-core/{p-e4a1b3f5.system.entry.js → p-1a548198.system.entry.js} +2 -2
- package/dist/pine-core/p-1a78ee21.entry.js +2 -0
- package/dist/pine-core/p-1a78ee21.entry.js.map +1 -0
- package/dist/pine-core/{p-89101362.system.entry.js → p-1df1990d.system.entry.js} +2 -2
- package/dist/pine-core/{p-1ca76e21.entry.js → p-1e80f274.entry.js} +2 -2
- package/dist/pine-core/{p-143bbe94.system.entry.js → p-2e1dc5e5.system.entry.js} +2 -2
- package/dist/pine-core/{p-143bbe94.system.entry.js.map → p-2e1dc5e5.system.entry.js.map} +1 -1
- package/dist/pine-core/{p-5f13c97b.entry.js → p-34cda8d5.system.entry.js} +2 -2
- package/dist/pine-core/p-34cda8d5.system.entry.js.map +1 -0
- package/dist/pine-core/{p-05d140a3.system.entry.js → p-364a7555.system.entry.js} +2 -2
- package/dist/pine-core/{p-5f23f121.entry.js → p-37a3c235.entry.js} +2 -2
- package/dist/pine-core/p-37a3c235.entry.js.map +1 -0
- package/dist/pine-core/{p-a18ff34f.entry.js → p-396014d3.entry.js} +2 -2
- package/dist/pine-core/{p-5fb6ab2f.entry.js → p-3acb18ad.entry.js} +2 -2
- package/dist/pine-core/p-3ae15266.entry.js +2 -0
- package/dist/pine-core/p-3ae15266.entry.js.map +1 -0
- package/dist/pine-core/{p-4c0c0b2d.system.js → p-45cf2585.system.js} +3 -3
- package/dist/pine-core/p-45cf2585.system.js.map +1 -0
- package/dist/pine-core/p-4a10164f.entry.js +2 -0
- package/dist/pine-core/p-4a10164f.entry.js.map +1 -0
- package/dist/pine-core/{p-136ea1e9.entry.js → p-4d22b02c.entry.js} +2 -2
- package/dist/pine-core/p-4f9b1945.entry.js +2 -0
- package/dist/pine-core/p-4f9b1945.entry.js.map +1 -0
- package/dist/pine-core/{p-70e5e466.system.entry.js → p-50918693.system.entry.js} +2 -2
- package/dist/pine-core/{p-188be548.entry.js → p-5380ad4f.entry.js} +2 -2
- package/dist/pine-core/{p-188be548.entry.js.map → p-5380ad4f.entry.js.map} +1 -1
- package/dist/pine-core/{p-e7648adc.system.entry.js → p-539fe011.system.entry.js} +2 -2
- package/dist/pine-core/{p-e7648adc.system.entry.js.map → p-539fe011.system.entry.js.map} +1 -1
- package/dist/pine-core/p-59a43f75.system.entry.js +2 -0
- package/dist/pine-core/p-59a43f75.system.entry.js.map +1 -0
- package/dist/pine-core/{p-0200fce9.entry.js → p-59fcea0f.entry.js} +2 -2
- package/dist/pine-core/p-5b9d6ad1.entry.js +2 -0
- package/dist/pine-core/p-5b9d6ad1.entry.js.map +1 -0
- package/dist/pine-core/p-5c04aee0.system.js +2 -0
- package/dist/pine-core/p-5c04aee0.system.js.map +1 -0
- package/dist/pine-core/{p-c18464e8.system.entry.js → p-5cb59e3f.system.entry.js} +2 -2
- package/dist/pine-core/{p-c18464e8.system.entry.js.map → p-5cb59e3f.system.entry.js.map} +1 -1
- package/dist/pine-core/p-605dc33a.system.entry.js +2 -0
- package/dist/pine-core/p-605dc33a.system.entry.js.map +1 -0
- package/dist/pine-core/p-630b1802.entry.js +2 -0
- package/dist/pine-core/p-630b1802.entry.js.map +1 -0
- package/dist/pine-core/{p-e2d793eb.entry.js → p-65229490.entry.js} +2 -2
- package/dist/pine-core/{p-f6e72c06.system.entry.js → p-6d447614.system.entry.js} +2 -2
- package/dist/pine-core/{p-f6e72c06.system.entry.js.map → p-6d447614.system.entry.js.map} +1 -1
- package/dist/pine-core/{p-62ebfe42.entry.js → p-760e1c32.entry.js} +2 -2
- package/dist/pine-core/{p-62ebfe42.entry.js.map → p-760e1c32.entry.js.map} +1 -1
- package/dist/pine-core/{p-33a94e8c.system.entry.js → p-84d36583.system.entry.js} +2 -2
- package/dist/pine-core/{p-4e6e2052.js → p-87fe352f.js} +3 -3
- package/dist/pine-core/p-87fe352f.js.map +1 -0
- package/dist/pine-core/p-88702fa2.entry.js +2 -0
- package/dist/pine-core/p-88702fa2.entry.js.map +1 -0
- package/dist/pine-core/{p-82a001ac.system.entry.js → p-88edcb41.system.entry.js} +2 -2
- package/dist/pine-core/{p-330eda0c.entry.js → p-892b4a4c.entry.js} +2 -2
- package/dist/pine-core/{p-c5991956.system.entry.js → p-8ae84655.system.entry.js} +2 -2
- package/dist/pine-core/{p-c5991956.system.entry.js.map → p-8ae84655.system.entry.js.map} +1 -1
- package/dist/pine-core/{p-7d6d3e2b.entry.js → p-9487df53.entry.js} +2 -2
- package/dist/pine-core/p-9db668f2.system.entry.js +2 -0
- package/dist/pine-core/p-9db668f2.system.entry.js.map +1 -0
- package/dist/pine-core/p-a24fa762.system.entry.js +2 -0
- package/dist/pine-core/p-a24fa762.system.entry.js.map +1 -0
- package/dist/pine-core/{p-3fc1efe7.system.entry.js → p-a2726d3b.system.entry.js} +2 -2
- package/dist/pine-core/{p-48f0a5a4.entry.js → p-a6713696.entry.js} +2 -2
- package/dist/pine-core/{p-48f0a5a4.entry.js.map → p-a6713696.entry.js.map} +1 -1
- package/dist/pine-core/{p-3ec7fac1.js → p-a9038f7f.js} +2 -2
- package/dist/pine-core/{p-9dec3592.system.entry.js → p-a9e02a6f.system.entry.js} +2 -2
- package/dist/pine-core/{p-1b611a91.system.entry.js → p-adda8682.system.entry.js} +2 -2
- package/dist/pine-core/{p-1b611a91.system.entry.js.map → p-adda8682.system.entry.js.map} +1 -1
- package/dist/pine-core/{p-1c0993d9.system.entry.js → p-ae19532d.system.entry.js} +2 -2
- package/dist/pine-core/{p-1c0993d9.system.entry.js.map → p-ae19532d.system.entry.js.map} +1 -1
- package/dist/pine-core/p-b3e36d77.system.entry.js +2 -0
- package/dist/pine-core/p-b3e36d77.system.entry.js.map +1 -0
- package/dist/pine-core/{p-0efee237.system.entry.js → p-b7edbe43.system.entry.js} +2 -2
- package/dist/pine-core/{p-0e310504.system.entry.js → p-b95522e6.system.entry.js} +2 -2
- package/dist/pine-core/{p-053ca95a.entry.js → p-b9cebd24.entry.js} +2 -2
- package/dist/pine-core/{p-053ca95a.entry.js.map → p-b9cebd24.entry.js.map} +1 -1
- package/dist/pine-core/{p-94a0fd6e.entry.js → p-bbd19258.entry.js} +2 -2
- package/dist/pine-core/p-cbf2acbd.system.entry.js +2 -0
- package/dist/pine-core/p-cbf2acbd.system.entry.js.map +1 -0
- package/dist/pine-core/{p-c8b0ea02.entry.js → p-ceb66096.entry.js} +3 -3
- package/dist/pine-core/{p-be998f90.system.entry.js → p-d3365f49.system.entry.js} +3 -3
- package/dist/pine-core/p-d83716fb.js +2 -0
- package/dist/pine-core/p-d83716fb.js.map +1 -0
- package/dist/pine-core/{p-02f06002.system.entry.js → p-d95b2469.system.entry.js} +2 -2
- package/dist/pine-core/{p-02f06002.system.entry.js.map → p-d95b2469.system.entry.js.map} +1 -1
- package/dist/pine-core/p-da5a1e2c.system.entry.js +2 -0
- package/dist/pine-core/p-da5a1e2c.system.entry.js.map +1 -0
- package/dist/pine-core/p-db622f8f.system.js +2 -0
- package/dist/pine-core/p-de301890.entry.js +2 -0
- package/dist/pine-core/p-de301890.entry.js.map +1 -0
- package/dist/pine-core/p-dec11fa5.system.js +2 -0
- package/dist/pine-core/p-dec11fa5.system.js.map +1 -0
- package/dist/pine-core/{p-a15c9c4f.entry.js → p-e2a673e8.entry.js} +2 -2
- package/dist/pine-core/{p-b78b3492.entry.js → p-e2badc55.entry.js} +2 -2
- package/dist/pine-core/{p-b78b3492.entry.js.map → p-e2badc55.entry.js.map} +1 -1
- package/dist/pine-core/{p-f408c34a.system.js → p-e3fab4be.system.js} +2 -2
- package/dist/pine-core/{p-5c90a600.entry.js → p-ebdaf3ad.entry.js} +2 -2
- package/dist/pine-core/{p-a4b85fb8.system.entry.js → p-f16ef73c.system.entry.js} +2 -2
- package/dist/pine-core/{p-9c294ea2.system.entry.js → p-faa2bf05.system.entry.js} +2 -2
- package/dist/pine-core/p-faa2bf05.system.entry.js.map +1 -0
- package/dist/pine-core/pine-core.esm.js +1 -1
- package/dist/pine-core/pine-core.esm.js.map +1 -1
- package/dist/pine-core/pine-core.js +1 -1
- package/dist/pine-core/svg/file-add.svg +1 -1
- package/dist/pine-core/svg/file-search.svg +1 -0
- package/dist/pine-core/svg/logo-snapchat.svg +1 -0
- package/dist/types/components/pds-button/pds-button.d.ts +13 -8
- package/dist/types/components/pds-chip/pds-chip.d.ts +8 -8
- package/dist/types/components/pds-copytext/pds-copytext.d.ts +3 -3
- package/dist/types/components/pds-divider/pds-divider.d.ts +1 -1
- package/dist/types/components/pds-image/pds-image.d.ts +7 -3
- package/dist/types/components/pds-input/pds-input.d.ts +5 -5
- package/dist/types/components/pds-link/pds-link.d.ts +7 -11
- package/dist/types/components/pds-popover/pds-popover.d.ts +45 -0
- package/dist/types/components/pds-radio/pds-radio.d.ts +11 -11
- package/dist/types/components/pds-select/pds-select.d.ts +91 -0
- package/dist/types/components/pds-switch/pds-switch.d.ts +10 -13
- package/dist/types/components/pds-table/pds-table-cell/pds-table-cell.d.ts +4 -0
- package/dist/types/components/pds-table/pds-table-head/pds-table-head.d.ts +5 -2
- package/dist/types/components/pds-table/pds-table-head-cell/pds-table-head-cell.d.ts +9 -1
- package/dist/types/components/pds-table/pds-table-row/pds-table-row.d.ts +3 -3
- package/dist/types/components/pds-table/pds-table.d.ts +11 -3
- package/dist/types/components/pds-text/pds-text.d.ts +27 -0
- package/dist/types/components/pds-textarea/pds-textarea.d.ts +12 -12
- package/dist/types/components.d.ts +457 -105
- package/dist/types/utils/types.d.ts +1 -1
- package/hydrate/index.js +334 -67
- package/hydrate/index.mjs +334 -67
- package/package.json +2 -2
- package/dist/cjs/index-8ad0cd9d.js.map +0 -1
- package/dist/cjs/index-8f7870bb.js.map +0 -1
- package/dist/esm/index-5e7a8a36.js.map +0 -1
- package/dist/esm/index-8b335bbb.js.map +0 -1
- package/dist/esm-es5/index-5e7a8a36.js +0 -2
- package/dist/esm-es5/index-5e7a8a36.js.map +0 -1
- package/dist/esm-es5/index-8b335bbb.js.map +0 -1
- package/dist/pine-core/p-0186301f.entry.js +0 -2
- package/dist/pine-core/p-0186301f.entry.js.map +0 -1
- package/dist/pine-core/p-0630403a.entry.js +0 -2
- package/dist/pine-core/p-0630403a.entry.js.map +0 -1
- package/dist/pine-core/p-102222fd.entry.js +0 -2
- package/dist/pine-core/p-102222fd.entry.js.map +0 -1
- package/dist/pine-core/p-242ccc24.system.entry.js +0 -2
- package/dist/pine-core/p-242ccc24.system.entry.js.map +0 -1
- package/dist/pine-core/p-30d979d3.entry.js +0 -2
- package/dist/pine-core/p-30d979d3.entry.js.map +0 -1
- package/dist/pine-core/p-3cad7587.entry.js +0 -2
- package/dist/pine-core/p-3cad7587.entry.js.map +0 -1
- package/dist/pine-core/p-3e0449c5.js +0 -2
- package/dist/pine-core/p-3e0449c5.js.map +0 -1
- package/dist/pine-core/p-4c0c0b2d.system.js.map +0 -1
- package/dist/pine-core/p-4e6e2052.js.map +0 -1
- package/dist/pine-core/p-51e94e03.system.js +0 -2
- package/dist/pine-core/p-51e94e03.system.js.map +0 -1
- package/dist/pine-core/p-55f8a9e4.system.entry.js +0 -2
- package/dist/pine-core/p-55f8a9e4.system.entry.js.map +0 -1
- package/dist/pine-core/p-57dd9a98.system.entry.js +0 -2
- package/dist/pine-core/p-57dd9a98.system.entry.js.map +0 -1
- package/dist/pine-core/p-5b43ff39.system.entry.js +0 -2
- package/dist/pine-core/p-5b43ff39.system.entry.js.map +0 -1
- package/dist/pine-core/p-5f13c97b.entry.js.map +0 -1
- package/dist/pine-core/p-5f23f121.entry.js.map +0 -1
- package/dist/pine-core/p-6bcd89dc.system.js +0 -2
- package/dist/pine-core/p-6bcd89dc.system.js.map +0 -1
- package/dist/pine-core/p-82096fe4.system.entry.js +0 -2
- package/dist/pine-core/p-82096fe4.system.entry.js.map +0 -1
- package/dist/pine-core/p-8d34339d.system.js +0 -2
- package/dist/pine-core/p-9c294ea2.system.entry.js.map +0 -1
- package/dist/pine-core/p-d438c2c8.system.entry.js +0 -2
- package/dist/pine-core/p-d438c2c8.system.entry.js.map +0 -1
- package/dist/pine-core/p-e22b4427.system.entry.js +0 -2
- package/dist/pine-core/p-e22b4427.system.entry.js.map +0 -1
- package/dist/pine-core/p-efca871b.entry.js +0 -2
- package/dist/pine-core/p-efca871b.entry.js.map +0 -1
- /package/dist/esm-es5/{pds-label-1f80d632.js.map → pds-label-62469596.js.map} +0 -0
- /package/dist/pine-core/{p-3b780711.entry.js.map → p-1712d594.entry.js.map} +0 -0
- /package/dist/pine-core/{p-4e39bbd7.system.entry.js.map → p-1a1a76ea.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-e4a1b3f5.system.entry.js.map → p-1a548198.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-89101362.system.entry.js.map → p-1df1990d.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-1ca76e21.entry.js.map → p-1e80f274.entry.js.map} +0 -0
- /package/dist/pine-core/{p-05d140a3.system.entry.js.map → p-364a7555.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-a18ff34f.entry.js.map → p-396014d3.entry.js.map} +0 -0
- /package/dist/pine-core/{p-5fb6ab2f.entry.js.map → p-3acb18ad.entry.js.map} +0 -0
- /package/dist/pine-core/{p-136ea1e9.entry.js.map → p-4d22b02c.entry.js.map} +0 -0
- /package/dist/pine-core/{p-70e5e466.system.entry.js.map → p-50918693.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-0200fce9.entry.js.map → p-59fcea0f.entry.js.map} +0 -0
- /package/dist/pine-core/{p-e2d793eb.entry.js.map → p-65229490.entry.js.map} +0 -0
- /package/dist/pine-core/{p-33a94e8c.system.entry.js.map → p-84d36583.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-82a001ac.system.entry.js.map → p-88edcb41.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-330eda0c.entry.js.map → p-892b4a4c.entry.js.map} +0 -0
- /package/dist/pine-core/{p-7d6d3e2b.entry.js.map → p-9487df53.entry.js.map} +0 -0
- /package/dist/pine-core/{p-3fc1efe7.system.entry.js.map → p-a2726d3b.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-3ec7fac1.js.map → p-a9038f7f.js.map} +0 -0
- /package/dist/pine-core/{p-9dec3592.system.entry.js.map → p-a9e02a6f.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-0efee237.system.entry.js.map → p-b7edbe43.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-0e310504.system.entry.js.map → p-b95522e6.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-94a0fd6e.entry.js.map → p-bbd19258.entry.js.map} +0 -0
- /package/dist/pine-core/{p-c8b0ea02.entry.js.map → p-ceb66096.entry.js.map} +0 -0
- /package/dist/pine-core/{p-be998f90.system.entry.js.map → p-d3365f49.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-8d34339d.system.js.map → p-db622f8f.system.js.map} +0 -0
- /package/dist/pine-core/{p-a15c9c4f.entry.js.map → p-e2a673e8.entry.js.map} +0 -0
- /package/dist/pine-core/{p-f408c34a.system.js.map → p-e3fab4be.system.js.map} +0 -0
- /package/dist/pine-core/{p-5c90a600.entry.js.map → p-ebdaf3ad.entry.js.map} +0 -0
- /package/dist/pine-core/{p-a4b85fb8.system.entry.js.map → p-f16ef73c.system.entry.js.map} +0 -0
package/hydrate/index.js
CHANGED
|
@@ -128,7 +128,7 @@ function hydrateFactory($stencilWindow, $stencilHydrateOpts, $stencilHydrateResu
|
|
|
128
128
|
|
|
129
129
|
|
|
130
130
|
const NAMESPACE = 'pine-core';
|
|
131
|
-
const BUILD = /* pine-core */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: false, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: true, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow:
|
|
131
|
+
const BUILD = /* pine-core */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: false, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: true, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: true, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, shadowDomShim: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
|
|
132
132
|
|
|
133
133
|
/*
|
|
134
134
|
Stencil Hydrate Platform v4.22.2 | MIT Licensed | https://stenciljs.com
|
|
@@ -1798,6 +1798,7 @@ var hostListenerProxy = (hostRef, methodName) => (ev) => {
|
|
|
1798
1798
|
}
|
|
1799
1799
|
};
|
|
1800
1800
|
var getHostListenerTarget = (elm, flags) => {
|
|
1801
|
+
if (flags & 8 /* TargetWindow */) return win;
|
|
1801
1802
|
if (flags & 16 /* TargetBody */) return doc.body;
|
|
1802
1803
|
return elm;
|
|
1803
1804
|
};
|
|
@@ -2347,10 +2348,11 @@ var registerHost = (elm, cmpMeta) => {
|
|
|
2347
2348
|
};
|
|
2348
2349
|
var styles = /* @__PURE__ */ new Map();
|
|
2349
2350
|
|
|
2350
|
-
/* pds-icons v8.
|
|
2351
|
+
/* pds-icons v8.12.0, ES Modules */
|
|
2351
2352
|
const caretDown = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' class='pdsicon'><path fill-rule='evenodd' d='M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414'/></svg>";
|
|
2352
2353
|
const checkCircleFilled = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' class='pdsicon'><path fill-rule='evenodd' d='M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11S18.075 1 12 1m5.207 8.707a1 1 0 0 0-1.414-1.414L10.5 13.586l-2.293-2.293a1 1 0 0 0-1.414 1.414l3 3a1 1 0 0 0 1.414 0z'/></svg>";
|
|
2353
2354
|
const copy = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' class='pdsicon'><path fill-rule='evenodd' d='M11.162 1h7.676c.528 0 .982 0 1.357.03.395.033.789.104 1.167.297a3 3 0 0 1 1.311 1.311c.193.378.264.772.296 1.167.031.375.031.83.031 1.356v7.678c0 .527 0 .981-.03 1.356-.033.395-.104.789-.297 1.167a3 3 0 0 1-1.311 1.311c-.378.193-.772.264-1.167.296-.375.031-.83.031-1.357.031H17v1.838c0 .528 0 .982-.03 1.357-.033.395-.104.789-.297 1.167a3 3 0 0 1-1.311 1.311c-.378.193-.772.264-1.167.296-.375.031-.83.031-1.356.031H5.16c-.527 0-.981 0-1.356-.03-.395-.033-.789-.104-1.167-.297a3 3 0 0 1-1.311-1.311c-.193-.378-.264-.772-.296-1.167C1 19.82 1 19.365 1 18.838v-7.677c0-.527 0-.981.03-1.356.033-.395.104-.789.297-1.167a3 3 0 0 1 1.311-1.311c.378-.193.772-.264 1.167-.296C4.18 7 4.635 7 5.161 7H7V5.161c0-.527 0-.981.03-1.356.033-.395.104-.789.297-1.167a3 3 0 0 1 1.311-1.311c.378-.193.772-.264 1.167-.296C10.18 1 10.635 1 11.162 1M5.2 9c-.577 0-.949 0-1.232.024-.272.022-.373.06-.422.085a1 1 0 0 0-.437.437c-.025.05-.063.15-.085.422C3 10.25 3 10.623 3 11.2v7.6c0 .577 0 .949.024 1.232.022.272.06.373.085.422a1 1 0 0 0 .437.437c.05.025.15.063.422.085C4.25 21 4.623 21 5.2 21h7.6c.577 0 .949 0 1.232-.024.272-.022.373-.06.422-.085a1 1 0 0 0 .437-.437c.025-.05.063-.15.085-.422C15 19.75 15 19.377 15 18.8v-7.6c0-.577 0-.949-.024-1.232-.022-.272-.06-.373-.085-.422a1 1 0 0 0-.437-.437c-.05-.025-.15-.063-.422-.085C13.75 9 13.377 9 12.8 9zM17 15v-3.838c0-.528 0-.982-.03-1.357-.033-.395-.104-.789-.297-1.167a3 3 0 0 0-1.311-1.311c-.378-.193-.772-.264-1.167-.296A18 18 0 0 0 12.838 7H9V5.2c0-.577 0-.949.024-1.232.022-.272.06-.373.085-.422a1 1 0 0 1 .437-.437c.05-.025.15-.063.422-.085C10.25 3 10.623 3 11.2 3h7.6c.577 0 .949 0 1.232.024.272.022.373.06.422.085a1 1 0 0 1 .437.437c.025.05.063.15.085.422C21 4.25 21 4.623 21 5.2v7.6c0 .577 0 .949-.024 1.232-.022.272-.06.373-.085.422a1 1 0 0 1-.437.437c-.05.025-.15.063-.422.085C19.75 15 19.377 15 18.8 15z'/></svg>";
|
|
2355
|
+
const danger = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' class='pdsicon'><path fill-rule='evenodd' d='M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12m11-5a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0V8a1 1 0 0 1 1-1m-1 9a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H12a1 1 0 0 1-1-1'/></svg>";
|
|
2354
2356
|
const downSmall = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' class='pdsicon'><path fill-rule='evenodd' d='M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414'/></svg>";
|
|
2355
2357
|
const handle = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' class='pdsicon'><path d='M2.833 7.5c-.46 0-.833.448-.833 1s.373 1 .833 1h18.334c.46 0 .833-.448.833-1s-.373-1-.833-1zM2.833 14.5c-.46 0-.833.448-.833 1s.373 1 .833 1h18.334c.46 0 .833-.448.833-1s-.373-1-.833-1z'/></svg>";
|
|
2356
2358
|
const launch = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' class='pdsicon'><path fill-rule='evenodd' d='M14 3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V5.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L18.586 4H15a1 1 0 0 1-1-1M7.759 4H10a1 1 0 1 1 0 2H7.8c-.857 0-1.439 0-1.889.038-.438.035-.663.1-.819.18a2 2 0 0 0-.874.874c-.08.156-.145.38-.18.819C4 8.361 4 8.943 4 9.8v6.4c0 .857 0 1.439.038 1.889.035.438.1.663.18.819a2 2 0 0 0 .874.874c.156.08.38.145.819.18C6.361 20 6.943 20 7.8 20h6.4c.857 0 1.439 0 1.889-.038.438-.035.663-.1.819-.18a2 2 0 0 0 .874-.874c.08-.156.145-.38.18-.819.037-.45.038-1.032.038-1.889V14a1 1 0 1 1 2 0v2.241c0 .805 0 1.47-.044 2.01-.046.563-.145 1.08-.392 1.565a4 4 0 0 1-1.748 1.748c-.485.247-1.002.346-1.564.392-.541.044-1.206.044-2.01.044H7.758c-.805 0-1.47 0-2.01-.044-.563-.046-1.08-.145-1.565-.392a4 4 0 0 1-1.748-1.748c-.247-.485-.346-1.002-.392-1.564C2 17.71 2 17.046 2 16.242V9.758c0-.805 0-1.47.044-2.01.046-.563.145-1.08.392-1.565a4 4 0 0 1 1.748-1.748c.485-.247 1.002-.346 1.564-.392C6.29 4 6.954 4 7.758 4'/></svg>";
|
|
@@ -2619,13 +2621,14 @@ const pdsButtonCss = ":host{--border-radius-default:var(--pine-border-radius-rou
|
|
|
2619
2621
|
var PdsButtonStyle1 = pdsButtonCss;
|
|
2620
2622
|
|
|
2621
2623
|
/**
|
|
2622
|
-
* @part button -
|
|
2623
|
-
* @part caret -
|
|
2624
|
-
* @part icon -
|
|
2624
|
+
* @part button - Exposes the button element for styling.
|
|
2625
|
+
* @part caret - Exposes the caret icon component for styling. Appears only on the disclosure variant.
|
|
2626
|
+
* @part icon - Exposes the icon component for styling.
|
|
2625
2627
|
*/
|
|
2626
2628
|
class PdsButton {
|
|
2627
2629
|
constructor(hostRef) {
|
|
2628
2630
|
registerInstance(this, hostRef);
|
|
2631
|
+
this.pdsClick = createEvent(this, "pdsClick", 7);
|
|
2629
2632
|
this.handleClick = (ev) => {
|
|
2630
2633
|
if (this.type != 'button') {
|
|
2631
2634
|
// If button clicked IS NOT associated with a form
|
|
@@ -2642,6 +2645,7 @@ class PdsButton {
|
|
|
2642
2645
|
}
|
|
2643
2646
|
}
|
|
2644
2647
|
}
|
|
2648
|
+
this.pdsClick.emit(ev);
|
|
2645
2649
|
};
|
|
2646
2650
|
this.componentId = undefined;
|
|
2647
2651
|
this.disabled = false;
|
|
@@ -2659,7 +2663,7 @@ class PdsButton {
|
|
|
2659
2663
|
return classNames.join(' ');
|
|
2660
2664
|
}
|
|
2661
2665
|
render() {
|
|
2662
|
-
return (hAsync(Host, { key: '
|
|
2666
|
+
return (hAsync(Host, { key: 'b559cbbe7cfe3a77b792e3d020fc615123bb3218', "aria-disabled": this.disabled ? 'true' : null, id: this.componentId, onClick: this.handleClick, variant: this.variant }, hAsync("button", { key: '69b52d61eaabc72e24a9aaf72f7130eb4e7a7197', class: this.classNames(), disabled: this.disabled, name: this.name, part: "button", type: this.type, value: this.value }, this.icon && this.variant !== 'disclosure' && hAsync("pds-icon", { key: '4a94a45a0d44f0f54607c09b93672a597d876897', name: this.icon, part: "icon" }), hAsync("slot", { key: '457c672d7662394a8debee6c372e3747d4de383d' }), this.variant === 'disclosure' && hAsync("pds-icon", { key: 'b0247fa8aea5b62158bf60f3f707af110a68d562', icon: caretDown, part: "caret" }))));
|
|
2663
2667
|
}
|
|
2664
2668
|
get el() { return getElement(this); }
|
|
2665
2669
|
static get style() { return PdsButtonStyle0 + PdsButtonStyle1; }
|
|
@@ -2718,7 +2722,7 @@ const PdsLabel = ({ classNames, htmlFor, text }) => (hAsync("label", { class: cl
|
|
|
2718
2722
|
const baseCss$k = ":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(div,label,p,span){color:var(--pine-color-text-default)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";
|
|
2719
2723
|
var PdsCheckboxStyle0 = baseCss$k;
|
|
2720
2724
|
|
|
2721
|
-
const pdsCheckboxCss = ":host{--border-default:var(--pine-border-interactive-default);--border-hover:var(--pine-border-interactive-hover);--border-radius:var(--pine-border-radius-050);--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);--box-shadow-focus-invalid:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-red-200);--color-background:var(--pine-color-white);--color-background-disabled:var(--pine-color-grey-100);--color-background-hover:var(--pine-color-grey-100);--color-background-checked:var(--pine-color-purple-500);--color-background-checked-hover:var(--pine-color-purple-600);--color-border-disabled:var(--pine-color-grey-300);--color-border-icon:var(--pine-color-white);--color-disabled:var(--pine-color-grey-300);--color-invalid:var(--pine-color-red-500);--color-invalid-hover:var(--pine-color-red-600);--color-text-disabled:var(--pine-color-grey-500);--color-text-message:var(--pine-color-grey-
|
|
2725
|
+
const pdsCheckboxCss = ":host{--border-default:var(--pine-border-interactive-default);--border-hover:var(--pine-border-interactive-hover);--border-radius:var(--pine-border-radius-050);--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);--box-shadow-focus-invalid:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-red-200);--color-background:var(--pine-color-white);--color-background-disabled:var(--pine-color-grey-100);--color-background-hover:var(--pine-color-grey-100);--color-background-checked:var(--pine-color-purple-500);--color-background-checked-hover:var(--pine-color-purple-600);--color-border-disabled:var(--pine-color-grey-300);--color-border-icon:var(--pine-color-white);--color-disabled:var(--pine-color-grey-300);--color-invalid:var(--pine-color-red-500);--color-invalid-hover:var(--pine-color-red-600);--color-text-disabled:var(--pine-color-grey-500);--color-text-message:var(--pine-color-grey-700);--sizing-input:var(--pine-font-size-116);-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(--color-invalid)}:host(.is-invalid) input:checked{background:var(--color-invalid)}:host(.is-invalid) input:checked:hover{background:var(--color-invalid-hover);border-color:var(--color-invalid-hover)}:host(.is-invalid) input:focus-visible{-webkit-box-shadow:var(--box-shadow-focus-invalid);box-shadow:var(--box-shadow-focus-invalid);outline:none}:host(.is-invalid) label,:host(.is-invalid) .pds-checkbox__message--error{color:var(--color-invalid)}:host(.is-indeterminate) input{background:var(--color-background-checked);border-color:var(--color-background-checked)}:host(.is-indeterminate) input:hover{background:var(--color-background-checked-hover);border-color:var(--color-background-checked-hover)}:host(.is-indeterminate) input::after{border:1px solid var(--color-border-icon);border-bottom:0;border-left:0;border-top:0;content:\"\";display:block;height:7px;left:50%;position:absolute;top:50%;-webkit-transform:rotate(90deg) translate3d(-103%, 32%, 0);transform:rotate(90deg) translate3d(-103%, 32%, 0);width:4px}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-background);border:var(--border-default);border-radius:var(--border-radius);height:var(--sizing-input);margin:0;position:relative;width:var(--sizing-input)}input:hover{background:var(--color-background-hover);border:var(--border-hover)}input:checked{background:var(--color-background-checked);border-color:var(--color-background-checked)}input:checked:hover{background:var(--color-background-checked-hover);border-color:var(--color-background-checked-hover)}input:checked::after{border:1px solid var(--color-border-icon);border-left:0;border-top:0;content:\"\";display:block;height:7px;left:50%;position:absolute;top:50%;-webkit-transform:rotate(43deg) translate3d(-110%, -30%, 0);transform:rotate(43deg) translate3d(-110%, -30%, 0);width:4px}input:disabled{background:var(--color-background-disabled);border-color:var(--color-disabled);cursor:not-allowed}input:disabled:checked{background:var(--color-disabled);border-color:var(--color-disabled)}input:disabled:checked::after{border-color:var(--color-border-disabled)}input:disabled+label{color:var(--color-text-disabled);cursor:not-allowed}input:disabled~.pds-checkbox__message{color:var(--color-text-disabled)}input:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}label{font-weight:var(--pine-font-weight-body-medium);-webkit-margin-start:10px;margin-inline-start:10px}.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(--color-text-message);-webkit-margin-before:6px;margin-block-start:6px;-webkit-margin-start:26px;margin-inline-start:26px;width:100%}.pds-checkbox__message--error{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;font-size:var(--pine-font-size-085);gap:var(--pine-spacing-050)}";
|
|
2722
2726
|
var PdsCheckboxStyle1 = pdsCheckboxCss;
|
|
2723
2727
|
|
|
2724
2728
|
class PdsCheckbox {
|
|
@@ -2773,9 +2777,9 @@ class PdsCheckbox {
|
|
|
2773
2777
|
return classNames.join(' ');
|
|
2774
2778
|
}
|
|
2775
2779
|
render() {
|
|
2776
|
-
return (hAsync(Host, { key: '
|
|
2777
|
-
hAsync("div", { key: '
|
|
2778
|
-
hAsync("div", { key: '
|
|
2780
|
+
return (hAsync(Host, { key: '20ec5fff75ed7c8e1fa203377da84533a24b359f', class: this.classNames() }, hAsync("input", { key: '640f30df7addcfb3ec9fc850a32283b5d7e9d096', type: "checkbox", "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage), "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 }), hAsync(PdsLabel, { key: '8aa6d71f86bba517fd5b697b7a4c91a2002f29ba', htmlFor: this.componentId, text: this.label, classNames: this.labelHidden ? 'visually-hidden' : '' }), this.helperMessage &&
|
|
2781
|
+
hAsync("div", { key: '3b683e51e76c802e77022e6544b05305e8fbaa2f', class: 'pds-checkbox__message', id: messageId(this.componentId, 'helper') }, this.helperMessage), this.errorMessage &&
|
|
2782
|
+
hAsync("div", { key: '8da70a6935cf8c419d2f1ffa36ae21a843823b11', class: `pds-checkbox__message pds-checkbox__message--error`, id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, hAsync("pds-icon", { key: '9fa9b8662cce3319ccff5bc8bce90b364f310d7b', icon: danger, size: "small" }), this.errorMessage)));
|
|
2779
2783
|
}
|
|
2780
2784
|
static get watchers() { return {
|
|
2781
2785
|
"checked": ["updateIndeterminate"]
|
|
@@ -2818,10 +2822,10 @@ class PdsChip {
|
|
|
2818
2822
|
this.pdsTagCloseClick.emit();
|
|
2819
2823
|
};
|
|
2820
2824
|
this.componentId = undefined;
|
|
2821
|
-
this.sentiment = 'neutral';
|
|
2822
2825
|
this.dot = false;
|
|
2823
2826
|
this.label = undefined;
|
|
2824
2827
|
this.large = false;
|
|
2828
|
+
this.sentiment = 'neutral';
|
|
2825
2829
|
this.variant = 'text';
|
|
2826
2830
|
}
|
|
2827
2831
|
classNames() {
|
|
@@ -2835,7 +2839,7 @@ class PdsChip {
|
|
|
2835
2839
|
if (this.sentiment) {
|
|
2836
2840
|
classNames.push('pds-chip--' + this.sentiment);
|
|
2837
2841
|
}
|
|
2838
|
-
return classNames.join('
|
|
2842
|
+
return classNames.join(' ');
|
|
2839
2843
|
}
|
|
2840
2844
|
setChipContent() {
|
|
2841
2845
|
const isDropdown = this.variant === 'dropdown';
|
|
@@ -2843,7 +2847,7 @@ class PdsChip {
|
|
|
2843
2847
|
return chipContent;
|
|
2844
2848
|
}
|
|
2845
2849
|
render() {
|
|
2846
|
-
return (hAsync(Host, { key: '
|
|
2850
|
+
return (hAsync(Host, { key: 'fac4e9beb31ba05d0c959fb53a9cd62caeacb219', class: this.classNames(), id: this.componentId }, this.setChipContent(), this.variant === 'tag' && (hAsync("button", { key: '5f57c1cc76f6cffdebe6244f499b427e5f4c04e8', class: "pds-chip__close", type: "button", onClick: this.handleCloseClick, "aria-label": "Remove" }, hAsync("pds-icon", { key: 'f4311271f68d700568dc51af9c1512fdfc7c262d', icon: remove, size: "12px" })))));
|
|
2847
2851
|
}
|
|
2848
2852
|
static get style() { return PdsChipStyle0 + PdsChipStyle1; }
|
|
2849
2853
|
static get cmpMeta() { return {
|
|
@@ -2851,10 +2855,10 @@ class PdsChip {
|
|
|
2851
2855
|
"$tagName$": "pds-chip",
|
|
2852
2856
|
"$members$": {
|
|
2853
2857
|
"componentId": [1, "component-id"],
|
|
2854
|
-
"sentiment": [1],
|
|
2855
2858
|
"dot": [4],
|
|
2856
2859
|
"label": [1],
|
|
2857
2860
|
"large": [4],
|
|
2861
|
+
"sentiment": [1],
|
|
2858
2862
|
"variant": [1]
|
|
2859
2863
|
},
|
|
2860
2864
|
"$listeners$": undefined,
|
|
@@ -2907,7 +2911,7 @@ class PdsCopytext {
|
|
|
2907
2911
|
return classNames.join(' ');
|
|
2908
2912
|
}
|
|
2909
2913
|
render() {
|
|
2910
|
-
return (hAsync(Host, { key: '
|
|
2914
|
+
return (hAsync(Host, { key: '43aceb92fe0cc910613115bc882b04108efeffba', class: this.classNames(), id: this.componentId }, hAsync("pds-button", { key: 'f152bc288e64192a80ed8f4f48d90e3edb7558cc', type: "button", variant: "unstyled", onClick: this.handleClick }, hAsync("span", { key: 'ed9486b47835e21601047d2a915a412e664c6b4b' }, this.value), hAsync("pds-icon", { key: 'bfbf6d92775171c36f768d654c5866f2f4ce8479', icon: copy, size: "16px" }))));
|
|
2911
2915
|
}
|
|
2912
2916
|
static get style() { return PdsCopytextStyle0 + PdsCopytextStyle1; }
|
|
2913
2917
|
static get cmpMeta() { return {
|
|
@@ -2951,7 +2955,7 @@ class PdsDivider {
|
|
|
2951
2955
|
return classNames.join(' ');
|
|
2952
2956
|
}
|
|
2953
2957
|
render() {
|
|
2954
|
-
return (hAsync(Host, { key: '
|
|
2958
|
+
return (hAsync(Host, { key: 'cb64d56832d159848ac7d45959b5f1d9874715d7', id: this.componentId }, hAsync("hr", { key: '10a7b11448b031b24174fe9278ac05504cf8523c', class: this.classNames() })));
|
|
2955
2959
|
}
|
|
2956
2960
|
static get style() { return PdsDividerStyle0 + PdsDividerStyle1; }
|
|
2957
2961
|
static get cmpMeta() { return {
|
|
@@ -3149,9 +3153,9 @@ class PdsImage {
|
|
|
3149
3153
|
this.width = undefined;
|
|
3150
3154
|
}
|
|
3151
3155
|
render() {
|
|
3152
|
-
return (hAsync(Host, { key: '
|
|
3156
|
+
return (hAsync(Host, { key: 'b74f7f59eadec75c48052e0760ef07ea0b5eb848', class: {
|
|
3153
3157
|
'pds-image': true,
|
|
3154
|
-
}, id: this.componentId }, hAsync("img", { key: '
|
|
3158
|
+
}, id: this.componentId }, hAsync("img", { key: '0e993e6d4cb70d73562cbcd3cf193080406adf7a', alt: this.alt, height: this.height, loading: this.loading, sizes: this.sizes, src: this.src, srcset: this.srcset, width: this.width })));
|
|
3155
3159
|
}
|
|
3156
3160
|
static get style() { return PdsImageStyle0 + PdsImageStyle1; }
|
|
3157
3161
|
static get cmpMeta() { return {
|
|
@@ -3176,7 +3180,7 @@ class PdsImage {
|
|
|
3176
3180
|
const baseCss$f = ":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(div,label,p,span){color:var(--pine-color-text-default)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";
|
|
3177
3181
|
var PdsInputStyle0 = baseCss$f;
|
|
3178
3182
|
|
|
3179
|
-
const pdsInputCss = ":host{--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);--box-shadow-focus-error:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-red-300);--color-background-disabled:var(--pine-color-grey-100);--color-background-error:var(--pine-color-red-050);--color-border-active:var(--pine-color-grey-400);--color-border-default:var(--pine-color-grey-300);--color-border-disabled:var(--pine-color-grey-200);--color-border-error:var(--pine-color-red-600);--color-border-hover:var(--pine-color-grey-500);--color-text-default:var(--pine-color-grey-950);--color-text-disabled:var(--pine-color-grey-600);--color-text-error:var(--pine-color-red-600);--color-text-placeholder:var(--pine-color-grey-600);--color-text-placeholder-disabled:var(--pine-color-grey-400);--font-size-helper-message:var(--pine-font-size-
|
|
3183
|
+
const pdsInputCss = ":host{--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);--box-shadow-focus-error:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-red-300);--color-background-disabled:var(--pine-color-grey-100);--color-background-error:var(--pine-color-red-050);--color-border-active:var(--pine-color-grey-400);--color-border-default:var(--pine-color-grey-300);--color-border-disabled:var(--pine-color-grey-200);--color-border-error:var(--pine-color-red-600);--color-border-hover:var(--pine-color-grey-500);--color-text-default:var(--pine-color-grey-950);--color-text-disabled:var(--pine-color-grey-600);--color-text-error:var(--pine-color-red-600);--color-text-placeholder:var(--pine-color-grey-600);--color-text-placeholder-disabled:var(--pine-color-grey-400);--font-size-helper-message:var(--pine-font-size-085);--font-size-input-field:var(--pine-font-size-100);--font-size-label:var(--pine-font-size-100);--font-weight-helper-message:var(--pine-font-weight-normal);--font-weight-input-field:var(--pine-font-weight-normal);--font-weight-label:var(--pine-font-weight-medium);--line-height-label:var(--pine-line-height-150);--line-height-helper-message:var(--pine-line-height-125);--line-height-input-field:var(--pine-line-height-150);--spacing-field-padding-block:var(--pine-spacing-100);--spacing-input-field-padding-inline:var(--pine-spacing-200);--spacing-label-margin-block-end:var(--pine-spacing-100);--spacing-margin-top-helper-message:var(--pine-spacing-100);--spacing-icon-error-message:var(--pine-spacing-050);display:inline}.pds-input{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}label{font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:var(--line-height-label);-webkit-margin-after:var(--spacing-label-margin-block-end);margin-block-end:var(--spacing-label-margin-block-end)}input{border:1px solid var(--color-border-default);border-radius:10px;font-size:var(--font-size-input-field);font-weight:var(--font-weight-input-field);line-height:var(--line-height-input-field);padding:var(--spacing-field-padding-block) var(--spacing-input-field-padding-inline);}input:disabled{background-color:var(--color-background-disabled);border-color:var(--color-border-disabled);color:var(--color-text-disabled);cursor:not-allowed;}input:disabled::-webkit-input-placeholder{color:var(--color-text-placeholder-disabled)}input:disabled::-moz-placeholder{color:var(--color-text-placeholder-disabled)}input:disabled::-moz-placeholder{color:var(--color-text-placeholder-disabled)}input:disabled:-ms-input-placeholder{color:var(--color-text-placeholder-disabled)}input:hover{border-color:var(--color-border-hover)}input:focus-visible{border-color:var(--color-border-active);-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}input::-webkit-input-placeholder{color:var(--color-text-placeholder)}input::-moz-placeholder{color:var(--color-text-placeholder)}input::-moz-placeholder{color:var(--color-text-placeholder)}input:-ms-input-placeholder{color:var(--color-text-placeholder)}input:has(~.pds-input__error-message){background-color:var(--color-background-error);border-color:var(--color-border-error)}input:has(~.pds-input__error-message):focus-visible{-webkit-box-shadow:var(--box-shadow-focus-error);box-shadow:var(--box-shadow-focus-error);outline:none}.pds-input__error-message,.pds-input__helper-message{font-size:var(--font-size-helper-message);font-weight:var(--font-weight-helper-message);line-height:var(--line-height-helper-message);-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:var(--spacing-margin-top-helper-message);margin-block-start:var(--spacing-margin-top-helper-message)}.pds-input__error-message{-ms-flex-align:center;align-items:center;color:var(--color-text-error);display:-ms-flexbox;display:flex;font-size:var(--font-size-helper-message);gap:var(--spacing-icon-error-message)}";
|
|
3180
3184
|
var PdsInputStyle1 = pdsInputCss;
|
|
3181
3185
|
|
|
3182
3186
|
class PdsInput {
|
|
@@ -3205,9 +3209,9 @@ class PdsInput {
|
|
|
3205
3209
|
this.value = undefined;
|
|
3206
3210
|
}
|
|
3207
3211
|
render() {
|
|
3208
|
-
return (hAsync(Host, { key: '
|
|
3209
|
-
hAsync("p", { key: '
|
|
3210
|
-
hAsync("p", { key: '
|
|
3212
|
+
return (hAsync(Host, { key: '2894ea5f48af1818f28ce05c63ec28ee6dff2f5d', "aria-disabled": this.disabled ? 'true' : null }, hAsync("div", { key: '92ce53c22ca6eed66e33c1c50c8d0ff0a3b68b4c', class: "pds-input" }, hAsync(PdsLabel, { key: '71be1b6dbaee982e199e482f1edc21b34621e1a3', htmlFor: this.componentId, text: this.label }), hAsync("input", { key: '4ff1e2d8b3f5156a4f7ace72b168ec1f03959463', class: "pds-input__field", "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, autocomplete: this.autocomplete, disabled: this.disabled, id: this.componentId, name: this.name, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, type: this.type, value: this.value, onInput: this.onInputEvent }), this.helperMessage &&
|
|
3213
|
+
hAsync("p", { key: 'b0b144c49182e233f59d442384a1904b7a8307cd', class: "pds-input__helper-message", id: messageId(this.componentId, 'helper') }, this.helperMessage), this.errorMessage &&
|
|
3214
|
+
hAsync("p", { key: 'f66cc5c3b0463a4f7f62c54626692fa11f221568', class: "pds-input__error-message", id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, hAsync("pds-icon", { key: 'efaccf89df9ca61b12f48c25c57bc02074d405e8', icon: danger, size: "small" }), this.errorMessage))));
|
|
3211
3215
|
}
|
|
3212
3216
|
static get style() { return PdsInputStyle0 + PdsInputStyle1; }
|
|
3213
3217
|
static get cmpMeta() { return {
|
|
@@ -3241,8 +3245,8 @@ const pdsLinkCss = ":host{--border-outline:4px solid var(--pine-color-blue-200);
|
|
|
3241
3245
|
var PdsLinkStyle1 = pdsLinkCss;
|
|
3242
3246
|
|
|
3243
3247
|
/**
|
|
3244
|
-
* @part link -
|
|
3245
|
-
* @slot -
|
|
3248
|
+
* @part link - Link element styles.
|
|
3249
|
+
* @slot (default) - Text content placed between the opening and closing tags. If no text is provided, the **href** will be used as a fallback.
|
|
3246
3250
|
*/
|
|
3247
3251
|
class PdsLink {
|
|
3248
3252
|
constructor(hostRef) {
|
|
@@ -3264,8 +3268,8 @@ class PdsLink {
|
|
|
3264
3268
|
return classNames.join(' ');
|
|
3265
3269
|
}
|
|
3266
3270
|
render() {
|
|
3267
|
-
return (hAsync("a", { key: '
|
|
3268
|
-
hAsync("pds-icon", { key: '
|
|
3271
|
+
return (hAsync("a", { key: '0301c40c5571d5713ff50262c9cd288b476bfb02', class: this.classNames(), href: this.href, id: this.componentId, target: this.external ? '_blank' : undefined, part: "link" }, hAsync("slot", { key: 'dae97a17d38c0308d74f75b859d704d0d28d789d' }, this.href), this.external &&
|
|
3272
|
+
hAsync("pds-icon", { key: '5c242186e0080db10ede73c232fd83643b54df03', icon: launch, size: this.fontSize })));
|
|
3269
3273
|
}
|
|
3270
3274
|
static get style() { return PdsLinkStyle0 + PdsLinkStyle1; }
|
|
3271
3275
|
static get cmpMeta() { return {
|
|
@@ -3325,7 +3329,7 @@ class PdsLoader {
|
|
|
3325
3329
|
}
|
|
3326
3330
|
}
|
|
3327
3331
|
render() {
|
|
3328
|
-
return (hAsync(Host, { key: '
|
|
3332
|
+
return (hAsync(Host, { key: 'e69acbb3ba84e723ce654fb8288c54d6c878a515', class: `pds-loader ${this.isLoading ? '' : 'pds-loader--hidden'}`, "aria-hidden": !this.isLoading, "aria-busy": this.isLoading, "aria-live": "polite" }, this.variant === 'spinner' && (hAsync("div", { key: 'dd121b0adc8825e8b8e5aa6c4c2756d2bbc8aec3', class: "pds-loader--spinner" }, hAsync("svg", { key: '91474584a672fc78a0e1d169eaff53fbbce1b658', style: this.style(), viewBox: "0 0 200 200", fill: "none" }, hAsync("defs", { key: '38fe6181c360cce4c31402ac7408b3120dbf4419' }, hAsync("linearGradient", { key: '29cf900bc3ab8c6b5cb7da36f96207b4e234179a', id: "spinner-secondHalf" }, hAsync("stop", { key: 'aaa993d38e5cc792417160d8febde05e94a55503', offset: "0%", "stop-opacity": "0", "stop-color": "currentColor" }), hAsync("stop", { key: '3df5fe92f07c054016840413979e6f4bbc967af1', offset: "100%", "stop-opacity": "0.5", "stop-color": "currentColor" })), hAsync("linearGradient", { key: '853f7b5ae56dab5688c1bbf2e24fd3f38f13997f', id: "spinner-firstHalf" }, hAsync("stop", { key: '54282ea20ec47332c65559f70ca4dd1429c2fe44', offset: "0%", "stop-opacity": "1", "stop-color": "currentColor" }), hAsync("stop", { key: '471bc0aaa05940103ca1aa50b9772e514a19f912', offset: "100%", "stop-opacity": "0.5", "stop-color": "currentColor" }))), hAsync("g", { key: 'de35b85d92de0e958a0ec6753fa2362d2884c99f', class: "pds-loader__spinner-path" }, hAsync("path", { key: '2238b370478f385ad6201b4aeadc9aedc7702ac7', stroke: "url(#spinner-secondHalf)", d: "M 4 100 A 96 96 0 0 1 196 100" }), hAsync("path", { key: '3a6434262838be8654212f30f40af5bb50c5b679', stroke: "url(#spinner-firstHalf)", d: "M 196 100 A 96 96 0 0 1 4 100" }), hAsync("path", { key: '687280eed667bfa794c4ea380274867614b66ff6', stroke: "currentColor", "stroke-linecap": "round", d: "M 4 100 A 96 96 0 0 1 4 98" }))))), this.variant === 'typing' && (hAsync("div", { key: 'a38bb46b431c96efa00d234ec6ce6b3ff2adb0e5', class: "pds-loader--typing" }, hAsync("span", { key: 'bdd865189cf2fe87181b13fbdb01fcc7086c9f2c' }), hAsync("span", { key: '79be0a18686ac726b3b012cb1b796a1265c45ddb' }), hAsync("span", { key: '351a6709d5b50c27b82d9dfba1d01cd058e8c10f' }))), hAsync("div", { key: '81602e65ce055f10b39a70d5f29ffb62471bcb25', class: `pds-loader__label ${this.showLabel ? '' : 'pds-loader--hidden'}` }, hAsync("slot", { key: '1ce406972db7f6ef5cc7d558301facb5e455956b', name: "label" }, "Loading..."))));
|
|
3329
3333
|
}
|
|
3330
3334
|
static get style() { return PdsLoaderStyle0 + PdsLoaderStyle1; }
|
|
3331
3335
|
static get cmpMeta() { return {
|
|
@@ -3343,6 +3347,85 @@ class PdsLoader {
|
|
|
3343
3347
|
}; }
|
|
3344
3348
|
}
|
|
3345
3349
|
|
|
3350
|
+
const pdsPopoverCss = ":host{--sizing-max-width-default:352px;display:inline-block}:host [popover]{background-color:var(--pine-color-white);border:1px solid var(--pine-color-gray-200);border-radius:var(--pine-border-radius-125);-webkit-box-shadow:var(--pine-box-shadow-200);box-shadow:var(--pine-box-shadow-200);margin:0;max-width:var(--sizing-max-width-default);padding:var(--pine-spacing-300);position:fixed}:host button{--border-radius-default:var(--pine-border-radius-round);--border-width-default:var(--pine-border-width-thin);--border-width-unstyled:var(--pine-border-radius-0);--color-background-secondary-hover:var(--pine-color-grey-050);--color-border-secondary-default:var(--pine-color-grey-400);--color-border-secondary-disabled:var(--pine-color-grey-300);--color-border-secondary-focus:var(--pine-color-grey-300);--color-border-secondary-hover:var(--pine-color-grey-500);--color-text-secondary-default:var(--pine-color-grey-800);--color-text-secondary-disabled:var(--pine-color-grey-400);--color-outline-secondary:var(--pine-color-purple-300);--color-border-disabled:var(--color-border-secondary-disabled);--color-border-focus:var(--color-border-secondary-focus);--color-border-hover:var(--color-border-secondary-hover);--color-border-default:var(--color-border-secondary-default);--color-text-default:var(--color-text-secondary-default);--color-text-disabled:var(--color-text-secondary-disabled);--color-outline:var(--color-outline-secondary);--spacing-padding-block:var(--pine-spacing-100);--spacing-padding-inline:var(--pine-spacing-200);-ms-flex-align:center;align-items:center;background-color:var(--color-background-default);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--pine-border-radius-circle);color:var(--color-text-default);display:-ms-flexbox;display:flex;font-family:var(--pine-font-family-greet);font-size:var(--pine-font-size-100);font-weight:var(--pine-font-weight-body-medium);line-height:var(--pine-line-height-150);min-height:40px;padding:var(--spacing-padding-block) var(--spacing-padding-inline)}:host button:hover{background-color:var(--color-background-secondary-hover)}";
|
|
3351
|
+
var PdsPopoverStyle0 = pdsPopoverCss;
|
|
3352
|
+
|
|
3353
|
+
class PdsPopover {
|
|
3354
|
+
constructor(hostRef) {
|
|
3355
|
+
registerInstance(this, hostRef);
|
|
3356
|
+
this.active = false;
|
|
3357
|
+
this.popoverTargetAction = 'show';
|
|
3358
|
+
this.popoverType = 'auto';
|
|
3359
|
+
this.componentId = undefined;
|
|
3360
|
+
this.text = undefined;
|
|
3361
|
+
this.maxWidth = 352;
|
|
3362
|
+
this.placement = 'right';
|
|
3363
|
+
}
|
|
3364
|
+
componentWillRender() {
|
|
3365
|
+
this.handlePopoverPositioning();
|
|
3366
|
+
}
|
|
3367
|
+
handleClick() {
|
|
3368
|
+
this.active = !this.active;
|
|
3369
|
+
}
|
|
3370
|
+
handleScroll() {
|
|
3371
|
+
if (this.active) {
|
|
3372
|
+
this.handlePopoverPositioning();
|
|
3373
|
+
}
|
|
3374
|
+
}
|
|
3375
|
+
handlePopoverPositioning() {
|
|
3376
|
+
const triggerEl = this.el.shadowRoot.querySelector('.pds-popover__trigger');
|
|
3377
|
+
const popoverEl = this.el.shadowRoot.querySelector('div[popover]');
|
|
3378
|
+
if (!triggerEl || !popoverEl)
|
|
3379
|
+
return;
|
|
3380
|
+
const triggerRect = triggerEl.getBoundingClientRect();
|
|
3381
|
+
const popoverRect = popoverEl.getBoundingClientRect();
|
|
3382
|
+
let top = 0;
|
|
3383
|
+
let left = 0;
|
|
3384
|
+
const offset = 8;
|
|
3385
|
+
switch (this.placement) {
|
|
3386
|
+
case 'top':
|
|
3387
|
+
top = triggerRect.top - popoverRect.height - offset;
|
|
3388
|
+
left = triggerRect.left;
|
|
3389
|
+
break;
|
|
3390
|
+
case 'right':
|
|
3391
|
+
top = triggerRect.top;
|
|
3392
|
+
left = triggerRect.right + offset;
|
|
3393
|
+
break;
|
|
3394
|
+
case 'bottom':
|
|
3395
|
+
top = triggerRect.bottom + offset;
|
|
3396
|
+
left = triggerRect.left;
|
|
3397
|
+
break;
|
|
3398
|
+
case 'left':
|
|
3399
|
+
top = triggerRect.top;
|
|
3400
|
+
left = triggerRect.left - popoverRect.width - offset;
|
|
3401
|
+
break;
|
|
3402
|
+
}
|
|
3403
|
+
popoverEl.style.top = `${top}px`;
|
|
3404
|
+
popoverEl.style.left = `${left}px`;
|
|
3405
|
+
}
|
|
3406
|
+
render() {
|
|
3407
|
+
return (hAsync(Host, { key: '7a21719bb6f13f435cae77f6b2c7c2eefb36c977' }, hAsync("button", { key: '707c94e2462fe230a777d61899b902c84feaa09c', class: "pds-popover__trigger", popoverTarget: this.componentId, popoverTargetAction: this.popoverTargetAction, onClick: this.handleClick }, this.text), hAsync("div", { key: '703d21dd5f3caadb8c0d097849f691d2d4407358', class: `pds-popover ${this.active ? 'pds-popover--active' : ''}`, id: this.componentId, popover: this.popoverType, style: { maxWidth: `${this.maxWidth}px` } }, hAsync("slot", { key: '42ef680b5850d62f50f1e6cfb1587c3d5b6db0d4' }))));
|
|
3408
|
+
}
|
|
3409
|
+
get el() { return getElement(this); }
|
|
3410
|
+
static get style() { return PdsPopoverStyle0; }
|
|
3411
|
+
static get cmpMeta() { return {
|
|
3412
|
+
"$flags$": 9,
|
|
3413
|
+
"$tagName$": "pds-popover",
|
|
3414
|
+
"$members$": {
|
|
3415
|
+
"popoverTargetAction": [1, "popover-target-action"],
|
|
3416
|
+
"popoverType": [1, "popover-type"],
|
|
3417
|
+
"componentId": [1, "component-id"],
|
|
3418
|
+
"text": [1],
|
|
3419
|
+
"maxWidth": [2, "max-width"],
|
|
3420
|
+
"placement": [513],
|
|
3421
|
+
"active": [32]
|
|
3422
|
+
},
|
|
3423
|
+
"$listeners$": [[2, "click", "handleClick"], [11, "scroll", "handleScroll"]],
|
|
3424
|
+
"$lazyBundleId$": "-",
|
|
3425
|
+
"$attrsToReflect$": [["placement", "placement"]]
|
|
3426
|
+
}; }
|
|
3427
|
+
}
|
|
3428
|
+
|
|
3346
3429
|
const baseCss$c = ":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(div,label,p,span){color:var(--pine-color-text-default)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";
|
|
3347
3430
|
var PdsProgressStyle0 = baseCss$c;
|
|
3348
3431
|
|
|
@@ -3360,7 +3443,7 @@ class PdsProgress {
|
|
|
3360
3443
|
this.showPercent = false;
|
|
3361
3444
|
}
|
|
3362
3445
|
render() {
|
|
3363
|
-
return (hAsync(Host, { key: '
|
|
3446
|
+
return (hAsync(Host, { key: '9676c2db5e2178b7cdaf54798a29025b8f4bedb6', class: this.animated ? { 'is-animated': this.animated } : '' }, hAsync("div", { key: '40006e1d3ef7298a8d410654a6cc93ff3905a268', class: "pds-progress" }, hAsync("label", { key: '1437eb984f29bfd29c568ec1f7b6e03c8166c3bb', class: "pds-progress__label", htmlFor: this.componentId }, this.label), hAsync("progress", { key: '546b32d7ad6ec5e8890ea20d180e77d68ec31e03', id: this.componentId, max: "100", style: this.fillColor ? { '--color-progress-fill': this.fillColor } : {}, value: this.percent })), this.showPercent && hAsync("div", { key: '34dd884b3ab2f7df9ff44103fadbb5854cd8b83c', class: "pds-progress__percentage" }, this.percent, "%")));
|
|
3364
3447
|
}
|
|
3365
3448
|
static get style() { return PdsProgressStyle0 + PdsProgressStyle1; }
|
|
3366
3449
|
static get cmpMeta() { return {
|
|
@@ -3383,7 +3466,7 @@ class PdsProgress {
|
|
|
3383
3466
|
const baseCss$b = ".sc-pds-radio:where(*:not(slot),*.sc-pds-radio:not(slot)::before,*.sc-pds-radio:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}.sc-pds-radio:where(*:not(slot)){margin:0}.sc-pds-radio:where(img,picture.sc-pds-radio,video.sc-pds-radio,canvas.sc-pds-radio,svg).sc-pds-radio{display:block;max-width:100%}.sc-pds-radio:where(input,button.sc-pds-radio,textarea.sc-pds-radio,select).sc-pds-radio{font:inherit}.sc-pds-radio:where(p,h1.sc-pds-radio,h2.sc-pds-radio,h3.sc-pds-radio,h4.sc-pds-radio,h5.sc-pds-radio,h6).sc-pds-radio{overflow-wrap:break-word}.sc-pds-radio:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}.sc-pds-radio:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}.sc-pds-radio:where(ul[role=list],ol[role=list]).sc-pds-radio{list-style:none}.sc-pds-radio:where(table){border-collapse:collapse;border-spacing:0}.sc-pds-radio:where(*:not(slot)){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}.sc-pds-radio:where(h1,h2.sc-pds-radio,h3.sc-pds-radio,h4.sc-pds-radio,h5.sc-pds-radio,h6).sc-pds-radio{font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}.sc-pds-radio:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}.sc-pds-radio:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}.sc-pds-radio:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}.sc-pds-radio:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}.sc-pds-radio:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}.sc-pds-radio:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}.sc-pds-radio:where(div,label.sc-pds-radio,p.sc-pds-radio,span).sc-pds-radio{color:var(--pine-color-text-default)}.sc-pds-radio:where(code,kbd.sc-pds-radio,pre.sc-pds-radio,samp).sc-pds-radio{font-family:monospace}.sc-pds-radio:where([role=button]){cursor:pointer}.sc-pds-radio:where(:focus){outline:0}.sc-pds-radio:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}.sc-pds-radio:where([hidden]){display:none !important}";
|
|
3384
3467
|
var PdsRadioStyle0 = baseCss$b;
|
|
3385
3468
|
|
|
3386
|
-
const pdsRadioCss = ".sc-pds-radio-h{--border-interactive-default:var(--pine-border-interactive-default);--border-interactive-hover:var(--pine-border-interactive-hover);--border-radius:var(--pine-border-radius-circle);--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);--box-shadow-focus-error:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-red-200);--color-background-checked:var(--pine-color-purple-500);--color-background-checked-hover:var(--pine-color-purple-600);--color-background-default:var(--pine-color-white);--color-background-disabled:var(--pine-color-grey-100);--color-background-hover:var(--pine-color-grey-50);--color-background-checked-invalid:var(--pine-color-red-500);--color-background-checked-invalid-hover:var(--pine-color-red-600);--color-border-checked-hover:var(--pine-color-purple-600);--color-border-disabled:var(--pine-color-grey-300);--color-border-invalid:var(--pine-color-red-500);--color-border-checked-invalid-hover:var(--pine-color-red-600);--color-text-invalid:var(--pine-color-red-500);--color-text-disabled:var(---pine-color-grey-600);--color-text-message-default:var(--pine-color-grey-800);--color-text-message-disabled:var(--pine-color-grey-500);--sizing-check-size:6px;--sizing-input-size:16px;--sizing-margin-block-start:6px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.is-invalid.sc-pds-radio-h input.sc-pds-radio{border-color:var(--color-border-invalid)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:checked{background:var(--color-background-checked-invalid)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:checked:hover{background:var(--color-background-checked-invalid-hover);border-color:var(--color-border-checked-invalid-hover)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:focus-visible{-webkit-box-shadow:var(--box-shadow-focus-error);box-shadow:var(--box-shadow-focus-error);outline:none}.is-invalid.sc-pds-radio-h label.sc-pds-radio,.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--color-text-invalid)}input.sc-pds-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--border-interactive-default);border-radius:var(--border-radius);height:var(--sizing-input-size);margin:0;position:relative;width:var(--sizing-input-size)}input.sc-pds-radio:hover{background:var(--color-background-hover);border:var(--border-interactive-hover)}input.sc-pds-radio:checked{background:var(--color-background-checked);border-color:var(--color-background-checked)}input.sc-pds-radio:checked:hover{background:var(--color-background-checked-hover);border-color:var(--color-border-checked-hover)}input.sc-pds-radio:checked::after{background:var(--color-background-default);border-radius:50%;content:\"\";display:block;height:var(--sizing-check-size);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--sizing-check-size)}input.sc-pds-radio:disabled{background:var(--color-background-disabled);border-color:var(--color-border-disabled);cursor:not-allowed}input.sc-pds-radio:disabled:checked{border-color:var(--color-border-disabled)}input.sc-pds-radio:disabled:checked::after{border-color:var(--color-border-disabled)}input.sc-pds-radio:disabled+label.sc-pds-radio{color:var(--color-border-hover);cursor:not-allowed}input.sc-pds-radio:disabled~.pds-radio__message.sc-pds-radio{color:var(--color-text-message-disabled)}input.sc-pds-radio:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}label.sc-pds-radio{-webkit-margin-start:10px;margin-inline-start:10px}.pds-radio__message.sc-pds-radio{color:var(--pine-color-grey-
|
|
3469
|
+
const pdsRadioCss = ".sc-pds-radio-h{--border-interactive-default:var(--pine-border-interactive-default);--border-interactive-hover:var(--pine-border-interactive-hover);--border-radius:var(--pine-border-radius-circle);--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);--box-shadow-focus-error:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-red-200);--color-background-checked:var(--pine-color-purple-500);--color-background-checked-hover:var(--pine-color-purple-600);--color-background-default:var(--pine-color-white);--color-background-disabled:var(--pine-color-grey-100);--color-background-hover:var(--pine-color-grey-50);--color-background-checked-invalid:var(--pine-color-red-500);--color-background-checked-invalid-hover:var(--pine-color-red-600);--color-border-checked-hover:var(--pine-color-purple-600);--color-border-disabled:var(--pine-color-grey-300);--color-border-invalid:var(--pine-color-red-500);--color-border-checked-invalid-hover:var(--pine-color-red-600);--color-text-invalid:var(--pine-color-red-500);--color-text-disabled:var(---pine-color-grey-600);--color-text-message-default:var(--pine-color-grey-800);--color-text-message-disabled:var(--pine-color-grey-500);--sizing-check-size:6px;--sizing-input-size:16px;--sizing-margin-block-start:6px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.is-invalid.sc-pds-radio-h input.sc-pds-radio{border-color:var(--color-border-invalid)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:checked{background:var(--color-background-checked-invalid)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:checked:hover{background:var(--color-background-checked-invalid-hover);border-color:var(--color-border-checked-invalid-hover)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:focus-visible{-webkit-box-shadow:var(--box-shadow-focus-error);box-shadow:var(--box-shadow-focus-error);outline:none}.is-invalid.sc-pds-radio-h label.sc-pds-radio,.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--color-text-invalid)}input.sc-pds-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--border-interactive-default);border-radius:var(--border-radius);height:var(--sizing-input-size);margin:0;position:relative;width:var(--sizing-input-size)}input.sc-pds-radio:hover{background:var(--color-background-hover);border:var(--border-interactive-hover)}input.sc-pds-radio:checked{background:var(--color-background-checked);border-color:var(--color-background-checked)}input.sc-pds-radio:checked:hover{background:var(--color-background-checked-hover);border-color:var(--color-border-checked-hover)}input.sc-pds-radio:checked::after{background:var(--color-background-default);border-radius:50%;content:\"\";display:block;height:var(--sizing-check-size);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--sizing-check-size)}input.sc-pds-radio:disabled{background:var(--color-background-disabled);border-color:var(--color-border-disabled);cursor:not-allowed}input.sc-pds-radio:disabled:checked{border-color:var(--color-border-disabled)}input.sc-pds-radio:disabled:checked::after{border-color:var(--color-border-disabled)}input.sc-pds-radio:disabled+label.sc-pds-radio{color:var(--color-border-hover);cursor:not-allowed}input.sc-pds-radio:disabled~.pds-radio__message.sc-pds-radio{color:var(--color-text-message-disabled)}input.sc-pds-radio:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}label.sc-pds-radio{font-weight:var(--pine-font-weight-body-medium);-webkit-margin-start:10px;margin-inline-start:10px}.pds-radio__message.sc-pds-radio{color:var(--pine-color-grey-700);-webkit-margin-before:var(--sizing-margin-block-start);margin-block-start:var(--sizing-margin-block-start);-webkit-margin-start:26px;margin-inline-start:26px;width:100%}.pds-radio__message--error.sc-pds-radio{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;font-size:var(--pine-font-size-085);gap:var(--pine-spacing-050)}";
|
|
3387
3470
|
var PdsRadioStyle1 = pdsRadioCss;
|
|
3388
3471
|
|
|
3389
3472
|
class PdsRadio {
|
|
@@ -3399,12 +3482,12 @@ class PdsRadio {
|
|
|
3399
3482
|
this.pdsRadioChange.emit(isChecked);
|
|
3400
3483
|
};
|
|
3401
3484
|
this.checked = false;
|
|
3485
|
+
this.componentId = undefined;
|
|
3402
3486
|
this.disabled = false;
|
|
3403
3487
|
this.errorMessage = undefined;
|
|
3488
|
+
this.helperMessage = undefined;
|
|
3404
3489
|
this.invalid = false;
|
|
3405
|
-
this.componentId = undefined;
|
|
3406
3490
|
this.label = undefined;
|
|
3407
|
-
this.helperMessage = undefined;
|
|
3408
3491
|
this.name = undefined;
|
|
3409
3492
|
this.required = false;
|
|
3410
3493
|
this.value = undefined;
|
|
@@ -3420,9 +3503,9 @@ class PdsRadio {
|
|
|
3420
3503
|
return classNames.join(' ');
|
|
3421
3504
|
}
|
|
3422
3505
|
render() {
|
|
3423
|
-
return (hAsync(Host, { key: '
|
|
3424
|
-
hAsync("div", { key: '
|
|
3425
|
-
hAsync("div", { key: '
|
|
3506
|
+
return (hAsync(Host, { key: '1e65b437028814fdd4d03f5061140725e9004757', class: this.classNames() }, hAsync("input", { key: '5f4789365bdc2cfdc0a46623dc71dea8f0f1020d', "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage), "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 }), hAsync(PdsLabel, { key: 'd9dc6f65cb3c10bd2b89fd741d224e027bd6506d', htmlFor: this.componentId, text: this.label }), this.helperMessage &&
|
|
3507
|
+
hAsync("div", { key: 'e3e26f4899dc7b9540f6542970da67c51d45c92d', class: 'pds-radio__message', id: messageId(this.componentId, 'helper') }, this.helperMessage), this.errorMessage &&
|
|
3508
|
+
hAsync("div", { key: 'eccaa4397a33b4bee144233c8e18c0be0b2ec20c', class: `pds-radio__message pds-radio__message--error`, id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, hAsync("pds-icon", { key: '9d22c23b9587a026827acac24d20ca1e7afcb5d3', icon: danger, size: "small" }), this.errorMessage)));
|
|
3426
3509
|
}
|
|
3427
3510
|
static get style() { return PdsRadioStyle0 + PdsRadioStyle1; }
|
|
3428
3511
|
static get cmpMeta() { return {
|
|
@@ -3430,12 +3513,12 @@ class PdsRadio {
|
|
|
3430
3513
|
"$tagName$": "pds-radio",
|
|
3431
3514
|
"$members$": {
|
|
3432
3515
|
"checked": [4],
|
|
3516
|
+
"componentId": [1, "component-id"],
|
|
3433
3517
|
"disabled": [4],
|
|
3434
3518
|
"errorMessage": [1, "error-message"],
|
|
3519
|
+
"helperMessage": [1, "helper-message"],
|
|
3435
3520
|
"invalid": [4],
|
|
3436
|
-
"componentId": [1, "component-id"],
|
|
3437
3521
|
"label": [1],
|
|
3438
|
-
"helperMessage": [1, "helper-message"],
|
|
3439
3522
|
"name": [1],
|
|
3440
3523
|
"required": [4],
|
|
3441
3524
|
"value": [1]
|
|
@@ -3446,7 +3529,7 @@ class PdsRadio {
|
|
|
3446
3529
|
}; }
|
|
3447
3530
|
}
|
|
3448
3531
|
|
|
3449
|
-
const pdsRowCss = ":host{--border-default:var(--pine-border-width-thin) solid var(--pine-color-grey-300)
|
|
3532
|
+
const pdsRowCss = ":host {\n --border-default: var(--pine-border-width-thin) solid var(--pine-color-grey-300);\n --row-gap-y: calc(var(--pine-spacing-250) / 2);\n --row-gap-x: 10px;\n display: block;\n -webkit-margin-after: calc(var(--row-gap-y) * -1);\n margin-block-end: calc(var(--row-gap-y) * -1);\n -webkit-margin-before: calc(var(--row-gap-y) * -1);\n margin-block-start: calc(var(--row-gap-y) * -1);\n -webkit-margin-end: calc(var(--row-gap-x) * -0.5);\n margin-inline-end: calc(var(--row-gap-x) * -0.5);\n -webkit-margin-start: calc(var(--row-gap-x) * -0.5);\n margin-inline-start: calc(var(--row-gap-x) * -0.5);\n}\n\n.pds-row {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-positive: 1;\n flex-grow: 1;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -webkit-margin-after: calc(var(--row-gap-y) * -1);\n margin-block-end: calc(var(--row-gap-y) * -1);\n -webkit-margin-before: calc(var(--row-gap-y) * -1);\n margin-block-start: calc(var(--row-gap-y) * -1);\n -webkit-margin-end: calc(var(--row-gap-x) * -1);\n margin-inline-end: calc(var(--row-gap-x) * -1);\n -webkit-margin-start: calc(var(--row-gap-x) * -1);\n margin-inline-start: calc(var(--row-gap-x) * -1);\n}\n@layer layout {\n .pds-row > * {\n -webkit-padding-after: calc(var(--row-gap-y));\n padding-block-end: calc(var(--row-gap-y));\n -webkit-padding-before: calc(var(--row-gap-y));\n padding-block-start: calc(var(--row-gap-y));\n -webkit-padding-end: calc(var(--row-gap-x));\n padding-inline-end: calc(var(--row-gap-x));\n -webkit-padding-start: calc(var(--row-gap-x));\n padding-inline-start: calc(var(--row-gap-x));\n }\n}\n\n.pds-row--no-wrap {\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n}\n\n.pds-row--border {\n border: var(--border-default);\n}\n\n.pds-justify-content-start {\n -ms-flex-pack: start;\n justify-content: start;\n}\n\n.pds-justify-content-center {\n -ms-flex-pack: center;\n justify-content: center;\n}\n\n.pds-justify-content-end {\n -ms-flex-pack: end;\n justify-content: end;\n}\n\n.pds-justify-content-space-between {\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n\n.pds-justify-content-space-around {\n -ms-flex-pack: distribute;\n justify-content: space-around;\n}\n\n.pds-justify-content-space-evenly {\n -ms-flex-pack: space-evenly;\n justify-content: space-evenly;\n}\n\n.pds-align-items-start {\n -ms-flex-align: start;\n align-items: start;\n}\n\n.pds-align-items-center {\n -ms-flex-align: center;\n align-items: center;\n}\n\n.pds-align-items-end {\n -ms-flex-align: end;\n align-items: end;\n}\n\n.pds-align-items-stretch {\n -ms-flex-align: stretch;\n align-items: stretch;\n}\n\n.pds-align-items-baseline {\n -ms-flex-align: baseline;\n align-items: baseline;\n}";
|
|
3450
3533
|
var PdsRowStyle0 = pdsRowCss;
|
|
3451
3534
|
|
|
3452
3535
|
class PdsRow {
|
|
@@ -3483,7 +3566,7 @@ class PdsRow {
|
|
|
3483
3566
|
})), (this.minHeight && {
|
|
3484
3567
|
'min-height': this.minHeight,
|
|
3485
3568
|
}));
|
|
3486
|
-
return hAsync(Host, { key: '
|
|
3569
|
+
return hAsync(Host, { key: '1760d9bd45d53d371c0a4c73171a12a6e4c59b51', class: `pds-row ${rowClasses}`, style: rowInlineStyles });
|
|
3487
3570
|
}
|
|
3488
3571
|
static get style() { return PdsRowStyle0; }
|
|
3489
3572
|
static get cmpMeta() { return {
|
|
@@ -3504,6 +3587,147 @@ class PdsRow {
|
|
|
3504
3587
|
}; }
|
|
3505
3588
|
}
|
|
3506
3589
|
|
|
3590
|
+
const pdsSelectCss = ":host{--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);--box-shadow-focus-error:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-red-300);--color-background-disabled:var(--pine-color-grey-100);--color-background-error:var(--pine-color-red-050);--color-border-active:var(--pine-color-grey-400);--color-border-default:var(--pine-color-grey-300);--color-border-disabled:var(--pine-color-grey-200);--color-border-error:var(--pine-color-red-600);--color-border-hover:var(--pine-color-grey-500);--color-text-disabled:var(--pine-color-grey-600);--color-text-error:var(--pine-color-red-600);--font-size-helper-message:var(--pine-font-size-085);--font-size-select-field:var(--pine-font-size-100);--font-size-label:var(--pine-font-size-100);--font-weight-helper-message:var(--pine-font-weight-normal);--font-weight-select-field:var(--pine-font-weight-normal);--font-weight-label:var(--pine-font-weight-medium);--line-height-label:var(--pine-line-height-150);--line-height-helper-message:var(--pine-line-height-125);--line-height-select-field:var(--pine-line-height-150);--spacing-error-message:var(--pine-spacing-050);--spacing-field-padding-block:var(--pine-spacing-100);--spacing-label-margin-block-end:var(--pine-spacing-100);--spacing-margin-top-helper-message:var(--pine-spacing-100);--spacing-select-field-padding-inline:var(--pine-spacing-150);--spacing-select-field-icon-allowance:var(--pine-spacing-450)}:host .hidden,:host :host([hidden]){display:none}.pds-select{display:grid;-ms-flex-direction:column;flex-direction:column;grid-template-areas:\"label label\" \"field field\" \"message message\";grid-template-columns:1fr minmax(2rem, -webkit-min-content);grid-template-columns:1fr minmax(2rem, min-content);grid-template-rows:-webkit-min-content -webkit-min-content -webkit-min-content;grid-template-rows:min-content min-content min-content;position:relative;width:100%}label{font-size:var(--font-size-label);font-weight:var(--font-weight-label);grid-area:label;line-height:var(--line-height-label);-webkit-margin-after:var(--spacing-label-margin-block-end);margin-block-end:var(--spacing-label-margin-block-end)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--color-border-default);border-radius:10px;font-size:var(--font-size-select-field);font-weight:var(--font-weight-select-field);grid-area:field;line-height:var(--line-height-select-field);padding:var(--spacing-field-padding-block) var(--spacing-select-field-padding-inline);padding-right:var(--spacing-select-field-icon-allowance);position:relative}select:hover{border-color:var(--color-border-hover);cursor:pointer}select:focus-visible{border-color:var(--color-border-active);-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}select:disabled{background-color:var(--color-background-disabled);border-color:var(--color-border-disabled);color:var(--color-text-disabled);cursor:not-allowed}select:has(~.pds-select__message .pds-select__error-message){background-color:var(--color-background-error);border-color:var(--color-border-error)}select:has(~.pds-select__message .pds-select__error-message):focus-visible{-webkit-box-shadow:var(--box-shadow-focus-error);box-shadow:var(--box-shadow-focus-error);outline:none}:host(.is-invalid) select{background-color:var(--color-background-error);border-color:var(--color-border-error)}:host(.is-invalid) select:focus-visible{-webkit-box-shadow:var(--box-shadow-focus-error);box-shadow:var(--box-shadow-focus-error);outline:none}.pds-select__error-message,.pds-select__helper-message{font-size:var(--font-size-helper-message);font-weight:var(--font-weight-helper-message);line-height:var(--line-height-helper-message);-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:var(--spacing-margin-top-helper-message);margin-block-start:var(--spacing-margin-top-helper-message)}.pds-select__error-message{-ms-flex-align:center;align-items:center;color:var(--color-text-error);display:-ms-flexbox;display:flex;gap:var(--spacing-error-message)}.pds-select__message{grid-area:message}.pds-select__select-icon{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;grid-column:-1/-2;grid-row:2/3;height:2.5rem;pointer-events:none;position:relative;z-index:1}";
|
|
3591
|
+
var PdsSelectStyle0 = pdsSelectCss;
|
|
3592
|
+
|
|
3593
|
+
class PdsSelect {
|
|
3594
|
+
constructor(hostRef) {
|
|
3595
|
+
registerInstance(this, hostRef);
|
|
3596
|
+
this.pdsSelectChange = createEvent(this, "pdsSelectChange", 7);
|
|
3597
|
+
/**
|
|
3598
|
+
* Emits an event on input change.
|
|
3599
|
+
*/
|
|
3600
|
+
this.onSelectUpdate = (e) => {
|
|
3601
|
+
const target = e.target;
|
|
3602
|
+
const values = Array.from(target.options)
|
|
3603
|
+
.filter((option) => (option.selected))
|
|
3604
|
+
.map((option) => (option.value));
|
|
3605
|
+
if (values.length === 1 && !this.multiple) {
|
|
3606
|
+
this.value = values[0];
|
|
3607
|
+
}
|
|
3608
|
+
else {
|
|
3609
|
+
this.value = values;
|
|
3610
|
+
}
|
|
3611
|
+
this.pdsSelectChange.emit(e);
|
|
3612
|
+
};
|
|
3613
|
+
/**
|
|
3614
|
+
* Handles the change event for the slot element.
|
|
3615
|
+
* This method is triggered when the slot content changes.
|
|
3616
|
+
* It updates the inner HTML of the select element by cloning and appending
|
|
3617
|
+
* the assigned <option> elements from the slot.
|
|
3618
|
+
*/
|
|
3619
|
+
this.handleSlotChange = () => {
|
|
3620
|
+
const slot = this.slotContainer.querySelector('slot');
|
|
3621
|
+
this.selectEl.innerHTML = '';
|
|
3622
|
+
const assignedElements = slot.assignedElements({ flatten: true });
|
|
3623
|
+
assignedElements.forEach((item) => {
|
|
3624
|
+
if (['OPTION', 'OPTGROUP'].includes(item.tagName)) {
|
|
3625
|
+
const clonedItem = item.cloneNode(true);
|
|
3626
|
+
if (clonedItem.tagName === 'OPTION' && clonedItem.value === this.value) {
|
|
3627
|
+
clonedItem.selected = true;
|
|
3628
|
+
}
|
|
3629
|
+
this.selectEl.appendChild(clonedItem);
|
|
3630
|
+
}
|
|
3631
|
+
});
|
|
3632
|
+
this.updateSelectedOption();
|
|
3633
|
+
};
|
|
3634
|
+
this.autocomplete = undefined;
|
|
3635
|
+
this.componentId = undefined;
|
|
3636
|
+
this.disabled = false;
|
|
3637
|
+
this.errorMessage = undefined;
|
|
3638
|
+
this.helperMessage = undefined;
|
|
3639
|
+
this.invalid = undefined;
|
|
3640
|
+
this.label = undefined;
|
|
3641
|
+
this.multiple = false;
|
|
3642
|
+
this.name = undefined;
|
|
3643
|
+
this.required = false;
|
|
3644
|
+
this.value = undefined;
|
|
3645
|
+
}
|
|
3646
|
+
/**
|
|
3647
|
+
* Handles the change in the value of the select component.
|
|
3648
|
+
* This method is called whenever the value of the select component changes.
|
|
3649
|
+
* It updates the selected option accordingly.
|
|
3650
|
+
*/
|
|
3651
|
+
valueChanged() {
|
|
3652
|
+
this.updateSelectedOption();
|
|
3653
|
+
}
|
|
3654
|
+
componentWillLoad() {
|
|
3655
|
+
this.updateSelectedOption();
|
|
3656
|
+
}
|
|
3657
|
+
/**
|
|
3658
|
+
* Updates the selected option in the select element based on the current value.
|
|
3659
|
+
*
|
|
3660
|
+
* This method iterates through all the options of the select element and sets the
|
|
3661
|
+
* 'selected' attribute on the option that matches the current value. If an option
|
|
3662
|
+
* does not match the current value, the 'selected' attribute is removed.
|
|
3663
|
+
*
|
|
3664
|
+
* @private
|
|
3665
|
+
* @returns {void}
|
|
3666
|
+
*/
|
|
3667
|
+
updateSelectedOption() {
|
|
3668
|
+
if (this.selectEl) {
|
|
3669
|
+
const options = this.selectEl.options;
|
|
3670
|
+
// Update the selected attribute for all options.
|
|
3671
|
+
Array.from(options).map((option) => {
|
|
3672
|
+
if (Array.isArray(this.value)) {
|
|
3673
|
+
option.selected = this.value.includes(option.value);
|
|
3674
|
+
}
|
|
3675
|
+
else {
|
|
3676
|
+
option.selected = this.value === option.value;
|
|
3677
|
+
}
|
|
3678
|
+
});
|
|
3679
|
+
}
|
|
3680
|
+
}
|
|
3681
|
+
getHelperMessage() {
|
|
3682
|
+
return this.helperMessage && (hAsync("p", { class: "pds-select__helper-message", id: messageId(this.componentId, 'helper') }, this.helperMessage));
|
|
3683
|
+
}
|
|
3684
|
+
getErrorMessage() {
|
|
3685
|
+
return this.errorMessage && (hAsync("p", { class: "pds-select__error-message", id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, hAsync("pds-icon", { name: "danger", size: "small" }), this.errorMessage));
|
|
3686
|
+
}
|
|
3687
|
+
renderMessages() {
|
|
3688
|
+
if (!this.helperMessage && !this.errorMessage)
|
|
3689
|
+
return null;
|
|
3690
|
+
return (hAsync("div", { class: "pds-select__message" }, this.getHelperMessage(), this.getErrorMessage()));
|
|
3691
|
+
}
|
|
3692
|
+
classNames() {
|
|
3693
|
+
const classNames = [];
|
|
3694
|
+
if (this.invalid) {
|
|
3695
|
+
classNames.push('is-invalid');
|
|
3696
|
+
}
|
|
3697
|
+
if (this.disabled) {
|
|
3698
|
+
classNames.push('is-disabled');
|
|
3699
|
+
}
|
|
3700
|
+
return classNames.join(' ');
|
|
3701
|
+
}
|
|
3702
|
+
render() {
|
|
3703
|
+
return (hAsync(Host, { key: 'f0baf957ee67ee9171a41fc4171e548b94d5c22c', "aria-disabled": this.disabled ? 'true' : null, class: this.classNames() }, hAsync("div", { key: '88ef7c54afc654133d613c91c4bb3fbfe4a944b3', class: "pds-select" }, hAsync(PdsLabel, { key: '7723f468412f6567e0d4fd236807e1ba2fdea16a', htmlFor: this.componentId, text: this.label }), hAsync("select", { key: '1bdb1e22360972aa6cb77902d1288abfcc9dbf07', autocomplete: this.autocomplete || undefined, class: "pds-select__field", disabled: this.disabled, id: this.componentId, multiple: this.multiple, name: this.name, onChange: this.onSelectUpdate, required: this.required, ref: (el) => (this.selectEl = el) }), hAsync("div", { key: 'ddbac1f772b335688d7eb219a7ea3a9ab4a3192a', "aria-hidden": "true", class: "hidden", ref: (el) => (this.slotContainer = el) }, hAsync("slot", { key: 'aa6093fd8833fdf4860dd8127c32f95405679a11', onSlotchange: this.handleSlotChange })), this.renderMessages(), !this.multiple && hAsync("pds-icon", { key: 'de8dc37035701942d8b2bcf56b40edf2f6de20df', class: "pds-select__select-icon", name: "enlarge" }))));
|
|
3704
|
+
}
|
|
3705
|
+
static get watchers() { return {
|
|
3706
|
+
"value": ["valueChanged"]
|
|
3707
|
+
}; }
|
|
3708
|
+
static get style() { return PdsSelectStyle0; }
|
|
3709
|
+
static get cmpMeta() { return {
|
|
3710
|
+
"$flags$": 9,
|
|
3711
|
+
"$tagName$": "pds-select",
|
|
3712
|
+
"$members$": {
|
|
3713
|
+
"autocomplete": [1],
|
|
3714
|
+
"componentId": [1, "component-id"],
|
|
3715
|
+
"disabled": [4],
|
|
3716
|
+
"errorMessage": [1, "error-message"],
|
|
3717
|
+
"helperMessage": [1, "helper-message"],
|
|
3718
|
+
"invalid": [4],
|
|
3719
|
+
"label": [1],
|
|
3720
|
+
"multiple": [4],
|
|
3721
|
+
"name": [1],
|
|
3722
|
+
"required": [4],
|
|
3723
|
+
"value": [1025]
|
|
3724
|
+
},
|
|
3725
|
+
"$listeners$": undefined,
|
|
3726
|
+
"$lazyBundleId$": "-",
|
|
3727
|
+
"$attrsToReflect$": []
|
|
3728
|
+
}; }
|
|
3729
|
+
}
|
|
3730
|
+
|
|
3507
3731
|
/**!
|
|
3508
3732
|
* Sortable 1.15.3
|
|
3509
3733
|
* @author RubaXa <trash@rubaxa.org>
|
|
@@ -6197,7 +6421,7 @@ class PdsSortable {
|
|
|
6197
6421
|
Sortable.create(this.el, sortableOptions);
|
|
6198
6422
|
}
|
|
6199
6423
|
render() {
|
|
6200
|
-
return (hAsync(Host, { key: '
|
|
6424
|
+
return (hAsync(Host, { key: 'e215bbd858767d4c5e5e85bd12352e6a50b7d594', class: this.classNames(), id: this.componentId }, hAsync("slot", { key: 'bd4a58c7ceb78432c77615987e16e979d7240eb4' })));
|
|
6201
6425
|
}
|
|
6202
6426
|
get el() { return getElement(this); }
|
|
6203
6427
|
static get style() { return PdsSortableStyle0 + PdsSortableStyle1; }
|
|
@@ -6238,7 +6462,7 @@ class PdsSortableItem {
|
|
|
6238
6462
|
}
|
|
6239
6463
|
}
|
|
6240
6464
|
render() {
|
|
6241
|
-
return (hAsync(Host, { key: '
|
|
6465
|
+
return (hAsync(Host, { key: '53229fa4308319c59c520bdf84291fb738d6f7c2', class: "pds-sortable-item", id: this.componentId }, this.showHandle && (hAsync("div", { key: '28a4a4fe6a946880e7501fd2a0697152f0665f4c', class: "pds-sortable-item__handle" }, hAsync("pds-icon", { key: 'e45540e3787977b0861418455f6a0689cfcec887', icon: handle }))), hAsync("slot", { key: 'bca5cbb3c4f5b4f1732030428660f5ae976cced0' }), this.enableActions && (hAsync("div", { key: '2928a942128e4bbad4c869f42b59d10501af4419', class: "pds-sortable-item__actions" }, hAsync("slot", { key: 'c2a4e2a47300f1c8f06a23ba134c436a591442bf', name: "sortable-item-actions" })))));
|
|
6242
6466
|
}
|
|
6243
6467
|
get el() { return getElement(this); }
|
|
6244
6468
|
static get style() { return PdsSortableItemStyle0; }
|
|
@@ -6259,7 +6483,7 @@ class PdsSortableItem {
|
|
|
6259
6483
|
const baseCss$9 = ":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(div,label,p,span){color:var(--pine-color-text-default)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";
|
|
6260
6484
|
var PdsSwitchStyle0 = baseCss$9;
|
|
6261
6485
|
|
|
6262
|
-
const pdsSwitchCss = ":host{--border-radius-input:var(--pine-border-radius-200);--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--color-outline-focus);--box-shadow-focus-error:0 0 0 1px #ffffff, 0 0 0 3px var(--color-outline-focus-error);--box-shadow-input-toggle:0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.08);--color-background-checked:var(--pine-color-purple-500);--color-background-checked-hover:var(--pine-color-purple-600);--color-background-error:var(--pine-color-red-500);--color-background-input-disabled:var(--pine-color-grey-200);--color-background-input-default:var(--pine-color-grey-300);--color-background-input-hover:var(--pine-color-grey-400);--color-input-toggle-default:var(--pine-color-white);--color-input-toggle-disabled:var(--pine-color-grey-100);--color-message-text:var(--pine-color-grey-700);--color-outline-focus:var(--pine-color-purple-300);--color-outline-focus-error:var(--pine-color-red-200);--color-text-default:var(--pine-color-grey-900);--color-text-disabled:var(--pine-color-grey-500);--color-text-error:var(--pine-color-red-500);--font-weight-label-default:var(--pine-font-weight-body-medium);--dimension-input-height:20px;--dimension-input-width:36px;--sizing-input-toggle-size:calc(var(--dimension-input-height) - (var(--spacing-input-toggle-offset) * 2));--spacing-label-gap-size:var(--pine-spacing-150);--spacing-input-toggle-offset:calc(var(--pine-spacing-050) / 2);--spacing-message-block:var(--pine-spacing-
|
|
6486
|
+
const pdsSwitchCss = ":host{--border-radius-input:var(--pine-border-radius-200);--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--color-outline-focus);--box-shadow-focus-error:0 0 0 1px #ffffff, 0 0 0 3px var(--color-outline-focus-error);--box-shadow-input-toggle:0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.08);--color-background-checked:var(--pine-color-purple-500);--color-background-checked-hover:var(--pine-color-purple-600);--color-background-error:var(--pine-color-red-500);--color-background-input-disabled:var(--pine-color-grey-200);--color-background-input-default:var(--pine-color-grey-300);--color-background-input-hover:var(--pine-color-grey-400);--color-input-toggle-default:var(--pine-color-white);--color-input-toggle-disabled:var(--pine-color-grey-100);--color-message-text:var(--pine-color-grey-700);--color-outline-focus:var(--pine-color-purple-300);--color-outline-focus-error:var(--pine-color-red-200);--color-text-default:var(--pine-color-grey-900);--color-text-disabled:var(--pine-color-grey-500);--color-text-error:var(--pine-color-red-500);--font-weight-label-default:var(--pine-font-weight-body-medium);--dimension-input-height:20px;--dimension-input-width:36px;--sizing-input-toggle-size:calc(var(--dimension-input-height) - (var(--spacing-input-toggle-offset) * 2));--spacing-label-gap-size:var(--pine-spacing-150);--spacing-input-toggle-offset:calc(var(--pine-spacing-050) / 2);--spacing-message-block:calc(var(--pine-spacing-150) / 2);--spacing-message-inline:calc(var(--dimension-input-width) + var(--spacing-label-gap-size));--number-transition-timing:0.15s ease-out;-ms-flex-align:start;align-items:flex-start;color:var(--color-text-default);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-margin-after:var(--pine-spacing-md);margin-block-end:var(--pine-spacing-md);position:relative}:host(.pds-switch--error){color:var(--color-text-error)}:host(.pds-switch--error) input,:host(.pds-switch--error) input:checked,:host(.pds-switch--error) input:hover:not(:disabled):not(:checked){background-color:var(--color-background-error)}:host(.pds-switch--error) input:focus-visible:not(:disabled):not(:checked){-webkit-box-shadow:var(--box-shadow-focus-error);box-shadow:var(--box-shadow-focus-error)}:host(.pds-switch--error) label{color:var(--color-text-error)}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-background-input-default);border:0;border-radius:var(--border-radius-input);cursor:pointer;display:inline-block;height:var(--dimension-input-height);margin:0;padding:0;position:relative;-webkit-transition:var(--number-transition-timing);transition:var(--number-transition-timing);-webkit-transition-property:background, border, color;transition-property:background, border, color;width:var(--dimension-input-width)}input::after{background:var(--color-input-toggle-default);border-radius:50%;-webkit-box-shadow:var(--box-shadow-input-toggle);box-shadow:var(--box-shadow-input-toggle);content:\"\";display:block;height:var(--sizing-input-toggle-size);inset-block-start:50%;inset-inline-start:50%;position:absolute;-webkit-transform:translate3d(-100%, -50%, 0);transform:translate3d(-100%, -50%, 0);-webkit-transition:-webkit-transform var(--number-transition-timing);transition:-webkit-transform var(--number-transition-timing);transition:transform var(--number-transition-timing);transition:transform var(--number-transition-timing), -webkit-transform var(--number-transition-timing);width:var(--sizing-input-toggle-size)}label{cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-positive:1;flex-grow:1;font-weight:var(--font-weight-label-default);-webkit-margin-start:var(--spacing-label-gap-size);margin-inline-start:var(--spacing-label-gap-size)}.pds-switch--error label{color:inherit}.pds-switch__message{color:var(--color-message-text);-ms-flex:1 0 100%;flex:1 0 100%;font-size:var(--pine-font-size-body-md);-webkit-margin-before:var(--spacing-message-block);margin-block-start:var(--spacing-message-block);-webkit-margin-start:var(--spacing-message-inline);margin-inline-start:var(--spacing-message-inline)}.pds-switch__message--error{-ms-flex-align:center;align-items:center;color:inherit;display:-ms-flexbox;display:flex;font-size:var(--pine-font-size-085);gap:var(--pine-spacing-050)}input:disabled{background-color:var(--color-background-input-disabled);cursor:not-allowed}input:disabled~label{color:var(--color-text-disabled);cursor:initial}input:disabled:hover::after{background-color:var(--color-input-toggle-disabled)}input:disabled .pds-switch__message{color:initial}input:hover:not(:disabled){background-color:var(--color-background-input-hover)}input:focus-visible:not(:disabled){-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}input:checked::after{-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}input:checked:not(:disabled){background-color:currentColor;color:var(--color-background-checked)}input:checked:not(:disabled):hover{border-color:currentColor;color:var(--color-background-checked-hover)}";
|
|
6263
6487
|
var PdsSwitchStyle1 = pdsSwitchCss;
|
|
6264
6488
|
|
|
6265
6489
|
class PdsSwitch {
|
|
@@ -6273,9 +6497,6 @@ class PdsSwitch {
|
|
|
6273
6497
|
this.checked = input.checked;
|
|
6274
6498
|
this.pdsSwitchChange.emit(e);
|
|
6275
6499
|
};
|
|
6276
|
-
/**
|
|
6277
|
-
* Generate switch classes
|
|
6278
|
-
*/
|
|
6279
6500
|
this.switchClassNames = () => {
|
|
6280
6501
|
let switchClasses = `pds-switch`;
|
|
6281
6502
|
if (this.invalid === true) {
|
|
@@ -6298,9 +6519,9 @@ class PdsSwitch {
|
|
|
6298
6519
|
this.value = undefined;
|
|
6299
6520
|
}
|
|
6300
6521
|
render() {
|
|
6301
|
-
return (hAsync(Host, { key: '
|
|
6302
|
-
hAsync("div", { key: '
|
|
6303
|
-
hAsync("div", { key: '
|
|
6522
|
+
return (hAsync(Host, { key: '752bc5c5fd8d2cac945d6029656954d3f375ec71', class: this.switchClassNames(), "aria-disabled": this.disabled ? 'true' : null }, hAsync("input", { key: '04472c44cf63aa671326c774c9fbf6890db69ddb', "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage), "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 }), hAsync(PdsLabel, { key: '8895f0bd3a5eb345a91a9379ecb30cf47637ffe4', classNames: "pds-switch__label", htmlFor: this.componentId, text: this.label }), this.helperMessage &&
|
|
6523
|
+
hAsync("div", { key: 'bf29e672c126446faeca4bce2946294e816718f4', class: `pds-switch__message`, id: messageId(this.componentId, 'helper') }, this.helperMessage), this.errorMessage &&
|
|
6524
|
+
hAsync("div", { key: '7428daf37dd2c60e6c0416a72a4f56cbb956dd9a', class: `pds-switch__message pds-switch__message--error`, id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, hAsync("pds-icon", { key: '9efde77b0156883dd9514c9b2fc6f1234d04a645', icon: danger, size: "small" }), this.errorMessage)));
|
|
6304
6525
|
}
|
|
6305
6526
|
get el() { return getElement(this); }
|
|
6306
6527
|
static get style() { return PdsSwitchStyle0 + PdsSwitchStyle1; }
|
|
@@ -6342,9 +6563,9 @@ class PdsTab {
|
|
|
6342
6563
|
this.pdsTabClick.emit([index, parentComponentId]);
|
|
6343
6564
|
}
|
|
6344
6565
|
render() {
|
|
6345
|
-
const availabilityTabEdgeInlineStart = (hAsync("span", { key: '
|
|
6346
|
-
const availabilityTabEdgeInlineEnd = (hAsync("span", { key: '
|
|
6347
|
-
return (hAsync(Host, { key: '
|
|
6566
|
+
const availabilityTabEdgeInlineStart = (hAsync("span", { key: 'd98a922aaa1b9a6023830badc391c3d1d615ec6a', class: "pds-tab-edge", role: "presentation" }));
|
|
6567
|
+
const availabilityTabEdgeInlineEnd = (hAsync("span", { key: '390da28bb3fd9ab1fa2fddda45569e92d4547fa3', class: "pds-tab-edge pds-tab-edge--end", role: "presentation" }));
|
|
6568
|
+
return (hAsync(Host, { key: '5996673486d4bd95f98a691b155529a60655e92f', variant: this.variant, slot: "tabs", index: this.index }, hAsync("button", { key: '6eded79f9d5aa9093080933aa9aaa2ad88440759', role: "tab", id: this.parentComponentId + "__" + this.name, "aria-controls": this.parentComponentId + "__" + this.name + "-panel", tabindex: this.selected ? "0" : "-1", "aria-selected": this.selected ? "true" : "false", class: this.selected ? "pds-tab is-active" : "pds-tab", onClick: this.onTabClick.bind(this, this.index, this.parentComponentId) }, this.variant === "availability" && availabilityTabEdgeInlineStart, this.variant === "availability" && availabilityTabEdgeInlineEnd, hAsync("div", { key: '9f8927d976b6964c22414e9fbb8680b9132370fa', class: "pds-tab__content" }, hAsync("slot", { key: '691c6cf5e42bc42c6492276fd5905733c424921c' })))));
|
|
6348
6569
|
}
|
|
6349
6570
|
get el() { return getElement(this); }
|
|
6350
6571
|
static get style() { return PdsTabStyle0; }
|
|
@@ -6454,7 +6675,7 @@ class PdsTable {
|
|
|
6454
6675
|
headerCheckbox.indeterminate = !allSelectedRows && !noneSelectedRows;
|
|
6455
6676
|
}
|
|
6456
6677
|
render() {
|
|
6457
|
-
return (hAsync(Host, { key: '
|
|
6678
|
+
return (hAsync(Host, { key: '1525beac2ebdb255e34f834c57755f3bb7e0735b', class: this.classNames(), id: this.componentId, role: "grid", selectable: this.selectable, tabindex: "0" }, hAsync("slot", { key: '2e04d93fe72d2d91ab80037ec42d805f8b472a0f' })));
|
|
6458
6679
|
}
|
|
6459
6680
|
get el() { return getElement(this); }
|
|
6460
6681
|
static get style() { return PdsTableStyle0 + PdsTableStyle1; }
|
|
@@ -6487,7 +6708,7 @@ class PdsTableBody {
|
|
|
6487
6708
|
registerInstance(this, hostRef);
|
|
6488
6709
|
}
|
|
6489
6710
|
render() {
|
|
6490
|
-
return (hAsync(Host, { key: '
|
|
6711
|
+
return (hAsync(Host, { key: '2e51c5074e6dca980f24db2f91c66260da53dc57', role: "rowgroup" }, hAsync("slot", { key: 'cec8f94525798f338ef13d8788c862fb6fd699a6' })));
|
|
6491
6712
|
}
|
|
6492
6713
|
static get style() { return PdsTableBodyStyle0 + PdsTableBodyStyle1; }
|
|
6493
6714
|
static get cmpMeta() { return {
|
|
@@ -6542,11 +6763,11 @@ class PdsTableCell {
|
|
|
6542
6763
|
return classNames.join(' ');
|
|
6543
6764
|
}
|
|
6544
6765
|
render() {
|
|
6545
|
-
return (hAsync(Host, { key: '
|
|
6766
|
+
return (hAsync(Host, { key: '03e6833f06a00f24c12f58148d0be1c9d4472ba6', class: this.classNames(), role: "gridcell", style: this.tableRef &&
|
|
6546
6767
|
this.tableRef.fixedColumn &&
|
|
6547
6768
|
this.tableRef.selectable
|
|
6548
6769
|
? { '--fixed-cell-position': '40px' }
|
|
6549
|
-
: {} }, hAsync("slot", { key: '
|
|
6770
|
+
: {} }, hAsync("slot", { key: '5ac68bc25d266576f836341d71b96eaa229117c7' })));
|
|
6550
6771
|
}
|
|
6551
6772
|
get hostElement() { return getElement(this); }
|
|
6552
6773
|
static get style() { return PdsTableCellStyle0 + PdsTableCellStyle1; }
|
|
@@ -6613,7 +6834,7 @@ class PdsTableHead {
|
|
|
6613
6834
|
}
|
|
6614
6835
|
}
|
|
6615
6836
|
render() {
|
|
6616
|
-
return (hAsync(Host, { key: '
|
|
6837
|
+
return (hAsync(Host, { key: 'eb7e9eef443d0f222482b427a5ced7eaa4c0acf4', role: "row" }, this.tableRef && this.tableRef.selectable && (hAsync("pds-table-head-cell", { key: '6b7c87f0d07aac6e5b12b9e3a63914061f850da7', part: this.tableRef.selectable ? 'checkbox-cell' : '' }, hAsync("pds-checkbox", { key: '74a7b333189bf92219b5a82bf0897d476b7adc8a', componentId: this.generateUniqueId(), indeterminate: this.indeterminate, onInput: this.handleInput, label: "Select All Rows", labelHidden: true, checked: this.isSelected }))), hAsync("slot", { key: '5ef8daf29f10505b082619755b61014a52dbd00c' })));
|
|
6617
6838
|
}
|
|
6618
6839
|
get hostElement() { return getElement(this); }
|
|
6619
6840
|
static get style() { return PdsTableHeadStyle0 + PdsTableHeadStyle1; }
|
|
@@ -6689,11 +6910,11 @@ class PdsTableHeadCell {
|
|
|
6689
6910
|
return classNames.join(' ');
|
|
6690
6911
|
}
|
|
6691
6912
|
render() {
|
|
6692
|
-
return (hAsync(Host, { key: '
|
|
6913
|
+
return (hAsync(Host, { key: 'dcb6684146176db2dfc73c99ead82af732ef1f72', class: this.classNames(), role: "columnheader", onClick: this.toggleSort, style: this.tableRef &&
|
|
6693
6914
|
this.tableRef.fixedColumn &&
|
|
6694
6915
|
this.tableRef.selectable
|
|
6695
6916
|
? { '--fixed-cell-position': '40px' }
|
|
6696
|
-
: {} }, hAsync("slot", { key: '
|
|
6917
|
+
: {} }, hAsync("slot", { key: 'ea960d9245e41ce504083f2645aa01bd3a9404f0' }), this.sortable && (hAsync("pds-icon", { key: 'dfa59925bbda74da7b2a3bf87f448cf323ff6342', icon: this.sortingDirection === 'asc' ? upSmall : downSmall }))));
|
|
6697
6918
|
}
|
|
6698
6919
|
get hostElement() { return getElement(this); }
|
|
6699
6920
|
static get style() { return PdsTableHeadCellStyle0 + PdsTableHeadCellStyle1; }
|
|
@@ -6765,7 +6986,7 @@ class PdsTableRow {
|
|
|
6765
6986
|
}
|
|
6766
6987
|
}
|
|
6767
6988
|
render() {
|
|
6768
|
-
return (hAsync(Host, { key: '
|
|
6989
|
+
return (hAsync(Host, { key: '9dceed18de8775f4356afec4bafe85b8e01d784d', class: this.classNames(), role: "row" }, this.tableRef && this.tableRef.selectable && (hAsync("pds-table-cell", { key: 'a56e002c28377096430b6370744dc32726f578d3', part: this.tableRef.fixedColumn ? 'checkbox-cell' : '', class: this.tableRef.selectable ? 'has-checkbox' : '' }, hAsync("pds-checkbox", { key: '5d7d6b2632d619bc7e7447f1eaf6ec7d9a2e2318', componentId: this.generateUniqueId(), onClick: this.handleClick, indeterminate: this.indeterminate, label: "Select Row", labelHidden: true, checked: this.isSelected }))), hAsync("slot", { key: '9dcbe00aba5b4bba6318a301609ce2226c303178' })));
|
|
6769
6990
|
}
|
|
6770
6991
|
get hostElement() { return getElement(this); }
|
|
6771
6992
|
static get style() { return PdsTableRowStyle0 + PdsTableRowStyle1; }
|
|
@@ -6794,7 +7015,7 @@ class PdsTabpanel {
|
|
|
6794
7015
|
this.selected = false;
|
|
6795
7016
|
}
|
|
6796
7017
|
render() {
|
|
6797
|
-
return (hAsync(Host, { key: '
|
|
7018
|
+
return (hAsync(Host, { key: 'e373f0105e391bcb04888b060f41d96cf374ee2d', slot: "tabpanels" }, hAsync("div", { key: '699b02073f6fa1caafc5920b82f776c86c553599', 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: 'df59ed91bf0ca60ccbde92b2f84c7c17659bfdbd' }))));
|
|
6798
7019
|
}
|
|
6799
7020
|
get el() { return getElement(this); }
|
|
6800
7021
|
static get style() { return PdsTabpanelStyle0; }
|
|
@@ -6904,7 +7125,7 @@ class PdsTabs {
|
|
|
6904
7125
|
this.passPropsToChildren();
|
|
6905
7126
|
}
|
|
6906
7127
|
render() {
|
|
6907
|
-
return (hAsync(Host, { key: '
|
|
7128
|
+
return (hAsync(Host, { key: '8b7537e2fc9007aaca3c1a6baff0a1c3d6b2cb07', "active-tab-name": this.activeTabName, class: this.classNames(), id: this.componentId }, hAsync("div", { key: '7afa678022c1170d3912137897a5ece92e7b4394', class: "pds-tabs__tablist", role: "tablist", "aria-label": this.tablistLabel }, hAsync("slot", { key: 'e2026e752548b4cdf8f768137e4bb567550ef3cd', name: "tabs" })), hAsync("slot", { key: 'c3a3fbbfab88494b45e5d1cc6563877df2017f9f', name: "tabpanels" })));
|
|
6908
7129
|
}
|
|
6909
7130
|
get el() { return getElement(this); }
|
|
6910
7131
|
static get style() { return PdsTabsStyle0 + PdsTabsStyle1; }
|
|
@@ -6924,10 +7145,53 @@ class PdsTabs {
|
|
|
6924
7145
|
}; }
|
|
6925
7146
|
}
|
|
6926
7147
|
|
|
7148
|
+
const pdsTextCss = ":host{display:inline}h1{font-family:\"GreetStandard\";font-size:28px;font-weight:600;letter-spacing:0.26px;line-height:1.25}h2{font-family:\"GreetStandard\";font-size:26px;font-weight:600;letter-spacing:0.24px;line-height:1.25}h3{font-family:\"GreetStandard\";font-size:22px;font-weight:600;letter-spacing:0.22px;line-height:1.25}h4{font-family:\"GreetStandard\";font-size:20px;font-weight:600;letter-spacing:0.2px;line-height:1.25}h5{font-family:\"GreetStandard\";font-size:18px;font-weight:500;letter-spacing:0.18px;line-height:1.25}h6{font-family:\"GreetStandard\";font-size:16px;font-weight:500;letter-spacing:0.16px;line-height:1.25}code,em,p,pre,strong{font-family:\"Inter\";font-size:14px;font-weight:400;letter-spacing:-0.16px;line-height:1.425}code,pre{font-family:monospace;letter-spacing:0;line-height:1}em{font-style:normal}strong{font-weight:bolder}h1,h2,h3,h4,h5,h6,p,code,pre,em,strong{color:var(--pine-color-text-default);margin:0}:host([truncate])>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([italic])>*{font-style:italic}.pds-text--color-primary{color:var(--pine-color-white)}.pds-text--color-secondary{color:var(--pine-color-grey-800)}.pds-text--color-neutral{color:var(--pine-color-grey-900)}.pds-text--color-accent{color:var(--pine-color-purple-900)}.pds-text--color-danger{color:var(--pine-color-red-900)}.pds-text--color-info{color:var(--pine-color-blue-900)}.pds-text--color-success{color:var(--pine-color-green-900)}.pds-text--color-warning{color:var(--pine-color-yellow-900)}.pds-text--size-2xl{font-size:20px}.pds-text--size-xl{font-size:18px}.pds-text--size-lg{font-size:16px}.pds-text--size-md{font-size:14px}.pds-text--size-sm{font-size:12px}.pds-text--size-xs{font-size:10px}.pds-text--size-2xs{font-size:8px}.pds-text--weight-extra-light{font-weight:200}.pds-text--weight-light{font-weight:300}.pds-text--weight-regular{font-weight:400}.pds-text--weight-medium{font-weight:500}.pds-text--weight-semibold{font-weight:600}.pds-text--weight-bold{font-weight:700}.pds-text--gutter-2xl{-webkit-margin-after:48px;margin-block-end:48px}.pds-text--gutter-xl{-webkit-margin-after:40px;margin-block-end:40px}.pds-text--gutter-lg{-webkit-margin-after:32px;margin-block-end:32px}.pds-text--gutter-md{-webkit-margin-after:24px;margin-block-end:24px}.pds-text--gutter-sm{-webkit-margin-after:16px;margin-block-end:16px}.pds-text--gutter-xs{-webkit-margin-after:8px;margin-block-end:8px}.pds-text--gutter-2xs{-webkit-margin-after:4px;margin-block-end:4px}.pds-text--align-start{text-align:start}.pds-text--align-center{text-align:center}.pds-text--align-end{text-align:end}.pds-text--align-justify{text-align:justify}";
|
|
7149
|
+
var PdsTextStyle0 = pdsTextCss;
|
|
7150
|
+
|
|
7151
|
+
class PdsText {
|
|
7152
|
+
constructor(hostRef) {
|
|
7153
|
+
registerInstance(this, hostRef);
|
|
7154
|
+
this.align = undefined;
|
|
7155
|
+
this.color = undefined;
|
|
7156
|
+
this.gutter = undefined;
|
|
7157
|
+
this.size = undefined;
|
|
7158
|
+
this.weight = undefined;
|
|
7159
|
+
this.tag = "p";
|
|
7160
|
+
}
|
|
7161
|
+
render() {
|
|
7162
|
+
const Tag = this.tag;
|
|
7163
|
+
const typeClasses = `
|
|
7164
|
+
pds-text
|
|
7165
|
+
${this.align !== undefined && this.align.trim() !== '' ? `pds-text--align-${this.align}` : ''}
|
|
7166
|
+
${this.color !== undefined && this.color.trim() !== '' ? `pds-text--color-${this.color}` : ''}
|
|
7167
|
+
${this.gutter !== undefined && this.gutter.trim() !== '' ? `pds-text--gutter-${this.gutter}` : ''}
|
|
7168
|
+
${this.size !== undefined && this.size.trim() !== '' ? `pds-text--size-${this.size}` : ''}
|
|
7169
|
+
${this.weight !== undefined && this.weight.trim() !== '' ? `pds-text--weight-${this.weight}` : ''}
|
|
7170
|
+
`;
|
|
7171
|
+
return (hAsync(Tag, { key: '3ccf61734e14ed7ea5013bce54717d2846b64f07', class: typeClasses }, hAsync("slot", { key: '7368685e2042d306006bf8fc83b80ec246ca252d' })));
|
|
7172
|
+
}
|
|
7173
|
+
static get style() { return PdsTextStyle0; }
|
|
7174
|
+
static get cmpMeta() { return {
|
|
7175
|
+
"$flags$": 9,
|
|
7176
|
+
"$tagName$": "pds-text",
|
|
7177
|
+
"$members$": {
|
|
7178
|
+
"align": [1],
|
|
7179
|
+
"color": [1],
|
|
7180
|
+
"gutter": [1],
|
|
7181
|
+
"size": [1],
|
|
7182
|
+
"weight": [1],
|
|
7183
|
+
"tag": [1]
|
|
7184
|
+
},
|
|
7185
|
+
"$listeners$": undefined,
|
|
7186
|
+
"$lazyBundleId$": "-",
|
|
7187
|
+
"$attrsToReflect$": []
|
|
7188
|
+
}; }
|
|
7189
|
+
}
|
|
7190
|
+
|
|
6927
7191
|
const baseCss$1 = ":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(div,label,p,span){color:var(--pine-color-text-default)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";
|
|
6928
7192
|
var PdsTextareaStyle0 = baseCss$1;
|
|
6929
7193
|
|
|
6930
|
-
const pdsTextareaCss = ":host{--border-interactive-default:var(--pine-border-interactive-default);--border-interactive-hover:var(--pine-border-interactive-hover);--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--color-focus-visible-outline);--box-shadow-focus-error:0 0 0 1px #ffffff, 0 0 0 3px var(--color-focus-visible-outline-error);--color-background-default:var(--pine-color-white);--color-background-disabled:var(--pine-color-grey-100);--color-background-hover:var(--pine-color-grey-050);--color-background-error-default:var(--pine-color-red-050);--color-border-error-default:var(--pine-color-red-600);--color-border-focus-visible:var(--pine-color-grey-400);--color-border-hover:var(--pine-color-grey-400);--color-focus-visible-outline:var(--pine-color-purple-300);--color-focus-visible-outline-error:var(--pine-color-red-300);--color-text-disabled-default:var(--pine-color-grey-400);--color-text-message-error-default:var(--pine-color-red-600);--color-text-placeholder-default:var(--pine-color-grey-600);--color-text-placeholder-disabled:var(--pine-color-grey-400);--font-weight-label-default:var(--pine-font-weight-body-medium);--spacing-margin-block-end-label:var(--pine-spacing-100);--spacing-margin-block-start-helper-message:var(--pine-spacing-100);--spacing-padding-block-field:var(--pine-spacing-100);--spacing-padding-inline-field:var(--pine-spacing-200);--typography-message-default:var(--pine-typography-body-sm-default);display:inline}.pds-textarea{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}label{display:block;font-weight:var(--font-weight-label-default);-webkit-margin-after:var(--spacing-margin-block-end-label);margin-block-end:var(--spacing-margin-block-end-label)}.pds-textarea__field{background-color:var(--color-background-default);border:var(--border-interactive-default);border-radius:var(--pine-border-radius-100);padding:var(--spacing-padding-block-field) var(--spacing-padding-inline-field)}.pds-textarea__field:hover:not(:disabled,.is-invalid){border:var(--border-interactive-hover)}.pds-textarea__field:disabled{background-color:var(--color-background-disabled);color:var(--color-text-disabled-default);cursor:not-allowed}.pds-textarea__field:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-textarea__field::-webkit-input-placeholder{color:var(--color-text-placeholder-default)}.pds-textarea__field::-moz-placeholder{color:var(--color-text-placeholder-default)}.pds-textarea__field:-ms-input-placeholder{color:var(--color-text-placeholder-default)}.pds-textarea__field::-ms-input-placeholder{color:var(--color-text-placeholder-default)}.pds-textarea__field::placeholder{color:var(--color-text-placeholder-default)}.pds-textarea__field.is-invalid{border-color:var(--color-border-error-default)}.pds-textarea__field.is-invalid:focus-visible{-webkit-box-shadow:var(--box-shadow-focus-error);box-shadow:var(--box-shadow-focus-error)}.pds-textarea__error-message,.pds-textarea__helper-message{font:var(--typography-message-default);-webkit-margin-before:var(--spacing-margin-block-start-helper-message);margin-block-start:var(--spacing-margin-block-start-helper-message)}.pds-textarea__error-message{color:var(--color-text-message-error-default)}";
|
|
7194
|
+
const pdsTextareaCss = ":host{--border-interactive-default:var(--pine-border-interactive-default);--border-interactive-hover:var(--pine-border-interactive-hover);--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--color-focus-visible-outline);--box-shadow-focus-error:0 0 0 1px #ffffff, 0 0 0 3px var(--color-focus-visible-outline-error);--color-background-default:var(--pine-color-white);--color-background-disabled:var(--pine-color-grey-100);--color-background-hover:var(--pine-color-grey-050);--color-background-error-default:var(--pine-color-red-050);--color-border-error-default:var(--pine-color-red-600);--color-border-focus-visible:var(--pine-color-grey-400);--color-border-hover:var(--pine-color-grey-400);--color-focus-visible-outline:var(--pine-color-purple-300);--color-focus-visible-outline-error:var(--pine-color-red-300);--color-text-disabled-default:var(--pine-color-grey-400);--color-text-message-error-default:var(--pine-color-red-600);--color-text-placeholder-default:var(--pine-color-grey-600);--color-text-placeholder-disabled:var(--pine-color-grey-400);--font-weight-label-default:var(--pine-font-weight-body-medium);--spacing-margin-block-end-label:var(--pine-spacing-100);--spacing-margin-block-start-helper-message:var(--pine-spacing-100);--spacing-padding-block-field:var(--pine-spacing-100);--spacing-padding-inline-field:var(--pine-spacing-200);--spacing-icon-error-message:var(--pine-spacing-050);--typography-message-default:var(--pine-typography-body-sm-default);display:inline}.pds-textarea{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}label{display:block;font-weight:var(--font-weight-label-default);-webkit-margin-after:var(--spacing-margin-block-end-label);margin-block-end:var(--spacing-margin-block-end-label)}.pds-textarea__field{background-color:var(--color-background-default);border:var(--border-interactive-default);border-radius:var(--pine-border-radius-100);padding:var(--spacing-padding-block-field) var(--spacing-padding-inline-field)}.pds-textarea__field:hover:not(:disabled,.is-invalid){border:var(--border-interactive-hover)}.pds-textarea__field:disabled{background-color:var(--color-background-disabled);color:var(--color-text-disabled-default);cursor:not-allowed}.pds-textarea__field:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-textarea__field::-webkit-input-placeholder{color:var(--color-text-placeholder-default)}.pds-textarea__field::-moz-placeholder{color:var(--color-text-placeholder-default)}.pds-textarea__field:-ms-input-placeholder{color:var(--color-text-placeholder-default)}.pds-textarea__field::-ms-input-placeholder{color:var(--color-text-placeholder-default)}.pds-textarea__field::placeholder{color:var(--color-text-placeholder-default)}.pds-textarea__field.is-invalid{border-color:var(--color-border-error-default)}.pds-textarea__field.is-invalid:focus-visible{-webkit-box-shadow:var(--box-shadow-focus-error);box-shadow:var(--box-shadow-focus-error)}.pds-textarea__error-message,.pds-textarea__helper-message{font:var(--typography-message-default);-webkit-margin-before:var(--spacing-margin-block-start-helper-message);margin-block-start:var(--spacing-margin-block-start-helper-message)}.pds-textarea__error-message{-ms-flex-align:center;align-items:center;color:var(--color-text-message-error-default);display:-ms-flexbox;display:flex;gap:var(--spacing-icon-error-message)}";
|
|
6931
7195
|
var PdsTextareaStyle1 = pdsTextareaCss;
|
|
6932
7196
|
|
|
6933
7197
|
class PdsTextarea {
|
|
@@ -6964,10 +7228,10 @@ class PdsTextarea {
|
|
|
6964
7228
|
return classNames.join(' ');
|
|
6965
7229
|
}
|
|
6966
7230
|
render() {
|
|
6967
|
-
return (hAsync(Host, { key: '
|
|
6968
|
-
hAsync(PdsLabel, { key: '
|
|
6969
|
-
hAsync("p", { key: '
|
|
6970
|
-
hAsync("p", { key: '
|
|
7231
|
+
return (hAsync(Host, { key: '461039704016b1b3858af80440863f1fc4930ceb', "aria-disabled": this.disabled ? 'true' : null }, hAsync("div", { key: 'de68ba7ca3b6714e1da8594e76f60bab2a3de1fb', class: "pds-textarea" }, this.label &&
|
|
7232
|
+
hAsync(PdsLabel, { key: '102802b8244a929492731700fdde06a053f3e2d5', htmlFor: this.componentId, text: this.label }), hAsync("textarea", { key: '55a3fde040749bd03a5e681dafad7db0717f4a7f', "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, autocomplete: this.autocomplete, class: this.textareaClassNames(), disabled: this.disabled, id: this.componentId, name: this.name, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, rows: this.rows, onChange: this.onTextareaChange }, this.value), this.helperMessage &&
|
|
7233
|
+
hAsync("p", { key: '552e0c1240cdc51c215f5ddfc51f250156d8a4b2', class: "pds-textarea__helper-message", id: messageId(this.componentId, 'helper') }, this.helperMessage), this.invalid &&
|
|
7234
|
+
hAsync("p", { key: 'a7e6f4a0d926203f5ac56a8f99d03fd9b5f3647b', "aria-live": "assertive", class: "pds-textarea__error-message", id: messageId(this.componentId, 'error') }, hAsync("pds-icon", { key: '53a40e204e076147b27c921cdbe54336ca50d9e3', icon: danger, size: "small" }), this.errorMessage))));
|
|
6971
7235
|
}
|
|
6972
7236
|
get el() { return getElement(this); }
|
|
6973
7237
|
static get style() { return PdsTextareaStyle0 + PdsTextareaStyle1; }
|
|
@@ -7127,13 +7391,13 @@ class PdsTooltip {
|
|
|
7127
7391
|
this.opened = false;
|
|
7128
7392
|
}
|
|
7129
7393
|
render() {
|
|
7130
|
-
return (hAsync(Host, { key: '
|
|
7394
|
+
return (hAsync(Host, { key: 'f4a8cd19668e7cc20a70ae13a0f6dcf0f809df65', onMouseEnter: this.handleShow, onMouseLeave: this.handleHide, onFocusin: this.handleShow, onFocusout: this.handleHide }, hAsync("div", { key: 'b83498c6ea8e404b2abc25cc75daa95807649dba', class: `
|
|
7131
7395
|
pds-tooltip
|
|
7132
7396
|
pds-tooltip--${this.placement}
|
|
7133
7397
|
${this.htmlContent ? 'pds-tooltip--has-html-content' : ''}
|
|
7134
7398
|
${this.opened ? 'pds-tooltip--is-open' : ''}
|
|
7135
7399
|
${this.hasArrow ? '' : 'pds-tooltip--no-arrow'}
|
|
7136
|
-
` }, hAsync("span", { key: '
|
|
7400
|
+
` }, hAsync("span", { key: '47ace7d3f543f0d86987389c76b25da0ad6be9b7', "aria-describedby": this.componentId, class: "pds-tooltip__trigger" }, hAsync("slot", { key: '45bae92d87b8a67c00608c18f76aa9333d8d82a7' })), hAsync("div", { key: 'a745ce513f1563cb8ea5a86bf27ee31f3e0d4392', class: "pds-tooltip__content", "aria-hidden": this.opened ? 'false' : 'true', "aria-live": this.opened ? 'polite' : 'off', id: this.componentId, ref: (el) => (this.contentEl = el), role: "tooltip", style: { maxWidth: this.maxWidth } }, hAsync("slot", { key: '8c46fe5951624e2de4128bd0f819e1e55155a7b5', name: "content" }), this.content))));
|
|
7137
7401
|
}
|
|
7138
7402
|
get el() { return getElement(this); }
|
|
7139
7403
|
static get watchers() { return {
|
|
@@ -7175,9 +7439,11 @@ registerComponents([
|
|
|
7175
7439
|
PdsInput,
|
|
7176
7440
|
PdsLink,
|
|
7177
7441
|
PdsLoader,
|
|
7442
|
+
PdsPopover,
|
|
7178
7443
|
PdsProgress,
|
|
7179
7444
|
PdsRadio,
|
|
7180
7445
|
PdsRow,
|
|
7446
|
+
PdsSelect,
|
|
7181
7447
|
PdsSortable,
|
|
7182
7448
|
PdsSortableItem,
|
|
7183
7449
|
PdsSwitch,
|
|
@@ -7190,6 +7456,7 @@ registerComponents([
|
|
|
7190
7456
|
PdsTableRow,
|
|
7191
7457
|
PdsTabpanel,
|
|
7192
7458
|
PdsTabs,
|
|
7459
|
+
PdsText,
|
|
7193
7460
|
PdsTextarea,
|
|
7194
7461
|
PdsTooltip,
|
|
7195
7462
|
]);
|