@pine-ds/core 3.18.0 → 3.19.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/pds-button2.js +3 -2
- package/components/pds-button2.js.map +1 -1
- package/components/pds-chip2.js +20 -7
- package/components/pds-chip2.js.map +1 -1
- package/components/pds-combobox.js +2 -2
- package/components/pds-combobox.js.map +1 -1
- package/components/pds-dropdown-menu-item.js +3 -2
- package/components/pds-dropdown-menu-item.js.map +1 -1
- package/components/pds-dropdown-menu.js +1 -1
- package/components/pds-dropdown-menu.js.map +1 -1
- package/components/pds-link2.js +3 -2
- package/components/pds-link2.js.map +1 -1
- package/components/pds-multiselect.js +1 -1
- package/components/pds-multiselect.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/pds-button.cjs.entry.js +1 -1
- package/dist/cjs/pds-button.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-chip.cjs.entry.js +19 -7
- package/dist/cjs/pds-chip.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-combobox.cjs.entry.js +2 -2
- package/dist/cjs/pds-combobox.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-dropdown-menu-item.cjs.entry.js +2 -2
- package/dist/cjs/pds-dropdown-menu-item.entry.cjs.js.map +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-link.cjs.entry.js +2 -2
- package/dist/cjs/pds-link.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-multiselect.cjs.entry.js +1 -1
- package/dist/cjs/pds-multiselect.entry.cjs.js.map +1 -1
- package/dist/cjs/pine-core.cjs.js +1 -1
- package/dist/collection/components/pds-button/pds-button.js +22 -3
- package/dist/collection/components/pds-button/pds-button.js.map +1 -1
- package/dist/collection/components/pds-chip/pds-chip.css +25 -4
- package/dist/collection/components/pds-chip/pds-chip.js +50 -7
- package/dist/collection/components/pds-chip/pds-chip.js.map +1 -1
- package/dist/collection/components/pds-chip/stories/pds-chip.stories.js +36 -13
- package/dist/collection/components/pds-combobox/pds-combobox.js +2 -2
- package/dist/collection/components/pds-combobox/pds-combobox.js.map +1 -1
- package/dist/collection/components/pds-dropdown-menu/pds-dropdown-menu-item/pds-dropdown-menu-item.js +21 -2
- package/dist/collection/components/pds-dropdown-menu/pds-dropdown-menu-item/pds-dropdown-menu-item.js.map +1 -1
- package/dist/collection/components/pds-dropdown-menu/pds-dropdown-menu.css +1 -1
- package/dist/collection/components/pds-link/pds-link.js +21 -2
- package/dist/collection/components/pds-link/pds-link.js.map +1 -1
- package/dist/collection/components/pds-multiselect/pds-multiselect.css +2 -2
- package/dist/collection/utils/types.js.map +1 -1
- package/dist/docs.json +129 -3
- package/dist/esm/loader.js +1 -1
- package/dist/esm/pds-button.entry.js +1 -1
- package/dist/esm/pds-button.entry.js.map +1 -1
- package/dist/esm/pds-chip.entry.js +19 -7
- package/dist/esm/pds-chip.entry.js.map +1 -1
- package/dist/esm/pds-combobox.entry.js +2 -2
- package/dist/esm/pds-combobox.entry.js.map +1 -1
- package/dist/esm/pds-dropdown-menu-item.entry.js +2 -2
- package/dist/esm/pds-dropdown-menu-item.entry.js.map +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-link.entry.js +2 -2
- package/dist/esm/pds-link.entry.js.map +1 -1
- package/dist/esm/pds-multiselect.entry.js +1 -1
- package/dist/esm/pds-multiselect.entry.js.map +1 -1
- package/dist/esm/pine-core.js +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-chip.entry.js +1 -1
- package/dist/esm-es5/pds-chip.entry.js.map +1 -1
- package/dist/esm-es5/pds-combobox.entry.js +1 -1
- package/dist/esm-es5/pds-combobox.entry.js.map +1 -1
- package/dist/esm-es5/pds-dropdown-menu-item.entry.js +1 -1
- package/dist/esm-es5/pds-dropdown-menu-item.entry.js.map +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-link.entry.js +1 -1
- package/dist/esm-es5/pds-link.entry.js.map +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/pine-core.js +1 -1
- package/dist/pine-core/{p-01aec1ad.system.entry.js → p-2f64a2fe.system.entry.js} +2 -2
- package/dist/pine-core/p-2f64a2fe.system.entry.js.map +1 -0
- package/dist/pine-core/p-3239c67a.entry.js +2 -0
- package/dist/pine-core/{p-f5fb71f6.entry.js.map → p-3239c67a.entry.js.map} +1 -1
- package/dist/pine-core/{p-45c1f3ea.system.entry.js → p-5757d038.system.entry.js} +2 -2
- package/dist/pine-core/p-5757d038.system.entry.js.map +1 -0
- package/dist/pine-core/{p-3ea301dd.system.entry.js → p-57aa762e.system.entry.js} +2 -2
- package/dist/pine-core/p-57aa762e.system.entry.js.map +1 -0
- package/dist/pine-core/p-57d2c33a.entry.js +2 -0
- package/dist/pine-core/p-57d2c33a.entry.js.map +1 -0
- package/dist/pine-core/{p-06046885.entry.js → p-5dbbb2be.entry.js} +3 -3
- package/dist/pine-core/{p-06046885.entry.js.map → p-5dbbb2be.entry.js.map} +1 -1
- package/dist/pine-core/{p-1cc2fe8d.entry.js → p-9a9c1b17.entry.js} +2 -2
- package/dist/pine-core/p-9a9c1b17.entry.js.map +1 -0
- package/dist/pine-core/{p-h_fnwqV_.system.js.map → p-B3xx1u93.system.js.map} +1 -1
- package/dist/pine-core/p-BGVC08sX.system.js.map +1 -0
- package/dist/pine-core/p-BMx906Ad.system.js.map +1 -0
- package/dist/pine-core/p-C9OQdhX3.system.js.map +1 -0
- package/dist/pine-core/p-CsWO_n3t.system.js.map +1 -0
- package/dist/pine-core/p-DYm9--lc.system.js.map +1 -0
- package/dist/pine-core/p-JAVnELnm.system.js +1 -1
- package/dist/pine-core/p-b232004f.system.entry.js +2 -0
- package/dist/pine-core/{p-e78986ea.system.entry.js.map → p-b232004f.system.entry.js.map} +1 -1
- package/dist/pine-core/{p-4e015ddd.entry.js → p-b5316979.entry.js} +2 -2
- package/dist/pine-core/p-b5316979.entry.js.map +1 -0
- package/dist/pine-core/{p-19fef546.system.entry.js → p-c301925f.system.entry.js} +2 -2
- package/dist/pine-core/{p-19fef546.system.entry.js.map → p-c301925f.system.entry.js.map} +1 -1
- package/dist/pine-core/{p-fbe793c7.system.entry.js → p-ca20b134.system.entry.js} +2 -2
- package/dist/pine-core/p-ca20b134.system.entry.js.map +1 -0
- package/dist/pine-core/{p-6748d7b4.entry.js → p-d38da7a6.entry.js} +2 -2
- package/dist/pine-core/p-d38da7a6.entry.js.map +1 -0
- package/dist/pine-core/p-eac7cc81.entry.js +2 -0
- package/dist/pine-core/{p-c25ea8de.entry.js.map → p-eac7cc81.entry.js.map} +1 -1
- package/dist/pine-core/p-ed5ca877.system.entry.js +2 -0
- package/dist/pine-core/{p-29266dcd.system.entry.js.map → p-ed5ca877.system.entry.js.map} +1 -1
- package/dist/pine-core/p-n9xvc2MF.system.js.map +1 -0
- package/dist/pine-core/pds-button.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-chip.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-combobox.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-dropdown-menu-item.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-dropdown-menu.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-link.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 +8 -1
- package/dist/types/components/pds-chip/pds-chip.d.ts +9 -2
- package/dist/types/components/pds-dropdown-menu/pds-dropdown-menu-item/pds-dropdown-menu-item.d.ts +7 -0
- package/dist/types/components/pds-link/pds-link.d.ts +6 -0
- package/dist/types/components.d.ts +41 -5
- package/dist/types/utils/types.d.ts +1 -0
- package/dist/vscode.html-data.json +42 -3
- package/hydrate/index.js +34 -18
- package/hydrate/index.mjs +34 -18
- package/package.json +2 -2
- package/dist/pine-core/p-01aec1ad.system.entry.js.map +0 -1
- package/dist/pine-core/p-1cc2fe8d.entry.js.map +0 -1
- package/dist/pine-core/p-29266dcd.system.entry.js +0 -2
- package/dist/pine-core/p-3ea301dd.system.entry.js.map +0 -1
- package/dist/pine-core/p-45c1f3ea.system.entry.js.map +0 -1
- package/dist/pine-core/p-4e015ddd.entry.js.map +0 -1
- package/dist/pine-core/p-632e398f.entry.js +0 -2
- package/dist/pine-core/p-632e398f.entry.js.map +0 -1
- package/dist/pine-core/p-6748d7b4.entry.js.map +0 -1
- package/dist/pine-core/p-B8CAflct.system.js.map +0 -1
- package/dist/pine-core/p-CObf7nrT.system.js.map +0 -1
- package/dist/pine-core/p-CPri5wQG.system.js.map +0 -1
- package/dist/pine-core/p-DR2CskUb.system.js.map +0 -1
- package/dist/pine-core/p-DdTbt4lH.system.js.map +0 -1
- package/dist/pine-core/p-G3GztZmn.system.js.map +0 -1
- package/dist/pine-core/p-c25ea8de.entry.js +0 -2
- package/dist/pine-core/p-e78986ea.system.entry.js +0 -2
- package/dist/pine-core/p-f5fb71f6.entry.js +0 -2
- package/dist/pine-core/p-fbe793c7.system.entry.js.map +0 -1
package/hydrate/index.js
CHANGED
|
@@ -4311,7 +4311,7 @@ class PdsButton {
|
|
|
4311
4311
|
};
|
|
4312
4312
|
const attributes = () => {
|
|
4313
4313
|
if (this.href) {
|
|
4314
|
-
return Object.assign(Object.assign({}, commonProps), { href: this.disabled ? null : this.href, target: this.target });
|
|
4314
|
+
return Object.assign(Object.assign({}, commonProps), { download: this.download, href: this.disabled ? null : this.href, target: this.target });
|
|
4315
4315
|
}
|
|
4316
4316
|
return Object.assign(Object.assign({}, commonProps), { 'aria-busy': this.loading ? 'true' : null, 'aria-live': this.loading ? 'polite' : null, 'disabled': this.disabled, 'name': this.name, 'type': this.type, 'value': this.value });
|
|
4317
4317
|
};
|
|
@@ -4328,7 +4328,8 @@ class PdsButton {
|
|
|
4328
4328
|
"$tagName$": "pds-button",
|
|
4329
4329
|
"$members$": {
|
|
4330
4330
|
"componentId": [1, "component-id"],
|
|
4331
|
-
"
|
|
4331
|
+
"download": [1],
|
|
4332
|
+
"disabled": [516],
|
|
4332
4333
|
"fullWidth": [4, "full-width"],
|
|
4333
4334
|
"href": [1],
|
|
4334
4335
|
"icon": [1],
|
|
@@ -4345,7 +4346,7 @@ class PdsButton {
|
|
|
4345
4346
|
},
|
|
4346
4347
|
"$listeners$": [[16, "keydown", "handleFormKeyDown"]],
|
|
4347
4348
|
"$lazyBundleId$": "-",
|
|
4348
|
-
"$attrsToReflect$": []
|
|
4349
|
+
"$attrsToReflect$": [["disabled", "disabled"]]
|
|
4349
4350
|
}; }
|
|
4350
4351
|
}
|
|
4351
4352
|
|
|
@@ -4603,7 +4604,7 @@ class PdsCheckbox {
|
|
|
4603
4604
|
|
|
4604
4605
|
const pdsChipTokensCss = ":host{--pine-chip-color-accent:var(--pine-color-purple-100);--pine-chip-color-accent-hover:var(--pine-color-purple-300);--pine-chip-color-accent-dot:var(--pine-color-purple-600);--pine-chip-color-danger:var(--pine-color-red-100);--pine-chip-color-danger-hover:var(--pine-color-red-300);--pine-chip-color-danger-dot:var(--pine-color-red-600);--pine-chip-color-info:var(--pine-color-blue-100);--pine-chip-color-info-hover:var(--pine-color-blue-300);--pine-chip-color-info-dot:var(--pine-color-blue-600);--pine-chip-color-neutral:var(--pine-color-grey-100);--pine-chip-color-neutral-hover:var(--pine-color-grey-300);--pine-chip-color-neutral-dot:var(--pine-color-grey-600);--pine-chip-color-success:var(--pine-color-green-100);--pine-chip-color-success-hover:var(--pine-color-green-300);--pine-chip-color-success-dot:var(--pine-color-green-600);--pine-chip-color-warning:var(--pine-color-yellow-100);--pine-chip-color-warning-hover:var(--pine-color-yellow-300);--pine-chip-color-warning-dot:var(--pine-color-yellow-600)}";
|
|
4605
4606
|
|
|
4606
|
-
const pdsChipCss = ":host{--sizing-close:var(--pine-dimension-125);-ms-flex-align:center;align-items:center;border-radius:var(--pine-dimension-sm);display:-ms-inline-flexbox;display:inline-flex;padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-100)}:host(.pds-chip--accent){background:var(--pine-chip-color-accent);border:var(--pine-border-width) solid var(--pine-chip-color-accent-hover)}:host(.pds-chip--accent) .pds-chip__dot{background:var(--pine-chip-color-accent-dot)}:host(.pds-chip--accent) .pds-chip__label,:host(.pds-chip--accent) .pds-chip__button,:host(.pds-chip--accent) .pds-chip__close{color:var(--pine-color-text-accent);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--accent) .pds-chip__close:hover{background:var(--pine-chip-color-accent-hover)}:host(.pds-chip--accent.pds-chip--dropdown:hover){background:var(--pine-chip-color-accent-hover)}:host(.pds-chip--danger){background:var(--pine-chip-color-danger);border:var(--pine-border-width) solid var(--pine-chip-color-danger-hover)}:host(.pds-chip--danger) .pds-chip__dot{background:var(--pine-chip-color-danger-dot)}:host(.pds-chip--danger) .pds-chip__label,:host(.pds-chip--danger) .pds-chip__button,:host(.pds-chip--danger) .pds-chip__close{color:var(--pine-color-text-danger);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--danger) .pds-chip__close:hover{background:var(--pine-chip-color-danger-hover)}:host(.pds-chip--danger.pds-chip--dropdown:hover){background:var(--pine-chip-color-danger-hover)}:host(.pds-chip--info){background:var(--pine-chip-color-info);border:var(--pine-border-width) solid var(--pine-chip-color-info-hover)}:host(.pds-chip--info) .pds-chip__dot{background:var(--pine-chip-color-info-dot)}:host(.pds-chip--info) .pds-chip__label,:host(.pds-chip--info) .pds-chip__button,:host(.pds-chip--info) .pds-chip__close{color:var(--pine-color-text-info);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--info) .pds-chip__close:hover{background:var(--pine-chip-color-info-hover)}:host(.pds-chip--info.pds-chip--dropdown:hover){background:var(--pine-chip-color-info-hover)}:host(.pds-chip--neutral){background:var(--pine-chip-color-neutral);border:var(--pine-border-width) solid var(--pine-chip-color-neutral-hover)}:host(.pds-chip--neutral) .pds-chip__dot{background:var(--pine-chip-color-neutral-dot)}:host(.pds-chip--neutral) .pds-chip__label,:host(.pds-chip--neutral) .pds-chip__button,:host(.pds-chip--neutral) .pds-chip__close{color:var(--pine-color-grey-900);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--neutral) .pds-chip__close:hover{background:var(--pine-chip-color-neutral-hover)}:host(.pds-chip--neutral.pds-chip--dropdown:hover){background:var(--pine-chip-color-neutral-hover)}:host(.pds-chip--success){background:var(--pine-chip-color-success);border:var(--pine-border-width) solid var(--pine-chip-color-success-hover)}:host(.pds-chip--success) .pds-chip__dot{background:var(--pine-chip-color-success-dot)}:host(.pds-chip--success) .pds-chip__label,:host(.pds-chip--success) .pds-chip__button,:host(.pds-chip--success) .pds-chip__close{color:var(--pine-color-text-success);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--success) .pds-chip__close:hover{background:var(--pine-chip-color-success-hover)}:host(.pds-chip--success.pds-chip--dropdown:hover){background:var(--pine-chip-color-success-hover)}:host(.pds-chip--warning){background:var(--pine-chip-color-warning);border:var(--pine-border-width) solid var(--pine-chip-color-warning-hover)}:host(.pds-chip--warning) .pds-chip__dot{background:var(--pine-chip-color-warning-dot)}:host(.pds-chip--warning) .pds-chip__label,:host(.pds-chip--warning) .pds-chip__button,:host(.pds-chip--warning) .pds-chip__close{color:var(--pine-color-text-warning);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--warning) .pds-chip__close:hover{background:var(--pine-chip-color-warning-hover)}:host(.pds-chip--warning.pds-chip--dropdown:hover){background:var(--pine-chip-color-warning-hover)}.pds-chip__dot{border:var(--pine-border-width) solid transparent;border-radius:var(--pine-border-radius-full);display:inline-block;height:var(--pine-dimension-2xs);-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs);width:var(--pine-dimension-2xs)}.pds-chip__label{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.pds-chip__label pds-icon{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-chip__label,.pds-chip__button{font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}:host(.pds-chip--dropdown){padding:var(--pine-dimension-none)}.pds-chip__button{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--pine-dimension-none);border-radius:var(--pine-dimension-sm);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-025) var(--pine-dimension-100)}.pds-chip__button:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-chip__button pds-icon:first-child{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-chip__button pds-icon:last-child{-webkit-margin-end:calc(var(--pine-dimension-025) * -1);margin-inline-end:calc(var(--pine-dimension-025) * -1);-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-chip__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--pine-border-radius-full);-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--sizing-close);-webkit-margin-end:calc(var(--pine-dimension-xs) * -1);margin-inline-end:calc(var(--pine-dimension-xs) * -1);-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs);padding:var(--sizing-close);position:relative;width:var(--sizing-close)}.pds-chip__close pds-icon{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.pds-chip__close:focus-visible{outline:var(--pine-outline-focus)}:host(.pds-chip--
|
|
4607
|
+
const pdsChipCss = ":host{--sizing-close:var(--pine-dimension-125);-ms-flex-align:center;align-items:center;border-radius:var(--pine-dimension-sm);display:-ms-inline-flexbox;display:inline-flex;padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-100)}:host(.pds-chip--accent){background:var(--pine-chip-color-accent);border:var(--pine-border-width) solid var(--pine-chip-color-accent-hover)}:host(.pds-chip--accent) .pds-chip__dot{background:var(--pine-chip-color-accent-dot)}:host(.pds-chip--accent) .pds-chip__label,:host(.pds-chip--accent) .pds-chip__button,:host(.pds-chip--accent) .pds-chip__close{color:var(--pine-color-text-accent);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--accent) .pds-chip__close:hover{background:var(--pine-chip-color-accent-hover)}:host(.pds-chip--accent.pds-chip--dropdown:hover){background:var(--pine-chip-color-accent-hover)}:host(.pds-chip--danger){background:var(--pine-chip-color-danger);border:var(--pine-border-width) solid var(--pine-chip-color-danger-hover)}:host(.pds-chip--danger) .pds-chip__dot{background:var(--pine-chip-color-danger-dot)}:host(.pds-chip--danger) .pds-chip__label,:host(.pds-chip--danger) .pds-chip__button,:host(.pds-chip--danger) .pds-chip__close{color:var(--pine-color-text-danger);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--danger) .pds-chip__close:hover{background:var(--pine-chip-color-danger-hover)}:host(.pds-chip--danger.pds-chip--dropdown:hover){background:var(--pine-chip-color-danger-hover)}:host(.pds-chip--info){background:var(--pine-chip-color-info);border:var(--pine-border-width) solid var(--pine-chip-color-info-hover)}:host(.pds-chip--info) .pds-chip__dot{background:var(--pine-chip-color-info-dot)}:host(.pds-chip--info) .pds-chip__label,:host(.pds-chip--info) .pds-chip__button,:host(.pds-chip--info) .pds-chip__close{color:var(--pine-color-text-info);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--info) .pds-chip__close:hover{background:var(--pine-chip-color-info-hover)}:host(.pds-chip--info.pds-chip--dropdown:hover){background:var(--pine-chip-color-info-hover)}:host(.pds-chip--neutral){background:var(--pine-chip-color-neutral);border:var(--pine-border-width) solid var(--pine-chip-color-neutral-hover)}:host(.pds-chip--neutral) .pds-chip__dot{background:var(--pine-chip-color-neutral-dot)}:host(.pds-chip--neutral) .pds-chip__label,:host(.pds-chip--neutral) .pds-chip__button,:host(.pds-chip--neutral) .pds-chip__close{color:var(--pine-color-grey-900);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--neutral) .pds-chip__close:hover{background:var(--pine-chip-color-neutral-hover)}:host(.pds-chip--neutral.pds-chip--dropdown:hover){background:var(--pine-chip-color-neutral-hover)}:host(.pds-chip--success){background:var(--pine-chip-color-success);border:var(--pine-border-width) solid var(--pine-chip-color-success-hover)}:host(.pds-chip--success) .pds-chip__dot{background:var(--pine-chip-color-success-dot)}:host(.pds-chip--success) .pds-chip__label,:host(.pds-chip--success) .pds-chip__button,:host(.pds-chip--success) .pds-chip__close{color:var(--pine-color-text-success);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--success) .pds-chip__close:hover{background:var(--pine-chip-color-success-hover)}:host(.pds-chip--success.pds-chip--dropdown:hover){background:var(--pine-chip-color-success-hover)}:host(.pds-chip--warning){background:var(--pine-chip-color-warning);border:var(--pine-border-width) solid var(--pine-chip-color-warning-hover)}:host(.pds-chip--warning) .pds-chip__dot{background:var(--pine-chip-color-warning-dot)}:host(.pds-chip--warning) .pds-chip__label,:host(.pds-chip--warning) .pds-chip__button,:host(.pds-chip--warning) .pds-chip__close{color:var(--pine-color-text-warning);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--warning) .pds-chip__close:hover{background:var(--pine-chip-color-warning-hover)}:host(.pds-chip--warning.pds-chip--dropdown:hover){background:var(--pine-chip-color-warning-hover)}.pds-chip__dot{border:var(--pine-border-width) solid transparent;border-radius:var(--pine-border-radius-full);display:inline-block;height:var(--pine-dimension-2xs);-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs);width:var(--pine-dimension-2xs)}.pds-chip__label{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.pds-chip__label pds-icon{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-chip__label,.pds-chip__button{font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}:host(.pds-chip--dropdown){padding:var(--pine-dimension-none)}.pds-chip__button{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--pine-dimension-none);border-radius:var(--pine-dimension-sm);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-025) var(--pine-dimension-100)}.pds-chip__button:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-chip__button pds-icon:first-child{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-chip__button pds-icon:last-child{-webkit-margin-end:calc(var(--pine-dimension-025) * -1);margin-inline-end:calc(var(--pine-dimension-025) * -1);-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-chip__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--pine-border-radius-full);-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--sizing-close);-webkit-margin-end:calc(var(--pine-dimension-xs) * -1);margin-inline-end:calc(var(--pine-dimension-xs) * -1);-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs);padding:var(--sizing-close);position:relative;width:var(--sizing-close)}.pds-chip__close pds-icon{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.pds-chip__close:focus-visible{outline:var(--pine-outline-focus)}:host(.pds-chip--sm){--sizing-close:var(--pine-dimension-100);padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-100)}:host(.pds-chip--sm) .pds-chip__label,:host(.pds-chip--sm) .pds-chip__button{font:var(--pine-typography-body-sm-medium);letter-spacing:var(--pine-letter-spacing)}:host(.pds-chip--sm.pds-chip--dropdown){padding:var(--pine-dimension-none)}:host(.pds-chip--sm.pds-chip--dropdown) .pds-chip__button{padding:var(--pine-dimension-025) var(--pine-dimension-100)}:host(.pds-chip--sm.pds-chip--brand) .pds-chip__label{padding:var(--pine-dimension-025) var(--pine-dimension-100)}:host(.pds-chip--lg){padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-150)}:host(.pds-chip--lg) .pds-chip__label,:host(.pds-chip--lg) .pds-chip__button{font-family:var(--pine-font-family-heading);font-size:var(--pine-font-size-heading-6);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing-heading-6)}:host(.pds-chip--lg.pds-chip--dropdown){padding:var(--pine-dimension-none)}:host(.pds-chip--lg.pds-chip--dropdown) .pds-chip__button{padding:var(--pine-dimension-025) var(--pine-dimension-150)}:host(.pds-chip--brand){background:-webkit-gradient(linear, left top, right top, from(#FF3E14), to(#6B62F2));background:linear-gradient(90deg, #FF3E14 0%, #6B62F2 100%);border:0;padding:1px;position:relative}:host(.pds-chip--brand) .pds-chip__label{background:rgba(255, 255, 255, 0.9);border-radius:calc(var(--pine-dimension-sm) - 1px);color:var(--pine-color-grey-900);font-weight:var(--pine-font-weight-medium);padding:var(--pine-dimension-025) var(--pine-dimension-100);position:relative;z-index:var(--pine-z-index-raised)}:host(.pds-chip--brand) .pds-chip__label pds-icon{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}:host(.pds-chip--brand) .pds-chip__button,:host(.pds-chip--brand) .pds-chip__close{color:var(--pine-color-grey-900);font-weight:var(--pine-font-weight-medium);position:relative;z-index:var(--pine-z-index-raised)}:host(.pds-chip--brand) .pds-chip__button pds-icon:first-child{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}:host(.pds-chip--brand) .pds-chip__close:hover{background:rgba(255, 255, 255, 0.8)}";
|
|
4607
4608
|
|
|
4608
4609
|
/**
|
|
4609
4610
|
* @slot (default) - The chip's label text.
|
|
@@ -4619,8 +4620,9 @@ class PdsChip {
|
|
|
4619
4620
|
*/
|
|
4620
4621
|
this.dot = false;
|
|
4621
4622
|
/**
|
|
4622
|
-
* Determines whether the chip should be displayed in a larger size.
|
|
4623
|
+
* Determines whether the chip should be displayed in a larger size. DEPRECATED.
|
|
4623
4624
|
* @defaultValue false
|
|
4625
|
+
* @deprecated Use `size` prop instead. Set `size="lg"` for the large variant.
|
|
4624
4626
|
*/
|
|
4625
4627
|
this.large = false;
|
|
4626
4628
|
/**
|
|
@@ -4638,10 +4640,18 @@ class PdsChip {
|
|
|
4638
4640
|
this.pdsTagCloseClick.emit();
|
|
4639
4641
|
};
|
|
4640
4642
|
}
|
|
4643
|
+
get effectiveSize() {
|
|
4644
|
+
if (this.size != null)
|
|
4645
|
+
return this.size;
|
|
4646
|
+
if (this.large)
|
|
4647
|
+
return 'lg';
|
|
4648
|
+
return 'md';
|
|
4649
|
+
}
|
|
4641
4650
|
classNames() {
|
|
4642
4651
|
const classNames = ['pds-chip'];
|
|
4643
|
-
|
|
4644
|
-
|
|
4652
|
+
const size = this.effectiveSize;
|
|
4653
|
+
if (size && size !== 'md') {
|
|
4654
|
+
classNames.push('pds-chip--' + size);
|
|
4645
4655
|
}
|
|
4646
4656
|
// For brand sentiment, always use text variant
|
|
4647
4657
|
const effectiveVariant = this.sentiment === 'brand' ? 'text' : this.variant;
|
|
@@ -4658,8 +4668,11 @@ class PdsChip {
|
|
|
4658
4668
|
return this.sentiment === 'brand' ? 'text' : this.variant;
|
|
4659
4669
|
}
|
|
4660
4670
|
get iconSize() {
|
|
4661
|
-
|
|
4662
|
-
|
|
4671
|
+
switch (this.effectiveSize) {
|
|
4672
|
+
case 'sm': return '10px';
|
|
4673
|
+
case 'lg': return '14px';
|
|
4674
|
+
default: return '12px';
|
|
4675
|
+
}
|
|
4663
4676
|
}
|
|
4664
4677
|
setChipContent() {
|
|
4665
4678
|
const isDropdown = this.effectiveVariant === 'dropdown';
|
|
@@ -4713,7 +4726,7 @@ class PdsChip {
|
|
|
4713
4726
|
return (hAsync(CloseElement, Object.assign({}, closeAttributes(), { onClick: this.handleCloseClick }), hAsync("pds-icon", { icon: remove, size: this.iconSize })));
|
|
4714
4727
|
}
|
|
4715
4728
|
render() {
|
|
4716
|
-
return (hAsync(Host, { key: '
|
|
4729
|
+
return (hAsync(Host, { key: 'fcd4828fabaeba300c35cd9a0b90701feefd6480', class: this.classNames(), id: this.componentId }, this.setChipContent(), this.effectiveVariant === 'tag' && this.renderCloseButton()));
|
|
4717
4730
|
}
|
|
4718
4731
|
static get style() { return pdsChipTokensCss + pdsChipCss; }
|
|
4719
4732
|
static get cmpMeta() { return {
|
|
@@ -4724,6 +4737,7 @@ class PdsChip {
|
|
|
4724
4737
|
"dot": [4],
|
|
4725
4738
|
"icon": [1],
|
|
4726
4739
|
"large": [4],
|
|
4740
|
+
"size": [1],
|
|
4727
4741
|
"sentiment": [1],
|
|
4728
4742
|
"variant": [1],
|
|
4729
4743
|
"removeUrl": [1, "remove-url"],
|
|
@@ -8970,10 +8984,10 @@ class PdsCombobox {
|
|
|
8970
8984
|
}
|
|
8971
8985
|
render() {
|
|
8972
8986
|
const triggerClass = `pds-combobox__button-trigger pds-combobox__button-trigger--${this.triggerVariant}`;
|
|
8973
|
-
return (hAsync(Host, { key: '969d61af2b58a33d582259df5fe62a4d509a9f7b' }, hAsync("div", { key: '
|
|
8987
|
+
return (hAsync(Host, { key: '969d61af2b58a33d582259df5fe62a4d509a9f7b' }, hAsync("div", { key: 'fd4fae653c654b4cdc582f6a7d51100844d5a050', class: "pds-combobox", tabIndex: -1, onFocusout: this.onComboboxFocusOut, part: "combobox" }, this.label && (hAsync("label", { key: 'fc90ccdb48bc951873b92e6c315cecbbd74a52b5', htmlFor: this.componentId, class: "pds-combobox__label" }, hAsync("span", { key: 'be72c23cc4759cf8dadbcdcb6121adf33cefc237', class: this.hideLabel ? 'visually-hidden' : '' }, this.label))), this.trigger === 'input' ? (hAsync("div", { class: "pds-combobox__input-wrapper", style: { width: this.triggerWidth } }, hAsync("input", { ref: el => {
|
|
8974
8988
|
this.inputEl = el;
|
|
8975
8989
|
this.triggerEl = el;
|
|
8976
|
-
}, class: "pds-combobox__input", type: "text", role: "combobox", "aria-autocomplete": "list", "aria-controls": "pds-combobox-listbox", "aria-activedescendant": this.isOpen && this.highlightedIndex >= 0 ? `pds-combobox-option-${this.highlightedIndex}` : undefined, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.hideLabel ? this.label : undefined, id: this.componentId, value: this.displayText, placeholder: this.placeholder, disabled: this.disabled, onInput: this.handleInput, onClick: this.handleInputClick, onKeyDown: this.handleKeyDown, autocomplete: "off", part: "input" }), hAsync("pds-icon", { icon: "enlarge", "aria-hidden": "true", class: "pds-combobox__input-icon" }))) : this.trigger === 'chip' ? (hAsync("div", { class: this.getChipTriggerClass(), style: { width: this.triggerWidth }, role: "combobox", "aria-haspopup": "listbox", "aria-controls": "pds-combobox-listbox", "aria-activedescendant": this.isOpen && this.highlightedIndex >= 0 ? `pds-combobox-option-${this.highlightedIndex}` : undefined, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.hideLabel ? this.label : undefined, id: this.componentId, tabIndex: this.disabled ? -1 : 0, onClick: this.onButtonTriggerClick, "data-layout": this.customTriggerContent, onKeyDown: this.onButtonTriggerKeyDown, onKeyUp: this.onButtonTriggerKeyUp, ref: el => (this.triggerEl = el), part: "chip-trigger" }, this.renderChipTriggerContent())) : (hAsync("div", { class: triggerClass, style: { width: this.triggerWidth }, role: "combobox", "aria-haspopup": "listbox", "aria-controls": "pds-combobox-listbox", "aria-activedescendant": this.isOpen && this.highlightedIndex >= 0 ? `pds-combobox-option-${this.highlightedIndex}` : undefined, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.hideLabel ? this.label : undefined, id: this.componentId, tabIndex: this.disabled ? -1 : 0, onClick: this.onButtonTriggerClick, "data-layout": this.customTriggerContent, onKeyDown: this.onButtonTriggerKeyDown, onKeyUp: this.onButtonTriggerKeyUp, ref: el => (this.triggerEl = el), part: "button-trigger" }, this.renderButtonTriggerContent())), hAsync("div", { key: '
|
|
8990
|
+
}, class: "pds-combobox__input", type: "text", role: "combobox", "aria-autocomplete": "list", "aria-controls": "pds-combobox-listbox", "aria-activedescendant": this.isOpen && this.highlightedIndex >= 0 ? `pds-combobox-option-${this.highlightedIndex}` : undefined, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.hideLabel ? this.label : undefined, id: this.componentId, value: this.displayText, placeholder: this.placeholder, disabled: this.disabled, onInput: this.handleInput, onClick: this.handleInputClick, onKeyDown: this.handleKeyDown, autocomplete: "off", part: "input" }), hAsync("pds-icon", { icon: "enlarge", "aria-hidden": "true", class: "pds-combobox__input-icon" }))) : this.trigger === 'chip' ? (hAsync("div", { class: this.getChipTriggerClass(), style: { width: this.triggerWidth }, role: "combobox", "aria-haspopup": "listbox", "aria-controls": "pds-combobox-listbox", "aria-activedescendant": this.isOpen && this.highlightedIndex >= 0 ? `pds-combobox-option-${this.highlightedIndex}` : undefined, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.hideLabel ? this.label : undefined, id: this.componentId, tabIndex: this.disabled ? -1 : 0, onClick: this.onButtonTriggerClick, "data-layout": this.customTriggerContent, onKeyDown: this.onButtonTriggerKeyDown, onKeyUp: this.onButtonTriggerKeyUp, ref: el => (this.triggerEl = el), part: "chip-trigger" }, this.renderChipTriggerContent())) : (hAsync("div", { class: triggerClass, style: { width: this.triggerWidth }, role: "combobox", "aria-haspopup": "listbox", "aria-controls": "pds-combobox-listbox", "aria-activedescendant": this.isOpen && this.highlightedIndex >= 0 ? `pds-combobox-option-${this.highlightedIndex}` : undefined, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.hideLabel ? this.label : undefined, id: this.componentId, tabIndex: this.disabled ? -1 : 0, onClick: this.onButtonTriggerClick, "data-layout": this.customTriggerContent, onKeyDown: this.onButtonTriggerKeyDown, onKeyUp: this.onButtonTriggerKeyUp, ref: el => (this.triggerEl = el), part: "button-trigger" }, this.renderButtonTriggerContent())), hAsync("div", { key: 'db0c3c6aa9d332c2ab0d31e43afd499e604b5ce8', style: { display: 'none' } }, hAsync("slot", { key: '3a9eef50b933e311222c0c067dfa29dc867b19cd', onSlotchange: () => this.updateOptions() })), this.renderDropdown())));
|
|
8977
8991
|
}
|
|
8978
8992
|
static get formAssociated() { return true; }
|
|
8979
8993
|
get el() { return getElement(this); }
|
|
@@ -9428,7 +9442,7 @@ class PdsDivider {
|
|
|
9428
9442
|
}; }
|
|
9429
9443
|
}
|
|
9430
9444
|
|
|
9431
|
-
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}";
|
|
9445
|
+
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]:not([disabled=false])){cursor:not-allowed;opacity:0.5;pointer-events:none}";
|
|
9432
9446
|
|
|
9433
9447
|
/**
|
|
9434
9448
|
* @part menu-panel - Exposes the dropdown menu container for styling.
|
|
@@ -9818,7 +9832,7 @@ class PdsDropdownMenuItem {
|
|
|
9818
9832
|
}
|
|
9819
9833
|
renderElement() {
|
|
9820
9834
|
if (this.href !== undefined) {
|
|
9821
|
-
return (hAsync("pds-link", { href: this.disabled ? null : this.href, external: this.external, target: this.target, class: {
|
|
9835
|
+
return (hAsync("pds-link", { download: this.download, href: this.disabled ? null : this.href, external: this.external, target: this.target, class: {
|
|
9822
9836
|
'pds-dropdown-menu-item__content': true,
|
|
9823
9837
|
'has-focus': this.hasFocus
|
|
9824
9838
|
}, tabIndex: this.disabled ? -1 : 0, onKeyDown: this.handleKeyDown, onFocus: this.handleFocus, onBlur: this.handleBlur, "aria-disabled": this.disabled ? 'true' : null }, hAsync("slot", null)));
|
|
@@ -9829,7 +9843,7 @@ class PdsDropdownMenuItem {
|
|
|
9829
9843
|
}, tabIndex: this.disabled ? -1 : 0, type: "button", onKeyDown: this.handleKeyDown, onFocus: this.handleFocus, onBlur: this.handleBlur, disabled: this.disabled, "aria-disabled": this.disabled ? 'true' : null }, hAsync("slot", null)));
|
|
9830
9844
|
}
|
|
9831
9845
|
render() {
|
|
9832
|
-
return (hAsync(Host, { key: '
|
|
9846
|
+
return (hAsync(Host, { key: 'cfe752ae18b068c88a0f4eee3293c3b0128e0ab1', id: this.componentId, class: { 'is-disabled': this.disabled, 'destructive': !this.disabled && this.destructive }, onClick: () => !this.disabled && this.handleClick(), role: "none", tabIndex: -1, "aria-disabled": this.disabled ? 'true' : null }, this.renderElement()));
|
|
9833
9847
|
}
|
|
9834
9848
|
get host() { return getElement(this); }
|
|
9835
9849
|
static get style() { return pdsDropdownMenuItemCss; }
|
|
@@ -9840,6 +9854,7 @@ class PdsDropdownMenuItem {
|
|
|
9840
9854
|
"componentId": [1, "component-id"],
|
|
9841
9855
|
"destructive": [4],
|
|
9842
9856
|
"disabled": [516],
|
|
9857
|
+
"download": [1],
|
|
9843
9858
|
"href": [1],
|
|
9844
9859
|
"external": [516],
|
|
9845
9860
|
"target": [513],
|
|
@@ -11253,8 +11268,8 @@ class PdsLink {
|
|
|
11253
11268
|
const targetValue = this.target || (this.external ? '_blank' : undefined);
|
|
11254
11269
|
const showExternalIcon = this.external;
|
|
11255
11270
|
const relValue = targetValue === '_blank' ? 'noopener noreferrer' : undefined;
|
|
11256
|
-
return (hAsync("a", { key: '
|
|
11257
|
-
hAsync("pds-icon", { key: '
|
|
11271
|
+
return (hAsync("a", { key: '7d42e0a140af1093ea3019556e607036be5b274b', class: this.classNames(), download: this.download, href: this.href, id: this.componentId, part: "link", target: targetValue, rel: relValue, style: this.setLinkStyles() }, hAsync("slot", { key: '7a8e0c7393c87817350fc380fac2aed3ee7c338c' }, this.href), showExternalIcon &&
|
|
11272
|
+
hAsync("pds-icon", { key: 'f2486339296564d5d07e0c6c4cf83cb2566b8f24', icon: launch, size: this.fontSize })));
|
|
11258
11273
|
}
|
|
11259
11274
|
static get style() { return pdsLinkCss; }
|
|
11260
11275
|
static get cmpMeta() { return {
|
|
@@ -11262,6 +11277,7 @@ class PdsLink {
|
|
|
11262
11277
|
"$tagName$": "pds-link",
|
|
11263
11278
|
"$members$": {
|
|
11264
11279
|
"color": [1],
|
|
11280
|
+
"download": [1],
|
|
11265
11281
|
"componentId": [1, "component-id"],
|
|
11266
11282
|
"external": [4],
|
|
11267
11283
|
"target": [1],
|
|
@@ -11852,7 +11868,7 @@ class PdsModalHeader {
|
|
|
11852
11868
|
}; }
|
|
11853
11869
|
}
|
|
11854
11870
|
|
|
11855
|
-
const pdsMultiselectCss = ":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-
|
|
11871
|
+
const pdsMultiselectCss = ":host{display:block}:host([aria-disabled=true]) .pds-multiselect__trigger{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}:host([aria-disabled=true]) .pds-multiselect__icon{color:var(--pine-color-text-disabled)}.pds-multiselect{position:relative}.pds-multiselect__label{color:var(--pine-color-text-label);display:block;font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing);-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-multiselect__wrapper{position:relative}.pds-multiselect__trigger{-ms-flex-align:center;align-items:center;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-125);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-medium);gap:var(--pine-dimension-xs);-ms-flex-pack:justify;justify-content:space-between;letter-spacing:var(--pine-letter-spacing);min-height:var(--pine-dimension-450);padding:var(--pine-dimension-xs) var(--pine-dimension-sm);position:relative;text-align:start;-webkit-transition:border-color 0.2s ease, -webkit-box-shadow 0.2s ease;transition:border-color 0.2s ease, -webkit-box-shadow 0.2s ease;transition:border-color 0.2s ease, box-shadow 0.2s ease;transition:border-color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;width:100%}.pds-multiselect__trigger:hover:not(.pds-multiselect__trigger--disabled){border-color:var(--pine-color-border-hover)}.pds-multiselect__trigger:focus:not(.pds-multiselect__trigger--disabled){border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-multiselect__trigger.pds-multiselect__trigger--open{border-color:var(--pine-color-border-active)}.pds-multiselect__trigger.pds-multiselect__trigger--invalid{background-color:var(--pine-color-red-050);border-color:var(--pine-color-border-danger)}.pds-multiselect__trigger.pds-multiselect__trigger--invalid:focus{outline-color:var(--pine-color-focus-ring-danger)}.pds-multiselect__trigger.pds-multiselect__trigger--disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}.pds-multiselect__trigger-text{color:var(--pine-color-text-strong);-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-multiselect__trigger-text.pds-multiselect__trigger-text--placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__trigger--disabled .pds-multiselect__trigger-text{color:var(--pine-color-text-disabled)}.pds-multiselect__icon{color:var(--pine-color-icon);-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none)}.pds-multiselect__panel{background:var(--pine-color-background-container);border-radius:var(--pine-dimension-125);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:absolute;z-index:var(--pine-z-index-raised)}.pds-multiselect__search{-ms-flex-align:center;align-items:center;-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border);border-block-end-color:var(--pine-color-border-subtle);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.pds-multiselect__search pds-icon{color:var(--pine-color-text-muted);-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none)}.pds-multiselect__search-input{background:transparent;border:var(--pine-dimension-none);color:var(--pine-color-text-strong);-ms-flex:1;flex:1;font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);min-width:var(--pine-dimension-none);outline:none}.pds-multiselect__search-input::-webkit-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input::-moz-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input:-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input::-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input::placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__selected-section{-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border);border-block-end-color:var(--pine-color-border-subtle);padding:var(--pine-dimension-xs)}.pds-multiselect__selected-list{list-style:none;margin:var(--pine-dimension-none);padding:var(--pine-dimension-none)}.pds-multiselect__selected-item{color:var(--pine-color-text-strong);font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);overflow:hidden;padding:var(--pine-dimension-2xs) var(--pine-dimension-xs);text-overflow:ellipsis;white-space:nowrap}.pds-multiselect__listbox{background:transparent;border:var(--pine-dimension-none);-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none;margin:var(--pine-dimension-none);overflow-y:auto;padding:var(--pine-dimension-xs)}.pds-multiselect__option{-ms-flex-align:center;align-items:center;background:transparent;border-radius:var(--pine-dimension-xs);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-2xs) var(--pine-dimension-xs);-webkit-transition:background 0.15s;transition:background 0.15s}.pds-multiselect__option pds-checkbox{pointer-events:none;width:100%}.pds-multiselect__option:hover,.pds-multiselect__option.pds-multiselect__option--highlighted{background:var(--pine-color-background-muted)}.pds-multiselect__option:focus-visible{outline:var(--pine-dimension-none)}.pds-multiselect__create-option{color:var(--pine-color-text-strong);width:100%}.pds-multiselect__create-option pds-icon{color:var(--pine-color-text-muted);-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none)}.pds-multiselect__empty,.pds-multiselect__loading{-ms-flex-align:center;align-items:center;color:var(--pine-color-text-muted);display:-ms-flexbox;display:flex;font:var(--pine-typography-body);-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-sm)}.pds-multiselect__load-more{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-xs)}.pds-multiselect__helper{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs);-webkit-margin-start:var(--pine-dimension-none);margin-inline-start:var(--pine-dimension-none)}.pds-multiselect__error{-ms-flex-align:start;align-items:flex-start;color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;font:var(--pine-typography-body-sm);gap:var(--pine-dimension-2xs);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs);-webkit-margin-start:var(--pine-dimension-none);margin-inline-start:var(--pine-dimension-none)}.pds-multiselect__error pds-icon{-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none);-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.visually-hidden{border:var(--pine-dimension-none);clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:var(--pine-dimension-none);position:absolute;white-space:nowrap;width:1px}";
|
|
11856
11872
|
|
|
11857
11873
|
/**
|
|
11858
11874
|
* @slot (default) - Static option elements for the multiselect
|
package/hydrate/index.mjs
CHANGED
|
@@ -4309,7 +4309,7 @@ class PdsButton {
|
|
|
4309
4309
|
};
|
|
4310
4310
|
const attributes = () => {
|
|
4311
4311
|
if (this.href) {
|
|
4312
|
-
return Object.assign(Object.assign({}, commonProps), { href: this.disabled ? null : this.href, target: this.target });
|
|
4312
|
+
return Object.assign(Object.assign({}, commonProps), { download: this.download, href: this.disabled ? null : this.href, target: this.target });
|
|
4313
4313
|
}
|
|
4314
4314
|
return Object.assign(Object.assign({}, commonProps), { 'aria-busy': this.loading ? 'true' : null, 'aria-live': this.loading ? 'polite' : null, 'disabled': this.disabled, 'name': this.name, 'type': this.type, 'value': this.value });
|
|
4315
4315
|
};
|
|
@@ -4326,7 +4326,8 @@ class PdsButton {
|
|
|
4326
4326
|
"$tagName$": "pds-button",
|
|
4327
4327
|
"$members$": {
|
|
4328
4328
|
"componentId": [1, "component-id"],
|
|
4329
|
-
"
|
|
4329
|
+
"download": [1],
|
|
4330
|
+
"disabled": [516],
|
|
4330
4331
|
"fullWidth": [4, "full-width"],
|
|
4331
4332
|
"href": [1],
|
|
4332
4333
|
"icon": [1],
|
|
@@ -4343,7 +4344,7 @@ class PdsButton {
|
|
|
4343
4344
|
},
|
|
4344
4345
|
"$listeners$": [[16, "keydown", "handleFormKeyDown"]],
|
|
4345
4346
|
"$lazyBundleId$": "-",
|
|
4346
|
-
"$attrsToReflect$": []
|
|
4347
|
+
"$attrsToReflect$": [["disabled", "disabled"]]
|
|
4347
4348
|
}; }
|
|
4348
4349
|
}
|
|
4349
4350
|
|
|
@@ -4601,7 +4602,7 @@ class PdsCheckbox {
|
|
|
4601
4602
|
|
|
4602
4603
|
const pdsChipTokensCss = ":host{--pine-chip-color-accent:var(--pine-color-purple-100);--pine-chip-color-accent-hover:var(--pine-color-purple-300);--pine-chip-color-accent-dot:var(--pine-color-purple-600);--pine-chip-color-danger:var(--pine-color-red-100);--pine-chip-color-danger-hover:var(--pine-color-red-300);--pine-chip-color-danger-dot:var(--pine-color-red-600);--pine-chip-color-info:var(--pine-color-blue-100);--pine-chip-color-info-hover:var(--pine-color-blue-300);--pine-chip-color-info-dot:var(--pine-color-blue-600);--pine-chip-color-neutral:var(--pine-color-grey-100);--pine-chip-color-neutral-hover:var(--pine-color-grey-300);--pine-chip-color-neutral-dot:var(--pine-color-grey-600);--pine-chip-color-success:var(--pine-color-green-100);--pine-chip-color-success-hover:var(--pine-color-green-300);--pine-chip-color-success-dot:var(--pine-color-green-600);--pine-chip-color-warning:var(--pine-color-yellow-100);--pine-chip-color-warning-hover:var(--pine-color-yellow-300);--pine-chip-color-warning-dot:var(--pine-color-yellow-600)}";
|
|
4603
4604
|
|
|
4604
|
-
const pdsChipCss = ":host{--sizing-close:var(--pine-dimension-125);-ms-flex-align:center;align-items:center;border-radius:var(--pine-dimension-sm);display:-ms-inline-flexbox;display:inline-flex;padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-100)}:host(.pds-chip--accent){background:var(--pine-chip-color-accent);border:var(--pine-border-width) solid var(--pine-chip-color-accent-hover)}:host(.pds-chip--accent) .pds-chip__dot{background:var(--pine-chip-color-accent-dot)}:host(.pds-chip--accent) .pds-chip__label,:host(.pds-chip--accent) .pds-chip__button,:host(.pds-chip--accent) .pds-chip__close{color:var(--pine-color-text-accent);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--accent) .pds-chip__close:hover{background:var(--pine-chip-color-accent-hover)}:host(.pds-chip--accent.pds-chip--dropdown:hover){background:var(--pine-chip-color-accent-hover)}:host(.pds-chip--danger){background:var(--pine-chip-color-danger);border:var(--pine-border-width) solid var(--pine-chip-color-danger-hover)}:host(.pds-chip--danger) .pds-chip__dot{background:var(--pine-chip-color-danger-dot)}:host(.pds-chip--danger) .pds-chip__label,:host(.pds-chip--danger) .pds-chip__button,:host(.pds-chip--danger) .pds-chip__close{color:var(--pine-color-text-danger);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--danger) .pds-chip__close:hover{background:var(--pine-chip-color-danger-hover)}:host(.pds-chip--danger.pds-chip--dropdown:hover){background:var(--pine-chip-color-danger-hover)}:host(.pds-chip--info){background:var(--pine-chip-color-info);border:var(--pine-border-width) solid var(--pine-chip-color-info-hover)}:host(.pds-chip--info) .pds-chip__dot{background:var(--pine-chip-color-info-dot)}:host(.pds-chip--info) .pds-chip__label,:host(.pds-chip--info) .pds-chip__button,:host(.pds-chip--info) .pds-chip__close{color:var(--pine-color-text-info);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--info) .pds-chip__close:hover{background:var(--pine-chip-color-info-hover)}:host(.pds-chip--info.pds-chip--dropdown:hover){background:var(--pine-chip-color-info-hover)}:host(.pds-chip--neutral){background:var(--pine-chip-color-neutral);border:var(--pine-border-width) solid var(--pine-chip-color-neutral-hover)}:host(.pds-chip--neutral) .pds-chip__dot{background:var(--pine-chip-color-neutral-dot)}:host(.pds-chip--neutral) .pds-chip__label,:host(.pds-chip--neutral) .pds-chip__button,:host(.pds-chip--neutral) .pds-chip__close{color:var(--pine-color-grey-900);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--neutral) .pds-chip__close:hover{background:var(--pine-chip-color-neutral-hover)}:host(.pds-chip--neutral.pds-chip--dropdown:hover){background:var(--pine-chip-color-neutral-hover)}:host(.pds-chip--success){background:var(--pine-chip-color-success);border:var(--pine-border-width) solid var(--pine-chip-color-success-hover)}:host(.pds-chip--success) .pds-chip__dot{background:var(--pine-chip-color-success-dot)}:host(.pds-chip--success) .pds-chip__label,:host(.pds-chip--success) .pds-chip__button,:host(.pds-chip--success) .pds-chip__close{color:var(--pine-color-text-success);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--success) .pds-chip__close:hover{background:var(--pine-chip-color-success-hover)}:host(.pds-chip--success.pds-chip--dropdown:hover){background:var(--pine-chip-color-success-hover)}:host(.pds-chip--warning){background:var(--pine-chip-color-warning);border:var(--pine-border-width) solid var(--pine-chip-color-warning-hover)}:host(.pds-chip--warning) .pds-chip__dot{background:var(--pine-chip-color-warning-dot)}:host(.pds-chip--warning) .pds-chip__label,:host(.pds-chip--warning) .pds-chip__button,:host(.pds-chip--warning) .pds-chip__close{color:var(--pine-color-text-warning);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--warning) .pds-chip__close:hover{background:var(--pine-chip-color-warning-hover)}:host(.pds-chip--warning.pds-chip--dropdown:hover){background:var(--pine-chip-color-warning-hover)}.pds-chip__dot{border:var(--pine-border-width) solid transparent;border-radius:var(--pine-border-radius-full);display:inline-block;height:var(--pine-dimension-2xs);-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs);width:var(--pine-dimension-2xs)}.pds-chip__label{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.pds-chip__label pds-icon{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-chip__label,.pds-chip__button{font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}:host(.pds-chip--dropdown){padding:var(--pine-dimension-none)}.pds-chip__button{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--pine-dimension-none);border-radius:var(--pine-dimension-sm);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-025) var(--pine-dimension-100)}.pds-chip__button:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-chip__button pds-icon:first-child{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-chip__button pds-icon:last-child{-webkit-margin-end:calc(var(--pine-dimension-025) * -1);margin-inline-end:calc(var(--pine-dimension-025) * -1);-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-chip__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--pine-border-radius-full);-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--sizing-close);-webkit-margin-end:calc(var(--pine-dimension-xs) * -1);margin-inline-end:calc(var(--pine-dimension-xs) * -1);-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs);padding:var(--sizing-close);position:relative;width:var(--sizing-close)}.pds-chip__close pds-icon{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.pds-chip__close:focus-visible{outline:var(--pine-outline-focus)}:host(.pds-chip--
|
|
4605
|
+
const pdsChipCss = ":host{--sizing-close:var(--pine-dimension-125);-ms-flex-align:center;align-items:center;border-radius:var(--pine-dimension-sm);display:-ms-inline-flexbox;display:inline-flex;padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-100)}:host(.pds-chip--accent){background:var(--pine-chip-color-accent);border:var(--pine-border-width) solid var(--pine-chip-color-accent-hover)}:host(.pds-chip--accent) .pds-chip__dot{background:var(--pine-chip-color-accent-dot)}:host(.pds-chip--accent) .pds-chip__label,:host(.pds-chip--accent) .pds-chip__button,:host(.pds-chip--accent) .pds-chip__close{color:var(--pine-color-text-accent);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--accent) .pds-chip__close:hover{background:var(--pine-chip-color-accent-hover)}:host(.pds-chip--accent.pds-chip--dropdown:hover){background:var(--pine-chip-color-accent-hover)}:host(.pds-chip--danger){background:var(--pine-chip-color-danger);border:var(--pine-border-width) solid var(--pine-chip-color-danger-hover)}:host(.pds-chip--danger) .pds-chip__dot{background:var(--pine-chip-color-danger-dot)}:host(.pds-chip--danger) .pds-chip__label,:host(.pds-chip--danger) .pds-chip__button,:host(.pds-chip--danger) .pds-chip__close{color:var(--pine-color-text-danger);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--danger) .pds-chip__close:hover{background:var(--pine-chip-color-danger-hover)}:host(.pds-chip--danger.pds-chip--dropdown:hover){background:var(--pine-chip-color-danger-hover)}:host(.pds-chip--info){background:var(--pine-chip-color-info);border:var(--pine-border-width) solid var(--pine-chip-color-info-hover)}:host(.pds-chip--info) .pds-chip__dot{background:var(--pine-chip-color-info-dot)}:host(.pds-chip--info) .pds-chip__label,:host(.pds-chip--info) .pds-chip__button,:host(.pds-chip--info) .pds-chip__close{color:var(--pine-color-text-info);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--info) .pds-chip__close:hover{background:var(--pine-chip-color-info-hover)}:host(.pds-chip--info.pds-chip--dropdown:hover){background:var(--pine-chip-color-info-hover)}:host(.pds-chip--neutral){background:var(--pine-chip-color-neutral);border:var(--pine-border-width) solid var(--pine-chip-color-neutral-hover)}:host(.pds-chip--neutral) .pds-chip__dot{background:var(--pine-chip-color-neutral-dot)}:host(.pds-chip--neutral) .pds-chip__label,:host(.pds-chip--neutral) .pds-chip__button,:host(.pds-chip--neutral) .pds-chip__close{color:var(--pine-color-grey-900);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--neutral) .pds-chip__close:hover{background:var(--pine-chip-color-neutral-hover)}:host(.pds-chip--neutral.pds-chip--dropdown:hover){background:var(--pine-chip-color-neutral-hover)}:host(.pds-chip--success){background:var(--pine-chip-color-success);border:var(--pine-border-width) solid var(--pine-chip-color-success-hover)}:host(.pds-chip--success) .pds-chip__dot{background:var(--pine-chip-color-success-dot)}:host(.pds-chip--success) .pds-chip__label,:host(.pds-chip--success) .pds-chip__button,:host(.pds-chip--success) .pds-chip__close{color:var(--pine-color-text-success);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--success) .pds-chip__close:hover{background:var(--pine-chip-color-success-hover)}:host(.pds-chip--success.pds-chip--dropdown:hover){background:var(--pine-chip-color-success-hover)}:host(.pds-chip--warning){background:var(--pine-chip-color-warning);border:var(--pine-border-width) solid var(--pine-chip-color-warning-hover)}:host(.pds-chip--warning) .pds-chip__dot{background:var(--pine-chip-color-warning-dot)}:host(.pds-chip--warning) .pds-chip__label,:host(.pds-chip--warning) .pds-chip__button,:host(.pds-chip--warning) .pds-chip__close{color:var(--pine-color-text-warning);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--warning) .pds-chip__close:hover{background:var(--pine-chip-color-warning-hover)}:host(.pds-chip--warning.pds-chip--dropdown:hover){background:var(--pine-chip-color-warning-hover)}.pds-chip__dot{border:var(--pine-border-width) solid transparent;border-radius:var(--pine-border-radius-full);display:inline-block;height:var(--pine-dimension-2xs);-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs);width:var(--pine-dimension-2xs)}.pds-chip__label{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.pds-chip__label pds-icon{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-chip__label,.pds-chip__button{font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}:host(.pds-chip--dropdown){padding:var(--pine-dimension-none)}.pds-chip__button{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--pine-dimension-none);border-radius:var(--pine-dimension-sm);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-025) var(--pine-dimension-100)}.pds-chip__button:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-chip__button pds-icon:first-child{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-chip__button pds-icon:last-child{-webkit-margin-end:calc(var(--pine-dimension-025) * -1);margin-inline-end:calc(var(--pine-dimension-025) * -1);-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-chip__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--pine-border-radius-full);-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--sizing-close);-webkit-margin-end:calc(var(--pine-dimension-xs) * -1);margin-inline-end:calc(var(--pine-dimension-xs) * -1);-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs);padding:var(--sizing-close);position:relative;width:var(--sizing-close)}.pds-chip__close pds-icon{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.pds-chip__close:focus-visible{outline:var(--pine-outline-focus)}:host(.pds-chip--sm){--sizing-close:var(--pine-dimension-100);padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-100)}:host(.pds-chip--sm) .pds-chip__label,:host(.pds-chip--sm) .pds-chip__button{font:var(--pine-typography-body-sm-medium);letter-spacing:var(--pine-letter-spacing)}:host(.pds-chip--sm.pds-chip--dropdown){padding:var(--pine-dimension-none)}:host(.pds-chip--sm.pds-chip--dropdown) .pds-chip__button{padding:var(--pine-dimension-025) var(--pine-dimension-100)}:host(.pds-chip--sm.pds-chip--brand) .pds-chip__label{padding:var(--pine-dimension-025) var(--pine-dimension-100)}:host(.pds-chip--lg){padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-150)}:host(.pds-chip--lg) .pds-chip__label,:host(.pds-chip--lg) .pds-chip__button{font-family:var(--pine-font-family-heading);font-size:var(--pine-font-size-heading-6);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing-heading-6)}:host(.pds-chip--lg.pds-chip--dropdown){padding:var(--pine-dimension-none)}:host(.pds-chip--lg.pds-chip--dropdown) .pds-chip__button{padding:var(--pine-dimension-025) var(--pine-dimension-150)}:host(.pds-chip--brand){background:-webkit-gradient(linear, left top, right top, from(#FF3E14), to(#6B62F2));background:linear-gradient(90deg, #FF3E14 0%, #6B62F2 100%);border:0;padding:1px;position:relative}:host(.pds-chip--brand) .pds-chip__label{background:rgba(255, 255, 255, 0.9);border-radius:calc(var(--pine-dimension-sm) - 1px);color:var(--pine-color-grey-900);font-weight:var(--pine-font-weight-medium);padding:var(--pine-dimension-025) var(--pine-dimension-100);position:relative;z-index:var(--pine-z-index-raised)}:host(.pds-chip--brand) .pds-chip__label pds-icon{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}:host(.pds-chip--brand) .pds-chip__button,:host(.pds-chip--brand) .pds-chip__close{color:var(--pine-color-grey-900);font-weight:var(--pine-font-weight-medium);position:relative;z-index:var(--pine-z-index-raised)}:host(.pds-chip--brand) .pds-chip__button pds-icon:first-child{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}:host(.pds-chip--brand) .pds-chip__close:hover{background:rgba(255, 255, 255, 0.8)}";
|
|
4605
4606
|
|
|
4606
4607
|
/**
|
|
4607
4608
|
* @slot (default) - The chip's label text.
|
|
@@ -4617,8 +4618,9 @@ class PdsChip {
|
|
|
4617
4618
|
*/
|
|
4618
4619
|
this.dot = false;
|
|
4619
4620
|
/**
|
|
4620
|
-
* Determines whether the chip should be displayed in a larger size.
|
|
4621
|
+
* Determines whether the chip should be displayed in a larger size. DEPRECATED.
|
|
4621
4622
|
* @defaultValue false
|
|
4623
|
+
* @deprecated Use `size` prop instead. Set `size="lg"` for the large variant.
|
|
4622
4624
|
*/
|
|
4623
4625
|
this.large = false;
|
|
4624
4626
|
/**
|
|
@@ -4636,10 +4638,18 @@ class PdsChip {
|
|
|
4636
4638
|
this.pdsTagCloseClick.emit();
|
|
4637
4639
|
};
|
|
4638
4640
|
}
|
|
4641
|
+
get effectiveSize() {
|
|
4642
|
+
if (this.size != null)
|
|
4643
|
+
return this.size;
|
|
4644
|
+
if (this.large)
|
|
4645
|
+
return 'lg';
|
|
4646
|
+
return 'md';
|
|
4647
|
+
}
|
|
4639
4648
|
classNames() {
|
|
4640
4649
|
const classNames = ['pds-chip'];
|
|
4641
|
-
|
|
4642
|
-
|
|
4650
|
+
const size = this.effectiveSize;
|
|
4651
|
+
if (size && size !== 'md') {
|
|
4652
|
+
classNames.push('pds-chip--' + size);
|
|
4643
4653
|
}
|
|
4644
4654
|
// For brand sentiment, always use text variant
|
|
4645
4655
|
const effectiveVariant = this.sentiment === 'brand' ? 'text' : this.variant;
|
|
@@ -4656,8 +4666,11 @@ class PdsChip {
|
|
|
4656
4666
|
return this.sentiment === 'brand' ? 'text' : this.variant;
|
|
4657
4667
|
}
|
|
4658
4668
|
get iconSize() {
|
|
4659
|
-
|
|
4660
|
-
|
|
4669
|
+
switch (this.effectiveSize) {
|
|
4670
|
+
case 'sm': return '10px';
|
|
4671
|
+
case 'lg': return '14px';
|
|
4672
|
+
default: return '12px';
|
|
4673
|
+
}
|
|
4661
4674
|
}
|
|
4662
4675
|
setChipContent() {
|
|
4663
4676
|
const isDropdown = this.effectiveVariant === 'dropdown';
|
|
@@ -4711,7 +4724,7 @@ class PdsChip {
|
|
|
4711
4724
|
return (hAsync(CloseElement, Object.assign({}, closeAttributes(), { onClick: this.handleCloseClick }), hAsync("pds-icon", { icon: remove, size: this.iconSize })));
|
|
4712
4725
|
}
|
|
4713
4726
|
render() {
|
|
4714
|
-
return (hAsync(Host, { key: '
|
|
4727
|
+
return (hAsync(Host, { key: 'fcd4828fabaeba300c35cd9a0b90701feefd6480', class: this.classNames(), id: this.componentId }, this.setChipContent(), this.effectiveVariant === 'tag' && this.renderCloseButton()));
|
|
4715
4728
|
}
|
|
4716
4729
|
static get style() { return pdsChipTokensCss + pdsChipCss; }
|
|
4717
4730
|
static get cmpMeta() { return {
|
|
@@ -4722,6 +4735,7 @@ class PdsChip {
|
|
|
4722
4735
|
"dot": [4],
|
|
4723
4736
|
"icon": [1],
|
|
4724
4737
|
"large": [4],
|
|
4738
|
+
"size": [1],
|
|
4725
4739
|
"sentiment": [1],
|
|
4726
4740
|
"variant": [1],
|
|
4727
4741
|
"removeUrl": [1, "remove-url"],
|
|
@@ -8968,10 +8982,10 @@ class PdsCombobox {
|
|
|
8968
8982
|
}
|
|
8969
8983
|
render() {
|
|
8970
8984
|
const triggerClass = `pds-combobox__button-trigger pds-combobox__button-trigger--${this.triggerVariant}`;
|
|
8971
|
-
return (hAsync(Host, { key: '969d61af2b58a33d582259df5fe62a4d509a9f7b' }, hAsync("div", { key: '
|
|
8985
|
+
return (hAsync(Host, { key: '969d61af2b58a33d582259df5fe62a4d509a9f7b' }, hAsync("div", { key: 'fd4fae653c654b4cdc582f6a7d51100844d5a050', class: "pds-combobox", tabIndex: -1, onFocusout: this.onComboboxFocusOut, part: "combobox" }, this.label && (hAsync("label", { key: 'fc90ccdb48bc951873b92e6c315cecbbd74a52b5', htmlFor: this.componentId, class: "pds-combobox__label" }, hAsync("span", { key: 'be72c23cc4759cf8dadbcdcb6121adf33cefc237', class: this.hideLabel ? 'visually-hidden' : '' }, this.label))), this.trigger === 'input' ? (hAsync("div", { class: "pds-combobox__input-wrapper", style: { width: this.triggerWidth } }, hAsync("input", { ref: el => {
|
|
8972
8986
|
this.inputEl = el;
|
|
8973
8987
|
this.triggerEl = el;
|
|
8974
|
-
}, class: "pds-combobox__input", type: "text", role: "combobox", "aria-autocomplete": "list", "aria-controls": "pds-combobox-listbox", "aria-activedescendant": this.isOpen && this.highlightedIndex >= 0 ? `pds-combobox-option-${this.highlightedIndex}` : undefined, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.hideLabel ? this.label : undefined, id: this.componentId, value: this.displayText, placeholder: this.placeholder, disabled: this.disabled, onInput: this.handleInput, onClick: this.handleInputClick, onKeyDown: this.handleKeyDown, autocomplete: "off", part: "input" }), hAsync("pds-icon", { icon: "enlarge", "aria-hidden": "true", class: "pds-combobox__input-icon" }))) : this.trigger === 'chip' ? (hAsync("div", { class: this.getChipTriggerClass(), style: { width: this.triggerWidth }, role: "combobox", "aria-haspopup": "listbox", "aria-controls": "pds-combobox-listbox", "aria-activedescendant": this.isOpen && this.highlightedIndex >= 0 ? `pds-combobox-option-${this.highlightedIndex}` : undefined, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.hideLabel ? this.label : undefined, id: this.componentId, tabIndex: this.disabled ? -1 : 0, onClick: this.onButtonTriggerClick, "data-layout": this.customTriggerContent, onKeyDown: this.onButtonTriggerKeyDown, onKeyUp: this.onButtonTriggerKeyUp, ref: el => (this.triggerEl = el), part: "chip-trigger" }, this.renderChipTriggerContent())) : (hAsync("div", { class: triggerClass, style: { width: this.triggerWidth }, role: "combobox", "aria-haspopup": "listbox", "aria-controls": "pds-combobox-listbox", "aria-activedescendant": this.isOpen && this.highlightedIndex >= 0 ? `pds-combobox-option-${this.highlightedIndex}` : undefined, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.hideLabel ? this.label : undefined, id: this.componentId, tabIndex: this.disabled ? -1 : 0, onClick: this.onButtonTriggerClick, "data-layout": this.customTriggerContent, onKeyDown: this.onButtonTriggerKeyDown, onKeyUp: this.onButtonTriggerKeyUp, ref: el => (this.triggerEl = el), part: "button-trigger" }, this.renderButtonTriggerContent())), hAsync("div", { key: '
|
|
8988
|
+
}, class: "pds-combobox__input", type: "text", role: "combobox", "aria-autocomplete": "list", "aria-controls": "pds-combobox-listbox", "aria-activedescendant": this.isOpen && this.highlightedIndex >= 0 ? `pds-combobox-option-${this.highlightedIndex}` : undefined, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.hideLabel ? this.label : undefined, id: this.componentId, value: this.displayText, placeholder: this.placeholder, disabled: this.disabled, onInput: this.handleInput, onClick: this.handleInputClick, onKeyDown: this.handleKeyDown, autocomplete: "off", part: "input" }), hAsync("pds-icon", { icon: "enlarge", "aria-hidden": "true", class: "pds-combobox__input-icon" }))) : this.trigger === 'chip' ? (hAsync("div", { class: this.getChipTriggerClass(), style: { width: this.triggerWidth }, role: "combobox", "aria-haspopup": "listbox", "aria-controls": "pds-combobox-listbox", "aria-activedescendant": this.isOpen && this.highlightedIndex >= 0 ? `pds-combobox-option-${this.highlightedIndex}` : undefined, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.hideLabel ? this.label : undefined, id: this.componentId, tabIndex: this.disabled ? -1 : 0, onClick: this.onButtonTriggerClick, "data-layout": this.customTriggerContent, onKeyDown: this.onButtonTriggerKeyDown, onKeyUp: this.onButtonTriggerKeyUp, ref: el => (this.triggerEl = el), part: "chip-trigger" }, this.renderChipTriggerContent())) : (hAsync("div", { class: triggerClass, style: { width: this.triggerWidth }, role: "combobox", "aria-haspopup": "listbox", "aria-controls": "pds-combobox-listbox", "aria-activedescendant": this.isOpen && this.highlightedIndex >= 0 ? `pds-combobox-option-${this.highlightedIndex}` : undefined, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.hideLabel ? this.label : undefined, id: this.componentId, tabIndex: this.disabled ? -1 : 0, onClick: this.onButtonTriggerClick, "data-layout": this.customTriggerContent, onKeyDown: this.onButtonTriggerKeyDown, onKeyUp: this.onButtonTriggerKeyUp, ref: el => (this.triggerEl = el), part: "button-trigger" }, this.renderButtonTriggerContent())), hAsync("div", { key: 'db0c3c6aa9d332c2ab0d31e43afd499e604b5ce8', style: { display: 'none' } }, hAsync("slot", { key: '3a9eef50b933e311222c0c067dfa29dc867b19cd', onSlotchange: () => this.updateOptions() })), this.renderDropdown())));
|
|
8975
8989
|
}
|
|
8976
8990
|
static get formAssociated() { return true; }
|
|
8977
8991
|
get el() { return getElement(this); }
|
|
@@ -9426,7 +9440,7 @@ class PdsDivider {
|
|
|
9426
9440
|
}; }
|
|
9427
9441
|
}
|
|
9428
9442
|
|
|
9429
|
-
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}";
|
|
9443
|
+
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]:not([disabled=false])){cursor:not-allowed;opacity:0.5;pointer-events:none}";
|
|
9430
9444
|
|
|
9431
9445
|
/**
|
|
9432
9446
|
* @part menu-panel - Exposes the dropdown menu container for styling.
|
|
@@ -9816,7 +9830,7 @@ class PdsDropdownMenuItem {
|
|
|
9816
9830
|
}
|
|
9817
9831
|
renderElement() {
|
|
9818
9832
|
if (this.href !== undefined) {
|
|
9819
|
-
return (hAsync("pds-link", { href: this.disabled ? null : this.href, external: this.external, target: this.target, class: {
|
|
9833
|
+
return (hAsync("pds-link", { download: this.download, href: this.disabled ? null : this.href, external: this.external, target: this.target, class: {
|
|
9820
9834
|
'pds-dropdown-menu-item__content': true,
|
|
9821
9835
|
'has-focus': this.hasFocus
|
|
9822
9836
|
}, tabIndex: this.disabled ? -1 : 0, onKeyDown: this.handleKeyDown, onFocus: this.handleFocus, onBlur: this.handleBlur, "aria-disabled": this.disabled ? 'true' : null }, hAsync("slot", null)));
|
|
@@ -9827,7 +9841,7 @@ class PdsDropdownMenuItem {
|
|
|
9827
9841
|
}, tabIndex: this.disabled ? -1 : 0, type: "button", onKeyDown: this.handleKeyDown, onFocus: this.handleFocus, onBlur: this.handleBlur, disabled: this.disabled, "aria-disabled": this.disabled ? 'true' : null }, hAsync("slot", null)));
|
|
9828
9842
|
}
|
|
9829
9843
|
render() {
|
|
9830
|
-
return (hAsync(Host, { key: '
|
|
9844
|
+
return (hAsync(Host, { key: 'cfe752ae18b068c88a0f4eee3293c3b0128e0ab1', id: this.componentId, class: { 'is-disabled': this.disabled, 'destructive': !this.disabled && this.destructive }, onClick: () => !this.disabled && this.handleClick(), role: "none", tabIndex: -1, "aria-disabled": this.disabled ? 'true' : null }, this.renderElement()));
|
|
9831
9845
|
}
|
|
9832
9846
|
get host() { return getElement(this); }
|
|
9833
9847
|
static get style() { return pdsDropdownMenuItemCss; }
|
|
@@ -9838,6 +9852,7 @@ class PdsDropdownMenuItem {
|
|
|
9838
9852
|
"componentId": [1, "component-id"],
|
|
9839
9853
|
"destructive": [4],
|
|
9840
9854
|
"disabled": [516],
|
|
9855
|
+
"download": [1],
|
|
9841
9856
|
"href": [1],
|
|
9842
9857
|
"external": [516],
|
|
9843
9858
|
"target": [513],
|
|
@@ -11251,8 +11266,8 @@ class PdsLink {
|
|
|
11251
11266
|
const targetValue = this.target || (this.external ? '_blank' : undefined);
|
|
11252
11267
|
const showExternalIcon = this.external;
|
|
11253
11268
|
const relValue = targetValue === '_blank' ? 'noopener noreferrer' : undefined;
|
|
11254
|
-
return (hAsync("a", { key: '
|
|
11255
|
-
hAsync("pds-icon", { key: '
|
|
11269
|
+
return (hAsync("a", { key: '7d42e0a140af1093ea3019556e607036be5b274b', class: this.classNames(), download: this.download, href: this.href, id: this.componentId, part: "link", target: targetValue, rel: relValue, style: this.setLinkStyles() }, hAsync("slot", { key: '7a8e0c7393c87817350fc380fac2aed3ee7c338c' }, this.href), showExternalIcon &&
|
|
11270
|
+
hAsync("pds-icon", { key: 'f2486339296564d5d07e0c6c4cf83cb2566b8f24', icon: launch, size: this.fontSize })));
|
|
11256
11271
|
}
|
|
11257
11272
|
static get style() { return pdsLinkCss; }
|
|
11258
11273
|
static get cmpMeta() { return {
|
|
@@ -11260,6 +11275,7 @@ class PdsLink {
|
|
|
11260
11275
|
"$tagName$": "pds-link",
|
|
11261
11276
|
"$members$": {
|
|
11262
11277
|
"color": [1],
|
|
11278
|
+
"download": [1],
|
|
11263
11279
|
"componentId": [1, "component-id"],
|
|
11264
11280
|
"external": [4],
|
|
11265
11281
|
"target": [1],
|
|
@@ -11850,7 +11866,7 @@ class PdsModalHeader {
|
|
|
11850
11866
|
}; }
|
|
11851
11867
|
}
|
|
11852
11868
|
|
|
11853
|
-
const pdsMultiselectCss = ":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-
|
|
11869
|
+
const pdsMultiselectCss = ":host{display:block}:host([aria-disabled=true]) .pds-multiselect__trigger{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}:host([aria-disabled=true]) .pds-multiselect__icon{color:var(--pine-color-text-disabled)}.pds-multiselect{position:relative}.pds-multiselect__label{color:var(--pine-color-text-label);display:block;font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing);-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-multiselect__wrapper{position:relative}.pds-multiselect__trigger{-ms-flex-align:center;align-items:center;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-125);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-medium);gap:var(--pine-dimension-xs);-ms-flex-pack:justify;justify-content:space-between;letter-spacing:var(--pine-letter-spacing);min-height:var(--pine-dimension-450);padding:var(--pine-dimension-xs) var(--pine-dimension-sm);position:relative;text-align:start;-webkit-transition:border-color 0.2s ease, -webkit-box-shadow 0.2s ease;transition:border-color 0.2s ease, -webkit-box-shadow 0.2s ease;transition:border-color 0.2s ease, box-shadow 0.2s ease;transition:border-color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;width:100%}.pds-multiselect__trigger:hover:not(.pds-multiselect__trigger--disabled){border-color:var(--pine-color-border-hover)}.pds-multiselect__trigger:focus:not(.pds-multiselect__trigger--disabled){border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-multiselect__trigger.pds-multiselect__trigger--open{border-color:var(--pine-color-border-active)}.pds-multiselect__trigger.pds-multiselect__trigger--invalid{background-color:var(--pine-color-red-050);border-color:var(--pine-color-border-danger)}.pds-multiselect__trigger.pds-multiselect__trigger--invalid:focus{outline-color:var(--pine-color-focus-ring-danger)}.pds-multiselect__trigger.pds-multiselect__trigger--disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}.pds-multiselect__trigger-text{color:var(--pine-color-text-strong);-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-multiselect__trigger-text.pds-multiselect__trigger-text--placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__trigger--disabled .pds-multiselect__trigger-text{color:var(--pine-color-text-disabled)}.pds-multiselect__icon{color:var(--pine-color-icon);-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none)}.pds-multiselect__panel{background:var(--pine-color-background-container);border-radius:var(--pine-dimension-125);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:absolute;z-index:var(--pine-z-index-raised)}.pds-multiselect__search{-ms-flex-align:center;align-items:center;-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border);border-block-end-color:var(--pine-color-border-subtle);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.pds-multiselect__search pds-icon{color:var(--pine-color-text-muted);-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none)}.pds-multiselect__search-input{background:transparent;border:var(--pine-dimension-none);color:var(--pine-color-text-strong);-ms-flex:1;flex:1;font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);min-width:var(--pine-dimension-none);outline:none}.pds-multiselect__search-input::-webkit-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input::-moz-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input:-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input::-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input::placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__selected-section{-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border);border-block-end-color:var(--pine-color-border-subtle);padding:var(--pine-dimension-xs)}.pds-multiselect__selected-list{list-style:none;margin:var(--pine-dimension-none);padding:var(--pine-dimension-none)}.pds-multiselect__selected-item{color:var(--pine-color-text-strong);font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);overflow:hidden;padding:var(--pine-dimension-2xs) var(--pine-dimension-xs);text-overflow:ellipsis;white-space:nowrap}.pds-multiselect__listbox{background:transparent;border:var(--pine-dimension-none);-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none;margin:var(--pine-dimension-none);overflow-y:auto;padding:var(--pine-dimension-xs)}.pds-multiselect__option{-ms-flex-align:center;align-items:center;background:transparent;border-radius:var(--pine-dimension-xs);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-2xs) var(--pine-dimension-xs);-webkit-transition:background 0.15s;transition:background 0.15s}.pds-multiselect__option pds-checkbox{pointer-events:none;width:100%}.pds-multiselect__option:hover,.pds-multiselect__option.pds-multiselect__option--highlighted{background:var(--pine-color-background-muted)}.pds-multiselect__option:focus-visible{outline:var(--pine-dimension-none)}.pds-multiselect__create-option{color:var(--pine-color-text-strong);width:100%}.pds-multiselect__create-option pds-icon{color:var(--pine-color-text-muted);-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none)}.pds-multiselect__empty,.pds-multiselect__loading{-ms-flex-align:center;align-items:center;color:var(--pine-color-text-muted);display:-ms-flexbox;display:flex;font:var(--pine-typography-body);-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-sm)}.pds-multiselect__load-more{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-xs)}.pds-multiselect__helper{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs);-webkit-margin-start:var(--pine-dimension-none);margin-inline-start:var(--pine-dimension-none)}.pds-multiselect__error{-ms-flex-align:start;align-items:flex-start;color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;font:var(--pine-typography-body-sm);gap:var(--pine-dimension-2xs);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs);-webkit-margin-start:var(--pine-dimension-none);margin-inline-start:var(--pine-dimension-none)}.pds-multiselect__error pds-icon{-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none);-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.visually-hidden{border:var(--pine-dimension-none);clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:var(--pine-dimension-none);position:absolute;white-space:nowrap;width:1px}";
|
|
11854
11870
|
|
|
11855
11871
|
/**
|
|
11856
11872
|
* @slot (default) - Static option elements for the multiselect
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pine-ds/core",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.19.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.19.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 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["System","register","exports","registerInstance","createEvent","h","Host","getElement","setters","module","r","c","H","a","execute","pdsDropdownMenuItemCss","PdsDropdownMenuItem","class_1","hostRef","_this","this","pdsClick","destructive","disabled","external","hasFocus","handleFocus","handleBlur","handleKeyDown","event","key","href","preventDefault","handleClick","prototype","clickItem","_a","menuItems","Array","from","host","parentNode","children","filter","child","tagName","toLowerCase","itemIndex","indexOf","content","textContent","trim","emit","item","renderElement","undefined","target","class","tabIndex","onKeyDown","onFocus","onBlur","type","render","id","componentId","onClick","role","Object","defineProperty","style"],"sources":["module.ts"],"mappings":"8hDAAAA,OAAOC,SAAS,CAAC,2BAA2B,SAAWC,GACrD,aACA,IAAIC,EAAkBC,EAAaC,EAAGC,EAAMC,EAC5C,MAAO,CACLC,QAAS,CAAC,SAAUC,GAClBN,EAAmBM,EAAOC,EAC1BN,EAAcK,EAAOE,EACrBN,EAAII,EAAOJ,EACXC,EAAOG,EAAOG,EACdL,EAAaE,EAAOI,CACtB,GACAC,QAAS,WAEP,IAAMC,EAAyB,uoEAE/B,IAAMC,EAAsBd,EAAQ,yBAAwB,WACxD,SAAAe,EAAYC,GAAZ,IAAAC,EAAAC,KACIjB,EAAiBiB,KAAMF,GACvBE,KAAKC,SAAWjB,EAAYgB,KAAM,YAKlCA,KAAKE,YAAc,MAKnBF,KAAKG,SAAW,MAMhBH,KAAKI,SAAW,MAChBJ,KAAKK,SAAW,MAChBL,KAAKM,YAAc,WACfP,EAAKM,SAAW,IACpB,EACAL,KAAKO,WAAa,WACdR,EAAKM,SAAW,KACpB,EACAL,KAAKQ,cAAgB,SAACC,GAElB,IAAKV,EAAKI,UAAaM,EAAMC,MAAQ,QAAU,CAG3C,IAAKX,EAAKY,KAAM,CACZF,EAAMG,gBACV,CACAb,EAAKc,aACT,CACJ,CACJ,CAIMhB,EAAAiB,UAAAC,UAAN,W,qFACIf,KAAKa,c,iBAGThB,EAAAiB,UAAAD,YAAA,WACI,IAAIG,EAEJ,IAAMC,EAAYC,MAAMC,KAAKnB,KAAKoB,KAAKC,WAAWC,UAAUC,QAAO,SAACC,GAAU,OAAAA,EAAMC,QAAQC,gBAAkB,wBAAhC,IAC9E,IAAMC,EAAYV,EAAUW,QAAQ5B,KAAKoB,MAEzC,IAAMS,IAAYb,EAAKhB,KAAKoB,KAAKU,eAAiB,MAAQd,SAAY,OAAS,EAAIA,EAAGe,SAAW,GACjG/B,KAAKC,SAAS+B,KAAK,CACfL,UAASA,EACTM,KAAMjC,KAAKoB,KACXS,QAAOA,GAEf,EACAhC,EAAAiB,UAAAoB,cAAA,WACI,GAAIlC,KAAKW,OAASwB,UAAW,CACzB,OAAQlD,EAAE,WAAY,CAAE0B,KAAMX,KAAKG,SAAW,KAAOH,KAAKW,KAAMP,SAAUJ,KAAKI,SAAUgC,OAAQpC,KAAKoC,OAAQC,MAAO,CAC7G,kCAAmC,KACnC,YAAarC,KAAKK,UACnBiC,SAAUtC,KAAKG,UAAY,EAAI,EAAGoC,UAAWvC,KAAKQ,cAAegC,QAASxC,KAAKM,YAAamC,OAAQzC,KAAKO,WAAY,gBAAiBP,KAAKG,SAAW,OAAS,MAAQlB,EAAE,OAAQ,MAC5L,CACA,OAAQA,EAAE,SAAU,CAAEoD,MAAO,CACrB,kCAAmC,KACnC,YAAarC,KAAKK,UACnBiC,SAAUtC,KAAKG,UAAY,EAAI,EAAGuC,KAAM,SAAUH,UAAWvC,KAAKQ,cAAegC,QAASxC,KAAKM,YAAamC,OAAQzC,KAAKO,WAAYJ,SAAUH,KAAKG,SAAU,gBAAiBH,KAAKG,SAAW,OAAS,MAAQlB,EAAE,OAAQ,MACrO,EACAY,EAAAiB,UAAA6B,OAAA,eAAA5C,EAAAC,KACI,OAAQf,EAAEC,EAAM,CAAEwB,IAAK,2CAA4CkC,GAAI5C,KAAK6C,YAAaR,MAAO,CAAE,cAAerC,KAAKG,SAAUD,aAAgBF,KAAKG,UAAYH,KAAKE,aAAe4C,QAAS,WAAM,OAAC/C,EAAKI,UAAYJ,EAAKc,aAAvB,EAAsCkC,KAAM,OAAQT,UAAW,EAAG,gBAAiBtC,KAAKG,SAAW,OAAS,MAAQH,KAAKkC,gBACjU,EACAc,OAAAC,eAAIpD,EAAAiB,UAAA,OAAI,C,IAAR,WAAa,OAAO3B,EAAWa,KAAO,E,qCAC1C,OAAAH,CAAA,CA3E4D,IA4E5DD,EAAoBsD,MAAQvD,CAE7B,EAEJ","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["registerInstance","h","setColor","launch","pdsLinkCss","PdsLink","constructor","hostRef","this","external","variant","fontSize","classNames","push","join","setLinkStyles","color","linkColors","secondary","accent","danger","linkStyles","render","targetValue","target","undefined","showExternalIcon","relValue","key","class","href","id","componentId","part","rel","style","icon","size"],"sources":["0"],"mappings":"YAAcA,OAAkBC,MAAS,8BAC3BC,MAAgB,8BAChBC,MAAc,kBAE5B,MAAMC,EAAa,6nDAEnB,MAAMC,EAAU,MACZ,WAAAC,CAAYC,GACRP,EAAiBQ,KAAMD,GAMvBC,KAAKC,SAAW,MAKhBD,KAAKE,QAAU,SAKfF,KAAKG,SAAW,IACpB,CACA,UAAAC,GACI,MAAMA,EAAa,CAAC,YACpB,GAAIJ,KAAKG,SAAU,CACfC,EAAWC,KAAK,aAAeL,KAAKG,SACxC,CACA,GAAIH,KAAKE,QAAS,CACdE,EAAWC,KAAK,aAAeL,KAAKE,QACxC,CACA,OAAOE,EAAWE,KAAK,IAC3B,CACA,aAAAC,GACI,IAAKP,KAAKQ,MACN,OACJ,MAAMC,EAAa,CACfC,UAAW,iCACXC,OAAQ,2BACRC,OAAQ,4BAEZ,MAAMC,EAAanB,EAASM,KAAKQ,MAAOC,GACxC,OAAOI,CACX,CACA,MAAAC,GACI,MAAMC,EAAcf,KAAKgB,SAAWhB,KAAKC,SAAW,SAAWgB,WAC/D,MAAMC,EAAmBlB,KAAKC,SAC9B,MAAMkB,EAAWJ,IAAgB,SAAW,sBAAwBE,UACpE,OAAQxB,EAAE,IAAK,CAAE2B,IAAK,2CAA4CC,MAAOrB,KAAKI,aAAckB,KAAMtB,KAAKsB,KAAMC,GAAIvB,KAAKwB,YAAaC,KAAM,OAAQT,OAAQD,EAAaW,IAAKP,EAAUQ,MAAO3B,KAAKO,iBAAmBd,EAAE,OAAQ,CAAE2B,IAAK,4CAA8CpB,KAAKsB,MAAOJ,GAC3RzB,EAAE,WAAY,CAAE2B,IAAK,2CAA4CQ,KAAMjC,EAAQkC,KAAM7B,KAAKG,WAClG,GAEJN,EAAQ8B,MAAQ/B,SAEPC","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) !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}";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-29266dcd.system.entry.js.map
|
|
@@ -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","hasStartContent","hasEndContent","handleStartSlotChange","event","target","assignedElements","flatten","length","handleEndSlotChange","handleClick","ev","preventDefault","href","el","form","closest","fakeButton","document","createElement","style","display","appendChild","click","remove","emit","prototype","handleFormKeyDown","key","matches","contains","isFormInput","allSubmitButtons","Array","from","querySelectorAll","enabledSubmitButtons","filter","button","tagName","toLowerCase","pdsButton","hasAttribute","classNames","push","join","renderStartContent","class","part","hasIcon","Boolean","name","startClasses","concat","onSlotchange","renderEndContent","endClasses","render","commonProps","attributes","Object","assign","value","ContentElement","hideText","content","exportparts","id","componentId","onClick","defineProperty"],"sources":["module.ts"],"mappings":"AAAAA,OAAOC,SAAS,CAAC,yBAA0B,yBAA0B,2BAA2B,SAAWC,GACzG,aACA,IAAIC,EAAkBC,EAAaC,EAAGC,EAAMC,EAAYC,EAAcC,EAAWC,EACjF,MAAO,CACLC,QAAS,CAAC,SAAUC,GAClBT,EAAmBS,EAAOC,EAC1BT,EAAcQ,EAAOE,EACrBT,EAAIO,EAAOP,EACXC,EAAOM,EAAOG,EACdR,EAAaK,EAAOI,CACtB,EAAG,SAAUJ,GACXJ,EAAeI,EAAOP,CACxB,EAAG,SAAUO,GACXH,EAAYG,EAAOK,EACnBP,EAAYE,EAAOM,CACrB,GACAC,QAAS,WAEP,IAAMC,EAAe,kpSAErB,IAAMC,EAAYnB,EAAQ,aAAY,WAClC,SAAAoB,EAAYC,GAAZ,IAAAC,EAAAC,KACItB,EAAiBsB,KAAMF,GACvBE,KAAKC,SAAWtB,EAAYqB,KAAM,YAKlCA,KAAKE,SAAW,MAKhBF,KAAKG,UAAY,MAMjBH,KAAKI,KAAO,KAIZJ,KAAKK,SAAW,MAMhBL,KAAKM,QAAU,MAKfN,KAAKO,KAAO,SAKZP,KAAKQ,KAAO,UAKZR,KAAKS,QAAU,UACfT,KAAKU,gBAAkB,MACvBV,KAAKW,cAAgB,MACrBX,KAAKY,sBAAwB,SAACC,GAC1Bd,EAAKW,gBAAkBG,EAAMC,OAAOC,iBAAiB,CAAEC,QAAS,OAAQC,OAAS,CACrF,EACAjB,KAAKkB,oBAAsB,SAACL,GACxBd,EAAKY,cAAgBE,EAAMC,OAAOC,iBAAiB,CAAEC,QAAS,OAAQC,OAAS,CACnF,EACAjB,KAAKmB,YAAc,SAACC,GAChB,GAAIrB,EAAKO,QAAS,CACdc,EAAGC,iBACH,MACJ,CAEA,GAAItB,EAAKG,SAAU,CACfkB,EAAGC,iBACH,MACJ,CACA,IAAKtB,EAAKuB,MAAQvB,EAAKQ,MAAQ,SAAU,CAErC,GAAIxB,EAAagB,EAAKwB,IAAK,CACvB,IAAMC,EAAOzB,EAAKwB,GAAGE,QAAQ,QAC7B,GAAID,EAAM,CACNJ,EAAGC,iBACH,IAAMK,EAAaC,SAASC,cAAc,UAC1CF,EAAWnB,KAAOR,EAAKQ,KACvBmB,EAAWG,MAAMC,QAAU,OAC3BN,EAAKO,YAAYL,GACjBA,EAAWM,QACXN,EAAWO,QACf,CACJ,CACJ,CACAlC,EAAKE,SAASiC,KAAKd,EACvB,CACJ,CAIAvB,EAAAsC,UAAAC,kBAAA,SAAkBvB,GAEd,GAAIA,EAAMwB,MAAQ,SAAWrC,KAAKO,OAAS,UAAYP,KAAKsB,MAAQtB,KAAKE,SAAU,CAC/E,MACJ,CACA,IAAMY,EAASD,EAAMC,OAErB,IAAKA,UAAiBA,EAAOwB,UAAY,WAAY,CACjD,MACJ,CACA,IAAMd,EAAOxB,KAAKuB,GAAGE,QAAQ,QAE7B,IAAKD,IAASV,IAAWU,EAAKe,SAASzB,GAAS,CAC5C,MACJ,CAEA,IAAM0B,EAAc1B,EAAOwB,QAAQ,wEAC/BxB,EAAOwB,QAAQ,cACfxB,EAAOwB,QAAQ,eACfxB,EAAOwB,QAAQ,eACfxB,EAAOwB,QAAQ,iBACfxB,EAAOwB,QAAQ,aACnB,GAAIE,EAAa,CAEb,IAAMC,EAAmBC,MAAMC,KAAKnB,EAAKoB,iBAAiB,4DAC1D,IAAMC,EAAuBJ,EAAiBK,QAAO,SAAAC,GACjD,GAAIA,EAAOC,QAAQC,gBAAkB,aAAc,CAC/C,IAAMC,EAAYH,EAClB,OAAOG,EAAU3C,OAAS,WAAa2C,EAAUhD,QACrD,KACK,CACD,OAAQ6C,EAAOI,aAAa,WAChC,CACJ,IAEA,GAAIN,EAAqB5B,OAAS,GAAK4B,EAAqB,KAAO7C,KAAKuB,GAAI,CACxEV,EAAMQ,iBACNrB,KAAKuB,GAAGS,OACZ,CACJ,CACJ,EACAnC,EAAAsC,UAAAiB,WAAA,WACI,IAAMA,EAAa,CAAC,cACpB,GAAIpD,KAAKS,QAAS,CACd2C,EAAWC,KAAK,eAAiBrD,KAAKS,QAC1C,CACA,GAAIT,KAAKQ,MAAQR,KAAKQ,OAAS,UAAW,CACtC4C,EAAWC,KAAK,eAAiBrD,KAAKQ,KAC1C,CACA,GAAIR,KAAKK,SAAU,CACf+C,EAAWC,KAAK,wBACpB,CACA,GAAIrD,KAAKM,QAAS,CACd8C,EAAWC,KAAK,sBACpB,CACA,OAAOD,EAAWE,KAAK,IAC3B,EACAzD,EAAAsC,UAAAoB,mBAAA,WACI,GAAIvD,KAAKS,UAAY,SAAU,CAC3B,OAAQ7B,EAAE,WAAY,CAAE4E,MAAOxD,KAAKM,QAAU,2BAA6B,GAAIF,KAAMpB,EAAWyE,KAAM,OAAQ,cAAe,QACjI,CAEA,IAAMC,EAAU1D,KAAKI,MAAQJ,KAAKS,UAAY,aAC9C,GAAIkD,QAAQD,GAAU,CAClB,OAAQ9E,EAAE,WAAY,CAAE4E,MAAOxD,KAAKM,QAAU,2BAA6B,GAAIsD,KAAM5D,KAAKI,KAAMqD,KAAM,OAAQ,cAAe,QACjI,CAGA,IAAMI,EAAe,mBAAAC,OAAmB9D,KAAKU,gBAAkB,GAAK,4BAA0BoD,OAAG9D,KAAKM,QAAU,4BAA8B,IAC9I,OAAO1B,EAAE,OAAQ,CAAE4E,MAAOK,GAAgBjF,EAAE,OAAQ,CAAEgF,KAAM,QAASG,aAAc/D,KAAKY,wBAC5F,EACAf,EAAAsC,UAAA6B,iBAAA,WACI,GAAIhE,KAAKK,SAAU,CACf,OAAO,IACX,CACA,GAAIL,KAAKS,UAAY,aAAc,CAC/B,OAAQ7B,EAAE,WAAY,CAAE4E,MAAOxD,KAAKM,QAAU,2BAA6B,GAAIF,KAAMnB,EAAWwE,KAAM,QAAS,cAAe,QAClI,CAGA,IAAMQ,EAAa,mBAAAH,OAAmB9D,KAAKW,cAAgB,GAAK,4BAA0BmD,OAAG9D,KAAKM,QAAU,4BAA8B,IAC1I,OAAO1B,EAAE,OAAQ,CAAE4E,MAAOS,GAAcrF,EAAE,OAAQ,CAAEgF,KAAM,MAAOG,aAAc/D,KAAKkB,sBACxF,EACArB,EAAAsC,UAAA+B,OAAA,eAAAnE,EAAAC,KAEI,IAAMmE,EAAc,CAChBX,MAAOxD,KAAKoD,aACZK,KAAM,UAEV,IAAMW,EAAa,WACf,GAAIrE,EAAKuB,KAAM,CACX,OAAO+C,OAAOC,OAAOD,OAAOC,OAAO,GAAIH,GAAc,CAAE7C,KAAMvB,EAAKG,SAAW,KAAOH,EAAKuB,KAAMR,OAAQf,EAAKe,QAChH,CACA,OAAOuD,OAAOC,OAAOD,OAAOC,OAAO,GAAIH,GAAc,CAAE,YAAapE,EAAKO,QAAU,OAAS,KAAM,YAAaP,EAAKO,QAAU,SAAW,KAAMJ,SAAYH,EAAKG,SAAU0D,KAAQ7D,EAAK6D,KAAMrD,KAAQR,EAAKQ,KAAMgE,MAASxE,EAAKwE,OAClO,EACA,IAAMC,EAAiBxE,KAAKsB,KAAO,IAAM,SAEzC,IAAMmD,EAAWzE,KAAKM,SAAWN,KAAKK,SACtC,IAAMqE,EAAW9F,EAAE,MAAO,CAAE4E,MAAO,sBAAuBC,KAAM,kBAAoBzD,KAAKuD,qBAAsB3E,EAAE,OAAQ,CAAE4E,MAAO,oBAAAM,OAAoBW,EAAW,2BAA6B,IAAMhB,KAAM,eAAiB7E,EAAE,OAAQ,OAAQoB,KAAKM,SAAY1B,EAAE,OAAQ,CAAE4E,MAAO,sBAAwB5E,EAAE,aAAc,CAAE,aAAc,KAAM4B,KAAM,iCAAkCC,QAAS,UAAWkE,YAAa,cAAgB,eAAiB3E,KAAKgE,oBAC9b,OAAQpF,EAAEC,EAAM,CAAE,gBAAiBmB,KAAKE,SAAW,OAAS,KAAM0E,GAAI5E,KAAK6E,YAAaC,QAAS9E,KAAKmB,YAAaV,QAAST,KAAKS,SAAW7B,EAAE4F,EAAgBH,OAAOC,OAAO,GAAIF,KAAeM,GACnM,EACAL,OAAAU,eAAIlF,EAAAsC,UAAA,KAAE,C,IAAN,WAAW,OAAOrD,EAAWkB,KAAO,E,qCACxC,OAAAH,CAAA,CA1LsC,IA2LtCD,EAAUiC,MAAQlC,CAEnB,EAEJ","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["System","register","exports","registerInstance","h","setColor","launch","setters","module","r","s","l","execute","pdsLinkCss","PdsLink","class_1","hostRef","this","external","variant","fontSize","prototype","classNames","push","join","setLinkStyles","color","linkColors","secondary","accent","danger","linkStyles","render","targetValue","target","undefined","showExternalIcon","relValue","key","class","href","id","componentId","part","rel","style","icon","size"],"sources":["module.ts"],"mappings":"AAAAA,OAAOC,SAAS,CAAC,yBAA0B,yBAA0B,2BAA2B,SAAWC,GACzG,aACA,IAAIC,EAAkBC,EAAGC,EAAUC,EACnC,MAAO,CACLC,QAAS,CAAC,SAAUC,GAClBL,EAAmBK,EAAOC,EAC1BL,EAAII,EAAOJ,CACb,EAAG,SAAUI,GACXH,EAAWG,EAAOE,CACpB,EAAG,SAAUF,GACXF,EAASE,EAAOG,CAClB,GACAC,QAAS,WAEP,IAAMC,EAAa,6nDAEnB,IAAMC,EAAUZ,EAAQ,WAAU,WAC9B,SAAAa,EAAYC,GACRb,EAAiBc,KAAMD,GAMvBC,KAAKC,SAAW,MAKhBD,KAAKE,QAAU,SAKfF,KAAKG,SAAW,IACpB,CACAL,EAAAM,UAAAC,WAAA,WACI,IAAMA,EAAa,CAAC,YACpB,GAAIL,KAAKG,SAAU,CACfE,EAAWC,KAAK,aAAeN,KAAKG,SACxC,CACA,GAAIH,KAAKE,QAAS,CACdG,EAAWC,KAAK,aAAeN,KAAKE,QACxC,CACA,OAAOG,EAAWE,KAAK,IAC3B,EACAT,EAAAM,UAAAI,cAAA,WACI,IAAKR,KAAKS,MACN,OACJ,IAAMC,EAAa,CACfC,UAAW,iCACXC,OAAQ,2BACRC,OAAQ,4BAEZ,IAAMC,EAAa1B,EAASY,KAAKS,MAAOC,GACxC,OAAOI,CACX,EACAhB,EAAAM,UAAAW,OAAA,WACI,IAAMC,EAAchB,KAAKiB,SAAWjB,KAAKC,SAAW,SAAWiB,WAC/D,IAAMC,EAAmBnB,KAAKC,SAC9B,IAAMmB,EAAWJ,IAAgB,SAAW,sBAAwBE,UACpE,OAAQ/B,EAAE,IAAK,CAAEkC,IAAK,2CAA4CC,MAAOtB,KAAKK,aAAckB,KAAMvB,KAAKuB,KAAMC,GAAIxB,KAAKyB,YAAaC,KAAM,OAAQT,OAAQD,EAAaW,IAAKP,EAAUQ,MAAO5B,KAAKQ,iBAAmBrB,EAAE,OAAQ,CAAEkC,IAAK,4CAA8CrB,KAAKuB,MAAOJ,GAC3RhC,EAAE,WAAY,CAAEkC,IAAK,2CAA4CQ,KAAMxC,EAAQyC,KAAM9B,KAAKG,WAClG,EACJ,OAAAL,CAAA,CAhDkC,IAiDlCD,EAAQ+B,MAAQhC,CAEjB,EAEJ","ignoreList":[]}
|