@pine-ds/core 3.19.0 → 3.21.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/index2.js +1 -1
- package/components/index2.js.map +1 -1
- package/components/mock-pds-modal.js +1 -1
- package/components/mock-pds-modal.js.map +1 -1
- package/components/pds-accordion.js +4 -3
- package/components/pds-accordion.js.map +1 -1
- package/components/pds-modal.js +2 -2
- package/components/pds-modal.js.map +1 -1
- package/components/pds-text2.js +17 -7
- package/components/pds-text2.js.map +1 -1
- package/dist/cjs/{index-CjhTEk39.js → index-D8mNsvM8.js} +3 -3
- package/dist/{esm-es5/index-BFkDH5XU.js.map → cjs/index-D8mNsvM8.js.map} +1 -1
- package/dist/cjs/mock-pds-modal.cjs.entry.js +1 -1
- package/dist/cjs/mock-pds-modal.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-accordion.cjs.entry.js +4 -3
- package/dist/cjs/pds-accordion.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-avatar.cjs.entry.js +1 -1
- package/dist/cjs/pds-button.cjs.entry.js +1 -1
- package/dist/cjs/pds-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/pds-chip.cjs.entry.js +1 -1
- package/dist/cjs/pds-copytext.cjs.entry.js +1 -1
- package/dist/cjs/pds-filter.cjs.entry.js +1 -1
- package/dist/cjs/pds-input.cjs.entry.js +1 -1
- package/dist/cjs/pds-link.cjs.entry.js +1 -1
- package/dist/cjs/pds-modal.cjs.entry.js +2 -2
- package/dist/cjs/pds-modal.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-multiselect.cjs.entry.js +1 -1
- package/dist/cjs/pds-radio-group.cjs.entry.js +1 -1
- package/dist/cjs/pds-radio.cjs.entry.js +1 -1
- package/dist/cjs/pds-select.cjs.entry.js +1 -1
- package/dist/cjs/pds-sortable-item.cjs.entry.js +1 -1
- package/dist/cjs/pds-switch.cjs.entry.js +1 -1
- package/dist/cjs/pds-table-head-cell.cjs.entry.js +1 -1
- package/dist/cjs/pds-text.cjs.entry.js +17 -7
- package/dist/cjs/pds-text.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-textarea.cjs.entry.js +1 -1
- package/dist/collection/components/pds-accordion/pds-accordion.js +20 -2
- package/dist/collection/components/pds-accordion/pds-accordion.js.map +1 -1
- package/dist/collection/components/pds-modal/pds-modal.js +2 -2
- package/dist/collection/components/pds-modal/pds-modal.js.map +1 -1
- package/dist/collection/components/pds-modal/test/mock-pds-modal.js +1 -1
- package/dist/collection/components/pds-modal/test/mock-pds-modal.js.map +1 -1
- package/dist/collection/components/pds-text/pds-text.js +24 -14
- package/dist/collection/components/pds-text/pds-text.js.map +1 -1
- package/dist/docs.json +42 -13
- package/dist/esm/{index-BFkDH5XU.js → index-Bmf4Ow_8.js} +3 -3
- package/dist/{cjs/index-CjhTEk39.js.map → esm/index-Bmf4Ow_8.js.map} +1 -1
- package/dist/esm/mock-pds-modal.entry.js +1 -1
- package/dist/esm/mock-pds-modal.entry.js.map +1 -1
- package/dist/esm/pds-accordion.entry.js +5 -4
- package/dist/esm/pds-accordion.entry.js.map +1 -1
- package/dist/esm/pds-avatar.entry.js +1 -1
- package/dist/esm/pds-button.entry.js +1 -1
- package/dist/esm/pds-checkbox.entry.js +1 -1
- package/dist/esm/pds-chip.entry.js +1 -1
- package/dist/esm/pds-copytext.entry.js +1 -1
- package/dist/esm/pds-filter.entry.js +1 -1
- package/dist/esm/pds-input.entry.js +1 -1
- package/dist/esm/pds-link.entry.js +1 -1
- package/dist/esm/pds-modal.entry.js +2 -2
- package/dist/esm/pds-modal.entry.js.map +1 -1
- package/dist/esm/pds-multiselect.entry.js +1 -1
- package/dist/esm/pds-radio-group.entry.js +1 -1
- package/dist/esm/pds-radio.entry.js +1 -1
- package/dist/esm/pds-select.entry.js +1 -1
- package/dist/esm/pds-sortable-item.entry.js +1 -1
- package/dist/esm/pds-switch.entry.js +1 -1
- package/dist/esm/pds-table-head-cell.entry.js +1 -1
- package/dist/esm/pds-text.entry.js +17 -7
- package/dist/esm/pds-text.entry.js.map +1 -1
- package/dist/esm/pds-textarea.entry.js +1 -1
- package/dist/esm-es5/{index-BFkDH5XU.js → index-Bmf4Ow_8.js} +1 -1
- package/dist/{esm/index-BFkDH5XU.js.map → esm-es5/index-Bmf4Ow_8.js.map} +1 -1
- package/dist/esm-es5/mock-pds-modal.entry.js +1 -1
- package/dist/esm-es5/mock-pds-modal.entry.js.map +1 -1
- package/dist/esm-es5/pds-accordion.entry.js +1 -1
- package/dist/esm-es5/pds-accordion.entry.js.map +1 -1
- package/dist/esm-es5/pds-avatar.entry.js +1 -1
- package/dist/esm-es5/pds-button.entry.js +1 -1
- package/dist/esm-es5/pds-checkbox.entry.js +1 -1
- package/dist/esm-es5/pds-chip.entry.js +1 -1
- package/dist/esm-es5/pds-copytext.entry.js +1 -1
- package/dist/esm-es5/pds-filter.entry.js +1 -1
- package/dist/esm-es5/pds-input.entry.js +1 -1
- package/dist/esm-es5/pds-link.entry.js +1 -1
- package/dist/esm-es5/pds-modal.entry.js +1 -1
- package/dist/esm-es5/pds-modal.entry.js.map +1 -1
- package/dist/esm-es5/pds-multiselect.entry.js +1 -1
- package/dist/esm-es5/pds-radio-group.entry.js +1 -1
- package/dist/esm-es5/pds-radio.entry.js +1 -1
- package/dist/esm-es5/pds-select.entry.js +1 -1
- package/dist/esm-es5/pds-sortable-item.entry.js +1 -1
- package/dist/esm-es5/pds-switch.entry.js +1 -1
- package/dist/esm-es5/pds-table-head-cell.entry.js +1 -1
- package/dist/esm-es5/pds-text.entry.js +1 -1
- package/dist/esm-es5/pds-text.entry.js.map +1 -1
- package/dist/esm-es5/pds-textarea.entry.js +1 -1
- package/dist/pine-core/mock-pds-modal.entry.esm.js.map +1 -1
- package/dist/pine-core/{p-8f935480.entry.js → p-0b3d6527.entry.js} +2 -2
- package/dist/pine-core/{p-b6f57c0f.system.entry.js → p-18a3b6ba.system.entry.js} +2 -2
- package/dist/pine-core/{p-5757d038.system.entry.js → p-1b0dc99e.system.entry.js} +2 -2
- package/dist/pine-core/p-1d82417a.entry.js +2 -0
- package/dist/pine-core/p-1d82417a.entry.js.map +1 -0
- package/dist/pine-core/{p-32f65e48.entry.js → p-221b4348.entry.js} +2 -2
- package/dist/pine-core/{p-15ac22bd.system.entry.js → p-2a7b94ba.system.entry.js} +2 -2
- package/dist/pine-core/{p-57aa762e.system.entry.js → p-2f663747.system.entry.js} +2 -2
- package/dist/pine-core/{p-85ce731b.entry.js → p-378d01df.entry.js} +2 -2
- package/dist/pine-core/{p-57d2c33a.entry.js → p-37e5e471.entry.js} +2 -2
- package/dist/pine-core/{p-4189f1be.system.entry.js → p-3fc8dbc9.system.entry.js} +2 -2
- package/dist/pine-core/{p-4189f1be.system.entry.js.map → p-3fc8dbc9.system.entry.js.map} +1 -1
- package/dist/pine-core/{p-77d4f274.system.entry.js → p-40c04518.system.entry.js} +2 -2
- package/dist/pine-core/{p-4232520f.system.entry.js → p-445c5ec5.system.entry.js} +2 -2
- package/dist/pine-core/{p-8ab66dbc.system.entry.js → p-46d61c98.system.entry.js} +2 -2
- package/dist/pine-core/{p-4de64b1f.entry.js → p-4c0e71ce.entry.js} +2 -2
- package/dist/pine-core/{p-ca20b134.system.entry.js → p-4fb30dcc.system.entry.js} +2 -2
- package/dist/pine-core/{p-b5316979.entry.js → p-5107c129.entry.js} +2 -2
- package/dist/pine-core/{p-52c5ced3.system.entry.js → p-5bc45784.system.entry.js} +2 -2
- package/dist/pine-core/{p-9a9c1b17.entry.js → p-5f63b999.entry.js} +2 -2
- package/dist/pine-core/{p-9263809e.entry.js → p-64c6c4a0.entry.js} +2 -2
- package/dist/pine-core/{p-220cbe98.entry.js → p-73be1c83.entry.js} +2 -2
- package/dist/pine-core/p-73be1c83.entry.js.map +1 -0
- package/dist/pine-core/{p-593cee44.entry.js → p-78132616.entry.js} +2 -2
- package/dist/pine-core/{p-88686193.entry.js → p-79f0b007.entry.js} +2 -2
- package/dist/pine-core/{p-f8a2aedd.entry.js → p-7c1b1fb8.entry.js} +2 -2
- package/dist/pine-core/{p-6fbe6be4.system.entry.js → p-7fc20a77.system.entry.js} +2 -2
- package/dist/pine-core/{p-663abd80.entry.js → p-867ef2f1.entry.js} +2 -2
- package/dist/pine-core/{p-87cee4a0.system.entry.js → p-91781a0a.system.entry.js} +2 -2
- package/dist/pine-core/{p-a30edeb1.entry.js → p-9558fa60.entry.js} +2 -2
- package/dist/pine-core/{p-BBJXL9br.system.js.map → p-9SGoKSa6.system.js.map} +1 -1
- package/dist/pine-core/{p-e1815c34.entry.js → p-9b2cd9fc.entry.js} +2 -2
- package/dist/pine-core/p-9b2cd9fc.entry.js.map +1 -0
- package/dist/pine-core/{p-6980edfe.system.entry.js → p-9f09e116.system.entry.js} +2 -2
- package/dist/pine-core/{p-C9OQdhX3.system.js.map → p-B3-LvD0D.system.js.map} +1 -1
- package/dist/pine-core/{p-DYm9--lc.system.js.map → p-B9rVdQdy.system.js.map} +1 -1
- package/dist/pine-core/{p-hL5Id7g5.system.js.map → p-BB9Md7vT.system.js.map} +1 -1
- package/dist/pine-core/{p-Ctc231vq.system.js.map → p-BGc1L0Ao.system.js.map} +1 -1
- package/dist/pine-core/{p-CbRBe3Eq.system.js.map → p-BUtyruql.system.js.map} +1 -1
- package/dist/pine-core/{p-CCh7iS6N.system.js.map → p-BeJr-4oL.system.js.map} +1 -1
- package/dist/pine-core/{p-BFkDH5XU.js → p-Bmf4Ow_8.js} +1 -1
- package/dist/pine-core/{p-BFkDH5XU.js.map → p-Bmf4Ow_8.js.map} +1 -1
- package/dist/pine-core/{p-ljGHaVPv.system.js.map → p-Bsen6aos.system.js.map} +1 -1
- package/dist/pine-core/{p-Bd3ynCsJ.system.js.map → p-C1p8XJSR.system.js.map} +1 -1
- package/dist/pine-core/{p-6I02BpQf.system.js → p-CFL53vBy.system.js} +1 -1
- package/dist/pine-core/{p-6I02BpQf.system.js.map → p-CFL53vBy.system.js.map} +1 -1
- package/dist/pine-core/{p-hzdqYC6e.system.js.map → p-CH2XYz0c.system.js.map} +1 -1
- package/dist/pine-core/{p-BGVC08sX.system.js.map → p-CSe1fQxQ.system.js.map} +1 -1
- package/dist/pine-core/{p-aKHwHZQR.system.js.map → p-CdpI5vUX.system.js.map} +1 -1
- package/dist/pine-core/{p-Dkz0RoFB.system.js.map → p-CfNEp0k0.system.js.map} +1 -1
- package/dist/pine-core/p-DQCerqxZ.system.js.map +1 -0
- package/dist/pine-core/{p-BiLmvJTd.system.js.map → p-DcrqbXJe.system.js.map} +1 -1
- package/dist/pine-core/{p-B3dAc5EW.system.js.map → p-Dd9EYBI-.system.js.map} +1 -1
- package/dist/pine-core/{p-DhLX7iDs.system.js.map → p-DdR8iWme.system.js.map} +1 -1
- package/dist/pine-core/p-DzmLlvu3.system.js.map +1 -0
- package/dist/pine-core/p-JAVnELnm.system.js +1 -1
- package/dist/pine-core/{p-BMx906Ad.system.js.map → p-_bwM2Rxz.system.js.map} +1 -1
- package/dist/pine-core/p-abb72971.system.entry.js +2 -0
- package/dist/pine-core/p-abb72971.system.entry.js.map +1 -0
- package/dist/pine-core/{p-276f774a.entry.js → p-b2a7c2bf.entry.js} +2 -2
- package/dist/pine-core/{p-226e45be.system.entry.js → p-b8f21554.system.entry.js} +2 -2
- package/dist/pine-core/p-b8f21554.system.entry.js.map +1 -0
- package/dist/pine-core/{p-5a7b25d0.entry.js → p-bf157830.entry.js} +2 -2
- package/dist/pine-core/{p-eac7cc81.entry.js → p-bf1a7158.entry.js} +2 -2
- package/dist/pine-core/{p-b232004f.system.entry.js → p-cb2146b0.system.entry.js} +2 -2
- package/dist/pine-core/{p-CcDv1OdF.system.js.map → p-dPhHNR2G.system.js.map} +1 -1
- package/dist/pine-core/{p-7514a191.entry.js → p-ea721a45.entry.js} +2 -2
- package/dist/pine-core/{p-7514a191.entry.js.map → p-ea721a45.entry.js.map} +1 -1
- package/dist/pine-core/{p-2e22a1fc.system.entry.js → p-edbaff73.system.entry.js} +2 -2
- package/dist/pine-core/{p-a24c75c2.system.entry.js → p-f179c88f.system.entry.js} +2 -2
- package/dist/pine-core/p-f179c88f.system.entry.js.map +1 -0
- package/dist/pine-core/{p-9e3e441c.system.entry.js → p-f298baeb.system.entry.js} +2 -2
- package/dist/pine-core/{p-49c2e2ce.system.entry.js → p-f9c32940.system.entry.js} +2 -2
- package/dist/pine-core/pds-accordion.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-modal.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-text.entry.esm.js.map +1 -1
- package/dist/pine-core/pine-core.esm.js +1 -1
- package/dist/types/components/pds-accordion/pds-accordion.d.ts +5 -0
- package/dist/types/components/pds-text/pds-text.d.ts +1 -1
- package/dist/types/components.d.ts +81 -74
- package/dist/vscode.html-data.json +6 -3
- package/hydrate/index.js +24 -13
- package/hydrate/index.mjs +24 -13
- package/package.json +2 -2
- package/dist/pine-core/p-220cbe98.entry.js.map +0 -1
- package/dist/pine-core/p-226e45be.system.entry.js.map +0 -1
- package/dist/pine-core/p-9e8296fc.entry.js +0 -2
- package/dist/pine-core/p-9e8296fc.entry.js.map +0 -1
- package/dist/pine-core/p-B48FyOD0.system.js.map +0 -1
- package/dist/pine-core/p-C8y7SAd7.system.js.map +0 -1
- package/dist/pine-core/p-a24c75c2.system.entry.js.map +0 -1
- package/dist/pine-core/p-e1815c34.entry.js.map +0 -1
- package/dist/pine-core/p-f795d3fe.system.entry.js +0 -2
- package/dist/pine-core/p-f795d3fe.system.entry.js.map +0 -1
- /package/dist/pine-core/{p-8f935480.entry.js.map → p-0b3d6527.entry.js.map} +0 -0
- /package/dist/pine-core/{p-b6f57c0f.system.entry.js.map → p-18a3b6ba.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-5757d038.system.entry.js.map → p-1b0dc99e.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-32f65e48.entry.js.map → p-221b4348.entry.js.map} +0 -0
- /package/dist/pine-core/{p-15ac22bd.system.entry.js.map → p-2a7b94ba.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-57aa762e.system.entry.js.map → p-2f663747.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-85ce731b.entry.js.map → p-378d01df.entry.js.map} +0 -0
- /package/dist/pine-core/{p-57d2c33a.entry.js.map → p-37e5e471.entry.js.map} +0 -0
- /package/dist/pine-core/{p-77d4f274.system.entry.js.map → p-40c04518.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-4232520f.system.entry.js.map → p-445c5ec5.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-8ab66dbc.system.entry.js.map → p-46d61c98.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-4de64b1f.entry.js.map → p-4c0e71ce.entry.js.map} +0 -0
- /package/dist/pine-core/{p-ca20b134.system.entry.js.map → p-4fb30dcc.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-b5316979.entry.js.map → p-5107c129.entry.js.map} +0 -0
- /package/dist/pine-core/{p-52c5ced3.system.entry.js.map → p-5bc45784.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-9a9c1b17.entry.js.map → p-5f63b999.entry.js.map} +0 -0
- /package/dist/pine-core/{p-9263809e.entry.js.map → p-64c6c4a0.entry.js.map} +0 -0
- /package/dist/pine-core/{p-593cee44.entry.js.map → p-78132616.entry.js.map} +0 -0
- /package/dist/pine-core/{p-88686193.entry.js.map → p-79f0b007.entry.js.map} +0 -0
- /package/dist/pine-core/{p-f8a2aedd.entry.js.map → p-7c1b1fb8.entry.js.map} +0 -0
- /package/dist/pine-core/{p-6fbe6be4.system.entry.js.map → p-7fc20a77.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-663abd80.entry.js.map → p-867ef2f1.entry.js.map} +0 -0
- /package/dist/pine-core/{p-87cee4a0.system.entry.js.map → p-91781a0a.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-a30edeb1.entry.js.map → p-9558fa60.entry.js.map} +0 -0
- /package/dist/pine-core/{p-6980edfe.system.entry.js.map → p-9f09e116.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-276f774a.entry.js.map → p-b2a7c2bf.entry.js.map} +0 -0
- /package/dist/pine-core/{p-5a7b25d0.entry.js.map → p-bf157830.entry.js.map} +0 -0
- /package/dist/pine-core/{p-eac7cc81.entry.js.map → p-bf1a7158.entry.js.map} +0 -0
- /package/dist/pine-core/{p-b232004f.system.entry.js.map → p-cb2146b0.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-2e22a1fc.system.entry.js.map → p-edbaff73.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-9e3e441c.system.entry.js.map → p-f298baeb.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-49c2e2ce.system.entry.js.map → p-f9c32940.system.entry.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,c as i,h as t,H as r,a as o}from"./p-DHPhrb5T.js";import{t as s,e as n}from"./p-BFkDH5XU.js";const a=":host{--box-shadow-focus:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring);display:inline-block;position:relative}.pds-filter__trigger{-ms-flex-align:center;align-items:center;anchor-name:--filter-trigger;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-100);-webkit-box-shadow:var(--pine-box-shadow-050);box-shadow:var(--pine-box-shadow-050);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text-tertiary);cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--pine-font-family-inter);font-size:var(--pine-font-size-100);font-weight:var(--pine-font-weight-400);gap:var(--pine-dimension-050);letter-spacing:var(--pine-letter-spacing-114);line-height:var(--pine-line-height-150);padding:var(--pine-dimension-025) var(--pine-dimension-125);position:relative;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.pds-filter__trigger pds-icon{block-size:var(--pine-font-size-100);color:var(--pine-color-text-secondary);-ms-flex-negative:0;flex-shrink:0;inline-size:var(--pine-font-size-100)}.pds-filter__trigger:hover,.pds-filter__trigger.pds-filter__trigger--open{background-color:var(--pine-color-background-subtle);border-color:var(--pine-color-border-hover);color:var(--pine-color-text-hover)}.pds-filter__trigger:hover pds-icon,.pds-filter__trigger.pds-filter__trigger--open pds-icon{color:var(--pine-color-text-secondary)}.pds-filter__trigger:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-filter__trigger:disabled{cursor:not-allowed;opacity:0.5}.pds-filter__trigger--selected{background-color:var(--pine-color-purple-050);border-color:var(--pine-color-purple-500);color:var(--pine-color-purple-600)}.pds-filter__trigger--selected pds-icon{color:var(--pine-color-purple-600)}.pds-filter__trigger--selected:hover,.pds-filter__trigger--selected.pds-filter__trigger--open{background-color:var(--pine-color-purple-100);border-color:var(--pine-color-purple-500);color:var(--pine-color-purple-600)}.pds-filter__trigger--selected:hover pds-icon,.pds-filter__trigger--selected.pds-filter__trigger--open pds-icon{color:var(--pine-color-purple-600)}.pds-filter__trigger--selected:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-filter__trigger--more{background-color:var(--pine-color-background-container-hover);border:var(--pine-border-width-thin) dashed var(--pine-color-border);color:var(--pine-color-text-tertiary)}.pds-filter__trigger--more pds-icon{color:var(--pine-color-text-secondary)}.pds-filter__trigger--more:hover,.pds-filter__trigger--more.pds-filter__trigger--open{background-color:var(--pine-color-background-subtle);border-color:var(--pine-color-border-hover);color:var(--pine-color-text-hover)}.pds-filter__trigger--more:hover pds-icon,.pds-filter__trigger--more.pds-filter__trigger--open pds-icon{color:var(--pine-color-text-secondary)}.pds-filter__trigger--more:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-filter__trigger--clear{background:transparent;border:var(--pine-border-width-thin) solid transparent;border-radius:var(--pine-dimension-100);-webkit-box-shadow:none;box-shadow:none;color:var(--pine-color-purple-600)}.pds-filter__trigger--clear pds-icon{color:var(--pine-color-purple-600)}.pds-filter__trigger--clear:hover{background-color:var(--pine-color-purple-100);border-color:var(--pine-color-purple-100);color:var(--pine-color-purple-600)}.pds-filter__trigger--clear:hover pds-icon{color:var(--pine-color-purple-600)}.pds-filter__trigger--clear:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-filter__button-content{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;gap:var(--pine-dimension-050);max-inline-size:148px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-filter__button-text{line-height:var(--pine-line-height-150);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-filter__dropdown-icon{block-size:var(--pine-dimension-200);-ms-flex-negative:0;flex-shrink:0;inline-size:var(--pine-dimension-200)}.pds-filter__popover{background-color:var(--pine-color-background-container);border:0;border-radius:var(--pine-dimension-100);-webkit-box-shadow:var(--pine-box-shadow-100);box-shadow:var(--pine-box-shadow-100);display:none;inline-size:228px;inset:unset;padding:var(--pine-dimension-100);z-index:var(--pine-z-index-overlay);}.pds-filter__popover:popover-open,.pds-filter__popover.is-open{display:block}.pds-filter__popover{}@supports (anchor-name: --test){.pds-filter__popover{inset-block-start:calc(anchor(--filter-trigger bottom) + var(--pine-dimension-100));inset-inline-start:anchor(--filter-trigger left);position:fixed;position-anchor:--filter-trigger;}.pds-filter__popover.popover-flip-horizontal{inset-inline-start:anchor(--filter-trigger right);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.pds-filter__popover.popover-flip-vertical{inset-block-start:anchor(--filter-trigger top);-webkit-transform:translateY(calc(-100% - var(--pine-dimension-100)));transform:translateY(calc(-100% - var(--pine-dimension-100)))}.pds-filter__popover.popover-flip-horizontal.popover-flip-vertical{inset-block-start:anchor(--filter-trigger top);inset-inline-start:anchor(--filter-trigger right);-webkit-transform:translate(-100%, calc(-100% - var(--pine-dimension-100)));transform:translate(-100%, calc(-100% - var(--pine-dimension-100)))}.pds-filter__popover{}.pds-filter__popover.is-open.popover-flip-horizontal{inset-inline-start:anchor(--filter-trigger right);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.pds-filter__popover.is-open.popover-flip-vertical{inset-block-start:anchor(--filter-trigger top);-webkit-transform:translateY(calc(-100% - var(--pine-dimension-100)));transform:translateY(calc(-100% - var(--pine-dimension-100)))}.pds-filter__popover.is-open.popover-flip-horizontal.popover-flip-vertical{inset-block-start:anchor(--filter-trigger top);inset-inline-start:anchor(--filter-trigger right);-webkit-transform:translate(-100%, calc(-100% - var(--pine-dimension-100)));transform:translate(-100%, calc(-100% - var(--pine-dimension-100)))}}";const l=class{constructor(t){e(this,t);this.pdsFilterOpen=i(this,"pdsFilterOpen");this.pdsFilterClose=i(this,"pdsFilterClose");this.pdsFilterClear=i(this,"pdsFilterClear");this.scrollRAF=null;this.lastScrollTime=0;this.variant="default";this.isOpen=false;this.handleNativePopoverToggle=e=>{const i=e.target;if(i&&i.id===`${this.componentId}-popover`){let e=false;try{e=i.matches(":popover-open")}catch(t){e=i.style.display==="block"}this.isOpen=e;if(this.isOpen){setTimeout((()=>this.adjustPopoverPosition()),0);this.pdsFilterOpen.emit({componentId:this.componentId,variant:this.variant,text:this.text})}else{this.pdsFilterClose.emit({componentId:this.componentId,variant:this.variant,text:this.text})}}};this.handleKeyDown=e=>{if(this.variant==="clear"&&(e.key==="Enter"||e.key===" ")){e.preventDefault();this.handleClick()}};this.handleClick=e=>{if(this.variant==="clear"){this.pdsFilterClear.emit({componentId:this.componentId,text:this.text});return}this.closeOtherPopovers();const i=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");if(!i){if(e){e.preventDefault()}setTimeout((()=>{if(this.popoverEl!=null){this.isOpen=!this.isOpen;if(this.isOpen){this.popoverEl.style.display="block";this.popoverEl.classList.add("is-open");this.adjustPopoverPosition();this.pdsFilterOpen.emit({componentId:this.componentId,variant:this.variant,text:this.text})}else{this.popoverEl.style.display="none";this.popoverEl.classList.remove("is-open");this.pdsFilterClose.emit({componentId:this.componentId,variant:this.variant,text:this.text})}}}),0)}}}disconnectedCallback(){if(this.scrollRAF){cancelAnimationFrame(this.scrollRAF);this.scrollRAF=null}this.lastScrollTime=0;if(this.popoverEl){const e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");if(e){this.popoverEl.removeEventListener("toggle",this.handleNativePopoverToggle)}}if(this.isOpen&&this.popoverEl){try{this.popoverEl.hidePopover()}catch(e){this.popoverEl.style.display="none";this.popoverEl.classList.remove("is-open")}}}componentDidRender(){if(this.popoverEl){const e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");if(e){this.popoverEl.removeEventListener("toggle",this.handleNativePopoverToggle);this.popoverEl.addEventListener("toggle",this.handleNativePopoverToggle)}}}handleWindowResize(){if(this.isOpen){setTimeout((()=>this.adjustPopoverPosition()),16)}}handleWindowScroll(){if(this.isOpen){const e="anchorName"in document.documentElement.style;const i=performance.now();const t=e?66:33;if(i-this.lastScrollTime<t){return}this.lastScrollTime=i;if(this.scrollRAF){cancelAnimationFrame(this.scrollRAF)}this.scrollRAF=requestAnimationFrame((()=>{if(this.isOpen&&this.popoverEl&&this.el.isConnected){this.adjustPopoverPosition()}this.scrollRAF=null}))}}closeOtherPopovers(){const e=document.querySelectorAll("pds-filter");e.forEach((e=>{var i;if(e===this.el)return;const t=(i=e.shadowRoot)===null||i===void 0?void 0:i.querySelector(".pds-filter__popover");if(t){let e=false;try{e=t.matches(":popover-open")}catch(i){e=t.style.display==="block"}if(e){try{t.hidePopover()}catch(e){t.style.display="none";t.classList.remove("is-open")}}}}))}adjustPopoverPosition(){var e;if(!this.popoverEl||this.variant==="clear")return;const i=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".pds-filter__trigger");if(!i)return;const t=i.getBoundingClientRect();const r=window.innerWidth;const o=window.innerHeight;const s="anchorName"in document.documentElement.style;const n=228;const a=this.popoverEl.getBoundingClientRect().height||200;const l=20;const p=t.left+n+l>r;const c=t.bottom+8+a+l>o;if(s){this.popoverEl.classList.remove("popover-flip-horizontal","popover-flip-vertical");if(p){this.popoverEl.classList.add("popover-flip-horizontal")}if(c){this.popoverEl.classList.add("popover-flip-vertical")}}else{let e=t.left;let i=t.bottom+8;let r="top left";if(p){const i=this.popoverEl.getBoundingClientRect().width||n;e=t.right-i;r="top right"}if(c){i=t.top-a-8;r=r.replace("top","bottom")}this.popoverEl.style.cssText=`\n position: fixed;\n left: ${e}px;\n top: ${i}px;\n z-index: var(--pine-z-index-overlay);\n transform-origin: ${r};\n `}}async showFilter(){if(this.variant==="clear"){console.warn("Clear variant does not support showFilter method");return}if(this.popoverEl!=null){try{this.popoverEl.showPopover()}catch(e){this.popoverEl.style.display="block";this.popoverEl.classList.add("is-open")}}}async hideFilter(){if(this.variant==="clear"){console.warn("Clear variant does not support hideFilter method");return}if(this.popoverEl!=null){try{this.popoverEl.hidePopover()}catch(e){this.popoverEl.style.display="none";this.popoverEl.classList.remove("is-open")}}}handlePopoverToggle(e){const i=e.target;const t=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");if(!t&&i&&i.id===`${this.componentId}-popover`){let e=false;try{e=i.matches(":popover-open")}catch(t){e=i.style.display==="block"}this.isOpen=e;if(this.isOpen){setTimeout((()=>this.adjustPopoverPosition()),0);this.pdsFilterOpen.emit({componentId:this.componentId,variant:this.variant,text:this.text})}else{this.pdsFilterClose.emit({componentId:this.componentId,variant:this.variant,text:this.text})}}}handleDocumentClick(e){if(!this.el.contains(e.target)&&this.isOpen&&this.variant!=="clear"){setTimeout((()=>{if(this.popoverEl&&this.isOpen){const e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");let i=false;if(e){try{i=!this.popoverEl.matches(":popover-open")}catch(e){i=this.popoverEl.style.display!=="block"}}else{i=true}if(i){this.isOpen=false;if(!e){this.popoverEl.style.display="none";this.popoverEl.classList.remove("is-open")}this.pdsFilterClose.emit({componentId:this.componentId,variant:this.variant,text:this.text})}}}),0)}}handleEscapeKey(e){if(e.key==="Escape"&&this.isOpen&&this.variant!=="clear"){setTimeout((()=>{if(this.popoverEl&&this.isOpen){const e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");let i=false;if(e){try{i=!this.popoverEl.matches(":popover-open")}catch(e){i=this.popoverEl.style.display!=="block"}}else{i=true}if(i){this.isOpen=false;if(!e){this.popoverEl.style.display="none";this.popoverEl.classList.remove("is-open")}this.pdsFilterClose.emit({componentId:this.componentId,variant:this.variant,text:this.text})}}}),0)}}getIcon(){if(this.variant==="clear"){return s}return this.icon}getTriggerClasses(){const e=["pds-filter__trigger"];e.push(`pds-filter__trigger--${this.variant}`);if(this.isOpen&&this.variant!=="clear"){e.push("pds-filter__trigger--open")}return e.join(" ")}renderIcon(){const e=this.getIcon();if(e==null||e==="")return null;return t("pds-icon",{icon:e,size:"var(--pine-font-size-100)","aria-hidden":"true",part:"icon"})}renderDropdownIcon(){if(this.variant==="selected"){return t("pds-icon",{icon:n,size:"var(--pine-dimension-200)","aria-hidden":"true",class:"pds-filter__dropdown-icon",part:"icon"})}return null}render(){return t(r,{key:"23f2a8055dc95fa68f9e609ba868d7fb0d9ebe02",id:this.componentId},t("button",{key:"001aaafe4e838b0320f1b737677849f7ab43f9c6",class:this.getTriggerClasses(),type:"button",popoverTarget:this.variant!=="clear"?`${this.componentId}-popover`:undefined,popoverTargetAction:this.variant!=="clear"?"toggle":undefined,onKeyDown:this.variant==="clear"?this.handleKeyDown:undefined,onClick:e=>this.handleClick(e),part:"button","aria-expanded":this.isOpen?"true":"false","aria-haspopup":this.variant!=="clear"?"true":undefined,"aria-controls":this.variant!=="clear"?`${this.componentId}-popover`:undefined},t("span",{key:"ce57ff517a5c16a488ef1936194cf9a74c796717",class:"pds-filter__button-content",part:"button-content"},this.renderIcon(),this.text&&t("span",{key:"0060cc3942b5244e7279bf9228272d17d7f9ae16",class:"pds-filter__button-text",part:"button-text"},this.text),this.renderDropdownIcon())),this.variant!=="clear"&&t("div",{key:"449ded0baa7c3d4e021fd4225cf70c33a3823ee1",ref:e=>this.popoverEl=e,id:`${this.componentId}-popover`,class:"pds-filter__popover",popover:"auto",part:"popover"},t("slot",{key:"3b4201f9c9ec017e8be7fdbeaeceeb92548cb489"})))}get el(){return o(this)}};l.style=a;export{l as pds_filter};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,c as i,h as t,H as r,a as o}from"./p-DHPhrb5T.js";import{t as s,e as n}from"./p-Bmf4Ow_8.js";const a=":host{--box-shadow-focus:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring);display:inline-block;position:relative}.pds-filter__trigger{-ms-flex-align:center;align-items:center;anchor-name:--filter-trigger;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-100);-webkit-box-shadow:var(--pine-box-shadow-050);box-shadow:var(--pine-box-shadow-050);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text-tertiary);cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--pine-font-family-inter);font-size:var(--pine-font-size-100);font-weight:var(--pine-font-weight-400);gap:var(--pine-dimension-050);letter-spacing:var(--pine-letter-spacing-114);line-height:var(--pine-line-height-150);padding:var(--pine-dimension-025) var(--pine-dimension-125);position:relative;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.pds-filter__trigger pds-icon{block-size:var(--pine-font-size-100);color:var(--pine-color-text-secondary);-ms-flex-negative:0;flex-shrink:0;inline-size:var(--pine-font-size-100)}.pds-filter__trigger:hover,.pds-filter__trigger.pds-filter__trigger--open{background-color:var(--pine-color-background-subtle);border-color:var(--pine-color-border-hover);color:var(--pine-color-text-hover)}.pds-filter__trigger:hover pds-icon,.pds-filter__trigger.pds-filter__trigger--open pds-icon{color:var(--pine-color-text-secondary)}.pds-filter__trigger:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-filter__trigger:disabled{cursor:not-allowed;opacity:0.5}.pds-filter__trigger--selected{background-color:var(--pine-color-purple-050);border-color:var(--pine-color-purple-500);color:var(--pine-color-purple-600)}.pds-filter__trigger--selected pds-icon{color:var(--pine-color-purple-600)}.pds-filter__trigger--selected:hover,.pds-filter__trigger--selected.pds-filter__trigger--open{background-color:var(--pine-color-purple-100);border-color:var(--pine-color-purple-500);color:var(--pine-color-purple-600)}.pds-filter__trigger--selected:hover pds-icon,.pds-filter__trigger--selected.pds-filter__trigger--open pds-icon{color:var(--pine-color-purple-600)}.pds-filter__trigger--selected:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-filter__trigger--more{background-color:var(--pine-color-background-container-hover);border:var(--pine-border-width-thin) dashed var(--pine-color-border);color:var(--pine-color-text-tertiary)}.pds-filter__trigger--more pds-icon{color:var(--pine-color-text-secondary)}.pds-filter__trigger--more:hover,.pds-filter__trigger--more.pds-filter__trigger--open{background-color:var(--pine-color-background-subtle);border-color:var(--pine-color-border-hover);color:var(--pine-color-text-hover)}.pds-filter__trigger--more:hover pds-icon,.pds-filter__trigger--more.pds-filter__trigger--open pds-icon{color:var(--pine-color-text-secondary)}.pds-filter__trigger--more:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-filter__trigger--clear{background:transparent;border:var(--pine-border-width-thin) solid transparent;border-radius:var(--pine-dimension-100);-webkit-box-shadow:none;box-shadow:none;color:var(--pine-color-purple-600)}.pds-filter__trigger--clear pds-icon{color:var(--pine-color-purple-600)}.pds-filter__trigger--clear:hover{background-color:var(--pine-color-purple-100);border-color:var(--pine-color-purple-100);color:var(--pine-color-purple-600)}.pds-filter__trigger--clear:hover pds-icon{color:var(--pine-color-purple-600)}.pds-filter__trigger--clear:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-filter__button-content{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;gap:var(--pine-dimension-050);max-inline-size:148px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-filter__button-text{line-height:var(--pine-line-height-150);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-filter__dropdown-icon{block-size:var(--pine-dimension-200);-ms-flex-negative:0;flex-shrink:0;inline-size:var(--pine-dimension-200)}.pds-filter__popover{background-color:var(--pine-color-background-container);border:0;border-radius:var(--pine-dimension-100);-webkit-box-shadow:var(--pine-box-shadow-100);box-shadow:var(--pine-box-shadow-100);display:none;inline-size:228px;inset:unset;padding:var(--pine-dimension-100);z-index:var(--pine-z-index-overlay);}.pds-filter__popover:popover-open,.pds-filter__popover.is-open{display:block}.pds-filter__popover{}@supports (anchor-name: --test){.pds-filter__popover{inset-block-start:calc(anchor(--filter-trigger bottom) + var(--pine-dimension-100));inset-inline-start:anchor(--filter-trigger left);position:fixed;position-anchor:--filter-trigger;}.pds-filter__popover.popover-flip-horizontal{inset-inline-start:anchor(--filter-trigger right);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.pds-filter__popover.popover-flip-vertical{inset-block-start:anchor(--filter-trigger top);-webkit-transform:translateY(calc(-100% - var(--pine-dimension-100)));transform:translateY(calc(-100% - var(--pine-dimension-100)))}.pds-filter__popover.popover-flip-horizontal.popover-flip-vertical{inset-block-start:anchor(--filter-trigger top);inset-inline-start:anchor(--filter-trigger right);-webkit-transform:translate(-100%, calc(-100% - var(--pine-dimension-100)));transform:translate(-100%, calc(-100% - var(--pine-dimension-100)))}.pds-filter__popover{}.pds-filter__popover.is-open.popover-flip-horizontal{inset-inline-start:anchor(--filter-trigger right);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.pds-filter__popover.is-open.popover-flip-vertical{inset-block-start:anchor(--filter-trigger top);-webkit-transform:translateY(calc(-100% - var(--pine-dimension-100)));transform:translateY(calc(-100% - var(--pine-dimension-100)))}.pds-filter__popover.is-open.popover-flip-horizontal.popover-flip-vertical{inset-block-start:anchor(--filter-trigger top);inset-inline-start:anchor(--filter-trigger right);-webkit-transform:translate(-100%, calc(-100% - var(--pine-dimension-100)));transform:translate(-100%, calc(-100% - var(--pine-dimension-100)))}}";const l=class{constructor(t){e(this,t);this.pdsFilterOpen=i(this,"pdsFilterOpen");this.pdsFilterClose=i(this,"pdsFilterClose");this.pdsFilterClear=i(this,"pdsFilterClear");this.scrollRAF=null;this.lastScrollTime=0;this.variant="default";this.isOpen=false;this.handleNativePopoverToggle=e=>{const i=e.target;if(i&&i.id===`${this.componentId}-popover`){let e=false;try{e=i.matches(":popover-open")}catch(t){e=i.style.display==="block"}this.isOpen=e;if(this.isOpen){setTimeout((()=>this.adjustPopoverPosition()),0);this.pdsFilterOpen.emit({componentId:this.componentId,variant:this.variant,text:this.text})}else{this.pdsFilterClose.emit({componentId:this.componentId,variant:this.variant,text:this.text})}}};this.handleKeyDown=e=>{if(this.variant==="clear"&&(e.key==="Enter"||e.key===" ")){e.preventDefault();this.handleClick()}};this.handleClick=e=>{if(this.variant==="clear"){this.pdsFilterClear.emit({componentId:this.componentId,text:this.text});return}this.closeOtherPopovers();const i=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");if(!i){if(e){e.preventDefault()}setTimeout((()=>{if(this.popoverEl!=null){this.isOpen=!this.isOpen;if(this.isOpen){this.popoverEl.style.display="block";this.popoverEl.classList.add("is-open");this.adjustPopoverPosition();this.pdsFilterOpen.emit({componentId:this.componentId,variant:this.variant,text:this.text})}else{this.popoverEl.style.display="none";this.popoverEl.classList.remove("is-open");this.pdsFilterClose.emit({componentId:this.componentId,variant:this.variant,text:this.text})}}}),0)}}}disconnectedCallback(){if(this.scrollRAF){cancelAnimationFrame(this.scrollRAF);this.scrollRAF=null}this.lastScrollTime=0;if(this.popoverEl){const e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");if(e){this.popoverEl.removeEventListener("toggle",this.handleNativePopoverToggle)}}if(this.isOpen&&this.popoverEl){try{this.popoverEl.hidePopover()}catch(e){this.popoverEl.style.display="none";this.popoverEl.classList.remove("is-open")}}}componentDidRender(){if(this.popoverEl){const e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");if(e){this.popoverEl.removeEventListener("toggle",this.handleNativePopoverToggle);this.popoverEl.addEventListener("toggle",this.handleNativePopoverToggle)}}}handleWindowResize(){if(this.isOpen){setTimeout((()=>this.adjustPopoverPosition()),16)}}handleWindowScroll(){if(this.isOpen){const e="anchorName"in document.documentElement.style;const i=performance.now();const t=e?66:33;if(i-this.lastScrollTime<t){return}this.lastScrollTime=i;if(this.scrollRAF){cancelAnimationFrame(this.scrollRAF)}this.scrollRAF=requestAnimationFrame((()=>{if(this.isOpen&&this.popoverEl&&this.el.isConnected){this.adjustPopoverPosition()}this.scrollRAF=null}))}}closeOtherPopovers(){const e=document.querySelectorAll("pds-filter");e.forEach((e=>{var i;if(e===this.el)return;const t=(i=e.shadowRoot)===null||i===void 0?void 0:i.querySelector(".pds-filter__popover");if(t){let e=false;try{e=t.matches(":popover-open")}catch(i){e=t.style.display==="block"}if(e){try{t.hidePopover()}catch(e){t.style.display="none";t.classList.remove("is-open")}}}}))}adjustPopoverPosition(){var e;if(!this.popoverEl||this.variant==="clear")return;const i=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".pds-filter__trigger");if(!i)return;const t=i.getBoundingClientRect();const r=window.innerWidth;const o=window.innerHeight;const s="anchorName"in document.documentElement.style;const n=228;const a=this.popoverEl.getBoundingClientRect().height||200;const l=20;const p=t.left+n+l>r;const c=t.bottom+8+a+l>o;if(s){this.popoverEl.classList.remove("popover-flip-horizontal","popover-flip-vertical");if(p){this.popoverEl.classList.add("popover-flip-horizontal")}if(c){this.popoverEl.classList.add("popover-flip-vertical")}}else{let e=t.left;let i=t.bottom+8;let r="top left";if(p){const i=this.popoverEl.getBoundingClientRect().width||n;e=t.right-i;r="top right"}if(c){i=t.top-a-8;r=r.replace("top","bottom")}this.popoverEl.style.cssText=`\n position: fixed;\n left: ${e}px;\n top: ${i}px;\n z-index: var(--pine-z-index-overlay);\n transform-origin: ${r};\n `}}async showFilter(){if(this.variant==="clear"){console.warn("Clear variant does not support showFilter method");return}if(this.popoverEl!=null){try{this.popoverEl.showPopover()}catch(e){this.popoverEl.style.display="block";this.popoverEl.classList.add("is-open")}}}async hideFilter(){if(this.variant==="clear"){console.warn("Clear variant does not support hideFilter method");return}if(this.popoverEl!=null){try{this.popoverEl.hidePopover()}catch(e){this.popoverEl.style.display="none";this.popoverEl.classList.remove("is-open")}}}handlePopoverToggle(e){const i=e.target;const t=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");if(!t&&i&&i.id===`${this.componentId}-popover`){let e=false;try{e=i.matches(":popover-open")}catch(t){e=i.style.display==="block"}this.isOpen=e;if(this.isOpen){setTimeout((()=>this.adjustPopoverPosition()),0);this.pdsFilterOpen.emit({componentId:this.componentId,variant:this.variant,text:this.text})}else{this.pdsFilterClose.emit({componentId:this.componentId,variant:this.variant,text:this.text})}}}handleDocumentClick(e){if(!this.el.contains(e.target)&&this.isOpen&&this.variant!=="clear"){setTimeout((()=>{if(this.popoverEl&&this.isOpen){const e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");let i=false;if(e){try{i=!this.popoverEl.matches(":popover-open")}catch(e){i=this.popoverEl.style.display!=="block"}}else{i=true}if(i){this.isOpen=false;if(!e){this.popoverEl.style.display="none";this.popoverEl.classList.remove("is-open")}this.pdsFilterClose.emit({componentId:this.componentId,variant:this.variant,text:this.text})}}}),0)}}handleEscapeKey(e){if(e.key==="Escape"&&this.isOpen&&this.variant!=="clear"){setTimeout((()=>{if(this.popoverEl&&this.isOpen){const e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");let i=false;if(e){try{i=!this.popoverEl.matches(":popover-open")}catch(e){i=this.popoverEl.style.display!=="block"}}else{i=true}if(i){this.isOpen=false;if(!e){this.popoverEl.style.display="none";this.popoverEl.classList.remove("is-open")}this.pdsFilterClose.emit({componentId:this.componentId,variant:this.variant,text:this.text})}}}),0)}}getIcon(){if(this.variant==="clear"){return s}return this.icon}getTriggerClasses(){const e=["pds-filter__trigger"];e.push(`pds-filter__trigger--${this.variant}`);if(this.isOpen&&this.variant!=="clear"){e.push("pds-filter__trigger--open")}return e.join(" ")}renderIcon(){const e=this.getIcon();if(e==null||e==="")return null;return t("pds-icon",{icon:e,size:"var(--pine-font-size-100)","aria-hidden":"true",part:"icon"})}renderDropdownIcon(){if(this.variant==="selected"){return t("pds-icon",{icon:n,size:"var(--pine-dimension-200)","aria-hidden":"true",class:"pds-filter__dropdown-icon",part:"icon"})}return null}render(){return t(r,{key:"23f2a8055dc95fa68f9e609ba868d7fb0d9ebe02",id:this.componentId},t("button",{key:"001aaafe4e838b0320f1b737677849f7ab43f9c6",class:this.getTriggerClasses(),type:"button",popoverTarget:this.variant!=="clear"?`${this.componentId}-popover`:undefined,popoverTargetAction:this.variant!=="clear"?"toggle":undefined,onKeyDown:this.variant==="clear"?this.handleKeyDown:undefined,onClick:e=>this.handleClick(e),part:"button","aria-expanded":this.isOpen?"true":"false","aria-haspopup":this.variant!=="clear"?"true":undefined,"aria-controls":this.variant!=="clear"?`${this.componentId}-popover`:undefined},t("span",{key:"ce57ff517a5c16a488ef1936194cf9a74c796717",class:"pds-filter__button-content",part:"button-content"},this.renderIcon(),this.text&&t("span",{key:"0060cc3942b5244e7279bf9228272d17d7f9ae16",class:"pds-filter__button-text",part:"button-text"},this.text),this.renderDropdownIcon())),this.variant!=="clear"&&t("div",{key:"449ded0baa7c3d4e021fd4225cf70c33a3823ee1",ref:e=>this.popoverEl=e,id:`${this.componentId}-popover`,class:"pds-filter__popover",popover:"auto",part:"popover"},t("slot",{key:"3b4201f9c9ec017e8be7fdbeaeceeb92548cb489"})))}get el(){return o(this)}};l.style=a;export{l as pds_filter};
|
|
2
|
+
//# sourceMappingURL=p-b2a7c2bf.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,e,i,r){function a(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,n){function o(t){try{
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,i,r){function a(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,n){function o(t){try{s(r.next(t))}catch(t){n(t)}}function d(t){try{s(r["throw"](t))}catch(t){n(t)}}function s(t){t.done?i(t.value):a(t.value).then(o,d)}s((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},r,a,n,o=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return o.next=d(0),o["throw"]=d(1),o["return"]=d(2),typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function d(t){return function(e){return s([t,e])}}function s(d){if(r)throw new TypeError("Generator is already executing.");while(o&&(o=0,d[0]&&(i=0)),i)try{if(r=1,a&&(n=d[0]&2?a["return"]:d[0]?a["throw"]||((n=a["return"])&&n.call(a),0):a.next)&&!(n=n.call(a,d[1])).done)return n;if(a=0,n)d=[d[0]&2,n.value];switch(d[0]){case 0:case 1:n=d;break;case 4:i.label++;return{value:d[1],done:false};case 5:i.label++;a=d[1];d=[0];continue;case 7:d=i.ops.pop();i.trys.pop();continue;default:if(!(n=i.trys,n=n.length>0&&n[n.length-1])&&(d[0]===6||d[0]===2)){i=0;continue}if(d[0]===3&&(!n||d[1]>n[0]&&d[1]<n[3])){i.label=d[1];break}if(d[0]===6&&i.label<n[1]){i.label=n[1];n=d;break}if(n&&i.label<n[2]){i.label=n[2];i.ops.push(d);break}if(n[2])i.ops.pop();i.trys.pop();continue}d=e.call(t,i)}catch(t){d=[6,t];a=0}finally{r=n=0}if(d[0]&5)throw d[1];return{value:d[0]?d[1]:void 0,done:true}}};System.register(["./p-5D9wXQuJ.system.js"],(function(t){"use strict";var e,i,r,a;return{setters:[function(t){e=t.r;i=t.c;r=t.h;a=t.a}],execute:function(){var n=".pds-modal__backdrop{-ms-flex-align:start;align-items:flex-start;background-color:rgba(0, 0, 0, 0.4);border:0;display:-ms-flexbox;display:flex;height:100%;inset:0;-ms-flex-pack:center;justify-content:center;margin:0;max-height:100%;max-width:100%;opacity:0;padding:0;position:fixed;-webkit-transition:opacity 0.2s ease, visibility 0.2s ease;transition:opacity 0.2s ease, visibility 0.2s ease;visibility:hidden;width:100%;z-index:var(--pine-z-index-modal)}@supports ((-webkit-backdrop-filter: blur(3px)) or (backdrop-filter: blur(3px))){.pds-modal__backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}pds-modal .pds-modal__backdrop{z-index:var(--pine-z-index-priority)}.pds-modal__backdrop::-webkit-backdrop{background:transparent}.pds-modal__backdrop::-ms-backdrop{background:transparent}.pds-modal__backdrop::backdrop{background:transparent}.pds-modal__backdrop.open{opacity:1;visibility:visible}.pds-modal{background:var(--pine-color-background-container);border-radius:var(--pine-dimension-sm);-webkit-box-shadow:var(--pine-box-shadow-400);box-shadow:var(--pine-box-shadow-400);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:var(--pine-dimension-md);max-height:none;width:100%}.pds-modal.pds-modal--scrollable{max-height:calc(100vh - (5vh + 96px))}@supports (height: 100dvh){.pds-modal.pds-modal--scrollable{max-height:calc(100dvh - (5dvh + 96px))}}@media (min-width: 992px){.pds-modal{-webkit-margin-before:6vh;margin-block-start:6vh}@supports (height: 100dvh){.pds-modal{-webkit-margin-before:6dvh;margin-block-start:6dvh}}}@media (min-width: 1200px){.pds-modal{-webkit-margin-before:8vh;margin-block-start:8vh}@supports (height: 100dvh){.pds-modal{-webkit-margin-before:8dvh;margin-block-start:8dvh}}}.pds-modal--sm{max-width:520px}.pds-modal--md{max-width:700px}.pds-modal--lg{max-width:900px}.pds-modal--fullscreen{border-radius:0;height:100%;margin:0;max-height:100vh;max-width:100%}@supports (height: 100dvh){.pds-modal--fullscreen{max-height:100dvh}}.pds-modal--fullscreen.pds-modal--scrollable{max-height:100vh}@supports (height: 100dvh){.pds-modal--fullscreen.pds-modal--scrollable{max-height:100dvh}}.pds-modal--fullscreen .pds-modal-content{-ms-flex:1;flex:1}.pds-modal--scrollable pds-modal-content{-webkit-border-after:1px solid transparent;border-block-end:1px solid transparent;-webkit-border-before:1px solid transparent;border-block-start:1px solid transparent;overflow-y:auto}.pds-modal:not(.pds-modal--scrollable) pds-modal-content{overflow-y:visible}";var o=t("pds_modal",function(){function t(t){var r=this;e(this,t);this.pdsModalOpen=i(this,"pdsModalOpen");this.pdsModalClose=i(this,"pdsModalClose");this.focusableElements=[];this.backdropDismiss=true;this.open=false;this.size="md";this.scrollable=true;this.focusableElementsArray=[];this.handleBackdropClick=function(t){if(!r.backdropDismiss||!r.open)return;if(t.target.classList.contains("pds-modal__backdrop")){t.stopPropagation();if(r.isInnermostModal()){r.hideModal()}}};this.handleKeyDown=function(t){if(!r.open)return;if(t.key==="Escape"){t.preventDefault();if(r.backdropDismiss&&r.isInnermostModal()){r.hideModal()}return}if(t.key==="Tab"){if(r.focusableElements.length===0)return;var e=r.focusableElements[0];var i=r.focusableElements[r.focusableElements.length-1];var a=document.activeElement;var n=a===e||e.contains(a);var o=a===i||i.contains(a);if(t.shiftKey&&n){t.preventDefault();r.focusElement(i)}else if(!t.shiftKey&&o){t.preventDefault();r.focusElement(e)}}}}t.prototype.componentDidLoad=function(){this.modalRef=this.el.querySelector(".pds-modal__backdrop");document.addEventListener("keydown",this.handleKeyDown)};t.prototype.disconnectedCallback=function(){document.removeEventListener("keydown",this.handleKeyDown)};t.prototype.handleOpenChange=function(t){if(t){this.showModal()}else{this.hideModal()}};t.prototype.updateFocusableElements=function(){if(!this.modalRef)return;var t=["a[href]","button:not([disabled])","input:not([disabled])","select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])',"pds-button:not([disabled])","pds-link:not([disabled])","pds-input:not([disabled])","pds-checkbox:not([disabled])","pds-radio:not([disabled])","pds-switch:not([disabled])","pds-select:not([disabled])"].join(",");this.focusableElements=Array.from(this.modalRef.querySelectorAll(t));this.focusableElements=this.focusableElements.filter((function(t){var e=window.getComputedStyle(t);return e.display!=="none"&&e.visibility!=="hidden"}))};t.prototype.setInitialFocus=function(){if(this.focusableElements.length===0)return;var t=this.focusableElements[0];this.focusElement(t)};t.prototype.focusElement=function(t){if(!t)return;try{t.focus();setTimeout((function(){if(document.activeElement!==t){if(t.shadowRoot){var e=t.shadowRoot.querySelector("button, [tabindex], input, a[href]");if(e){e.focus()}}}}),0)}catch(t){console.error("Error focusing element:",t)}};t.prototype.showModal=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){if(this.modalRef){try{this.previousActiveElement=document.activeElement;this.modalRef.showModal();this.open=true;setTimeout((function(){t.updateFocusableElements();t.setInitialFocus();t.pdsModalOpen.emit()}),100)}catch(t){console.error("Failed to show modal:",t)}}return[2]}))}))};t.prototype.hideModal=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.modalRef){try{this.modalRef.close();this.open=false;if(this.previousActiveElement&&typeof this.previousActiveElement.focus==="function"){this.previousActiveElement.focus()}this.pdsModalClose.emit()}catch(t){console.error("Failed to hide modal:",t)}}return[2]}))}))};t.prototype.getBackdropZIndex=function(t){var e=t.querySelector(".pds-modal__backdrop");return e?parseInt(getComputedStyle(e).zIndex,10):-1};t.prototype.isInnermostModal=function(){var t=this;var e=Array.from(document.querySelectorAll("pds-modal")).filter((function(t){return t.open}));if(e.length===0)return false;var i=this.el.querySelector(".pds-modal__backdrop");if(!i)return false;var r=e.map((function(e){return t.getBackdropZIndex(e)}));var a=Math.max.apply(Math,r);var n=this.getBackdropZIndex(this.el);return n===a};t.prototype.render=function(){var t;return r("dialog",{key:"22ca55ddcc3aaf6e1158940d1fec23c9622b7810",class:{"pds-modal__backdrop":true,open:this.open},"aria-modal":"true","aria-labelledby":"".concat(this.componentId,"-heading"),onClick:this.handleBackdropClick},r("div",{key:"803acd0d7a80886efd58c9eeb1af94b40c049de8",class:(t={"pds-modal":true},t["pds-modal--".concat(this.size)]=true,t["pds-modal--scrollable"]=this.scrollable,t),part:"modal"},r("slot",{key:"227deb370e056365f188724bdb2fbabe6062ab77"})))};Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["handleOpenChange"]}},enumerable:false,configurable:true});return t}());o.style=n}}}));
|
|
2
|
+
//# sourceMappingURL=p-b8f21554.system.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["System","register","exports","registerInstance","createEvent","h","getElement","setters","module","r","c","a","execute","pdsModalCss","PdsModal","class_1","hostRef","_this","this","pdsModalOpen","pdsModalClose","focusableElements","backdropDismiss","open","size","scrollable","focusableElementsArray","handleBackdropClick","e","target","classList","contains","stopPropagation","isInnermostModal","hideModal","handleKeyDown","key","preventDefault","length","firstFocusableElement","lastFocusableElement","activeElement","document","isFirstElement","isLastElement","shiftKey","focusElement","prototype","componentDidLoad","modalRef","el","querySelector","addEventListener","disconnectedCallback","removeEventListener","handleOpenChange","newValue","showModal","updateFocusableElements","selector","join","Array","from","querySelectorAll","filter","style","window","getComputedStyle","display","visibility","setInitialFocus","firstElement","element","focus","setTimeout","shadowRoot","focusableInShadow","error","console","previousActiveElement","emit","close","getBackdropZIndex","modal","backdrop","parseInt","zIndex","openModals","thisBackdrop","modalZIndexes","map","maxZIndex","Math","max","apply","thisZIndex","render","class","concat","componentId","onClick","_a","part","Object","defineProperty"],"sources":["module.ts"],"mappings":"8hDAAAA,OAAOC,SAAS,CAAC,2BAA2B,SAAWC,GACrD,aACA,IAAIC,EAAkBC,EAAaC,EAAGC,EACtC,MAAO,CACLC,QAAS,CAAC,SAAUC,GAClBL,EAAmBK,EAAOC,EAC1BL,EAAcI,EAAOE,EACrBL,EAAIG,EAAOH,EACXC,EAAaE,EAAOG,CACtB,GACAC,QAAS,WAEP,IAAMC,EAAc,w+EAEpB,IAAMC,EAAWZ,EAAQ,YAAW,WAChC,SAAAa,EAAYC,GAAZ,IAAAC,EAAAC,KACIf,EAAiBe,KAAMF,GACvBE,KAAKC,aAAef,EAAYc,KAAM,gBACtCA,KAAKE,cAAgBhB,EAAYc,KAAM,iBACvCA,KAAKG,kBAAoB,GAKzBH,KAAKI,gBAAkB,KAKvBJ,KAAKK,KAAO,MAKZL,KAAKM,KAAO,KAKZN,KAAKO,WAAa,KAIlBP,KAAKQ,uBAAyB,GAC9BR,KAAKS,oBAAsB,SAACC,GACxB,IAAKX,EAAKK,kBAAoBL,EAAKM,KAC/B,OACJ,GAAIK,EAAEC,OAAOC,UAAUC,SAAS,uBAAwB,CACpDH,EAAEI,kBAEF,GAAIf,EAAKgB,mBAAoB,CACzBhB,EAAKiB,WACT,CACJ,CACJ,EACAhB,KAAKiB,cAAgB,SAACP,GAElB,IAAKX,EAAKM,KACN,OAEJ,GAAIK,EAAEQ,MAAQ,SAAU,CAEpBR,EAAES,iBAEF,GAAIpB,EAAKK,iBAAmBL,EAAKgB,mBAAoB,CACjDhB,EAAKiB,WACT,CACA,MACJ,CAEA,GAAIN,EAAEQ,MAAQ,MAAO,CAEjB,GAAInB,EAAKI,kBAAkBiB,SAAW,EAClC,OAEJ,IAAMC,EAAwBtB,EAAKI,kBAAkB,GACrD,IAAMmB,EAAuBvB,EAAKI,kBAAkBJ,EAAKI,kBAAkBiB,OAAS,GAEpF,IAAMG,EAAgBC,SAASD,cAE/B,IAAME,EAAiBF,IAAkBF,GACrCA,EAAsBR,SAASU,GACnC,IAAMG,EAAgBH,IAAkBD,GACpCA,EAAqBT,SAASU,GAElC,GAAIb,EAAEiB,UAAYF,EAAgB,CAC9Bf,EAAES,iBACFpB,EAAK6B,aAAaN,EACtB,MAEK,IAAKZ,EAAEiB,UAAYD,EAAe,CACnChB,EAAES,iBACFpB,EAAK6B,aAAaP,EACtB,CACJ,CACJ,CACJ,CACAxB,EAAAgC,UAAAC,iBAAA,WACI9B,KAAK+B,SAAW/B,KAAKgC,GAAGC,cAAc,wBAEtCT,SAASU,iBAAiB,UAAWlC,KAAKiB,cAC9C,EACApB,EAAAgC,UAAAM,qBAAA,WAEIX,SAASY,oBAAoB,UAAWpC,KAAKiB,cACjD,EACApB,EAAAgC,UAAAQ,iBAAA,SAAiBC,GACb,GAAIA,EAAU,CACVtC,KAAKuC,WACT,KACK,CACDvC,KAAKgB,WACT,CACJ,EAIAnB,EAAAgC,UAAAW,wBAAA,WACI,IAAKxC,KAAK+B,SACN,OAEJ,IAAMU,EAAW,CACb,UACA,yBACA,wBACA,yBACA,2BACA,kCACA,6BACA,2BACA,4BACA,+BACA,4BACA,6BACA,8BACFC,KAAK,KACP1C,KAAKG,kBAAoBwC,MAAMC,KAAK5C,KAAK+B,SAASc,iBAAiBJ,IAEnEzC,KAAKG,kBAAoBH,KAAKG,kBAAkB2C,QAAO,SAAAd,GACnD,IAAMe,EAAQC,OAAOC,iBAAiBjB,GACtC,OAAOe,EAAMG,UAAY,QAAUH,EAAMI,aAAe,QAC5D,GACJ,EAIAtD,EAAAgC,UAAAuB,gBAAA,WACI,GAAIpD,KAAKG,kBAAkBiB,SAAW,EAClC,OAEJ,IAAMiC,EAAerD,KAAKG,kBAAkB,GAE5CH,KAAK4B,aAAayB,EACtB,EAIAxD,EAAAgC,UAAAD,aAAA,SAAa0B,GACT,IAAKA,EACD,OACJ,IAEIA,EAAQC,QAERC,YAAW,WACP,GAAIhC,SAASD,gBAAkB+B,EAAS,CAEpC,GAAIA,EAAQG,WAAY,CACpB,IAAMC,EAAoBJ,EAAQG,WAAWxB,cAAc,sCAC3D,GAAIyB,EAAmB,CACnBA,EAAkBH,OACtB,CACJ,CACJ,CACJ,GAAG,EACP,CACA,MAAOI,GACHC,QAAQD,MAAM,0BAA2BA,EAC7C,CACJ,EAIM9D,EAAAgC,UAAAU,UAAN,W,gGACI,GAAIvC,KAAK+B,SAAU,CACf,IAEI/B,KAAK6D,sBAAwBrC,SAASD,cAEtCvB,KAAK+B,SAASQ,YACdvC,KAAKK,KAAO,KAGZmD,YAAW,WACPzD,EAAKyC,0BACLzC,EAAKqD,kBACLrD,EAAKE,aAAa6D,MACtB,GAAG,IACP,CACA,MAAOH,GACHC,QAAQD,MAAM,wBAAyBA,EAC3C,CACJ,C,iBAKE9D,EAAAgC,UAAAb,UAAN,W,qFACI,GAAIhB,KAAK+B,SAAU,CACf,IACI/B,KAAK+B,SAASgC,QACd/D,KAAKK,KAAO,MAEZ,GAAIL,KAAK6D,8BAAgC7D,KAAK6D,sBAAsBN,QAAU,WAAY,CACtFvD,KAAK6D,sBAAsBN,OAC/B,CACAvD,KAAKE,cAAc4D,MACvB,CACA,MAAOH,GACHC,QAAQD,MAAM,wBAAyBA,EAC3C,CACJ,C,iBAKJ9D,EAAAgC,UAAAmC,kBAAA,SAAkBC,GACd,IAAMC,EAAWD,EAAMhC,cAAc,wBACrC,OAAOiC,EAAWC,SAASlB,iBAAiBiB,GAAUE,OAAQ,KAAO,CACzE,EAIAvE,EAAAgC,UAAAd,iBAAA,eAAAhB,EAAAC,KAEI,IAAMqE,EAAa1B,MAAMC,KAAKpB,SAASqB,iBAAiB,cAAcC,QAAO,SAAAmB,GAAS,OAAAA,EAAM5D,IAAN,IACtF,GAAIgE,EAAWjD,SAAW,EACtB,OAAO,MAEX,IAAMkD,EAAetE,KAAKgC,GAAGC,cAAc,wBAC3C,IAAKqC,EACD,OAAO,MAEX,IAAMC,EAAgBF,EAAWG,KAAI,SAAAP,GAAS,OAAAlE,EAAKiE,kBAAkBC,EAAvB,IAE9C,IAAMQ,EAAYC,KAAKC,IAAGC,MAARF,KAAYH,GAE9B,IAAMM,EAAa7E,KAAKgE,kBAAkBhE,KAAKgC,IAC/C,OAAO6C,IAAeJ,CAC1B,EACA5E,EAAAgC,UAAAiD,OAAA,W,MACI,OAAQ3F,EAAE,SAAU,CAAE+B,IAAK,2CAA4C6D,MAAO,CACtE,sBAAuB,KACvB1E,KAAQL,KAAKK,MACd,aAAc,OAAQ,kBAAmB,GAAA2E,OAAGhF,KAAKiF,YAAW,YAAYC,QAASlF,KAAKS,qBAAuBtB,EAAE,MAAO,CAAE+B,IAAK,2CAA4C6D,OAAKI,EAAA,CAC7K,YAAa,MACbA,EAAC,cAAAH,OAAchF,KAAKM,OAAS,KAC7B6E,EAAA,yBAAyBnF,KAAKO,W,GAC/B6E,KAAM,SAAWjG,EAAE,OAAQ,CAAE+B,IAAK,8CAC7C,EACAmE,OAAAC,eAAIzF,EAAAgC,UAAA,KAAE,C,IAAN,WAAW,OAAOzC,EAAWY,KAAO,E,qCACpCqF,OAAAC,eAAWzF,EAAA,WAAQ,C,IAAnB,WAAwB,MAAO,CAC3BQ,KAAQ,CAAC,oBACV,E,qCACP,OAAAR,CAAA,CA1PoC,IA2PpCD,EAASmD,MAAQpD,CAElB,EAEJ","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as i,c as s,h as e,H as r,a as o}from"./p-DHPhrb5T.js";import{m as a}from"./p-CN-lL5QG.js";import{b as d}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as i,c as s,h as e,H as r,a as o}from"./p-DHPhrb5T.js";import{m as a}from"./p-CN-lL5QG.js";import{b as d}from"./p-Bmf4Ow_8.js";const p=".sc-pds-radio-group-h{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-sm)}.is-invalid.sc-pds-radio-group-h .pds-radio-group__message--error.sc-pds-radio-group{color:var(--pine-color-text-message-danger)}.pds-radio-group__label.sc-pds-radio-group{color:var(--pine-color-text-label);font:var(--pine-typography-heading-6);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing-heading-6)}.pds-radio-group__radios.sc-pds-radio-group{display:-ms-flexbox;display:flex;gap:var(--pds-radio-group-gap, var(--pine-dimension-xs))}.pds-radio-group__radios--row.sc-pds-radio-group{-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.pds-radio-group__radios--column.sc-pds-radio-group{-ms-flex-direction:column;flex-direction:column}.pds-radio-group__message.sc-pds-radio-group{color:var(--pine-color-text-message);font:var(--pine-typography-body);width:100%}.pds-radio-group__message--error.sc-pds-radio-group{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-radio-group__message--error.sc-pds-radio-group pds-icon.sc-pds-radio-group{-webkit-margin-before:var(--pine-dimension-050);margin-block-start:var(--pine-dimension-050)}";const n=class{constructor(e){i(this,e);this.pdsRadioGroupChange=s(this,"pdsRadioGroupChange");this.direction="column";this.gap="xs";this.disabled=false;this.invalid=false;this.required=false}handlePropsChange(){this.updateChildRadios()}handleRadioChange(i){const s=i.target;if(s.type!=="radio"){return}if(s.checked){const i=s.closest("pds-radio");if(i){this.pdsRadioGroupChange.emit({checked:true,value:i.value,componentId:i.componentId})}}}updateChildRadios(){const i=this.el.querySelectorAll("pds-radio");i.forEach((i=>{if(this.name){i.setAttribute("name",this.name)}else{i.removeAttribute("name")}if(this.disabled){i.setAttribute("disabled","true")}else{i.removeAttribute("disabled")}if(this.invalid){i.setAttribute("invalid","true")}else{i.removeAttribute("invalid")}if(this.required){i.setAttribute("required","true")}else{i.removeAttribute("required")}}))}componentWillLoad(){if(this.componentId){this._groupId=this.componentId}else{const i=typeof crypto!=="undefined"&&crypto.randomUUID?crypto.randomUUID():`${Date.now()}-${Math.random().toString(36).substring(2,9)}`;this._groupId=`radio-group-${i}`}}componentDidLoad(){if(!this.name){console.warn("pds-radio-group: name prop is required for proper radio group functionality")}this.updateChildRadios()}classNames(){const i=[];if(this.invalid){i.push("is-invalid")}return i.join(" ")}getGapValue(){const i={none:"0",xxs:"var(--pine-dimension-xxs)",xs:"var(--pine-dimension-xs)",sm:"var(--pine-dimension-sm)",md:"var(--pine-dimension-md)",lg:"var(--pine-dimension-lg)",xl:"var(--pine-dimension-xl)",xxl:"var(--pine-dimension-xxl)"};if(i[this.gap]){return i[this.gap]}return`var(--pine-dimension-${this.gap})`}getAriaDescribedBy(){const i=[];if(this.errorMessage){i.push(a(this._groupId,"error"))}if(this.helperMessage){i.push(a(this._groupId,"helper"))}return i.length>0?i.join(" "):undefined}render(){const i=this.getGapValue();const s=this.getAriaDescribedBy();return e(r,{key:"53949e8e878887189482a13e0402402b8ee79c46",class:this.classNames(),id:this._groupId,role:"group","aria-describedby":s,style:{"--pds-radio-group-gap":i}},this.groupLabel&&e("div",{key:"9aa547ff0b60d1eb78ab6806c552391c119c6511",class:"pds-radio-group__label"},this.groupLabel),e("div",{key:"5bad4f6d4c685eca8a97b574511f21b93bdf4821",class:{"pds-radio-group__radios":true,"pds-radio-group__radios--row":this.direction==="row","pds-radio-group__radios--column":this.direction==="column"}},e("slot",{key:"ffd76f30b308f124e1df925b2fe354ffb80f59bc",onSlotchange:()=>this.updateChildRadios()})),this.helperMessage&&e("div",{key:"ea8995384b1e1c1e98d01d704bd969a97bfd2b2a",class:"pds-radio-group__message",id:a(this._groupId,"helper")},this.helperMessage),this.errorMessage&&e("div",{key:"30726bc368c7ad2820ae4cb43faf0a45e94a51e8",class:"pds-radio-group__message pds-radio-group__message--error",id:a(this._groupId,"error"),"aria-live":"assertive"},e("pds-icon",{key:"acc00b6e36ead10cc5cc01033ad0f619bd75f5da",icon:d,size:"small"}),this.errorMessage))}get el(){return o(this)}static get watchers(){return{name:["handlePropsChange"],disabled:["handlePropsChange"],invalid:["handlePropsChange"],required:["handlePropsChange"]}}};n.style=p;export{n as pds_radio_group};
|
|
2
|
+
//# sourceMappingURL=p-bf157830.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,c as i,h as t,H as s,a as n}from"./p-DHPhrb5T.js";import{a as o,c as r,o as l,f as a,s as d,b as c}from"./p-BO6p966C.js";import{d as h}from"./p-tJa4KYNO.js";import{a as p,m as u}from"./p-CN-lL5QG.js";import{e as m,b as f}from"./p-BFkDH5XU.js";const b=":host{display:block}:host([aria-disabled=true]) .pds-multiselect__trigger{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}:host([aria-disabled=true]) .pds-multiselect__icon{color:var(--pine-color-text-disabled)}.pds-multiselect{position:relative}.pds-multiselect__label{color:var(--pine-color-text-label);display:block;font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing);-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-multiselect__wrapper{position:relative}.pds-multiselect__trigger{-ms-flex-align:center;align-items:center;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-125);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-medium);gap:var(--pine-dimension-xs);-ms-flex-pack:justify;justify-content:space-between;letter-spacing:var(--pine-letter-spacing);min-height:var(--pine-dimension-450);padding:var(--pine-dimension-xs) var(--pine-dimension-sm);position:relative;text-align:start;-webkit-transition:border-color 0.2s ease, -webkit-box-shadow 0.2s ease;transition:border-color 0.2s ease, -webkit-box-shadow 0.2s ease;transition:border-color 0.2s ease, box-shadow 0.2s ease;transition:border-color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;width:100%}.pds-multiselect__trigger:hover:not(.pds-multiselect__trigger--disabled){border-color:var(--pine-color-border-hover)}.pds-multiselect__trigger:focus:not(.pds-multiselect__trigger--disabled){border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-multiselect__trigger.pds-multiselect__trigger--open{border-color:var(--pine-color-border-active)}.pds-multiselect__trigger.pds-multiselect__trigger--invalid{background-color:var(--pine-color-red-050);border-color:var(--pine-color-border-danger)}.pds-multiselect__trigger.pds-multiselect__trigger--invalid:focus{outline-color:var(--pine-color-focus-ring-danger)}.pds-multiselect__trigger.pds-multiselect__trigger--disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}.pds-multiselect__trigger-text{color:var(--pine-color-text-strong);-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-multiselect__trigger-text.pds-multiselect__trigger-text--placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__trigger--disabled .pds-multiselect__trigger-text{color:var(--pine-color-text-disabled)}.pds-multiselect__icon{color:var(--pine-color-icon);-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none)}.pds-multiselect__panel{background:var(--pine-color-background-container);border-radius:var(--pine-dimension-125);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:absolute;z-index:var(--pine-z-index-raised)}.pds-multiselect__search{-ms-flex-align:center;align-items:center;-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border);border-block-end-color:var(--pine-color-border-subtle);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.pds-multiselect__search pds-icon{color:var(--pine-color-text-muted);-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none)}.pds-multiselect__search-input{background:transparent;border:var(--pine-dimension-none);color:var(--pine-color-text-strong);-ms-flex:1;flex:1;font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);min-width:var(--pine-dimension-none);outline:none}.pds-multiselect__search-input::-webkit-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input::-moz-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input:-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input::-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input::placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__selected-section{-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border);border-block-end-color:var(--pine-color-border-subtle);padding:var(--pine-dimension-xs)}.pds-multiselect__selected-list{list-style:none;margin:var(--pine-dimension-none);padding:var(--pine-dimension-none)}.pds-multiselect__selected-item{color:var(--pine-color-text-strong);font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);overflow:hidden;padding:var(--pine-dimension-2xs) var(--pine-dimension-xs);text-overflow:ellipsis;white-space:nowrap}.pds-multiselect__listbox{background:transparent;border:var(--pine-dimension-none);-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none;margin:var(--pine-dimension-none);overflow-y:auto;padding:var(--pine-dimension-xs)}.pds-multiselect__option{-ms-flex-align:center;align-items:center;background:transparent;border-radius:var(--pine-dimension-xs);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-2xs) var(--pine-dimension-xs);-webkit-transition:background 0.15s;transition:background 0.15s}.pds-multiselect__option pds-checkbox{pointer-events:none;width:100%}.pds-multiselect__option:hover,.pds-multiselect__option.pds-multiselect__option--highlighted{background:var(--pine-color-background-muted)}.pds-multiselect__option:focus-visible{outline:var(--pine-dimension-none)}.pds-multiselect__create-option{color:var(--pine-color-text-strong);width:100%}.pds-multiselect__create-option pds-icon{color:var(--pine-color-text-muted);-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none)}.pds-multiselect__empty,.pds-multiselect__loading{-ms-flex-align:center;align-items:center;color:var(--pine-color-text-muted);display:-ms-flexbox;display:flex;font:var(--pine-typography-body);-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-sm)}.pds-multiselect__load-more{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-xs)}.pds-multiselect__helper{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs);-webkit-margin-start:var(--pine-dimension-none);margin-inline-start:var(--pine-dimension-none)}.pds-multiselect__error{-ms-flex-align:start;align-items:flex-start;color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;font:var(--pine-typography-body-sm);gap:var(--pine-dimension-2xs);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs);-webkit-margin-start:var(--pine-dimension-none);margin-inline-start:var(--pine-dimension-none)}.pds-multiselect__error pds-icon{-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none);-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.visually-hidden{border:var(--pine-dimension-none);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:var(--pine-dimension-none);position:absolute;white-space:nowrap;width:1px}";const v=class{constructor(t){e(this,t);this.pdsMultiselectChange=i(this,"pdsMultiselectChange");this.pdsMultiselectSearch=i(this,"pdsMultiselectSearch");this.pdsMultiselectLoadOptions=i(this,"pdsMultiselectLoadOptions");this.pdsMultiselectCreate=i(this,"pdsMultiselectCreate");this.pdsMultiselectDismiss=i(this,"pdsMultiselectDismiss");this.placeholder="Select...";this.searchPlaceholder="Find...";this.closePanelOnSelect=false;this.value=[];this.disabled=false;this.asyncMethod="GET";this.debounce=300;this.fetchTimeout=3e4;this.maxHeight="300px";this.triggerWidth="100%";this.minWidth="250px";this.hideLabel=false;this.hideSelectedItems=false;this.required=false;this.loading=false;this.csrfHeaderName="X-CSRF-Token";this.isOpen=false;this.searchQuery="";this.highlightedIndex=-1;this.internalOptions=[];this.selectedItems=[];this.currentPage=1;this.hasMore=false;this.creating=false;this.isOpening=false;this.isClosingViaSelection=false;this.initialAsyncFetchTriggered=false;this.pendingUnresolvedFetch=false;this.handleTriggerClick=()=>{if(this.disabled)return;if(this.isOpen){this.closeDropdown()}else{this.openDropdown()}};this.handleTriggerKeyDown=e=>{switch(e.key){case"ArrowDown":case"ArrowUp":case"Enter":case" ":e.preventDefault();if(!this.isOpen){this.openDropdown()}break}};this.handleSearchInputChange=e=>{const i=e.target;this.searchQuery=i.value;this.highlightedIndex=-1;this.pdsMultiselectSearch.emit({query:this.searchQuery});if(this.asyncUrl){this.debouncedFetchAsyncOptions(this.searchQuery,1)}};this.handleSearchInputKeyDown=e=>{const i=this.getFilteredOptions();switch(e.key){case"ArrowDown":e.preventDefault();this.highlightedIndex=Math.min(this.highlightedIndex+1,i.length-1);this.scrollOptionIntoView();break;case"ArrowUp":e.preventDefault();this.highlightedIndex=Math.max(this.highlightedIndex-1,0);this.scrollOptionIntoView();break;case"Enter":e.preventDefault();if(this.highlightedIndex>=0){const e=i[this.highlightedIndex];if(e){this.selectOption(e)}}break;case"Tab":this.closeDropdown();break}};this.handleContainerFocusOut=()=>{setTimeout((()=>{var e;if(!this.isOpen||this.isOpening||this.isClosingViaSelection)return;const i=document.activeElement;const t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.contains(i);const s=i===this.el;if(!t&&!s){this.pdsMultiselectDismiss.emit();this.closeDropdown()}}),0)};this.handleOptionMouseDown=e=>i=>{i.preventDefault();this.toggleOption(e)};this.handleOptionMouseEnter=e=>()=>{this.highlightedIndex=e};this.handleScroll=e=>{if(!this.asyncUrl||!this.hasMore||this.loading)return;const i=e.target;const t=i.scrollHeight-i.scrollTop-i.clientHeight;if(t<50){this.pdsMultiselectLoadOptions.emit({query:this.searchQuery,page:this.currentPage+1});this.debouncedFetchAsyncOptions(this.searchQuery,this.currentPage+1)}}}connectedCallback(){if(this.el.attachInternals&&!this.internals){this.internals=this.el.attachInternals()}}componentWillLoad(){this.originalSearchEmitter=this.pdsMultiselectSearch;this.syncSelectedItems()}componentDidLoad(){this.setupDebounce();this.setupMutationObserver();this.setupSlotChangeListener();this.updateFormValue();requestAnimationFrame((()=>{this.updateOptionsFromSlot();this.syncSelectedItems()}));if(this.asyncUrl&&this.ensureValueArray().length>0){this.initialAsyncFetchTriggered=true;this.fetchOptions("",1)}}setupSlotChangeListener(){var e;const i=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector("slot:not([name])");if(i){i.addEventListener("slotchange",(()=>{this.updateOptionsFromSlot();this.syncSelectedItems()}));this.updateOptionsFromSlot()}}disconnectedCallback(){var e,i;(e=this.observer)===null||e===void 0?void 0:e.disconnect();(i=this.cleanupAutoUpdate)===null||i===void 0?void 0:i.call(this);this.clearAsyncFetchState()}setupDebounce(){const{pdsMultiselectSearch:e,debounce:i,originalSearchEmitter:t}=this;this.pdsMultiselectSearch=i===undefined?t!==null&&t!==void 0?t:e:h(e,i)}valueChanged(e){if(typeof e==="string"){try{const i=JSON.parse(e);if(Array.isArray(i)){this.value=i;return}}catch(i){this.value=e?[e]:[];return}}this.syncSelectedItems();this.updateFormValue();if(this.asyncUrl){const e=this.ensureValueArray();const i=e.length>0&&this.selectedItems.length<e.length;if(i){if(this.loading){this.pendingUnresolvedFetch=true}else{this.fetchOptions("",1)}}}}optionsChanged(){if(this.options){this.internalOptions=[...this.options]}}internalOptionsChanged(){this.syncSelectedItems()}async setFocus(){var e;(e=this.triggerEl)===null||e===void 0?void 0:e.focus()}async clear(){const e=this.value.length>0||this.searchQuery!=="";this.value=[];this.searchQuery="";this.syncSelectedItems();this.updateFormValue();if(e){this.pdsMultiselectChange.emit({values:[],items:[]})}}handleWindowKeyDown(e){var i;if(!this.isOpen)return;if(e.key==="Escape"){e.preventDefault();this.pdsMultiselectDismiss.emit();this.closeDropdown();(i=this.triggerEl)===null||i===void 0?void 0:i.focus()}}setupMutationObserver(){this.observer=new MutationObserver((()=>{this.updateOptionsFromSlot()}));this.observer.observe(this.el,{childList:true,subtree:true})}updateOptionsFromSlot(){var e;const i=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector("slot:not([name])");if(!i)return;const t=i.assignedElements({flatten:true}).filter((e=>e.tagName==="OPTION")).map((e=>({id:e.value,text:e.textContent||e.value})));if(t.length>0&&!this.asyncUrl&&!this.options){this.internalOptions=t}}clearAsyncFetchState(){var e;if(this.fetchDebounceTimer!==undefined){window.clearTimeout(this.fetchDebounceTimer);this.fetchDebounceTimer=undefined}if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}(e=this.abortController)===null||e===void 0?void 0:e.abort();this.abortController=undefined}debouncedFetchAsyncOptions(e,i=1){var t;if(!this.asyncUrl)return;if(this.fetchDebounceTimer!==undefined){window.clearTimeout(this.fetchDebounceTimer)}const s=Math.max(0,(t=this.debounce)!==null&&t!==void 0?t:0);this.fetchDebounceTimer=window.setTimeout((()=>{this.fetchDebounceTimer=undefined;this.fetchOptions(e,i)}),s)}syncSelectedItems(){const e=this.ensureValueArray();const i=this.getAllOptions();const t=[];const s=new Map(this.selectedItems.map((e=>[String(e.id),e])));e.forEach((e=>{const n=i.find((i=>String(i.id)===String(e)));if(n){t.push(n)}else if(s.has(String(e))){t.push(s.get(String(e)))}}));this.selectedItems=t}ensureValueArray(){if(typeof this.value==="string"){try{const e=JSON.parse(this.value);if(Array.isArray(e)){this.value=e;return e}}catch(e){const i=this.value;this.value=i?[i]:[];return this.value}}return Array.isArray(this.value)?this.value:[]}getAllOptions(){return this.options||this.internalOptions}getFilteredOptions(){const e=this.getAllOptions();const i=this.searchQuery.toLowerCase();const t=e.filter((e=>{if(i){return e.text.toLowerCase().includes(i)}return true}));if(this.createUrl&&this.searchQuery.trim()&&t.length===0){return[{id:"__create__",text:this.searchQuery.trim(),isCreateOption:true}]}return t}updateFormValue(){var e;if((e=this.internals)===null||e===void 0?void 0:e.setFormValue){const e=this.ensureValueArray();const i=new FormData;e.forEach((e=>{if(this.name){i.append(this.name,e)}}));this.internals.setFormValue(i);if(this.required&&e.length===0){this.internals.setValidity({valueMissing:true},"Please select at least one option.",this.triggerEl)}else{this.internals.setValidity({})}}}getCsrfToken(){if(this.csrfToken){return this.csrfToken}const e=document.querySelector('meta[name="csrf-token"]');return(e===null||e===void 0?void 0:e.content)||null}async fetchOptions(e,i=1){var t;if(!this.asyncUrl)return;(t=this.abortController)===null||t===void 0?void 0:t.abort();if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}this.abortController=new AbortController;this.loading=true;this.fetchTimeoutTimer=window.setTimeout((()=>{var e;(e=this.abortController)===null||e===void 0?void 0:e.abort();this.fetchTimeoutTimer=undefined}),this.fetchTimeout);try{let t;try{t=new URL(this.asyncUrl,window.location.origin)}catch(e){throw new TypeError(`Invalid asyncUrl: ${this.asyncUrl}`)}if(this.asyncMethod==="GET"){t.searchParams.set("search",e);t.searchParams.set("page",String(i))}const s=this.getCsrfToken();const n={"Content-Type":"application/json",Accept:"application/json"};if(s){const e=this.csrfHeaderName||"X-CSRF-Token";n[e]=s}const o=await fetch(t.toString(),Object.assign({method:this.asyncMethod,signal:this.abortController.signal,headers:n},this.asyncMethod==="POST"&&{body:JSON.stringify({search:e,page:i})}));if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}if(!o.ok)throw new Error("Failed to fetch options");const r=await o.json();const l=r.results.map((e=>{if(this.formatResult){return this.formatResult(e)}if(typeof e==="object"&&e!==null){return Object.assign({id:e.id,text:e.text},e)}return{id:String(e),text:String(e)}}));if(i===1){this.internalOptions=l}else{this.internalOptions=[...this.internalOptions,...l]}this.hasMore=r.totalCount?this.internalOptions.length<r.totalCount:false;this.currentPage=i}catch(e){if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}if(e.name!=="AbortError"){console.error("PdsMultiselect: Failed to fetch options",e)}}finally{this.loading=false;if(this.pendingUnresolvedFetch){this.pendingUnresolvedFetch=false;const e=this.ensureValueArray();const i=e.length>0&&this.selectedItems.length<e.length;if(i){this.fetchOptions("",1)}}}}async createOption(e){if(!this.createUrl||!e.trim())return;if(this.creating)return;this.creating=true;try{const i=new URL(this.createUrl,window.location.origin);const t=this.getCsrfToken();const s={"Content-Type":"application/json",Accept:"application/json"};if(t){const e=this.csrfHeaderName||"X-CSRF-Token";s[e]=t}const n=await fetch(i.toString(),{method:"POST",headers:s,body:JSON.stringify({text:e.trim()})});if(!n.ok)throw new Error("Failed to create option");const o=await n.json();const r=Object.assign({id:o.id,text:o.text},o);this.internalOptions=[...this.internalOptions,r];this.value=[...this.value,String(r.id)];this.syncSelectedItems();this.pdsMultiselectCreate.emit({query:e.trim(),newOption:r});this.pdsMultiselectChange.emit({values:this.value,items:this.selectedItems});this.searchQuery="";this.highlightedIndex=-1;requestAnimationFrame((()=>{var e;(e=this.searchInputEl)===null||e===void 0?void 0:e.focus()}))}catch(e){console.error("PdsMultiselect: Failed to create option",e)}finally{this.creating=false}}openDropdown(){if(this.disabled)return;this.isOpening=true;this.isOpen=true;this.highlightedIndex=-1;if(this.asyncUrl&&this.internalOptions.length===0&&!this.initialAsyncFetchTriggered){this.debouncedFetchAsyncOptions(this.searchQuery,1)}this.initialAsyncFetchTriggered=false;requestAnimationFrame((()=>{var e;this.positionDropdown();(e=this.searchInputEl)===null||e===void 0?void 0:e.focus();setTimeout((()=>{this.isOpening=false}),50)}))}closeDropdown(){this.isOpen=false;this.highlightedIndex=-1;this.searchQuery="";if(this.isClosingViaSelection){setTimeout((()=>{this.isClosingViaSelection=false}),0)}if(this.cleanupAutoUpdate){this.cleanupAutoUpdate();this.cleanupAutoUpdate=undefined}}positionDropdown(){if(!this.containerEl||!this.panelEl)return;const e=this.triggerEl||this.containerEl;const{minWidth:i,panelWidth:t}=this;const s=()=>{r(e,this.panelEl,{placement:"bottom-start",strategy:"absolute",middleware:[l(12),a(),d({padding:8}),c({apply:({rects:e,elements:s})=>{Object.assign(s.floating.style,{width:t!==null&&t!==void 0?t:`${e.reference.width}px`,minWidth:i})}})]}).then((({x:e,y:i})=>{if(this.panelEl){this.panelEl.style.left=`${e}px`;this.panelEl.style.top=`${i}px`}}))};s();const n=o(e,this.panelEl,s);this.cleanupAutoUpdate=()=>{n();this.clearAsyncFetchState()}}scrollOptionIntoView(){requestAnimationFrame((()=>{var e;const i=(e=this.listboxEl)===null||e===void 0?void 0:e.querySelector(`[data-index="${this.highlightedIndex}"]`);i===null||i===void 0?void 0:i.scrollIntoView({block:"nearest",behavior:"smooth"})}))}toggleOption(e){var i,t;if(e.isCreateOption){if(!this.creating){this.createOption(this.searchQuery)}return}const s=String(e.id);const n=this.value.includes(s);if(n){this.value=this.value.filter((e=>e!==s))}else{if(this.maxSelections&&this.value.length>=this.maxSelections){return}this.value=[...this.value,s]}this.syncSelectedItems();this.pdsMultiselectChange.emit({values:this.value,items:this.selectedItems});if(this.closePanelOnSelect){this.isClosingViaSelection=true;this.closeDropdown();(i=this.triggerEl)===null||i===void 0?void 0:i.focus()}else{(t=this.searchInputEl)===null||t===void 0?void 0:t.focus()}}selectOption(e){this.toggleOption(e)}renderSelectedItemsList(){if(this.hideSelectedItems||this.selectedItems.length===0)return null;return t("div",{class:"pds-multiselect__selected-section"},t("ul",{class:"pds-multiselect__selected-list",role:"list"},this.selectedItems.map((e=>t("li",{key:String(e.id),class:"pds-multiselect__selected-item"},e.text)))))}renderDropdown(){if(!this.isOpen)return null;const e=this.getFilteredOptions();const i=this.ensureValueArray();const s=!!this.el.querySelector('[slot="empty"]');const n=!!this.el.querySelector('[slot="loading"]');return t("div",{class:"pds-multiselect__panel",ref:e=>this.panelEl=e,style:{minWidth:this.minWidth}},t("div",{class:"pds-multiselect__search"},t("pds-icon",{name:"search",size:"small"}),t("input",{ref:e=>this.searchInputEl=e,type:"text",class:"pds-multiselect__search-input",placeholder:this.searchPlaceholder,value:this.searchQuery,"aria-label":"Search options","aria-controls":`${this.componentId}-listbox`,"aria-activedescendant":this.highlightedIndex>=0?`${this.componentId}-option-${this.highlightedIndex}`:undefined,role:"combobox","aria-haspopup":"listbox","aria-expanded":"true","aria-autocomplete":"list",autocomplete:"off",onInput:this.handleSearchInputChange,onKeyDown:this.handleSearchInputKeyDown})),this.renderSelectedItemsList(),t("ul",{class:"pds-multiselect__listbox",role:"listbox","aria-multiselectable":"true","aria-label":this.label||"Options",id:`${this.componentId}-listbox`,ref:e=>this.listboxEl=e,style:{maxHeight:this.maxHeight},onScroll:this.handleScroll},this.loading&&t("li",{class:"pds-multiselect__loading",role:"presentation"},n?t("slot",{name:"loading"}):t("pds-loader",{size:"small"})),!this.loading&&e.length===0&&t("li",{class:"pds-multiselect__empty",role:"presentation"},s?t("slot",{name:"empty"}):t("span",null,"No options found")),e.map(((e,s)=>{const n=i.includes(String(e.id));const o=e.isCreateOption;const r=s===this.highlightedIndex&&!o;const l=`${this.componentId}-option-${s}`;const a=o&&this.creating;return t("li",{key:String(e.id),id:l,class:{"pds-multiselect__option":true,"pds-multiselect__option--highlighted":r,"pds-multiselect__option--selected":n,"pds-multiselect__option--create":o,"pds-multiselect__option--disabled":a},role:"option","aria-selected":n?"true":"false","aria-disabled":a?"true":undefined,"aria-label":o?`Create new tag: ${e.text}`:undefined,"data-index":s,onMouseDown:this.handleOptionMouseDown(e),onMouseEnter:this.handleOptionMouseEnter(s)},o?t("pds-box",{class:"pds-multiselect__create-option","align-items":"center",gap:"xs"},t("pds-icon",{name:"add",size:"small"}),t("pds-text",null,'Add "',e.text,'"')):t("pds-checkbox",{componentId:`${this.componentId}-checkbox-${s}`,checked:n,label:e.text,style:{pointerEvents:"none"}}))})),this.hasMore&&!this.loading&&t("li",{class:"pds-multiselect__load-more",role:"presentation"},t("pds-loader",{size:"small"}))))}getTriggerText(){const e=this.selectedItems.length;if(e===0){return this.placeholder||"Select..."}return`${e} item${e===1?"":"s"}`}render(){const e=this.selectedItems.length>0;return t(s,{key:"824364c4ab70a90abc5542ac66eb8259e727e4e6","aria-disabled":this.disabled?"true":null},t("div",{key:"ff103de53850eef00dad44e97333c58a54c8ae59",class:"pds-multiselect"},this.label&&t("label",{key:"0524860c38d53aeddf35e9905abe783cb1174d6b",htmlFor:this.componentId,class:{"pds-multiselect__label":true,"visually-hidden":this.hideLabel}},this.label),t("div",{key:"b6313b12f499656e98c33af524240fd51a332e68",class:"pds-multiselect__wrapper",ref:e=>this.containerEl=e,onFocusout:this.handleContainerFocusOut,style:{width:this.triggerWidth}},t("button",{key:"fbf274a4dace5f039ce1ce46674d66a08c5c280d",ref:e=>this.triggerEl=e,type:"button",class:{"pds-multiselect__trigger":true,"pds-multiselect__trigger--open":this.isOpen,"pds-multiselect__trigger--disabled":this.disabled,"pds-multiselect__trigger--invalid":this.invalid||!!this.errorMessage,"pds-multiselect__trigger--has-value":e},id:this.componentId,disabled:this.disabled,"aria-required":this.required?"true":undefined,"aria-expanded":this.isOpen?"true":"false","aria-haspopup":"listbox","aria-describedby":p(this.componentId,this.invalid||!!this.errorMessage,this.errorMessage||this.helperMessage),"aria-invalid":this.invalid||!!this.errorMessage?"true":undefined,onClick:this.handleTriggerClick,onKeyDown:this.handleTriggerKeyDown},t("span",{key:"314fc7f00db71a170f1fc7c83306cebc3397a451",class:{"pds-multiselect__trigger-text":true,"pds-multiselect__trigger-text--placeholder":!e}},this.getTriggerText()),t("pds-icon",{key:"e81690095180cfe9b4799c531ba5d7a9952a2a6c",class:"pds-multiselect__icon",icon:m})),this.renderDropdown()),this.helperMessage&&!(this.errorMessage&&this.errorMessage.length>0)&&t("p",{key:"d2a511d548d10a1bc5b9704f7de6f050e00cb9f4",class:"pds-multiselect__helper",id:u(this.componentId,"helper")},this.helperMessage),this.errorMessage&&t("p",{key:"2cca6e85a6ca9033e7baea24a509bb6d7064119d",class:"pds-multiselect__error",id:u(this.componentId,"error")},t("pds-icon",{key:"6f680d14585dac5c6de3d0ec864ef1311241d2d2",icon:f,size:"small"}),this.errorMessage),t("div",{key:"5be84a5f96531cb2add1d490c292a7482b444b83",style:{display:"none"}},t("slot",{key:"cf9bece8f341293b6fa701b185db3926510c3845"}))))}static get formAssociated(){return true}get el(){return n(this)}static get watchers(){return{debounce:["setupDebounce"],value:["valueChanged"],options:["optionsChanged"],internalOptions:["internalOptionsChanged"]}}};v.style=b;export{v as pds_multiselect};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,c as i,h as t,H as s,a as n}from"./p-DHPhrb5T.js";import{a as o,c as r,o as l,f as a,s as d,b as c}from"./p-BO6p966C.js";import{d as h}from"./p-tJa4KYNO.js";import{a as p,m as u}from"./p-CN-lL5QG.js";import{e as m,b as f}from"./p-Bmf4Ow_8.js";const b=":host{display:block}:host([aria-disabled=true]) .pds-multiselect__trigger{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}:host([aria-disabled=true]) .pds-multiselect__icon{color:var(--pine-color-text-disabled)}.pds-multiselect{position:relative}.pds-multiselect__label{color:var(--pine-color-text-label);display:block;font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing);-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-multiselect__wrapper{position:relative}.pds-multiselect__trigger{-ms-flex-align:center;align-items:center;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-125);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-medium);gap:var(--pine-dimension-xs);-ms-flex-pack:justify;justify-content:space-between;letter-spacing:var(--pine-letter-spacing);min-height:var(--pine-dimension-450);padding:var(--pine-dimension-xs) var(--pine-dimension-sm);position:relative;text-align:start;-webkit-transition:border-color 0.2s ease, -webkit-box-shadow 0.2s ease;transition:border-color 0.2s ease, -webkit-box-shadow 0.2s ease;transition:border-color 0.2s ease, box-shadow 0.2s ease;transition:border-color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;width:100%}.pds-multiselect__trigger:hover:not(.pds-multiselect__trigger--disabled){border-color:var(--pine-color-border-hover)}.pds-multiselect__trigger:focus:not(.pds-multiselect__trigger--disabled){border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-multiselect__trigger.pds-multiselect__trigger--open{border-color:var(--pine-color-border-active)}.pds-multiselect__trigger.pds-multiselect__trigger--invalid{background-color:var(--pine-color-red-050);border-color:var(--pine-color-border-danger)}.pds-multiselect__trigger.pds-multiselect__trigger--invalid:focus{outline-color:var(--pine-color-focus-ring-danger)}.pds-multiselect__trigger.pds-multiselect__trigger--disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}.pds-multiselect__trigger-text{color:var(--pine-color-text-strong);-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-multiselect__trigger-text.pds-multiselect__trigger-text--placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__trigger--disabled .pds-multiselect__trigger-text{color:var(--pine-color-text-disabled)}.pds-multiselect__icon{color:var(--pine-color-icon);-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none)}.pds-multiselect__panel{background:var(--pine-color-background-container);border-radius:var(--pine-dimension-125);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:absolute;z-index:var(--pine-z-index-raised)}.pds-multiselect__search{-ms-flex-align:center;align-items:center;-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border);border-block-end-color:var(--pine-color-border-subtle);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.pds-multiselect__search pds-icon{color:var(--pine-color-text-muted);-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none)}.pds-multiselect__search-input{background:transparent;border:var(--pine-dimension-none);color:var(--pine-color-text-strong);-ms-flex:1;flex:1;font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);min-width:var(--pine-dimension-none);outline:none}.pds-multiselect__search-input::-webkit-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input::-moz-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input:-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input::-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input::placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__selected-section{-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border);border-block-end-color:var(--pine-color-border-subtle);padding:var(--pine-dimension-xs)}.pds-multiselect__selected-list{list-style:none;margin:var(--pine-dimension-none);padding:var(--pine-dimension-none)}.pds-multiselect__selected-item{color:var(--pine-color-text-strong);font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);overflow:hidden;padding:var(--pine-dimension-2xs) var(--pine-dimension-xs);text-overflow:ellipsis;white-space:nowrap}.pds-multiselect__listbox{background:transparent;border:var(--pine-dimension-none);-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none;margin:var(--pine-dimension-none);overflow-y:auto;padding:var(--pine-dimension-xs)}.pds-multiselect__option{-ms-flex-align:center;align-items:center;background:transparent;border-radius:var(--pine-dimension-xs);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-2xs) var(--pine-dimension-xs);-webkit-transition:background 0.15s;transition:background 0.15s}.pds-multiselect__option pds-checkbox{pointer-events:none;width:100%}.pds-multiselect__option:hover,.pds-multiselect__option.pds-multiselect__option--highlighted{background:var(--pine-color-background-muted)}.pds-multiselect__option:focus-visible{outline:var(--pine-dimension-none)}.pds-multiselect__create-option{color:var(--pine-color-text-strong);width:100%}.pds-multiselect__create-option pds-icon{color:var(--pine-color-text-muted);-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none)}.pds-multiselect__empty,.pds-multiselect__loading{-ms-flex-align:center;align-items:center;color:var(--pine-color-text-muted);display:-ms-flexbox;display:flex;font:var(--pine-typography-body);-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-sm)}.pds-multiselect__load-more{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-xs)}.pds-multiselect__helper{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs);-webkit-margin-start:var(--pine-dimension-none);margin-inline-start:var(--pine-dimension-none)}.pds-multiselect__error{-ms-flex-align:start;align-items:flex-start;color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;font:var(--pine-typography-body-sm);gap:var(--pine-dimension-2xs);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs);-webkit-margin-start:var(--pine-dimension-none);margin-inline-start:var(--pine-dimension-none)}.pds-multiselect__error pds-icon{-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none);-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.visually-hidden{border:var(--pine-dimension-none);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:var(--pine-dimension-none);position:absolute;white-space:nowrap;width:1px}";const v=class{constructor(t){e(this,t);this.pdsMultiselectChange=i(this,"pdsMultiselectChange");this.pdsMultiselectSearch=i(this,"pdsMultiselectSearch");this.pdsMultiselectLoadOptions=i(this,"pdsMultiselectLoadOptions");this.pdsMultiselectCreate=i(this,"pdsMultiselectCreate");this.pdsMultiselectDismiss=i(this,"pdsMultiselectDismiss");this.placeholder="Select...";this.searchPlaceholder="Find...";this.closePanelOnSelect=false;this.value=[];this.disabled=false;this.asyncMethod="GET";this.debounce=300;this.fetchTimeout=3e4;this.maxHeight="300px";this.triggerWidth="100%";this.minWidth="250px";this.hideLabel=false;this.hideSelectedItems=false;this.required=false;this.loading=false;this.csrfHeaderName="X-CSRF-Token";this.isOpen=false;this.searchQuery="";this.highlightedIndex=-1;this.internalOptions=[];this.selectedItems=[];this.currentPage=1;this.hasMore=false;this.creating=false;this.isOpening=false;this.isClosingViaSelection=false;this.initialAsyncFetchTriggered=false;this.pendingUnresolvedFetch=false;this.handleTriggerClick=()=>{if(this.disabled)return;if(this.isOpen){this.closeDropdown()}else{this.openDropdown()}};this.handleTriggerKeyDown=e=>{switch(e.key){case"ArrowDown":case"ArrowUp":case"Enter":case" ":e.preventDefault();if(!this.isOpen){this.openDropdown()}break}};this.handleSearchInputChange=e=>{const i=e.target;this.searchQuery=i.value;this.highlightedIndex=-1;this.pdsMultiselectSearch.emit({query:this.searchQuery});if(this.asyncUrl){this.debouncedFetchAsyncOptions(this.searchQuery,1)}};this.handleSearchInputKeyDown=e=>{const i=this.getFilteredOptions();switch(e.key){case"ArrowDown":e.preventDefault();this.highlightedIndex=Math.min(this.highlightedIndex+1,i.length-1);this.scrollOptionIntoView();break;case"ArrowUp":e.preventDefault();this.highlightedIndex=Math.max(this.highlightedIndex-1,0);this.scrollOptionIntoView();break;case"Enter":e.preventDefault();if(this.highlightedIndex>=0){const e=i[this.highlightedIndex];if(e){this.selectOption(e)}}break;case"Tab":this.closeDropdown();break}};this.handleContainerFocusOut=()=>{setTimeout((()=>{var e;if(!this.isOpen||this.isOpening||this.isClosingViaSelection)return;const i=document.activeElement;const t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.contains(i);const s=i===this.el;if(!t&&!s){this.pdsMultiselectDismiss.emit();this.closeDropdown()}}),0)};this.handleOptionMouseDown=e=>i=>{i.preventDefault();this.toggleOption(e)};this.handleOptionMouseEnter=e=>()=>{this.highlightedIndex=e};this.handleScroll=e=>{if(!this.asyncUrl||!this.hasMore||this.loading)return;const i=e.target;const t=i.scrollHeight-i.scrollTop-i.clientHeight;if(t<50){this.pdsMultiselectLoadOptions.emit({query:this.searchQuery,page:this.currentPage+1});this.debouncedFetchAsyncOptions(this.searchQuery,this.currentPage+1)}}}connectedCallback(){if(this.el.attachInternals&&!this.internals){this.internals=this.el.attachInternals()}}componentWillLoad(){this.originalSearchEmitter=this.pdsMultiselectSearch;this.syncSelectedItems()}componentDidLoad(){this.setupDebounce();this.setupMutationObserver();this.setupSlotChangeListener();this.updateFormValue();requestAnimationFrame((()=>{this.updateOptionsFromSlot();this.syncSelectedItems()}));if(this.asyncUrl&&this.ensureValueArray().length>0){this.initialAsyncFetchTriggered=true;this.fetchOptions("",1)}}setupSlotChangeListener(){var e;const i=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector("slot:not([name])");if(i){i.addEventListener("slotchange",(()=>{this.updateOptionsFromSlot();this.syncSelectedItems()}));this.updateOptionsFromSlot()}}disconnectedCallback(){var e,i;(e=this.observer)===null||e===void 0?void 0:e.disconnect();(i=this.cleanupAutoUpdate)===null||i===void 0?void 0:i.call(this);this.clearAsyncFetchState()}setupDebounce(){const{pdsMultiselectSearch:e,debounce:i,originalSearchEmitter:t}=this;this.pdsMultiselectSearch=i===undefined?t!==null&&t!==void 0?t:e:h(e,i)}valueChanged(e){if(typeof e==="string"){try{const i=JSON.parse(e);if(Array.isArray(i)){this.value=i;return}}catch(i){this.value=e?[e]:[];return}}this.syncSelectedItems();this.updateFormValue();if(this.asyncUrl){const e=this.ensureValueArray();const i=e.length>0&&this.selectedItems.length<e.length;if(i){if(this.loading){this.pendingUnresolvedFetch=true}else{this.fetchOptions("",1)}}}}optionsChanged(){if(this.options){this.internalOptions=[...this.options]}}internalOptionsChanged(){this.syncSelectedItems()}async setFocus(){var e;(e=this.triggerEl)===null||e===void 0?void 0:e.focus()}async clear(){const e=this.value.length>0||this.searchQuery!=="";this.value=[];this.searchQuery="";this.syncSelectedItems();this.updateFormValue();if(e){this.pdsMultiselectChange.emit({values:[],items:[]})}}handleWindowKeyDown(e){var i;if(!this.isOpen)return;if(e.key==="Escape"){e.preventDefault();this.pdsMultiselectDismiss.emit();this.closeDropdown();(i=this.triggerEl)===null||i===void 0?void 0:i.focus()}}setupMutationObserver(){this.observer=new MutationObserver((()=>{this.updateOptionsFromSlot()}));this.observer.observe(this.el,{childList:true,subtree:true})}updateOptionsFromSlot(){var e;const i=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector("slot:not([name])");if(!i)return;const t=i.assignedElements({flatten:true}).filter((e=>e.tagName==="OPTION")).map((e=>({id:e.value,text:e.textContent||e.value})));if(t.length>0&&!this.asyncUrl&&!this.options){this.internalOptions=t}}clearAsyncFetchState(){var e;if(this.fetchDebounceTimer!==undefined){window.clearTimeout(this.fetchDebounceTimer);this.fetchDebounceTimer=undefined}if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}(e=this.abortController)===null||e===void 0?void 0:e.abort();this.abortController=undefined}debouncedFetchAsyncOptions(e,i=1){var t;if(!this.asyncUrl)return;if(this.fetchDebounceTimer!==undefined){window.clearTimeout(this.fetchDebounceTimer)}const s=Math.max(0,(t=this.debounce)!==null&&t!==void 0?t:0);this.fetchDebounceTimer=window.setTimeout((()=>{this.fetchDebounceTimer=undefined;this.fetchOptions(e,i)}),s)}syncSelectedItems(){const e=this.ensureValueArray();const i=this.getAllOptions();const t=[];const s=new Map(this.selectedItems.map((e=>[String(e.id),e])));e.forEach((e=>{const n=i.find((i=>String(i.id)===String(e)));if(n){t.push(n)}else if(s.has(String(e))){t.push(s.get(String(e)))}}));this.selectedItems=t}ensureValueArray(){if(typeof this.value==="string"){try{const e=JSON.parse(this.value);if(Array.isArray(e)){this.value=e;return e}}catch(e){const i=this.value;this.value=i?[i]:[];return this.value}}return Array.isArray(this.value)?this.value:[]}getAllOptions(){return this.options||this.internalOptions}getFilteredOptions(){const e=this.getAllOptions();const i=this.searchQuery.toLowerCase();const t=e.filter((e=>{if(i){return e.text.toLowerCase().includes(i)}return true}));if(this.createUrl&&this.searchQuery.trim()&&t.length===0){return[{id:"__create__",text:this.searchQuery.trim(),isCreateOption:true}]}return t}updateFormValue(){var e;if((e=this.internals)===null||e===void 0?void 0:e.setFormValue){const e=this.ensureValueArray();const i=new FormData;e.forEach((e=>{if(this.name){i.append(this.name,e)}}));this.internals.setFormValue(i);if(this.required&&e.length===0){this.internals.setValidity({valueMissing:true},"Please select at least one option.",this.triggerEl)}else{this.internals.setValidity({})}}}getCsrfToken(){if(this.csrfToken){return this.csrfToken}const e=document.querySelector('meta[name="csrf-token"]');return(e===null||e===void 0?void 0:e.content)||null}async fetchOptions(e,i=1){var t;if(!this.asyncUrl)return;(t=this.abortController)===null||t===void 0?void 0:t.abort();if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}this.abortController=new AbortController;this.loading=true;this.fetchTimeoutTimer=window.setTimeout((()=>{var e;(e=this.abortController)===null||e===void 0?void 0:e.abort();this.fetchTimeoutTimer=undefined}),this.fetchTimeout);try{let t;try{t=new URL(this.asyncUrl,window.location.origin)}catch(e){throw new TypeError(`Invalid asyncUrl: ${this.asyncUrl}`)}if(this.asyncMethod==="GET"){t.searchParams.set("search",e);t.searchParams.set("page",String(i))}const s=this.getCsrfToken();const n={"Content-Type":"application/json",Accept:"application/json"};if(s){const e=this.csrfHeaderName||"X-CSRF-Token";n[e]=s}const o=await fetch(t.toString(),Object.assign({method:this.asyncMethod,signal:this.abortController.signal,headers:n},this.asyncMethod==="POST"&&{body:JSON.stringify({search:e,page:i})}));if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}if(!o.ok)throw new Error("Failed to fetch options");const r=await o.json();const l=r.results.map((e=>{if(this.formatResult){return this.formatResult(e)}if(typeof e==="object"&&e!==null){return Object.assign({id:e.id,text:e.text},e)}return{id:String(e),text:String(e)}}));if(i===1){this.internalOptions=l}else{this.internalOptions=[...this.internalOptions,...l]}this.hasMore=r.totalCount?this.internalOptions.length<r.totalCount:false;this.currentPage=i}catch(e){if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}if(e.name!=="AbortError"){console.error("PdsMultiselect: Failed to fetch options",e)}}finally{this.loading=false;if(this.pendingUnresolvedFetch){this.pendingUnresolvedFetch=false;const e=this.ensureValueArray();const i=e.length>0&&this.selectedItems.length<e.length;if(i){this.fetchOptions("",1)}}}}async createOption(e){if(!this.createUrl||!e.trim())return;if(this.creating)return;this.creating=true;try{const i=new URL(this.createUrl,window.location.origin);const t=this.getCsrfToken();const s={"Content-Type":"application/json",Accept:"application/json"};if(t){const e=this.csrfHeaderName||"X-CSRF-Token";s[e]=t}const n=await fetch(i.toString(),{method:"POST",headers:s,body:JSON.stringify({text:e.trim()})});if(!n.ok)throw new Error("Failed to create option");const o=await n.json();const r=Object.assign({id:o.id,text:o.text},o);this.internalOptions=[...this.internalOptions,r];this.value=[...this.value,String(r.id)];this.syncSelectedItems();this.pdsMultiselectCreate.emit({query:e.trim(),newOption:r});this.pdsMultiselectChange.emit({values:this.value,items:this.selectedItems});this.searchQuery="";this.highlightedIndex=-1;requestAnimationFrame((()=>{var e;(e=this.searchInputEl)===null||e===void 0?void 0:e.focus()}))}catch(e){console.error("PdsMultiselect: Failed to create option",e)}finally{this.creating=false}}openDropdown(){if(this.disabled)return;this.isOpening=true;this.isOpen=true;this.highlightedIndex=-1;if(this.asyncUrl&&this.internalOptions.length===0&&!this.initialAsyncFetchTriggered){this.debouncedFetchAsyncOptions(this.searchQuery,1)}this.initialAsyncFetchTriggered=false;requestAnimationFrame((()=>{var e;this.positionDropdown();(e=this.searchInputEl)===null||e===void 0?void 0:e.focus();setTimeout((()=>{this.isOpening=false}),50)}))}closeDropdown(){this.isOpen=false;this.highlightedIndex=-1;this.searchQuery="";if(this.isClosingViaSelection){setTimeout((()=>{this.isClosingViaSelection=false}),0)}if(this.cleanupAutoUpdate){this.cleanupAutoUpdate();this.cleanupAutoUpdate=undefined}}positionDropdown(){if(!this.containerEl||!this.panelEl)return;const e=this.triggerEl||this.containerEl;const{minWidth:i,panelWidth:t}=this;const s=()=>{r(e,this.panelEl,{placement:"bottom-start",strategy:"absolute",middleware:[l(12),a(),d({padding:8}),c({apply:({rects:e,elements:s})=>{Object.assign(s.floating.style,{width:t!==null&&t!==void 0?t:`${e.reference.width}px`,minWidth:i})}})]}).then((({x:e,y:i})=>{if(this.panelEl){this.panelEl.style.left=`${e}px`;this.panelEl.style.top=`${i}px`}}))};s();const n=o(e,this.panelEl,s);this.cleanupAutoUpdate=()=>{n();this.clearAsyncFetchState()}}scrollOptionIntoView(){requestAnimationFrame((()=>{var e;const i=(e=this.listboxEl)===null||e===void 0?void 0:e.querySelector(`[data-index="${this.highlightedIndex}"]`);i===null||i===void 0?void 0:i.scrollIntoView({block:"nearest",behavior:"smooth"})}))}toggleOption(e){var i,t;if(e.isCreateOption){if(!this.creating){this.createOption(this.searchQuery)}return}const s=String(e.id);const n=this.value.includes(s);if(n){this.value=this.value.filter((e=>e!==s))}else{if(this.maxSelections&&this.value.length>=this.maxSelections){return}this.value=[...this.value,s]}this.syncSelectedItems();this.pdsMultiselectChange.emit({values:this.value,items:this.selectedItems});if(this.closePanelOnSelect){this.isClosingViaSelection=true;this.closeDropdown();(i=this.triggerEl)===null||i===void 0?void 0:i.focus()}else{(t=this.searchInputEl)===null||t===void 0?void 0:t.focus()}}selectOption(e){this.toggleOption(e)}renderSelectedItemsList(){if(this.hideSelectedItems||this.selectedItems.length===0)return null;return t("div",{class:"pds-multiselect__selected-section"},t("ul",{class:"pds-multiselect__selected-list",role:"list"},this.selectedItems.map((e=>t("li",{key:String(e.id),class:"pds-multiselect__selected-item"},e.text)))))}renderDropdown(){if(!this.isOpen)return null;const e=this.getFilteredOptions();const i=this.ensureValueArray();const s=!!this.el.querySelector('[slot="empty"]');const n=!!this.el.querySelector('[slot="loading"]');return t("div",{class:"pds-multiselect__panel",ref:e=>this.panelEl=e,style:{minWidth:this.minWidth}},t("div",{class:"pds-multiselect__search"},t("pds-icon",{name:"search",size:"small"}),t("input",{ref:e=>this.searchInputEl=e,type:"text",class:"pds-multiselect__search-input",placeholder:this.searchPlaceholder,value:this.searchQuery,"aria-label":"Search options","aria-controls":`${this.componentId}-listbox`,"aria-activedescendant":this.highlightedIndex>=0?`${this.componentId}-option-${this.highlightedIndex}`:undefined,role:"combobox","aria-haspopup":"listbox","aria-expanded":"true","aria-autocomplete":"list",autocomplete:"off",onInput:this.handleSearchInputChange,onKeyDown:this.handleSearchInputKeyDown})),this.renderSelectedItemsList(),t("ul",{class:"pds-multiselect__listbox",role:"listbox","aria-multiselectable":"true","aria-label":this.label||"Options",id:`${this.componentId}-listbox`,ref:e=>this.listboxEl=e,style:{maxHeight:this.maxHeight},onScroll:this.handleScroll},this.loading&&t("li",{class:"pds-multiselect__loading",role:"presentation"},n?t("slot",{name:"loading"}):t("pds-loader",{size:"small"})),!this.loading&&e.length===0&&t("li",{class:"pds-multiselect__empty",role:"presentation"},s?t("slot",{name:"empty"}):t("span",null,"No options found")),e.map(((e,s)=>{const n=i.includes(String(e.id));const o=e.isCreateOption;const r=s===this.highlightedIndex&&!o;const l=`${this.componentId}-option-${s}`;const a=o&&this.creating;return t("li",{key:String(e.id),id:l,class:{"pds-multiselect__option":true,"pds-multiselect__option--highlighted":r,"pds-multiselect__option--selected":n,"pds-multiselect__option--create":o,"pds-multiselect__option--disabled":a},role:"option","aria-selected":n?"true":"false","aria-disabled":a?"true":undefined,"aria-label":o?`Create new tag: ${e.text}`:undefined,"data-index":s,onMouseDown:this.handleOptionMouseDown(e),onMouseEnter:this.handleOptionMouseEnter(s)},o?t("pds-box",{class:"pds-multiselect__create-option","align-items":"center",gap:"xs"},t("pds-icon",{name:"add",size:"small"}),t("pds-text",null,'Add "',e.text,'"')):t("pds-checkbox",{componentId:`${this.componentId}-checkbox-${s}`,checked:n,label:e.text,style:{pointerEvents:"none"}}))})),this.hasMore&&!this.loading&&t("li",{class:"pds-multiselect__load-more",role:"presentation"},t("pds-loader",{size:"small"}))))}getTriggerText(){const e=this.selectedItems.length;if(e===0){return this.placeholder||"Select..."}return`${e} item${e===1?"":"s"}`}render(){const e=this.selectedItems.length>0;return t(s,{key:"824364c4ab70a90abc5542ac66eb8259e727e4e6","aria-disabled":this.disabled?"true":null},t("div",{key:"ff103de53850eef00dad44e97333c58a54c8ae59",class:"pds-multiselect"},this.label&&t("label",{key:"0524860c38d53aeddf35e9905abe783cb1174d6b",htmlFor:this.componentId,class:{"pds-multiselect__label":true,"visually-hidden":this.hideLabel}},this.label),t("div",{key:"b6313b12f499656e98c33af524240fd51a332e68",class:"pds-multiselect__wrapper",ref:e=>this.containerEl=e,onFocusout:this.handleContainerFocusOut,style:{width:this.triggerWidth}},t("button",{key:"fbf274a4dace5f039ce1ce46674d66a08c5c280d",ref:e=>this.triggerEl=e,type:"button",class:{"pds-multiselect__trigger":true,"pds-multiselect__trigger--open":this.isOpen,"pds-multiselect__trigger--disabled":this.disabled,"pds-multiselect__trigger--invalid":this.invalid||!!this.errorMessage,"pds-multiselect__trigger--has-value":e},id:this.componentId,disabled:this.disabled,"aria-required":this.required?"true":undefined,"aria-expanded":this.isOpen?"true":"false","aria-haspopup":"listbox","aria-describedby":p(this.componentId,this.invalid||!!this.errorMessage,this.errorMessage||this.helperMessage),"aria-invalid":this.invalid||!!this.errorMessage?"true":undefined,onClick:this.handleTriggerClick,onKeyDown:this.handleTriggerKeyDown},t("span",{key:"314fc7f00db71a170f1fc7c83306cebc3397a451",class:{"pds-multiselect__trigger-text":true,"pds-multiselect__trigger-text--placeholder":!e}},this.getTriggerText()),t("pds-icon",{key:"e81690095180cfe9b4799c531ba5d7a9952a2a6c",class:"pds-multiselect__icon",icon:m})),this.renderDropdown()),this.helperMessage&&!(this.errorMessage&&this.errorMessage.length>0)&&t("p",{key:"d2a511d548d10a1bc5b9704f7de6f050e00cb9f4",class:"pds-multiselect__helper",id:u(this.componentId,"helper")},this.helperMessage),this.errorMessage&&t("p",{key:"2cca6e85a6ca9033e7baea24a509bb6d7064119d",class:"pds-multiselect__error",id:u(this.componentId,"error")},t("pds-icon",{key:"6f680d14585dac5c6de3d0ec864ef1311241d2d2",icon:f,size:"small"}),this.errorMessage),t("div",{key:"5be84a5f96531cb2add1d490c292a7482b444b83",style:{display:"none"}},t("slot",{key:"cf9bece8f341293b6fa701b185db3926510c3845"}))))}static get formAssociated(){return true}get el(){return n(this)}static get watchers(){return{debounce:["setupDebounce"],value:["valueChanged"],options:["optionsChanged"],internalOptions:["internalOptionsChanged"]}}};v.style=b;export{v as pds_multiselect};
|
|
2
|
+
//# sourceMappingURL=p-bf1a7158.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(e,i,t,s){function n(e){return e instanceof t?e:new t((function(i){i(e)}))}return new(t||(t=Promise))((function(t,r){function o(e){try{l(s.next(e))}catch(e){r(e)}}function a(e){try{l(s["throw"](e))}catch(e){r(e)}}function l(e){e.done?t(e.value):n(e.value).then(o,a)}l((s=s.apply(e,i||[])).next())}))};var __generator=this&&this.__generator||function(e,i){var t={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},s,n,r,o=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return o.next=a(0),o["throw"]=a(1),o["return"]=a(2),typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function a(e){return function(i){return l([e,i])}}function l(a){if(s)throw new TypeError("Generator is already executing.");while(o&&(o=0,a[0]&&(t=0)),t)try{if(s=1,n&&(r=a[0]&2?n["return"]:a[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,a[1])).done)return r;if(n=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:t.label++;return{value:a[1],done:false};case 5:t.label++;n=a[1];a=[0];continue;case 7:a=t.ops.pop();t.trys.pop();continue;default:if(!(r=t.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){t=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){t.label=a[1];break}if(a[0]===6&&t.label<r[1]){t.label=r[1];r=a;break}if(r&&t.label<r[2]){t.label=r[2];t.ops.push(a);break}if(r[2])t.ops.pop();t.trys.pop();continue}a=i.call(e,t)}catch(e){a=[6,e];n=0}finally{s=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,i,t){if(t||arguments.length===2)for(var s=0,n=i.length,r;s<n;s++){if(r||!(s in i)){if(!r)r=Array.prototype.slice.call(i,0,s);r[s]=i[s]}}return e.concat(r||Array.prototype.slice.call(i))};System.register(["./p-5D9wXQuJ.system.js","./p-D2eS6fhD.system.js","./p-BG6uGRQj.system.js","./p-Bch44a-T.system.js","./p-6I02BpQf.system.js"],(function(e){"use strict";var i,t,s,n,r,o,a,l,d,c,u,h,p,f,v,m;return{setters:[function(e){i=e.r;t=e.c;s=e.h;n=e.H;r=e.a},function(e){o=e.a;a=e.c;l=e.o;d=e.f;c=e.s;u=e.b},function(e){h=e.d},function(e){p=e.a;f=e.m},function(e){v=e.e;m=e.b}],execute:function(){var b=":host{display:block}:host([aria-disabled=true]) .pds-multiselect__trigger{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}:host([aria-disabled=true]) .pds-multiselect__icon{color:var(--pine-color-text-disabled)}.pds-multiselect{position:relative}.pds-multiselect__label{color:var(--pine-color-text-label);display:block;font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing);-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-multiselect__wrapper{position:relative}.pds-multiselect__trigger{-ms-flex-align:center;align-items:center;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-125);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-medium);gap:var(--pine-dimension-xs);-ms-flex-pack:justify;justify-content:space-between;letter-spacing:var(--pine-letter-spacing);min-height:var(--pine-dimension-450);padding:var(--pine-dimension-xs) var(--pine-dimension-sm);position:relative;text-align:start;-webkit-transition:border-color 0.2s ease, -webkit-box-shadow 0.2s ease;transition:border-color 0.2s ease, -webkit-box-shadow 0.2s ease;transition:border-color 0.2s ease, box-shadow 0.2s ease;transition:border-color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;width:100%}.pds-multiselect__trigger:hover:not(.pds-multiselect__trigger--disabled){border-color:var(--pine-color-border-hover)}.pds-multiselect__trigger:focus:not(.pds-multiselect__trigger--disabled){border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-multiselect__trigger.pds-multiselect__trigger--open{border-color:var(--pine-color-border-active)}.pds-multiselect__trigger.pds-multiselect__trigger--invalid{background-color:var(--pine-color-red-050);border-color:var(--pine-color-border-danger)}.pds-multiselect__trigger.pds-multiselect__trigger--invalid:focus{outline-color:var(--pine-color-focus-ring-danger)}.pds-multiselect__trigger.pds-multiselect__trigger--disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}.pds-multiselect__trigger-text{color:var(--pine-color-text-strong);-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-multiselect__trigger-text.pds-multiselect__trigger-text--placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__trigger--disabled .pds-multiselect__trigger-text{color:var(--pine-color-text-disabled)}.pds-multiselect__icon{color:var(--pine-color-icon);-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none)}.pds-multiselect__panel{background:var(--pine-color-background-container);border-radius:var(--pine-dimension-125);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:absolute;z-index:var(--pine-z-index-raised)}.pds-multiselect__search{-ms-flex-align:center;align-items:center;-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border);border-block-end-color:var(--pine-color-border-subtle);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.pds-multiselect__search pds-icon{color:var(--pine-color-text-muted);-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none)}.pds-multiselect__search-input{background:transparent;border:var(--pine-dimension-none);color:var(--pine-color-text-strong);-ms-flex:1;flex:1;font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);min-width:var(--pine-dimension-none);outline:none}.pds-multiselect__search-input::-webkit-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input::-moz-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input:-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input::-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input::placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__selected-section{-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border);border-block-end-color:var(--pine-color-border-subtle);padding:var(--pine-dimension-xs)}.pds-multiselect__selected-list{list-style:none;margin:var(--pine-dimension-none);padding:var(--pine-dimension-none)}.pds-multiselect__selected-item{color:var(--pine-color-text-strong);font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);overflow:hidden;padding:var(--pine-dimension-2xs) var(--pine-dimension-xs);text-overflow:ellipsis;white-space:nowrap}.pds-multiselect__listbox{background:transparent;border:var(--pine-dimension-none);-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none;margin:var(--pine-dimension-none);overflow-y:auto;padding:var(--pine-dimension-xs)}.pds-multiselect__option{-ms-flex-align:center;align-items:center;background:transparent;border-radius:var(--pine-dimension-xs);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-2xs) var(--pine-dimension-xs);-webkit-transition:background 0.15s;transition:background 0.15s}.pds-multiselect__option pds-checkbox{pointer-events:none;width:100%}.pds-multiselect__option:hover,.pds-multiselect__option.pds-multiselect__option--highlighted{background:var(--pine-color-background-muted)}.pds-multiselect__option:focus-visible{outline:var(--pine-dimension-none)}.pds-multiselect__create-option{color:var(--pine-color-text-strong);width:100%}.pds-multiselect__create-option pds-icon{color:var(--pine-color-text-muted);-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none)}.pds-multiselect__empty,.pds-multiselect__loading{-ms-flex-align:center;align-items:center;color:var(--pine-color-text-muted);display:-ms-flexbox;display:flex;font:var(--pine-typography-body);-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-sm)}.pds-multiselect__load-more{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-xs)}.pds-multiselect__helper{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs);-webkit-margin-start:var(--pine-dimension-none);margin-inline-start:var(--pine-dimension-none)}.pds-multiselect__error{-ms-flex-align:start;align-items:flex-start;color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;font:var(--pine-typography-body-sm);gap:var(--pine-dimension-2xs);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs);-webkit-margin-start:var(--pine-dimension-none);margin-inline-start:var(--pine-dimension-none)}.pds-multiselect__error pds-icon{-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none);-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.visually-hidden{border:var(--pine-dimension-none);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:var(--pine-dimension-none);position:absolute;white-space:nowrap;width:1px}";var _=e("pds_multiselect",function(){function e(e){var s=this;i(this,e);this.pdsMultiselectChange=t(this,"pdsMultiselectChange");this.pdsMultiselectSearch=t(this,"pdsMultiselectSearch");this.pdsMultiselectLoadOptions=t(this,"pdsMultiselectLoadOptions");this.pdsMultiselectCreate=t(this,"pdsMultiselectCreate");this.pdsMultiselectDismiss=t(this,"pdsMultiselectDismiss");this.placeholder="Select...";this.searchPlaceholder="Find...";this.closePanelOnSelect=false;this.value=[];this.disabled=false;this.asyncMethod="GET";this.debounce=300;this.fetchTimeout=3e4;this.maxHeight="300px";this.triggerWidth="100%";this.minWidth="250px";this.hideLabel=false;this.hideSelectedItems=false;this.required=false;this.loading=false;this.csrfHeaderName="X-CSRF-Token";this.isOpen=false;this.searchQuery="";this.highlightedIndex=-1;this.internalOptions=[];this.selectedItems=[];this.currentPage=1;this.hasMore=false;this.creating=false;this.isOpening=false;this.isClosingViaSelection=false;this.initialAsyncFetchTriggered=false;this.pendingUnresolvedFetch=false;this.handleTriggerClick=function(){if(s.disabled)return;if(s.isOpen){s.closeDropdown()}else{s.openDropdown()}};this.handleTriggerKeyDown=function(e){switch(e.key){case"ArrowDown":case"ArrowUp":case"Enter":case" ":e.preventDefault();if(!s.isOpen){s.openDropdown()}break}};this.handleSearchInputChange=function(e){var i=e.target;s.searchQuery=i.value;s.highlightedIndex=-1;s.pdsMultiselectSearch.emit({query:s.searchQuery});if(s.asyncUrl){s.debouncedFetchAsyncOptions(s.searchQuery,1)}};this.handleSearchInputKeyDown=function(e){var i=s.getFilteredOptions();switch(e.key){case"ArrowDown":e.preventDefault();s.highlightedIndex=Math.min(s.highlightedIndex+1,i.length-1);s.scrollOptionIntoView();break;case"ArrowUp":e.preventDefault();s.highlightedIndex=Math.max(s.highlightedIndex-1,0);s.scrollOptionIntoView();break;case"Enter":e.preventDefault();if(s.highlightedIndex>=0){var t=i[s.highlightedIndex];if(t){s.selectOption(t)}}break;case"Tab":s.closeDropdown();break}};this.handleContainerFocusOut=function(){setTimeout((function(){var e;if(!s.isOpen||s.isOpening||s.isClosingViaSelection)return;var i=document.activeElement;var t=(e=s.el.shadowRoot)===null||e===void 0?void 0:e.contains(i);var n=i===s.el;if(!t&&!n){s.pdsMultiselectDismiss.emit();s.closeDropdown()}}),0)};this.handleOptionMouseDown=function(e){return function(i){i.preventDefault();s.toggleOption(e)}};this.handleOptionMouseEnter=function(e){return function(){s.highlightedIndex=e}};this.handleScroll=function(e){if(!s.asyncUrl||!s.hasMore||s.loading)return;var i=e.target;var t=i.scrollHeight-i.scrollTop-i.clientHeight;if(t<50){s.pdsMultiselectLoadOptions.emit({query:s.searchQuery,page:s.currentPage+1});s.debouncedFetchAsyncOptions(s.searchQuery,s.currentPage+1)}}}e.prototype.connectedCallback=function(){if(this.el.attachInternals&&!this.internals){this.internals=this.el.attachInternals()}};e.prototype.componentWillLoad=function(){this.originalSearchEmitter=this.pdsMultiselectSearch;this.syncSelectedItems()};e.prototype.componentDidLoad=function(){var e=this;this.setupDebounce();this.setupMutationObserver();this.setupSlotChangeListener();this.updateFormValue();requestAnimationFrame((function(){e.updateOptionsFromSlot();e.syncSelectedItems()}));if(this.asyncUrl&&this.ensureValueArray().length>0){this.initialAsyncFetchTriggered=true;this.fetchOptions("",1)}};e.prototype.setupSlotChangeListener=function(){var e=this;var i;var t=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector("slot:not([name])");if(t){t.addEventListener("slotchange",(function(){e.updateOptionsFromSlot();e.syncSelectedItems()}));this.updateOptionsFromSlot()}};e.prototype.disconnectedCallback=function(){var e,i;(e=this.observer)===null||e===void 0?void 0:e.disconnect();(i=this.cleanupAutoUpdate)===null||i===void 0?void 0:i.call(this);this.clearAsyncFetchState()};e.prototype.setupDebounce=function(){var e=this,i=e.pdsMultiselectSearch,t=e.debounce,s=e.originalSearchEmitter;this.pdsMultiselectSearch=t===undefined?s!==null&&s!==void 0?s:i:h(i,t)};e.prototype.valueChanged=function(e){if(typeof e==="string"){try{var i=JSON.parse(e);if(Array.isArray(i)){this.value=i;return}}catch(i){this.value=e?[e]:[];return}}this.syncSelectedItems();this.updateFormValue();if(this.asyncUrl){var t=this.ensureValueArray();var s=t.length>0&&this.selectedItems.length<t.length;if(s){if(this.loading){this.pendingUnresolvedFetch=true}else{this.fetchOptions("",1)}}}};e.prototype.optionsChanged=function(){if(this.options){this.internalOptions=__spreadArray([],this.options,true)}};e.prototype.internalOptionsChanged=function(){this.syncSelectedItems()};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){(e=this.triggerEl)===null||e===void 0?void 0:e.focus();return[2]}))}))};e.prototype.clear=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){e=this.value.length>0||this.searchQuery!=="";this.value=[];this.searchQuery="";this.syncSelectedItems();this.updateFormValue();if(e){this.pdsMultiselectChange.emit({values:[],items:[]})}return[2]}))}))};e.prototype.handleWindowKeyDown=function(e){var i;if(!this.isOpen)return;if(e.key==="Escape"){e.preventDefault();this.pdsMultiselectDismiss.emit();this.closeDropdown();(i=this.triggerEl)===null||i===void 0?void 0:i.focus()}};e.prototype.setupMutationObserver=function(){var e=this;this.observer=new MutationObserver((function(){e.updateOptionsFromSlot()}));this.observer.observe(this.el,{childList:true,subtree:true})};e.prototype.updateOptionsFromSlot=function(){var e;var i=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector("slot:not([name])");if(!i)return;var t=i.assignedElements({flatten:true}).filter((function(e){return e.tagName==="OPTION"})).map((function(e){return{id:e.value,text:e.textContent||e.value}}));if(t.length>0&&!this.asyncUrl&&!this.options){this.internalOptions=t}};e.prototype.clearAsyncFetchState=function(){var e;if(this.fetchDebounceTimer!==undefined){window.clearTimeout(this.fetchDebounceTimer);this.fetchDebounceTimer=undefined}if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}(e=this.abortController)===null||e===void 0?void 0:e.abort();this.abortController=undefined};e.prototype.debouncedFetchAsyncOptions=function(e,i){var t=this;if(i===void 0){i=1}var s;if(!this.asyncUrl)return;if(this.fetchDebounceTimer!==undefined){window.clearTimeout(this.fetchDebounceTimer)}var n=Math.max(0,(s=this.debounce)!==null&&s!==void 0?s:0);this.fetchDebounceTimer=window.setTimeout((function(){t.fetchDebounceTimer=undefined;t.fetchOptions(e,i)}),n)};e.prototype.syncSelectedItems=function(){var e=this.ensureValueArray();var i=this.getAllOptions();var t=[];var s=new Map(this.selectedItems.map((function(e){return[String(e.id),e]})));e.forEach((function(e){var n=i.find((function(i){return String(i.id)===String(e)}));if(n){t.push(n)}else if(s.has(String(e))){t.push(s.get(String(e)))}}));this.selectedItems=t};e.prototype.ensureValueArray=function(){if(typeof this.value==="string"){try{var e=JSON.parse(this.value);if(Array.isArray(e)){this.value=e;return e}}catch(e){var i=this.value;this.value=i?[i]:[];return this.value}}return Array.isArray(this.value)?this.value:[]};e.prototype.getAllOptions=function(){return this.options||this.internalOptions};e.prototype.getFilteredOptions=function(){var e=this.getAllOptions();var i=this.searchQuery.toLowerCase();var t=e.filter((function(e){if(i){return e.text.toLowerCase().includes(i)}return true}));if(this.createUrl&&this.searchQuery.trim()&&t.length===0){return[{id:"__create__",text:this.searchQuery.trim(),isCreateOption:true}]}return t};e.prototype.updateFormValue=function(){var e=this;var i;if((i=this.internals)===null||i===void 0?void 0:i.setFormValue){var t=this.ensureValueArray();var s=new FormData;t.forEach((function(i){if(e.name){s.append(e.name,i)}}));this.internals.setFormValue(s);if(this.required&&t.length===0){this.internals.setValidity({valueMissing:true},"Please select at least one option.",this.triggerEl)}else{this.internals.setValidity({})}}};e.prototype.getCsrfToken=function(){if(this.csrfToken){return this.csrfToken}var e=document.querySelector('meta[name="csrf-token"]');return(e===null||e===void 0?void 0:e.content)||null};e.prototype.fetchOptions=function(e){return __awaiter(this,arguments,void 0,(function(e,i){var t,s,n,r,o,a,l,d,c,u,h;var p=this;if(i===void 0){i=1}return __generator(this,(function(f){switch(f.label){case 0:if(!this.asyncUrl)return[2];(t=this.abortController)===null||t===void 0?void 0:t.abort();if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}this.abortController=new AbortController;this.loading=true;this.fetchTimeoutTimer=window.setTimeout((function(){var e;(e=p.abortController)===null||e===void 0?void 0:e.abort();p.fetchTimeoutTimer=undefined}),this.fetchTimeout);f.label=1;case 1:f.trys.push([1,4,5,6]);s=void 0;try{s=new URL(this.asyncUrl,window.location.origin)}catch(e){throw new TypeError("Invalid asyncUrl: ".concat(this.asyncUrl))}if(this.asyncMethod==="GET"){s.searchParams.set("search",e);s.searchParams.set("page",String(i))}n=this.getCsrfToken();r={"Content-Type":"application/json",Accept:"application/json"};if(n){o=this.csrfHeaderName||"X-CSRF-Token";r[o]=n}return[4,fetch(s.toString(),Object.assign({method:this.asyncMethod,signal:this.abortController.signal,headers:r},this.asyncMethod==="POST"&&{body:JSON.stringify({search:e,page:i})}))];case 2:a=f.sent();if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}if(!a.ok)throw new Error("Failed to fetch options");return[4,a.json()];case 3:l=f.sent();d=l.results.map((function(e){if(p.formatResult){return p.formatResult(e)}if(typeof e==="object"&&e!==null){return Object.assign({id:e.id,text:e.text},e)}return{id:String(e),text:String(e)}}));if(i===1){this.internalOptions=d}else{this.internalOptions=__spreadArray(__spreadArray([],this.internalOptions,true),d,true)}this.hasMore=l.totalCount?this.internalOptions.length<l.totalCount:false;this.currentPage=i;return[3,6];case 4:c=f.sent();if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}if(c.name!=="AbortError"){console.error("PdsMultiselect: Failed to fetch options",c)}return[3,6];case 5:this.loading=false;if(this.pendingUnresolvedFetch){this.pendingUnresolvedFetch=false;u=this.ensureValueArray();h=u.length>0&&this.selectedItems.length<u.length;if(h){this.fetchOptions("",1)}}return[7];case 6:return[2]}}))}))};e.prototype.createOption=function(e){return __awaiter(this,void 0,void 0,(function(){var i,t,s,n,r,o,a,l;var d=this;return __generator(this,(function(c){switch(c.label){case 0:if(!this.createUrl||!e.trim())return[2];if(this.creating)return[2];this.creating=true;c.label=1;case 1:c.trys.push([1,4,5,6]);i=new URL(this.createUrl,window.location.origin);t=this.getCsrfToken();s={"Content-Type":"application/json",Accept:"application/json"};if(t){n=this.csrfHeaderName||"X-CSRF-Token";s[n]=t}return[4,fetch(i.toString(),{method:"POST",headers:s,body:JSON.stringify({text:e.trim()})})];case 2:r=c.sent();if(!r.ok)throw new Error("Failed to create option");return[4,r.json()];case 3:o=c.sent();a=Object.assign({id:o.id,text:o.text},o);this.internalOptions=__spreadArray(__spreadArray([],this.internalOptions,true),[a],false);this.value=__spreadArray(__spreadArray([],this.value,true),[String(a.id)],false);this.syncSelectedItems();this.pdsMultiselectCreate.emit({query:e.trim(),newOption:a});this.pdsMultiselectChange.emit({values:this.value,items:this.selectedItems});this.searchQuery="";this.highlightedIndex=-1;requestAnimationFrame((function(){var e;(e=d.searchInputEl)===null||e===void 0?void 0:e.focus()}));return[3,6];case 4:l=c.sent();console.error("PdsMultiselect: Failed to create option",l);return[3,6];case 5:this.creating=false;return[7];case 6:return[2]}}))}))};e.prototype.openDropdown=function(){var e=this;if(this.disabled)return;this.isOpening=true;this.isOpen=true;this.highlightedIndex=-1;if(this.asyncUrl&&this.internalOptions.length===0&&!this.initialAsyncFetchTriggered){this.debouncedFetchAsyncOptions(this.searchQuery,1)}this.initialAsyncFetchTriggered=false;requestAnimationFrame((function(){var i;e.positionDropdown();(i=e.searchInputEl)===null||i===void 0?void 0:i.focus();setTimeout((function(){e.isOpening=false}),50)}))};e.prototype.closeDropdown=function(){var e=this;this.isOpen=false;this.highlightedIndex=-1;this.searchQuery="";if(this.isClosingViaSelection){setTimeout((function(){e.isClosingViaSelection=false}),0)}if(this.cleanupAutoUpdate){this.cleanupAutoUpdate();this.cleanupAutoUpdate=undefined}};e.prototype.positionDropdown=function(){var e=this;if(!this.containerEl||!this.panelEl)return;var i=this.triggerEl||this.containerEl;var t=this,s=t.minWidth,n=t.panelWidth;var r=function(){a(i,e.panelEl,{placement:"bottom-start",strategy:"absolute",middleware:[l(12),d(),c({padding:8}),u({apply:function(e){var i=e.rects,t=e.elements;Object.assign(t.floating.style,{width:n!==null&&n!==void 0?n:"".concat(i.reference.width,"px"),minWidth:s})}})]}).then((function(i){var t=i.x,s=i.y;if(e.panelEl){e.panelEl.style.left="".concat(t,"px");e.panelEl.style.top="".concat(s,"px")}}))};r();var h=o(i,this.panelEl,r);this.cleanupAutoUpdate=function(){h();e.clearAsyncFetchState()}};e.prototype.scrollOptionIntoView=function(){var e=this;requestAnimationFrame((function(){var i;var t=(i=e.listboxEl)===null||i===void 0?void 0:i.querySelector('[data-index="'.concat(e.highlightedIndex,'"]'));t===null||t===void 0?void 0:t.scrollIntoView({block:"nearest",behavior:"smooth"})}))};e.prototype.toggleOption=function(e){var i,t;if(e.isCreateOption){if(!this.creating){this.createOption(this.searchQuery)}return}var s=String(e.id);var n=this.value.includes(s);if(n){this.value=this.value.filter((function(e){return e!==s}))}else{if(this.maxSelections&&this.value.length>=this.maxSelections){return}this.value=__spreadArray(__spreadArray([],this.value,true),[s],false)}this.syncSelectedItems();this.pdsMultiselectChange.emit({values:this.value,items:this.selectedItems});if(this.closePanelOnSelect){this.isClosingViaSelection=true;this.closeDropdown();(i=this.triggerEl)===null||i===void 0?void 0:i.focus()}else{(t=this.searchInputEl)===null||t===void 0?void 0:t.focus()}};e.prototype.selectOption=function(e){this.toggleOption(e)};e.prototype.renderSelectedItemsList=function(){if(this.hideSelectedItems||this.selectedItems.length===0)return null;return s("div",{class:"pds-multiselect__selected-section"},s("ul",{class:"pds-multiselect__selected-list",role:"list"},this.selectedItems.map((function(e){return s("li",{key:String(e.id),class:"pds-multiselect__selected-item"},e.text)}))))};e.prototype.renderDropdown=function(){var e=this;if(!this.isOpen)return null;var i=this.getFilteredOptions();var t=this.ensureValueArray();var n=!!this.el.querySelector('[slot="empty"]');var r=!!this.el.querySelector('[slot="loading"]');return s("div",{class:"pds-multiselect__panel",ref:function(i){return e.panelEl=i},style:{minWidth:this.minWidth}},s("div",{class:"pds-multiselect__search"},s("pds-icon",{name:"search",size:"small"}),s("input",{ref:function(i){return e.searchInputEl=i},type:"text",class:"pds-multiselect__search-input",placeholder:this.searchPlaceholder,value:this.searchQuery,"aria-label":"Search options","aria-controls":"".concat(this.componentId,"-listbox"),"aria-activedescendant":this.highlightedIndex>=0?"".concat(this.componentId,"-option-").concat(this.highlightedIndex):undefined,role:"combobox","aria-haspopup":"listbox","aria-expanded":"true","aria-autocomplete":"list",autocomplete:"off",onInput:this.handleSearchInputChange,onKeyDown:this.handleSearchInputKeyDown})),this.renderSelectedItemsList(),s("ul",{class:"pds-multiselect__listbox",role:"listbox","aria-multiselectable":"true","aria-label":this.label||"Options",id:"".concat(this.componentId,"-listbox"),ref:function(i){return e.listboxEl=i},style:{maxHeight:this.maxHeight},onScroll:this.handleScroll},this.loading&&s("li",{class:"pds-multiselect__loading",role:"presentation"},r?s("slot",{name:"loading"}):s("pds-loader",{size:"small"})),!this.loading&&i.length===0&&s("li",{class:"pds-multiselect__empty",role:"presentation"},n?s("slot",{name:"empty"}):s("span",null,"No options found")),i.map((function(i,n){var r=t.includes(String(i.id));var o=i.isCreateOption;var a=n===e.highlightedIndex&&!o;var l="".concat(e.componentId,"-option-").concat(n);var d=o&&e.creating;return s("li",{key:String(i.id),id:l,class:{"pds-multiselect__option":true,"pds-multiselect__option--highlighted":a,"pds-multiselect__option--selected":r,"pds-multiselect__option--create":o,"pds-multiselect__option--disabled":d},role:"option","aria-selected":r?"true":"false","aria-disabled":d?"true":undefined,"aria-label":o?"Create new tag: ".concat(i.text):undefined,"data-index":n,onMouseDown:e.handleOptionMouseDown(i),onMouseEnter:e.handleOptionMouseEnter(n)},o?s("pds-box",{class:"pds-multiselect__create-option","align-items":"center",gap:"xs"},s("pds-icon",{name:"add",size:"small"}),s("pds-text",null,'Add "',i.text,'"')):s("pds-checkbox",{componentId:"".concat(e.componentId,"-checkbox-").concat(n),checked:r,label:i.text,style:{pointerEvents:"none"}}))})),this.hasMore&&!this.loading&&s("li",{class:"pds-multiselect__load-more",role:"presentation"},s("pds-loader",{size:"small"}))))};e.prototype.getTriggerText=function(){var e=this.selectedItems.length;if(e===0){return this.placeholder||"Select..."}return"".concat(e," item").concat(e===1?"":"s")};e.prototype.render=function(){var e=this;var i=this.selectedItems.length>0;return s(n,{key:"824364c4ab70a90abc5542ac66eb8259e727e4e6","aria-disabled":this.disabled?"true":null},s("div",{key:"ff103de53850eef00dad44e97333c58a54c8ae59",class:"pds-multiselect"},this.label&&s("label",{key:"0524860c38d53aeddf35e9905abe783cb1174d6b",htmlFor:this.componentId,class:{"pds-multiselect__label":true,"visually-hidden":this.hideLabel}},this.label),s("div",{key:"b6313b12f499656e98c33af524240fd51a332e68",class:"pds-multiselect__wrapper",ref:function(i){return e.containerEl=i},onFocusout:this.handleContainerFocusOut,style:{width:this.triggerWidth}},s("button",{key:"fbf274a4dace5f039ce1ce46674d66a08c5c280d",ref:function(i){return e.triggerEl=i},type:"button",class:{"pds-multiselect__trigger":true,"pds-multiselect__trigger--open":this.isOpen,"pds-multiselect__trigger--disabled":this.disabled,"pds-multiselect__trigger--invalid":this.invalid||!!this.errorMessage,"pds-multiselect__trigger--has-value":i},id:this.componentId,disabled:this.disabled,"aria-required":this.required?"true":undefined,"aria-expanded":this.isOpen?"true":"false","aria-haspopup":"listbox","aria-describedby":p(this.componentId,this.invalid||!!this.errorMessage,this.errorMessage||this.helperMessage),"aria-invalid":this.invalid||!!this.errorMessage?"true":undefined,onClick:this.handleTriggerClick,onKeyDown:this.handleTriggerKeyDown},s("span",{key:"314fc7f00db71a170f1fc7c83306cebc3397a451",class:{"pds-multiselect__trigger-text":true,"pds-multiselect__trigger-text--placeholder":!i}},this.getTriggerText()),s("pds-icon",{key:"e81690095180cfe9b4799c531ba5d7a9952a2a6c",class:"pds-multiselect__icon",icon:v})),this.renderDropdown()),this.helperMessage&&!(this.errorMessage&&this.errorMessage.length>0)&&s("p",{key:"d2a511d548d10a1bc5b9704f7de6f050e00cb9f4",class:"pds-multiselect__helper",id:f(this.componentId,"helper")},this.helperMessage),this.errorMessage&&s("p",{key:"2cca6e85a6ca9033e7baea24a509bb6d7064119d",class:"pds-multiselect__error",id:f(this.componentId,"error")},s("pds-icon",{key:"6f680d14585dac5c6de3d0ec864ef1311241d2d2",icon:m,size:"small"}),this.errorMessage),s("div",{key:"5be84a5f96531cb2add1d490c292a7482b444b83",style:{display:"none"}},s("slot",{key:"cf9bece8f341293b6fa701b185db3926510c3845"}))))};Object.defineProperty(e,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{debounce:["setupDebounce"],value:["valueChanged"],options:["optionsChanged"],internalOptions:["internalOptionsChanged"]}},enumerable:false,configurable:true});return e}());_.style=b}}}));
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(e,i,t,s){function n(e){return e instanceof t?e:new t((function(i){i(e)}))}return new(t||(t=Promise))((function(t,r){function o(e){try{l(s.next(e))}catch(e){r(e)}}function a(e){try{l(s["throw"](e))}catch(e){r(e)}}function l(e){e.done?t(e.value):n(e.value).then(o,a)}l((s=s.apply(e,i||[])).next())}))};var __generator=this&&this.__generator||function(e,i){var t={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},s,n,r,o=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return o.next=a(0),o["throw"]=a(1),o["return"]=a(2),typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function a(e){return function(i){return l([e,i])}}function l(a){if(s)throw new TypeError("Generator is already executing.");while(o&&(o=0,a[0]&&(t=0)),t)try{if(s=1,n&&(r=a[0]&2?n["return"]:a[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,a[1])).done)return r;if(n=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:t.label++;return{value:a[1],done:false};case 5:t.label++;n=a[1];a=[0];continue;case 7:a=t.ops.pop();t.trys.pop();continue;default:if(!(r=t.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){t=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){t.label=a[1];break}if(a[0]===6&&t.label<r[1]){t.label=r[1];r=a;break}if(r&&t.label<r[2]){t.label=r[2];t.ops.push(a);break}if(r[2])t.ops.pop();t.trys.pop();continue}a=i.call(e,t)}catch(e){a=[6,e];n=0}finally{s=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,i,t){if(t||arguments.length===2)for(var s=0,n=i.length,r;s<n;s++){if(r||!(s in i)){if(!r)r=Array.prototype.slice.call(i,0,s);r[s]=i[s]}}return e.concat(r||Array.prototype.slice.call(i))};System.register(["./p-5D9wXQuJ.system.js","./p-D2eS6fhD.system.js","./p-BG6uGRQj.system.js","./p-Bch44a-T.system.js","./p-CFL53vBy.system.js"],(function(e){"use strict";var i,t,s,n,r,o,a,l,d,c,u,h,p,f,v,m;return{setters:[function(e){i=e.r;t=e.c;s=e.h;n=e.H;r=e.a},function(e){o=e.a;a=e.c;l=e.o;d=e.f;c=e.s;u=e.b},function(e){h=e.d},function(e){p=e.a;f=e.m},function(e){v=e.e;m=e.b}],execute:function(){var b=":host{display:block}:host([aria-disabled=true]) .pds-multiselect__trigger{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}:host([aria-disabled=true]) .pds-multiselect__icon{color:var(--pine-color-text-disabled)}.pds-multiselect{position:relative}.pds-multiselect__label{color:var(--pine-color-text-label);display:block;font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing);-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-multiselect__wrapper{position:relative}.pds-multiselect__trigger{-ms-flex-align:center;align-items:center;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-125);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-medium);gap:var(--pine-dimension-xs);-ms-flex-pack:justify;justify-content:space-between;letter-spacing:var(--pine-letter-spacing);min-height:var(--pine-dimension-450);padding:var(--pine-dimension-xs) var(--pine-dimension-sm);position:relative;text-align:start;-webkit-transition:border-color 0.2s ease, -webkit-box-shadow 0.2s ease;transition:border-color 0.2s ease, -webkit-box-shadow 0.2s ease;transition:border-color 0.2s ease, box-shadow 0.2s ease;transition:border-color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;width:100%}.pds-multiselect__trigger:hover:not(.pds-multiselect__trigger--disabled){border-color:var(--pine-color-border-hover)}.pds-multiselect__trigger:focus:not(.pds-multiselect__trigger--disabled){border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-multiselect__trigger.pds-multiselect__trigger--open{border-color:var(--pine-color-border-active)}.pds-multiselect__trigger.pds-multiselect__trigger--invalid{background-color:var(--pine-color-red-050);border-color:var(--pine-color-border-danger)}.pds-multiselect__trigger.pds-multiselect__trigger--invalid:focus{outline-color:var(--pine-color-focus-ring-danger)}.pds-multiselect__trigger.pds-multiselect__trigger--disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}.pds-multiselect__trigger-text{color:var(--pine-color-text-strong);-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-multiselect__trigger-text.pds-multiselect__trigger-text--placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__trigger--disabled .pds-multiselect__trigger-text{color:var(--pine-color-text-disabled)}.pds-multiselect__icon{color:var(--pine-color-icon);-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none)}.pds-multiselect__panel{background:var(--pine-color-background-container);border-radius:var(--pine-dimension-125);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:absolute;z-index:var(--pine-z-index-raised)}.pds-multiselect__search{-ms-flex-align:center;align-items:center;-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border);border-block-end-color:var(--pine-color-border-subtle);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.pds-multiselect__search pds-icon{color:var(--pine-color-text-muted);-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none)}.pds-multiselect__search-input{background:transparent;border:var(--pine-dimension-none);color:var(--pine-color-text-strong);-ms-flex:1;flex:1;font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);min-width:var(--pine-dimension-none);outline:none}.pds-multiselect__search-input::-webkit-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input::-moz-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input:-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input::-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input::placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__selected-section{-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border);border-block-end-color:var(--pine-color-border-subtle);padding:var(--pine-dimension-xs)}.pds-multiselect__selected-list{list-style:none;margin:var(--pine-dimension-none);padding:var(--pine-dimension-none)}.pds-multiselect__selected-item{color:var(--pine-color-text-strong);font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);overflow:hidden;padding:var(--pine-dimension-2xs) var(--pine-dimension-xs);text-overflow:ellipsis;white-space:nowrap}.pds-multiselect__listbox{background:transparent;border:var(--pine-dimension-none);-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none;margin:var(--pine-dimension-none);overflow-y:auto;padding:var(--pine-dimension-xs)}.pds-multiselect__option{-ms-flex-align:center;align-items:center;background:transparent;border-radius:var(--pine-dimension-xs);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-2xs) var(--pine-dimension-xs);-webkit-transition:background 0.15s;transition:background 0.15s}.pds-multiselect__option pds-checkbox{pointer-events:none;width:100%}.pds-multiselect__option:hover,.pds-multiselect__option.pds-multiselect__option--highlighted{background:var(--pine-color-background-muted)}.pds-multiselect__option:focus-visible{outline:var(--pine-dimension-none)}.pds-multiselect__create-option{color:var(--pine-color-text-strong);width:100%}.pds-multiselect__create-option pds-icon{color:var(--pine-color-text-muted);-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none)}.pds-multiselect__empty,.pds-multiselect__loading{-ms-flex-align:center;align-items:center;color:var(--pine-color-text-muted);display:-ms-flexbox;display:flex;font:var(--pine-typography-body);-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-sm)}.pds-multiselect__load-more{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-xs)}.pds-multiselect__helper{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs);-webkit-margin-start:var(--pine-dimension-none);margin-inline-start:var(--pine-dimension-none)}.pds-multiselect__error{-ms-flex-align:start;align-items:flex-start;color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;font:var(--pine-typography-body-sm);gap:var(--pine-dimension-2xs);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs);-webkit-margin-start:var(--pine-dimension-none);margin-inline-start:var(--pine-dimension-none)}.pds-multiselect__error pds-icon{-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none);-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.visually-hidden{border:var(--pine-dimension-none);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:var(--pine-dimension-none);position:absolute;white-space:nowrap;width:1px}";var _=e("pds_multiselect",function(){function e(e){var s=this;i(this,e);this.pdsMultiselectChange=t(this,"pdsMultiselectChange");this.pdsMultiselectSearch=t(this,"pdsMultiselectSearch");this.pdsMultiselectLoadOptions=t(this,"pdsMultiselectLoadOptions");this.pdsMultiselectCreate=t(this,"pdsMultiselectCreate");this.pdsMultiselectDismiss=t(this,"pdsMultiselectDismiss");this.placeholder="Select...";this.searchPlaceholder="Find...";this.closePanelOnSelect=false;this.value=[];this.disabled=false;this.asyncMethod="GET";this.debounce=300;this.fetchTimeout=3e4;this.maxHeight="300px";this.triggerWidth="100%";this.minWidth="250px";this.hideLabel=false;this.hideSelectedItems=false;this.required=false;this.loading=false;this.csrfHeaderName="X-CSRF-Token";this.isOpen=false;this.searchQuery="";this.highlightedIndex=-1;this.internalOptions=[];this.selectedItems=[];this.currentPage=1;this.hasMore=false;this.creating=false;this.isOpening=false;this.isClosingViaSelection=false;this.initialAsyncFetchTriggered=false;this.pendingUnresolvedFetch=false;this.handleTriggerClick=function(){if(s.disabled)return;if(s.isOpen){s.closeDropdown()}else{s.openDropdown()}};this.handleTriggerKeyDown=function(e){switch(e.key){case"ArrowDown":case"ArrowUp":case"Enter":case" ":e.preventDefault();if(!s.isOpen){s.openDropdown()}break}};this.handleSearchInputChange=function(e){var i=e.target;s.searchQuery=i.value;s.highlightedIndex=-1;s.pdsMultiselectSearch.emit({query:s.searchQuery});if(s.asyncUrl){s.debouncedFetchAsyncOptions(s.searchQuery,1)}};this.handleSearchInputKeyDown=function(e){var i=s.getFilteredOptions();switch(e.key){case"ArrowDown":e.preventDefault();s.highlightedIndex=Math.min(s.highlightedIndex+1,i.length-1);s.scrollOptionIntoView();break;case"ArrowUp":e.preventDefault();s.highlightedIndex=Math.max(s.highlightedIndex-1,0);s.scrollOptionIntoView();break;case"Enter":e.preventDefault();if(s.highlightedIndex>=0){var t=i[s.highlightedIndex];if(t){s.selectOption(t)}}break;case"Tab":s.closeDropdown();break}};this.handleContainerFocusOut=function(){setTimeout((function(){var e;if(!s.isOpen||s.isOpening||s.isClosingViaSelection)return;var i=document.activeElement;var t=(e=s.el.shadowRoot)===null||e===void 0?void 0:e.contains(i);var n=i===s.el;if(!t&&!n){s.pdsMultiselectDismiss.emit();s.closeDropdown()}}),0)};this.handleOptionMouseDown=function(e){return function(i){i.preventDefault();s.toggleOption(e)}};this.handleOptionMouseEnter=function(e){return function(){s.highlightedIndex=e}};this.handleScroll=function(e){if(!s.asyncUrl||!s.hasMore||s.loading)return;var i=e.target;var t=i.scrollHeight-i.scrollTop-i.clientHeight;if(t<50){s.pdsMultiselectLoadOptions.emit({query:s.searchQuery,page:s.currentPage+1});s.debouncedFetchAsyncOptions(s.searchQuery,s.currentPage+1)}}}e.prototype.connectedCallback=function(){if(this.el.attachInternals&&!this.internals){this.internals=this.el.attachInternals()}};e.prototype.componentWillLoad=function(){this.originalSearchEmitter=this.pdsMultiselectSearch;this.syncSelectedItems()};e.prototype.componentDidLoad=function(){var e=this;this.setupDebounce();this.setupMutationObserver();this.setupSlotChangeListener();this.updateFormValue();requestAnimationFrame((function(){e.updateOptionsFromSlot();e.syncSelectedItems()}));if(this.asyncUrl&&this.ensureValueArray().length>0){this.initialAsyncFetchTriggered=true;this.fetchOptions("",1)}};e.prototype.setupSlotChangeListener=function(){var e=this;var i;var t=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector("slot:not([name])");if(t){t.addEventListener("slotchange",(function(){e.updateOptionsFromSlot();e.syncSelectedItems()}));this.updateOptionsFromSlot()}};e.prototype.disconnectedCallback=function(){var e,i;(e=this.observer)===null||e===void 0?void 0:e.disconnect();(i=this.cleanupAutoUpdate)===null||i===void 0?void 0:i.call(this);this.clearAsyncFetchState()};e.prototype.setupDebounce=function(){var e=this,i=e.pdsMultiselectSearch,t=e.debounce,s=e.originalSearchEmitter;this.pdsMultiselectSearch=t===undefined?s!==null&&s!==void 0?s:i:h(i,t)};e.prototype.valueChanged=function(e){if(typeof e==="string"){try{var i=JSON.parse(e);if(Array.isArray(i)){this.value=i;return}}catch(i){this.value=e?[e]:[];return}}this.syncSelectedItems();this.updateFormValue();if(this.asyncUrl){var t=this.ensureValueArray();var s=t.length>0&&this.selectedItems.length<t.length;if(s){if(this.loading){this.pendingUnresolvedFetch=true}else{this.fetchOptions("",1)}}}};e.prototype.optionsChanged=function(){if(this.options){this.internalOptions=__spreadArray([],this.options,true)}};e.prototype.internalOptionsChanged=function(){this.syncSelectedItems()};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){(e=this.triggerEl)===null||e===void 0?void 0:e.focus();return[2]}))}))};e.prototype.clear=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){e=this.value.length>0||this.searchQuery!=="";this.value=[];this.searchQuery="";this.syncSelectedItems();this.updateFormValue();if(e){this.pdsMultiselectChange.emit({values:[],items:[]})}return[2]}))}))};e.prototype.handleWindowKeyDown=function(e){var i;if(!this.isOpen)return;if(e.key==="Escape"){e.preventDefault();this.pdsMultiselectDismiss.emit();this.closeDropdown();(i=this.triggerEl)===null||i===void 0?void 0:i.focus()}};e.prototype.setupMutationObserver=function(){var e=this;this.observer=new MutationObserver((function(){e.updateOptionsFromSlot()}));this.observer.observe(this.el,{childList:true,subtree:true})};e.prototype.updateOptionsFromSlot=function(){var e;var i=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector("slot:not([name])");if(!i)return;var t=i.assignedElements({flatten:true}).filter((function(e){return e.tagName==="OPTION"})).map((function(e){return{id:e.value,text:e.textContent||e.value}}));if(t.length>0&&!this.asyncUrl&&!this.options){this.internalOptions=t}};e.prototype.clearAsyncFetchState=function(){var e;if(this.fetchDebounceTimer!==undefined){window.clearTimeout(this.fetchDebounceTimer);this.fetchDebounceTimer=undefined}if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}(e=this.abortController)===null||e===void 0?void 0:e.abort();this.abortController=undefined};e.prototype.debouncedFetchAsyncOptions=function(e,i){var t=this;if(i===void 0){i=1}var s;if(!this.asyncUrl)return;if(this.fetchDebounceTimer!==undefined){window.clearTimeout(this.fetchDebounceTimer)}var n=Math.max(0,(s=this.debounce)!==null&&s!==void 0?s:0);this.fetchDebounceTimer=window.setTimeout((function(){t.fetchDebounceTimer=undefined;t.fetchOptions(e,i)}),n)};e.prototype.syncSelectedItems=function(){var e=this.ensureValueArray();var i=this.getAllOptions();var t=[];var s=new Map(this.selectedItems.map((function(e){return[String(e.id),e]})));e.forEach((function(e){var n=i.find((function(i){return String(i.id)===String(e)}));if(n){t.push(n)}else if(s.has(String(e))){t.push(s.get(String(e)))}}));this.selectedItems=t};e.prototype.ensureValueArray=function(){if(typeof this.value==="string"){try{var e=JSON.parse(this.value);if(Array.isArray(e)){this.value=e;return e}}catch(e){var i=this.value;this.value=i?[i]:[];return this.value}}return Array.isArray(this.value)?this.value:[]};e.prototype.getAllOptions=function(){return this.options||this.internalOptions};e.prototype.getFilteredOptions=function(){var e=this.getAllOptions();var i=this.searchQuery.toLowerCase();var t=e.filter((function(e){if(i){return e.text.toLowerCase().includes(i)}return true}));if(this.createUrl&&this.searchQuery.trim()&&t.length===0){return[{id:"__create__",text:this.searchQuery.trim(),isCreateOption:true}]}return t};e.prototype.updateFormValue=function(){var e=this;var i;if((i=this.internals)===null||i===void 0?void 0:i.setFormValue){var t=this.ensureValueArray();var s=new FormData;t.forEach((function(i){if(e.name){s.append(e.name,i)}}));this.internals.setFormValue(s);if(this.required&&t.length===0){this.internals.setValidity({valueMissing:true},"Please select at least one option.",this.triggerEl)}else{this.internals.setValidity({})}}};e.prototype.getCsrfToken=function(){if(this.csrfToken){return this.csrfToken}var e=document.querySelector('meta[name="csrf-token"]');return(e===null||e===void 0?void 0:e.content)||null};e.prototype.fetchOptions=function(e){return __awaiter(this,arguments,void 0,(function(e,i){var t,s,n,r,o,a,l,d,c,u,h;var p=this;if(i===void 0){i=1}return __generator(this,(function(f){switch(f.label){case 0:if(!this.asyncUrl)return[2];(t=this.abortController)===null||t===void 0?void 0:t.abort();if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}this.abortController=new AbortController;this.loading=true;this.fetchTimeoutTimer=window.setTimeout((function(){var e;(e=p.abortController)===null||e===void 0?void 0:e.abort();p.fetchTimeoutTimer=undefined}),this.fetchTimeout);f.label=1;case 1:f.trys.push([1,4,5,6]);s=void 0;try{s=new URL(this.asyncUrl,window.location.origin)}catch(e){throw new TypeError("Invalid asyncUrl: ".concat(this.asyncUrl))}if(this.asyncMethod==="GET"){s.searchParams.set("search",e);s.searchParams.set("page",String(i))}n=this.getCsrfToken();r={"Content-Type":"application/json",Accept:"application/json"};if(n){o=this.csrfHeaderName||"X-CSRF-Token";r[o]=n}return[4,fetch(s.toString(),Object.assign({method:this.asyncMethod,signal:this.abortController.signal,headers:r},this.asyncMethod==="POST"&&{body:JSON.stringify({search:e,page:i})}))];case 2:a=f.sent();if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}if(!a.ok)throw new Error("Failed to fetch options");return[4,a.json()];case 3:l=f.sent();d=l.results.map((function(e){if(p.formatResult){return p.formatResult(e)}if(typeof e==="object"&&e!==null){return Object.assign({id:e.id,text:e.text},e)}return{id:String(e),text:String(e)}}));if(i===1){this.internalOptions=d}else{this.internalOptions=__spreadArray(__spreadArray([],this.internalOptions,true),d,true)}this.hasMore=l.totalCount?this.internalOptions.length<l.totalCount:false;this.currentPage=i;return[3,6];case 4:c=f.sent();if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}if(c.name!=="AbortError"){console.error("PdsMultiselect: Failed to fetch options",c)}return[3,6];case 5:this.loading=false;if(this.pendingUnresolvedFetch){this.pendingUnresolvedFetch=false;u=this.ensureValueArray();h=u.length>0&&this.selectedItems.length<u.length;if(h){this.fetchOptions("",1)}}return[7];case 6:return[2]}}))}))};e.prototype.createOption=function(e){return __awaiter(this,void 0,void 0,(function(){var i,t,s,n,r,o,a,l;var d=this;return __generator(this,(function(c){switch(c.label){case 0:if(!this.createUrl||!e.trim())return[2];if(this.creating)return[2];this.creating=true;c.label=1;case 1:c.trys.push([1,4,5,6]);i=new URL(this.createUrl,window.location.origin);t=this.getCsrfToken();s={"Content-Type":"application/json",Accept:"application/json"};if(t){n=this.csrfHeaderName||"X-CSRF-Token";s[n]=t}return[4,fetch(i.toString(),{method:"POST",headers:s,body:JSON.stringify({text:e.trim()})})];case 2:r=c.sent();if(!r.ok)throw new Error("Failed to create option");return[4,r.json()];case 3:o=c.sent();a=Object.assign({id:o.id,text:o.text},o);this.internalOptions=__spreadArray(__spreadArray([],this.internalOptions,true),[a],false);this.value=__spreadArray(__spreadArray([],this.value,true),[String(a.id)],false);this.syncSelectedItems();this.pdsMultiselectCreate.emit({query:e.trim(),newOption:a});this.pdsMultiselectChange.emit({values:this.value,items:this.selectedItems});this.searchQuery="";this.highlightedIndex=-1;requestAnimationFrame((function(){var e;(e=d.searchInputEl)===null||e===void 0?void 0:e.focus()}));return[3,6];case 4:l=c.sent();console.error("PdsMultiselect: Failed to create option",l);return[3,6];case 5:this.creating=false;return[7];case 6:return[2]}}))}))};e.prototype.openDropdown=function(){var e=this;if(this.disabled)return;this.isOpening=true;this.isOpen=true;this.highlightedIndex=-1;if(this.asyncUrl&&this.internalOptions.length===0&&!this.initialAsyncFetchTriggered){this.debouncedFetchAsyncOptions(this.searchQuery,1)}this.initialAsyncFetchTriggered=false;requestAnimationFrame((function(){var i;e.positionDropdown();(i=e.searchInputEl)===null||i===void 0?void 0:i.focus();setTimeout((function(){e.isOpening=false}),50)}))};e.prototype.closeDropdown=function(){var e=this;this.isOpen=false;this.highlightedIndex=-1;this.searchQuery="";if(this.isClosingViaSelection){setTimeout((function(){e.isClosingViaSelection=false}),0)}if(this.cleanupAutoUpdate){this.cleanupAutoUpdate();this.cleanupAutoUpdate=undefined}};e.prototype.positionDropdown=function(){var e=this;if(!this.containerEl||!this.panelEl)return;var i=this.triggerEl||this.containerEl;var t=this,s=t.minWidth,n=t.panelWidth;var r=function(){a(i,e.panelEl,{placement:"bottom-start",strategy:"absolute",middleware:[l(12),d(),c({padding:8}),u({apply:function(e){var i=e.rects,t=e.elements;Object.assign(t.floating.style,{width:n!==null&&n!==void 0?n:"".concat(i.reference.width,"px"),minWidth:s})}})]}).then((function(i){var t=i.x,s=i.y;if(e.panelEl){e.panelEl.style.left="".concat(t,"px");e.panelEl.style.top="".concat(s,"px")}}))};r();var h=o(i,this.panelEl,r);this.cleanupAutoUpdate=function(){h();e.clearAsyncFetchState()}};e.prototype.scrollOptionIntoView=function(){var e=this;requestAnimationFrame((function(){var i;var t=(i=e.listboxEl)===null||i===void 0?void 0:i.querySelector('[data-index="'.concat(e.highlightedIndex,'"]'));t===null||t===void 0?void 0:t.scrollIntoView({block:"nearest",behavior:"smooth"})}))};e.prototype.toggleOption=function(e){var i,t;if(e.isCreateOption){if(!this.creating){this.createOption(this.searchQuery)}return}var s=String(e.id);var n=this.value.includes(s);if(n){this.value=this.value.filter((function(e){return e!==s}))}else{if(this.maxSelections&&this.value.length>=this.maxSelections){return}this.value=__spreadArray(__spreadArray([],this.value,true),[s],false)}this.syncSelectedItems();this.pdsMultiselectChange.emit({values:this.value,items:this.selectedItems});if(this.closePanelOnSelect){this.isClosingViaSelection=true;this.closeDropdown();(i=this.triggerEl)===null||i===void 0?void 0:i.focus()}else{(t=this.searchInputEl)===null||t===void 0?void 0:t.focus()}};e.prototype.selectOption=function(e){this.toggleOption(e)};e.prototype.renderSelectedItemsList=function(){if(this.hideSelectedItems||this.selectedItems.length===0)return null;return s("div",{class:"pds-multiselect__selected-section"},s("ul",{class:"pds-multiselect__selected-list",role:"list"},this.selectedItems.map((function(e){return s("li",{key:String(e.id),class:"pds-multiselect__selected-item"},e.text)}))))};e.prototype.renderDropdown=function(){var e=this;if(!this.isOpen)return null;var i=this.getFilteredOptions();var t=this.ensureValueArray();var n=!!this.el.querySelector('[slot="empty"]');var r=!!this.el.querySelector('[slot="loading"]');return s("div",{class:"pds-multiselect__panel",ref:function(i){return e.panelEl=i},style:{minWidth:this.minWidth}},s("div",{class:"pds-multiselect__search"},s("pds-icon",{name:"search",size:"small"}),s("input",{ref:function(i){return e.searchInputEl=i},type:"text",class:"pds-multiselect__search-input",placeholder:this.searchPlaceholder,value:this.searchQuery,"aria-label":"Search options","aria-controls":"".concat(this.componentId,"-listbox"),"aria-activedescendant":this.highlightedIndex>=0?"".concat(this.componentId,"-option-").concat(this.highlightedIndex):undefined,role:"combobox","aria-haspopup":"listbox","aria-expanded":"true","aria-autocomplete":"list",autocomplete:"off",onInput:this.handleSearchInputChange,onKeyDown:this.handleSearchInputKeyDown})),this.renderSelectedItemsList(),s("ul",{class:"pds-multiselect__listbox",role:"listbox","aria-multiselectable":"true","aria-label":this.label||"Options",id:"".concat(this.componentId,"-listbox"),ref:function(i){return e.listboxEl=i},style:{maxHeight:this.maxHeight},onScroll:this.handleScroll},this.loading&&s("li",{class:"pds-multiselect__loading",role:"presentation"},r?s("slot",{name:"loading"}):s("pds-loader",{size:"small"})),!this.loading&&i.length===0&&s("li",{class:"pds-multiselect__empty",role:"presentation"},n?s("slot",{name:"empty"}):s("span",null,"No options found")),i.map((function(i,n){var r=t.includes(String(i.id));var o=i.isCreateOption;var a=n===e.highlightedIndex&&!o;var l="".concat(e.componentId,"-option-").concat(n);var d=o&&e.creating;return s("li",{key:String(i.id),id:l,class:{"pds-multiselect__option":true,"pds-multiselect__option--highlighted":a,"pds-multiselect__option--selected":r,"pds-multiselect__option--create":o,"pds-multiselect__option--disabled":d},role:"option","aria-selected":r?"true":"false","aria-disabled":d?"true":undefined,"aria-label":o?"Create new tag: ".concat(i.text):undefined,"data-index":n,onMouseDown:e.handleOptionMouseDown(i),onMouseEnter:e.handleOptionMouseEnter(n)},o?s("pds-box",{class:"pds-multiselect__create-option","align-items":"center",gap:"xs"},s("pds-icon",{name:"add",size:"small"}),s("pds-text",null,'Add "',i.text,'"')):s("pds-checkbox",{componentId:"".concat(e.componentId,"-checkbox-").concat(n),checked:r,label:i.text,style:{pointerEvents:"none"}}))})),this.hasMore&&!this.loading&&s("li",{class:"pds-multiselect__load-more",role:"presentation"},s("pds-loader",{size:"small"}))))};e.prototype.getTriggerText=function(){var e=this.selectedItems.length;if(e===0){return this.placeholder||"Select..."}return"".concat(e," item").concat(e===1?"":"s")};e.prototype.render=function(){var e=this;var i=this.selectedItems.length>0;return s(n,{key:"824364c4ab70a90abc5542ac66eb8259e727e4e6","aria-disabled":this.disabled?"true":null},s("div",{key:"ff103de53850eef00dad44e97333c58a54c8ae59",class:"pds-multiselect"},this.label&&s("label",{key:"0524860c38d53aeddf35e9905abe783cb1174d6b",htmlFor:this.componentId,class:{"pds-multiselect__label":true,"visually-hidden":this.hideLabel}},this.label),s("div",{key:"b6313b12f499656e98c33af524240fd51a332e68",class:"pds-multiselect__wrapper",ref:function(i){return e.containerEl=i},onFocusout:this.handleContainerFocusOut,style:{width:this.triggerWidth}},s("button",{key:"fbf274a4dace5f039ce1ce46674d66a08c5c280d",ref:function(i){return e.triggerEl=i},type:"button",class:{"pds-multiselect__trigger":true,"pds-multiselect__trigger--open":this.isOpen,"pds-multiselect__trigger--disabled":this.disabled,"pds-multiselect__trigger--invalid":this.invalid||!!this.errorMessage,"pds-multiselect__trigger--has-value":i},id:this.componentId,disabled:this.disabled,"aria-required":this.required?"true":undefined,"aria-expanded":this.isOpen?"true":"false","aria-haspopup":"listbox","aria-describedby":p(this.componentId,this.invalid||!!this.errorMessage,this.errorMessage||this.helperMessage),"aria-invalid":this.invalid||!!this.errorMessage?"true":undefined,onClick:this.handleTriggerClick,onKeyDown:this.handleTriggerKeyDown},s("span",{key:"314fc7f00db71a170f1fc7c83306cebc3397a451",class:{"pds-multiselect__trigger-text":true,"pds-multiselect__trigger-text--placeholder":!i}},this.getTriggerText()),s("pds-icon",{key:"e81690095180cfe9b4799c531ba5d7a9952a2a6c",class:"pds-multiselect__icon",icon:v})),this.renderDropdown()),this.helperMessage&&!(this.errorMessage&&this.errorMessage.length>0)&&s("p",{key:"d2a511d548d10a1bc5b9704f7de6f050e00cb9f4",class:"pds-multiselect__helper",id:f(this.componentId,"helper")},this.helperMessage),this.errorMessage&&s("p",{key:"2cca6e85a6ca9033e7baea24a509bb6d7064119d",class:"pds-multiselect__error",id:f(this.componentId,"error")},s("pds-icon",{key:"6f680d14585dac5c6de3d0ec864ef1311241d2d2",icon:m,size:"small"}),this.errorMessage),s("div",{key:"5be84a5f96531cb2add1d490c292a7482b444b83",style:{display:"none"}},s("slot",{key:"cf9bece8f341293b6fa701b185db3926510c3845"}))))};Object.defineProperty(e,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{debounce:["setupDebounce"],value:["valueChanged"],options:["optionsChanged"],internalOptions:["internalOptionsChanged"]}},enumerable:false,configurable:true});return e}());_.style=b}}}));
|
|
2
|
+
//# sourceMappingURL=p-cb2146b0.system.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"p-
|
|
1
|
+
{"version":3,"file":"p-dPhHNR2G.system.js","sources":["src/components/pds-modal/pds-modal.scss?tag=mock-pds-modal","src/components/pds-modal/test/mock-pds-modal.tsx"],"sourcesContent":[".pds-modal__backdrop {\n align-items: flex-start;\n /* stylelint-disable-next-line pine-design-system/no-hardcoded-colors */\n background-color: rgba(0, 0, 0, 0.4);\n border: 0;\n display: flex;\n height: 100%;\n inset: 0;\n justify-content: center;\n margin: 0;\n max-height: 100%;\n max-width: 100%;\n opacity: 0;\n padding: 0;\n position: fixed;\n transition: opacity 0.2s ease, visibility 0.2s ease;\n visibility: hidden;\n width: 100%;\n z-index: var(--pine-z-index-modal);\n\n @supports (backdrop-filter: blur(3px)) {\n backdrop-filter: blur(3px);\n }\n\n // Increase z-index for nested modals\n pds-modal & {\n z-index: var(--pine-z-index-priority);\n }\n\n &::backdrop {\n background: transparent;\n }\n\n &.open {\n opacity: 1;\n visibility: visible;\n }\n}\n\n.pds-modal {\n background: var(--pine-color-background-container);\n border-radius: var(--pine-dimension-sm);\n box-shadow: var(--pine-box-shadow-400);\n display: flex;\n flex-direction: column;\n margin: var(--pine-dimension-md);\n max-height: none;\n width: 100%;\n\n &.pds-modal--scrollable {\n max-height: calc(100vh - (calc(5vh + 96px)));\n\n @supports (height: 100dvh) {\n max-height: calc(100dvh - (calc(5dvh + 96px)));\n }\n }\n\n @media (min-width: 992px) {\n margin-block-start: 6vh;\n\n @supports (height: 100dvh) {\n margin-block-start: 6dvh;\n }\n }\n\n @media (min-width: 1200px) {\n margin-block-start: 8vh;\n\n @supports (height: 100dvh) {\n margin-block-start: 8dvh;\n }\n }\n}\n\n.pds-modal--sm {\n max-width: 520px;\n}\n\n.pds-modal--md {\n max-width: 700px;\n}\n\n.pds-modal--lg {\n max-width: 900px;\n}\n\n.pds-modal--fullscreen {\n border-radius: 0;\n height: 100%;\n margin: 0;\n max-height: 100vh;\n max-width: 100%;\n\n @supports (height: 100dvh) {\n max-height: 100dvh;\n }\n\n &.pds-modal--scrollable {\n max-height: 100vh;\n\n @supports (height: 100dvh) {\n max-height: 100dvh;\n }\n }\n}\n\n.pds-modal-content {\n .pds-modal--fullscreen & {\n flex: 1;\n }\n}\n\n// Scrollable modal styles (default behavior)\n.pds-modal--scrollable {\n pds-modal-content {\n border-block-end: 1px solid transparent;\n border-block-start: 1px solid transparent;\n overflow-y: auto;\n }\n}\n\n// Non-scrollable modal styles\n.pds-modal:not(.pds-modal--scrollable) {\n pds-modal-content {\n overflow-y: visible;\n }\n}\n\n","import { Component, Prop, Event, EventEmitter, Method, Element, h } from '@stencil/core';\n\n// Define the element interface for the mock component\ninterface HTMLMockPdsModalElement extends HTMLElement {\n open: boolean;\n showModal: () => Promise<void>;\n hideModal: () => Promise<void>;\n handleBackdropClick: (event: MouseEvent) => void;\n handleKeyDown: (event: KeyboardEvent) => void;\n}\n\n/**\n * Mock PdsModal component for testing purposes\n * This component mimics the real PdsModal but without using the Popover API\n */\n@Component({\n tag: 'mock-pds-modal',\n styleUrl: '../pds-modal.scss',\n shadow: false,\n})\nexport class MockPdsModal {\n @Element() el!: HTMLMockPdsModalElement;\n\n /**\n * The ID of the modal component\n */\n @Prop() componentId?: string;\n\n /**\n * The size of the modal\n */\n @Prop() size: 'sm' | 'md' | 'lg' | 'fullscreen' = 'md';\n\n /**\n * Whether the modal content should be scrollable\n * @default true\n */\n @Prop() scrollable = true;\n\n /**\n * Whether the modal can be dismissed by clicking the backdrop or pressing Escape\n */\n @Prop() backdropDismiss = true;\n\n /**\n * Whether the modal is open\n */\n @Prop({ mutable: true }) open = false;\n\n // No need for modalRef in the mock implementation\n\n /**\n * Event emitted when the modal is opened\n */\n @Event() pdsModalOpen: EventEmitter<void>;\n\n /**\n * Event emitted when the modal is closed\n */\n @Event() pdsModalClose: EventEmitter<void>;\n\n /**\n * Event emitted when the backdrop is clicked\n */\n @Event() pdsModalBackdropClick: EventEmitter<void>;\n\n /**\n * Shows the modal\n */\n @Method()\n async showModal() {\n this.open = true;\n this.pdsModalOpen.emit();\n }\n\n /**\n * Hides the modal\n */\n @Method()\n async hideModal() {\n this.open = false;\n this.pdsModalClose.emit();\n }\n\n /**\n * Listen for click events on the backdrop\n */\n // Using direct method instead of @Listen to avoid ESLint warning\n handleBackdropClick(event: MouseEvent) {\n const backdrop = this.el.querySelector('.pds-modal__backdrop');\n // Check if the click was directly on the backdrop (not on a child element)\n if (event.target === backdrop && this.backdropDismiss === true) {\n this.pdsModalBackdropClick.emit();\n this.hideModal();\n }\n }\n\n /**\n * Listen for keydown events to handle Escape key\n * Should only close on Escape if backdropDismiss is enabled\n */\n // Using direct method instead of @Listen to avoid ESLint warning\n handleKeyDown(event: KeyboardEvent) {\n if (event.key === 'Escape' && this.open === true) {\n // Always prevent default to mirror native dialog behavior blocking\n event.preventDefault();\n // Only close if backdropDismiss is enabled\n if (this.backdropDismiss === true) {\n this.hideModal();\n }\n }\n }\n\n componentDidLoad() {\n // No need to do anything in componentDidLoad for the mock\n }\n\n render() {\n const modalClasses = {\n 'pds-modal': true,\n [`pds-modal--${this.size}`]: true,\n 'pds-modal--scrollable': this.scrollable\n };\n\n const backdropClasses = {\n 'pds-modal__backdrop': true,\n 'open': this.open,\n };\n\n return (\n <div class={backdropClasses}>\n <div\n class={modalClasses}\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby={this.componentId ? `${this.componentId}-heading` : null}\n part=\"modal\"\n >\n <div class=\"pds-modal__header\">\n <slot name=\"header\"></slot>\n </div>\n <div class=\"pds-modal-content\">\n <slot></slot>\n </div>\n <div class=\"pds-modal__footer\">\n <slot name=\"footer\"></slot>\n </div>\n </div>\n </div>\n );\n }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;MAAA,MAAM,WAAW,GAAG,u+EAAu+E;;YCoB9+E,YAAY,6BAAA,MAAA;MALzB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;;MAaE;;MAEG;MACK,QAAA,IAAI,CAAA,IAAA,GAAsC,IAAI;MAEtD;;;MAGG;MACK,QAAA,IAAU,CAAA,UAAA,GAAG,IAAI;MAEzB;;MAEG;MACK,QAAA,IAAe,CAAA,eAAA,GAAG,IAAI;MAE9B;;MAEG;MACsB,QAAA,IAAI,CAAA,IAAA,GAAG,KAAK;MAwGtC;MArFC;;MAEG;MAEH,IAAA,MAAM,SAAS,GAAA;MACb,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI;MAChB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;;MAG1B;;MAEG;MAEH,IAAA,MAAM,SAAS,GAAA;MACb,QAAA,IAAI,CAAC,IAAI,GAAG,KAAK;MACjB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE;;MAG3B;;MAEG;;MAEH,IAAA,mBAAmB,CAAC,KAAiB,EAAA;cACnC,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,sBAAsB,CAAC;;MAE9D,QAAA,IAAI,KAAK,CAAC,MAAM,KAAK,QAAQ,IAAI,IAAI,CAAC,eAAe,KAAK,IAAI,EAAE;MAC9D,YAAA,IAAI,CAAC,qBAAqB,CAAC,IAAI,EAAE;kBACjC,IAAI,CAAC,SAAS,EAAE;;;MAIpB;;;MAGG;;MAEH,IAAA,aAAa,CAAC,KAAoB,EAAA;MAChC,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,EAAE;;kBAEhD,KAAK,CAAC,cAAc,EAAE;;MAEtB,YAAA,IAAI,IAAI,CAAC,eAAe,KAAK,IAAI,EAAE;sBACjC,IAAI,CAAC,SAAS,EAAE;;;;UAKtB,gBAAgB,GAAA;;;UAIhB,MAAM,GAAA;MACJ,QAAA,MAAM,YAAY,GAAG;MACnB,YAAA,WAAW,EAAE,IAAI;MACjB,YAAA,CAAC,cAAc,IAAI,CAAC,IAAI,CAAE,CAAA,GAAG,IAAI;kBACjC,uBAAuB,EAAE,IAAI,CAAC;eAC/B;MAED,QAAA,MAAM,eAAe,GAAG;MACtB,YAAA,qBAAqB,EAAE,IAAI;kBAC3B,MAAM,EAAE,IAAI,CAAC,IAAI;eAClB;MAED,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,eAAe,EAAA,EACzB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,YAAY,EACnB,IAAI,EAAC,QAAQ,EAAA,YAAA,EACF,MAAM,EAAA,iBAAA,EACA,IAAI,CAAC,WAAW,GAAG,CAAG,EAAA,IAAI,CAAC,WAAW,CAAA,QAAA,CAAU,GAAG,IAAI,EACxE,IAAI,EAAC,OAAO,EAAA,EAEZ,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,EAAA,EAC5B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAA,CAAQ,CACvB,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,EAAA,EAC5B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,EAAA,EAC5B,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAA,CAAQ,CACvB,CACF,CACF;;;;;;;;;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,h as e,a as i}from"./p-DHPhrb5T.js";import{s as n}from"./p-tJa4KYNO.js";import{s}from"./p-5hPM5knE.js";import"./p-BO6p966C.js";const r=":host{display:inline}:host([decoration=underline-dotted])>*{-webkit-text-decoration-color:var(--pine-color-text-tertiary);text-decoration-color:var(--pine-color-text-tertiary);-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-decoration-thickness:12%;text-underline-offset:0.3rem;text-underline-position:under}:host([decoration=strikethrough])>*{text-decoration:line-through}h1{font:var(--pine-typography-heading-1);letter-spacing:var(--pine-letter-spacing-heading-1)}h2{font:var(--pine-typography-heading-2);letter-spacing:var(--pine-letter-spacing-heading-2)}h3{font:var(--pine-typography-heading-3);letter-spacing:var(--pine-letter-spacing-heading-3)}h4{font:var(--pine-typography-heading-4);letter-spacing:var(--pine-letter-spacing-heading-4)}h5{font:var(--pine-typography-heading-5);letter-spacing:var(--pine-letter-spacing-heading-5)}h6{font:var(--pine-typography-heading-6);letter-spacing:var(--pine-letter-spacing-heading-6)}code,em,p,pre,strong{font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing)}code,pre{font-family:monospace;letter-spacing:0;line-height:1}em{font-style:normal}strong{font-weight:bolder}:host([truncate])>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([italic])>*{font-style:italic}.pds-text{color:var(--color, var(--pine-color-text));margin:var(--pine-dimension-none)}.pds-text--size-2xl{font-size:var(--pine-font-size-body-2xl)}.pds-text--size-xl{font-size:var(--pine-font-size-body-xl)}.pds-text--size-lg{font-size:var(--pine-font-size-body-lg)}.pds-text--size-md{font-size:var(--pine-font-size-body-md)}.pds-text--size-sm{font-size:var(--pine-font-size-body-sm)}.pds-text--size-xs{font-size:var(--pine-font-size-body-xs)}.pds-text--size-2xs{font-size:var(--pine-font-size-body-2xs)}.pds-text--size-h1{font-size:var(--pine-font-size-heading-1)}.pds-text--size-h2{font-size:var(--pine-font-size-heading-2)}.pds-text--size-h3{font-size:var(--pine-font-size-heading-3)}.pds-text--size-h4{font-size:var(--pine-font-size-heading-4)}.pds-text--size-h5{font-size:var(--pine-font-size-heading-5)}.pds-text--size-h6{font-size:var(--pine-font-size-heading-6)}.pds-text--weight-extra-light{font-weight:var(--pine-font-weight-extra-light)}.pds-text--weight-light{font-weight:var(--pine-font-weight-light)}.pds-text--weight-regular{font-weight:var(--pine-font-weight-regular)}.pds-text--weight-medium{font-weight:var(--pine-font-weight-medium)}.pds-text--weight-semibold{font-weight:var(--pine-font-weight-semi-bold)}.pds-text--weight-bold{font-weight:var(--pine-font-weight-bold)}.pds-text--gutter-2xl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}.pds-text--gutter-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-text--gutter-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-text--gutter-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-text--gutter-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-text--gutter-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-text--gutter-2xs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-text--align-start{text-align:start}.pds-text--align-center{text-align:center}.pds-text--align-end{text-align:end}.pds-text--align-justify{text-align:justify}";const o=class{constructor(e){t(this,e);this.truncationCleanup=null;this.tag="p"}handleTruncateChange(t){if(t){this.initTruncationTooltip()}else{this.destroyTruncationTooltip()}}componentDidLoad(){if(this.truncate){this.initTruncationTooltip()}}disconnectedCallback(){this.destroyTruncationTooltip()}initTruncationTooltip(){this.destroyTruncationTooltip();if(this.contentEl){this.truncationCleanup=s({hostEl:this.el,contentEl:this.contentEl,getTooltipText:()=>this.el.textContent||""})}}destroyTruncationTooltip(){if(this.truncationCleanup){this.truncationCleanup();this.truncationCleanup=null}}render(){const t=this.tag;const i=`\n pds-text\n ${this.align!==undefined&&this.align.trim()!==""?`pds-text--align-${this.align}`:""}\n ${this.gutter!==undefined&&this.gutter.trim()!==""?`pds-text--gutter-${this.gutter}`:""}\n ${this.size!==undefined&&this.size.trim()!==""?`pds-text--size-${this.size}`:""}\n ${this.weight!==undefined&&this.weight.trim()!==""?`pds-text--weight-${this.weight}`:""}\n ${this.decoration!==undefined&&this.decoration.trim()!==""?`pds-text--decoration-${this.decoration}`:""}\n `;return e(t,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,h as e,a as i}from"./p-DHPhrb5T.js";import{s as n}from"./p-tJa4KYNO.js";import{s}from"./p-5hPM5knE.js";import"./p-BO6p966C.js";const r=":host{display:inline}:host([decoration=underline-dotted])>*{-webkit-text-decoration-color:var(--pine-color-text-tertiary);text-decoration-color:var(--pine-color-text-tertiary);-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-decoration-thickness:12%;text-underline-offset:0.3rem;text-underline-position:under}:host([decoration=strikethrough])>*{text-decoration:line-through}h1{font:var(--pine-typography-heading-1);letter-spacing:var(--pine-letter-spacing-heading-1)}h2{font:var(--pine-typography-heading-2);letter-spacing:var(--pine-letter-spacing-heading-2)}h3{font:var(--pine-typography-heading-3);letter-spacing:var(--pine-letter-spacing-heading-3)}h4{font:var(--pine-typography-heading-4);letter-spacing:var(--pine-letter-spacing-heading-4)}h5{font:var(--pine-typography-heading-5);letter-spacing:var(--pine-letter-spacing-heading-5)}h6{font:var(--pine-typography-heading-6);letter-spacing:var(--pine-letter-spacing-heading-6)}code,em,p,pre,strong{font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing)}code,pre{font-family:monospace;letter-spacing:0;line-height:1}em{font-style:normal}strong{font-weight:bolder}:host([truncate])>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([italic])>*{font-style:italic}.pds-text{color:var(--color, var(--pine-color-text));margin:var(--pine-dimension-none)}.pds-text--size-2xl{font-size:var(--pine-font-size-body-2xl)}.pds-text--size-xl{font-size:var(--pine-font-size-body-xl)}.pds-text--size-lg{font-size:var(--pine-font-size-body-lg)}.pds-text--size-md{font-size:var(--pine-font-size-body-md)}.pds-text--size-sm{font-size:var(--pine-font-size-body-sm)}.pds-text--size-xs{font-size:var(--pine-font-size-body-xs)}.pds-text--size-2xs{font-size:var(--pine-font-size-body-2xs)}.pds-text--size-h1{font-size:var(--pine-font-size-heading-1)}.pds-text--size-h2{font-size:var(--pine-font-size-heading-2)}.pds-text--size-h3{font-size:var(--pine-font-size-heading-3)}.pds-text--size-h4{font-size:var(--pine-font-size-heading-4)}.pds-text--size-h5{font-size:var(--pine-font-size-heading-5)}.pds-text--size-h6{font-size:var(--pine-font-size-heading-6)}.pds-text--weight-extra-light{font-weight:var(--pine-font-weight-extra-light)}.pds-text--weight-light{font-weight:var(--pine-font-weight-light)}.pds-text--weight-regular{font-weight:var(--pine-font-weight-regular)}.pds-text--weight-medium{font-weight:var(--pine-font-weight-medium)}.pds-text--weight-semibold{font-weight:var(--pine-font-weight-semi-bold)}.pds-text--weight-bold{font-weight:var(--pine-font-weight-bold)}.pds-text--gutter-2xl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}.pds-text--gutter-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-text--gutter-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-text--gutter-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-text--gutter-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-text--gutter-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-text--gutter-2xs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-text--align-start{text-align:start}.pds-text--align-center{text-align:center}.pds-text--align-end{text-align:end}.pds-text--align-justify{text-align:justify}";const o=class{constructor(e){t(this,e);this.truncationCleanup=null;this.tag="p"}handleTruncateChange(t){if(t){this.initTruncationTooltip()}else{this.destroyTruncationTooltip()}}componentDidLoad(){if(this.truncate){this.initTruncationTooltip()}}disconnectedCallback(){this.destroyTruncationTooltip()}initTruncationTooltip(){this.destroyTruncationTooltip();if(this.contentEl){this.truncationCleanup=s({hostEl:this.el,contentEl:this.contentEl,getTooltipText:()=>this.el.textContent||""})}}destroyTruncationTooltip(){if(this.truncationCleanup){this.truncationCleanup();this.truncationCleanup=null}}render(){const t=this.tag;const i=`\n pds-text\n ${this.align!==undefined&&this.align.trim()!==""?`pds-text--align-${this.align}`:""}\n ${this.gutter!==undefined&&this.gutter.trim()!==""?`pds-text--gutter-${this.gutter}`:""}\n ${this.size!==undefined&&this.size.trim()!==""?`pds-text--size-${this.size}`:""}\n ${this.weight!==undefined&&this.weight.trim()!==""?`pds-text--weight-${this.weight}`:""}\n ${this.decoration!==undefined&&this.decoration.trim()!==""?`pds-text--decoration-${this.decoration}`:""}\n `;return e(t,{key:"1d4952d18c09b26a5f2c7f64574be86c90cca553",ref:t=>this.contentEl=t,style:this.color&&n(this.color),class:i,part:"content",tabIndex:this.truncate?0:undefined},e("slot",{key:"62a5caff5274601b79f35025c9382e2430118cdc"}))}get el(){return i(this)}static get watchers(){return{truncate:["handleTruncateChange"]}}};o.style=r;export{o as pds_text};
|
|
2
|
+
//# sourceMappingURL=p-ea721a45.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["registerInstance","h","getElement","setColor","setupTruncationTooltip","pdsTextCss","PdsText","constructor","hostRef","this","truncationCleanup","tag","handleTruncateChange","newValue","initTruncationTooltip","destroyTruncationTooltip","componentDidLoad","truncate","disconnectedCallback","contentEl","hostEl","el","getTooltipText","textContent","render","Tag","typeClasses","align","undefined","trim","gutter","size","weight","decoration","key","ref","style","color","class","part","tabIndex","watchers"],"sources":["0"],"mappings":"YAAcA,OAAkBC,OAAQC,MAAkB,8BAC5CC,MAAgB,yBAChBC,MAA8B,wBACrC,kBAEP,MAAMC,EAAa,8+GAEnB,MAAMC,EAAU,MACZ,WAAAC,CAAYC,GACRR,EAAiBS,KAAMD,GACvBC,KAAKC,kBAAoB,KAIzBD,KAAKE,IAAM,GACf,CACA,oBAAAC,CAAqBC,GACjB,GAAIA,EAAU,CACVJ,KAAKK,uBACT,KACK,CACDL,KAAKM,0BACT,CACJ,CACA,gBAAAC,GACI,GAAIP,KAAKQ,SAAU,CACfR,KAAKK,uBACT,CACJ,CACA,oBAAAI,GACIT,KAAKM,0BACT,CACA,qBAAAD,GAEIL,KAAKM,2BACL,GAAIN,KAAKU,UAAW,CAChBV,KAAKC,kBAAoBN,EAAuB,CAC5CgB,OAAQX,KAAKY,GACbF,UAAWV,KAAKU,UAChBG,eAAgB,IAAMb,KAAKY,GAAGE,aAAe,IAErD,CACJ,CACA,wBAAAR,GACI,GAAIN,KAAKC,kBAAmB,CACxBD,KAAKC,oBACLD,KAAKC,kBAAoB,IAC7B,CACJ,CACA,MAAAc,GACI,MAAMC,EAAMhB,KAAKE,IACjB,MAAMe,EAAc,2BAEpBjB,KAAKkB,QAAUC,WAAanB,KAAKkB,MAAME,SAAW,
|
|
1
|
+
{"version":3,"names":["registerInstance","h","getElement","setColor","setupTruncationTooltip","pdsTextCss","PdsText","constructor","hostRef","this","truncationCleanup","tag","handleTruncateChange","newValue","initTruncationTooltip","destroyTruncationTooltip","componentDidLoad","truncate","disconnectedCallback","contentEl","hostEl","el","getTooltipText","textContent","render","Tag","typeClasses","align","undefined","trim","gutter","size","weight","decoration","key","ref","style","color","class","part","tabIndex","watchers"],"sources":["0"],"mappings":"YAAcA,OAAkBC,OAAQC,MAAkB,8BAC5CC,MAAgB,yBAChBC,MAA8B,wBACrC,kBAEP,MAAMC,EAAa,8+GAEnB,MAAMC,EAAU,MACZ,WAAAC,CAAYC,GACRR,EAAiBS,KAAMD,GACvBC,KAAKC,kBAAoB,KAIzBD,KAAKE,IAAM,GACf,CACA,oBAAAC,CAAqBC,GACjB,GAAIA,EAAU,CACVJ,KAAKK,uBACT,KACK,CACDL,KAAKM,0BACT,CACJ,CACA,gBAAAC,GACI,GAAIP,KAAKQ,SAAU,CACfR,KAAKK,uBACT,CACJ,CACA,oBAAAI,GACIT,KAAKM,0BACT,CACA,qBAAAD,GAEIL,KAAKM,2BACL,GAAIN,KAAKU,UAAW,CAChBV,KAAKC,kBAAoBN,EAAuB,CAC5CgB,OAAQX,KAAKY,GACbF,UAAWV,KAAKU,UAChBG,eAAgB,IAAMb,KAAKY,GAAGE,aAAe,IAErD,CACJ,CACA,wBAAAR,GACI,GAAIN,KAAKC,kBAAmB,CACxBD,KAAKC,oBACLD,KAAKC,kBAAoB,IAC7B,CACJ,CACA,MAAAc,GACI,MAAMC,EAAMhB,KAAKE,IACjB,MAAMe,EAAc,2BAEpBjB,KAAKkB,QAAUC,WAAanB,KAAKkB,MAAME,SAAW,GAC5C,mBAAmBpB,KAAKkB,QACxB,aACNlB,KAAKqB,SAAWF,WAAanB,KAAKqB,OAAOD,SAAW,GAC9C,oBAAoBpB,KAAKqB,SACzB,aACNrB,KAAKsB,OAASH,WAAanB,KAAKsB,KAAKF,SAAW,GAC1C,kBAAkBpB,KAAKsB,OACvB,aACNtB,KAAKuB,SAAWJ,WAAanB,KAAKuB,OAAOH,SAAW,GAC9C,oBAAoBpB,KAAKuB,SACzB,aACNvB,KAAKwB,aAAeL,WAAanB,KAAKwB,WAAWJ,SAAW,GACtD,wBAAwBpB,KAAKwB,aAC7B,WAEN,OAAQhC,EAAEwB,EAAK,CAAES,IAAK,2CAA4CC,IAAMd,GAAQZ,KAAKU,UAAYE,EAAKe,MAAO3B,KAAK4B,OAASlC,EAASM,KAAK4B,OAAQC,MAAOZ,EAAaa,KAAM,UAAWC,SAAU/B,KAAKQ,SAAW,EAAIW,WAAa3B,EAAE,OAAQ,CAAEiC,IAAK,6CACtP,CACA,MAAIb,GAAO,OAAOnB,EAAWO,KAAO,CACpC,mBAAWgC,GAAa,MAAO,CAC3BxB,SAAY,CAAC,wBACd,GAEPX,EAAQ8B,MAAQ/B,SAEPC","ignoreList":[]}
|