@pine-ds/core 3.16.2 → 3.17.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/form.js +2 -0
- package/components/form.js.map +1 -1
- package/components/pds-button2.js +10 -16
- package/components/pds-button2.js.map +1 -1
- package/components/pds-dropdown-menu.js +1 -1
- package/components/pds-dropdown-menu.js.map +1 -1
- package/components/pds-multiselect.js +10 -5
- package/components/pds-multiselect.js.map +1 -1
- package/dist/cjs/{form-hmpgbT1I.js → form-DUqlzovE.js} +4 -2
- package/dist/{esm-es5/form-DwjNklzi.js.map → cjs/form-DUqlzovE.js.map} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/pds-button.cjs.entry.js +10 -16
- package/dist/cjs/pds-button.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/pds-dropdown-menu.cjs.entry.js +1 -1
- package/dist/cjs/pds-dropdown-menu.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-input.cjs.entry.js +1 -1
- package/dist/cjs/pds-multiselect.cjs.entry.js +10 -6
- package/dist/cjs/pds-multiselect.entry.cjs.js.map +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-switch.cjs.entry.js +1 -1
- package/dist/cjs/pds-textarea.cjs.entry.js +1 -1
- package/dist/cjs/pine-core.cjs.js +1 -1
- package/dist/collection/components/pds-button/pds-button.css +3 -0
- package/dist/collection/components/pds-button/pds-button.js +9 -15
- package/dist/collection/components/pds-button/pds-button.js.map +1 -1
- package/dist/collection/components/pds-dropdown-menu/pds-dropdown-menu.css +4 -4
- package/dist/collection/components/pds-multiselect/pds-multiselect.js +29 -5
- package/dist/collection/components/pds-multiselect/pds-multiselect.js.map +1 -1
- package/dist/collection/components/pds-multiselect/stories/pds-multiselect.stories.js +38 -0
- package/dist/collection/utils/form.js +2 -0
- package/dist/collection/utils/form.js.map +1 -1
- package/dist/docs.json +30 -1
- package/dist/esm/{form-DwjNklzi.js → form-CN-lL5QG.js} +4 -2
- package/dist/esm/{form-DwjNklzi.js.map → form-CN-lL5QG.js.map} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/pds-button.entry.js +10 -16
- package/dist/esm/pds-button.entry.js.map +1 -1
- package/dist/esm/pds-checkbox.entry.js +1 -1
- package/dist/esm/pds-dropdown-menu.entry.js +1 -1
- package/dist/esm/pds-dropdown-menu.entry.js.map +1 -1
- package/dist/esm/pds-input.entry.js +1 -1
- package/dist/esm/pds-multiselect.entry.js +10 -6
- package/dist/esm/pds-multiselect.entry.js.map +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-switch.entry.js +1 -1
- package/dist/esm/pds-textarea.entry.js +1 -1
- package/dist/esm/pine-core.js +1 -1
- package/dist/esm-es5/form-CN-lL5QG.js +2 -0
- package/dist/{cjs/form-hmpgbT1I.js.map → esm-es5/form-CN-lL5QG.js.map} +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/pds-button.entry.js +1 -1
- package/dist/esm-es5/pds-button.entry.js.map +1 -1
- package/dist/esm-es5/pds-checkbox.entry.js +1 -1
- package/dist/esm-es5/pds-dropdown-menu.entry.js +1 -1
- package/dist/esm-es5/pds-dropdown-menu.entry.js.map +1 -1
- package/dist/esm-es5/pds-input.entry.js +1 -1
- package/dist/esm-es5/pds-multiselect.entry.js +1 -1
- package/dist/esm-es5/pds-multiselect.entry.js.map +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-switch.entry.js +1 -1
- package/dist/esm-es5/pds-textarea.entry.js +1 -1
- package/dist/esm-es5/pine-core.js +1 -1
- package/dist/pine-core/{p-f03f4602.system.entry.js → p-0b52923b.system.entry.js} +2 -2
- package/dist/pine-core/{p-bfac5114.entry.js → p-15e554ae.entry.js} +2 -2
- package/dist/pine-core/{p-09ff71ad.system.entry.js → p-23111b1c.system.entry.js} +2 -2
- package/dist/pine-core/p-29266dcd.system.entry.js +2 -0
- package/dist/pine-core/{p-8b4f76e4.system.entry.js.map → p-29266dcd.system.entry.js.map} +1 -1
- package/dist/pine-core/{p-0270ebee.system.entry.js → p-2aac4495.system.entry.js} +2 -2
- package/dist/pine-core/{p-7a6f11bd.system.entry.js → p-36e5e9f4.system.entry.js} +2 -2
- package/dist/pine-core/p-36e5e9f4.system.entry.js.map +1 -0
- package/dist/pine-core/{p-9d9a5ca8.system.entry.js → p-3f05d72e.system.entry.js} +2 -2
- package/dist/pine-core/{p-bc4b1749.system.entry.js → p-5abc5d82.system.entry.js} +2 -2
- package/dist/pine-core/p-6877a50d.system.entry.js +2 -0
- package/dist/pine-core/p-6877a50d.system.entry.js.map +1 -0
- package/dist/pine-core/{p-ad8fe96c.entry.js → p-73bce0bf.entry.js} +2 -2
- package/dist/pine-core/{p-8eb29dbd.entry.js → p-78246e05.entry.js} +2 -2
- package/dist/pine-core/{p-d0366fba.entry.js → p-7a11a6c7.entry.js} +2 -2
- package/dist/pine-core/{p-694cfe69.entry.js → p-94c73d98.entry.js} +2 -2
- package/dist/pine-core/p-94c73d98.entry.js.map +1 -0
- package/dist/pine-core/{p-CCKncKbB.system.js.map → p-BJPmPVaF.system.js.map} +1 -1
- package/dist/pine-core/{p-BHavepTY.system.js → p-Bch44a-T.system.js} +2 -2
- package/dist/pine-core/{p-BHavepTY.system.js.map → p-Bch44a-T.system.js.map} +1 -1
- package/dist/pine-core/{p-DXoBK65z.system.js.map → p-BnJypAy2.system.js.map} +1 -1
- package/dist/pine-core/p-CN-lL5QG.js +2 -0
- package/dist/pine-core/{p-DwjNklzi.js.map → p-CN-lL5QG.js.map} +1 -1
- package/dist/pine-core/{p-igLtCO20.system.js.map → p-CQtQQn3_.system.js.map} +1 -1
- package/dist/pine-core/p-CjnIO2Ro.system.js.map +1 -0
- package/dist/pine-core/p-Ct5QAsPN.system.js.map +1 -0
- package/dist/pine-core/{p-DFY2-W9M.system.js.map → p-D4YdQDsG.system.js.map} +1 -1
- package/dist/pine-core/p-DR2CskUb.system.js.map +1 -0
- package/dist/pine-core/p-JAVnELnm.system.js +1 -1
- package/dist/pine-core/{p-BssHFst4.system.js.map → p-N-jt0_Yl.system.js.map} +1 -1
- package/dist/pine-core/{p-1e77124d.system.entry.js → p-b1820970.system.entry.js} +2 -2
- package/dist/pine-core/{p-caff29fb.entry.js → p-b1a7a0b2.entry.js} +2 -2
- package/dist/pine-core/p-b3c66c58.entry.js +2 -0
- package/dist/pine-core/p-b3c66c58.entry.js.map +1 -0
- package/dist/pine-core/{p-9eQIEVii.system.js.map → p-c2oMjk1r.system.js.map} +1 -1
- package/dist/pine-core/{p-bce9f17d.system.entry.js → p-c9965216.system.entry.js} +2 -2
- package/dist/pine-core/{p-5162baee.entry.js → p-ce069162.entry.js} +2 -2
- package/dist/pine-core/p-f5fb71f6.entry.js +2 -0
- package/dist/pine-core/{p-d456c898.entry.js.map → p-f5fb71f6.entry.js.map} +1 -1
- package/dist/pine-core/{p-563b640d.entry.js → p-fbd8ae50.entry.js} +2 -2
- package/dist/pine-core/{p-CJ4Gf3Nx.system.js.map → p-gcCcHox5.system.js.map} +1 -1
- package/dist/pine-core/pds-button.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-dropdown-menu.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-multiselect.entry.esm.js.map +1 -1
- package/dist/pine-core/pine-core.esm.js +1 -1
- package/dist/types/components/pds-button/pds-button.d.ts +0 -1
- package/dist/types/components/pds-multiselect/pds-multiselect.d.ts +4 -0
- package/dist/types/components.d.ts +10 -0
- package/dist/vscode.html-data.json +8 -1
- package/hydrate/index.js +23 -22
- package/hydrate/index.mjs +23 -22
- package/package.json +2 -2
- package/dist/esm-es5/form-DwjNklzi.js +0 -2
- package/dist/pine-core/p-694cfe69.entry.js.map +0 -1
- package/dist/pine-core/p-7a6f11bd.system.entry.js.map +0 -1
- package/dist/pine-core/p-7ecfe996.entry.js +0 -2
- package/dist/pine-core/p-7ecfe996.entry.js.map +0 -1
- package/dist/pine-core/p-8b4f76e4.system.entry.js +0 -2
- package/dist/pine-core/p-BRn0ywk1.system.js.map +0 -1
- package/dist/pine-core/p-C7XKS9nY.system.js.map +0 -1
- package/dist/pine-core/p-DwjNklzi.js +0 -2
- package/dist/pine-core/p-EnxcYko8.system.js.map +0 -1
- package/dist/pine-core/p-b61669b4.system.entry.js +0 -2
- package/dist/pine-core/p-b61669b4.system.entry.js.map +0 -1
- package/dist/pine-core/p-d456c898.entry.js +0 -2
- /package/dist/pine-core/{p-f03f4602.system.entry.js.map → p-0b52923b.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-bfac5114.entry.js.map → p-15e554ae.entry.js.map} +0 -0
- /package/dist/pine-core/{p-09ff71ad.system.entry.js.map → p-23111b1c.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-0270ebee.system.entry.js.map → p-2aac4495.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-9d9a5ca8.system.entry.js.map → p-3f05d72e.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-bc4b1749.system.entry.js.map → p-5abc5d82.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-ad8fe96c.entry.js.map → p-73bce0bf.entry.js.map} +0 -0
- /package/dist/pine-core/{p-8eb29dbd.entry.js.map → p-78246e05.entry.js.map} +0 -0
- /package/dist/pine-core/{p-d0366fba.entry.js.map → p-7a11a6c7.entry.js.map} +0 -0
- /package/dist/pine-core/{p-1e77124d.system.entry.js.map → p-b1820970.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-caff29fb.entry.js.map → p-b1a7a0b2.entry.js.map} +0 -0
- /package/dist/pine-core/{p-bce9f17d.system.entry.js.map → p-c9965216.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-5162baee.entry.js.map → p-ce069162.entry.js.map} +0 -0
- /package/dist/pine-core/{p-563b640d.entry.js.map → p-fbd8ae50.entry.js.map} +0 -0
package/hydrate/index.js
CHANGED
|
@@ -4123,7 +4123,7 @@ class PdsBox {
|
|
|
4123
4123
|
}; }
|
|
4124
4124
|
}
|
|
4125
4125
|
|
|
4126
|
-
const pdsButtonCss = ":host{--pds-button-background:var(--color-background-default);--pds-button-border:var(--pine-border);--pds-button-border-radius:var(--pine-border-radius-full);--pds-button-border-radius-start-end:var(--pine-border-radius-full);--pds-button-border-radius-start-start:var(--pine-border-radius-full);--pds-button-border-radius-end-end:var(--pine-border-radius-full);--pds-button-border-radius-end-start:var(--pine-border-radius-full);--pds-button-min-height:var(--pine-dimension-450);--pds-button-outline-offset:var(--pine-border-width);--color-border-default:transparent;--color-border-disabled:transparent;--color-border-focus:transparent;--color-border-hover:transparent;--button-loader-color:var(--color-text-default);display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}:host([full-width=true]){display:-ms-flexbox;display:flex;width:100%}:host([full-width=true]) a,:host([full-width=true]) button{-ms-flex-pack:center;justify-content:center;width:100%}:host([full-width=true]) .pds-button__content{-ms-flex-pack:center;justify-content:center;text-align:center}:host([loading=true]){cursor:wait;pointer-events:none}:host([disabled=true]){pointer-events:none}.pds-button{--pds-loader-color:var(--color-text-default);-ms-flex-align:center;align-items:center;background-color:var(--pds-button-background, var(--color-background-default));border:var(--pds-button-border);border-color:var(--color-border-default);border-radius:var(--pds-button-border-radius);border-end-end-radius:var(--pds-button-border-radius-end-end, var(--pds-button-border-radius));border-end-start-radius:var(--pds-button-border-radius-end-start, var(--pds-button-border-radius));border-start-end-radius:var(--pds-button-border-radius-start-end, var(--pds-button-border-radius));border-start-start-radius:var(--pds-button-border-radius-start-start, var(--pds-button-border-radius));-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--color-text-default);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-brand-label);letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-button-min-height);padding:calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-sm);position:relative;text-decoration:none}.pds-button pds-icon{color:currentColor;fill:currentColor}.pds-button:hover{background-color:var(--color-background-hover);border-color:var(--color-border-hover)}.pds-button:focus-visible{border-color:var(--color-border-focus);-webkit-box-shadow:var(--pds-button-box-shadow-focus, none);box-shadow:var(--pds-button-box-shadow-focus, none);outline:var(--pds-button-outline-focus, var(--pine-outline-focus));outline-offset:var(--pds-button-outline-offset)}.pds-button:disabled{background-color:var(--color-background-disabled);border-color:var(--color-border-disabled);color:var(--color-text-disabled);pointer-events:none}.pds-button--primary{--color-background-default:var(--pine-color-primary);--color-background-hover:var(--pine-color-primary-hover);--color-background-disabled:var(--pine-color-primary-disabled);--color-border-default:var(--pine-color-primary);--color-border-hover:var(--pine-color-primary-hover);--color-text-default:var(--pine-color-text-primary);--color-text-disabled:var(--pine-color-text-primary-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--accent{--color-background-default:var(--pine-color-accent);--color-background-hover:var(--pine-color-accent-hover);--color-background-disabled:var(--pine-color-accent-disabled);--color-border-default:var(--pine-color-accent);--color-border-hover:var(--pine-color-accent-hover);--color-text-default:var(--pine-color-white);--color-text-disabled:var(--pine-color-text-accent-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive{--color-background-default:var(--pine-color-danger);--color-background-hover:var(--pine-color-danger-hover);--color-background-disabled:var(--pine-color-danger-disabled);--color-border-default:var(--pine-color-danger);--color-border-hover:var(--pine-color-danger-hover);--color-text-default:var(--pine-color-white);--color-text-disabled:var(--pine-color-text-danger-disabled);--color-outline:var(--pine-color-focus-ring-danger);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-button--secondary,.pds-button--disclosure{--color-background-default:var(--pine-color-secondary);--color-background-hover:var(--pine-color-secondary-hover);--color-background-disabled:var(--pine-color-secondary-disabled);--color-border-disabled:var(--pine-color-border-disabled);--color-border-focus:var(--pine-color-border);--color-border-hover:var(--pine-color-border-hover);--color-border-default:var(--pine-color-border);--color-text-default:var(--pine-color-text-secondary);--color-text-disabled:var(--pine-color-text-secondary-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary)}.pds-button--secondary:hover,.pds-button--disclosure:hover{background-color:var(--pine-color-secondary-hover)}.pds-button--tertiary{--color-background-default:transparent;--color-background-hover:var(--pine-color-background-muted);--color-background-disabled:transparent;--color-border-default:transparent;--color-border-hover:var(--pine-color-background-muted);--color-border-disabled:transparent;--color-text-default:var(--pine-color-text-secondary);--color-text-disabled:var(--pine-color-text-secondary-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary)}.pds-button--filter{--color-background-default:var(--pine-color-background-container);--color-background-hover:var(--pine-color-background-subtle);--color-background-disabled:var(--pine-color-white);--color-border-default:transparent;--color-border-hover:transparent;--color-border-focus:transparent;--color-text-default:var(--pine-color-text-secondary);--color-text-hover:var(--pine-color-text-hover);--color-text-disabled:var(--pine-color-text-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary);--pds-button-border-radius:var(--pine-dimension-125);--pds-button-border-radius-start-end:var(--pine-dimension-125);--pds-button-border-radius-start-start:var(--pine-dimension-125);--pds-button-border-radius-end-end:var(--pine-dimension-125);--pds-button-border-radius-end-start:var(--pine-dimension-125);padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.pds-button--filter:disabled{background-color:var(--pine-color-background-container)}.pds-button--filter:hover{color:var(--color-text-hover)}.pds-button--unstyled{--color-background-default:transparent;--color-background-hover:transparent;--color-background-disabled:transparent;--color-text-default:var(--pine-color-text);--button-loader-color:var(--pine-color-text);border-width:var(--pine-dimension-none);margin:var(--pine-dimension-none);min-height:auto;padding:var(--pine-dimension-none);width:inherit}.pds-button__content{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;gap:var(--pine-dimension-xs);position:relative;width:100%}.pds-button__icon{display:-ms-inline-flexbox;display:inline-flex}.pds-button__text{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap}.pds-button__icon--hidden,.pds-button__text--hidden{opacity:0}.pds-button__loader{height:var(--pine-dimension-250);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--pine-dimension-250)}.pds-button--loading{cursor:wait;pointer-events:none}.pds-button--loading .pds-button__loader pds-loader{--loader-color:var(--button-loader-color)}.pds-button--small{min-height:var(--pine-dimension-400);padding:calc(var(--pine-dimension-2xs) - var(--pine-border-width)) var(--pine-dimension-sm)}.pds-button--micro{font-size:var(--pine-font-size-085);min-height:var(--pine-dimension-300);padding:var(--pine-dimension-025) var(--pine-dimension-xs)}.pds-button--icon-only{-ms-flex-align:center;align-items:center;border-radius:var(--pine-border-radius-full);height:var(--button-dimension);-ms-flex-pack:center;justify-content:center;min-height:var(--button-dimension);min-width:var(--button-dimension);padding:var(--pine-dimension-xs);width:var(--button-dimension)}.pds-button--icon-only .pds-button__content{height:100%;-ms-flex-pack:center;justify-content:center;width:100%}.pds-button--icon-only .pds-button__text--hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-button--icon-only.pds-button--small{height:var(--pine-dimension-400);min-height:var(--pine-dimension-400);min-width:var(--pine-dimension-400);padding:var(--pine-dimension-2xs);width:var(--pine-dimension-400)}.pds-button--icon-only.pds-button--micro{height:var(--pine-dimension-300);min-height:var(--pine-dimension-300);min-width:var(--pine-dimension-300);padding:var(--pine-dimension-3xs);width:var(--pine-dimension-300)}";
|
|
4126
|
+
const pdsButtonCss = ":host{--pds-button-background:var(--color-background-default);--pds-button-border:var(--pine-border);--pds-button-border-radius:var(--pine-border-radius-full);--pds-button-border-radius-start-end:var(--pine-border-radius-full);--pds-button-border-radius-start-start:var(--pine-border-radius-full);--pds-button-border-radius-end-end:var(--pine-border-radius-full);--pds-button-border-radius-end-start:var(--pine-border-radius-full);--pds-button-min-height:var(--pine-dimension-450);--pds-button-outline-offset:var(--pine-border-width);--color-border-default:transparent;--color-border-disabled:transparent;--color-border-focus:transparent;--color-border-hover:transparent;--button-loader-color:var(--color-text-default);display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}:host([full-width=true]){display:-ms-flexbox;display:flex;width:100%}:host([full-width=true]) a,:host([full-width=true]) button{-ms-flex-pack:center;justify-content:center;width:100%}:host([full-width=true]) .pds-button__content{-ms-flex-pack:center;justify-content:center;text-align:center}:host([loading=true]){cursor:wait;pointer-events:none}:host([disabled=true]){pointer-events:none}.pds-button{--pds-loader-color:var(--color-text-default);-ms-flex-align:center;align-items:center;background-color:var(--pds-button-background, var(--color-background-default));border:var(--pds-button-border);border-color:var(--color-border-default);border-radius:var(--pds-button-border-radius);border-end-end-radius:var(--pds-button-border-radius-end-end, var(--pds-button-border-radius));border-end-start-radius:var(--pds-button-border-radius-end-start, var(--pds-button-border-radius));border-start-end-radius:var(--pds-button-border-radius-start-end, var(--pds-button-border-radius));border-start-start-radius:var(--pds-button-border-radius-start-start, var(--pds-button-border-radius));-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--color-text-default);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-brand-label);letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-button-min-height);padding:calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-sm);position:relative;text-decoration:none}.pds-button pds-icon{color:currentColor;fill:currentColor}.pds-button:hover{background-color:var(--color-background-hover);border-color:var(--color-border-hover)}.pds-button:focus-visible{border-color:var(--color-border-focus);-webkit-box-shadow:var(--pds-button-box-shadow-focus, none);box-shadow:var(--pds-button-box-shadow-focus, none);outline:var(--pds-button-outline-focus, var(--pine-outline-focus));outline-offset:var(--pds-button-outline-offset)}.pds-button:disabled{background-color:var(--color-background-disabled);border-color:var(--color-border-disabled);color:var(--color-text-disabled);pointer-events:none}.pds-button--primary{--color-background-default:var(--pine-color-primary);--color-background-hover:var(--pine-color-primary-hover);--color-background-disabled:var(--pine-color-primary-disabled);--color-border-default:var(--pine-color-primary);--color-border-hover:var(--pine-color-primary-hover);--color-text-default:var(--pine-color-text-primary);--color-text-disabled:var(--pine-color-text-primary-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--accent{--color-background-default:var(--pine-color-accent);--color-background-hover:var(--pine-color-accent-hover);--color-background-disabled:var(--pine-color-accent-disabled);--color-border-default:var(--pine-color-accent);--color-border-hover:var(--pine-color-accent-hover);--color-text-default:var(--pine-color-white);--color-text-disabled:var(--pine-color-text-accent-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive{--color-background-default:var(--pine-color-danger);--color-background-hover:var(--pine-color-danger-hover);--color-background-disabled:var(--pine-color-danger-disabled);--color-border-default:var(--pine-color-danger);--color-border-hover:var(--pine-color-danger-hover);--color-text-default:var(--pine-color-white);--color-text-disabled:var(--pine-color-text-danger-disabled);--color-outline:var(--pine-color-focus-ring-danger);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-button--secondary,.pds-button--disclosure{--color-background-default:var(--pine-color-secondary);--color-background-hover:var(--pine-color-secondary-hover);--color-background-disabled:var(--pine-color-secondary-disabled);--color-border-disabled:var(--pine-color-border-disabled);--color-border-focus:var(--pine-color-border);--color-border-hover:var(--pine-color-border-hover);--color-border-default:var(--pine-color-border);--color-text-default:var(--pine-color-text-secondary);--color-text-disabled:var(--pine-color-text-secondary-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary)}.pds-button--secondary:hover,.pds-button--disclosure:hover{background-color:var(--pine-color-secondary-hover)}.pds-button--tertiary{--color-background-default:transparent;--color-background-hover:var(--pine-color-background-muted);--color-background-disabled:transparent;--color-border-default:transparent;--color-border-hover:var(--pine-color-background-muted);--color-border-disabled:transparent;--color-text-default:var(--pine-color-text-secondary);--color-text-disabled:var(--pine-color-text-secondary-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary)}.pds-button--filter{--color-background-default:var(--pine-color-background-container);--color-background-hover:var(--pine-color-background-subtle);--color-background-disabled:var(--pine-color-white);--color-border-default:transparent;--color-border-hover:transparent;--color-border-focus:transparent;--color-text-default:var(--pine-color-text-secondary);--color-text-hover:var(--pine-color-text-hover);--color-text-disabled:var(--pine-color-text-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary);--pds-button-border-radius:var(--pine-dimension-125);--pds-button-border-radius-start-end:var(--pine-dimension-125);--pds-button-border-radius-start-start:var(--pine-dimension-125);--pds-button-border-radius-end-end:var(--pine-dimension-125);--pds-button-border-radius-end-start:var(--pine-dimension-125);padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.pds-button--filter:disabled{background-color:var(--pine-color-background-container)}.pds-button--filter:hover{color:var(--color-text-hover)}.pds-button--unstyled{--color-background-default:transparent;--color-background-hover:transparent;--color-background-disabled:transparent;--color-text-default:var(--pine-color-text);--button-loader-color:var(--pine-color-text);border-width:var(--pine-dimension-none);margin:var(--pine-dimension-none);min-height:auto;padding:var(--pine-dimension-none);width:inherit}.pds-button__content{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;gap:var(--pine-dimension-xs);position:relative;width:100%}.pds-button__icon{display:-ms-inline-flexbox;display:inline-flex}.pds-button__icon:not(:has(::slotted(*))){display:none}.pds-button__text{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap}.pds-button__icon--hidden,.pds-button__text--hidden{opacity:0}.pds-button__loader{height:var(--pine-dimension-250);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--pine-dimension-250)}.pds-button--loading{cursor:wait;pointer-events:none}.pds-button--loading .pds-button__loader pds-loader{--loader-color:var(--button-loader-color)}.pds-button--small{min-height:var(--pine-dimension-400);padding:calc(var(--pine-dimension-2xs) - var(--pine-border-width)) var(--pine-dimension-sm)}.pds-button--micro{font-size:var(--pine-font-size-085);min-height:var(--pine-dimension-300);padding:var(--pine-dimension-025) var(--pine-dimension-xs)}.pds-button--icon-only{-ms-flex-align:center;align-items:center;border-radius:var(--pine-border-radius-full);height:var(--button-dimension);-ms-flex-pack:center;justify-content:center;min-height:var(--button-dimension);min-width:var(--button-dimension);padding:var(--pine-dimension-xs);width:var(--button-dimension)}.pds-button--icon-only .pds-button__content{height:100%;-ms-flex-pack:center;justify-content:center;width:100%}.pds-button--icon-only .pds-button__text--hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-button--icon-only.pds-button--small{height:var(--pine-dimension-400);min-height:var(--pine-dimension-400);min-width:var(--pine-dimension-400);padding:var(--pine-dimension-2xs);width:var(--pine-dimension-400)}.pds-button--icon-only.pds-button--micro{height:var(--pine-dimension-300);min-height:var(--pine-dimension-300);min-width:var(--pine-dimension-300);padding:var(--pine-dimension-3xs);width:var(--pine-dimension-300)}";
|
|
4127
4127
|
|
|
4128
4128
|
/**
|
|
4129
4129
|
* @part button - Exposes the button element for styling.
|
|
@@ -4269,23 +4269,18 @@ class PdsButton {
|
|
|
4269
4269
|
}
|
|
4270
4270
|
return classNames.join(' ');
|
|
4271
4271
|
}
|
|
4272
|
-
hasSlotContent(slotName) {
|
|
4273
|
-
const elements = this.el.querySelectorAll(`[slot="${slotName}"]`);
|
|
4274
|
-
return elements.length > 0;
|
|
4275
|
-
}
|
|
4276
4272
|
renderStartContent() {
|
|
4277
|
-
const hasIcon = this.icon && this.variant !== 'disclosure' && this.variant !== 'filter';
|
|
4278
|
-
const hasStartSlot = this.hasSlotContent('start');
|
|
4279
4273
|
if (this.variant === 'filter') {
|
|
4280
4274
|
return (hAsync("pds-icon", { class: this.loading ? 'pds-button__icon--hidden' : '', icon: addCircle, part: "icon", "aria-hidden": "true" }));
|
|
4281
4275
|
}
|
|
4282
|
-
|
|
4276
|
+
// Deprecated icon prop still takes precedence over start slot
|
|
4277
|
+
const hasIcon = this.icon && this.variant !== 'disclosure';
|
|
4278
|
+
if (Boolean(hasIcon)) {
|
|
4283
4279
|
return (hAsync("pds-icon", { class: this.loading ? 'pds-button__icon--hidden' : '', name: this.icon, part: "icon", "aria-hidden": "true" }));
|
|
4284
4280
|
}
|
|
4285
|
-
|
|
4286
|
-
|
|
4287
|
-
}
|
|
4288
|
-
return null;
|
|
4281
|
+
// Always render the start slot so slotted content is projected reliably.
|
|
4282
|
+
// CSS hides the wrapper when no content is slotted (prevents empty gap space).
|
|
4283
|
+
return hAsync("span", { class: `pds-button__icon ${this.loading ? 'pds-button__icon--hidden' : ''}` }, hAsync("slot", { name: "start" }));
|
|
4289
4284
|
}
|
|
4290
4285
|
renderEndContent() {
|
|
4291
4286
|
if (this.iconOnly) {
|
|
@@ -4294,10 +4289,9 @@ class PdsButton {
|
|
|
4294
4289
|
if (this.variant === 'disclosure') {
|
|
4295
4290
|
return (hAsync("pds-icon", { class: this.loading ? 'pds-button__icon--hidden' : '', icon: caretDown, part: "caret", "aria-hidden": "true" }));
|
|
4296
4291
|
}
|
|
4297
|
-
|
|
4298
|
-
|
|
4299
|
-
}
|
|
4300
|
-
return null;
|
|
4292
|
+
// Always render the end slot so slotted content is projected reliably.
|
|
4293
|
+
// CSS hides the wrapper when no content is slotted (prevents empty gap space).
|
|
4294
|
+
return hAsync("span", { class: `pds-button__icon ${this.loading ? 'pds-button__icon--hidden' : ''}` }, hAsync("slot", { name: "end" }));
|
|
4301
4295
|
}
|
|
4302
4296
|
render() {
|
|
4303
4297
|
// Common props for both button and anchor elements
|
|
@@ -4379,6 +4373,8 @@ const isRequired = (target, component) => {
|
|
|
4379
4373
|
* @param type - The type value (string literal) or a getter function that returns the type
|
|
4380
4374
|
*/
|
|
4381
4375
|
function exposeTypeProperty(element, type) {
|
|
4376
|
+
if (Object.getOwnPropertyDescriptor(element, 'type'))
|
|
4377
|
+
return;
|
|
4382
4378
|
Object.defineProperty(element, 'type', {
|
|
4383
4379
|
get: typeof type === 'function' ? type : () => type,
|
|
4384
4380
|
enumerable: true,
|
|
@@ -9135,7 +9131,7 @@ class PdsDivider {
|
|
|
9135
9131
|
}; }
|
|
9136
9132
|
}
|
|
9137
9133
|
|
|
9138
|
-
const pdsDropdownMenuCss = ":host{display:block}.is-hidden{display:none}.pds-dropdown-menu--panel{background-color:var(--pine-color-background-container);border-radius:var(--pine-dimension-xs);left:var(--pine-dimension-none);min-width:170px;padding:var(--pine-dimension-xs);position:fixed;z-index:var(--pine-z-index-overlay)}:host-context([data-theme=dark]) .pds-dropdown-menu--panel{border:var(--pine-border)}::slotted(a),::slotted(button){-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--pine-dimension-xs);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text) !important;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;font:var(--pine-typography-body-medium);gap:var(--pine-dimension-xs);margin:calc(var(--pine-border-width) + 2px);padding:var(--pine-dimension-xs);text-align:start;text-decoration:none !important;width:calc(100% - (var(--pine-border-width) + 2px) * 2)}::slotted(.destructive){color:var(--pine-color-danger) !important}::slotted([aria-disabled=true]),::slotted([disabled]){cursor:not-allowed;opacity:0.5;pointer-events:none}";
|
|
9134
|
+
const pdsDropdownMenuCss = ":host{display:block}.is-hidden{display:none}.pds-dropdown-menu--panel{background-color:var(--pine-color-background-container);border-radius:var(--pine-dimension-xs);left:var(--pine-dimension-none);min-width:170px;padding:var(--pine-dimension-xs);position:fixed;z-index:var(--pine-z-index-overlay)}:host-context([data-theme=dark]) .pds-dropdown-menu--panel{border:var(--pine-border)}::slotted(a),::slotted(button){-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--pine-dimension-xs) !important;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text) !important;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;font:var(--pine-typography-body-medium) !important;gap:var(--pine-dimension-xs);margin:calc(var(--pine-border-width) + 2px) !important;padding:var(--pine-dimension-xs) !important;text-align:start;text-decoration:none !important;width:calc(100% - (var(--pine-border-width) + 2px) * 2)}::slotted(.destructive){color:var(--pine-color-danger) !important}::slotted([aria-disabled=true]),::slotted([disabled]){cursor:not-allowed;opacity:0.5;pointer-events:none}";
|
|
9139
9135
|
|
|
9140
9136
|
/**
|
|
9141
9137
|
* @part menu-panel - Exposes the dropdown menu container for styling.
|
|
@@ -11613,6 +11609,10 @@ class PdsMultiselect {
|
|
|
11613
11609
|
* Visually hides the label but keeps it accessible.
|
|
11614
11610
|
*/
|
|
11615
11611
|
this.hideLabel = false;
|
|
11612
|
+
/**
|
|
11613
|
+
* Hides the selected items summary section in the dropdown panel.
|
|
11614
|
+
*/
|
|
11615
|
+
this.hideSelectedItems = false;
|
|
11616
11616
|
/**
|
|
11617
11617
|
* If true, the multiselect is required.
|
|
11618
11618
|
*/
|
|
@@ -12280,7 +12280,7 @@ class PdsMultiselect {
|
|
|
12280
12280
|
this.toggleOption(option);
|
|
12281
12281
|
}
|
|
12282
12282
|
renderSelectedItemsList() {
|
|
12283
|
-
if (this.selectedItems.length === 0)
|
|
12283
|
+
if (this.hideSelectedItems || this.selectedItems.length === 0)
|
|
12284
12284
|
return null;
|
|
12285
12285
|
return (hAsync("div", { class: "pds-multiselect__selected-section" }, hAsync("ul", { class: "pds-multiselect__selected-list", role: "list" }, this.selectedItems.map(item => (hAsync("li", { key: String(item.id), class: "pds-multiselect__selected-item" }, item.text))))));
|
|
12286
12286
|
}
|
|
@@ -12315,19 +12315,19 @@ class PdsMultiselect {
|
|
|
12315
12315
|
}
|
|
12316
12316
|
render() {
|
|
12317
12317
|
const hasSelections = this.selectedItems.length > 0;
|
|
12318
|
-
return (hAsync(Host, { key: '
|
|
12318
|
+
return (hAsync(Host, { key: '4f197872aaeb24c7d4c602ad82f3015e14702628', "aria-disabled": this.disabled ? 'true' : null }, hAsync("div", { key: 'e245900ad8cdf2589aa9d15f3b36a752d936034e', class: "pds-multiselect" }, this.label && (hAsync("label", { key: 'b07085c91de33d200dfdeb71b7c1c297ed92762c', htmlFor: this.componentId, class: {
|
|
12319
12319
|
'pds-multiselect__label': true,
|
|
12320
12320
|
'visually-hidden': this.hideLabel,
|
|
12321
|
-
} }, this.label)), hAsync("div", { key: '
|
|
12321
|
+
} }, this.label)), hAsync("div", { key: '6b5f58165e562244269600bfae80df4e847bfaa5', class: "pds-multiselect__wrapper", ref: el => (this.containerEl = el), onFocusout: this.handleContainerFocusOut, style: { width: this.triggerWidth } }, hAsync("button", { key: '89446787c88948e1f5946d5dbed88e1d794f85f8', ref: el => (this.triggerEl = el), type: "button", class: {
|
|
12322
12322
|
'pds-multiselect__trigger': true,
|
|
12323
12323
|
'pds-multiselect__trigger--open': this.isOpen,
|
|
12324
12324
|
'pds-multiselect__trigger--disabled': this.disabled,
|
|
12325
12325
|
'pds-multiselect__trigger--invalid': this.invalid || !!this.errorMessage,
|
|
12326
12326
|
'pds-multiselect__trigger--has-value': hasSelections,
|
|
12327
|
-
}, id: this.componentId, disabled: this.disabled, "aria-required": this.required ? 'true' : undefined, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-describedby": assignDescription(this.componentId, this.invalid || !!this.errorMessage, this.errorMessage || this.helperMessage), "aria-invalid": this.invalid || !!this.errorMessage ? 'true' : undefined, onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, hAsync("span", { key: '
|
|
12327
|
+
}, id: this.componentId, disabled: this.disabled, "aria-required": this.required ? 'true' : undefined, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-describedby": assignDescription(this.componentId, this.invalid || !!this.errorMessage, this.errorMessage || this.helperMessage), "aria-invalid": this.invalid || !!this.errorMessage ? 'true' : undefined, onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, hAsync("span", { key: '1ccf24b3dd7570fdae169c8208d364debdd35381', class: {
|
|
12328
12328
|
'pds-multiselect__trigger-text': true,
|
|
12329
12329
|
'pds-multiselect__trigger-text--placeholder': !hasSelections,
|
|
12330
|
-
} }, this.getTriggerText()), hAsync("pds-icon", { key: '
|
|
12330
|
+
} }, this.getTriggerText()), hAsync("pds-icon", { key: '58d5849e739bebc23caa19819704c475c3a31e38', class: "pds-multiselect__icon", icon: enlarge })), this.renderDropdown()), this.helperMessage && !(this.errorMessage && this.errorMessage.length > 0) && (hAsync("p", { key: 'b596b1b4a712f04d9a21f7005212099cb8fcff29', class: "pds-multiselect__helper", id: messageId(this.componentId, 'helper') }, this.helperMessage)), this.errorMessage && (hAsync("p", { key: 'daa5efe46009f2f776dc7a4a97c94b9b096817d0', class: "pds-multiselect__error", id: messageId(this.componentId, 'error') }, hAsync("pds-icon", { key: '07f16bded841826477e90b7db88bffa251165f82', icon: danger, size: "small" }), this.errorMessage)), hAsync("div", { key: '4681c39dbc90eac71a04b885f32b49683a92ad2e', style: { display: 'none' } }, hAsync("slot", { key: '37674d4c94a709b8c8cbcc45d982802ebd082e85' })))));
|
|
12331
12331
|
}
|
|
12332
12332
|
static get formAssociated() { return true; }
|
|
12333
12333
|
get el() { return getElement(this); }
|
|
@@ -12358,6 +12358,7 @@ class PdsMultiselect {
|
|
|
12358
12358
|
"minWidth": [1, "min-width"],
|
|
12359
12359
|
"panelWidth": [1, "panel-width"],
|
|
12360
12360
|
"hideLabel": [4, "hide-label"],
|
|
12361
|
+
"hideSelectedItems": [4, "hide-selected-items"],
|
|
12361
12362
|
"errorMessage": [1, "error-message"],
|
|
12362
12363
|
"helperMessage": [1, "helper-message"],
|
|
12363
12364
|
"invalid": [4],
|
package/hydrate/index.mjs
CHANGED
|
@@ -4121,7 +4121,7 @@ class PdsBox {
|
|
|
4121
4121
|
}; }
|
|
4122
4122
|
}
|
|
4123
4123
|
|
|
4124
|
-
const pdsButtonCss = ":host{--pds-button-background:var(--color-background-default);--pds-button-border:var(--pine-border);--pds-button-border-radius:var(--pine-border-radius-full);--pds-button-border-radius-start-end:var(--pine-border-radius-full);--pds-button-border-radius-start-start:var(--pine-border-radius-full);--pds-button-border-radius-end-end:var(--pine-border-radius-full);--pds-button-border-radius-end-start:var(--pine-border-radius-full);--pds-button-min-height:var(--pine-dimension-450);--pds-button-outline-offset:var(--pine-border-width);--color-border-default:transparent;--color-border-disabled:transparent;--color-border-focus:transparent;--color-border-hover:transparent;--button-loader-color:var(--color-text-default);display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}:host([full-width=true]){display:-ms-flexbox;display:flex;width:100%}:host([full-width=true]) a,:host([full-width=true]) button{-ms-flex-pack:center;justify-content:center;width:100%}:host([full-width=true]) .pds-button__content{-ms-flex-pack:center;justify-content:center;text-align:center}:host([loading=true]){cursor:wait;pointer-events:none}:host([disabled=true]){pointer-events:none}.pds-button{--pds-loader-color:var(--color-text-default);-ms-flex-align:center;align-items:center;background-color:var(--pds-button-background, var(--color-background-default));border:var(--pds-button-border);border-color:var(--color-border-default);border-radius:var(--pds-button-border-radius);border-end-end-radius:var(--pds-button-border-radius-end-end, var(--pds-button-border-radius));border-end-start-radius:var(--pds-button-border-radius-end-start, var(--pds-button-border-radius));border-start-end-radius:var(--pds-button-border-radius-start-end, var(--pds-button-border-radius));border-start-start-radius:var(--pds-button-border-radius-start-start, var(--pds-button-border-radius));-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--color-text-default);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-brand-label);letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-button-min-height);padding:calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-sm);position:relative;text-decoration:none}.pds-button pds-icon{color:currentColor;fill:currentColor}.pds-button:hover{background-color:var(--color-background-hover);border-color:var(--color-border-hover)}.pds-button:focus-visible{border-color:var(--color-border-focus);-webkit-box-shadow:var(--pds-button-box-shadow-focus, none);box-shadow:var(--pds-button-box-shadow-focus, none);outline:var(--pds-button-outline-focus, var(--pine-outline-focus));outline-offset:var(--pds-button-outline-offset)}.pds-button:disabled{background-color:var(--color-background-disabled);border-color:var(--color-border-disabled);color:var(--color-text-disabled);pointer-events:none}.pds-button--primary{--color-background-default:var(--pine-color-primary);--color-background-hover:var(--pine-color-primary-hover);--color-background-disabled:var(--pine-color-primary-disabled);--color-border-default:var(--pine-color-primary);--color-border-hover:var(--pine-color-primary-hover);--color-text-default:var(--pine-color-text-primary);--color-text-disabled:var(--pine-color-text-primary-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--accent{--color-background-default:var(--pine-color-accent);--color-background-hover:var(--pine-color-accent-hover);--color-background-disabled:var(--pine-color-accent-disabled);--color-border-default:var(--pine-color-accent);--color-border-hover:var(--pine-color-accent-hover);--color-text-default:var(--pine-color-white);--color-text-disabled:var(--pine-color-text-accent-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive{--color-background-default:var(--pine-color-danger);--color-background-hover:var(--pine-color-danger-hover);--color-background-disabled:var(--pine-color-danger-disabled);--color-border-default:var(--pine-color-danger);--color-border-hover:var(--pine-color-danger-hover);--color-text-default:var(--pine-color-white);--color-text-disabled:var(--pine-color-text-danger-disabled);--color-outline:var(--pine-color-focus-ring-danger);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-button--secondary,.pds-button--disclosure{--color-background-default:var(--pine-color-secondary);--color-background-hover:var(--pine-color-secondary-hover);--color-background-disabled:var(--pine-color-secondary-disabled);--color-border-disabled:var(--pine-color-border-disabled);--color-border-focus:var(--pine-color-border);--color-border-hover:var(--pine-color-border-hover);--color-border-default:var(--pine-color-border);--color-text-default:var(--pine-color-text-secondary);--color-text-disabled:var(--pine-color-text-secondary-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary)}.pds-button--secondary:hover,.pds-button--disclosure:hover{background-color:var(--pine-color-secondary-hover)}.pds-button--tertiary{--color-background-default:transparent;--color-background-hover:var(--pine-color-background-muted);--color-background-disabled:transparent;--color-border-default:transparent;--color-border-hover:var(--pine-color-background-muted);--color-border-disabled:transparent;--color-text-default:var(--pine-color-text-secondary);--color-text-disabled:var(--pine-color-text-secondary-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary)}.pds-button--filter{--color-background-default:var(--pine-color-background-container);--color-background-hover:var(--pine-color-background-subtle);--color-background-disabled:var(--pine-color-white);--color-border-default:transparent;--color-border-hover:transparent;--color-border-focus:transparent;--color-text-default:var(--pine-color-text-secondary);--color-text-hover:var(--pine-color-text-hover);--color-text-disabled:var(--pine-color-text-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary);--pds-button-border-radius:var(--pine-dimension-125);--pds-button-border-radius-start-end:var(--pine-dimension-125);--pds-button-border-radius-start-start:var(--pine-dimension-125);--pds-button-border-radius-end-end:var(--pine-dimension-125);--pds-button-border-radius-end-start:var(--pine-dimension-125);padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.pds-button--filter:disabled{background-color:var(--pine-color-background-container)}.pds-button--filter:hover{color:var(--color-text-hover)}.pds-button--unstyled{--color-background-default:transparent;--color-background-hover:transparent;--color-background-disabled:transparent;--color-text-default:var(--pine-color-text);--button-loader-color:var(--pine-color-text);border-width:var(--pine-dimension-none);margin:var(--pine-dimension-none);min-height:auto;padding:var(--pine-dimension-none);width:inherit}.pds-button__content{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;gap:var(--pine-dimension-xs);position:relative;width:100%}.pds-button__icon{display:-ms-inline-flexbox;display:inline-flex}.pds-button__text{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap}.pds-button__icon--hidden,.pds-button__text--hidden{opacity:0}.pds-button__loader{height:var(--pine-dimension-250);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--pine-dimension-250)}.pds-button--loading{cursor:wait;pointer-events:none}.pds-button--loading .pds-button__loader pds-loader{--loader-color:var(--button-loader-color)}.pds-button--small{min-height:var(--pine-dimension-400);padding:calc(var(--pine-dimension-2xs) - var(--pine-border-width)) var(--pine-dimension-sm)}.pds-button--micro{font-size:var(--pine-font-size-085);min-height:var(--pine-dimension-300);padding:var(--pine-dimension-025) var(--pine-dimension-xs)}.pds-button--icon-only{-ms-flex-align:center;align-items:center;border-radius:var(--pine-border-radius-full);height:var(--button-dimension);-ms-flex-pack:center;justify-content:center;min-height:var(--button-dimension);min-width:var(--button-dimension);padding:var(--pine-dimension-xs);width:var(--button-dimension)}.pds-button--icon-only .pds-button__content{height:100%;-ms-flex-pack:center;justify-content:center;width:100%}.pds-button--icon-only .pds-button__text--hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-button--icon-only.pds-button--small{height:var(--pine-dimension-400);min-height:var(--pine-dimension-400);min-width:var(--pine-dimension-400);padding:var(--pine-dimension-2xs);width:var(--pine-dimension-400)}.pds-button--icon-only.pds-button--micro{height:var(--pine-dimension-300);min-height:var(--pine-dimension-300);min-width:var(--pine-dimension-300);padding:var(--pine-dimension-3xs);width:var(--pine-dimension-300)}";
|
|
4124
|
+
const pdsButtonCss = ":host{--pds-button-background:var(--color-background-default);--pds-button-border:var(--pine-border);--pds-button-border-radius:var(--pine-border-radius-full);--pds-button-border-radius-start-end:var(--pine-border-radius-full);--pds-button-border-radius-start-start:var(--pine-border-radius-full);--pds-button-border-radius-end-end:var(--pine-border-radius-full);--pds-button-border-radius-end-start:var(--pine-border-radius-full);--pds-button-min-height:var(--pine-dimension-450);--pds-button-outline-offset:var(--pine-border-width);--color-border-default:transparent;--color-border-disabled:transparent;--color-border-focus:transparent;--color-border-hover:transparent;--button-loader-color:var(--color-text-default);display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}:host([full-width=true]){display:-ms-flexbox;display:flex;width:100%}:host([full-width=true]) a,:host([full-width=true]) button{-ms-flex-pack:center;justify-content:center;width:100%}:host([full-width=true]) .pds-button__content{-ms-flex-pack:center;justify-content:center;text-align:center}:host([loading=true]){cursor:wait;pointer-events:none}:host([disabled=true]){pointer-events:none}.pds-button{--pds-loader-color:var(--color-text-default);-ms-flex-align:center;align-items:center;background-color:var(--pds-button-background, var(--color-background-default));border:var(--pds-button-border);border-color:var(--color-border-default);border-radius:var(--pds-button-border-radius);border-end-end-radius:var(--pds-button-border-radius-end-end, var(--pds-button-border-radius));border-end-start-radius:var(--pds-button-border-radius-end-start, var(--pds-button-border-radius));border-start-end-radius:var(--pds-button-border-radius-start-end, var(--pds-button-border-radius));border-start-start-radius:var(--pds-button-border-radius-start-start, var(--pds-button-border-radius));-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--color-text-default);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-brand-label);letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-button-min-height);padding:calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-sm);position:relative;text-decoration:none}.pds-button pds-icon{color:currentColor;fill:currentColor}.pds-button:hover{background-color:var(--color-background-hover);border-color:var(--color-border-hover)}.pds-button:focus-visible{border-color:var(--color-border-focus);-webkit-box-shadow:var(--pds-button-box-shadow-focus, none);box-shadow:var(--pds-button-box-shadow-focus, none);outline:var(--pds-button-outline-focus, var(--pine-outline-focus));outline-offset:var(--pds-button-outline-offset)}.pds-button:disabled{background-color:var(--color-background-disabled);border-color:var(--color-border-disabled);color:var(--color-text-disabled);pointer-events:none}.pds-button--primary{--color-background-default:var(--pine-color-primary);--color-background-hover:var(--pine-color-primary-hover);--color-background-disabled:var(--pine-color-primary-disabled);--color-border-default:var(--pine-color-primary);--color-border-hover:var(--pine-color-primary-hover);--color-text-default:var(--pine-color-text-primary);--color-text-disabled:var(--pine-color-text-primary-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--accent{--color-background-default:var(--pine-color-accent);--color-background-hover:var(--pine-color-accent-hover);--color-background-disabled:var(--pine-color-accent-disabled);--color-border-default:var(--pine-color-accent);--color-border-hover:var(--pine-color-accent-hover);--color-text-default:var(--pine-color-white);--color-text-disabled:var(--pine-color-text-accent-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive{--color-background-default:var(--pine-color-danger);--color-background-hover:var(--pine-color-danger-hover);--color-background-disabled:var(--pine-color-danger-disabled);--color-border-default:var(--pine-color-danger);--color-border-hover:var(--pine-color-danger-hover);--color-text-default:var(--pine-color-white);--color-text-disabled:var(--pine-color-text-danger-disabled);--color-outline:var(--pine-color-focus-ring-danger);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-button--secondary,.pds-button--disclosure{--color-background-default:var(--pine-color-secondary);--color-background-hover:var(--pine-color-secondary-hover);--color-background-disabled:var(--pine-color-secondary-disabled);--color-border-disabled:var(--pine-color-border-disabled);--color-border-focus:var(--pine-color-border);--color-border-hover:var(--pine-color-border-hover);--color-border-default:var(--pine-color-border);--color-text-default:var(--pine-color-text-secondary);--color-text-disabled:var(--pine-color-text-secondary-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary)}.pds-button--secondary:hover,.pds-button--disclosure:hover{background-color:var(--pine-color-secondary-hover)}.pds-button--tertiary{--color-background-default:transparent;--color-background-hover:var(--pine-color-background-muted);--color-background-disabled:transparent;--color-border-default:transparent;--color-border-hover:var(--pine-color-background-muted);--color-border-disabled:transparent;--color-text-default:var(--pine-color-text-secondary);--color-text-disabled:var(--pine-color-text-secondary-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary)}.pds-button--filter{--color-background-default:var(--pine-color-background-container);--color-background-hover:var(--pine-color-background-subtle);--color-background-disabled:var(--pine-color-white);--color-border-default:transparent;--color-border-hover:transparent;--color-border-focus:transparent;--color-text-default:var(--pine-color-text-secondary);--color-text-hover:var(--pine-color-text-hover);--color-text-disabled:var(--pine-color-text-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary);--pds-button-border-radius:var(--pine-dimension-125);--pds-button-border-radius-start-end:var(--pine-dimension-125);--pds-button-border-radius-start-start:var(--pine-dimension-125);--pds-button-border-radius-end-end:var(--pine-dimension-125);--pds-button-border-radius-end-start:var(--pine-dimension-125);padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.pds-button--filter:disabled{background-color:var(--pine-color-background-container)}.pds-button--filter:hover{color:var(--color-text-hover)}.pds-button--unstyled{--color-background-default:transparent;--color-background-hover:transparent;--color-background-disabled:transparent;--color-text-default:var(--pine-color-text);--button-loader-color:var(--pine-color-text);border-width:var(--pine-dimension-none);margin:var(--pine-dimension-none);min-height:auto;padding:var(--pine-dimension-none);width:inherit}.pds-button__content{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;gap:var(--pine-dimension-xs);position:relative;width:100%}.pds-button__icon{display:-ms-inline-flexbox;display:inline-flex}.pds-button__icon:not(:has(::slotted(*))){display:none}.pds-button__text{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap}.pds-button__icon--hidden,.pds-button__text--hidden{opacity:0}.pds-button__loader{height:var(--pine-dimension-250);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--pine-dimension-250)}.pds-button--loading{cursor:wait;pointer-events:none}.pds-button--loading .pds-button__loader pds-loader{--loader-color:var(--button-loader-color)}.pds-button--small{min-height:var(--pine-dimension-400);padding:calc(var(--pine-dimension-2xs) - var(--pine-border-width)) var(--pine-dimension-sm)}.pds-button--micro{font-size:var(--pine-font-size-085);min-height:var(--pine-dimension-300);padding:var(--pine-dimension-025) var(--pine-dimension-xs)}.pds-button--icon-only{-ms-flex-align:center;align-items:center;border-radius:var(--pine-border-radius-full);height:var(--button-dimension);-ms-flex-pack:center;justify-content:center;min-height:var(--button-dimension);min-width:var(--button-dimension);padding:var(--pine-dimension-xs);width:var(--button-dimension)}.pds-button--icon-only .pds-button__content{height:100%;-ms-flex-pack:center;justify-content:center;width:100%}.pds-button--icon-only .pds-button__text--hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-button--icon-only.pds-button--small{height:var(--pine-dimension-400);min-height:var(--pine-dimension-400);min-width:var(--pine-dimension-400);padding:var(--pine-dimension-2xs);width:var(--pine-dimension-400)}.pds-button--icon-only.pds-button--micro{height:var(--pine-dimension-300);min-height:var(--pine-dimension-300);min-width:var(--pine-dimension-300);padding:var(--pine-dimension-3xs);width:var(--pine-dimension-300)}";
|
|
4125
4125
|
|
|
4126
4126
|
/**
|
|
4127
4127
|
* @part button - Exposes the button element for styling.
|
|
@@ -4267,23 +4267,18 @@ class PdsButton {
|
|
|
4267
4267
|
}
|
|
4268
4268
|
return classNames.join(' ');
|
|
4269
4269
|
}
|
|
4270
|
-
hasSlotContent(slotName) {
|
|
4271
|
-
const elements = this.el.querySelectorAll(`[slot="${slotName}"]`);
|
|
4272
|
-
return elements.length > 0;
|
|
4273
|
-
}
|
|
4274
4270
|
renderStartContent() {
|
|
4275
|
-
const hasIcon = this.icon && this.variant !== 'disclosure' && this.variant !== 'filter';
|
|
4276
|
-
const hasStartSlot = this.hasSlotContent('start');
|
|
4277
4271
|
if (this.variant === 'filter') {
|
|
4278
4272
|
return (hAsync("pds-icon", { class: this.loading ? 'pds-button__icon--hidden' : '', icon: addCircle, part: "icon", "aria-hidden": "true" }));
|
|
4279
4273
|
}
|
|
4280
|
-
|
|
4274
|
+
// Deprecated icon prop still takes precedence over start slot
|
|
4275
|
+
const hasIcon = this.icon && this.variant !== 'disclosure';
|
|
4276
|
+
if (Boolean(hasIcon)) {
|
|
4281
4277
|
return (hAsync("pds-icon", { class: this.loading ? 'pds-button__icon--hidden' : '', name: this.icon, part: "icon", "aria-hidden": "true" }));
|
|
4282
4278
|
}
|
|
4283
|
-
|
|
4284
|
-
|
|
4285
|
-
}
|
|
4286
|
-
return null;
|
|
4279
|
+
// Always render the start slot so slotted content is projected reliably.
|
|
4280
|
+
// CSS hides the wrapper when no content is slotted (prevents empty gap space).
|
|
4281
|
+
return hAsync("span", { class: `pds-button__icon ${this.loading ? 'pds-button__icon--hidden' : ''}` }, hAsync("slot", { name: "start" }));
|
|
4287
4282
|
}
|
|
4288
4283
|
renderEndContent() {
|
|
4289
4284
|
if (this.iconOnly) {
|
|
@@ -4292,10 +4287,9 @@ class PdsButton {
|
|
|
4292
4287
|
if (this.variant === 'disclosure') {
|
|
4293
4288
|
return (hAsync("pds-icon", { class: this.loading ? 'pds-button__icon--hidden' : '', icon: caretDown, part: "caret", "aria-hidden": "true" }));
|
|
4294
4289
|
}
|
|
4295
|
-
|
|
4296
|
-
|
|
4297
|
-
}
|
|
4298
|
-
return null;
|
|
4290
|
+
// Always render the end slot so slotted content is projected reliably.
|
|
4291
|
+
// CSS hides the wrapper when no content is slotted (prevents empty gap space).
|
|
4292
|
+
return hAsync("span", { class: `pds-button__icon ${this.loading ? 'pds-button__icon--hidden' : ''}` }, hAsync("slot", { name: "end" }));
|
|
4299
4293
|
}
|
|
4300
4294
|
render() {
|
|
4301
4295
|
// Common props for both button and anchor elements
|
|
@@ -4377,6 +4371,8 @@ const isRequired = (target, component) => {
|
|
|
4377
4371
|
* @param type - The type value (string literal) or a getter function that returns the type
|
|
4378
4372
|
*/
|
|
4379
4373
|
function exposeTypeProperty(element, type) {
|
|
4374
|
+
if (Object.getOwnPropertyDescriptor(element, 'type'))
|
|
4375
|
+
return;
|
|
4380
4376
|
Object.defineProperty(element, 'type', {
|
|
4381
4377
|
get: typeof type === 'function' ? type : () => type,
|
|
4382
4378
|
enumerable: true,
|
|
@@ -9133,7 +9129,7 @@ class PdsDivider {
|
|
|
9133
9129
|
}; }
|
|
9134
9130
|
}
|
|
9135
9131
|
|
|
9136
|
-
const pdsDropdownMenuCss = ":host{display:block}.is-hidden{display:none}.pds-dropdown-menu--panel{background-color:var(--pine-color-background-container);border-radius:var(--pine-dimension-xs);left:var(--pine-dimension-none);min-width:170px;padding:var(--pine-dimension-xs);position:fixed;z-index:var(--pine-z-index-overlay)}:host-context([data-theme=dark]) .pds-dropdown-menu--panel{border:var(--pine-border)}::slotted(a),::slotted(button){-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--pine-dimension-xs);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text) !important;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;font:var(--pine-typography-body-medium);gap:var(--pine-dimension-xs);margin:calc(var(--pine-border-width) + 2px);padding:var(--pine-dimension-xs);text-align:start;text-decoration:none !important;width:calc(100% - (var(--pine-border-width) + 2px) * 2)}::slotted(.destructive){color:var(--pine-color-danger) !important}::slotted([aria-disabled=true]),::slotted([disabled]){cursor:not-allowed;opacity:0.5;pointer-events:none}";
|
|
9132
|
+
const pdsDropdownMenuCss = ":host{display:block}.is-hidden{display:none}.pds-dropdown-menu--panel{background-color:var(--pine-color-background-container);border-radius:var(--pine-dimension-xs);left:var(--pine-dimension-none);min-width:170px;padding:var(--pine-dimension-xs);position:fixed;z-index:var(--pine-z-index-overlay)}:host-context([data-theme=dark]) .pds-dropdown-menu--panel{border:var(--pine-border)}::slotted(a),::slotted(button){-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--pine-dimension-xs) !important;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text) !important;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;font:var(--pine-typography-body-medium) !important;gap:var(--pine-dimension-xs);margin:calc(var(--pine-border-width) + 2px) !important;padding:var(--pine-dimension-xs) !important;text-align:start;text-decoration:none !important;width:calc(100% - (var(--pine-border-width) + 2px) * 2)}::slotted(.destructive){color:var(--pine-color-danger) !important}::slotted([aria-disabled=true]),::slotted([disabled]){cursor:not-allowed;opacity:0.5;pointer-events:none}";
|
|
9137
9133
|
|
|
9138
9134
|
/**
|
|
9139
9135
|
* @part menu-panel - Exposes the dropdown menu container for styling.
|
|
@@ -11611,6 +11607,10 @@ class PdsMultiselect {
|
|
|
11611
11607
|
* Visually hides the label but keeps it accessible.
|
|
11612
11608
|
*/
|
|
11613
11609
|
this.hideLabel = false;
|
|
11610
|
+
/**
|
|
11611
|
+
* Hides the selected items summary section in the dropdown panel.
|
|
11612
|
+
*/
|
|
11613
|
+
this.hideSelectedItems = false;
|
|
11614
11614
|
/**
|
|
11615
11615
|
* If true, the multiselect is required.
|
|
11616
11616
|
*/
|
|
@@ -12278,7 +12278,7 @@ class PdsMultiselect {
|
|
|
12278
12278
|
this.toggleOption(option);
|
|
12279
12279
|
}
|
|
12280
12280
|
renderSelectedItemsList() {
|
|
12281
|
-
if (this.selectedItems.length === 0)
|
|
12281
|
+
if (this.hideSelectedItems || this.selectedItems.length === 0)
|
|
12282
12282
|
return null;
|
|
12283
12283
|
return (hAsync("div", { class: "pds-multiselect__selected-section" }, hAsync("ul", { class: "pds-multiselect__selected-list", role: "list" }, this.selectedItems.map(item => (hAsync("li", { key: String(item.id), class: "pds-multiselect__selected-item" }, item.text))))));
|
|
12284
12284
|
}
|
|
@@ -12313,19 +12313,19 @@ class PdsMultiselect {
|
|
|
12313
12313
|
}
|
|
12314
12314
|
render() {
|
|
12315
12315
|
const hasSelections = this.selectedItems.length > 0;
|
|
12316
|
-
return (hAsync(Host, { key: '
|
|
12316
|
+
return (hAsync(Host, { key: '4f197872aaeb24c7d4c602ad82f3015e14702628', "aria-disabled": this.disabled ? 'true' : null }, hAsync("div", { key: 'e245900ad8cdf2589aa9d15f3b36a752d936034e', class: "pds-multiselect" }, this.label && (hAsync("label", { key: 'b07085c91de33d200dfdeb71b7c1c297ed92762c', htmlFor: this.componentId, class: {
|
|
12317
12317
|
'pds-multiselect__label': true,
|
|
12318
12318
|
'visually-hidden': this.hideLabel,
|
|
12319
|
-
} }, this.label)), hAsync("div", { key: '
|
|
12319
|
+
} }, this.label)), hAsync("div", { key: '6b5f58165e562244269600bfae80df4e847bfaa5', class: "pds-multiselect__wrapper", ref: el => (this.containerEl = el), onFocusout: this.handleContainerFocusOut, style: { width: this.triggerWidth } }, hAsync("button", { key: '89446787c88948e1f5946d5dbed88e1d794f85f8', ref: el => (this.triggerEl = el), type: "button", class: {
|
|
12320
12320
|
'pds-multiselect__trigger': true,
|
|
12321
12321
|
'pds-multiselect__trigger--open': this.isOpen,
|
|
12322
12322
|
'pds-multiselect__trigger--disabled': this.disabled,
|
|
12323
12323
|
'pds-multiselect__trigger--invalid': this.invalid || !!this.errorMessage,
|
|
12324
12324
|
'pds-multiselect__trigger--has-value': hasSelections,
|
|
12325
|
-
}, id: this.componentId, disabled: this.disabled, "aria-required": this.required ? 'true' : undefined, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-describedby": assignDescription(this.componentId, this.invalid || !!this.errorMessage, this.errorMessage || this.helperMessage), "aria-invalid": this.invalid || !!this.errorMessage ? 'true' : undefined, onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, hAsync("span", { key: '
|
|
12325
|
+
}, id: this.componentId, disabled: this.disabled, "aria-required": this.required ? 'true' : undefined, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-describedby": assignDescription(this.componentId, this.invalid || !!this.errorMessage, this.errorMessage || this.helperMessage), "aria-invalid": this.invalid || !!this.errorMessage ? 'true' : undefined, onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, hAsync("span", { key: '1ccf24b3dd7570fdae169c8208d364debdd35381', class: {
|
|
12326
12326
|
'pds-multiselect__trigger-text': true,
|
|
12327
12327
|
'pds-multiselect__trigger-text--placeholder': !hasSelections,
|
|
12328
|
-
} }, this.getTriggerText()), hAsync("pds-icon", { key: '
|
|
12328
|
+
} }, this.getTriggerText()), hAsync("pds-icon", { key: '58d5849e739bebc23caa19819704c475c3a31e38', class: "pds-multiselect__icon", icon: enlarge })), this.renderDropdown()), this.helperMessage && !(this.errorMessage && this.errorMessage.length > 0) && (hAsync("p", { key: 'b596b1b4a712f04d9a21f7005212099cb8fcff29', class: "pds-multiselect__helper", id: messageId(this.componentId, 'helper') }, this.helperMessage)), this.errorMessage && (hAsync("p", { key: 'daa5efe46009f2f776dc7a4a97c94b9b096817d0', class: "pds-multiselect__error", id: messageId(this.componentId, 'error') }, hAsync("pds-icon", { key: '07f16bded841826477e90b7db88bffa251165f82', icon: danger, size: "small" }), this.errorMessage)), hAsync("div", { key: '4681c39dbc90eac71a04b885f32b49683a92ad2e', style: { display: 'none' } }, hAsync("slot", { key: '37674d4c94a709b8c8cbcc45d982802ebd082e85' })))));
|
|
12329
12329
|
}
|
|
12330
12330
|
static get formAssociated() { return true; }
|
|
12331
12331
|
get el() { return getElement(this); }
|
|
@@ -12356,6 +12356,7 @@ class PdsMultiselect {
|
|
|
12356
12356
|
"minWidth": [1, "min-width"],
|
|
12357
12357
|
"panelWidth": [1, "panel-width"],
|
|
12358
12358
|
"hideLabel": [4, "hide-label"],
|
|
12359
|
+
"hideSelectedItems": [4, "hide-selected-items"],
|
|
12359
12360
|
"errorMessage": [1, "error-message"],
|
|
12360
12361
|
"helperMessage": [1, "helper-message"],
|
|
12361
12362
|
"invalid": [4],
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pine-ds/core",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.17.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"description": "Base components for Pine Design System",
|
|
@@ -85,7 +85,7 @@
|
|
|
85
85
|
"@babel/preset-env": "^7.22.10",
|
|
86
86
|
"@chromatic-com/storybook": "^4.1.3",
|
|
87
87
|
"@mdx-js/rollup": "^3.1.1",
|
|
88
|
-
"@pine-ds/doc-components": "^3.
|
|
88
|
+
"@pine-ds/doc-components": "^3.17.0",
|
|
89
89
|
"@stencil-community/eslint-plugin": "^0.8.0",
|
|
90
90
|
"@stencil/react-output-target": "^0.5.3",
|
|
91
91
|
"@stencil/sass": "^3.2.0",
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var messageId=function(e,r){return"".concat(e,"__").concat(r,"-message")};var assignDescription=function(e,r,s){if(!s)return;var n=messageId(e,"helper");if(r)n=messageId(e,"error");return n};var isRequired=function(e,r){if(!e||!r)return;if(r.required===true){e.checkValidity()===false?r.invalid=true:r.invalid=false}};function exposeTypeProperty(e,r){Object.defineProperty(e,"type",{get:typeof r==="function"?r:function(){return r},enumerable:true,configurable:false})}export{assignDescription as a,exposeTypeProperty as e,isRequired as i,messageId as m};
|
|
2
|
-
//# sourceMappingURL=form-DwjNklzi.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["registerInstance","createEvent","h","Host","getElement","hasShadowDom","addCircle","caretDown","pdsButtonCss","PdsButton","constructor","hostRef","this","pdsClick","disabled","fullWidth","icon","iconOnly","loading","type","size","variant","handleClick","ev","preventDefault","href","el","form","closest","fakeButton","document","createElement","style","display","appendChild","click","remove","emit","handleFormKeyDown","event","key","target","matches","contains","isFormInput","allSubmitButtons","Array","from","querySelectorAll","enabledSubmitButtons","filter","button","tagName","toLowerCase","pdsButton","hasAttribute","length","classNames","push","join","hasSlotContent","slotName","elements","renderStartContent","hasIcon","hasStartSlot","class","part","Boolean","name","renderEndContent","render","commonProps","attributes","Object","assign","value","ContentElement","hideText","content","exportparts","id","componentId","onClick"],"sources":["0"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["System","register","exports","registerInstance","createEvent","h","Host","getElement","hasShadowDom","addCircle","caretDown","setters","module","r","c","H","a","f","g","execute","pdsButtonCss","PdsButton","class_1","hostRef","_this","this","pdsClick","disabled","fullWidth","icon","iconOnly","loading","type","size","variant","handleClick","ev","preventDefault","href","el","form","closest","fakeButton","document","createElement","style","display","appendChild","click","remove","emit","prototype","handleFormKeyDown","event","key","target","matches","contains","isFormInput","allSubmitButtons","Array","from","querySelectorAll","enabledSubmitButtons","filter","button","tagName","toLowerCase","pdsButton","hasAttribute","length","classNames","push","join","hasSlotContent","slotName","elements","concat","renderStartContent","hasIcon","hasStartSlot","class","part","Boolean","name","renderEndContent","render","commonProps","attributes","Object","assign","value","ContentElement","hideText","content","exportparts","id","componentId","onClick","defineProperty"],"sources":["module.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as e,c as t,h as i,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-DwjNklzi.js";import{e as m,b}from"./p-D094LgxJ.js";const f=":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);gap:var(--pine-dimension-xs);-ms-flex-pack:justify;justify-content:space-between;letter-spacing:var(--pine-letter-spacing);min-height:var(--pine-dimension-550);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 g=class{constructor(i){e(this,i);this.pdsMultiselectChange=t(this,"pdsMultiselectChange");this.pdsMultiselectSearch=t(this,"pdsMultiselectSearch");this.pdsMultiselectLoadOptions=t(this,"pdsMultiselectLoadOptions");this.pdsMultiselectCreate=t(this,"pdsMultiselectCreate");this.placeholder="Select...";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.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.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 t=e.target;this.searchQuery=t.value;this.highlightedIndex=-1;this.pdsMultiselectSearch.emit({query:this.searchQuery});if(this.asyncUrl){this.debouncedFetchAsyncOptions(this.searchQuery,1)}};this.handleSearchInputKeyDown=e=>{const t=this.getFilteredOptions();switch(e.key){case"ArrowDown":e.preventDefault();this.highlightedIndex=Math.min(this.highlightedIndex+1,t.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=t[this.highlightedIndex];if(e){this.selectOption(e)}}break;case"Tab":this.closeDropdown();break}};this.handleContainerFocusOut=()=>{setTimeout((()=>{var e;if(!this.isOpen||this.isOpening)return;const t=document.activeElement;const i=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.contains(t);const s=t===this.el;if(!i&&!s){this.closeDropdown()}}),0)};this.handleOptionMouseDown=e=>t=>{t.preventDefault();this.toggleOption(e)};this.handleOptionMouseEnter=e=>()=>{this.highlightedIndex=e};this.handleScroll=e=>{if(!this.asyncUrl||!this.hasMore||this.loading)return;const t=e.target;const i=t.scrollHeight-t.scrollTop-t.clientHeight;if(i<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 t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector("slot:not([name])");if(t){t.addEventListener("slotchange",(()=>{this.updateOptionsFromSlot();this.syncSelectedItems()}));this.updateOptionsFromSlot()}}disconnectedCallback(){var e,t;(e=this.observer)===null||e===void 0?void 0:e.disconnect();(t=this.cleanupAutoUpdate)===null||t===void 0?void 0:t.call(this);this.clearAsyncFetchState()}setupDebounce(){const{pdsMultiselectSearch:e,debounce:t,originalSearchEmitter:i}=this;this.pdsMultiselectSearch=t===undefined?i!==null&&i!==void 0?i:e:h(e,t)}valueChanged(e){if(typeof e==="string"){try{const t=JSON.parse(e);if(Array.isArray(t)){this.value=t;return}}catch(t){this.value=e?[e]:[];return}}this.syncSelectedItems();this.updateFormValue();if(this.asyncUrl){const e=this.ensureValueArray();const t=e.length>0&&this.selectedItems.length<e.length;if(t){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()}handleWindowKeyDown(e){var t;if(!this.isOpen)return;if(e.key==="Escape"){e.preventDefault();this.closeDropdown();(t=this.triggerEl)===null||t===void 0?void 0:t.focus()}}setupMutationObserver(){this.observer=new MutationObserver((()=>{this.updateOptionsFromSlot()}));this.observer.observe(this.el,{childList:true,subtree:true})}updateOptionsFromSlot(){var e;const t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector("slot:not([name])");if(!t)return;const i=t.assignedElements({flatten:true}).filter((e=>e.tagName==="OPTION")).map((e=>({id:e.value,text:e.textContent||e.value})));if(i.length>0&&!this.asyncUrl&&!this.options){this.internalOptions=i}}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,t=1){var i;if(!this.asyncUrl)return;if(this.fetchDebounceTimer!==undefined){window.clearTimeout(this.fetchDebounceTimer)}const s=Math.max(0,(i=this.debounce)!==null&&i!==void 0?i:0);this.fetchDebounceTimer=window.setTimeout((()=>{this.fetchDebounceTimer=undefined;this.fetchOptions(e,t)}),s)}syncSelectedItems(){const e=this.ensureValueArray();const t=this.getAllOptions();const i=[];const s=new Map(this.selectedItems.map((e=>[String(e.id),e])));e.forEach((e=>{const n=t.find((t=>String(t.id)===String(e)));if(n){i.push(n)}else if(s.has(String(e))){i.push(s.get(String(e)))}}));this.selectedItems=i}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 t=this.value;this.value=t?[t]:[];return this.value}}return Array.isArray(this.value)?this.value:[]}getAllOptions(){return this.options||this.internalOptions}getFilteredOptions(){const e=this.getAllOptions();const t=this.searchQuery.toLowerCase();const i=e.filter((e=>{if(t){return e.text.toLowerCase().includes(t)}return true}));if(this.createUrl&&this.searchQuery.trim()&&i.length===0){return[{id:"__create__",text:this.searchQuery.trim(),isCreateOption:true}]}return i}updateFormValue(){var e;if((e=this.internals)===null||e===void 0?void 0:e.setFormValue){const e=this.ensureValueArray();const t=new FormData;e.forEach((e=>{if(this.name){t.append(this.name,e)}}));this.internals.setFormValue(t);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,t=1){var i;if(!this.asyncUrl)return;(i=this.abortController)===null||i===void 0?void 0:i.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 i;try{i=new URL(this.asyncUrl,window.location.origin)}catch(e){throw new TypeError(`Invalid asyncUrl: ${this.asyncUrl}`)}if(this.asyncMethod==="GET"){i.searchParams.set("search",e);i.searchParams.set("page",String(t))}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(i.toString(),Object.assign({method:this.asyncMethod,signal:this.abortController.signal,headers:n},this.asyncMethod==="POST"&&{body:JSON.stringify({search:e,page:t})}));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(t===1){this.internalOptions=l}else{this.internalOptions=[...this.internalOptions,...l]}this.hasMore=r.totalCount?this.internalOptions.length<r.totalCount:false;this.currentPage=t}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 t=e.length>0&&this.selectedItems.length<e.length;if(t){this.fetchOptions("",1)}}}}async createOption(e){if(!this.createUrl||!e.trim())return;if(this.creating)return;this.creating=true;try{const t=new URL(this.createUrl,window.location.origin);const i=this.getCsrfToken();const s={"Content-Type":"application/json",Accept:"application/json"};if(i){const e=this.csrfHeaderName||"X-CSRF-Token";s[e]=i}const n=await fetch(t.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.cleanupAutoUpdate){this.cleanupAutoUpdate();this.cleanupAutoUpdate=undefined}}positionDropdown(){if(!this.containerEl||!this.panelEl)return;const e=this.triggerEl||this.containerEl;const{minWidth:t,panelWidth:i}=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:i!==null&&i!==void 0?i:`${e.reference.width}px`,minWidth:t})}})]}).then((({x:e,y:t})=>{if(this.panelEl){this.panelEl.style.left=`${e}px`;this.panelEl.style.top=`${t}px`}}))};s();const n=o(e,this.panelEl,s);this.cleanupAutoUpdate=()=>{n();this.clearAsyncFetchState()}}scrollOptionIntoView(){requestAnimationFrame((()=>{var e;const t=(e=this.listboxEl)===null||e===void 0?void 0:e.querySelector(`[data-index="${this.highlightedIndex}"]`);t===null||t===void 0?void 0:t.scrollIntoView({block:"nearest",behavior:"smooth"})}))}toggleOption(e){var t;if(e.isCreateOption){if(!this.creating){this.createOption(this.searchQuery)}return}const i=this.value.includes(String(e.id));if(i){this.value=this.value.filter((t=>t!==String(e.id)))}else{if(this.maxSelections&&this.value.length>=this.maxSelections){return}this.value=[...this.value,String(e.id)]}this.syncSelectedItems();this.pdsMultiselectChange.emit({values:this.value,items:this.selectedItems});(t=this.searchInputEl)===null||t===void 0?void 0:t.focus()}selectOption(e){this.toggleOption(e)}renderSelectedItemsList(){if(this.selectedItems.length===0)return null;return i("div",{class:"pds-multiselect__selected-section"},i("ul",{class:"pds-multiselect__selected-list",role:"list"},this.selectedItems.map((e=>i("li",{key:String(e.id),class:"pds-multiselect__selected-item"},e.text)))))}renderDropdown(){if(!this.isOpen)return null;const e=this.getFilteredOptions();const t=this.ensureValueArray();const s=!!this.el.querySelector('[slot="empty"]');const n=!!this.el.querySelector('[slot="loading"]');return i("div",{class:"pds-multiselect__panel",ref:e=>this.panelEl=e,style:{minWidth:this.minWidth}},i("div",{class:"pds-multiselect__search"},i("pds-icon",{name:"search",size:"small"}),i("input",{ref:e=>this.searchInputEl=e,type:"text",class:"pds-multiselect__search-input",placeholder:"Find...",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(),i("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&&i("li",{class:"pds-multiselect__loading",role:"presentation"},n?i("slot",{name:"loading"}):i("pds-loader",{size:"small"})),!this.loading&&e.length===0&&i("li",{class:"pds-multiselect__empty",role:"presentation"},s?i("slot",{name:"empty"}):i("span",null,"No options found")),e.map(((e,s)=>{const n=t.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 i("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?i("pds-box",{class:"pds-multiselect__create-option","align-items":"center",gap:"xs"},i("pds-icon",{name:"add",size:"small"}),i("pds-text",null,'Add "',e.text,'"')):i("pds-checkbox",{componentId:`${this.componentId}-checkbox-${s}`,checked:n,label:e.text,style:{pointerEvents:"none"}}))})),this.hasMore&&!this.loading&&i("li",{class:"pds-multiselect__load-more",role:"presentation"},i("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 i(s,{key:"52253faa88bce1a67e657e160b2d260ff92bc28b","aria-disabled":this.disabled?"true":null},i("div",{key:"43f73781a96bd421b7079984aaf4e1905a2ec29e",class:"pds-multiselect"},this.label&&i("label",{key:"926e23ac24621da0af4336bfc64b9d4a6d44579b",htmlFor:this.componentId,class:{"pds-multiselect__label":true,"visually-hidden":this.hideLabel}},this.label),i("div",{key:"5051808a8b883ee8b5e7e3acef927091f206aaaf",class:"pds-multiselect__wrapper",ref:e=>this.containerEl=e,onFocusout:this.handleContainerFocusOut,style:{width:this.triggerWidth}},i("button",{key:"4590bd41e14927fc9d652e0920b0cd7900bf4b1a",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},i("span",{key:"3033d029f02288071a16b2ef4a5399bb4b86ae7e",class:{"pds-multiselect__trigger-text":true,"pds-multiselect__trigger-text--placeholder":!e}},this.getTriggerText()),i("pds-icon",{key:"4d971d7a95e5e47c9141a6614f71b194bfa74dfb",class:"pds-multiselect__icon",icon:m})),this.renderDropdown()),this.helperMessage&&!(this.errorMessage&&this.errorMessage.length>0)&&i("p",{key:"3571fafc7c78f785ccd7a1a8d73675b5e33fa317",class:"pds-multiselect__helper",id:u(this.componentId,"helper")},this.helperMessage),this.errorMessage&&i("p",{key:"4acd308de067093578520a4ec85f299960f6e2c0",class:"pds-multiselect__error",id:u(this.componentId,"error")},i("pds-icon",{key:"a4cdf56804b77e474b9c757512ed6da54ddc5535",icon:b,size:"small"}),this.errorMessage),i("div",{key:"10eac87a742d793b3f4e3acb55bbe469b547e3d3",style:{display:"none"}},i("slot",{key:"1d55851a6f4a35f86684af5be7b6c840c2ed083b"}))))}static get formAssociated(){return true}get el(){return n(this)}static get watchers(){return{debounce:["setupDebounce"],value:["valueChanged"],options:["optionsChanged"],internalOptions:["internalOptionsChanged"]}}};g.style=f;export{g as pds_multiselect};
|
|
2
|
-
//# sourceMappingURL=p-7ecfe996.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["registerInstance","createEvent","h","Host","getElement","autoUpdate","computePosition","offset","flip","shift","size","debounceEvent","assignDescription","messageId","enlarge","danger","pdsMultiselectCss","PdsMultiselect","constructor","hostRef","this","pdsMultiselectChange","pdsMultiselectSearch","pdsMultiselectLoadOptions","pdsMultiselectCreate","placeholder","value","disabled","asyncMethod","debounce","fetchTimeout","maxHeight","triggerWidth","minWidth","hideLabel","required","loading","csrfHeaderName","isOpen","searchQuery","highlightedIndex","internalOptions","selectedItems","currentPage","hasMore","creating","isOpening","initialAsyncFetchTriggered","pendingUnresolvedFetch","handleTriggerClick","closeDropdown","openDropdown","handleTriggerKeyDown","e","key","preventDefault","handleSearchInputChange","target","emit","query","asyncUrl","debouncedFetchAsyncOptions","handleSearchInputKeyDown","filteredOptions","getFilteredOptions","Math","min","length","scrollOptionIntoView","max","option","selectOption","handleContainerFocusOut","setTimeout","_a","activeElement","document","isInShadowRoot","el","shadowRoot","contains","isOnHost","handleOptionMouseDown","toggleOption","handleOptionMouseEnter","index","handleScroll","scrollBottom","scrollHeight","scrollTop","clientHeight","page","connectedCallback","attachInternals","internals","componentWillLoad","originalSearchEmitter","syncSelectedItems","componentDidLoad","setupDebounce","setupMutationObserver","setupSlotChangeListener","updateFormValue","requestAnimationFrame","updateOptionsFromSlot","ensureValueArray","fetchOptions","slot","querySelector","addEventListener","disconnectedCallback","_b","observer","disconnect","cleanupAutoUpdate","call","clearAsyncFetchState","undefined","valueChanged","newValue","parsed","JSON","parse","Array","isArray","valueArray","hasUnresolvedValues","optionsChanged","options","internalOptionsChanged","setFocus","triggerEl","focus","handleWindowKeyDown","event","MutationObserver","observe","childList","subtree","assignedElements","flatten","filter","tagName","map","opt","id","text","textContent","fetchDebounceTimer","window","clearTimeout","fetchTimeoutTimer","abortController","abort","delay","allOptions","getAllOptions","newSelectedItems","existingItemsMap","Map","item","String","forEach","val","find","push","has","get","singleValue","toLowerCase","filtered","includes","createUrl","trim","isCreateOption","setFormValue","formData","FormData","name","append","setValidity","valueMissing","getCsrfToken","csrfToken","metaTag","content","AbortController","url","URL","location","origin","urlError","TypeError","searchParams","set","headers","Accept","headerName","response","fetch","toString","Object","assign","method","signal","body","stringify","search","ok","Error","data","json","formattedResults","results","formatResult","totalCount","error","console","createOption","newOption","values","items","searchInputEl","positionDropdown","containerEl","panelEl","referenceEl","panelWidth","updatePosition","placement","strategy","middleware","padding","apply","rects","elements","floating","style","width","reference","then","x","y","left","top","highlighted","listboxEl","scrollIntoView","block","behavior","isSelected","v","maxSelections","renderSelectedItemsList","class","role","renderDropdown","hasSlottedEmpty","hasSlottedLoading","ref","type","componentId","autocomplete","onInput","onKeyDown","label","onScroll","isHighlighted","optionId","isCreateDisabled","onMouseDown","onMouseEnter","gap","checked","pointerEvents","getTriggerText","count","render","hasSelections","htmlFor","onFocusout","invalid","errorMessage","helperMessage","onClick","icon","display","formAssociated","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
System.register(["./p-5D9wXQuJ.system.js","./p-D2eS6fhD.system.js"],(function(i){"use strict";var e,t,n,r,s,o,a,d,u;return{setters:[function(i){e=i.r;t=i.h;n=i.H;r=i.a},function(i){s=i.a;o=i.c;a=i.o;d=i.f;u=i.s}],execute:function(){var h=":host{display:block}.is-hidden{display:none}.pds-dropdown-menu--panel{background-color:var(--pine-color-background-container);border-radius:var(--pine-dimension-xs);left:var(--pine-dimension-none);min-width:170px;padding:var(--pine-dimension-xs);position:fixed;z-index:var(--pine-z-index-overlay)}:host-context([data-theme=dark]) .pds-dropdown-menu--panel{border:var(--pine-border)}::slotted(a),::slotted(button){-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--pine-dimension-xs);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text) !important;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;font:var(--pine-typography-body-medium);gap:var(--pine-dimension-xs);margin:calc(var(--pine-border-width) + 2px);padding:var(--pine-dimension-xs);text-align:start;text-decoration:none !important;width:calc(100% - (var(--pine-border-width) + 2px) * 2)}::slotted(.destructive){color:var(--pine-color-danger) !important}::slotted([aria-disabled=true]),::slotted([disabled]){cursor:not-allowed;opacity:0.5;pointer-events:none}";var l=i("pds_dropdown_menu",function(){function i(i){var t=this;e(this,i);this.isOpen=false;this.menuItems=[];this.cleanupAutoUpdate=null;this.currentFocusIndex=-1;this.placement="bottom-start";this.handleTriggerSlotChange=function(i){t.slotEl=i.target;var e=t.slotEl.assignedElements();t.triggerEl=e[0];t.triggerEl.onclick=t.handleClick;t.triggerEl.setAttribute("aria-haspopup","menu");t.triggerEl.setAttribute("aria-expanded","false")};this.handleSlotChange=function(i){t.slotEl=i.target;var e=t.slotEl.assignedElements();var n=["pds-dropdown-menu-item","pds-dropdown-menu-separator","a","button"];var r=e.filter((function(i){return!n.includes(i.tagName.toLowerCase())}));if(r.length>0){var s=r.map((function(i){return i.tagName.toLowerCase()})).join(", ");console.warn("pds-dropdown-menu: Unexpected element(s) found: ".concat(s,". ")+"Expected: ".concat(n.join(", ")))}t.menuItems=e.filter((function(i){var e=i.tagName.toLowerCase();return e==="pds-dropdown-menu-item"||e==="a"||e==="button"}))};this.toggleDropdown=function(){t.isOpen=!t.isOpen;if(t.isOpen){t.openDropdown()}else{t.closeDropdown()}};this.openDropdown=function(){var i;var e=function(){o(t.triggerEl,t.panelEl,{placement:t.placement,strategy:"fixed",middleware:[a(6),d(),u({padding:5})]}).then((function(i){var e=i.x,n=i.y;Object.assign(t.panelEl.style,{left:"".concat(e,"px"),top:"".concat(n,"px")})}))};e();t.cleanupAutoUpdate=s(t.triggerEl,t.panelEl,e);(i=t.host.shadowRoot)===null||i===void 0?void 0:i.querySelector("pds-box").classList.remove("is-hidden");t.isOpen=true;t.triggerEl.setAttribute("aria-expanded","true")};this.closeDropdown=function(){var i;(i=t.host.shadowRoot)===null||i===void 0?void 0:i.querySelector("pds-box").classList.add("is-hidden");t.isOpen=false;if(t.cleanupAutoUpdate){t.cleanupAutoUpdate();t.cleanupAutoUpdate=null}t.triggerEl.setAttribute("aria-expanded","false");t.currentFocusIndex=-1;t.triggerEl.focus()};this.handleClick=function(){t.toggleDropdown()}}i.prototype.componentDidRender=function(){var i;this.panelEl=(i=this.host.shadowRoot)===null||i===void 0?void 0:i.querySelector("pds-box")};i.prototype.disconnectedCallback=function(){if(this.cleanupAutoUpdate){this.cleanupAutoUpdate();this.cleanupAutoUpdate=null}};i.prototype.isItemDisabled=function(i){var e=i.tagName.toLowerCase();if(e==="pds-dropdown-menu-item"){return i.disabled}else if(e==="button"){return i.disabled}else if(e==="a"){return i.getAttribute("aria-disabled")==="true"}return false};i.prototype.getFocusedItemIndex=function(){var i=document.activeElement;if(!i)return-1;return this.menuItems.findIndex((function(e){if(e===i)return true;if(e.tagName.toLowerCase()==="pds-dropdown-menu-item"){var t=e.shadowRoot;if(t===null||t===void 0?void 0:t.contains(i))return true}return false}))};i.prototype.focusItemByIndex=function(i){var e,t,n,r,s;if(i>=0&&i<this.menuItems.length){this.currentFocusIndex=i;var o=this.menuItems[i];var a=o.tagName.toLowerCase();if(a==="pds-dropdown-menu-item"){var d=o;var u=(e=d.shadowRoot)===null||e===void 0?void 0:e.querySelector("button");var h=((r=(n=(t=d.shadowRoot)===null||t===void 0?void 0:t.querySelector("pds-link"))===null||n===void 0?void 0:n.shadowRoot)===null||r===void 0?void 0:r.querySelector("a"))||((s=d.shadowRoot)===null||s===void 0?void 0:s.querySelector("a"));if(u){u.focus()}else if(h){h.focus()}else{d.focus()}}else{o.focus()}}};i.prototype.focusNextItem=function(){var i=(this.currentFocusIndex+1)%this.menuItems.length;var e=0;var t=this.menuItems.length;while(e<t&&this.isItemDisabled(this.menuItems[i])){i=(i+1)%this.menuItems.length;e++}if(e<t){this.focusItemByIndex(i)}};i.prototype.focusPreviousItem=function(){var i=this.currentFocusIndex<=0?this.menuItems.length-1:this.currentFocusIndex-1;var e=0;var t=this.menuItems.length;while(e<t&&this.isItemDisabled(this.menuItems[i])){i=i<=0?this.menuItems.length-1:i-1;e++}if(e<t){this.focusItemByIndex(i)}};i.prototype.handleKeyDown=function(i){if(!this.isOpen)return;switch(i.key){case"Escape":i.preventDefault();this.closeDropdown();break;case"ArrowDown":i.preventDefault();this.focusNextItem();break;case"ArrowUp":i.preventDefault();this.focusPreviousItem();break;case"Home":i.preventDefault();if(this.menuItems.length>0){var e=0;while(e<this.menuItems.length&&this.isItemDisabled(this.menuItems[e])){e++}if(e<this.menuItems.length){this.focusItemByIndex(e)}}break;case"End":i.preventDefault();if(this.menuItems.length>0){var t=this.menuItems.length-1;while(t>=0&&this.isItemDisabled(this.menuItems[t])){t--}if(t>=0){this.focusItemByIndex(t)}}break;case"Tab":if(i.shiftKey){var n=this.getFocusedItemIndex();if(n>0){i.preventDefault();this.focusPreviousItem()}}else{var r=document.activeElement;var s=r===this.triggerEl;var n=this.getFocusedItemIndex();if(s&&this.menuItems.length>0){i.preventDefault();var o=0;while(o<this.menuItems.length&&this.isItemDisabled(this.menuItems[o])){o++}if(o<this.menuItems.length){this.focusItemByIndex(o)}}else if(n===-1&&this.menuItems.length>0){i.preventDefault();var o=0;while(o<this.menuItems.length&&this.isItemDisabled(this.menuItems[o])){o++}if(o<this.menuItems.length){this.focusItemByIndex(o)}}else if(n!==-1){i.preventDefault();this.focusNextItem()}}break}};i.prototype.handleWindowClick=function(i){if(this.isOpen&&!this.host.contains(i.target)&&i.target!==this.triggerEl){this.closeDropdown()}};i.prototype.render=function(){return t(n,{key:"3144bc264072eccf89cdca45a0b28eb004b5d06e",id:this.componentId},t("slot",{key:"500288f266dc7ab7e1ac5070e628c31a6ed50861",name:"trigger",onSlotchange:this.handleTriggerSlotChange}),t("pds-box",{key:"4085130e381b8be28e2e36de073c0755a455e30c","border-radius":"sm",display:"flex",direction:"column",class:"pds-dropdown-menu--panel is-hidden",shadow:"100",role:"menu","aria-orientation":"vertical",part:"menu-panel"},t("slot",{key:"2c4d53799576d1c6913df9bb854bfbaf50e5032c",onSlotchange:this.handleSlotChange})))};Object.defineProperty(i.prototype,"host",{get:function(){return r(this)},enumerable:false,configurable:true});return i}());l.style=h}}}));
|
|
2
|
-
//# sourceMappingURL=p-8b4f76e4.system.entry.js.map
|