@pine-ds/core 2.1.1 → 2.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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 +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-head-cell2.js +3 -3
- package/components/pds-table-head.js +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-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-0079013c.js} +4 -2
- package/dist/cjs/index-0079013c.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 +2 -2
- 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-head-cell.cjs.entry.js +4 -4
- package/dist/cjs/pds-table-head.cjs.entry.js +2 -2
- package/dist/cjs/pds-table-row.cjs.entry.js +2 -2
- package/dist/cjs/pds-table.cjs.entry.js +2 -2
- 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 +20 -1
- 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 +4 -3
- 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.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-head/pds-table-head.js +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-row/pds-table-row.js +1 -1
- package/dist/collection/components/pds-table/pds-table.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 +5 -4
- 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 +958 -47
- package/dist/esm/{index-5e7a8a36.js → index-3ca52e8f.js} +4 -3
- package/dist/esm/index-3ca52e8f.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 +2 -2
- 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-head-cell.entry.js +4 -4
- package/dist/esm/pds-table-head.entry.js +2 -2
- package/dist/esm/pds-table-row.entry.js +2 -2
- package/dist/esm/pds-table.entry.js +2 -2
- 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-3ca52e8f.js +2 -0
- package/dist/esm-es5/index-3ca52e8f.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-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-head-cell.entry.js +1 -1
- package/dist/esm-es5/pds-table-head.entry.js +1 -1
- package/dist/esm-es5/pds-table-row.entry.js +1 -1
- package/dist/esm-es5/pds-table.entry.js +1 -1
- package/dist/esm-es5/pds-tabpanel.entry.js +1 -1
- package/dist/esm-es5/pds-tabs.entry.js +1 -1
- package/dist/esm-es5/pds-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-053ca95a.entry.js → p-00cccccb.entry.js} +2 -2
- package/dist/pine-core/p-06513fe5.entry.js +2 -0
- package/dist/pine-core/p-06513fe5.entry.js.map +1 -0
- package/dist/pine-core/p-06593922.system.entry.js +2 -0
- package/dist/pine-core/p-06593922.system.entry.js.map +1 -0
- package/dist/pine-core/{p-e4a1b3f5.system.entry.js → p-08c4f190.system.entry.js} +2 -2
- 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-b78b3492.entry.js → p-0ff89cf4.entry.js} +2 -2
- package/dist/pine-core/{p-b78b3492.entry.js.map → p-0ff89cf4.entry.js.map} +1 -1
- package/dist/pine-core/p-1010d12b.system.entry.js +2 -0
- package/dist/pine-core/p-1010d12b.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-143bbe94.system.entry.js → p-172464c1.system.entry.js} +2 -2
- package/dist/pine-core/{p-4e39bbd7.system.entry.js → p-1a1a76ea.system.entry.js} +2 -2
- 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-3b780711.entry.js → p-239891e6.entry.js} +2 -2
- package/dist/pine-core/p-34f84589.entry.js +2 -0
- package/dist/pine-core/p-34f84589.entry.js.map +1 -0
- package/dist/pine-core/{p-5fb6ab2f.entry.js → p-3acb18ad.entry.js} +2 -2
- package/dist/pine-core/{p-330eda0c.entry.js → p-3e4225fc.entry.js} +2 -2
- package/dist/pine-core/{p-48f0a5a4.entry.js → p-3ff2642d.entry.js} +2 -2
- package/dist/pine-core/{p-48f0a5a4.entry.js.map → p-3ff2642d.entry.js.map} +1 -1
- package/dist/pine-core/{p-1c0993d9.system.entry.js → p-4043cf6e.system.entry.js} +2 -2
- package/dist/pine-core/{p-1c0993d9.system.entry.js.map → p-4043cf6e.system.entry.js.map} +1 -1
- 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-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-59214c8b.system.entry.js +2 -0
- package/dist/pine-core/p-59214c8b.system.entry.js.map +1 -0
- package/dist/pine-core/{p-05d140a3.system.entry.js → p-59327483.system.entry.js} +2 -2
- 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-5c04aee0.system.js +2 -0
- package/dist/pine-core/p-5c04aee0.system.js.map +1 -0
- package/dist/pine-core/{p-02f06002.system.entry.js → p-5c942465.system.entry.js} +2 -2
- package/dist/pine-core/{p-30d979d3.entry.js → p-624de926.entry.js} +2 -2
- package/dist/pine-core/{p-e2d793eb.entry.js → p-65229490.entry.js} +2 -2
- package/dist/pine-core/{p-a18ff34f.entry.js → p-6e079be2.entry.js} +2 -2
- package/dist/pine-core/p-6f8f471b.system.entry.js +2 -0
- package/dist/pine-core/p-6f8f471b.system.entry.js.map +1 -0
- 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-57dd9a98.system.entry.js → p-81bdf676.system.entry.js} +2 -2
- package/dist/pine-core/{p-d618d51b.entry.js → p-84a4930d.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-188be548.entry.js → p-88410213.entry.js} +2 -2
- 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-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-6deaad03.entry.js → p-953e6fde.entry.js} +2 -2
- package/dist/pine-core/{p-6deaad03.entry.js.map → p-953e6fde.entry.js.map} +1 -1
- 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-3fc1efe7.system.entry.js → p-a2726d3b.system.entry.js} +2 -2
- package/dist/pine-core/{p-5f23f121.entry.js → p-a51098dd.entry.js} +2 -2
- 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-5f13c97b.entry.js → p-b7890a73.system.entry.js} +2 -2
- package/dist/pine-core/p-b7890a73.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-94a0fd6e.entry.js → p-bbd19258.entry.js} +2 -2
- package/dist/pine-core/{p-e7648adc.system.entry.js → p-c4aec6ce.system.entry.js} +2 -2
- package/dist/pine-core/{p-e7648adc.system.entry.js.map → p-c4aec6ce.system.entry.js.map} +1 -1
- 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-1b611a91.system.entry.js → p-ce91ca6a.system.entry.js} +2 -2
- package/dist/pine-core/{p-1b611a91.system.entry.js.map → p-ce91ca6a.system.entry.js.map} +1 -1
- 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-d37d900e.entry.js +2 -0
- package/dist/pine-core/p-d37d900e.entry.js.map +1 -0
- package/dist/pine-core/p-d5c90be4.entry.js +2 -0
- package/dist/pine-core/p-d5c90be4.entry.js.map +1 -0
- package/dist/pine-core/{p-e9ca5a4e.entry.js → p-d6d8a21a.entry.js} +2 -2
- package/dist/pine-core/p-db622f8f.system.js +2 -0
- package/dist/pine-core/p-dc4a6d88.js +2 -0
- package/dist/pine-core/p-dc4a6d88.js.map +1 -0
- package/dist/pine-core/{p-a15c9c4f.entry.js → p-e2a673e8.entry.js} +2 -2
- package/dist/pine-core/{p-f408c34a.system.js → p-e3fab4be.system.js} +2 -2
- package/dist/pine-core/{p-f6e72c06.system.entry.js → p-e64594ae.system.entry.js} +2 -2
- package/dist/pine-core/p-e90b2c75.system.js +2 -0
- package/dist/pine-core/p-e90b2c75.system.js.map +1 -0
- package/dist/pine-core/p-e936e948.entry.js +2 -0
- package/dist/pine-core/p-e936e948.entry.js.map +1 -0
- package/dist/pine-core/{p-5c90a600.entry.js → p-ebdaf3ad.entry.js} +2 -2
- package/dist/pine-core/{p-c18464e8.system.entry.js → p-ece8530d.system.entry.js} +2 -2
- package/dist/pine-core/{p-9c294ea2.system.entry.js → p-ee21fa25.system.entry.js} +2 -2
- package/dist/pine-core/p-efbe2dc5.system.entry.js +2 -0
- package/dist/pine-core/p-efbe2dc5.system.entry.js.map +1 -0
- package/dist/pine-core/{p-a4b85fb8.system.entry.js → p-f16ef73c.system.entry.js} +2 -2
- package/dist/pine-core/{p-33a94e8c.system.entry.js → p-f9719887.system.entry.js} +2 -2
- package/dist/pine-core/p-ff20b191.entry.js +2 -0
- package/dist/pine-core/p-ff20b191.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/types/components/pds-button/pds-button.d.ts +2 -0
- 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-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-text/pds-text.d.ts +27 -0
- package/dist/types/components.d.ts +395 -49
- package/dist/types/utils/types.d.ts +1 -1
- package/hydrate/index.js +330 -63
- package/hydrate/index.mjs +330 -63
- 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-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-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-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-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-053ca95a.entry.js.map → p-00cccccb.entry.js.map} +0 -0
- /package/dist/pine-core/{p-e4a1b3f5.system.entry.js.map → p-08c4f190.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-143bbe94.system.entry.js.map → p-172464c1.system.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-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-3b780711.entry.js.map → p-239891e6.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-330eda0c.entry.js.map → p-3e4225fc.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-05d140a3.system.entry.js.map → p-59327483.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-02f06002.system.entry.js.map → p-5c942465.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-30d979d3.entry.js.map → p-624de926.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-a18ff34f.entry.js.map → p-6e079be2.entry.js.map} +0 -0
- /package/dist/pine-core/{p-57dd9a98.system.entry.js.map → p-81bdf676.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-d618d51b.entry.js.map → p-84a4930d.entry.js.map} +0 -0
- /package/dist/pine-core/{p-188be548.entry.js.map → p-88410213.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-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-5f23f121.entry.js.map → p-a51098dd.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-e9ca5a4e.entry.js.map → p-d6d8a21a.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-f6e72c06.system.entry.js.map → p-e64594ae.system.entry.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-c18464e8.system.entry.js.map → p-ece8530d.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-9c294ea2.system.entry.js.map → p-ee21fa25.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-a4b85fb8.system.entry.js.map → p-f16ef73c.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-33a94e8c.system.entry.js.map → p-f9719887.system.entry.js.map} +0 -0
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r,c as o,h as e,H as a,g as t}from"./p-87fe352f.js";import{e as n}from"./p-dc4a6d88.js";const i=r=>!!r.shadowRoot&&!!r.attachShadow;const d=":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}";const c=d;const l=":host{--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-border-default:transparent;--color-border-disabled:transparent;--color-border-focus:transparent;--color-border-hover:transparent;--color-background-primary-default:var(--pine-color-grey-900);--color-background-primary-disabled:var(--pine-color-grey-100);--color-background-primary-hover:var(--pine-color-grey-950);--color-text-primary-default:var(--pine-color-white);--color-text-primary-disabled:var(--pine-color-grey-400);--color-outline-primary:var(--pine-color-purple-300);--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-background-accent-default:var(--pine-color-purple-500);--color-background-accent-disabled:var(--pine-color-purple-100);--color-background-accent-hover:var(--pine-color-purple-600);--color-text-accent-default:var(--pine-color-white);--color-text-accent-disabled:var(--pine-color-purple-300);--color-outline-accent:var(--pine-color-purple-300);--color-background-destructive-default:var(--pine-color-red-500);--color-background-destructive-disabled:var(--pine-color-red-100);--color-background-destructive-hover:var(--pine-color-red-600);--color-text-destructive-default:var(--pine-color-white);--color-text-destructive-disabled:var(--pine-color-red-300);--color-outline-destructive:var(--pine-color-red-300);--spacing-disclosure-icon-margin-inline-end:var(--pine-spacing-0);--spacing-disclosure-margin-inline-start:var(--pine-spacing-100);--spacing-icon-margin-inline-end:var(--pine-spacing-100);--spacing-padding-block:var(--pine-spacing-100);--spacing-padding-inline:var(--pine-spacing-200);--spacing-unstyled:var(--pine-spacing-0);--typography-default:var(--pine-font-weight-body-medium) var(--pine-font-size-100)/var(--pine-line-height-150) var(--pine-font-family-greet);display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.pds-button{-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:var(--typography-default);min-height:40px;padding:var(--spacing-padding-block) var(--spacing-padding-inline)}.pds-button pds-icon{color:currentColor;fill:currentColor;-webkit-margin-end:var(--spacing-icon-margin-inline-end);margin-inline-end:var(--spacing-icon-margin-inline-end)}.pds-button:hover{background-color:var(--color-background-hover);border-color:var(--color-border-hover)}.pds-button:focus-visible{--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);border-color:var(--color-border-focus);-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-button:disabled{background-color:var(--color-background-disabled);border-color:var(--color-border-disabled);color:var(--color-text-disabled)}.pds-button--primary{--color-background-default:var(--color-background-primary-default);--color-background-hover:var(--color-background-primary-hover);--color-background-disabled:var(--color-background-primary-disabled);--color-text-default:var(--color-text-primary-default);--color-text-disabled:var(--color-text-primary-disabled);--color-outline:var(--color-outline-primary)}.pds-button--accent{--color-background-default:var(--color-background-accent-default);--color-background-hover:var(--color-background-accent-hover);--color-background-disabled:var(--color-background-accent-disabled);--color-text-default:var(--color-text-accent-default);--color-text-disabled:var(--color-text-accent-disabled);--color-outline:var(--color-outline-accent)}.pds-button--destructive{--color-background-default:var(--color-background-destructive-default);--color-background-hover:var(--color-background-destructive-hover);--color-background-disabled:var(--color-background-destructive-disabled);--color-text-default:var(--color-text-destructive-default);--color-text-disabled:var(--color-text-destructive-disabled);--color-outline:var(--color-outline-destructive)}.pds-button--destructive:focus-visible{--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--color-background-destructive-default);-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-button--secondary,.pds-button--disclosure{--color-background-default:transparent;--color-background-hover:transparent;--color-background-disabled:transparent;--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)}.pds-button--secondary:hover,.pds-button--disclosure:hover{background-color:var(--color-background-secondary-hover)}.pds-button--disclosure pds-icon{-webkit-margin-end:var(--spacing-disclosure-icon-margin-inline-end);margin-inline-end:var(--spacing-disclosure-icon-margin-inline-end);-webkit-margin-start:var(--spacing-disclosure-margin-inline-start);margin-inline-start:var(--spacing-disclosure-margin-inline-start)}.pds-button--unstyled{--color-background-default:transparent;--color-background-hover:transparent;--color-background-disabled:transparent;--color-text-default:inherit;border:var(--border-width-unstyled);margin:var(--spacing-unstyled);min-height:auto;padding:var(--spacing-unstyled);width:inherit}";const s=l;const p=class{constructor(e){r(this,e);this.pdsClick=o(this,"pdsClick",7);this.handleClick=r=>{if(this.type!="button"){if(i(this.el)){const o=this.el.closest("form");if(o){r.preventDefault();const e=document.createElement("button");e.type=this.type;e.style.display="none";o.appendChild(e);e.click();e.remove()}}}this.pdsClick.emit(r)};this.componentId=undefined;this.disabled=false;this.icon=null;this.name=undefined;this.value=undefined;this.type="button";this.variant="primary"}classNames(){const r=["pds-button"];if(this.variant){r.push("pds-button--"+this.variant)}return r.join(" ")}render(){return e(a,{key:"0145b50d5286d1368b6e458bb33feaed78026d7e","aria-disabled":this.disabled?"true":null,id:this.componentId,onClick:this.handleClick,variant:this.variant},e("button",{key:"370b57a448aca541d41cd35651a3aa8cf04c8171",class:this.classNames(),disabled:this.disabled,name:this.name,part:"button",type:this.type,value:this.value},this.icon&&this.variant!=="disclosure"&&e("pds-icon",{key:"7b8820f5df1f16121758b4950ae507d245f84a75",name:this.icon,part:"icon"}),e("slot",{key:"b4b2ed9a9ed85eb9a0c5c800340ba1572ecece00"}),this.variant==="disclosure"&&e("pds-icon",{key:"11a68b1153534dcd2ec67ed4bb4e6884b9d438cd",icon:n,part:"caret"})))}get el(){return t(this)}};p.style=c+s;export{p as pds_button};
|
|
2
|
+
//# sourceMappingURL=p-e936e948.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["hasShadowDom","el","shadowRoot","attachShadow","baseCss","PdsButtonStyle0","pdsButtonCss","PdsButtonStyle1","PdsButton","this","handleClick","ev","type","form","closest","preventDefault","fakeButton","document","createElement","style","display","appendChild","click","remove","pdsClick","emit","classNames","variant","push","join","render","h","Host","key","disabled","id","componentId","onClick","class","name","part","value","icon","caretDown"],"sources":["src/utils/utils.ts","src/global/styles/base.scss?tag=pds-button&encapsulation=shadow","src/components/pds-button/pds-button.scss?tag=pds-button&encapsulation=shadow","src/components/pds-button/pds-button.tsx"],"sourcesContent":["export function format(first: string, middle: string, last: string): string {\n return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n\nexport const hasShadowDom = (el: HTMLElement) => {\n return !!el.shadowRoot && !!(el as any).attachShadow\n}\n","// TODO: replace core tokens with semantic\n// Heading color + outline\n\n/*\n Josh's Custom CSS Reset\n https://www.joshwcomeau.com/css/custom-css-reset/\n*/\n:where(*:not(slot), *:not(slot)::before, *:not(slot)::after) {\n box-sizing: border-box;\n}\n\n:where(*:not(slot)) {\n margin: 0;\n}\n\n:where(img, picture, video, canvas, svg) {\n display: block;\n max-width: 100%;\n}\n\n:where(input, button, textarea, select) {\n font: inherit;\n}\n\n:where(p, h1, h2, h3, h4, h5, h6) {\n overflow-wrap: break-word;\n}\n\n/*\n Additional Reset Styles\n*/\n:where(a:not([href]):not([class])) {\n color: currentColor;\n text-decoration: none;\n}\n\n:where(a:not([href]):not([class]):hover) {\n color: currentColor;\n text-decoration: none;\n}\n\n:where(ul[role='list'], ol[role='list']) {\n list-style: none;\n}\n\n:where(table) {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\n/*\n Mercury Base Styles\n*/\n// Typography\n:where(*:not(slot)) {\n font: var(--pine-typography-body-md-default);\n letter-spacing: var(--pine-letter-spacing-body-md);\n}\n\n:where(h1, h2, h3, h4, h5, h6) {\n font-family: var(--pine-font-family-heading);\n color: var(--pine-color-grey-950);\n}\n\n:where(h1) {\n font: var(--pine-typography-heading-h1);\n letter-spacing: var(--pine-letter-spacing-heading-h1);\n}\n\n:where(h2) {\n font: var(--pine-typography-heading-h2);\n letter-spacing: var(--pine-letter-spacing-heading-h2);\n}\n\n:where(h3) {\n font: var(--pine-typography-heading-h3);\n letter-spacing: var(--pine-letter-spacing-heading-h3);\n}\n\n:where(h4) {\n font: var(--pine-typography-heading-h4);\n letter-spacing: var(--pine-letter-spacing-heading-h4);\n}\n\n:where(h5) {\n font: var(--pine-typography-heading-h5);\n letter-spacing: var(--pine-letter-spacing-heading-h5);\n}\n\n:where(h6) {\n font: var(--pine-typography-heading-h6);\n letter-spacing: var(--pine-letter-spacing-heading-h6);\n}\n\n:where(div, label, p, span) {\n color: var(--pine-color-text-default);\n}\n\n:where(code, kbd, pre, samp) {\n font-family: monospace;\n}\n\n// Accessibility\n:where([role=\"button\"]) {\n cursor: pointer;\n}\n\n:where(:focus) {\n outline: 0;\n}\n\n:where(:focus-visible) {\n outline: var(--pine-border-width-thick) solid var(--pine-color-purple-500);\n}\n\n// Misc.\n:where([hidden]) {\n display: none !important;\n}\n",":host {\n --border-radius-default: var(--pine-border-radius-round);\n\n --border-width-default: var(--pine-border-width-thin);\n --border-width-unstyled: var(--pine-border-radius-0);\n\n --color-border-default: transparent;\n --color-border-disabled: transparent;\n --color-border-focus: transparent;\n --color-border-hover: transparent;\n\n // primary\n --color-background-primary-default: var(--pine-color-grey-900);\n --color-background-primary-disabled: var(--pine-color-grey-100);\n --color-background-primary-hover: var(--pine-color-grey-950);\n --color-text-primary-default: var(--pine-color-white);\n --color-text-primary-disabled: var(--pine-color-grey-400);\n --color-outline-primary: var(--pine-color-purple-300);\n\n // secondary\n --color-background-secondary-hover: var(--pine-color-grey-050);\n --color-border-secondary-default: var(--pine-color-grey-400);\n --color-border-secondary-disabled: var(--pine-color-grey-300);\n --color-border-secondary-focus: var(--pine-color-grey-300);\n --color-border-secondary-hover: var(--pine-color-grey-500);\n --color-text-secondary-default: var(--pine-color-grey-800);\n --color-text-secondary-disabled: var(--pine-color-grey-400);\n --color-outline-secondary: var(--pine-color-purple-300);\n\n // accent\n --color-background-accent-default: var(--pine-color-purple-500);\n --color-background-accent-disabled: var(--pine-color-purple-100);\n --color-background-accent-hover: var(--pine-color-purple-600);\n --color-text-accent-default: var(--pine-color-white);\n --color-text-accent-disabled: var(--pine-color-purple-300);\n --color-outline-accent: var(--pine-color-purple-300);\n\n // destructive\n --color-background-destructive-default: var(--pine-color-red-500);\n --color-background-destructive-disabled: var(--pine-color-red-100);\n --color-background-destructive-hover: var(--pine-color-red-600);\n --color-text-destructive-default: var(--pine-color-white);\n --color-text-destructive-disabled: var(--pine-color-red-300);\n --color-outline-destructive: var(--pine-color-red-300);\n\n --spacing-disclosure-icon-margin-inline-end: var(--pine-spacing-0);\n --spacing-disclosure-margin-inline-start: var(--pine-spacing-100);\n --spacing-icon-margin-inline-end: var(--pine-spacing-100);\n --spacing-padding-block: var(--pine-spacing-100);\n --spacing-padding-inline: var(--pine-spacing-200);\n --spacing-unstyled: var(--pine-spacing-0);\n\n --typography-default: var(--pine-font-weight-body-medium) var(--pine-font-size-100)/var(--pine-line-height-150) var(--pine-font-family-greet);\n\n display: inline-flex;\n vertical-align: middle;\n}\n\n.pds-button {\n align-items: center;\n background-color: var(--color-background-default);\n border: var(--border-width-default) solid var(--color-border-default);\n border-radius: var(--pine-border-radius-circle);\n color: var(--color-text-default);\n display: flex;\n font: var(--typography-default);\n min-height: 40px;\n padding: var(--spacing-padding-block) var(--spacing-padding-inline);\n\n pds-icon {\n color: currentColor;\n fill: currentColor;\n margin-inline-end: var(--spacing-icon-margin-inline-end);\n }\n\n &:hover {\n background-color: var(--color-background-hover);\n border-color: var(--color-border-hover);\n }\n\n &:focus-visible {\n --box-shadow-focus: 0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);\n border-color: var(--color-border-focus);\n // outline: var(--pine-border-focus); Border radius for outline does not work in Safari\n box-shadow: var(--box-shadow-focus); // Remove when outline radius is supported in Safari\n outline: none;\n }\n\n &:disabled {\n background-color: var(--color-background-disabled);\n border-color: var(--color-border-disabled);\n color: var(--color-text-disabled);\n }\n}\n\n.pds-button--primary {\n --color-background-default: var(--color-background-primary-default);\n --color-background-hover: var(--color-background-primary-hover);\n --color-background-disabled: var(--color-background-primary-disabled);\n --color-text-default: var(--color-text-primary-default);\n --color-text-disabled: var(--color-text-primary-disabled);\n --color-outline: var(--color-outline-primary);\n}\n\n.pds-button--accent {\n --color-background-default: var(--color-background-accent-default);\n --color-background-hover: var(--color-background-accent-hover);\n --color-background-disabled: var(--color-background-accent-disabled);\n --color-text-default: var(--color-text-accent-default);\n --color-text-disabled: var(--color-text-accent-disabled);\n --color-outline: var(--color-outline-accent);\n}\n\n.pds-button--destructive {\n --color-background-default: var(--color-background-destructive-default);\n --color-background-hover: var(--color-background-destructive-hover);\n --color-background-disabled: var(--color-background-destructive-disabled);\n --color-text-default: var(--color-text-destructive-default);\n --color-text-disabled: var(--color-text-destructive-disabled);\n --color-outline: var(--color-outline-destructive);\n\n &:focus-visible {\n --box-shadow-focus: 0 0 0 1px #ffffff, 0 0 0 3px var(--color-background-destructive-default);\n box-shadow: var(--box-shadow-focus); // Remove when outline radius is supported in Safari\n outline: none;\n }\n}\n\n.pds-button--secondary,\n.pds-button--disclosure {\n --color-background-default: transparent;\n --color-background-hover: transparent;\n --color-background-disabled: transparent;\n --color-border-disabled: var(--color-border-secondary-disabled);\n --color-border-focus: var(--color-border-secondary-focus);\n --color-border-hover: var(--color-border-secondary-hover);\n --color-border-default: var(--color-border-secondary-default);\n --color-text-default: var(--color-text-secondary-default);\n --color-text-disabled: var(--color-text-secondary-disabled);\n --color-outline: var(--color-outline-secondary);\n\n &:hover {\n background-color: var(--color-background-secondary-hover);\n }\n}\n\n.pds-button--disclosure {\n pds-icon {\n margin-inline-end: var(--spacing-disclosure-icon-margin-inline-end);\n margin-inline-start: var(--spacing-disclosure-margin-inline-start);\n }\n}\n\n.pds-button--unstyled {\n --color-background-default: transparent;\n --color-background-hover: transparent;\n --color-background-disabled: transparent;\n --color-text-default: inherit;\n border: var(--border-width-unstyled);\n margin: var(--spacing-unstyled);\n min-height: auto;\n padding: var(--spacing-unstyled);\n width: inherit;\n}\n","import { Component, Element, Event, EventEmitter, Host, h, Prop } from '@stencil/core';\nimport { hasShadowDom } from '../../utils/utils';\n\nimport { caretDown } from '@pine-ds/icons/icons';\n\n/**\n * @part button - The main button element that represents the button component.\n * @part caret - The caret icon element that appears when the button variant is 'disclosure'.\n * @part icon - The icon element that appears before the text in the button, if provided.\n*/\n\n@Component({\n tag: 'pds-button',\n styleUrls: ['../../global/styles/base.scss', 'pds-button.scss'],\n shadow: true,\n})\nexport class PdsButton {\n @Element() el: HTMLPdsButtonElement;\n\n /**\n * A unique identifier used for the underlying component `id` attribute.\n */\n @Prop() componentId: string;\n\n /**\n * Toggles disabled state of button\n * @defaultValue false\n */\n @Prop() disabled? = false;\n\n /**\n * Displays icon before text when icon string matches an icon name\n */\n @Prop() icon?: string = null;\n\n /**\n * Provides button with a submittable name\n */\n @Prop() name?: string;\n\n /**\n * Provides button with a submittable value\n */\n @Prop() value?: string;\n\n /**\n * Provides button with a type\n * @defaultValue button\n */\n @Prop() type?: 'button' | 'reset' | 'submit' = 'button';\n\n /**\n * Sets button variant styles as outlined in Figma documentation\n */\n @Prop() variant: 'primary' | 'secondary' | 'accent' | 'disclosure' | 'destructive' | 'unstyled' = 'primary';\n\n @Event() pdsClick: EventEmitter;\n\n private handleClick = (ev: Event) => {\n if (this.type != 'button') {\n // If button clicked IS NOT associated with a form\n if (hasShadowDom(this.el)) {\n const form = this.el.closest('form')\n if (form) {\n ev.preventDefault()\n\n const fakeButton = document.createElement('button')\n fakeButton.type = this.type\n fakeButton.style.display = 'none'\n form.appendChild(fakeButton)\n fakeButton.click()\n fakeButton.remove()\n }\n }\n }\n this.pdsClick.emit(ev);\n }\n\n private classNames() {\n const classNames = ['pds-button'];\n\n if (this.variant) {\n classNames.push('pds-button--' + this.variant);\n }\n\n return classNames.join(' ');\n }\n\n render() {\n return (\n <Host\n aria-disabled={this.disabled ? 'true' : null}\n id={this.componentId}\n onClick={this.handleClick}\n variant={this.variant}\n >\n <button\n class={this.classNames()}\n disabled={this.disabled}\n name={this.name}\n part=\"button\"\n type={this.type}\n value={this.value}\n >\n {this.icon && this.variant !== 'disclosure' && <pds-icon name={this.icon} part=\"icon\"></pds-icon>}\n <slot />\n {this.variant === 'disclosure' && <pds-icon icon={caretDown} part=\"caret\"></pds-icon>}\n </button>\n </Host>\n );\n }\n}\n"],"mappings":"+FAIO,MAAMA,EAAgBC,KAClBA,EAAGC,cAAiBD,EAAWE,aCL1C,MAAMC,EAAU,yrDAChB,MAAAC,EAAeD,ECDf,MAAME,EAAe,+7LACrB,MAAAC,EAAeD,E,MCeFE,EAAS,M,4DA0CZC,KAAAC,YAAeC,IACrB,GAAIF,KAAKG,MAAQ,SAAU,CAEzB,GAAIZ,EAAaS,KAAKR,IAAK,CACzB,MAAMY,EAAOJ,KAAKR,GAAGa,QAAQ,QAC7B,GAAID,EAAM,CACRF,EAAGI,iBAEH,MAAMC,EAAaC,SAASC,cAAc,UAC1CF,EAAWJ,KAAOH,KAAKG,KACvBI,EAAWG,MAAMC,QAAU,OAC3BP,EAAKQ,YAAYL,GACjBA,EAAWM,QACXN,EAAWO,Q,GAIjBd,KAAKe,SAASC,KAAKd,EAAG,E,yCA/CJ,M,UAKI,K,mDAgBuB,S,aAKmD,S,CAwB1F,UAAAe,GACN,MAAMA,EAAa,CAAC,cAEpB,GAAIjB,KAAKkB,QAAS,CAChBD,EAAWE,KAAK,eAAiBnB,KAAKkB,Q,CAGxC,OAAOD,EAAWG,KAAK,K,CAGzB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2DACYxB,KAAKyB,SAAW,OAAS,KACxCC,GAAI1B,KAAK2B,YACTC,QAAS5B,KAAKC,YACdiB,QAASlB,KAAKkB,SAEdI,EAAA,UAAAE,IAAA,2CACEK,MAAO7B,KAAKiB,aACZQ,SAAUzB,KAAKyB,SACfK,KAAM9B,KAAK8B,KACXC,KAAK,SACL5B,KAAMH,KAAKG,KACX6B,MAAOhC,KAAKgC,OAEXhC,KAAKiC,MAAQjC,KAAKkB,UAAY,cAAgBI,EAAA,YAAAE,IAAA,2CAAUM,KAAM9B,KAAKiC,KAAMF,KAAK,SAC/ET,EAAA,QAAAE,IAAA,6CACCxB,KAAKkB,UAAY,cAAgBI,EAAA,YAAAE,IAAA,2CAAUS,KAAMC,EAAWH,KAAK,W","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,h as i,H as n}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,h as i,H as n}from"./p-87fe352f.js";const a=":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}";const r=a;const t=":host{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-spacing-100)}:host(.pds-loader--hidden),.pds-loader--hidden{border-width:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-loader--spinner svg{--color-background-spinner:var(--pine-color-mercury-400);--number-spinner-timing:2s;--number-spinner-path-timing:1.5s;-webkit-animation:rotate var(--number-spinner-timing) linear infinite;animation:rotate var(--number-spinner-timing) linear infinite;block-size:var(--sizing-spinner);color:var(--color-background-spinner);inline-size:var(--sizing-spinner)}.pds-loader__spinner-path{stroke-width:8px}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.pds-loader--typing{--border-radius-typing:var(--pine-border-radius-200);--border-radius-typing-dot:var(--pine-border-radius-circle);--box-shadow-typing:var(--pine-box-shadow-100);--color-background-typing-default:var(--pine-color-grey-100);--color-background-typing-dot-default:var(--pine-color-grey-400);--number-typing-timing:1s;--opacity-typing-dot-default:0.4;--opacity-typing-dot-active:1;--sizing-typing-dot:calc(var(--pine-spacing-150) / 2);--spacing-typing-gap:var(--pine-spacing-050);--spacing-typing-margin-block:var(--pine-spacing-0);--spacing-typing-margin-inline:auto;--spacing-typing-padding-block:15px;--spacing-typing-padding-inline:var(--pine-spacing-250);-ms-flex-align:center;align-items:center;background-color:var(--color-background-typing-default);border-radius:var(--border-radius-typing);-webkit-box-shadow:var(--box-shadow-typing);box-shadow:var(--box-shadow-typing);display:-ms-inline-flexbox;display:inline-flex;gap:var(--spacing-typing-gap);margin-block:var(--spacing-typing-margin-block);margin-inline:var(--spacing-typing-margin-inline);padding-block:var(--spacing-typing-padding-block);padding-inline:var(--spacing-typing-padding-inline);position:relative}.pds-loader--typing span{background-color:var(--color-background-typing-dot-default);block-size:var(--sizing-typing-dot);border-radius:var(--border-radius-typing-dot);inline-size:var(--sizing-typing-dot);opacity:var(--opacity-typing-dot-default)}.pds-loader--typing span:nth-of-type(1){-webkit-animation:var(--number-typing-timing) typing infinite 0.3333s;animation:var(--number-typing-timing) typing infinite 0.3333s}.pds-loader--typing span:nth-of-type(2){-webkit-animation:var(--number-typing-timing) typing infinite 0.6666s;animation:var(--number-typing-timing) typing infinite 0.6666s}.pds-loader--typing span:nth-of-type(3){-webkit-animation:var(--number-typing-timing) typing infinite 0.9999s;animation:var(--number-typing-timing) typing infinite 0.9999s}@-webkit-keyframes typing{50%{opacity:var(--opacity-typing-dot-active);-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes typing{50%{opacity:var(--opacity-typing-dot-active);-webkit-transform:scale(1.2);transform:scale(1.2)}}.pds-loader__label{--typography-label-default:var(--pine-font-weight-semi-bold) var(--pine-font-size-100)/var(--pine-line-height-150) var(--pine-font-family-circular);font:var(--typography-label-default)}";const o=t;const p=class{constructor(i){e(this,i);this.style=()=>{if(this.size!==undefined){return{height:this.loaderSize(),width:this.loaderSize()}}};this.isLoading=true;this.showLabel=false;this.size="md";this.variant="spinner"}loaderSize(){const e={xs:"24px",sm:"32px",md:"48px",lg:"64px",xl:"80px"};if(e[this.size]){return e[this.size]}else{return this.size}}render(){return i(n,{key:"e69acbb3ba84e723ce654fb8288c54d6c878a515",class:`pds-loader ${this.isLoading?"":"pds-loader--hidden"}`,"aria-hidden":!this.isLoading,"aria-busy":this.isLoading,"aria-live":"polite"},this.variant==="spinner"&&i("div",{key:"dd121b0adc8825e8b8e5aa6c4c2756d2bbc8aec3",class:"pds-loader--spinner"},i("svg",{key:"91474584a672fc78a0e1d169eaff53fbbce1b658",style:this.style(),viewBox:"0 0 200 200",fill:"none"},i("defs",{key:"38fe6181c360cce4c31402ac7408b3120dbf4419"},i("linearGradient",{key:"29cf900bc3ab8c6b5cb7da36f96207b4e234179a",id:"spinner-secondHalf"},i("stop",{key:"aaa993d38e5cc792417160d8febde05e94a55503",offset:"0%","stop-opacity":"0","stop-color":"currentColor"}),i("stop",{key:"3df5fe92f07c054016840413979e6f4bbc967af1",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"})),i("linearGradient",{key:"853f7b5ae56dab5688c1bbf2e24fd3f38f13997f",id:"spinner-firstHalf"},i("stop",{key:"54282ea20ec47332c65559f70ca4dd1429c2fe44",offset:"0%","stop-opacity":"1","stop-color":"currentColor"}),i("stop",{key:"471bc0aaa05940103ca1aa50b9772e514a19f912",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"}))),i("g",{key:"de35b85d92de0e958a0ec6753fa2362d2884c99f",class:"pds-loader__spinner-path"},i("path",{key:"2238b370478f385ad6201b4aeadc9aedc7702ac7",stroke:"url(#spinner-secondHalf)",d:"M 4 100 A 96 96 0 0 1 196 100"}),i("path",{key:"3a6434262838be8654212f30f40af5bb50c5b679",stroke:"url(#spinner-firstHalf)",d:"M 196 100 A 96 96 0 0 1 4 100"}),i("path",{key:"687280eed667bfa794c4ea380274867614b66ff6",stroke:"currentColor","stroke-linecap":"round",d:"M 4 100 A 96 96 0 0 1 4 98"})))),this.variant==="typing"&&i("div",{key:"a38bb46b431c96efa00d234ec6ce6b3ff2adb0e5",class:"pds-loader--typing"},i("span",{key:"bdd865189cf2fe87181b13fbdb01fcc7086c9f2c"}),i("span",{key:"79be0a18686ac726b3b012cb1b796a1265c45ddb"}),i("span",{key:"351a6709d5b50c27b82d9dfba1d01cd058e8c10f"})),i("div",{key:"81602e65ce055f10b39a70d5f29ffb62471bcb25",class:`pds-loader__label ${this.showLabel?"":"pds-loader--hidden"}`},i("slot",{key:"1ce406972db7f6ef5cc7d558301facb5e455956b",name:"label"},"Loading...")))}};p.style=r+o;export{p as pds_loader};
|
|
2
|
+
//# sourceMappingURL=p-ebdaf3ad.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register(["./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
System.register(["./p-45cf2585.system.js"],(function(e){"use strict";var t,i,r,a;return{setters:[function(e){t=e.r;i=e.h;r=e.H;a=e.g}],execute:function(){var n=":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}";var o=n;var l=":host{--box-shadow-fixed:3px 3px 6px -2px rgba(0, 0, 0, 0.2);--color-background-fixed:var(--pine-color-white);--color-text-cell-default:var(--pine-color-grey-700);--dimension-fixed-cell-position:0;--dimension-max-width-truncated:100px;--letter-spacing-default:var(--pine-letter-spacing-body-md);--number-fixed-column-index:0;--spacing-line-height-cell-default:var(--pine-line-height-125);--spacing-padding-cell-default:calc(var(--pine-spacing-300) / 2);--spacing-padding-compact:var(--pine-spacing-050);--typography-default:var(--pine-typography-body-md-default);color:var(--color-text-cell-default);display:table-cell;font:var(--typography-default);letter-spacing:var(--letter-spacing-default);padding:var(--spacing-padding-cell-default);vertical-align:inherit}:host(.is-compact){padding-block:var(--spacing-padding-compact)}:host(.is-fixed){background:var(--color-background-fixed);left:var(--dimension-fixed-cell-position);position:-webkit-sticky;position:sticky;z-index:1}:host(.has-scrolled.is-fixed){-webkit-box-shadow:var(--box-shadow-fixed);box-shadow:var(--box-shadow-fixed)}:host(.is-truncated){max-width:var(--dimension-max-width-truncated);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.has-checkbox){vertical-align:middle;width:16px}";var s=l;var h=e("pds_table_cell",function(){function e(e){var i=this;t(this,e);this.handleScroll=function(){if(i.tableRef.scrollLeft>0){i.tableScrolling=true}else{i.tableScrolling=false}};this.truncate=undefined;this.tableScrolling=false}e.prototype.componentWillRender=function(){this.tableRef=this.hostElement.closest("pds-table")};e.prototype.componentDidLoad=function(){if(this.tableRef&&this.tableRef.responsive&&this.tableRef.fixedColumn){this.tableRef.addEventListener("scroll",this.handleScroll)}};e.prototype.classNames=function(){var e=[];if(this.tableRef&&this.tableRef.compact){e.push("is-compact")}if(this.truncate){e.push("is-truncated")}if(this.tableRef&&this.tableRef.fixedColumn&&this.tableScrolling){e.push("has-scrolled")}return e.join(" ")};e.prototype.render=function(){return i(r,{key:"6481354cb8cd0e573effa15334f0547818cee0fc",class:this.classNames(),role:"gridcell",style:this.tableRef&&this.tableRef.fixedColumn&&this.tableRef.selectable?{"--fixed-cell-position":"40px"}:{}},i("slot",{key:"dc48c3d504c2879faf940756bc42f5570f510a5b"}))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());h.style=o+s}}}));
|
|
2
|
+
//# sourceMappingURL=p-ece8530d.system.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(e,t,r,n){function o(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(e,t,r,n){function o(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,i){function a(e){try{c(n.next(e))}catch(e){i(e)}}function l(e){try{c(n["throw"](e))}catch(e){i(e)}}function c(e){e.done?r(e.value):o(e.value).then(a,l)}c((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,o,i,a;return a={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function l(e){return function(t){return c([e,t])}}function c(l){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,l[0]&&(r=0)),r)try{if(n=1,o&&(i=l[0]&2?o["return"]:l[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,l[1])).done)return i;if(o=0,i)l=[l[0]&2,i.value];switch(l[0]){case 0:case 1:i=l;break;case 4:r.label++;return{value:l[1],done:false};case 5:r.label++;o=l[1];l=[0];continue;case 7:l=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(l[0]===6||l[0]===2)){r=0;continue}if(l[0]===3&&(!i||l[1]>i[0]&&l[1]<i[3])){r.label=l[1];break}if(l[0]===6&&r.label<i[1]){r.label=i[1];i=l;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(l);break}if(i[2])r.ops.pop();r.trys.pop();continue}l=t.call(e,r)}catch(e){l=[6,e];o=0}finally{n=i=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./p-45cf2585.system.js"],(function(e){"use strict";var t,r,n,o,i;return{setters:[function(e){t=e.r;r=e.c;n=e.h;o=e.H;i=e.g}],execute:function(){var a=":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}";var l=a;var c=":host{--color-background-default:var(--pine-color-white);background:var(--color-background-default);border-collapse:separate;-webkit-box-sizing:border-box;box-sizing:border-box;display:table;width:100%}:host(:focus-visible){--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}:host(.is-responsive){background-attachment:local, local, scroll, scroll;background-image:-webkit-gradient(linear, left top, right top, from(var(--color-background-default)), to(var(--color-background-default))), -webkit-gradient(linear, left top, right top, from(var(--color-background-default)), to(var(--color-background-default))), -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.1)), to(rgba(255, 255, 255, 0)));background-image:linear-gradient(to right, var(--color-background-default), var(--color-background-default)), linear-gradient(to right, var(--color-background-default), var(--color-background-default)), linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0));background-position:left center, right center, left center, right center;background-repeat:no-repeat;background-size:4px 100%, 4px 100%, 4px 100%, 4px 100%;display:block;margin:0 auto;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;overflow-x:auto;white-space:nowrap}";var h=c;var s=e("pds_table",function(){function e(e){t(this,e);this.pdsTableSelect=r(this,"pdsTableSelect",7);this.pdsTableSelectAll=r(this,"pdsTableSelectAll",7);this.compact=undefined;this.componentId=undefined;this.responsive=undefined;this.fixedColumn=undefined;this.selectable=undefined;this.sortingColumn=null;this.sortingDirection="asc"}e.prototype.componentWillLoad=function(){this.sortingColumn=null};e.prototype.classNames=function(){var e=["pds-table"];if(this.compact){e.push("is-compact")}if(this.responsive){e.push("is-responsive")}return e.join(" ")};e.prototype.sortTable=function(e,t){var r=this.el.querySelector("pds-table-body");var n=Array.from(r.querySelectorAll("pds-table-row"));var o=Array.from(this.el.querySelectorAll("pds-table-head-cell[sortable]"));var i=o.find((function(t){return t.innerText.trim()===e}));if(!i){console.warn('Column "'.concat(e,'" not found.'));return}var a=o.indexOf(i);n.sort((function(e,r){var n=e.querySelector("pds-table-cell:nth-child(".concat(a+1,")")).textContent.trim();var o=r.querySelector("pds-table-cell:nth-child(".concat(a+1,")")).textContent.trim();if(t==="asc"){return n.localeCompare(o)}else{return o.localeCompare(n)}}));r.innerHTML="";n.forEach((function(e){r.appendChild(e)}))};e.prototype.handleTableSort=function(e){var t=e.detail.direction;this.sortTable(e.detail.column,t);this.sortingColumn=e.detail.column;this.sortingDirection=t};e.prototype.handleTableSelectAll=function(e){if(e.defaultPrevented)return;var t=this.el.querySelector("pds-table-body");var r=Array.from(t.querySelectorAll("pds-table-row"));r.forEach((function(t){t.isSelected=e.detail.isSelected}))};e.prototype.handleTableSelect=function(e){return __awaiter(this,void 0,void 0,(function(){var t,r,n,o,i;return __generator(this,(function(a){if(e.defaultPrevented)return[2];t=this.el.querySelectorAll("pds-table-row");r=Array.from(t).every((function(e){return e.isSelected}));n=Array.from(t).every((function(e){return!e.isSelected}));o=this.el.querySelector("pds-table-head");if(!o)return[2];i=o.shadowRoot.querySelector("pds-checkbox");i.checked=r;i.indeterminate=!r&&!n;return[2]}))}))};e.prototype.render=function(){return n(o,{key:"b7cdce58b3d301540458b9d6763373be0f253346",class:this.classNames(),id:this.componentId,role:"grid",selectable:this.selectable,tabindex:"0"},n("slot",{key:"780c60ee86ff522719a837b3c8f2a6e47fa00094"}))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return e}());s.style=l+h}}}));
|
|
2
|
+
//# sourceMappingURL=p-ee21fa25.system.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
System.register(["./p-45cf2585.system.js","./p-e3fab4be.system.js","./p-e90b2c75.system.js"],(function(e){"use strict";var r,i,o,a,n,t,l,s;return{setters:[function(e){r=e.r;i=e.c;o=e.h;a=e.H},function(e){n=e.P;t=e.a;l=e.m},function(e){s=e.b}],execute:function(){var d=":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}";var p=d;var h=":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)}";var c=h;var g=e("pds_input",function(){function e(e){var o=this;r(this,e);this.pdsInput=i(this,"pdsInput",7);this.onInputEvent=function(e){var r=e.target;if(r){o.value=r.value||""}o.pdsInput.emit(e)};this.autocomplete=undefined;this.componentId=undefined;this.disabled=undefined;this.errorMessage=undefined;this.helperMessage=undefined;this.invalid=undefined;this.label=undefined;this.name=undefined;this.placeholder=undefined;this.readonly=undefined;this.required=undefined;this.type="text";this.value=undefined}e.prototype.render=function(){return o(a,{key:"2f805bb34305276216d5eb59b869b0a1e8d36745","aria-disabled":this.disabled?"true":null},o("div",{key:"c0a9c51f99aa746d0c8edda0306055e637cfcf98",class:"pds-input"},o(n,{key:"636c5aa772da49e1e84b29b6dde1191a71de0d5f",htmlFor:this.componentId,text:this.label}),o("input",{key:"c9e5c281a2b5fe4e2c652bc44a9ad14e3d6b90c8",class:"pds-input__field","aria-describedby":t(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&&o("p",{key:"48c897acc4d26ab2e1a4e16e04ba0f730e5aeb72",class:"pds-input__helper-message",id:l(this.componentId,"helper")},this.helperMessage),this.errorMessage&&o("p",{key:"fe0ba7e0e0032983128c41a772f22d2c804345fb",class:"pds-input__error-message",id:l(this.componentId,"error"),"aria-live":"assertive"},o("pds-icon",{key:"6270eed8637a5342911e0947f462f592bbedddac",icon:s,size:"small"}),this.errorMessage)))};return e}());g.style=p+c}}}));
|
|
2
|
+
//# sourceMappingURL=p-efbe2dc5.system.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["baseCss","PdsInputStyle0","pdsInputCss","PdsInputStyle1","PdsInput","exports","this","onInputEvent","ev","input","target","_this","value","pdsInput","emit","class_1","prototype","render","h","Host","key","disabled","class","PdsLabel","htmlFor","componentId","text","label","assignDescription","invalid","helperMessage","undefined","autocomplete","id","name","placeholder","readOnly","readonly","required","type","onInput","messageId","errorMessage","icon","danger","size"],"sources":["src/global/styles/base.scss?tag=pds-input&encapsulation=shadow","src/components/pds-input/pds-input.scss?tag=pds-input&encapsulation=shadow","src/components/pds-input/pds-input.tsx"],"sourcesContent":["// TODO: replace core tokens with semantic\n// Heading color + outline\n\n/*\n Josh's Custom CSS Reset\n https://www.joshwcomeau.com/css/custom-css-reset/\n*/\n:where(*:not(slot), *:not(slot)::before, *:not(slot)::after) {\n box-sizing: border-box;\n}\n\n:where(*:not(slot)) {\n margin: 0;\n}\n\n:where(img, picture, video, canvas, svg) {\n display: block;\n max-width: 100%;\n}\n\n:where(input, button, textarea, select) {\n font: inherit;\n}\n\n:where(p, h1, h2, h3, h4, h5, h6) {\n overflow-wrap: break-word;\n}\n\n/*\n Additional Reset Styles\n*/\n:where(a:not([href]):not([class])) {\n color: currentColor;\n text-decoration: none;\n}\n\n:where(a:not([href]):not([class]):hover) {\n color: currentColor;\n text-decoration: none;\n}\n\n:where(ul[role='list'], ol[role='list']) {\n list-style: none;\n}\n\n:where(table) {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\n/*\n Mercury Base Styles\n*/\n// Typography\n:where(*:not(slot)) {\n font: var(--pine-typography-body-md-default);\n letter-spacing: var(--pine-letter-spacing-body-md);\n}\n\n:where(h1, h2, h3, h4, h5, h6) {\n font-family: var(--pine-font-family-heading);\n color: var(--pine-color-grey-950);\n}\n\n:where(h1) {\n font: var(--pine-typography-heading-h1);\n letter-spacing: var(--pine-letter-spacing-heading-h1);\n}\n\n:where(h2) {\n font: var(--pine-typography-heading-h2);\n letter-spacing: var(--pine-letter-spacing-heading-h2);\n}\n\n:where(h3) {\n font: var(--pine-typography-heading-h3);\n letter-spacing: var(--pine-letter-spacing-heading-h3);\n}\n\n:where(h4) {\n font: var(--pine-typography-heading-h4);\n letter-spacing: var(--pine-letter-spacing-heading-h4);\n}\n\n:where(h5) {\n font: var(--pine-typography-heading-h5);\n letter-spacing: var(--pine-letter-spacing-heading-h5);\n}\n\n:where(h6) {\n font: var(--pine-typography-heading-h6);\n letter-spacing: var(--pine-letter-spacing-heading-h6);\n}\n\n:where(div, label, p, span) {\n color: var(--pine-color-text-default);\n}\n\n:where(code, kbd, pre, samp) {\n font-family: monospace;\n}\n\n// Accessibility\n:where([role=\"button\"]) {\n cursor: pointer;\n}\n\n:where(:focus) {\n outline: 0;\n}\n\n:where(:focus-visible) {\n outline: var(--pine-border-width-thick) solid var(--pine-color-purple-500);\n}\n\n// Misc.\n:where([hidden]) {\n display: none !important;\n}\n",":host {\n --box-shadow-focus: 0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);\n --box-shadow-focus-error: 0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-red-300);\n\n --color-background-disabled: var(--pine-color-grey-100);\n --color-background-error: var(--pine-color-red-050);\n --color-border-active: var(--pine-color-grey-400);\n --color-border-default: var(--pine-color-grey-300);\n --color-border-disabled: var(--pine-color-grey-200);\n --color-border-error: var(--pine-color-red-600);\n --color-border-hover: var(--pine-color-grey-500);\n --color-text-default: var(--pine-color-grey-950);\n --color-text-disabled: var(--pine-color-grey-600);\n --color-text-error: var(--pine-color-red-600);\n --color-text-placeholder: var(--pine-color-grey-600);\n --color-text-placeholder-disabled: var(--pine-color-grey-400);\n\n --font-size-helper-message: var(--pine-font-size-085);\n --font-size-input-field: var(--pine-font-size-100);\n --font-size-label: var(--pine-font-size-100);\n --font-weight-helper-message: var(--pine-font-weight-normal);\n --font-weight-input-field: var(--pine-font-weight-normal);\n --font-weight-label: var(--pine-font-weight-medium);\n\n --line-height-label: var(--pine-line-height-150);\n --line-height-helper-message: var(--pine-line-height-125);\n --line-height-input-field: var(--pine-line-height-150);\n\n --spacing-field-padding-block: var(--pine-spacing-100);\n --spacing-input-field-padding-inline: var(--pine-spacing-200);\n --spacing-label-margin-block-end: var(--pine-spacing-100);\n --spacing-margin-top-helper-message: var(--pine-spacing-100);\n --spacing-icon-error-message: var(--pine-spacing-050);\n\n display: inline;\n}\n\n.pds-input {\n display: flex;\n flex-direction: column;\n}\n\nlabel {\n font-size: var(--font-size-label);\n font-weight: var(--font-weight-label);\n line-height: var(--line-height-label);\n margin-block-end: var(--spacing-label-margin-block-end);\n}\n\ninput {\n border: 1px solid var(--color-border-default);\n border-radius: 10px;\n font-size: var(--font-size-input-field);\n font-weight: var(--font-weight-input-field);\n line-height: var(--line-height-input-field);\n padding: var(--spacing-field-padding-block) var(--spacing-input-field-padding-inline);\n\n &:disabled {\n background-color: var(--color-background-disabled);\n border-color: var(--color-border-disabled);\n color: var(--color-text-disabled);\n cursor: not-allowed;\n\n /* stylelint-disable */\n &::-webkit-input-placeholder {\n color: var(--color-text-placeholder-disabled);\n }\n\n &::-moz-placeholder {\n color: var(--color-text-placeholder-disabled);\n }\n\n &::-moz-placeholder {\n color: var(--color-text-placeholder-disabled);\n }\n\n &:-ms-input-placeholder {\n color: var(--color-text-placeholder-disabled);\n }\n /* stylelint-enable */\n }\n\n &:hover {\n border-color: var(--color-border-hover);\n }\n\n &:focus-visible {\n border-color: var(--color-border-active);\n box-shadow: var(--box-shadow-focus);\n outline: none;\n }\n\n /* stylelint-disable */\n &::-webkit-input-placeholder {\n color: var(--color-text-placeholder);\n }\n\n &::-moz-placeholder {\n color: var(--color-text-placeholder);\n }\n\n &::-moz-placeholder {\n color: var(--color-text-placeholder);\n }\n\n &:-ms-input-placeholder {\n color: var(--color-text-placeholder);\n }\n\n &:has(~.pds-input__error-message) {\n background-color: var(--color-background-error);\n border-color: var(--color-border-error);\n\n &:focus-visible {\n box-shadow: var(--box-shadow-focus-error);\n outline: none;\n }\n }\n /* stylelint-enable */\n}\n\n.pds-input__error-message,\n.pds-input__helper-message {\n font-size: var(--font-size-helper-message);\n font-weight: var(--font-weight-helper-message);\n line-height: var(--line-height-helper-message);\n margin-block-end: 0;\n margin-block-start: var(--spacing-margin-top-helper-message);\n}\n\n.pds-input__error-message {\n align-items: center;\n color: var(--color-text-error);\n display: flex;\n font-size: var(--font-size-helper-message);\n gap: var(--spacing-icon-error-message);\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\nimport { assignDescription, messageId } from '../../utils/form';\nimport { PdsLabel } from '../_internal/pds-label/pds-label';\nimport { danger } from '@pine-ds/icons/icons';\n\n@Component({\n tag: 'pds-input',\n styleUrls: ['../../global/styles/base.scss', 'pds-input.scss'],\n shadow: true,\n})\nexport class PdsInput {\n\n /**\n * Specifies if and how the browser provides `autocomplete` assistance for the field.\n */\n @Prop() autocomplete: string;\n\n /**\n * A unique identifier used for the underlying component `id` attribute.\n */\n @Prop() componentId!: string;\n\n /**\n * Indicates whether or not the input field is disabled.\n */\n @Prop() disabled?: boolean;\n\n /**\n * Specifies the error message and provides an error-themed treatment to the field.\n */\n @Prop() errorMessage?: string;\n\n /**\n * Displays a message or hint below the input field.\n */\n @Prop() helperMessage?: string;\n\n /**\n * Indicates whether or not the input field is invalid or throws an error.\n */\n @Prop() invalid?: boolean;\n\n /**\n * Text to be displayed as the input label.\n */\n @Prop() label?: string;\n\n /**\n * Specifies the name. Submitted with the form name/value pair.\n */\n @Prop() name?: string;\n\n /**\n * Specifies a short hint that describes the expected value of the input field.\n */\n @Prop() placeholder?: string;\n\n /**\n * Indicates whether or not the input field is readonly.\n */\n @Prop() readonly?: boolean;\n\n /**\n * Indicates whether or not the input field is required.\n */\n @Prop() required?: boolean;\n\n /**\n * Determines the type of control that will be displayed\n `'email'`, `'number'`, `'password'`, `'tel'`, `'text'`\n * @defaultValue \"text\"\n */\n @Prop() type = 'text';\n\n /**\n * The value of the input.\n */\n @Prop({mutable: true}) value?: string;\n\n /**\n * Emitted when a keyboard input occurred.\n */\n @Event() pdsInput: EventEmitter<InputEvent>;\n\n private onInputEvent = (ev: Event) => {\n const input = ev.target as HTMLInputElement | null;\n if (input) {\n this.value = input.value || '';\n }\n this.pdsInput.emit(ev as InputEvent);\n };\n\n render() {\n return (\n <Host\n aria-disabled={this.disabled ? 'true' : null}\n >\n <div class=\"pds-input\">\n <PdsLabel htmlFor={this.componentId} text={this.label} />\n <input class=\"pds-input__field\"\n aria-describedby={assignDescription(this.componentId, this.invalid, this.helperMessage)}\n aria-invalid={this.invalid ? \"true\" : undefined}\n autocomplete={this.autocomplete}\n disabled={this.disabled}\n id={this.componentId}\n name={this.name}\n placeholder={this.placeholder}\n readOnly={this.readonly}\n required={this.required}\n type={this.type}\n value={this.value}\n onInput={this.onInputEvent}\n />\n {this.helperMessage &&\n <p\n class=\"pds-input__helper-message\"\n id={messageId(this.componentId, 'helper')}\n >\n {this.helperMessage}\n </p>\n }\n {this.errorMessage &&\n <p\n class=\"pds-input__error-message\"\n id={messageId(this.componentId, 'error')}\n aria-live=\"assertive\"\n >\n <pds-icon icon={danger} size=\"small\" />\n {this.errorMessage}\n </p>\n }\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"sQAAA,IAAMA,EAAU,yrDAChB,IAAAC,EAAeD,ECDf,IAAME,EAAc,u1HACpB,IAAAC,EAAeD,E,ICSFE,EAAQC,EAAA,uB,sEA0EXC,KAAAC,aAAe,SAACC,GACtB,IAAMC,EAAQD,EAAGE,OACjB,GAAID,EAAO,CACTE,EAAKC,MAAQH,EAAMG,OAAS,E,CAE9BD,EAAKE,SAASC,KAAKN,E,+RAjBN,O,qBAoBfO,EAAAC,UAAAC,OAAA,WACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2DACYd,KAAKe,SAAW,OAAS,MAExCH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,aACTJ,EAACK,EAAQ,CAAAH,IAAA,2CAACI,QAASlB,KAAKmB,YAAaC,KAAMpB,KAAKqB,QAChDT,EAAA,SAAAE,IAAA,2CAAOE,MAAM,mBAAkB,mBACXM,EAAkBtB,KAAKmB,YAAanB,KAAKuB,QAASvB,KAAKwB,eAAc,eACzExB,KAAKuB,QAAU,OAASE,UACtCC,aAAc1B,KAAK0B,aACnBX,SAAUf,KAAKe,SACfY,GAAI3B,KAAKmB,YACTS,KAAM5B,KAAK4B,KACXC,YAAa7B,KAAK6B,YAClBC,SAAU9B,KAAK+B,SACfC,SAAUhC,KAAKgC,SACfC,KAAMjC,KAAKiC,KACX3B,MAAON,KAAKM,MACZ4B,QAASlC,KAAKC,eAEfD,KAAKwB,eACJZ,EAAA,KAAAE,IAAA,2CACEE,MAAM,4BACNW,GAAIQ,EAAUnC,KAAKmB,YAAa,WAE/BnB,KAAKwB,eAGTxB,KAAKoC,cACJxB,EAAA,KAAAE,IAAA,2CACEE,MAAM,2BACNW,GAAIQ,EAAUnC,KAAKmB,YAAa,SAAQ,YAC9B,aAEVP,EAAA,YAAAE,IAAA,2CAAUuB,KAAMC,EAAQC,KAAK,UAC5BvC,KAAKoC,e,WAtHC,I","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register(["./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
System.register(["./p-45cf2585.system.js"],(function(e){"use strict";var a,t,n,i;return{setters:[function(e){a=e.r;t=e.h;n=e.H;i=e.g}],execute:function(){var s=":host{display:block}.pds-tabpanel{display:none;margin-top:var(--spacing-panel-margin-top);padding:var(--spacing-panel-padding)}.pds-tabpanel.is-active{display:block}";var c=s;var d=e("pds_tabpanel",function(){function e(e){a(this,e);this.name=undefined;this.parentComponentId=undefined;this.variant=undefined;this.selected=false}e.prototype.render=function(){return t(n,{key:"e373f0105e391bcb04888b060f41d96cf374ee2d",slot:"tabpanels"},t("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"},t("slot",{key:"df59ed91bf0ca60ccbde92b2f84c7c17659bfdbd"})))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return e}());d.style=c}}}));
|
|
2
|
+
//# sourceMappingURL=p-f16ef73c.system.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register(["./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
System.register(["./p-45cf2585.system.js","./p-e90b2c75.system.js"],(function(e){"use strict";var r,a,s,i,t;return{setters:[function(e){r=e.r;a=e.h;s=e.H;i=e.g},function(e){t=e.h}],execute:function(){var d=".pds-sortable-item.sc-pds-sortable-item-h{--border-radius:var(--pine-border-radius-125);--border-default:var(--pine-border-width-thin) solid var(--pine-color-grey-300);--box-shadow:var(--pine-box-shadow-400);--color-background-default:var(--pine-color-white);--color-background-interactive:var(--pine-color-grey-200);--color-interactive-handle:var(--pine-color-blue-300);--spacing-margin-inline-end:var(--pine-spacing-300);--spacing-padding-block-xs:var(--pine-spacing-100);--spacing-padding-inline:var(--pine-spacing-300);--spacing-padding-inline-start:var(--pine-spacing-300);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;padding-block:var(--spacing-padding-block-xs);padding-inline:var(--spacing-padding-inline)}.pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__actions.sc-pds-sortable-item{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-padding-start:var(--spacing-padding-inline-start);padding-inline-start:var(--spacing-padding-inline-start)}.pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{line-height:1;-webkit-margin-end:var(--spacing-margin-inline-end);margin-inline-end:var(--spacing-margin-inline-end)}.pds-sortable--bordered .pds-sortable-item.sc-pds-sortable-item-h:first-child{border-start-end-radius:var(--border-radius);border-start-start-radius:var(--border-radius)}.pds-sortable--bordered .pds-sortable-item.sc-pds-sortable-item-h:last-child{border-end-end-radius:var(--border-radius);border-end-start-radius:var(--border-radius)}.pds-sortable--divided .pds-sortable-item.sc-pds-sortable-item-h{-webkit-border-after:var(--border-default);border-block-end:var(--border-default)}.pds-sortable--divided .pds-sortable-item.sc-pds-sortable-item-h:last-child{-webkit-border-after:0;border-block-end:0}.pds-sortable--handle-type-row .pds-sortable-item.sc-pds-sortable-item-h{cursor:-webkit-grab;cursor:grab}.pds-sortable--handle-type-handle .pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{cursor:-webkit-grab;cursor:grab}.pds-sortable-item.sc-pds-sortable-item-h:hover{background-color:var(--color-background-interactive)}.pds-sortable-item.sc-pds-sortable-item-h:hover pds-icon.sc-pds-sortable-item{color:var(--color-interactive-handle)}.pds-sortable-item--drag.sc-pds-sortable-item-h{background-color:var(--color-background-default);border-radius:0;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);opacity:1}.pds-sortable-item--ghost.sc-pds-sortable-item-h{background-color:var(--color-background-interactive);border-radius:0}";var o=d;var n=e("pds_sortable_item",function(){function e(e){r(this,e);this.enableActions=false;this.componentId=undefined;this.showHandle=false}e.prototype.componentWillRender=function(){this.sortableRef=this.el.closest("pds-sortable");if(this.sortableRef&&this.sortableRef.handleType==="handle"){this.showHandle=true}};e.prototype.render=function(){return a(s,{key:"53229fa4308319c59c520bdf84291fb738d6f7c2",class:"pds-sortable-item",id:this.componentId},this.showHandle&&a("div",{key:"28a4a4fe6a946880e7501fd2a0697152f0665f4c",class:"pds-sortable-item__handle"},a("pds-icon",{key:"e45540e3787977b0861418455f6a0689cfcec887",icon:t})),a("slot",{key:"bca5cbb3c4f5b4f1732030428660f5ae976cced0"}),this.enableActions&&a("div",{key:"2928a942128e4bbad4c869f42b59d10501af4419",class:"pds-sortable-item__actions"},a("slot",{key:"c2a4e2a47300f1c8f06a23ba134c436a591442bf",name:"sortable-item-actions"})))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return e}());n.style=o}}}));
|
|
2
|
+
//# sourceMappingURL=p-f9719887.system.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,c as r,h as o,H as i}from"./p-87fe352f.js";import{m as a,P as t,a as n}from"./p-a9038f7f.js";import{b as d}from"./p-dc4a6d88.js";const s=":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}";const c=s;const l=':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)}';const h=l;const p=class{constructor(o){e(this,o);this.pdsCheckboxChange=r(this,"pdsCheckboxChange",7);this.pdsCheckboxInput=r(this,"pdsCheckboxInput",7);this.handleCheckboxChange=e=>{if(this.disabled){return}const r=e.target;this.checked=r.checked;this.pdsCheckboxChange.emit({checked:r.checked,value:this.value})};this.handleInput=()=>{this.pdsCheckboxInput.emit({checked:this.checked,value:this.value})};this.checked=false;this.componentId=undefined;this.disabled=undefined;this.errorMessage=undefined;this.helperMessage=undefined;this.indeterminate=undefined;this.invalid=undefined;this.label=undefined;this.labelHidden=undefined;this.name=undefined;this.required=undefined;this.value=undefined}updateIndeterminate(){this.indeterminate=undefined}classNames(){const e=[];if(this.invalid){e.push("is-invalid")}if(this.indeterminate){e.push("is-indeterminate")}if(this.disabled){e.push("is-disabled")}return e.join(" ")}render(){return o(i,{key:"20ec5fff75ed7c8e1fa203377da84533a24b359f",class:this.classNames()},o("input",{key:"640f30df7addcfb3ec9fc850a32283b5d7e9d096",type:"checkbox","aria-describedby":n(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}),o(t,{key:"8aa6d71f86bba517fd5b697b7a4c91a2002f29ba",htmlFor:this.componentId,text:this.label,classNames:this.labelHidden?"visually-hidden":""}),this.helperMessage&&o("div",{key:"3b683e51e76c802e77022e6544b05305e8fbaa2f",class:"pds-checkbox__message",id:a(this.componentId,"helper")},this.helperMessage),this.errorMessage&&o("div",{key:"8da70a6935cf8c419d2f1ffa36ae21a843823b11",class:`pds-checkbox__message pds-checkbox__message--error`,id:a(this.componentId,"error"),"aria-live":"assertive"},o("pds-icon",{key:"9fa9b8662cce3319ccff5bc8bce90b364f310d7b",icon:d,size:"small"}),this.errorMessage))}static get watchers(){return{checked:["updateIndeterminate"]}}};p.style=c+h;export{p as pds_checkbox};
|
|
2
|
+
//# sourceMappingURL=p-ff20b191.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["baseCss","PdsCheckboxStyle0","pdsCheckboxCss","PdsCheckboxStyle1","PdsCheckbox","this","handleCheckboxChange","e","disabled","target","checked","pdsCheckboxChange","emit","value","handleInput","pdsCheckboxInput","updateIndeterminate","indeterminate","undefined","classNames","invalid","push","join","render","h","Host","key","class","type","assignDescription","componentId","helperMessage","id","name","required","onChange","onInput","PdsLabel","htmlFor","text","label","labelHidden","messageId","errorMessage","icon","danger","size"],"sources":["src/global/styles/base.scss?tag=pds-checkbox&encapsulation=shadow","src/components/pds-checkbox/pds-checkbox.scss?tag=pds-checkbox&encapsulation=shadow","src/components/pds-checkbox/pds-checkbox.tsx"],"sourcesContent":["// TODO: replace core tokens with semantic\n// Heading color + outline\n\n/*\n Josh's Custom CSS Reset\n https://www.joshwcomeau.com/css/custom-css-reset/\n*/\n:where(*:not(slot), *:not(slot)::before, *:not(slot)::after) {\n box-sizing: border-box;\n}\n\n:where(*:not(slot)) {\n margin: 0;\n}\n\n:where(img, picture, video, canvas, svg) {\n display: block;\n max-width: 100%;\n}\n\n:where(input, button, textarea, select) {\n font: inherit;\n}\n\n:where(p, h1, h2, h3, h4, h5, h6) {\n overflow-wrap: break-word;\n}\n\n/*\n Additional Reset Styles\n*/\n:where(a:not([href]):not([class])) {\n color: currentColor;\n text-decoration: none;\n}\n\n:where(a:not([href]):not([class]):hover) {\n color: currentColor;\n text-decoration: none;\n}\n\n:where(ul[role='list'], ol[role='list']) {\n list-style: none;\n}\n\n:where(table) {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\n/*\n Mercury Base Styles\n*/\n// Typography\n:where(*:not(slot)) {\n font: var(--pine-typography-body-md-default);\n letter-spacing: var(--pine-letter-spacing-body-md);\n}\n\n:where(h1, h2, h3, h4, h5, h6) {\n font-family: var(--pine-font-family-heading);\n color: var(--pine-color-grey-950);\n}\n\n:where(h1) {\n font: var(--pine-typography-heading-h1);\n letter-spacing: var(--pine-letter-spacing-heading-h1);\n}\n\n:where(h2) {\n font: var(--pine-typography-heading-h2);\n letter-spacing: var(--pine-letter-spacing-heading-h2);\n}\n\n:where(h3) {\n font: var(--pine-typography-heading-h3);\n letter-spacing: var(--pine-letter-spacing-heading-h3);\n}\n\n:where(h4) {\n font: var(--pine-typography-heading-h4);\n letter-spacing: var(--pine-letter-spacing-heading-h4);\n}\n\n:where(h5) {\n font: var(--pine-typography-heading-h5);\n letter-spacing: var(--pine-letter-spacing-heading-h5);\n}\n\n:where(h6) {\n font: var(--pine-typography-heading-h6);\n letter-spacing: var(--pine-letter-spacing-heading-h6);\n}\n\n:where(div, label, p, span) {\n color: var(--pine-color-text-default);\n}\n\n:where(code, kbd, pre, samp) {\n font-family: monospace;\n}\n\n// Accessibility\n:where([role=\"button\"]) {\n cursor: pointer;\n}\n\n:where(:focus) {\n outline: 0;\n}\n\n:where(:focus-visible) {\n outline: var(--pine-border-width-thick) solid var(--pine-color-purple-500);\n}\n\n// Misc.\n:where([hidden]) {\n display: none !important;\n}\n",":host {\n --border-default: var(--pine-border-interactive-default);\n --border-hover: var(--pine-border-interactive-hover);\n\n --border-radius: var(--pine-border-radius-050);\n\n --box-shadow-focus: 0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);\n --box-shadow-focus-invalid: 0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-red-200);\n\n --color-background: var(--pine-color-white);\n --color-background-disabled: var(--pine-color-grey-100);\n --color-background-hover: var(--pine-color-grey-100);\n --color-background-checked: var(--pine-color-purple-500);\n --color-background-checked-hover: var(--pine-color-purple-600);\n --color-border-disabled: var(--pine-color-grey-300);\n --color-border-icon: var(--pine-color-white);\n --color-disabled: var(--pine-color-grey-300);\n --color-invalid: var(--pine-color-red-500);\n --color-invalid-hover: var(--pine-color-red-600);\n --color-text-disabled: var(--pine-color-grey-500);\n --color-text-message: var(--pine-color-grey-700);\n\n --sizing-input: var(--pine-font-size-116);\n\n align-items: center;\n display: flex;\n flex-flow: row wrap;\n}\n\n:host(.is-invalid) {\n input {\n border-color: var(--color-invalid);\n\n &:checked {\n background: var(--color-invalid);\n\n &:hover {\n background: var(--color-invalid-hover);\n border-color: var(--color-invalid-hover);\n }\n }\n\n &:focus-visible {\n // outline: var(--pine-border-focus); Border radius for outline does not work in Safari\n box-shadow: var(--box-shadow-focus-invalid); // Remove when outline radius is supported in Safari\n outline: none;\n }\n }\n\n label,\n .pds-checkbox__message--error {\n color: var(--color-invalid);\n }\n}\n\n:host(.is-indeterminate) {\n input {\n background: var(--color-background-checked);\n border-color: var(--color-background-checked);\n\n &:hover {\n background: var(--color-background-checked-hover);\n border-color: var(--color-background-checked-hover);\n }\n\n &::after {\n border: 1px solid var(--color-border-icon);\n border-bottom: 0;\n border-left: 0;\n border-top: 0;\n content: \"\";\n display: block;\n height: 7px;\n left: 50%;\n position: absolute;\n top: 50%;\n transform: rotate(90deg) translate3d(-103%, 32%, 0);\n width: 4px;\n }\n }\n}\n\ninput {\n appearance: none;\n background-color: var(--color-background);\n border: var(--border-default);\n border-radius: var(--border-radius);\n height: var(--sizing-input);\n margin: 0;\n position: relative;\n width: var(--sizing-input);\n\n &:hover {\n background: var(--color-background-hover);\n border: var(--border-hover);\n }\n\n &:checked {\n background: var(--color-background-checked);\n border-color: var(--color-background-checked);\n\n &:hover {\n background: var(--color-background-checked-hover);\n border-color: var(--color-background-checked-hover);\n }\n\n &::after {\n border: 1px solid var(--color-border-icon);\n border-left: 0;\n border-top: 0;\n content: \"\";\n display: block;\n height: 7px;\n left: 50%;\n position: absolute;\n top: 50%;\n transform: rotate(43deg) translate3d(-110%, -30%, 0);\n width: 4px;\n }\n }\n\n &:disabled {\n background: var(--color-background-disabled);\n border-color: var(--color-disabled);\n cursor: not-allowed;\n\n &:checked {\n background: var(--color-disabled);\n border-color: var(--color-disabled);\n\n &::after {\n border-color: var(--color-border-disabled);\n }\n }\n\n + label {\n color: var(--color-text-disabled);\n cursor: not-allowed;\n }\n\n ~ .pds-checkbox__message {\n color: var(--color-text-disabled);\n }\n }\n\n &:focus-visible {\n // outline: var(--pine-border-focus); Border radius for outline does not work in Safari\n box-shadow: var(--box-shadow-focus); // Remove when outline radius is supported in Safari\n outline: none;\n }\n}\n\nlabel {\n font-weight: var(--pine-font-weight-body-medium);\n margin-inline-start: 10px;\n}\n\n.visually-hidden {\n border: 0;\n clip: rect(0 0 0 0);\n clip-path: polygon(0 0, 0 0, 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n.pds-checkbox__message {\n color: var(--color-text-message);\n margin-block-start: 6px;\n margin-inline-start: 26px;\n width: 100%;\n}\n\n.pds-checkbox__message--error {\n align-items: center;\n display: flex;\n font-size: var(--pine-font-size-085);\n gap: var(--pine-spacing-050);\n}\n","import { Component, h, Prop, Host, Event, EventEmitter, Watch } from '@stencil/core';\nimport { assignDescription, messageId } from '../../utils/form';\nimport { PdsLabel } from '../_internal/pds-label/pds-label';\nimport { CheckboxChangeEventDetail } from './checkbox-interface';\nimport { danger } from '@pine-ds/icons/icons';\n\n@Component({\n tag: 'pds-checkbox',\n styleUrls: ['../../global/styles/base.scss', 'pds-checkbox.scss'],\n shadow: true,\n})\nexport class PdsCheckbox {\n /**\n * It determines whether or not the checkbox is checked.\n */\n @Prop({ mutable: true }) checked?: boolean = false;\n\n /**\n * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.\n */\n @Prop() componentId!: string;\n\n /**\n * It determines whether or not the checkbox is disabled.\n */\n @Prop() disabled: boolean;\n\n /**\n * Displays message text describing an invalid state.\n */\n @Prop() errorMessage: string;\n\n /**\n * String used for helper message below checkbox.\n */\n @Prop() helperMessage: string;\n\n /**\n * If `true`, the checkbox will visually appear as indeterminate.\n * Only JavaScript can set the objects `indeterminate` property. See [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes).\n */\n @Prop({ mutable: true }) indeterminate: boolean;\n\n /**\n * It determines whether or not the checkbox is invalid.\n */\n @Prop() invalid: boolean;\n\n /**\n * String used for label text next to checkbox.\n */\n @Prop() label: string;\n\n /**\n * Visually hides the label text for instances where only the checkbox should be displayed. Label remains accessible to assistive technology such as screen readers.\n */\n @Prop() labelHidden: boolean;\n\n /**\n * String used for checkbox `name` attribute.\n */\n @Prop() name: string;\n\n /**\n * It determines whether or not the checkbox is required.\n */\n @Prop() required: boolean;\n\n /**\n * The value of the checkbox that is submitted with a form.\n */\n @Prop() value: string;\n\n /**\n * Event emitted that contains the `value` and `checked`.\n */\n @Event() pdsCheckboxChange: EventEmitter<CheckboxChangeEventDetail>;\n\n @Event() pdsCheckboxInput: EventEmitter<CheckboxChangeEventDetail>;\n\n @Watch('checked')\n updateIndeterminate() {\n this.indeterminate = undefined\n }\n\n private handleCheckboxChange = (e: Event) => {\n if (this.disabled) {\n return;\n }\n\n const target = e.target as HTMLInputElement;\n this.checked = target.checked;\n\n this.pdsCheckboxChange.emit({\n checked: target.checked,\n value: this.value\n });\n }\n\n private handleInput = () => {\n this.pdsCheckboxInput.emit({\n checked: this.checked,\n value: this.value\n });\n }\n\n private classNames() {\n const classNames = [];\n\n if (this.invalid) { classNames.push('is-invalid'); }\n if (this.indeterminate) { classNames.push('is-indeterminate'); }\n if (this.disabled) { classNames.push('is-disabled'); }\n\n return classNames.join(' ');\n }\n\n render() {\n return (\n <Host class={this.classNames()}>\n <input\n type=\"checkbox\"\n aria-describedby={assignDescription(this.componentId, this.invalid, this.helperMessage)}\n aria-invalid={this.invalid ? \"true\" : undefined}\n id={this.componentId}\n indeterminate={this.indeterminate}\n name={this.name}\n value={this.value}\n checked={this.checked}\n required={this.required}\n disabled={this.disabled}\n onChange={this.handleCheckboxChange}\n onInput={this.handleInput}\n />\n <PdsLabel htmlFor={this.componentId} text={this.label} classNames={this.labelHidden ? 'visually-hidden' : ''} />\n {this.helperMessage &&\n <div\n class={'pds-checkbox__message'}\n id={messageId(this.componentId, 'helper')}\n >\n {this.helperMessage}\n </div>\n }\n {this.errorMessage &&\n <div\n class={`pds-checkbox__message pds-checkbox__message--error`}\n id={messageId(this.componentId, 'error')}\n aria-live=\"assertive\"\n >\n <pds-icon icon={danger} size=\"small\" />\n {this.errorMessage}\n </div>\n }\n </Host>\n );\n }\n}\n"],"mappings":"+IAAA,MAAMA,EAAU,yrDAChB,MAAAC,EAAeD,ECDf,MAAME,EAAiB,yjIACvB,MAAAC,EAAeD,E,MCUFE,EAAW,M,iIA0EdC,KAAAC,qBAAwBC,IAC9B,GAAIF,KAAKG,SAAU,CACjB,M,CAGF,MAAMC,EAASF,EAAEE,OACjBJ,KAAKK,QAAUD,EAAOC,QAEtBL,KAAKM,kBAAkBC,KAAK,CAC1BF,QAASD,EAAOC,QAChBG,MAAOR,KAAKQ,OACZ,EAGIR,KAAAS,YAAc,KACpBT,KAAKU,iBAAiBH,KAAK,CACzBF,QAASL,KAAKK,QACdG,MAAOR,KAAKQ,OACZ,E,aAxFyC,M,iRAkE7C,mBAAAG,GACEX,KAAKY,cAAgBC,S,CAwBf,UAAAC,GACN,MAAMA,EAAa,GAEnB,GAAId,KAAKe,QAAS,CAAED,EAAWE,KAAK,a,CACpC,GAAIhB,KAAKY,cAAe,CAAEE,EAAWE,KAAK,mB,CAC1C,GAAIhB,KAAKG,SAAU,CAAEW,EAAWE,KAAK,c,CAErC,OAAOF,EAAWG,KAAK,K,CAGzB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOtB,KAAKc,cAChBK,EAAA,SAAAE,IAAA,2CACEE,KAAK,WAAU,mBACGC,EAAkBxB,KAAKyB,YAAazB,KAAKe,QAASf,KAAK0B,eAAc,eACzE1B,KAAKe,QAAU,OAASF,UACtCc,GAAI3B,KAAKyB,YACTb,cAAeZ,KAAKY,cACpBgB,KAAM5B,KAAK4B,KACXpB,MAAOR,KAAKQ,MACZH,QAASL,KAAKK,QACdwB,SAAU7B,KAAK6B,SACf1B,SAAUH,KAAKG,SACf2B,SAAU9B,KAAKC,qBACf8B,QAAS/B,KAAKS,cAEhBU,EAACa,EAAQ,CAAAX,IAAA,2CAACY,QAASjC,KAAKyB,YAAaS,KAAMlC,KAAKmC,MAAOrB,WAAYd,KAAKoC,YAAc,kBAAoB,KACzGpC,KAAK0B,eACJP,EAAA,OAAAE,IAAA,2CACEC,MAAO,wBACPK,GAAIU,EAAUrC,KAAKyB,YAAa,WAE/BzB,KAAK0B,eAGT1B,KAAKsC,cACJnB,EAAA,OAAAE,IAAA,2CACEC,MAAO,qDACPK,GAAIU,EAAUrC,KAAKyB,YAAa,SAAQ,YAC9B,aAEVN,EAAA,YAAAE,IAAA,2CAAUkB,KAAMC,EAAQC,KAAK,UAC5BzC,KAAKsC,c","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,b as o}from"./p-
|
|
1
|
+
import{p as e,b as o}from"./p-87fe352f.js";export{s as setNonce}from"./p-87fe352f.js";import{g as n}from"./p-e1255160.js";var t=()=>{const o=import.meta.url;const n={};if(o!==""){n.resourcesUrl=new URL(".",o).href}return e(n)};t().then((async e=>{await n();return o([["p-00cccccb",[[1,"pds-table-head",{indeterminate:[1028],isSelected:[1028,"is-selected"]}]]],["p-d6d8a21a",[[1,"pds-table-row",{indeterminate:[1028],isSelected:[1028,"is-selected"]}]]],["p-953e6fde",[[1,"pds-copytext",{border:[516],componentId:[1,"component-id"],fullWidth:[4,"full-width"],truncate:[4],value:[1]}]]],["p-239891e6",[[1,"pds-accordion",{componentId:[1,"component-id"],isOpen:[1540,"open"]},null,{isOpen:["handleOpenState"]}]]],["p-3e4225fc",[[1,"pds-avatar",{alt:[1],badge:[4],componentId:[1,"component-id"],dropdown:[4],image:[1],size:[513],variant:[513]}]]],["p-3ff2642d",[[1,"pds-chip",{componentId:[1,"component-id"],dot:[4],label:[1],large:[4],sentiment:[1],variant:[1]}]]],["p-06513fe5",[[1,"pds-input",{autocomplete:[1],componentId:[1,"component-id"],disabled:[4],errorMessage:[1,"error-message"],helperMessage:[1,"helper-message"],invalid:[4],label:[1],name:[1],placeholder:[1],readonly:[4],required:[4],type:[1],value:[1025]}]]],["p-0ff89cf4",[[1,"pds-link",{componentId:[1,"component-id"],external:[4],variant:[1],fontSize:[1,"font-size"],href:[1]}]]],["p-d5c90be4",[[2,"pds-radio",{checked:[4],componentId:[1,"component-id"],disabled:[4],errorMessage:[1,"error-message"],helperMessage:[1,"helper-message"],invalid:[4],label:[1],name:[1],required:[4],value:[1]}]]],["p-88702fa2",[[1,"pds-select",{autocomplete:[1],componentId:[1,"component-id"],disabled:[4],errorMessage:[1,"error-message"],helperMessage:[1,"helper-message"],invalid:[4],label:[1],multiple:[4],name:[1],required:[4],value:[1025]},null,{value:["valueChanged"]}]]],["p-6e079be2",[[6,"pds-sortable-item",{enableActions:[4,"enable-actions"],componentId:[1,"component-id"],showHandle:[1028,"show-handle"]}]]],["p-34f84589",[[1,"pds-switch",{componentId:[1,"component-id"],checked:[1028],disabled:[4],errorMessage:[1,"error-message"],helperMessage:[1,"helper-message"],invalid:[4],label:[1],name:[1],required:[4],value:[1]}]]],["p-d37d900e",[[1,"pds-textarea",{autocomplete:[1],componentId:[1,"component-id"],disabled:[4],errorMessage:[1,"error-message"],helperMessage:[1,"helper-message"],invalid:[1028],label:[1],name:[1],placeholder:[1],readonly:[4],required:[4],rows:[2],value:[1025]}]]],["p-9487df53",[[0,"pds-box",{alignItems:[1,"align-items"],auto:[4],backgroundColor:[1,"background-color"],border:[4],borderColor:[1,"border-color"],borderRadius:[1,"border-radius"],direction:[1],display:[1],fit:[4],gap:[1],flex:[1],justifyContent:[1,"justify-content"],minHeight:[1,"min-height"],minWidth:[1,"min-width"],offset:[1],offsetXs:[1,"offset-xs"],offsetSm:[1,"offset-sm"],offsetMd:[1,"offset-md"],offsetLg:[1,"offset-lg"],offsetXl:[1,"offset-xl"],padding:[1],shadow:[1],size:[1],sizeXs:[1,"size-xs"],sizeSm:[1,"size-sm"],sizeMd:[1,"size-md"],sizeLg:[1,"size-lg"],sizeXl:[1,"size-xl"]}]]],["p-0ac04129",[[1,"pds-divider",{componentId:[1,"component-id"],offset:[1],vertical:[4]}]]],["p-760e1c32",[[1,"pds-image",{alt:[1],componentId:[1,"component-id"],height:[2],loading:[1],sizes:[1],src:[1],srcset:[1],width:[2]}]]],["p-ebdaf3ad",[[1,"pds-loader",{isLoading:[4,"is-loading"],showLabel:[4,"show-label"],size:[513],variant:[1]}]]],["p-4f9b1945",[[1,"pds-popover",{popoverTargetAction:[1,"popover-target-action"],popoverType:[1,"popover-type"],componentId:[1,"component-id"],text:[1],maxWidth:[2,"max-width"],placement:[513],active:[32]},[[2,"click","handleClick"],[11,"scroll","handleScroll"]]]]],["p-bbd19258",[[1,"pds-progress",{animated:[4],componentId:[1,"component-id"],fillColor:[1,"fill-color"],label:[1],percent:[2],showPercent:[4,"show-percent"]}]]],["p-624de926",[[0,"pds-row",{alignItems:[1,"align-items"],border:[4],colGap:[1,"col-gap"],componentId:[1,"component-id"],justifyContent:[1,"justify-content"],minHeight:[1,"min-height"],noWrap:[4,"no-wrap"]}]]],["p-ceb66096",[[6,"pds-sortable",{border:[516],componentId:[1,"component-id"],dividers:[516],handleType:[1,"handle-type"]}]]],["p-3acb18ad",[[4,"pds-tab",{name:[1],parentComponentId:[1,"parent-component-id"],variant:[1],index:[2],selected:[4]}]]],["p-a51098dd",[[1,"pds-table",{compact:[4],componentId:[1,"component-id"],responsive:[4],fixedColumn:[4,"fixed-column"],selectable:[4],sortingColumn:[32],sortingDirection:[32]},[[0,"pdsTableSort","handleTableSort"],[0,"pdsTableSelectAll","handleTableSelectAll"],[0,"pdsTableRowSelected","handleTableSelect"]]]]],["p-59fcea0f",[[1,"pds-table-body"]]],["p-65229490",[[4,"pds-tabpanel",{name:[1],parentComponentId:[1,"parent-component-id"],variant:[1],selected:[1028]}]]],["p-4d22b02c",[[1,"pds-tabs",{tablistLabel:[1,"tablist-label"],componentId:[1,"component-id"],variant:[1],activeTabName:[1025,"active-tab-name"],activeTabIndex:[1026,"active-tab-index"]},[[16,"pdsTabClick","tabClickHandler"],[0,"keydown","handleKeyDown"]]]]],["p-110b2e03",[[1,"pds-text",{align:[1],color:[1],gutter:[1],size:[1],weight:[1],tag:[1]}]]],["p-1e80f274",[[1,"pds-tooltip",{content:[1],componentId:[1,"component-id"],hasArrow:[4,"has-arrow"],htmlContent:[4,"html-content"],placement:[513],maxWidth:[1,"max-width"],opened:[1540],isOpen:[32],showTooltip:[64],hideTooltip:[64]},null,{opened:["handleOpenToggle"]}]]],["p-e2a673e8",[[1,"pds-icon",{color:[1],icon:[8],name:[513],size:[513],src:[1],ariaLabel:[32],isVisible:[32],svgContent:[32]},null,{size:["updateStyles"],color:["updateStyles"],name:["loadIcon"],src:["loadIcon"],icon:["loadIcon"]}]]],["p-e936e948",[[1,"pds-button",{componentId:[1,"component-id"],disabled:[4],icon:[1],name:[1],value:[1],type:[1],variant:[1]}]]],["p-84a4930d",[[1,"pds-table-head-cell",{sortable:[4],sortingDirection:[32],tableScrolling:[32],isSelected:[32]}]]],["p-88410213",[[1,"pds-table-cell",{truncate:[4],tableScrolling:[32]}]]],["p-ff20b191",[[1,"pds-checkbox",{checked:[1028],componentId:[1,"component-id"],disabled:[4],errorMessage:[1,"error-message"],helperMessage:[1,"helper-message"],indeterminate:[1028],invalid:[4],label:[1],labelHidden:[4,"label-hidden"],name:[1],required:[4],value:[1]},null,{checked:["updateIndeterminate"]}]]]],e)}));
|
|
2
2
|
//# sourceMappingURL=pine-core.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","indeterminate","isSelected","border","componentId","fullWidth","truncate","value","isOpen","alt","badge","dropdown","image","size","variant","sentiment","
|
|
1
|
+
{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","indeterminate","isSelected","border","componentId","fullWidth","truncate","value","isOpen","alt","badge","dropdown","image","size","variant","dot","label","large","sentiment","autocomplete","disabled","errorMessage","helperMessage","invalid","name","placeholder","readonly","required","type","external","fontSize","checked","multiple","enableActions","showHandle","rows","alignItems","auto","backgroundColor","borderColor","borderRadius","direction","display","fit","gap","flex","justifyContent","minHeight","minWidth","offset","offsetXs","offsetSm","offsetMd","offsetLg","offsetXl","padding","shadow","sizeXs","sizeSm","sizeMd","sizeLg","sizeXl","vertical","height","loading","sizes","src","srcset","width","isLoading","showLabel","popoverTargetAction","popoverType","text","maxWidth","placement","active","animated","fillColor","percent","showPercent","colGap","noWrap","dividers","handleType","parentComponentId","index","selected","compact","responsive","fixedColumn","selectable","sortingColumn","sortingDirection","tablistLabel","activeTabName","activeTabIndex","align","color","gutter","weight","tag","content","hasArrow","htmlContent","opened","showTooltip","hideTooltip","icon","ariaLabel","isVisible","svgContent","sortable","tableScrolling","labelHidden"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.22.2 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"0HAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAc,oCAA8B,CAAOC,cAAE,OAAAC,WAAA,4DAAAD,cAAA,OAAAC,WAAA,2DAAAC,OAAA,MAAAC,YAAA,mBAAAC,UAAA,iBAAAC,SAAA,IAAAC,MAAA,2CAAAH,YAAA,mBAAAI,OAAA,qBAAAA,OAAA,wDAAAC,IAAA,IAAAC,MAAA,IAAAN,YAAA,mBAAAO,SAAA,IAAAC,MAAA,IAAAC,KAAA,MAAAC,QAAA,wCAAAV,YAAA,mBAAAW,IAAA,IAAAC,MAAA,IAAAC,MAAA,IAAAC,UAAA,IAAAJ,QAAA,uCAAAK,aAAA,IAAAf,YAAA,mBAAAgB,SAAA,IAAAC,aAAA,oBAAAC,cAAA,qBAAAC,QAAA,IAAAP,MAAA,IAAAQ,KAAA,IAAAC,YAAA,IAAAC,SAAA,IAAAC,SAAA,IAAAC,KAAA,IAAArB,MAAA,yCAAAH,YAAA,mBAAAyB,SAAA,IAAAf,QAAA,IAAAgB,SAAA,gBAAApC,KAAA,uCAAAqC,QAAA,IAAA3B,YAAA,mBAAAgB,SAAA,IAAAC,aAAA,oBAAAC,cAAA,qBAAAC,QAAA,IAAAP,MAAA,IAAAQ,KAAA,IAAAG,SAAA,IAAApB,MAAA,wCAAAY,aAAA,IAAAf,YAAA,mBAAAgB,SAAA,IAAAC,aAAA,oBAAAC,cAAA,qBAAAC,QAAA,IAAAP,MAAA,IAAAgB,SAAA,IAAAR,KAAA,IAAAG,SAAA,IAAApB,MAAA,cAAAA,MAAA,4DAAA0B,cAAA,qBAAA7B,YAAA,mBAAA8B,WAAA,yDAAA9B,YAAA,mBAAA2B,QAAA,OAAAX,SAAA,IAAAC,aAAA,oBAAAC,cAAA,qBAAAC,QAAA,IAAAP,MAAA,IAAAQ,KAAA,IAAAG,SAAA,IAAApB,MAAA,0CAAAY,aAAA,IAAAf,YAAA,mBAAAgB,SAAA,IAAAC,aAAA,oBAAAC,cAAA,qBAAAC,QAAA,OAAAP,MAAA,IAAAQ,KAAA,IAAAC,YAAA,IAAAC,SAAA,IAAAC,SAAA,IAAAQ,KAAA,IAAA5B,MAAA,wCAAA6B,WAAA,kBAAAC,KAAA,IAAAC,gBAAA,uBAAAnC,OAAA,IAAAoC,YAAA,mBAAAC,aAAA,oBAAAC,UAAA,IAAAC,QAAA,IAAAC,IAAA,IAAAC,IAAA,IAAAC,KAAA,IAAAC,eAAA,sBAAAC,UAAA,iBAAAC,SAAA,gBAAAC,OAAA,IAAAC,SAAA,gBAAAC,SAAA,gBAAAC,SAAA,gBAAAC,SAAA,gBAAAC,SAAA,gBAAAC,QAAA,IAAAC,OAAA,IAAA3C,KAAA,IAAA4C,OAAA,cAAAC,OAAA,cAAAC,OAAA,cAAAC,OAAA,cAAAC,OAAA,mDAAAzD,YAAA,mBAAA6C,OAAA,IAAAa,SAAA,uCAAArD,IAAA,IAAAL,YAAA,mBAAA2D,OAAA,IAAAC,QAAA,IAAAC,MAAA,IAAAC,IAAA,IAAAC,OAAA,IAAAC,MAAA,wCAAAC,UAAA,iBAAAC,UAAA,iBAAAzD,KAAA,MAAAC,QAAA,yCAAAyD,oBAAA,4BAAAC,YAAA,mBAAApE,YAAA,mBAAAqE,KAAA,IAAAC,SAAA,gBAAAC,UAAA,MAAAC,OAAA,oGAAAC,SAAA,IAAAzE,YAAA,mBAAA0E,UAAA,iBAAA9D,MAAA,IAAA+D,QAAA,IAAAC,YAAA,oDAAA5C,WAAA,kBAAAjC,OAAA,IAAA8E,OAAA,cAAA7E,YAAA,mBAAA0C,eAAA,sBAAAC,UAAA,iBAAAmC,OAAA,oDAAA/E,OAAA,MAAAC,YAAA,mBAAA+E,SAAA,MAAAC,WAAA,mDAAA5D,KAAA,IAAA6D,kBAAA,0BAAAvE,QAAA,IAAAwE,MAAA,IAAAC,SAAA,uCAAAC,QAAA,IAAApF,YAAA,mBAAAqF,WAAA,IAAAC,YAAA,mBAAAC,WAAA,IAAAC,cAAA,KAAAC,iBAAA,qNAAArE,KAAA,IAAA6D,kBAAA,0BAAAvE,QAAA,IAAAyE,SAAA,yCAAAO,aAAA,oBAAA1F,YAAA,mBAAAU,QAAA,IAAAiF,cAAA,yBAAAC,eAAA,iIAAAC,MAAA,IAAAC,MAAA,IAAAC,OAAA,IAAAtF,KAAA,IAAAuF,OAAA,IAAAC,IAAA,yCAAAC,QAAA,IAAAlG,YAAA,mBAAAmG,SAAA,gBAAAC,YAAA,mBAAA7B,UAAA,MAAAD,SAAA,gBAAA+B,OAAA,OAAAjG,OAAA,KAAAkG,YAAA,KAAAC,YAAA,YAAAF,OAAA,uDAAAP,MAAA,IAAAU,KAAA,IAAApF,KAAA,MAAAX,KAAA,MAAAqD,IAAA,IAAA2C,UAAA,KAAAC,UAAA,KAAAC,WAAA,YAAAlG,KAAA,iBAAAqF,MAAA,iBAAA1E,KAAA,aAAA0C,IAAA,aAAA0C,KAAA,iDAAAxG,YAAA,mBAAAgB,SAAA,IAAAwF,KAAA,IAAApF,KAAA,IAAAjB,MAAA,IAAAqB,KAAA,IAAAd,QAAA,iDAAAkG,SAAA,IAAAnB,iBAAA,KAAAoB,eAAA,KAAA/G,WAAA,6CAAAI,SAAA,IAAA2G,eAAA,2CAAAlF,QAAA,OAAA3B,YAAA,mBAAAgB,SAAA,IAAAC,aAAA,oBAAAC,cAAA,qBAAArB,cAAA,OAAAsB,QAAA,IAAAP,MAAA,IAAAkG,YAAA,mBAAA1F,KAAA,IAAAG,SAAA,IAAApB,MAAA,WAAAwB,QAAA,6BAAAjC,EAAA","ignoreList":[]}
|
|
@@ -115,7 +115,7 @@ DOMTokenList
|
|
|
115
115
|
var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
|
|
116
116
|
var start = function() {
|
|
117
117
|
// if src is not present then origin is "null", and new URL() throws TypeError: Failed to construct 'URL': Invalid base URL
|
|
118
|
-
var url = new URL('./p-
|
|
118
|
+
var url = new URL('./p-5c04aee0.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
|
|
119
119
|
System.import(url.href);
|
|
120
120
|
};
|
|
121
121
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="pdsicon"><path fill-rule="evenodd" d="
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="pdsicon"><path fill-rule="evenodd" d="M12 2a1 1 0 0 1 1 1v4h4a1 1 0 1 1 0 2h-4v4a1 1 0 1 1-2 0V9H7a1 1 0 0 1 0-2h4V3a1 1 0 0 1 1-1M3 19v-4a1 1 0 1 0-2 0v4a3 3 0 0 0 3 3h16a3 3 0 0 0 3-3v-4a1 1 0 1 0-2 0v4a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1"/></svg>
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { EventEmitter } from '../../stencil-public-runtime';
|
|
1
2
|
/**
|
|
2
3
|
* @part button - The main button element that represents the button component.
|
|
3
4
|
* @part caret - The caret icon element that appears when the button variant is 'disclosure'.
|
|
@@ -35,6 +36,7 @@ export declare class PdsButton {
|
|
|
35
36
|
* Sets button variant styles as outlined in Figma documentation
|
|
36
37
|
*/
|
|
37
38
|
variant: 'primary' | 'secondary' | 'accent' | 'disclosure' | 'destructive' | 'unstyled';
|
|
39
|
+
pdsClick: EventEmitter;
|
|
38
40
|
private handleClick;
|
|
39
41
|
private classNames;
|
|
40
42
|
render(): any;
|
|
@@ -4,32 +4,32 @@ export declare class PdsChip {
|
|
|
4
4
|
* A unique identifier used for the underlying component `id` attribute.
|
|
5
5
|
*/
|
|
6
6
|
componentId: string;
|
|
7
|
-
/**
|
|
8
|
-
* Sets the color scheme of the chip.
|
|
9
|
-
* @defaultValue 'neutral'
|
|
10
|
-
*/
|
|
11
|
-
sentiment: 'accent' | 'danger' | 'info' | 'neutral' | 'success' | 'warning';
|
|
12
7
|
/**
|
|
13
8
|
* Determines whether a dot should be displayed on the chip.
|
|
14
9
|
* @defaultValue false
|
|
15
10
|
*/
|
|
16
11
|
dot: boolean;
|
|
17
12
|
/**
|
|
18
|
-
*
|
|
13
|
+
* Sets the text label content of the chip.
|
|
19
14
|
*/
|
|
20
15
|
label: string;
|
|
21
16
|
/**
|
|
22
|
-
* Determines whether the chip should be
|
|
17
|
+
* Determines whether the chip should be displayed in a larger size.
|
|
23
18
|
* @defaultValue false
|
|
24
19
|
*/
|
|
25
20
|
large: boolean;
|
|
21
|
+
/**
|
|
22
|
+
* Defines the color scheme of the chip.
|
|
23
|
+
* @defaultValue 'neutral'
|
|
24
|
+
*/
|
|
25
|
+
sentiment: 'accent' | 'danger' | 'info' | 'neutral' | 'success' | 'warning';
|
|
26
26
|
/**
|
|
27
27
|
* Sets the style variant of the chip.
|
|
28
28
|
* @defaultValue 'text'
|
|
29
29
|
*/
|
|
30
30
|
variant: 'text' | 'tag' | 'dropdown';
|
|
31
31
|
/**
|
|
32
|
-
* Event when close button is clicked on tag variant.
|
|
32
|
+
* Event emitted when the close button is clicked on a tag variant chip.
|
|
33
33
|
*/
|
|
34
34
|
pdsTagCloseClick: EventEmitter;
|
|
35
35
|
private handleCloseClick;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { EventEmitter } from '../../stencil-public-runtime';
|
|
2
2
|
export declare class PdsCopytext {
|
|
3
3
|
/**
|
|
4
|
-
* Determines whether `copytext` should have a border.
|
|
4
|
+
* Determines whether `copytext` should have a visible border.
|
|
5
5
|
* @defaultValue true
|
|
6
6
|
*/
|
|
7
7
|
border: boolean;
|
|
@@ -20,11 +20,11 @@ export declare class PdsCopytext {
|
|
|
20
20
|
*/
|
|
21
21
|
truncate: boolean;
|
|
22
22
|
/**
|
|
23
|
-
*
|
|
23
|
+
* The string displayed that is also copied to the clipboard upon interaction.
|
|
24
24
|
*/
|
|
25
25
|
value: string;
|
|
26
26
|
/**
|
|
27
|
-
* Event when copyText button is clicked.
|
|
27
|
+
* Event fired when copyText button is clicked.
|
|
28
28
|
*/
|
|
29
29
|
pdsCopyTextClick: EventEmitter;
|
|
30
30
|
private copyToClipboard;
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
export declare class PdsImage {
|
|
2
2
|
/**
|
|
3
3
|
* The image's alt tag. If none is provided,
|
|
4
|
-
* it will default to an empty string
|
|
4
|
+
* it will default to an empty string, which is desired for
|
|
5
|
+
* decorative images.
|
|
6
|
+
* @defaultValue ''
|
|
5
7
|
*/
|
|
6
8
|
alt?: string;
|
|
7
9
|
/**
|
|
@@ -16,11 +18,12 @@ export declare class PdsImage {
|
|
|
16
18
|
height?: number;
|
|
17
19
|
/**
|
|
18
20
|
* Indicates how the browser should load the image.
|
|
21
|
+
* @defaultValue eager
|
|
19
22
|
*/
|
|
20
23
|
loading?: 'eager' | 'lazy';
|
|
21
24
|
/**
|
|
22
25
|
* Determines the intended display size of an image
|
|
23
|
-
* within
|
|
26
|
+
* within certain breakpoints. Has no effect if `srcset`
|
|
24
27
|
* is not set or value has no width descriptor.
|
|
25
28
|
*/
|
|
26
29
|
sizes?: string;
|
|
@@ -29,7 +32,8 @@ export declare class PdsImage {
|
|
|
29
32
|
*/
|
|
30
33
|
src: string;
|
|
31
34
|
/**
|
|
32
|
-
* A set of image sources for the browser to use
|
|
35
|
+
* A set of image sources for the browser to use
|
|
36
|
+
* for responsiveness.
|
|
33
37
|
*/
|
|
34
38
|
srcset?: string;
|
|
35
39
|
/**
|