@pine-ds/core 4.12.0 → 5.0.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-accordion.js +1 -1
- package/components/pds-alert.js +1 -1
- package/components/pds-avatar.js +1 -1
- package/components/pds-button2.js +1 -1
- package/components/pds-chip2.js +1 -1
- package/components/pds-copytext.js +1 -1
- package/components/pds-divider.js +1 -1
- package/components/pds-dropdown-menu-item.js +1 -1
- package/components/pds-dropdown-menu-separator.js +1 -1
- package/components/pds-dropdown-menu.js +1 -1
- package/components/pds-filter.js +1 -1
- package/components/pds-filters.js +1 -1
- package/components/pds-image.js +1 -1
- package/components/pds-multiselect.js +1 -1
- package/components/pds-popover.js +1 -1
- package/components/pds-property.js +1 -1
- package/components/pds-radio-group.js +1 -1
- package/components/pds-sortable-item.js +1 -1
- package/components/pds-sortable.js +1 -1
- package/components/pds-switch.js +1 -1
- package/components/pds-table.js +1 -1
- package/components/pds-tabs.js +1 -1
- package/components/pds-tooltip.js +1 -1
- package/dist/cjs/pds-accordion.cjs.entry.js +1 -1
- package/dist/cjs/pds-alert.cjs.entry.js +1 -1
- package/dist/cjs/pds-avatar.cjs.entry.js +1 -1
- package/dist/cjs/pds-button.cjs.entry.js +1 -1
- package/dist/cjs/pds-chip.cjs.entry.js +1 -1
- package/dist/cjs/pds-copytext.cjs.entry.js +1 -1
- package/dist/cjs/pds-divider.cjs.entry.js +1 -1
- package/dist/cjs/pds-dropdown-menu-item.cjs.entry.js +1 -1
- package/dist/cjs/pds-dropdown-menu-separator.cjs.entry.js +1 -1
- package/dist/cjs/pds-dropdown-menu.cjs.entry.js +1 -1
- package/dist/cjs/pds-filter.cjs.entry.js +1 -1
- package/dist/cjs/pds-filters.cjs.entry.js +1 -1
- package/dist/cjs/pds-image.cjs.entry.js +2 -2
- package/dist/cjs/pds-multiselect.cjs.entry.js +26 -7
- package/dist/cjs/pds-popover.cjs.entry.js +1 -1
- package/dist/cjs/pds-property.cjs.entry.js +1 -1
- package/dist/cjs/pds-radio-group.cjs.entry.js +20 -15
- package/dist/cjs/pds-sortable-item.cjs.entry.js +2 -2
- package/dist/cjs/pds-sortable.cjs.entry.js +1 -1
- package/dist/cjs/pds-switch.cjs.entry.js +5 -5
- package/dist/cjs/pds-table.cjs.entry.js +2 -2
- package/dist/cjs/pds-tabs.cjs.entry.js +1 -1
- package/dist/cjs/pds-tooltip.cjs.entry.js +2 -3
- package/dist/collection/components/pds-accordion/pds-accordion.js +2 -2
- package/dist/collection/components/pds-alert/pds-alert.js +2 -2
- package/dist/collection/components/pds-avatar/pds-avatar.js +2 -2
- package/dist/collection/components/pds-button/pds-button.js +2 -2
- package/dist/collection/components/pds-chip/pds-chip.js +2 -2
- package/dist/collection/components/pds-copytext/pds-copytext.js +2 -2
- package/dist/collection/components/pds-divider/pds-divider.js +2 -2
- package/dist/collection/components/pds-dropdown-menu/pds-dropdown-menu-item/pds-dropdown-menu-item.js +2 -2
- package/dist/collection/components/pds-dropdown-menu/pds-dropdown-menu-separator/pds-dropdown-menu-separator.js +2 -2
- package/dist/collection/components/pds-dropdown-menu/pds-dropdown-menu.js +2 -2
- package/dist/collection/components/pds-filters/pds-filter/pds-filter.js +2 -2
- package/dist/collection/components/pds-filters/pds-filters.js +2 -2
- package/dist/collection/components/pds-image/pds-image.js +3 -3
- package/dist/collection/components/pds-input/stories/pds-input.stories.js +1 -0
- package/dist/collection/components/pds-multiselect/pds-multiselect.css +21 -2
- package/dist/collection/components/pds-multiselect/pds-multiselect.js +28 -9
- package/dist/collection/components/pds-multiselect/stories/pds-multiselect.stories.js +2 -2
- package/dist/collection/components/pds-popover/pds-popover.js +2 -2
- package/dist/collection/components/pds-popover/stories/pds-popover.stories.js +1 -1
- package/dist/collection/components/pds-property/pds-property.js +2 -2
- package/dist/collection/components/pds-radio-group/pds-radio-group.js +21 -16
- package/dist/collection/components/pds-sortable/pds-sortable-item/pds-sortable-item.js +3 -3
- package/dist/collection/components/pds-sortable/pds-sortable.js +2 -2
- package/dist/collection/components/pds-switch/pds-switch.js +10 -10
- package/dist/collection/components/pds-table/pds-table.js +3 -3
- package/dist/collection/components/pds-tabs/pds-tabs.js +2 -2
- package/dist/collection/components/pds-tooltip/pds-tooltip.js +3 -4
- package/dist/docs.json +32 -32
- package/dist/esm/pds-accordion.entry.js +1 -1
- package/dist/esm/pds-alert.entry.js +1 -1
- package/dist/esm/pds-avatar.entry.js +1 -1
- package/dist/esm/pds-button.entry.js +1 -1
- package/dist/esm/pds-chip.entry.js +1 -1
- package/dist/esm/pds-copytext.entry.js +1 -1
- package/dist/esm/pds-divider.entry.js +1 -1
- package/dist/esm/pds-dropdown-menu-item.entry.js +1 -1
- package/dist/esm/pds-dropdown-menu-separator.entry.js +1 -1
- package/dist/esm/pds-dropdown-menu.entry.js +1 -1
- package/dist/esm/pds-filter.entry.js +1 -1
- package/dist/esm/pds-filters.entry.js +1 -1
- package/dist/esm/pds-image.entry.js +2 -2
- package/dist/esm/pds-multiselect.entry.js +26 -7
- package/dist/esm/pds-popover.entry.js +1 -1
- package/dist/esm/pds-property.entry.js +1 -1
- package/dist/esm/pds-radio-group.entry.js +20 -15
- package/dist/esm/pds-sortable-item.entry.js +2 -2
- package/dist/esm/pds-sortable.entry.js +1 -1
- package/dist/esm/pds-switch.entry.js +5 -5
- package/dist/esm/pds-table.entry.js +2 -2
- package/dist/esm/pds-tabs.entry.js +1 -1
- package/dist/esm/pds-tooltip.entry.js +2 -3
- package/dist/esm-es5/pds-accordion.entry.js +1 -1
- package/dist/esm-es5/pds-alert.entry.js +1 -1
- package/dist/esm-es5/pds-avatar.entry.js +1 -1
- package/dist/esm-es5/pds-button.entry.js +1 -1
- package/dist/esm-es5/pds-chip.entry.js +1 -1
- package/dist/esm-es5/pds-copytext.entry.js +1 -1
- package/dist/esm-es5/pds-divider.entry.js +1 -1
- package/dist/esm-es5/pds-dropdown-menu-item.entry.js +1 -1
- package/dist/esm-es5/pds-dropdown-menu-separator.entry.js +1 -1
- package/dist/esm-es5/pds-dropdown-menu.entry.js +1 -1
- package/dist/esm-es5/pds-filter.entry.js +1 -1
- package/dist/esm-es5/pds-filters.entry.js +1 -1
- package/dist/esm-es5/pds-image.entry.js +1 -1
- package/dist/esm-es5/pds-multiselect.entry.js +1 -1
- package/dist/esm-es5/pds-popover.entry.js +1 -1
- package/dist/esm-es5/pds-property.entry.js +1 -1
- package/dist/esm-es5/pds-radio-group.entry.js +1 -1
- package/dist/esm-es5/pds-sortable-item.entry.js +1 -1
- package/dist/esm-es5/pds-sortable.entry.js +1 -1
- package/dist/esm-es5/pds-switch.entry.js +1 -1
- package/dist/esm-es5/pds-table.entry.js +1 -1
- package/dist/esm-es5/pds-tabs.entry.js +1 -1
- package/dist/esm-es5/pds-tooltip.entry.js +1 -1
- package/dist/pine-core/{p-d676926d.system.entry.js → p-191eb9e5.system.entry.js} +1 -1
- package/dist/pine-core/{p-736ea7dd.entry.js → p-1d4ecc35.entry.js} +1 -1
- package/dist/pine-core/{p-ddf4b9b5.system.entry.js → p-1e0c9738.system.entry.js} +1 -1
- package/dist/pine-core/{p-e4ebea88.system.entry.js → p-2482e4ab.system.entry.js} +1 -1
- package/dist/pine-core/p-3338fc2e.entry.js +1 -0
- package/dist/pine-core/{p-00891b8d.system.entry.js → p-34d22a45.system.entry.js} +1 -1
- package/dist/pine-core/p-35b90796.entry.js +1 -0
- package/dist/pine-core/p-38148f5b.entry.js +1 -0
- package/dist/pine-core/{p-51680c9c.system.entry.js → p-39264dfb.system.entry.js} +1 -1
- package/dist/pine-core/{p-0a7570dd.system.entry.js → p-3aed0418.system.entry.js} +1 -1
- package/dist/pine-core/{p-d1283e8d.entry.js → p-3dd879fd.entry.js} +1 -1
- package/dist/pine-core/p-3f1c05cd.system.entry.js +1 -0
- package/dist/pine-core/{p-b00b07e3.entry.js → p-42376f2c.entry.js} +1 -1
- package/dist/pine-core/p-4263038f.entry.js +1 -0
- package/dist/pine-core/{p-2ddcd845.system.entry.js → p-563baadd.system.entry.js} +1 -1
- package/dist/pine-core/p-587bd9ed.entry.js +1 -0
- package/dist/pine-core/p-5c7dfa7a.entry.js +1 -0
- package/dist/pine-core/{p-16fceef6.system.entry.js → p-63d47dd4.system.entry.js} +1 -1
- package/dist/pine-core/{p-55535481.system.entry.js → p-66e61921.system.entry.js} +1 -1
- package/dist/pine-core/p-6a965119.entry.js +1 -0
- package/dist/pine-core/{p-8afd5f5b.system.entry.js → p-6fdc6df9.system.entry.js} +1 -1
- package/dist/pine-core/{p-8e17a6d8.system.entry.js → p-863ff553.system.entry.js} +1 -1
- package/dist/pine-core/{p-de3b319e.system.entry.js → p-87cadd6f.system.entry.js} +1 -1
- package/dist/pine-core/{p-e2541eeb.entry.js → p-8db554fe.entry.js} +1 -1
- package/dist/pine-core/{p-60e65fe0.system.entry.js → p-931a0ccd.system.entry.js} +1 -1
- package/dist/pine-core/p-94fd9595.entry.js +1 -0
- package/dist/pine-core/{p-c9630934.system.entry.js → p-96bccf85.system.entry.js} +1 -1
- package/dist/pine-core/p-9a63bf72.entry.js +1 -0
- package/dist/pine-core/{p-f9bdaadd.system.entry.js → p-9da10cfb.system.entry.js} +1 -1
- package/dist/pine-core/p-XK45dzWR.system.js +1 -1
- package/dist/pine-core/{p-57edd301.system.entry.js → p-a0fa77b1.system.entry.js} +1 -1
- package/dist/pine-core/p-a1575919.entry.js +1 -0
- package/dist/pine-core/p-aae96744.entry.js +1 -0
- package/dist/pine-core/p-b379d9bc.system.entry.js +1 -0
- package/dist/pine-core/p-badde164.entry.js +1 -0
- package/dist/pine-core/p-c65f4eaa.system.entry.js +1 -0
- package/dist/pine-core/{p-97145eee.system.entry.js → p-c6c5ada6.system.entry.js} +1 -1
- package/dist/pine-core/p-d4b0122f.system.entry.js +1 -0
- package/dist/pine-core/{p-1ab52531.system.entry.js → p-d61a0fe8.system.entry.js} +1 -1
- package/dist/pine-core/{p-1a013a5c.system.entry.js → p-de3f4a28.system.entry.js} +1 -1
- package/dist/pine-core/p-e334af06.entry.js +1 -0
- package/dist/pine-core/p-e4216ff6.entry.js +1 -0
- package/dist/pine-core/p-e68044b3.entry.js +1 -0
- package/dist/pine-core/p-e75d8bc1.entry.js +1 -0
- package/dist/pine-core/{p-a5e9c583.entry.js → p-e871cfce.entry.js} +1 -1
- package/dist/pine-core/{p-8deeda07.entry.js → p-eee042d3.entry.js} +1 -1
- package/dist/pine-core/{p-1edef412.entry.js → p-f65127f1.entry.js} +1 -1
- package/dist/pine-core/pine-core.esm.js +1 -1
- package/dist/types/components/pds-accordion/pds-accordion.d.ts +1 -1
- package/dist/types/components/pds-alert/pds-alert.d.ts +1 -1
- package/dist/types/components/pds-avatar/pds-avatar.d.ts +1 -1
- package/dist/types/components/pds-button/pds-button.d.ts +1 -1
- package/dist/types/components/pds-chip/pds-chip.d.ts +1 -1
- package/dist/types/components/pds-copytext/pds-copytext.d.ts +1 -1
- package/dist/types/components/pds-divider/pds-divider.d.ts +1 -1
- package/dist/types/components/pds-dropdown-menu/pds-dropdown-menu-item/pds-dropdown-menu-item.d.ts +1 -1
- package/dist/types/components/pds-dropdown-menu/pds-dropdown-menu-separator/pds-dropdown-menu-separator.d.ts +1 -1
- package/dist/types/components/pds-dropdown-menu/pds-dropdown-menu.d.ts +1 -1
- package/dist/types/components/pds-filters/pds-filter/pds-filter.d.ts +2 -1
- package/dist/types/components/pds-filters/pds-filters.d.ts +1 -1
- package/dist/types/components/pds-image/pds-image.d.ts +1 -1
- package/dist/types/components/pds-multiselect/pds-multiselect.d.ts +11 -3
- package/dist/types/components/pds-popover/pds-popover.d.ts +2 -1
- package/dist/types/components/pds-property/pds-property.d.ts +1 -1
- package/dist/types/components/pds-radio-group/pds-radio-group.d.ts +2 -1
- package/dist/types/components/pds-sortable/pds-sortable-item/pds-sortable-item.d.ts +1 -1
- package/dist/types/components/pds-sortable/pds-sortable.d.ts +1 -1
- package/dist/types/components/pds-switch/pds-switch.d.ts +8 -5
- package/dist/types/components/pds-table/pds-table.d.ts +1 -1
- package/dist/types/components/pds-tabs/pds-tabs.d.ts +2 -1
- package/dist/types/components/pds-tooltip/pds-tooltip.d.ts +2 -1
- package/dist/types/components.d.ts +57 -57
- package/dist/vscode.html-data.json +30 -30
- package/hydrate/index.js +75 -52
- package/hydrate/index.mjs +75 -52
- package/package.json +2 -2
- package/dist/pine-core/p-1f998e3e.entry.js +0 -1
- package/dist/pine-core/p-2b6becc2.entry.js +0 -1
- package/dist/pine-core/p-3c229091.entry.js +0 -1
- package/dist/pine-core/p-5d582798.entry.js +0 -1
- package/dist/pine-core/p-627a94da.entry.js +0 -1
- package/dist/pine-core/p-72ff5ad2.system.entry.js +0 -1
- package/dist/pine-core/p-84d4ae26.entry.js +0 -1
- package/dist/pine-core/p-a4ce12ef.entry.js +0 -1
- package/dist/pine-core/p-b7b29392.entry.js +0 -1
- package/dist/pine-core/p-bdab6c9f.entry.js +0 -1
- package/dist/pine-core/p-c1dc7692.entry.js +0 -1
- package/dist/pine-core/p-cb9227f6.system.entry.js +0 -1
- package/dist/pine-core/p-ceef0eb1.entry.js +0 -1
- package/dist/pine-core/p-e554bd64.entry.js +0 -1
- package/dist/pine-core/p-e6427c87.entry.js +0 -1
- package/dist/pine-core/p-e7002cee.entry.js +0 -1
- package/dist/pine-core/p-e72e8b8f.entry.js +0 -1
- package/dist/pine-core/p-ef3a855f.system.entry.js +0 -1
- package/dist/pine-core/p-f9063262.system.entry.js +0 -1
- package/dist/pine-core/p-fea4296d.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-BK1sLRfg.system.js","./p-CIe1DGXa.system.js","./p-BlJQebvG.system.js","./p-C35-349-.system.js","./p-Dx8tEj0U.system.js","./p-BZ1l3LGl.system.js","./p-BNTlHhoO.system.js","./p-wB2y8gR7.system.js"],(function(i){"use strict";var o,e,n,r,p,c,s,t,d,a,h;return{setters:[function(i){o=i.r;e=i.c;n=i.h;r=i.H;p=i.a},function(i){c=i.d;s=i.r},function(i){t=i.H},function(i){d=i.F;a=i.s},function(i){h=i.n},null,null,null],execute:function(){var l=function(){return":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-accent-text:var(--pine-color-purple-950);--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-danger-text:var(--pine-color-red-950);--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-info-text:var(--pine-color-blue-950);--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-neutral-text:var(--pine-color-grey-950);--pine-chip-color-solid:var(--pine-color-grey-900);--pine-chip-color-solid-hover:var(--pine-color-grey-950);--pine-chip-color-solid-dot:var(--pine-color-white);--pine-chip-color-solid-text:var(--pine-color-white);--pine-chip-color-subtle:var(--pine-color-white);--pine-chip-color-subtle-hover:var(--pine-color-grey-300);--pine-chip-color-subtle-dot:var(--pine-color-grey-900);--pine-chip-color-subtle-text:var(--pine-color-grey-900);--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-success-text:var(--pine-color-green-950);--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);--pine-chip-color-warning-text:var(--pine-color-yellow-950)}:host-context([data-theme=dark]){--pine-chip-color-accent:var(--pine-color-purple-900);--pine-chip-color-accent-hover:var(--pine-color-purple-800);--pine-chip-color-accent-dot:var(--pine-color-purple-400);--pine-chip-color-accent-text:var(--pine-color-purple-100);--pine-chip-color-danger:var(--pine-color-red-900);--pine-chip-color-danger-hover:var(--pine-color-red-800);--pine-chip-color-danger-dot:var(--pine-color-red-400);--pine-chip-color-danger-text:var(--pine-color-red-100);--pine-chip-color-info:var(--pine-color-blue-900);--pine-chip-color-info-hover:var(--pine-color-blue-800);--pine-chip-color-info-dot:var(--pine-color-blue-400);--pine-chip-color-info-text:var(--pine-color-blue-100);--pine-chip-color-neutral:var(--pine-color-grey-800);--pine-chip-color-neutral-hover:var(--pine-color-grey-600);--pine-chip-color-neutral-dot:var(--pine-color-grey-300);--pine-chip-color-neutral-text:var(--pine-color-grey-100);--pine-chip-color-solid:var(--pine-color-white);--pine-chip-color-solid-hover:var(--pine-color-grey-100);--pine-chip-color-solid-dot:var(--pine-color-grey-900);--pine-chip-color-solid-text:var(--pine-color-grey-900);--pine-chip-color-subtle:var(--pine-color-grey-900);--pine-chip-color-subtle-hover:var(--pine-color-grey-500);--pine-chip-color-subtle-dot:var(--pine-color-white);--pine-chip-color-subtle-text:var(--pine-color-white);--pine-chip-color-success:var(--pine-color-green-900);--pine-chip-color-success-hover:var(--pine-color-green-800);--pine-chip-color-success-dot:var(--pine-color-green-400);--pine-chip-color-success-text:var(--pine-color-green-100);--pine-chip-color-warning:var(--pine-color-yellow-900);--pine-chip-color-warning-hover:var(--pine-color-yellow-800);--pine-chip-color-warning-dot:var(--pine-color-yellow-400);--pine-chip-color-warning-text:var(--pine-color-yellow-100)}"};var v=function(){return":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(--pds-chip-dot-color, 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-chip-color-accent-text);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(--pds-chip-dot-color, 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-chip-color-danger-text);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(--pds-chip-dot-color, 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-chip-color-info-text);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(--pds-chip-dot-color, 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-chip-color-neutral-text);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--solid){background:var(--pine-chip-color-solid);border:var(--pine-border-width) solid var(--pine-chip-color-solid-hover)}:host(.pds-chip--solid) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-solid-dot))}:host(.pds-chip--solid) .pds-chip__label,:host(.pds-chip--solid) .pds-chip__button,:host(.pds-chip--solid) .pds-chip__close{color:var(--pine-chip-color-solid-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--solid) .pds-chip__close:hover{background:var(--pine-chip-color-solid-hover)}:host(.pds-chip--solid.pds-chip--dropdown:hover){background:var(--pine-chip-color-solid-hover)}:host(.pds-chip--subtle){background:var(--pine-chip-color-subtle);border:var(--pine-border-width) solid var(--pine-chip-color-subtle-hover)}:host(.pds-chip--subtle) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-subtle-dot))}:host(.pds-chip--subtle) .pds-chip__label,:host(.pds-chip--subtle) .pds-chip__button,:host(.pds-chip--subtle) .pds-chip__close{color:var(--pine-chip-color-subtle-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--subtle) .pds-chip__close:hover{background:var(--pine-chip-color-subtle-hover)}:host(.pds-chip--subtle.pds-chip--dropdown:hover){background:var(--pine-chip-color-subtle-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(--pds-chip-dot-color, 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-chip-color-success-text);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(--pds-chip-dot-color, 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-chip-color-warning-text);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)}:host(.pds-chip--solid){border-color:transparent}.pds-chip__dot{border:var(--pine-border-width) solid transparent;border-radius:var(--pine-border-radius-full);display:inline-block;-ms-flex-negative:0;flex-shrink:0;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__icon{color:var(--pds-chip-icon-color, currentColor)}.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)}:host([max-width]){-webkit-box-sizing:border-box;box-sizing:border-box;max-width:var(--pds-chip-max-width);min-width:0}:host([max-width]) .pds-chip__label,:host([max-width]) .pds-chip__button{min-width:0}:host([max-width]) .pds-chip__label-text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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)}"};var u={accent:"var(--pine-chip-color-accent-dot)",danger:"var(--pine-chip-color-danger-dot)",info:"var(--pine-chip-color-info-dot)",neutral:"var(--pine-chip-color-neutral-dot)",solid:"var(--pine-chip-color-solid-dot)",subtle:"var(--pine-chip-color-subtle-dot)",success:"var(--pine-chip-color-success-dot)",warning:"var(--pine-chip-color-warning-dot)"};function g(i){var o=(i===null||i===void 0?void 0:i.matches('[role="option"]'))?i:null;var e=o===null||o===void 0?void 0:o.closest('[role="listbox"]');if(!o||!e)return{};return{placement:"right",reference:{getBoundingClientRect:function(){var i=o.getBoundingClientRect(),n=i.top,r=i.bottom,p=i.height;var c=e.getBoundingClientRect(),s=c.left,t=c.right,d=c.width;return{x:s,y:n,top:n,left:s,bottom:r,right:t,width:d,height:p}}}}}var b=i("pds_chip",function(){function i(i){var n=this;o(this,i);this.pdsTagCloseClick=e(this,"pdsTagCloseClick");this.hostKeeper=new t;this.truncationCleanup=null;this.dot=false;this.sentiment="neutral";this.variant="text";this.dismissLabel="Remove";this.handleCloseClick=function(){n.pdsTagCloseClick.emit()}}i.prototype.connectedCallback=function(){this.hostKeeper.connect(this.el);if(this.maxWidth&&this.labelTextEl){this.initTruncationTooltip()}};i.prototype.componentDidRender=function(){if(this.maxWidth&&this.labelTextEl){if(this.labelTextEl!==this.tooltipBoundEl){this.initTruncationTooltip()}}else if(this.tooltipBoundEl){this.destroyTruncationTooltip()}};i.prototype.disconnectedCallback=function(){this.hostKeeper.disconnect();this.destroyTruncationTooltip()};i.prototype.initTruncationTooltip=function(){var i=this;this.destroyTruncationTooltip();if(this.labelTextEl){var o=this.el.closest(d);var e=this.el.closest('[aria-hidden="true"]')!==null;this.truncationCleanup=a(Object.assign({hostEl:this.el,contentEl:this.labelTextEl,getTooltipText:function(){return i.el.textContent||""},manageTabIndex:this.effectiveVariant!=="dropdown"&&!o&&!e,focusEl:o!==null&&o!==void 0?o:this.el},g(o)));this.tooltipBoundEl=this.labelTextEl}};i.prototype.destroyTruncationTooltip=function(){if(this.truncationCleanup){this.truncationCleanup();this.truncationCleanup=null}this.tooltipBoundEl=null};Object.defineProperty(i.prototype,"effectiveSize",{get:function(){var i;return(i=this.size)!==null&&i!==void 0?i:"md"},enumerable:false,configurable:true});i.prototype.classNames=function(){var i=["pds-chip"];var o=this.effectiveSize;if(o&&o!=="md"){i.push("pds-chip--"+o)}var e=this.sentiment==="brand"?"text":this.variant;if(e){i.push("pds-chip--"+e)}if(this.sentiment){i.push("pds-chip--"+this.sentiment)}return i.join(" ")};Object.defineProperty(i.prototype,"effectiveVariant",{get:function(){return this.sentiment==="brand"?"text":this.variant},enumerable:false,configurable:true});Object.defineProperty(i.prototype,"iconSize",{get:function(){switch(this.effectiveSize){case"sm":return"10px";case"lg":return"14px";default:return"12px"}},enumerable:false,configurable:true});i.prototype.setChipContent=function(){var i=this;var o=this.effectiveVariant==="dropdown";var e=this.sentiment==="brand"?false:this.dot;var r=o?n("button",{class:"pds-chip__button",type:"button",part:"button"},this.icon&&n("pds-icon",{class:"pds-chip__icon",part:"icon",icon:this.icon,size:this.iconSize,"aria-hidden":"true"}),e&&n("i",{class:"pds-chip__dot",part:"dot","aria-hidden":"true"}),n("span",{class:"pds-chip__label-text",ref:function(o){return i.labelTextEl=o}},n("slot",null)),n("pds-icon",{icon:c,size:this.iconSize,"aria-hidden":"true"})):n("span",{class:"pds-chip__label"},this.icon&&n("pds-icon",{class:"pds-chip__icon",part:"icon",icon:this.icon,size:this.iconSize,"aria-hidden":"true"}),e&&n("i",{class:"pds-chip__dot",part:"dot","aria-hidden":"true"}),n("span",{class:"pds-chip__label-text",ref:function(o){return i.labelTextEl=o}},n("slot",null)));return r};Object.defineProperty(i.prototype,"hostStyles",{get:function(){var i={};if(this.maxWidth){i["--pds-chip-max-width"]=this.maxWidth}var o=h(this.dotColor,{semanticMap:u});if(o!==undefined){i["--pds-chip-dot-color"]=o}var e=h(this.iconColor,{semanticMap:u});if(e!==undefined){i["--pds-chip-icon-color"]=e}return i},enumerable:false,configurable:true});i.prototype.renderCloseButton=function(){var i=this;var o=this.removeUrl?"a":"button";var e=function(){if(i.removeUrl){var o={class:"pds-chip__close",href:i.removeUrl,"aria-label":i.dismissLabel};if(i.removeTarget){o.target=i.removeTarget}if(i.removeHttpMethod){o["data-method"]=i.removeHttpMethod;o["data-turbo-method"]=i.removeHttpMethod}var e=[];if(i.removeTarget==="_blank"){e.push("noopener","noreferrer")}if(i.removeHttpMethod&&i.removeHttpMethod!=="get"){e.push("nofollow")}if(e.length>0){o.rel=e.join(" ")}return o}return{class:"pds-chip__close",type:"button","aria-label":i.dismissLabel}};return n(o,Object.assign({},e(),{onClick:this.handleCloseClick}),n("pds-icon",{icon:s,size:this.iconSize,"aria-hidden":"true"}))};i.prototype.render=function(){var i=this.classNames();var o=this.hostStyles;this.hostKeeper.record(i,o);return n(r,{key:"d8c5e90c4d55959e7b2d0cc8a994136fb0abc5dc",class:i,id:this.componentId,style:o},this.setChipContent(),this.effectiveVariant==="tag"&&this.renderCloseButton())};Object.defineProperty(i.prototype,"el",{get:function(){return p(this)},enumerable:false,configurable:true});return i}());b.style=l()+v()}}}));
|
|
1
|
+
System.register(["./p-BK1sLRfg.system.js","./p-CIe1DGXa.system.js","./p-BlJQebvG.system.js","./p-C35-349-.system.js","./p-Dx8tEj0U.system.js","./p-BZ1l3LGl.system.js","./p-BNTlHhoO.system.js","./p-wB2y8gR7.system.js"],(function(i){"use strict";var o,e,n,r,p,c,s,t,a,d,h;return{setters:[function(i){o=i.r;e=i.c;n=i.h;r=i.H;p=i.a},function(i){c=i.d;s=i.r},function(i){t=i.H},function(i){a=i.F;d=i.s},function(i){h=i.n},null,null,null],execute:function(){var l=function(){return":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-accent-text:var(--pine-color-purple-950);--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-danger-text:var(--pine-color-red-950);--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-info-text:var(--pine-color-blue-950);--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-neutral-text:var(--pine-color-grey-950);--pine-chip-color-solid:var(--pine-color-grey-900);--pine-chip-color-solid-hover:var(--pine-color-grey-950);--pine-chip-color-solid-dot:var(--pine-color-white);--pine-chip-color-solid-text:var(--pine-color-white);--pine-chip-color-subtle:var(--pine-color-white);--pine-chip-color-subtle-hover:var(--pine-color-grey-300);--pine-chip-color-subtle-dot:var(--pine-color-grey-900);--pine-chip-color-subtle-text:var(--pine-color-grey-900);--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-success-text:var(--pine-color-green-950);--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);--pine-chip-color-warning-text:var(--pine-color-yellow-950)}:host-context([data-theme=dark]){--pine-chip-color-accent:var(--pine-color-purple-900);--pine-chip-color-accent-hover:var(--pine-color-purple-800);--pine-chip-color-accent-dot:var(--pine-color-purple-400);--pine-chip-color-accent-text:var(--pine-color-purple-100);--pine-chip-color-danger:var(--pine-color-red-900);--pine-chip-color-danger-hover:var(--pine-color-red-800);--pine-chip-color-danger-dot:var(--pine-color-red-400);--pine-chip-color-danger-text:var(--pine-color-red-100);--pine-chip-color-info:var(--pine-color-blue-900);--pine-chip-color-info-hover:var(--pine-color-blue-800);--pine-chip-color-info-dot:var(--pine-color-blue-400);--pine-chip-color-info-text:var(--pine-color-blue-100);--pine-chip-color-neutral:var(--pine-color-grey-800);--pine-chip-color-neutral-hover:var(--pine-color-grey-600);--pine-chip-color-neutral-dot:var(--pine-color-grey-300);--pine-chip-color-neutral-text:var(--pine-color-grey-100);--pine-chip-color-solid:var(--pine-color-white);--pine-chip-color-solid-hover:var(--pine-color-grey-100);--pine-chip-color-solid-dot:var(--pine-color-grey-900);--pine-chip-color-solid-text:var(--pine-color-grey-900);--pine-chip-color-subtle:var(--pine-color-grey-900);--pine-chip-color-subtle-hover:var(--pine-color-grey-500);--pine-chip-color-subtle-dot:var(--pine-color-white);--pine-chip-color-subtle-text:var(--pine-color-white);--pine-chip-color-success:var(--pine-color-green-900);--pine-chip-color-success-hover:var(--pine-color-green-800);--pine-chip-color-success-dot:var(--pine-color-green-400);--pine-chip-color-success-text:var(--pine-color-green-100);--pine-chip-color-warning:var(--pine-color-yellow-900);--pine-chip-color-warning-hover:var(--pine-color-yellow-800);--pine-chip-color-warning-dot:var(--pine-color-yellow-400);--pine-chip-color-warning-text:var(--pine-color-yellow-100)}"};var v=function(){return":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(--pds-chip-dot-color, 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-chip-color-accent-text);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(--pds-chip-dot-color, 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-chip-color-danger-text);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(--pds-chip-dot-color, 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-chip-color-info-text);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(--pds-chip-dot-color, 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-chip-color-neutral-text);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--solid){background:var(--pine-chip-color-solid);border:var(--pine-border-width) solid var(--pine-chip-color-solid-hover)}:host(.pds-chip--solid) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-solid-dot))}:host(.pds-chip--solid) .pds-chip__label,:host(.pds-chip--solid) .pds-chip__button,:host(.pds-chip--solid) .pds-chip__close{color:var(--pine-chip-color-solid-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--solid) .pds-chip__close:hover{background:var(--pine-chip-color-solid-hover)}:host(.pds-chip--solid.pds-chip--dropdown:hover){background:var(--pine-chip-color-solid-hover)}:host(.pds-chip--subtle){background:var(--pine-chip-color-subtle);border:var(--pine-border-width) solid var(--pine-chip-color-subtle-hover)}:host(.pds-chip--subtle) .pds-chip__dot{background:var(--pds-chip-dot-color, var(--pine-chip-color-subtle-dot))}:host(.pds-chip--subtle) .pds-chip__label,:host(.pds-chip--subtle) .pds-chip__button,:host(.pds-chip--subtle) .pds-chip__close{color:var(--pine-chip-color-subtle-text);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--subtle) .pds-chip__close:hover{background:var(--pine-chip-color-subtle-hover)}:host(.pds-chip--subtle.pds-chip--dropdown:hover){background:var(--pine-chip-color-subtle-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(--pds-chip-dot-color, 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-chip-color-success-text);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(--pds-chip-dot-color, 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-chip-color-warning-text);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)}:host(.pds-chip--solid){border-color:transparent}.pds-chip__dot{border:var(--pine-border-width) solid transparent;border-radius:var(--pine-border-radius-full);display:inline-block;-ms-flex-negative:0;flex-shrink:0;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__icon{color:var(--pds-chip-icon-color, currentColor)}.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)}:host([max-width]){-webkit-box-sizing:border-box;box-sizing:border-box;max-width:var(--pds-chip-max-width);min-width:0}:host([max-width]) .pds-chip__label,:host([max-width]) .pds-chip__button{min-width:0}:host([max-width]) .pds-chip__label-text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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)}"};var u={accent:"var(--pine-chip-color-accent-dot)",danger:"var(--pine-chip-color-danger-dot)",info:"var(--pine-chip-color-info-dot)",neutral:"var(--pine-chip-color-neutral-dot)",solid:"var(--pine-chip-color-solid-dot)",subtle:"var(--pine-chip-color-subtle-dot)",success:"var(--pine-chip-color-success-dot)",warning:"var(--pine-chip-color-warning-dot)"};function g(i){var o=(i===null||i===void 0?void 0:i.matches('[role="option"]'))?i:null;var e=o===null||o===void 0?void 0:o.closest('[role="listbox"]');if(!o||!e)return{};return{placement:"right",reference:{getBoundingClientRect:function(){var i=o.getBoundingClientRect(),n=i.top,r=i.bottom,p=i.height;var c=e.getBoundingClientRect(),s=c.left,t=c.right,a=c.width;return{x:s,y:n,top:n,left:s,bottom:r,right:t,width:a,height:p}}}}}var b=i("pds_chip",function(){function i(i){var n=this;o(this,i);this.pdsTagCloseClick=e(this,"pdsTagCloseClick");this.hostKeeper=new t;this.truncationCleanup=null;this.dot=false;this.sentiment="neutral";this.variant="text";this.dismissLabel="Remove";this.handleCloseClick=function(){n.pdsTagCloseClick.emit()}}i.prototype.connectedCallback=function(){this.hostKeeper.connect(this.el);if(this.maxWidth&&this.labelTextEl){this.initTruncationTooltip()}};i.prototype.componentDidRender=function(){if(this.maxWidth&&this.labelTextEl){if(this.labelTextEl!==this.tooltipBoundEl){this.initTruncationTooltip()}}else if(this.tooltipBoundEl){this.destroyTruncationTooltip()}};i.prototype.disconnectedCallback=function(){this.hostKeeper.disconnect();this.destroyTruncationTooltip()};i.prototype.initTruncationTooltip=function(){var i=this;this.destroyTruncationTooltip();if(this.labelTextEl){var o=this.el.closest(a);var e=this.el.closest('[aria-hidden="true"]')!==null;this.truncationCleanup=d(Object.assign({hostEl:this.el,contentEl:this.labelTextEl,getTooltipText:function(){return i.el.textContent||""},manageTabIndex:this.effectiveVariant!=="dropdown"&&!o&&!e,focusEl:o!==null&&o!==void 0?o:this.el},g(o)));this.tooltipBoundEl=this.labelTextEl}};i.prototype.destroyTruncationTooltip=function(){if(this.truncationCleanup){this.truncationCleanup();this.truncationCleanup=null}this.tooltipBoundEl=null};Object.defineProperty(i.prototype,"effectiveSize",{get:function(){var i;return(i=this.size)!==null&&i!==void 0?i:"md"},enumerable:false,configurable:true});i.prototype.classNames=function(){var i=["pds-chip"];var o=this.effectiveSize;if(o&&o!=="md"){i.push("pds-chip--"+o)}var e=this.sentiment==="brand"?"text":this.variant;if(e){i.push("pds-chip--"+e)}if(this.sentiment){i.push("pds-chip--"+this.sentiment)}return i.join(" ")};Object.defineProperty(i.prototype,"effectiveVariant",{get:function(){return this.sentiment==="brand"?"text":this.variant},enumerable:false,configurable:true});Object.defineProperty(i.prototype,"iconSize",{get:function(){switch(this.effectiveSize){case"sm":return"10px";case"lg":return"14px";default:return"12px"}},enumerable:false,configurable:true});i.prototype.setChipContent=function(){var i=this;var o=this.effectiveVariant==="dropdown";var e=this.sentiment==="brand"?false:this.dot;var r=o?n("button",{class:"pds-chip__button",type:"button",part:"button"},this.icon&&n("pds-icon",{class:"pds-chip__icon",part:"icon",icon:this.icon,size:this.iconSize,"aria-hidden":"true"}),e&&n("i",{class:"pds-chip__dot",part:"dot","aria-hidden":"true"}),n("span",{class:"pds-chip__label-text",ref:function(o){return i.labelTextEl=o}},n("slot",null)),n("pds-icon",{icon:c,size:this.iconSize,"aria-hidden":"true"})):n("span",{class:"pds-chip__label"},this.icon&&n("pds-icon",{class:"pds-chip__icon",part:"icon",icon:this.icon,size:this.iconSize,"aria-hidden":"true"}),e&&n("i",{class:"pds-chip__dot",part:"dot","aria-hidden":"true"}),n("span",{class:"pds-chip__label-text",ref:function(o){return i.labelTextEl=o}},n("slot",null)));return r};Object.defineProperty(i.prototype,"hostStyles",{get:function(){var i={};if(this.maxWidth){i["--pds-chip-max-width"]=this.maxWidth}var o=h(this.dotColor,{semanticMap:u});if(o!==undefined){i["--pds-chip-dot-color"]=o}var e=h(this.iconColor,{semanticMap:u});if(e!==undefined){i["--pds-chip-icon-color"]=e}return i},enumerable:false,configurable:true});i.prototype.renderCloseButton=function(){var i=this;var o=this.removeUrl?"a":"button";var e=function(){if(i.removeUrl){var o={class:"pds-chip__close",href:i.removeUrl,"aria-label":i.dismissLabel};if(i.removeTarget){o.target=i.removeTarget}if(i.removeHttpMethod){o["data-method"]=i.removeHttpMethod;o["data-turbo-method"]=i.removeHttpMethod}var e=[];if(i.removeTarget==="_blank"){e.push("noopener","noreferrer")}if(i.removeHttpMethod&&i.removeHttpMethod!=="get"){e.push("nofollow")}if(e.length>0){o.rel=e.join(" ")}return o}return{class:"pds-chip__close",type:"button","aria-label":i.dismissLabel}};return n(o,Object.assign({},e(),{onClick:this.handleCloseClick}),n("pds-icon",{icon:s,size:this.iconSize,"aria-hidden":"true"}))};i.prototype.render=function(){var i=this.classNames();var o=this.hostStyles;this.hostKeeper.record(i,o);return n(r,{key:"7f9ee3000b4a68726730ee8019f5b866a2f53ae7",class:i,style:o},this.setChipContent(),this.effectiveVariant==="tag"&&this.renderCloseButton())};Object.defineProperty(i.prototype,"el",{get:function(){return p(this)},enumerable:false,configurable:true});return i}());b.style=l()+v()}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as o,H as s,a as n}from"./p-M31tvpDN.js";import{H as i}from"./p-Dv9QBmIF.js";import{a as p}from"./p-B0DXTeeV.js";import{r as d}from"./p-t3idJwV0.js";import{s as r}from"./p-biShcgLI.js";import"./p-BgNaWLoS.js";import"./p-Cuc0DYlm.js";import"./p-CKRzRKdO.js";const a=class{constructor(o){t(this,o),this.pdsCopyTextClick=e(this,"pdsCopyTextClick"),this.hostKeeper=new i,this.truncationCleanup=null,this.border=!0,this.fullWidth=!1,this.truncate=!1,this.copyToClipboard=async t=>{try{void 0!==navigator.clipboard&&(await navigator.clipboard.writeText(t),this.pdsCopyTextClick.emit("Copied to clipboard"))}catch(t){this.pdsCopyTextClick.emit(`Error writing text to clipboard: ${t}`)}},this.handleClick=()=>{this.copyToClipboard(this.value)}}connectedCallback(){this.hostKeeper.connect(this.el),this.truncate&&this.valueSpanEl&&this.initTruncationTooltip()}restoreBorderDefault(t){this.border=d(this.el,"border",t,!0)}handleTruncateChange(t){t?this.initTruncationTooltip():this.destroyTruncationTooltip()}handleValueChange(){this.truncate&&this.initTruncationTooltip()}componentDidLoad(){this.truncate&&this.initTruncationTooltip()}disconnectedCallback(){this.hostKeeper.disconnect(),this.destroyTruncationTooltip()}initTruncationTooltip(){this.destroyTruncationTooltip(),this.valueSpanEl&&(this.truncationCleanup=r({hostEl:this.el,contentEl:this.valueSpanEl,getTooltipText:()=>this.value||"",manageTabIndex:!1}))}destroyTruncationTooltip(){this.truncationCleanup&&(this.truncationCleanup(),this.truncationCleanup=null)}classNames(){const t=["pds-copytext"];return this.border&&t.push("pds-copytext--bordered"),this.fullWidth&&t.push("pds-copytext--full-width"),this.truncate&&t.push("pds-copytext--truncated"),t.join(" ")}render(){const t=this.classNames();return this.hostKeeper.record(t),o(s,{key:"088bbb25115146cf5ebce5ba98596ac987982ca1",class:t},o("pds-button",{key:"c6ca05402e3957f129e95f8545ebfb0393baf648",type:"button",variant:"unstyled",onClick:this.handleClick},o("span",{key:"95b0114960772b8d41ac1c55140eed73844be54b",ref:t=>this.valueSpanEl=t},this.value),o("pds-icon",{key:"49a1a13daf1bd9d875f6bc518f7002dc33652863","aria-hidden":"true",icon:p,size:"16px"})))}get el(){return n(this)}static get watchers(){return{border:[{restoreBorderDefault:0}],truncate:[{handleTruncateChange:0}],value:[{handleValueChange:0}]}}};a.style=":host(.pds-copytext){--copytext-color-background-hover:var(--pine-color-background-inset)}:host(.pds-copytext) pds-button{-ms-flex-align:center;align-items:center;border-radius:var(--pine-border-radius-full);border-width:var(--pine-dimension-none);display:-ms-inline-flexbox;display:inline-flex;font-family:var(--pine-font-family-heading);font-size:var(--pine-font-size-body-md);font-weight:var(--pine-font-weight-body-medium);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);max-width:100%}:host(.pds-copytext) pds-button::part(button){padding-block:var(--pine-dimension-2xs);padding-inline:var(--pine-dimension-xs)}:host(.pds-copytext) pds-button::part(button):hover{background-color:var(--copytext-color-background-hover);color:var(--pine-color-text-secondary-hover)}:host(.pds-copytext) pds-button span{font-weight:var(--pine-font-weight-medium);-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs);white-space:nowrap}:host(.pds-copytext) pds-button :nth-child(2){-ms-flex-negative:0;flex-shrink:0}:host(.pds-copytext):host(.pds-copytext--bordered){border-width:var(--pine-dimension-none);padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button{padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button::part(button){padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button::part(button):hover{background-color:transparent}:host(.pds-copytext):host(.pds-copytext--bordered) span{background:var(--pine-color-secondary);border:var(--pine-border);border-radius:var(--pine-border-radius-full);-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm);padding-block:var(--pine-dimension-xs);padding-inline:var(--pine-dimension-sm)}:host(.pds-copytext):host(.pds-copytext--bordered) :hover span{border:var(--pine-border-hover)}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button,:host(.pds-copytext):host(.pds-copytext--truncated) pds-button{display:-ms-inline-flexbox;display:inline-flex;min-width:auto;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button::part(button-content),:host(.pds-copytext):host(.pds-copytext--full-width) pds-button::part(button-text),:host(.pds-copytext):host(.pds-copytext--truncated) pds-button::part(button-content),:host(.pds-copytext):host(.pds-copytext--truncated) pds-button::part(button-text){-ms-flex-negative:1;flex-shrink:1;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button span,:host(.pds-copytext):host(.pds-copytext--truncated) pds-button span{text-align:start;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button{-ms-flex-pack:justify;justify-content:space-between}:host(.pds-copytext):host(.pds-copytext--truncated) pds-button span{overflow:hidden;text-overflow:ellipsis}";export{a as pds_copytext}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as a,H as s}from"./p-M31tvpDN.js";import"./p-BgNaWLoS.js";const d=class{constructor(a){e(this,a),this.icon="star"}render(){return a(s,{key:"1bdcebaa09a696b18871651ef2615d0d400ddbb8"},a("pds-box",{key:"a4dc57f9e758b78fe3d4f2c096fadec53288e47b","align-items":"center",gap:"xs"},a("pds-icon",{key:"2a89c7e1231163b5e4ac20d3d0c3d43af414a11a",icon:this.icon,size:"var(--pine-dimension-sm)","aria-hidden":"true"}),a("slot",{key:"4c4d2ee5ed05ad2ec53bbe4f79fa11c04c8eb44d"})))}};d.style=":host{color:var(--pine-color-text-message);font:var(--pine-typography-body-medium)}";export{d as pds_property}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,i,o,r){function n(t){return t instanceof o?t:new o((function(i){i(t)}))}return new(o||(o=Promise))((function(o,e){function s(t){try{l(r.next(t))}catch(t){e(t)}}function a(t){try{l(r["throw"](t))}catch(t){e(t)}}function l(t){t.done?o(t.value):n(t.value).then(s,a)}l((r=r.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var o={label:0,sent:function(){if(e[0]&1)throw e[1];return e[1]},trys:[],ops:[]},r,n,e,s=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return s.next=a(0),s["throw"]=a(1),s["return"]=a(2),typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(t){return function(i){return l([t,i])}}function l(a){if(r)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(o=0)),o)try{if(r=1,n&&(e=a[0]&2?n["return"]:a[0]?n["throw"]||((e=n["return"])&&e.call(n),0):n.next)&&!(e=e.call(n,a[1])).done)return e;if(n=0,e)a=[a[0]&2,e.value];switch(a[0]){case 0:case 1:e=a;break;case 4:o.label++;return{value:a[1],done:false};case 5:o.label++;n=a[1];a=[0];continue;case 7:a=o.ops.pop();o.trys.pop();continue;default:if(!(e=o.trys,e=e.length>0&&e[e.length-1])&&(a[0]===6||a[0]===2)){o=0;continue}if(a[0]===3&&(!e||a[1]>e[0]&&a[1]<e[3])){o.label=a[1];break}if(a[0]===6&&o.label<e[1]){o.label=e[1];e=a;break}if(e&&o.label<e[2]){o.label=e[2];o.ops.push(a);break}if(e[2])o.ops.pop();o.trys.pop();continue}a=i.call(t,o)}catch(t){a=[6,t];n=0}finally{r=e=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-BK1sLRfg.system.js","./p-BZ1l3LGl.system.js","./p-wB2y8gR7.system.js","./p-BNTlHhoO.system.js"],(function(t){"use strict";var i,o,r,n,e,s,a,l,p,h,d,c,f,u;return{setters:[function(t){i=t.r;o=t.h;r=t.H;n=t.a},function(t){e=t.c;s=t.i},function(t){a=t.f;l=t.o;p=t.i},function(t){h=t.c;d=t.a;c=t.o;f=t.f;u=t.s}],execute:function(){var w=function(){return'.pds-tooltip{--tooltip-border-width-arrow-down:var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) 0;--tooltip-border-width-arrow-left:var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) 0;--tooltip-border-width-arrow-right:var(--tooltip-sizing-arrow) 0 var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow);--tooltip-border-width-arrow-up:0 var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow);--tooltip-sizing-arrow:6px;--tooltip-sizing-arrow-offset:14px;--tooltip-dimension-max-width:344px}:is(dialog,[popover])>.pds-tooltip{font-style:normal;font-weight:normal;letter-spacing:normal;text-align:start;text-indent:0;text-transform:none;white-space:normal;word-spacing:normal}.pds-tooltip__content{background-color:var(--pine-color-primary);border-radius:calc(var(--pine-dimension-xs) * 1.25);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text-primary);max-width:var(--tooltip-dimension-max-width);opacity:0;padding:var(--pine-dimension-xs) calc(var(--pine-dimension-md) / 2);position:relative;visibility:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content}.pds-tooltip--is-open .pds-tooltip__content{opacity:1;visibility:visible;z-index:var(--pine-z-index-raised)}.pds-tooltip.pds-tooltip--has-html-content .pds-tooltip__content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pds-tooltip__content::after{border-color:transparent;border-right-color:transparent;border-style:solid;border-width:var(--tooltip-border-width-arrow-left);content:"";height:0;position:absolute;width:0}.pds-tooltip--right .pds-tooltip__content::after{border-inline-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-left);left:calc(var(--tooltip-sizing-arrow) * -1);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pds-tooltip--right-end .pds-tooltip__content::after{border-inline-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-left);bottom:var(--tooltip-sizing-arrow-offset);left:calc(var(--tooltip-sizing-arrow) * -1);top:initial}.pds-tooltip--right-start .pds-tooltip__content::after{border-inline-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-left);left:calc(var(--tooltip-sizing-arrow) * -1);top:var(--tooltip-sizing-arrow-offset)}.pds-tooltip--top .pds-tooltip__content::after{border-block-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-down);bottom:calc(var(--tooltip-sizing-arrow) * -1);left:50%;top:initial;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pds-tooltip--top-start .pds-tooltip__content::after{border-block-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-down);bottom:calc(var(--tooltip-sizing-arrow) * -1);left:var(--tooltip-sizing-arrow-offset);top:initial}.pds-tooltip--top-end .pds-tooltip__content::after{border-block-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-down);bottom:calc(var(--tooltip-sizing-arrow) * -1);left:initial;right:var(--tooltip-sizing-arrow-offset);top:initial}.pds-tooltip--left .pds-tooltip__content::after{border-inline-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-right);left:initial;right:calc(var(--tooltip-sizing-arrow) * -1);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pds-tooltip--left-end .pds-tooltip__content::after{border-inline-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-right);bottom:var(--tooltip-sizing-arrow-offset);left:initial;right:calc(var(--tooltip-sizing-arrow) * -1);top:initial}.pds-tooltip--left-start .pds-tooltip__content::after{border-inline-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-right);left:initial;right:calc(var(--tooltip-sizing-arrow) * -1);top:var(--tooltip-sizing-arrow-offset)}.pds-tooltip--bottom .pds-tooltip__content::after{border-block-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-up);left:50%;top:calc(var(--tooltip-sizing-arrow) * -1);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pds-tooltip--bottom-end .pds-tooltip__content::after{border-block-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-up);left:initial;right:var(--tooltip-sizing-arrow-offset);top:calc(var(--tooltip-sizing-arrow) * -1)}.pds-tooltip--bottom-start .pds-tooltip__content::after{border-block-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-up);left:var(--tooltip-sizing-arrow-offset);top:calc(var(--tooltip-sizing-arrow) * -1)}.pds-tooltip--no-arrow .pds-tooltip__content::after{border-width:0}'};var v=t("pds_tooltip",function(){function t(t){var o=this;i(this,t);this._isInteractiveOpen=false;this.portalEl=null;this.resolvedPlacement="right";this.triggerEl=null;this.contentDiv=null;this.lastCopiedHtml=null;this.slotMutationObserver=null;this.contentSyncFrame=null;this.currentPathname="";this.pathnameCheckInterval=null;this.stopAutoUpdate=null;this.stopWatchingPortalHost=null;this.hasArrow=true;this.htmlContent=false;this.placement="right";this.maxWidth="352px";this.opened=false;this.hasCheckedReconnect=false;this.handleHide=function(){if(o.opened&&!o._isInteractiveOpen){return}o.hideTooltip();o._isInteractiveOpen=false};this.handleShow=function(){if(o.opened&&!o._isInteractiveOpen){return}o._isInteractiveOpen=true;o.showTooltip()};this.handlePageShow=function(){if(o.opened&&!o._isInteractiveOpen){return}o.opened=false;o._isInteractiveOpen=false};this.handleSpaNavigation=function(){if(o.opened&&!o._isInteractiveOpen){return}o.hideTooltip();o._isInteractiveOpen=false};this.checkPathnameChange=function(){if(window.location.pathname!==o.currentPathname){o.currentPathname=window.location.pathname;o.handleSpaNavigation()}};this.scheduleContentSync=function(){if(o.contentSyncFrame!==null)return;o.contentSyncFrame=requestAnimationFrame((function(){var t;o.contentSyncFrame=null;if(o.portalEl===null||o.contentDiv===null)return;var i=o.copySlottedContent();var r=o.strippedHtml(i);if(r===o.lastCopiedHtml)return;o.lastCopiedHtml=r;o.contentDiv.textContent="";(t=o.contentDiv).append.apply(t,Array.from(i.childNodes));o.repositionPortal().catch((function(t){console.warn("Failed to reposition tooltip after a content change:",t)}))}))}}t.prototype.handleOpenToggle=function(t,i){if(t===false&&i===true){this._isInteractiveOpen=false}};t.prototype.componentWillLoad=function(){this._isInteractiveOpen=false;this.resolvedPlacement=this.placement};t.prototype.componentDidLoad=function(){window.addEventListener("pageshow",this.handlePageShow);this.currentPathname=window.location.pathname;this.triggerEl=this.el.querySelector(".pds-tooltip__trigger")};t.prototype.connectedCallback=function(){this.hasCheckedReconnect=false};t.prototype.disconnectedCallback=function(){window.removeEventListener("pageshow",this.handlePageShow);if(this.portalEl!==null){this.removePortal()}if(this.pathnameCheckInterval!==null){clearInterval(this.pathnameCheckInterval);this.pathnameCheckInterval=null}if(this.stopAutoUpdate!==null){this.stopAutoUpdate();this.stopAutoUpdate=null}};t.prototype.unwrapReconnectedSlots=function(){var t=Array.from(this.el.children).find((function(t){return t.matches(".pds-tooltip__trigger")}));var i=Array.from(this.el.children).find((function(t){return t.matches(".pds-tooltip__content-slot-wrapper")}));if(t===undefined||i===undefined)return;var o=".pds-tooltip__trigger, .pds-tooltip__content-slot-wrapper";var r=function(t){return Array.from(t.children).find((function(t){return t.matches(o)}))};[t,i].forEach((function(o){var n=r(o);var e=function(){var e=n.matches(".pds-tooltip__content-slot-wrapper")?i:t;Array.from(n.childNodes).forEach((function(t){return e===o?o.insertBefore(t,n):e.appendChild(t)}));n.remove();n=r(o)};while(n!==undefined){e()}}))};t.prototype.componentDidRender=function(){if(!this.hasCheckedReconnect){this.unwrapReconnectedSlots();this.hasCheckedReconnect=true}if(this.opened&&this.portalEl===null){this.createPortal()}else if(!this.opened&&this.portalEl!==null){this.removePortal()}if(this.portalEl!==null){this.portalEl.className="pds-tooltip pds-tooltip--".concat(this.resolvedPlacement," ").concat(this.htmlContent?"pds-tooltip--has-html-content":""," ").concat(this.opened?"pds-tooltip--is-open":""," ").concat(this.hasArrow?"":"pds-tooltip--no-arrow");this.portalEl.setAttribute("aria-hidden",this.opened?"false":"true");this.portalEl.setAttribute("aria-live",this.opened?"polite":"off")}};t.prototype.showTooltip=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.opened=true;return[2]}))}))};t.prototype.hideTooltip=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.opened=false;return[2]}))}))};t.prototype.determinePositioningAnchor=function(){var t=this.triggerEl;if(this.triggerEl!==null){var i=this.triggerEl.childNodes;for(var o=0;o<i.length;o++){var r=i[o];if(r.nodeType===Node.ELEMENT_NODE){t=r;break}}}return t};t.prototype.repositionPortal=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,o,r,n,e,s;return __generator(this,(function(a){switch(a.label){case 0:t=this.determinePositioningAnchor();if(!(t!==null&&this.portalEl!==null))return[3,4];a.label=1;case 1:a.trys.push([1,3,,4]);return[4,h(t,this.portalEl,{placement:this.placement,strategy:"fixed",middleware:[c(8),f(),u({padding:5})]})];case 2:i=a.sent(),o=i.x,r=i.y,n=i.placement;this.resolvedPlacement=n;Object.assign(this.portalEl.style,{left:"".concat(o,"px"),top:"".concat(r,"px"),position:"fixed"});this.portalEl.className="pds-tooltip pds-tooltip--".concat(this.resolvedPlacement," ").concat(this.htmlContent?"pds-tooltip--has-html-content":""," ").concat(this.opened?"pds-tooltip--is-open":""," ").concat(this.hasArrow?"":"pds-tooltip--no-arrow");return[3,4];case 3:e=a.sent();console.warn("Failed to position tooltip:",e);this.resolvedPlacement=this.placement;s=t.getBoundingClientRect();this.portalEl.style.left="".concat(s.right+8,"px");this.portalEl.style.top="".concat(s.top,"px");this.portalEl.style.position="fixed";return[3,4];case 4:return[2]}}))}))};t.prototype.createPortal=function(){var t;var i=this;if(this.portalEl!==null)return;this.portalEl=document.createElement("div");this.portalEl.className="pds-tooltip pds-tooltip--".concat(this.resolvedPlacement," ").concat(this.htmlContent?"pds-tooltip--has-html-content":""," ").concat(this.opened?"pds-tooltip--is-open":""," ").concat(this.hasArrow?"":"pds-tooltip--no-arrow");this.portalEl.style.position="fixed";this.portalEl.style.zIndex="var(--pine-z-index-nuclear)";if(this.portalEl.id===""){var o=v.instanceCounter++;var r=this.componentId||this.el.id||"pds-tooltip";this.portalEl.id="".concat(r,"-portal-").concat(o)}if(this.portalEl.getAttribute("id")!==this.portalEl.id){this.portalEl.setAttribute("id",this.portalEl.id)}this.portalEl.setAttribute("role","tooltip");this.portalEl.setAttribute("aria-hidden",this.opened?"false":"true");this.portalEl.setAttribute("aria-live",this.opened?"polite":"off");this.portalEl.style.maxWidth=this.maxWidth;this.contentDiv=document.createElement("div");this.contentDiv.className="pds-tooltip__content";this.contentDiv.setAttribute("aria-hidden",this.opened?"false":"true");this.contentDiv.setAttribute("aria-live",this.opened?"polite":"off");var n=this.copySlottedContent();this.lastCopiedHtml=this.strippedHtml(n);(t=this.contentDiv).append.apply(t,Array.from(n.childNodes));this.portalEl.appendChild(this.contentDiv);var e=a(this.el,p);e.appendChild(this.portalEl);if(e!==document.body)this.stopWatchingPortalHost=l(e,this.handleHide);this.repositionPortal().catch((function(t){console.warn("Failed to position tooltip on creation:",t)}));if(this.triggerEl&&this.portalEl){this.stopAutoUpdate=d(this.triggerEl,this.portalEl,(function(){i.repositionPortal().catch((function(t){console.warn("Failed to reposition tooltip on auto update:",t)}))}))}window.addEventListener("popstate",this.handleSpaNavigation,true);window.addEventListener("hashchange",this.handleSpaNavigation,true);this.pathnameCheckInterval=setInterval(this.checkPathnameChange,100);if(this.triggerEl!==null&&this.portalEl.id!==""){this.triggerEl.setAttribute("aria-describedby",this.portalEl.id)}this.startContentSync()};Object.defineProperty(t.prototype,"contentSlotWrapper",{get:function(){return Array.from(this.el.children).find((function(t){return t.matches(".pds-tooltip__content-slot-wrapper")}))},enumerable:false,configurable:true});t.prototype.copySlottedContent=function(){var t,i;var o=document.createElement("div");var r=(t=this.contentSlotWrapper)===null||t===void 0?void 0:t.querySelector('[slot="content"]');var n=Array.from((i=r===null||r===void 0?void 0:r.childNodes)!==null&&i!==void 0?i:[]).filter((function(t){var i;return t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&((i=t.textContent)===null||i===void 0?void 0:i.trim())!==""}));n.forEach((function(t){return o.appendChild(t.cloneNode(true))}));if(n.length===0&&typeof this.content==="string"&&this.content.trim()!==""){o.textContent=this.content}return o};t.prototype.startContentSync=function(){var t=this.contentSlotWrapper;if(t===undefined||typeof MutationObserver==="undefined")return;this.slotMutationObserver=new MutationObserver(this.scheduleContentSync);this.slotMutationObserver.observe(t,{childList:true,subtree:true,attributes:true,characterData:true})};t.prototype.strippedHtml=function(t){var i=t.cloneNode(true);i.querySelectorAll("*").forEach((function(t){if(!t.localName.startsWith("pds-"))return;var i=e(t.getAttribute("class")||"").filter((function(i){return!s(t,i)}));if(i.length===0){t.removeAttribute("class")}else{t.setAttribute("class",i.join(" "))}}));return i.innerHTML};t.prototype.stopContentSync=function(){if(this.slotMutationObserver!==null){this.slotMutationObserver.disconnect();this.slotMutationObserver=null}if(this.contentSyncFrame!==null){cancelAnimationFrame(this.contentSyncFrame);this.contentSyncFrame=null}};t.prototype.removePortal=function(){this.stopContentSync();if(this.stopAutoUpdate!==null){this.stopAutoUpdate();this.stopAutoUpdate=null}if(this.stopWatchingPortalHost!==null){this.stopWatchingPortalHost();this.stopWatchingPortalHost=null}if(this.pathnameCheckInterval!==null){clearInterval(this.pathnameCheckInterval);this.pathnameCheckInterval=null}if(this.portalEl!==null){window.removeEventListener("popstate",this.handleSpaNavigation,true);window.removeEventListener("hashchange",this.handleSpaNavigation,true);try{if(this.portalEl.parentNode){this.portalEl.parentNode.removeChild(this.portalEl)}}catch(t){console.warn("Portal element could not be removed from DOM:",t)}this.portalEl=null}if(this.triggerEl!==null){this.triggerEl.removeAttribute("aria-describedby")}this.contentDiv=null;this.lastCopiedHtml=null};t.prototype.render=function(){var t=this;var i=this.componentId||undefined;return o(r,{key:"475ff12d4be035e3effa894353e7948b42a23489",id:i,class:{"pds-tooltip--is-open":this.opened}},o("span",{key:"3375dfb5bb86ba373bc5d617f4a53171505631d1",class:"pds-tooltip__trigger",onMouseEnter:this.handleShow,onMouseLeave:this.handleHide,onFocusin:this.handleShow,onFocusout:this.handleHide,ref:function(i){return t.triggerEl=i}},o("slot",{key:"a3392ad415f5ac7f3883100bf914484ffcc8e536"})),o("div",{key:"774ac2c4808e96649b1536569aaf8cf8a6e3abc2",class:"pds-tooltip__content-slot-wrapper",hidden:true},o("slot",{key:"672c64b4acdb365623885ac2105a9b90b1dcfa6b",name:"content"})))};Object.defineProperty(t.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{opened:[{handleOpenToggle:0}]}},enumerable:false,configurable:true});return t}());v.instanceCounter=0;v.style=w()}}}));
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,i,o,r){function n(t){return t instanceof o?t:new o((function(i){i(t)}))}return new(o||(o=Promise))((function(o,e){function s(t){try{l(r.next(t))}catch(t){e(t)}}function a(t){try{l(r["throw"](t))}catch(t){e(t)}}function l(t){t.done?o(t.value):n(t.value).then(s,a)}l((r=r.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var o={label:0,sent:function(){if(e[0]&1)throw e[1];return e[1]},trys:[],ops:[]},r,n,e,s=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return s.next=a(0),s["throw"]=a(1),s["return"]=a(2),typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(t){return function(i){return l([t,i])}}function l(a){if(r)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(o=0)),o)try{if(r=1,n&&(e=a[0]&2?n["return"]:a[0]?n["throw"]||((e=n["return"])&&e.call(n),0):n.next)&&!(e=e.call(n,a[1])).done)return e;if(n=0,e)a=[a[0]&2,e.value];switch(a[0]){case 0:case 1:e=a;break;case 4:o.label++;return{value:a[1],done:false};case 5:o.label++;n=a[1];a=[0];continue;case 7:a=o.ops.pop();o.trys.pop();continue;default:if(!(e=o.trys,e=e.length>0&&e[e.length-1])&&(a[0]===6||a[0]===2)){o=0;continue}if(a[0]===3&&(!e||a[1]>e[0]&&a[1]<e[3])){o.label=a[1];break}if(a[0]===6&&o.label<e[1]){o.label=e[1];e=a;break}if(e&&o.label<e[2]){o.label=e[2];o.ops.push(a);break}if(e[2])o.ops.pop();o.trys.pop();continue}a=i.call(t,o)}catch(t){a=[6,t];n=0}finally{r=e=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-BK1sLRfg.system.js","./p-BZ1l3LGl.system.js","./p-wB2y8gR7.system.js","./p-BNTlHhoO.system.js"],(function(t){"use strict";var i,o,r,n,e,s,a,l,p,h,d,c,f,u;return{setters:[function(t){i=t.r;o=t.h;r=t.H;n=t.a},function(t){e=t.c;s=t.i},function(t){a=t.f;l=t.o;p=t.i},function(t){h=t.c;d=t.a;c=t.o;f=t.f;u=t.s}],execute:function(){var w=function(){return'.pds-tooltip{--tooltip-border-width-arrow-down:var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) 0;--tooltip-border-width-arrow-left:var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) 0;--tooltip-border-width-arrow-right:var(--tooltip-sizing-arrow) 0 var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow);--tooltip-border-width-arrow-up:0 var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow);--tooltip-sizing-arrow:6px;--tooltip-sizing-arrow-offset:14px;--tooltip-dimension-max-width:344px}:is(dialog,[popover])>.pds-tooltip{font-style:normal;font-weight:normal;letter-spacing:normal;text-align:start;text-indent:0;text-transform:none;white-space:normal;word-spacing:normal}.pds-tooltip__content{background-color:var(--pine-color-primary);border-radius:calc(var(--pine-dimension-xs) * 1.25);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text-primary);max-width:var(--tooltip-dimension-max-width);opacity:0;padding:var(--pine-dimension-xs) calc(var(--pine-dimension-md) / 2);position:relative;visibility:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content}.pds-tooltip--is-open .pds-tooltip__content{opacity:1;visibility:visible;z-index:var(--pine-z-index-raised)}.pds-tooltip.pds-tooltip--has-html-content .pds-tooltip__content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pds-tooltip__content::after{border-color:transparent;border-right-color:transparent;border-style:solid;border-width:var(--tooltip-border-width-arrow-left);content:"";height:0;position:absolute;width:0}.pds-tooltip--right .pds-tooltip__content::after{border-inline-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-left);left:calc(var(--tooltip-sizing-arrow) * -1);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pds-tooltip--right-end .pds-tooltip__content::after{border-inline-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-left);bottom:var(--tooltip-sizing-arrow-offset);left:calc(var(--tooltip-sizing-arrow) * -1);top:initial}.pds-tooltip--right-start .pds-tooltip__content::after{border-inline-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-left);left:calc(var(--tooltip-sizing-arrow) * -1);top:var(--tooltip-sizing-arrow-offset)}.pds-tooltip--top .pds-tooltip__content::after{border-block-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-down);bottom:calc(var(--tooltip-sizing-arrow) * -1);left:50%;top:initial;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pds-tooltip--top-start .pds-tooltip__content::after{border-block-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-down);bottom:calc(var(--tooltip-sizing-arrow) * -1);left:var(--tooltip-sizing-arrow-offset);top:initial}.pds-tooltip--top-end .pds-tooltip__content::after{border-block-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-down);bottom:calc(var(--tooltip-sizing-arrow) * -1);left:initial;right:var(--tooltip-sizing-arrow-offset);top:initial}.pds-tooltip--left .pds-tooltip__content::after{border-inline-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-right);left:initial;right:calc(var(--tooltip-sizing-arrow) * -1);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pds-tooltip--left-end .pds-tooltip__content::after{border-inline-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-right);bottom:var(--tooltip-sizing-arrow-offset);left:initial;right:calc(var(--tooltip-sizing-arrow) * -1);top:initial}.pds-tooltip--left-start .pds-tooltip__content::after{border-inline-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-right);left:initial;right:calc(var(--tooltip-sizing-arrow) * -1);top:var(--tooltip-sizing-arrow-offset)}.pds-tooltip--bottom .pds-tooltip__content::after{border-block-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-up);left:50%;top:calc(var(--tooltip-sizing-arrow) * -1);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pds-tooltip--bottom-end .pds-tooltip__content::after{border-block-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-up);left:initial;right:var(--tooltip-sizing-arrow-offset);top:calc(var(--tooltip-sizing-arrow) * -1)}.pds-tooltip--bottom-start .pds-tooltip__content::after{border-block-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-up);left:var(--tooltip-sizing-arrow-offset);top:calc(var(--tooltip-sizing-arrow) * -1)}.pds-tooltip--no-arrow .pds-tooltip__content::after{border-width:0}'};var v=t("pds_tooltip",function(){function t(t){var o=this;i(this,t);this._isInteractiveOpen=false;this.portalEl=null;this.resolvedPlacement="right";this.triggerEl=null;this.contentDiv=null;this.lastCopiedHtml=null;this.slotMutationObserver=null;this.contentSyncFrame=null;this.currentPathname="";this.pathnameCheckInterval=null;this.stopAutoUpdate=null;this.stopWatchingPortalHost=null;this.hasArrow=true;this.htmlContent=false;this.placement="right";this.maxWidth="352px";this.opened=false;this.hasCheckedReconnect=false;this.handleHide=function(){if(o.opened&&!o._isInteractiveOpen){return}o.hideTooltip();o._isInteractiveOpen=false};this.handleShow=function(){if(o.opened&&!o._isInteractiveOpen){return}o._isInteractiveOpen=true;o.showTooltip()};this.handlePageShow=function(){if(o.opened&&!o._isInteractiveOpen){return}o.opened=false;o._isInteractiveOpen=false};this.handleSpaNavigation=function(){if(o.opened&&!o._isInteractiveOpen){return}o.hideTooltip();o._isInteractiveOpen=false};this.checkPathnameChange=function(){if(window.location.pathname!==o.currentPathname){o.currentPathname=window.location.pathname;o.handleSpaNavigation()}};this.scheduleContentSync=function(){if(o.contentSyncFrame!==null)return;o.contentSyncFrame=requestAnimationFrame((function(){var t;o.contentSyncFrame=null;if(o.portalEl===null||o.contentDiv===null)return;var i=o.copySlottedContent();var r=o.strippedHtml(i);if(r===o.lastCopiedHtml)return;o.lastCopiedHtml=r;o.contentDiv.textContent="";(t=o.contentDiv).append.apply(t,Array.from(i.childNodes));o.repositionPortal().catch((function(t){console.warn("Failed to reposition tooltip after a content change:",t)}))}))}}t.prototype.handleOpenToggle=function(t,i){if(t===false&&i===true){this._isInteractiveOpen=false}};t.prototype.componentWillLoad=function(){this._isInteractiveOpen=false;this.resolvedPlacement=this.placement};t.prototype.componentDidLoad=function(){window.addEventListener("pageshow",this.handlePageShow);this.currentPathname=window.location.pathname;this.triggerEl=this.el.querySelector(".pds-tooltip__trigger")};t.prototype.connectedCallback=function(){this.hasCheckedReconnect=false};t.prototype.disconnectedCallback=function(){window.removeEventListener("pageshow",this.handlePageShow);if(this.portalEl!==null){this.removePortal()}if(this.pathnameCheckInterval!==null){clearInterval(this.pathnameCheckInterval);this.pathnameCheckInterval=null}if(this.stopAutoUpdate!==null){this.stopAutoUpdate();this.stopAutoUpdate=null}};t.prototype.unwrapReconnectedSlots=function(){var t=Array.from(this.el.children).find((function(t){return t.matches(".pds-tooltip__trigger")}));var i=Array.from(this.el.children).find((function(t){return t.matches(".pds-tooltip__content-slot-wrapper")}));if(t===undefined||i===undefined)return;var o=".pds-tooltip__trigger, .pds-tooltip__content-slot-wrapper";var r=function(t){return Array.from(t.children).find((function(t){return t.matches(o)}))};[t,i].forEach((function(o){var n=r(o);var e=function(){var e=n.matches(".pds-tooltip__content-slot-wrapper")?i:t;Array.from(n.childNodes).forEach((function(t){return e===o?o.insertBefore(t,n):e.appendChild(t)}));n.remove();n=r(o)};while(n!==undefined){e()}}))};t.prototype.componentDidRender=function(){if(!this.hasCheckedReconnect){this.unwrapReconnectedSlots();this.hasCheckedReconnect=true}if(this.opened&&this.portalEl===null){this.createPortal()}else if(!this.opened&&this.portalEl!==null){this.removePortal()}if(this.portalEl!==null){this.portalEl.className="pds-tooltip pds-tooltip--".concat(this.resolvedPlacement," ").concat(this.htmlContent?"pds-tooltip--has-html-content":""," ").concat(this.opened?"pds-tooltip--is-open":""," ").concat(this.hasArrow?"":"pds-tooltip--no-arrow");this.portalEl.setAttribute("aria-hidden",this.opened?"false":"true");this.portalEl.setAttribute("aria-live",this.opened?"polite":"off")}};t.prototype.showTooltip=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.opened=true;return[2]}))}))};t.prototype.hideTooltip=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.opened=false;return[2]}))}))};t.prototype.determinePositioningAnchor=function(){var t=this.triggerEl;if(this.triggerEl!==null){var i=this.triggerEl.childNodes;for(var o=0;o<i.length;o++){var r=i[o];if(r.nodeType===Node.ELEMENT_NODE){t=r;break}}}return t};t.prototype.repositionPortal=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,o,r,n,e,s;return __generator(this,(function(a){switch(a.label){case 0:t=this.determinePositioningAnchor();if(!(t!==null&&this.portalEl!==null))return[3,4];a.label=1;case 1:a.trys.push([1,3,,4]);return[4,h(t,this.portalEl,{placement:this.placement,strategy:"fixed",middleware:[c(8),f(),u({padding:5})]})];case 2:i=a.sent(),o=i.x,r=i.y,n=i.placement;this.resolvedPlacement=n;Object.assign(this.portalEl.style,{left:"".concat(o,"px"),top:"".concat(r,"px"),position:"fixed"});this.portalEl.className="pds-tooltip pds-tooltip--".concat(this.resolvedPlacement," ").concat(this.htmlContent?"pds-tooltip--has-html-content":""," ").concat(this.opened?"pds-tooltip--is-open":""," ").concat(this.hasArrow?"":"pds-tooltip--no-arrow");return[3,4];case 3:e=a.sent();console.warn("Failed to position tooltip:",e);this.resolvedPlacement=this.placement;s=t.getBoundingClientRect();this.portalEl.style.left="".concat(s.right+8,"px");this.portalEl.style.top="".concat(s.top,"px");this.portalEl.style.position="fixed";return[3,4];case 4:return[2]}}))}))};t.prototype.createPortal=function(){var t;var i=this;if(this.portalEl!==null)return;this.portalEl=document.createElement("div");this.portalEl.className="pds-tooltip pds-tooltip--".concat(this.resolvedPlacement," ").concat(this.htmlContent?"pds-tooltip--has-html-content":""," ").concat(this.opened?"pds-tooltip--is-open":""," ").concat(this.hasArrow?"":"pds-tooltip--no-arrow");this.portalEl.style.position="fixed";this.portalEl.style.zIndex="var(--pine-z-index-nuclear)";if(this.portalEl.id===""){var o=v.instanceCounter++;var r=this.componentId||this.el.id||"pds-tooltip";this.portalEl.id="".concat(r,"-portal-").concat(o)}if(this.portalEl.getAttribute("id")!==this.portalEl.id){this.portalEl.setAttribute("id",this.portalEl.id)}this.portalEl.setAttribute("role","tooltip");this.portalEl.setAttribute("aria-hidden",this.opened?"false":"true");this.portalEl.setAttribute("aria-live",this.opened?"polite":"off");this.portalEl.style.maxWidth=this.maxWidth;this.contentDiv=document.createElement("div");this.contentDiv.className="pds-tooltip__content";this.contentDiv.setAttribute("aria-hidden",this.opened?"false":"true");this.contentDiv.setAttribute("aria-live",this.opened?"polite":"off");var n=this.copySlottedContent();this.lastCopiedHtml=this.strippedHtml(n);(t=this.contentDiv).append.apply(t,Array.from(n.childNodes));this.portalEl.appendChild(this.contentDiv);var e=a(this.el,p);e.appendChild(this.portalEl);if(e!==document.body)this.stopWatchingPortalHost=l(e,this.handleHide);this.repositionPortal().catch((function(t){console.warn("Failed to position tooltip on creation:",t)}));if(this.triggerEl&&this.portalEl){this.stopAutoUpdate=d(this.triggerEl,this.portalEl,(function(){i.repositionPortal().catch((function(t){console.warn("Failed to reposition tooltip on auto update:",t)}))}))}window.addEventListener("popstate",this.handleSpaNavigation,true);window.addEventListener("hashchange",this.handleSpaNavigation,true);this.pathnameCheckInterval=setInterval(this.checkPathnameChange,100);if(this.triggerEl!==null&&this.portalEl.id!==""){this.triggerEl.setAttribute("aria-describedby",this.portalEl.id)}this.startContentSync()};Object.defineProperty(t.prototype,"contentSlotWrapper",{get:function(){return Array.from(this.el.children).find((function(t){return t.matches(".pds-tooltip__content-slot-wrapper")}))},enumerable:false,configurable:true});t.prototype.copySlottedContent=function(){var t,i;var o=document.createElement("div");var r=(t=this.contentSlotWrapper)===null||t===void 0?void 0:t.querySelector('[slot="content"]');var n=Array.from((i=r===null||r===void 0?void 0:r.childNodes)!==null&&i!==void 0?i:[]).filter((function(t){var i;return t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&((i=t.textContent)===null||i===void 0?void 0:i.trim())!==""}));n.forEach((function(t){return o.appendChild(t.cloneNode(true))}));if(n.length===0&&typeof this.content==="string"&&this.content.trim()!==""){o.textContent=this.content}return o};t.prototype.startContentSync=function(){var t=this.contentSlotWrapper;if(t===undefined||typeof MutationObserver==="undefined")return;this.slotMutationObserver=new MutationObserver(this.scheduleContentSync);this.slotMutationObserver.observe(t,{childList:true,subtree:true,attributes:true,characterData:true})};t.prototype.strippedHtml=function(t){var i=t.cloneNode(true);i.querySelectorAll("*").forEach((function(t){if(!t.localName.startsWith("pds-"))return;var i=e(t.getAttribute("class")||"").filter((function(i){return!s(t,i)}));if(i.length===0){t.removeAttribute("class")}else{t.setAttribute("class",i.join(" "))}}));return i.innerHTML};t.prototype.stopContentSync=function(){if(this.slotMutationObserver!==null){this.slotMutationObserver.disconnect();this.slotMutationObserver=null}if(this.contentSyncFrame!==null){cancelAnimationFrame(this.contentSyncFrame);this.contentSyncFrame=null}};t.prototype.removePortal=function(){this.stopContentSync();if(this.stopAutoUpdate!==null){this.stopAutoUpdate();this.stopAutoUpdate=null}if(this.stopWatchingPortalHost!==null){this.stopWatchingPortalHost();this.stopWatchingPortalHost=null}if(this.pathnameCheckInterval!==null){clearInterval(this.pathnameCheckInterval);this.pathnameCheckInterval=null}if(this.portalEl!==null){window.removeEventListener("popstate",this.handleSpaNavigation,true);window.removeEventListener("hashchange",this.handleSpaNavigation,true);try{if(this.portalEl.parentNode){this.portalEl.parentNode.removeChild(this.portalEl)}}catch(t){console.warn("Portal element could not be removed from DOM:",t)}this.portalEl=null}if(this.triggerEl!==null){this.triggerEl.removeAttribute("aria-describedby")}this.contentDiv=null;this.lastCopiedHtml=null};t.prototype.render=function(){var t=this;return o(r,{key:"8e9f4aac519caacca9d7e7bc92a714e09ecc756f",class:{"pds-tooltip--is-open":this.opened}},o("span",{key:"f4a706e2b5bb68ac171c25ae02ae23555860c165",class:"pds-tooltip__trigger",onMouseEnter:this.handleShow,onMouseLeave:this.handleHide,onFocusin:this.handleShow,onFocusout:this.handleHide,ref:function(i){return t.triggerEl=i}},o("slot",{key:"7548da298a2295f40fd1c6a9b4f1e597f687b80e"})),o("div",{key:"e19be5edd901bc8a6f96ace445451a976b92e447",class:"pds-tooltip__content-slot-wrapper",hidden:true},o("slot",{key:"0616e0468350750019afb736d79ac9f49ace4730",name:"content"})))};Object.defineProperty(t.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{opened:[{handleOpenToggle:0}]}},enumerable:false,configurable:true});return t}());v.instanceCounter=0;v.style=w()}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-BK1sLRfg.system.js","./p-BZ1l3LGl.system.js"],(function(e){"use strict";var n,r,
|
|
1
|
+
System.register(["./p-BK1sLRfg.system.js","./p-BZ1l3LGl.system.js"],(function(e){"use strict";var n,r,t;return{setters:[function(e){n=e.r;r=e.h;t=e.H},null],execute:function(){var i=function(){return":host hr{border:0;border-top:var(--pine-border-width-thin) solid var(--pine-color-border);height:0;margin-block:var(--pine-dimension-xs);margin-inline:calc(var(--pine-dimension-xs) * -1)}"};var s=e("pds_dropdown_menu_separator",function(){function e(e){n(this,e);this.disabled=false}e.prototype.render=function(){return r(t,{key:"247de1e84622fc816f541e95da022c7d07b3852c"},r("hr",{key:"d66e06eee972fa962003152a4ec7703d7c66d620"}))};return e}());s.style=i()}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as s,H as r}from"./p-M31tvpDN.js";import"./p-BgNaWLoS.js";const e=class{constructor(s){t(this,s),this.pdsImageLoad=i(this,"pdsImageLoad"),this.pdsImageError=i(this,"pdsImageError"),this.alt="",this.fit="cover",this.loading="eager",this.settled=null,this.emitLoad=()=>{var t;if(!this.hasSource())return;const{currentSrc:i,naturalHeight:s,naturalWidth:r}=this.imageEl;this.showsCurrentSource()&&((null===(t=this.settled)||void 0===t?void 0:t.src)===i&&"load"===this.settled.type||(this.settled={src:i,type:"load"},this.pdsImageLoad.emit({currentSrc:i,naturalHeight:s,naturalWidth:r})))},this.emitError=()=>{var t;if(!this.hasSource())return;const{currentSrc:i}=this.imageEl;this.showsCurrentSource()&&(null===(t=this.settled)||void 0===t?void 0:t.src)!==i&&(this.settled={src:i,type:"error"},this.pdsImageError.emit({currentSrc:i}))}}handleSourceChange(){this.settled=null}componentDidLoad(){const t=this.imageEl;if(!(null==t?void 0:t.complete)||!this.hasSource())return;if(t.naturalWidth>0)return void this.emitLoad();if("function"!=typeof t.decode)return;const i=t.currentSrc;t.decode().then((()=>t.currentSrc===i&&this.emitLoad()),(()=>t.currentSrc===i&&this.emitError()))}hasSource(){const t=this.imageEl;return t.hasAttribute("src")||t.hasAttribute("srcset")}resolvedSrc(){if(null!=this.src)try{return new URL(this.src,document.baseURI).href}catch(t){return this.src}}showsCurrentSource(){var t,i;const s=this.imageEl;if((null!==(t=s.getAttribute("srcset"))&&void 0!==t?t:void 0)!==(null!==(i=this.srcset)&&void 0!==i?i:void 0))return!1;const r=this.resolvedSrc();if(!(void 0===r?!s.hasAttribute("src"):s.src===r))return!1;if(!this.srcset&&this.src)try{return new URL(s.currentSrc,document.baseURI).href===s.src}catch(t){return s.currentSrc===s.src}return!0}imageRatio(){var t;return null!==(t={square:"1 / 1",landscape:"4 / 3",wide:"16 / 9",portrait:"3 / 4",tall:"9 / 16"}[this.ratio])&&void 0!==t?t:this.ratio}render(){const t=null!=this.ratio&&""!==this.ratio,i=t?{aspectRatio:this.imageRatio(),objectFit:this.fit}:void 0;return s(r,{key:"
|
|
1
|
+
import{r as t,c as i,h as s,H as r}from"./p-M31tvpDN.js";import"./p-BgNaWLoS.js";const e=class{constructor(s){t(this,s),this.pdsImageLoad=i(this,"pdsImageLoad"),this.pdsImageError=i(this,"pdsImageError"),this.alt="",this.fit="cover",this.loading="eager",this.settled=null,this.emitLoad=()=>{var t;if(!this.hasSource())return;const{currentSrc:i,naturalHeight:s,naturalWidth:r}=this.imageEl;this.showsCurrentSource()&&((null===(t=this.settled)||void 0===t?void 0:t.src)===i&&"load"===this.settled.type||(this.settled={src:i,type:"load"},this.pdsImageLoad.emit({currentSrc:i,naturalHeight:s,naturalWidth:r})))},this.emitError=()=>{var t;if(!this.hasSource())return;const{currentSrc:i}=this.imageEl;this.showsCurrentSource()&&(null===(t=this.settled)||void 0===t?void 0:t.src)!==i&&(this.settled={src:i,type:"error"},this.pdsImageError.emit({currentSrc:i}))}}handleSourceChange(){this.settled=null}componentDidLoad(){const t=this.imageEl;if(!(null==t?void 0:t.complete)||!this.hasSource())return;if(t.naturalWidth>0)return void this.emitLoad();if("function"!=typeof t.decode)return;const i=t.currentSrc;t.decode().then((()=>t.currentSrc===i&&this.emitLoad()),(()=>t.currentSrc===i&&this.emitError()))}hasSource(){const t=this.imageEl;return t.hasAttribute("src")||t.hasAttribute("srcset")}resolvedSrc(){if(null!=this.src)try{return new URL(this.src,document.baseURI).href}catch(t){return this.src}}showsCurrentSource(){var t,i;const s=this.imageEl;if((null!==(t=s.getAttribute("srcset"))&&void 0!==t?t:void 0)!==(null!==(i=this.srcset)&&void 0!==i?i:void 0))return!1;const r=this.resolvedSrc();if(!(void 0===r?!s.hasAttribute("src"):s.src===r))return!1;if(!this.srcset&&this.src)try{return new URL(s.currentSrc,document.baseURI).href===s.src}catch(t){return s.currentSrc===s.src}return!0}imageRatio(){var t;return null!==(t={square:"1 / 1",landscape:"4 / 3",wide:"16 / 9",portrait:"3 / 4",tall:"9 / 16"}[this.ratio])&&void 0!==t?t:this.ratio}render(){const t=null!=this.ratio&&""!==this.ratio,i=t?{aspectRatio:this.imageRatio(),objectFit:this.fit}:void 0;return s(r,{key:"f01ae0cef8a08b686a62affe14e58661115f1e2e",class:{"pds-image":!0,"pds-image--has-ratio":t}},s("img",{key:"3e609d3b73154ea5c83ae2df58352b0021075373",alt:this.alt,height:this.height,loading:this.loading,sizes:this.sizes,src:this.src,srcset:this.srcset,style:i,width:this.width,onLoad:this.emitLoad,onError:this.emitError,ref:t=>this.imageEl=t}))}static get watchers(){return{src:[{handleSourceChange:0}],srcset:[{handleSourceChange:0}]}}};e.style=":host{--dimension-aspect-ratio:auto;--dimension-object-fit:cover;display:inline-block}img{aspect-ratio:var(--dimension-aspect-ratio);display:block;height:auto;max-width:100%;-o-object-fit:var(--dimension-object-fit);object-fit:var(--dimension-object-fit)}:host(.pds-image--has-ratio){display:block}:host(.pds-image--has-ratio) img{width:100%}";export{e as pds_image}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
System.register(["./p-BK1sLRfg.system.js","./p-BlJQebvG.system.js","./p-BxIzb-Wc.system.js","./p-CIe1DGXa.system.js","./p-BZ1l3LGl.system.js"],(function(i){"use strict";var r,e,s,a,o,n,d,t,u;return{setters:[function(i){r=i.r;e=i.c;s=i.f;a=i.h;o=i.H;n=i.a},function(i){d=i.H},function(i){t=i.m},function(i){u=i.b},null],execute:function(){var l=function(){return".sc-pds-radio-group-h{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-sm)}.is-invalid.sc-pds-radio-group-h .pds-radio-group__message--error.sc-pds-radio-group{color:var(--pine-color-text-message-danger)}.pds-radio-group__label.sc-pds-radio-group{color:var(--pine-color-text-label);font:var(--pine-typography-heading-6);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing-heading-6)}.pds-radio-group__radios.sc-pds-radio-group{display:-ms-flexbox;display:flex;gap:var(--pds-radio-group-gap, var(--pine-dimension-xs))}.pds-radio-group__radios--row.sc-pds-radio-group{-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.pds-radio-group__radios--column.sc-pds-radio-group{-ms-flex-direction:column;flex-direction:column}.pds-radio-group__message.sc-pds-radio-group{color:var(--pine-color-text-message);font:var(--pine-typography-body);width:100%}.pds-radio-group__message--error.sc-pds-radio-group{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-radio-group__message--error.sc-pds-radio-group pds-icon.sc-pds-radio-group{-webkit-margin-before:var(--pine-dimension-050);margin-block-start:var(--pine-dimension-050)}"};var p=/^radio-group-.+__(label|helper-message|error-message)$/;var f=i("pds_radio_group",function(){function i(i){r(this,i);this.pdsRadioGroupChange=e(this,"pdsRadioGroupChange");this.direction="column";this.gap="xs";this.disabled=false;this.invalid=false;this.required=false;this.hostKeeper=new d}i.prototype.handlePropsChange=function(){this.updateChildRadios()};i.prototype.handleRadioChange=function(i){var r=i.target;if(r.type!=="radio"){return}if(r.checked){var e=r.closest("pds-radio");if(e){this.pdsRadioGroupChange.emit({checked:true,value:e.value,componentId:e.componentId})}}};i.prototype.updateChildRadios=function(){var i=this;var r=this.el.querySelectorAll("pds-radio");r.forEach((function(r){if(i.name){r.setAttribute("name",i.name)}else{r.removeAttribute("name")}if(i.disabled){r.setAttribute("disabled","true")}else{r.removeAttribute("disabled")}if(i.invalid){r.setAttribute("invalid","true")}else{r.removeAttribute("invalid")}if(i.required){r.setAttribute("required","true")}else{r.removeAttribute("required")}}))};i.prototype.connectedCallback=function(){var i=this;this.hostKeeper.connect(this.el);this.syncName();if(typeof MutationObserver==="undefined")return;this.hostAriaObserver=new MutationObserver((function(){return i.syncName()}));this.hostAriaObserver.observe(this.el,{attributeFilter:["aria-label","aria-labelledby"]})};i.prototype.disconnectedCallback=function(){var i;this.hostKeeper.disconnect();(i=this.hostAriaObserver)===null||i===void 0?void 0:i.disconnect();this.hostAriaObserver=undefined};i.prototype.syncName=function(){if(this._groupId===undefined)return;if(this.getAriaLabelledBy()!==this.renderedLabelledBy)s(this)};i.prototype.componentWillLoad=function(){var i=this;if(this.componentId){this._groupId=this.componentId}else{var r=typeof crypto!=="undefined"&&crypto.randomUUID?crypto.randomUUID():"".concat(Date.now(),"-").concat(Math.random().toString(36).substring(2,9));this._groupId="radio-group-".concat(r)}["aria-labelledby","aria-describedby"].forEach((function(r){var e;var s=(e=i.el.getAttribute(r))===null||e===void 0?void 0:e.split(/\s+/).filter(Boolean);if(!s)return;var a=s.filter((function(r){return!p.test(r)||r.startsWith("".concat(i._groupId,"__"))}));if(a.length===s.length)return;if(a.length)i.el.setAttribute(r,a.join(" "));else i.el.removeAttribute(r)}))};i.prototype.componentDidLoad=function(){if(!this.name){console.warn("pds-radio-group: name prop is required for proper radio group functionality")}this.updateChildRadios()};i.prototype.componentDidRender=function(){var i=this.el.querySelector(".pds-radio-group__radios");if(i===null)return;var r=".pds-radio-group__radios, .pds-radio-group__label, .pds-radio-group__message";var e=function(){return Array.from(i.children).find((function(i){return i.matches(r)}))};var s=e();while(s!==undefined){if(s.matches(".pds-radio-group__radios")){Array.from(s.childNodes).forEach((function(r){return i.insertBefore(r,s)}))}s.remove();s=e()}};i.prototype.classNames=function(){var i=[];if(this.invalid){i.push("is-invalid")}return i.join(" ")};i.prototype.getGapValue=function(){var i={none:"0",xxs:"var(--pine-dimension-xxs)",xs:"var(--pine-dimension-xs)",sm:"var(--pine-dimension-sm)",md:"var(--pine-dimension-md)",lg:"var(--pine-dimension-lg)",xl:"var(--pine-dimension-xl)",xxl:"var(--pine-dimension-xxl)"};if(i[this.gap]){return i[this.gap]}return"var(--pine-dimension-".concat(this.gap,")")};Object.defineProperty(i.prototype,"labelId",{get:function(){return"".concat(this._groupId,"__label")},enumerable:false,configurable:true});i.prototype.getAriaLabelledBy=function(){var i;var r=this.el.getAttribute("aria-labelledby");if((r===null||r===void 0?void 0:r.trim())&&r!==this.labelId)return r;if((i=this.el.getAttribute("aria-label"))===null||i===void 0?void 0:i.trim())return undefined;return this.groupLabel?this.labelId:undefined};i.prototype.getAriaDescribedBy=function(){var i=[];if(this.errorMessage){i.push(t(this._groupId,"error"))}if(this.helperMessage){i.push(t(this._groupId,"helper"))}return i.length>0?i.join(" "):undefined};i.prototype.render=function(){var i=this;var r=this.getGapValue();var e=this.getAriaDescribedBy();var s=this.getAriaLabelledBy();var n=this.classNames();this.renderedLabelledBy=s;this.hostKeeper.record(n,{"--pds-radio-group-gap":r},{role:"radiogroup","aria-describedby":e,"aria-labelledby":s===this.labelId?s:undefined});return a(o,{key:"d379f29bc62f1855c1a244c3edd800b390a98f54",class:n,role:"radiogroup","aria-labelledby":s,"aria-describedby":e,style:{"--pds-radio-group-gap":r}},this.groupLabel&&a("div",{key:"e2db8af21186405b0c7b6c23422e34b46ca6bbbe",class:"pds-radio-group__label",id:this.labelId},this.groupLabel),a("div",{key:"f818e2b84374979cda34d635ff6e9d1982d67c46",class:{"pds-radio-group__radios":true,"pds-radio-group__radios--row":this.direction==="row","pds-radio-group__radios--column":this.direction==="column"}},a("slot",{key:"f4d61c9495773c33119fcddf270f5a4d345e507b",onSlotchange:function(){return i.updateChildRadios()}})),this.helperMessage&&a("div",{key:"9ba493a3baf04085fba52f9f825024210122f0b5",class:"pds-radio-group__message",id:t(this._groupId,"helper")},this.helperMessage),this.errorMessage&&a("div",{key:"3a11a19683b897b565d615d888c7f9357e0e1ed3",class:"pds-radio-group__message pds-radio-group__message--error",id:t(this._groupId,"error"),"aria-live":"assertive"},a("pds-icon",{key:"c57a25a382cbcc216fffeab849eca06a78cb4b60","aria-hidden":"true",icon:u,size:"small"}),this.errorMessage))};Object.defineProperty(i.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(i,"watchers",{get:function(){return{name:[{handlePropsChange:0}],disabled:[{handlePropsChange:0}],invalid:[{handlePropsChange:0}],required:[{handlePropsChange:0}]}},enumerable:false,configurable:true});return i}());f.style=l()}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as s,h as t,H as i,a}from"./p-M31tvpDN.js";import{H as e}from"./p-Dv9QBmIF.js";import"./p-BgNaWLoS.js";const h=class{constructor(t){s(this,t),this.hostKeeper=new e,this.slotChangeScheduled=!1,this.lastFocusedTab=null,this.handleFocusIn=s=>{var t;const i=null===(t=s.target)||void 0===t?void 0:t.closest("pds-tab");i&&i.closest("pds-tabs")===this.el&&(this.lastFocusedTab=i)},this.handleFocusOut=s=>{const t=this.lastFocusedTab;s.relatedTarget?this.lastFocusedTab=null:queueMicrotask((()=>{this.lastFocusedTab===t&&(null==t?void 0:t.isConnected)&&(this.lastFocusedTab=null)}))},this.divider=!1,this.stretch=!1,this.nav=!1,this.handleSlotChange=()=>{this.slotChangeScheduled||(this.slotChangeScheduled=!0,this.activeTabNameBeforeSlotChange=this.activeTabName,queueMicrotask((()=>{this.slotChangeScheduled=!1,this.recollectAfterSlotChange()})))}}connectedCallback(){this.hostKeeper.connect(this.el),this.el.addEventListener("focusin",this.handleFocusIn),this.el.addEventListener("focusout",this.handleFocusOut);const s=null!=this.tabsSlot;this.setupSlotChangeListeners(),s&&this.handleSlotChange()}disconnectedCallback(){var s,t;this.hostKeeper.disconnect(),this.el.removeEventListener("focusin",this.handleFocusIn),this.el.removeEventListener("focusout",this.handleFocusOut),null===(s=this.tabsSlot)||void 0===s||s.removeEventListener("slotchange",this.handleSlotChange),null===(t=this.tabPanelsSlot)||void 0===t||t.removeEventListener("slotchange",this.handleSlotChange)}componentDidLoad(){this.setupSlotChangeListeners()}tabClickHandler(s){this.componentId===s.detail[1]&&(this.activeTabIndex=s.detail[0],this.activeTabName=this.tabs[this.activeTabIndex].name)}handleKeyDown(s){if(this.isNav)return;const t=s.target.closest("pds-tab"),i=t&&t.closest("pds-tabs")===this.el;["ArrowLeft","ArrowRight","Home","End"].includes(s.key)&&i&&(s.preventDefault(),this.moveActiveTab(s.key))}get isNav(){return!!this.nav}warnOnNavConfig(){var s;if(!(null===(s=this.tabs)||void 0===s?void 0:s.length))return;const t=this.tabs.filter((s=>{const t=s.getAttribute("href");return null!=t&&""!==t})).length;this.nav&&t<this.tabs.length?console.warn("pds-tabs: `nav` is set, so every pds-tab needs an `href`."):!this.nav&&t>0&&console.warn("pds-tabs: a pds-tab has an `href` but `nav` is not set — add `nav` to pds-tabs for navigation mode; the href is ignored in panel mode.")}moveActiveTab(s){const t=this.tabs.length-1;let i=null;switch(s){case"ArrowLeft":i=0===this.activeTabIndex?t:this.activeTabIndex+-1;break;case"ArrowRight":i=this.activeTabIndex===t?0:this.activeTabIndex+1;break;case"Home":i=0;break;case"End":i=t}this.tabs[i].children[0].focus(),this.activeTabName=this.tabs[i].name,this.activeTabIndex=i}findAllChildren(){const s=Array.from(this.el.querySelectorAll("pds-tab")),t=Array.from(this.el.querySelectorAll("pds-tabpanel"));this.tabs=s.filter((s=>s.closest("pds-tabs")===this.el)),this.tabPanels=t.filter((s=>s.closest("pds-tabs")===this.el))}setupSlotChangeListeners(){var s,t,i,a;this.tabsSlot=null===(s=this.el.shadowRoot)||void 0===s?void 0:s.querySelector('slot[name="tabs"]'),this.tabPanelsSlot=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector('slot[name="tabpanels"]'),null===(i=this.tabsSlot)||void 0===i||i.addEventListener("slotchange",this.handleSlotChange),null===(a=this.tabPanelsSlot)||void 0===a||a.addEventListener("slotchange",this.handleSlotChange)}recollectAfterSlotChange(){const s=this.activeTabNameBeforeSlotChange,t=!this.isNav&&null!=this.lastFocusedTab&&!this.lastFocusedTab.isConnected;this.findAllChildren(),this.warnOnNavConfig(),null==s||this.tabs.some((t=>t.name===s))||(this.activeTabName=void 0),this.passPropsToChildren(),t&&(this.lastFocusedTab=null,requestAnimationFrame((()=>{var s;const t=document.activeElement;if(t&&t!==document.body)return;const i=this.tabs.find((s=>s.name===this.activeTabName));null===(s=null==i?void 0:i.querySelector("button"))||void 0===s||s.focus()})))}propGeneration(s,t=0){s.parentComponentId=this.componentId.toString(),s.variant=this.variant,s.selected=this.activeTabName===s.name,s.index=t}passPropsToChildren(){var s;if(!this.nav&&null==this.activeTabName&&this.tabs.length){const t=null!==(s=this.tabs.find((s=>!s.disabled)))&&void 0!==s?s:this.tabs[0];this.activeTabName=t.name}this.tabs.forEach(((s,t)=>{this.activeTabName===s.name&&(this.activeTabIndex=t),this.propGeneration(s,t),s.navMode=this.nav})),this.tabPanels.forEach((s=>{this.propGeneration(s),s.stretch=this.stretch}))}classNames(){let s="pds-tabs";return this.variant&&"primary"!=this.variant&&(s+=` pds-tabs--${this.variant}`),this.divider&&(s+=" pds-tabs--divider"),this.stretch&&(s+=" pds-tabs--stretch"),s}componentWillLoad(){this.findAllChildren(),this.warnOnNavConfig()}componentWillRender(){this.passPropsToChildren()}render(){const s=this.isNav?t("nav",{class:"pds-tabs__tablist","aria-label":this.tablistLabel||void 0,part:"tab-list"},t("slot",{name:"tabs"})):t("div",{class:"pds-tabs__tablist",role:"tablist","aria-label":this.tablistLabel,part:"tab-list"},t("slot",{name:"tabs"})),a=this.classNames();return this.hostKeeper.record(a),t(i,{key:"
|
|
1
|
+
import{r as s,h as t,H as i,a}from"./p-M31tvpDN.js";import{H as e}from"./p-Dv9QBmIF.js";import"./p-BgNaWLoS.js";const h=class{constructor(t){s(this,t),this.hostKeeper=new e,this.slotChangeScheduled=!1,this.lastFocusedTab=null,this.handleFocusIn=s=>{var t;const i=null===(t=s.target)||void 0===t?void 0:t.closest("pds-tab");i&&i.closest("pds-tabs")===this.el&&(this.lastFocusedTab=i)},this.handleFocusOut=s=>{const t=this.lastFocusedTab;s.relatedTarget?this.lastFocusedTab=null:queueMicrotask((()=>{this.lastFocusedTab===t&&(null==t?void 0:t.isConnected)&&(this.lastFocusedTab=null)}))},this.divider=!1,this.stretch=!1,this.nav=!1,this.handleSlotChange=()=>{this.slotChangeScheduled||(this.slotChangeScheduled=!0,this.activeTabNameBeforeSlotChange=this.activeTabName,queueMicrotask((()=>{this.slotChangeScheduled=!1,this.recollectAfterSlotChange()})))}}connectedCallback(){this.hostKeeper.connect(this.el),this.el.addEventListener("focusin",this.handleFocusIn),this.el.addEventListener("focusout",this.handleFocusOut);const s=null!=this.tabsSlot;this.setupSlotChangeListeners(),s&&this.handleSlotChange()}disconnectedCallback(){var s,t;this.hostKeeper.disconnect(),this.el.removeEventListener("focusin",this.handleFocusIn),this.el.removeEventListener("focusout",this.handleFocusOut),null===(s=this.tabsSlot)||void 0===s||s.removeEventListener("slotchange",this.handleSlotChange),null===(t=this.tabPanelsSlot)||void 0===t||t.removeEventListener("slotchange",this.handleSlotChange)}componentDidLoad(){this.setupSlotChangeListeners()}tabClickHandler(s){this.componentId===s.detail[1]&&(this.activeTabIndex=s.detail[0],this.activeTabName=this.tabs[this.activeTabIndex].name)}handleKeyDown(s){if(this.isNav)return;const t=s.target.closest("pds-tab"),i=t&&t.closest("pds-tabs")===this.el;["ArrowLeft","ArrowRight","Home","End"].includes(s.key)&&i&&(s.preventDefault(),this.moveActiveTab(s.key))}get isNav(){return!!this.nav}warnOnNavConfig(){var s;if(!(null===(s=this.tabs)||void 0===s?void 0:s.length))return;const t=this.tabs.filter((s=>{const t=s.getAttribute("href");return null!=t&&""!==t})).length;this.nav&&t<this.tabs.length?console.warn("pds-tabs: `nav` is set, so every pds-tab needs an `href`."):!this.nav&&t>0&&console.warn("pds-tabs: a pds-tab has an `href` but `nav` is not set — add `nav` to pds-tabs for navigation mode; the href is ignored in panel mode.")}moveActiveTab(s){const t=this.tabs.length-1;let i=null;switch(s){case"ArrowLeft":i=0===this.activeTabIndex?t:this.activeTabIndex+-1;break;case"ArrowRight":i=this.activeTabIndex===t?0:this.activeTabIndex+1;break;case"Home":i=0;break;case"End":i=t}this.tabs[i].children[0].focus(),this.activeTabName=this.tabs[i].name,this.activeTabIndex=i}findAllChildren(){const s=Array.from(this.el.querySelectorAll("pds-tab")),t=Array.from(this.el.querySelectorAll("pds-tabpanel"));this.tabs=s.filter((s=>s.closest("pds-tabs")===this.el)),this.tabPanels=t.filter((s=>s.closest("pds-tabs")===this.el))}setupSlotChangeListeners(){var s,t,i,a;this.tabsSlot=null===(s=this.el.shadowRoot)||void 0===s?void 0:s.querySelector('slot[name="tabs"]'),this.tabPanelsSlot=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector('slot[name="tabpanels"]'),null===(i=this.tabsSlot)||void 0===i||i.addEventListener("slotchange",this.handleSlotChange),null===(a=this.tabPanelsSlot)||void 0===a||a.addEventListener("slotchange",this.handleSlotChange)}recollectAfterSlotChange(){const s=this.activeTabNameBeforeSlotChange,t=!this.isNav&&null!=this.lastFocusedTab&&!this.lastFocusedTab.isConnected;this.findAllChildren(),this.warnOnNavConfig(),null==s||this.tabs.some((t=>t.name===s))||(this.activeTabName=void 0),this.passPropsToChildren(),t&&(this.lastFocusedTab=null,requestAnimationFrame((()=>{var s;const t=document.activeElement;if(t&&t!==document.body)return;const i=this.tabs.find((s=>s.name===this.activeTabName));null===(s=null==i?void 0:i.querySelector("button"))||void 0===s||s.focus()})))}propGeneration(s,t=0){s.parentComponentId=this.componentId.toString(),s.variant=this.variant,s.selected=this.activeTabName===s.name,s.index=t}passPropsToChildren(){var s;if(!this.nav&&null==this.activeTabName&&this.tabs.length){const t=null!==(s=this.tabs.find((s=>!s.disabled)))&&void 0!==s?s:this.tabs[0];this.activeTabName=t.name}this.tabs.forEach(((s,t)=>{this.activeTabName===s.name&&(this.activeTabIndex=t),this.propGeneration(s,t),s.navMode=this.nav})),this.tabPanels.forEach((s=>{this.propGeneration(s),s.stretch=this.stretch}))}classNames(){let s="pds-tabs";return this.variant&&"primary"!=this.variant&&(s+=` pds-tabs--${this.variant}`),this.divider&&(s+=" pds-tabs--divider"),this.stretch&&(s+=" pds-tabs--stretch"),s}componentWillLoad(){this.findAllChildren(),this.warnOnNavConfig()}componentWillRender(){this.passPropsToChildren()}render(){const s=this.isNav?t("nav",{class:"pds-tabs__tablist","aria-label":this.tablistLabel||void 0,part:"tab-list"},t("slot",{name:"tabs"})):t("div",{class:"pds-tabs__tablist",role:"tablist","aria-label":this.tablistLabel,part:"tab-list"},t("slot",{name:"tabs"})),a=this.classNames();return this.hostKeeper.record(a),t(i,{key:"6ededb588230706dc0848164e991694490436bf1","active-tab-name":this.activeTabName,class:a},s,t("slot",{key:"68d090b7b6a3bae74ceb66e1487ce96666a38c6e",name:"tabpanels"}))}get el(){return a(this)}};h.style=":host{--tabs-dimension-panel-margin-top:var(--pine-dimension-none);--tabs-dimension-panel-padding:0;display:block}.pds-tabs__tablist{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--pine-dimension-md)}:host(.pds-tabs--divider) .pds-tabs__tablist{-webkit-border-after:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);border-block-end:var(--pine-border-width-thin) solid var(--pine-color-border-subtle)}:host(.pds-tabs--stretch){block-size:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host(.pds-tabs--stretch) .pds-tabs__tablist{-ms-flex:0 0 auto;flex:0 0 auto}:host(.pds-tabs--availability) .pds-tabs__tablist{gap:var(--pine-dimension-xs)}:host(.pds-tabs--filter) .pds-tabs__tablist{gap:var(--pine-dimension-sm)}:host(.pds-tabs--pill) .pds-tabs__tablist{background-color:var(--pine-color-background-app);border:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);border-radius:var(--pine-dimension-100);display:-ms-inline-flexbox;display:inline-flex;display:-ms-flexbox;display:flex;gap:0;height:var(--pine-dimension-450)}";export{h as pds_tabs}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,h as e,H as o}from"./p-M31tvpDN.js";import"./p-BgNaWLoS.js";const i=class{constructor(e){r(this,e),this.disabled=!1}render(){return e(o,{key:"247de1e84622fc816f541e95da022c7d07b3852c"},e("hr",{key:"d66e06eee972fa962003152a4ec7703d7c66d620"}))}};i.style=":host hr{border:0;border-top:var(--pine-border-width-thin) solid var(--pine-color-border);height:0;margin-block:var(--pine-dimension-xs);margin-inline:calc(var(--pine-dimension-xs) * -1)}";export{i as pds_dropdown_menu_separator}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,e,n,o){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,s){function r(t){try{p(o.next(t))}catch(t){s(t)}}function d(t){try{p(o["throw"](t))}catch(t){s(t)}}function p(t){t.done?n(t.value):i(t.value).then(r,d)}p((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},o,i,s,r=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return r.next=d(0),r["throw"]=d(1),r["return"]=d(2),typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function d(t){return function(e){return p([t,e])}}function p(d){if(o)throw new TypeError("Generator is already executing.");while(r&&(r=0,d[0]&&(n=0)),n)try{if(o=1,i&&(s=d[0]&2?i["return"]:d[0]?i["throw"]||((s=i["return"])&&s.call(i),0):i.next)&&!(s=s.call(i,d[1])).done)return s;if(i=0,s)d=[d[0]&2,s.value];switch(d[0]){case 0:case 1:s=d;break;case 4:n.label++;return{value:d[1],done:false};case 5:n.label++;i=d[1];d=[0];continue;case 7:d=n.ops.pop();n.trys.pop();continue;default:if(!(s=n.trys,s=s.length>0&&s[s.length-1])&&(d[0]===6||d[0]===2)){n=0;continue}if(d[0]===3&&(!s||d[1]>s[0]&&d[1]<s[3])){n.label=d[1];break}if(d[0]===6&&n.label<s[1]){n.label=s[1];s=d;break}if(s&&n.label<s[2]){n.label=s[2];n.ops.push(d);break}if(s[2])n.ops.pop();n.trys.pop();continue}d=e.call(t,n)}catch(t){d=[6,t];i=0}finally{o=s=0}if(d[0]&5)throw d[1];return{value:d[0]?d[1]:void 0,done:true}}};System.register(["./p-BK1sLRfg.system.js","./p-BlJQebvG.system.js","./p-CIe1DGXa.system.js","./p-Bkho_oFB.system.js","./p-C35-349-.system.js","./p-BZ1l3LGl.system.js","./p-BNTlHhoO.system.js","./p-wB2y8gR7.system.js"],(function(t){"use strict";var e,n,o,i,s,r,d,p,a;return{setters:[function(t){e=t.r;n=t.c;o=t.h;i=t.H;s=t.a},function(t){r=t.H},function(t){d=t.a},function(t){p=t.r},function(t){a=t.s},null,null,null],execute:function(){var c=function(){return":host(.pds-copytext){--copytext-color-background-hover:var(--pine-color-background-inset)}:host(.pds-copytext) pds-button{-ms-flex-align:center;align-items:center;border-radius:var(--pine-border-radius-full);border-width:var(--pine-dimension-none);display:-ms-inline-flexbox;display:inline-flex;font-family:var(--pine-font-family-heading);font-size:var(--pine-font-size-body-md);font-weight:var(--pine-font-weight-body-medium);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);max-width:100%}:host(.pds-copytext) pds-button::part(button){padding-block:var(--pine-dimension-2xs);padding-inline:var(--pine-dimension-xs)}:host(.pds-copytext) pds-button::part(button):hover{background-color:var(--copytext-color-background-hover);color:var(--pine-color-text-secondary-hover)}:host(.pds-copytext) pds-button span{font-weight:var(--pine-font-weight-medium);-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs);white-space:nowrap}:host(.pds-copytext) pds-button :nth-child(2){-ms-flex-negative:0;flex-shrink:0}:host(.pds-copytext):host(.pds-copytext--bordered){border-width:var(--pine-dimension-none);padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button{padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button::part(button){padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button::part(button):hover{background-color:transparent}:host(.pds-copytext):host(.pds-copytext--bordered) span{background:var(--pine-color-secondary);border:var(--pine-border);border-radius:var(--pine-border-radius-full);-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm);padding-block:var(--pine-dimension-xs);padding-inline:var(--pine-dimension-sm)}:host(.pds-copytext):host(.pds-copytext--bordered) :hover span{border:var(--pine-border-hover)}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button,:host(.pds-copytext):host(.pds-copytext--truncated) pds-button{display:-ms-inline-flexbox;display:inline-flex;min-width:auto;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button::part(button-content),:host(.pds-copytext):host(.pds-copytext--full-width) pds-button::part(button-text),:host(.pds-copytext):host(.pds-copytext--truncated) pds-button::part(button-content),:host(.pds-copytext):host(.pds-copytext--truncated) pds-button::part(button-text){-ms-flex-negative:1;flex-shrink:1;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button span,:host(.pds-copytext):host(.pds-copytext--truncated) pds-button span{text-align:start;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button{-ms-flex-pack:justify;justify-content:space-between}:host(.pds-copytext):host(.pds-copytext--truncated) pds-button span{overflow:hidden;text-overflow:ellipsis}"};var u=t("pds_copytext",function(){function t(t){var o=this;e(this,t);this.pdsCopyTextClick=n(this,"pdsCopyTextClick");this.hostKeeper=new r;this.truncationCleanup=null;this.border=true;this.fullWidth=false;this.truncate=false;this.copyToClipboard=function(t){return __awaiter(o,void 0,void 0,(function(){var e;return __generator(this,(function(n){switch(n.label){case 0:n.trys.push([0,3,,4]);if(!(typeof navigator.clipboard!=="undefined"))return[3,2];return[4,navigator.clipboard.writeText(t)];case 1:n.sent();this.pdsCopyTextClick.emit("Copied to clipboard");n.label=2;case 2:return[3,4];case 3:e=n.sent();this.pdsCopyTextClick.emit("Error writing text to clipboard: ".concat(e));return[3,4];case 4:return[2]}}))}))};this.handleClick=function(){o.copyToClipboard(o.value)}}t.prototype.connectedCallback=function(){this.hostKeeper.connect(this.el);if(this.truncate&&this.valueSpanEl){this.initTruncationTooltip()}};t.prototype.restoreBorderDefault=function(t){this.border=p(this.el,"border",t,true)};t.prototype.handleTruncateChange=function(t){if(t){this.initTruncationTooltip()}else{this.destroyTruncationTooltip()}};t.prototype.handleValueChange=function(){if(this.truncate){this.initTruncationTooltip()}};t.prototype.componentDidLoad=function(){if(this.truncate){this.initTruncationTooltip()}};t.prototype.disconnectedCallback=function(){this.hostKeeper.disconnect();this.destroyTruncationTooltip()};t.prototype.initTruncationTooltip=function(){var t=this;this.destroyTruncationTooltip();if(this.valueSpanEl){this.truncationCleanup=a({hostEl:this.el,contentEl:this.valueSpanEl,getTooltipText:function(){return t.value||""},manageTabIndex:false})}};t.prototype.destroyTruncationTooltip=function(){if(this.truncationCleanup){this.truncationCleanup();this.truncationCleanup=null}};t.prototype.classNames=function(){var t=["pds-copytext"];if(this.border){t.push("pds-copytext--bordered")}if(this.fullWidth){t.push("pds-copytext--full-width")}if(this.truncate){t.push("pds-copytext--truncated")}return t.join(" ")};t.prototype.render=function(){var t=this;var e=this.classNames();this.hostKeeper.record(e);return o(i,{key:"
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,n,o){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,s){function r(t){try{p(o.next(t))}catch(t){s(t)}}function d(t){try{p(o["throw"](t))}catch(t){s(t)}}function p(t){t.done?n(t.value):i(t.value).then(r,d)}p((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},o,i,s,r=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return r.next=d(0),r["throw"]=d(1),r["return"]=d(2),typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function d(t){return function(e){return p([t,e])}}function p(d){if(o)throw new TypeError("Generator is already executing.");while(r&&(r=0,d[0]&&(n=0)),n)try{if(o=1,i&&(s=d[0]&2?i["return"]:d[0]?i["throw"]||((s=i["return"])&&s.call(i),0):i.next)&&!(s=s.call(i,d[1])).done)return s;if(i=0,s)d=[d[0]&2,s.value];switch(d[0]){case 0:case 1:s=d;break;case 4:n.label++;return{value:d[1],done:false};case 5:n.label++;i=d[1];d=[0];continue;case 7:d=n.ops.pop();n.trys.pop();continue;default:if(!(s=n.trys,s=s.length>0&&s[s.length-1])&&(d[0]===6||d[0]===2)){n=0;continue}if(d[0]===3&&(!s||d[1]>s[0]&&d[1]<s[3])){n.label=d[1];break}if(d[0]===6&&n.label<s[1]){n.label=s[1];s=d;break}if(s&&n.label<s[2]){n.label=s[2];n.ops.push(d);break}if(s[2])n.ops.pop();n.trys.pop();continue}d=e.call(t,n)}catch(t){d=[6,t];i=0}finally{o=s=0}if(d[0]&5)throw d[1];return{value:d[0]?d[1]:void 0,done:true}}};System.register(["./p-BK1sLRfg.system.js","./p-BlJQebvG.system.js","./p-CIe1DGXa.system.js","./p-Bkho_oFB.system.js","./p-C35-349-.system.js","./p-BZ1l3LGl.system.js","./p-BNTlHhoO.system.js","./p-wB2y8gR7.system.js"],(function(t){"use strict";var e,n,o,i,s,r,d,p,a;return{setters:[function(t){e=t.r;n=t.c;o=t.h;i=t.H;s=t.a},function(t){r=t.H},function(t){d=t.a},function(t){p=t.r},function(t){a=t.s},null,null,null],execute:function(){var c=function(){return":host(.pds-copytext){--copytext-color-background-hover:var(--pine-color-background-inset)}:host(.pds-copytext) pds-button{-ms-flex-align:center;align-items:center;border-radius:var(--pine-border-radius-full);border-width:var(--pine-dimension-none);display:-ms-inline-flexbox;display:inline-flex;font-family:var(--pine-font-family-heading);font-size:var(--pine-font-size-body-md);font-weight:var(--pine-font-weight-body-medium);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);max-width:100%}:host(.pds-copytext) pds-button::part(button){padding-block:var(--pine-dimension-2xs);padding-inline:var(--pine-dimension-xs)}:host(.pds-copytext) pds-button::part(button):hover{background-color:var(--copytext-color-background-hover);color:var(--pine-color-text-secondary-hover)}:host(.pds-copytext) pds-button span{font-weight:var(--pine-font-weight-medium);-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs);white-space:nowrap}:host(.pds-copytext) pds-button :nth-child(2){-ms-flex-negative:0;flex-shrink:0}:host(.pds-copytext):host(.pds-copytext--bordered){border-width:var(--pine-dimension-none);padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button{padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button::part(button){padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button::part(button):hover{background-color:transparent}:host(.pds-copytext):host(.pds-copytext--bordered) span{background:var(--pine-color-secondary);border:var(--pine-border);border-radius:var(--pine-border-radius-full);-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm);padding-block:var(--pine-dimension-xs);padding-inline:var(--pine-dimension-sm)}:host(.pds-copytext):host(.pds-copytext--bordered) :hover span{border:var(--pine-border-hover)}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button,:host(.pds-copytext):host(.pds-copytext--truncated) pds-button{display:-ms-inline-flexbox;display:inline-flex;min-width:auto;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button::part(button-content),:host(.pds-copytext):host(.pds-copytext--full-width) pds-button::part(button-text),:host(.pds-copytext):host(.pds-copytext--truncated) pds-button::part(button-content),:host(.pds-copytext):host(.pds-copytext--truncated) pds-button::part(button-text){-ms-flex-negative:1;flex-shrink:1;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button span,:host(.pds-copytext):host(.pds-copytext--truncated) pds-button span{text-align:start;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button{-ms-flex-pack:justify;justify-content:space-between}:host(.pds-copytext):host(.pds-copytext--truncated) pds-button span{overflow:hidden;text-overflow:ellipsis}"};var u=t("pds_copytext",function(){function t(t){var o=this;e(this,t);this.pdsCopyTextClick=n(this,"pdsCopyTextClick");this.hostKeeper=new r;this.truncationCleanup=null;this.border=true;this.fullWidth=false;this.truncate=false;this.copyToClipboard=function(t){return __awaiter(o,void 0,void 0,(function(){var e;return __generator(this,(function(n){switch(n.label){case 0:n.trys.push([0,3,,4]);if(!(typeof navigator.clipboard!=="undefined"))return[3,2];return[4,navigator.clipboard.writeText(t)];case 1:n.sent();this.pdsCopyTextClick.emit("Copied to clipboard");n.label=2;case 2:return[3,4];case 3:e=n.sent();this.pdsCopyTextClick.emit("Error writing text to clipboard: ".concat(e));return[3,4];case 4:return[2]}}))}))};this.handleClick=function(){o.copyToClipboard(o.value)}}t.prototype.connectedCallback=function(){this.hostKeeper.connect(this.el);if(this.truncate&&this.valueSpanEl){this.initTruncationTooltip()}};t.prototype.restoreBorderDefault=function(t){this.border=p(this.el,"border",t,true)};t.prototype.handleTruncateChange=function(t){if(t){this.initTruncationTooltip()}else{this.destroyTruncationTooltip()}};t.prototype.handleValueChange=function(){if(this.truncate){this.initTruncationTooltip()}};t.prototype.componentDidLoad=function(){if(this.truncate){this.initTruncationTooltip()}};t.prototype.disconnectedCallback=function(){this.hostKeeper.disconnect();this.destroyTruncationTooltip()};t.prototype.initTruncationTooltip=function(){var t=this;this.destroyTruncationTooltip();if(this.valueSpanEl){this.truncationCleanup=a({hostEl:this.el,contentEl:this.valueSpanEl,getTooltipText:function(){return t.value||""},manageTabIndex:false})}};t.prototype.destroyTruncationTooltip=function(){if(this.truncationCleanup){this.truncationCleanup();this.truncationCleanup=null}};t.prototype.classNames=function(){var t=["pds-copytext"];if(this.border){t.push("pds-copytext--bordered")}if(this.fullWidth){t.push("pds-copytext--full-width")}if(this.truncate){t.push("pds-copytext--truncated")}return t.join(" ")};t.prototype.render=function(){var t=this;var e=this.classNames();this.hostKeeper.record(e);return o(i,{key:"088bbb25115146cf5ebce5ba98596ac987982ca1",class:e},o("pds-button",{key:"c6ca05402e3957f129e95f8545ebfb0393baf648",type:"button",variant:"unstyled",onClick:this.handleClick},o("span",{key:"95b0114960772b8d41ac1c55140eed73844be54b",ref:function(e){return t.valueSpanEl=e}},this.value),o("pds-icon",{key:"49a1a13daf1bd9d875f6bc518f7002dc33652863","aria-hidden":"true",icon:d,size:"16px"})))};Object.defineProperty(t.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{border:[{restoreBorderDefault:0}],truncate:[{handleTruncateChange:0}],value:[{handleValueChange:0}]}},enumerable:false,configurable:true});return t}());u.style=c()}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as t,h as e,H as s,a as n}from"./p-M31tvpDN.js";import{a as o,c as r,o as l,f as a,s as d,b as h}from"./p-Cuc0DYlm.js";import{c as p,d as c,f as u}from"./p-OYK5-nwe.js";import{i as m,a as v,m as g}from"./p-BuRbS7Hp.js";import{e as b,b as _}from"./p-B0DXTeeV.js";import{f,p as x}from"./p-BJgZHCWe.js";import{b as w}from"./p-biShcgLI.js";import"./p-BgNaWLoS.js";import"./p-CKRzRKdO.js";const y=/^[a-z0-9-]+$/i,k='a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])',S=class{constructor(e){i(this,e),this.pdsMultiselectChange=t(this,"pdsMultiselectChange"),this.pdsMultiselectSearch=t(this,"pdsMultiselectSearch"),this.pdsMultiselectLoadOptions=t(this,"pdsMultiselectLoadOptions"),this.pdsMultiselectCreate=t(this,"pdsMultiselectCreate"),this.pdsMultiselectDismiss=t(this,"pdsMultiselectDismiss"),this.pdsMultiselectOptionAction=t(this,"pdsMultiselectOptionAction"),this.triggerTextTooltip=w((i=>{var t;return{hostEl:null!==(t=i.closest('[part="trigger"]'))&&void 0!==t?t:i,contentEl:i,getTooltipText:()=>this.getTriggerText(),manageTabIndex:!1}})),this.selectedItemTooltips=w((i=>({hostEl:i,contentEl:i,getTooltipText:()=>{var t;return null!==(t=i.textContent)&&void 0!==t?t:""}}))),this.hasDisabledSlottedTrigger=!1,this.placeholder="Select...",this.searchPlaceholder="Find...",this.searchOptionsLabel="Search options",this.selectedItemsLabel="Selected items",this.optionsLabel="Options",this.noOptionsFoundLabel="No options found",this.createOptionLabel='Add "{text}"',this.createOptionAriaLabel="Create new tag: {text}",this.itemRemovedLabel="{item} removed",this.pillRemoveLabel="Remove",this.selectedCountLabelOne="{count} item",this.selectedCountLabelOther="{count} items",this.closePanelOnSelect=!1,this.value=[],this.disabled=!1,this.asyncMethod="GET",this.debounce=300,this.fetchTimeout=3e4,this.maxHeight="300px",this.triggerWidth="100%",this.minWidth="250px",this.hideLabel=!1,this.hideSelectedItems=!1,this.selectedDisplay="count",this.pillPosition="inline",this.maxInlinePills=3,this.optionDisplay="text",this.required=!1,this.loading=!1,this.csrfHeaderName="X-CSRF-Token",this.optionActions=!1,this.optionActionLabel="Edit {text}",this.optionActionDescription="Press Right Arrow to {action}",this.isOpen=!1,this.searchQuery="",this.highlightedIndex=-1,this.internalOptions=[],this.selectedItems=[],this.currentPage=1,this.hasMore=!1,this.creating=!1,this.removalAnnouncement="",this.isOpening=!1,this.isClosingViaSelection=!1,this.initialAsyncFetchTriggered=!1,this.pendingUnresolvedFetch=!1,this.handleTriggerClick=i=>{if(!this.disabled){if(i&&!this.slottedTriggerEl&&"pill"===this.selectedDisplay&&"inline"===this.pillPosition&&i.composedPath().some((i=>{var t;return"pds-chip"===(null===(t=i.tagName)||void 0===t?void 0:t.toLowerCase())})))return;this.isOpen?this.closeDropdown():this.openDropdown()}},this.handleTriggerKeyDown=i=>{if(!this.disabled&&i.target===this.activeTriggerEl)switch(i.key){case"ArrowDown":case"ArrowUp":case"Enter":case" ":i.preventDefault(),this.isOpen||this.openDropdown()}},this.handleSearchInputChange=i=>{this.searchQuery=i.target.value,this.highlightedIndex=-1,this.pdsMultiselectSearch.emit({query:this.searchQuery}),this.asyncUrl&&this.debouncedFetchAsyncOptions(this.searchQuery,1)},this.handleSearchInputKeyDown=i=>{var t,e,s;const n=this.getFilteredOptions();switch(i.key){case"ArrowDown":{i.preventDefault();let e=this.highlightedIndex+1;for(;e<n.length&&(null===(t=n[e])||void 0===t?void 0:t.disabled);)e++;e<n.length&&(this.highlightedIndex=e,this.scrollOptionIntoView());break}case"ArrowUp":{i.preventDefault();let t=Math.max(this.highlightedIndex-1,0);for(;t>0&&(null===(e=n[t])||void 0===e?void 0:e.disabled);)t--;(null===(s=n[t])||void 0===s?void 0:s.disabled)||(this.highlightedIndex=t,this.scrollOptionIntoView());break}case"Enter":if(i.preventDefault(),this.highlightedIndex>=0){const i=n[this.highlightedIndex];i&&this.selectOption(i)}break;case"ArrowRight":{const t=n[this.highlightedIndex];!(i.altKey||i.ctrlKey||i.metaKey||i.shiftKey||i.isComposing)&&t&&this.hasOptionAction(t)&&this.isCaretAtEndOfSearch()&&(i.preventDefault(),this.runOptionAction(t));break}case"Tab":{const t=i.shiftKey?void 0:this.getSelectedItemTabbables()[0];void 0!==t?(t.focus(),i.preventDefault()):this.tabPastOptions(i);break}}},this.handleSelectedListKeyDown=i=>{"Tab"!==i.key||i.shiftKey||i.composedPath()[0]!==this.getSelectedItemTabbables().pop()||this.tabPastOptions(i)},this.handleFooterKeyDown=i=>{var t,e;if("Tab"!==i.key)return;const s=this.getFooterTabbables(),n=i.composedPath()[0];i.shiftKey&&n===s[0]?(i.preventDefault(),null===(e=null!==(t=this.getSelectedItemTabbables().pop())&&void 0!==t?t:this.searchInputEl)||void 0===e||e.focus()):i.shiftKey||n!==s[s.length-1]||this.closeDropdown()},this.handleContainerFocusOut=()=>{setTimeout((()=>{var i;if(!this.isOpen||this.isOpening||this.isClosingViaSelection)return;const t=document.activeElement,e=null===(i=this.el.shadowRoot)||void 0===i?void 0:i.contains(t),s=this.el.contains(t);e||s||(this.pdsMultiselectDismiss.emit(),this.closeDropdown())}),0)},this.handleOptionMouseDown=i=>t=>{t.preventDefault(),this.toggleOption(i)},this.handleOptionClick=i=>{i.preventDefault()},this.handleOptionMouseEnter=(i,t)=>()=>{t.disabled||(this.highlightedIndex=i)},this.handleOptionActionMouseDown=i=>{i.preventDefault(),i.stopPropagation()},this.handleOptionActionClick=i=>()=>{this.runOptionAction(i)},this.handleFooterMouseDown=i=>{i.preventDefault()},this.handleScroll=i=>{if(!this.asyncUrl||!this.hasMore||this.loading)return;const t=i.target;t.scrollHeight-t.scrollTop-t.clientHeight<50&&(this.pdsMultiselectLoadOptions.emit({query:this.searchQuery,page:this.currentPage+1}),this.debouncedFetchAsyncOptions(this.searchQuery,this.currentPage+1))},this.handlePillRemove=i=>()=>{var t,e;if(this.disabled)return;const s=String(i.id);this.value=this.value.filter((i=>i!==s)),this.syncSelectedItems(),this.emitChange({removed:[s]}),this.removalAnnouncement="",queueMicrotask((()=>{this.removalAnnouncement=f(this.itemRemovedLabel,{item:i.text})})),this.isClosingViaSelection=!0,this.isOpen?null===(t=this.searchInputEl)||void 0===t||t.focus():null===(e=this.activeTriggerEl)||void 0===e||e.focus(),setTimeout((()=>{this.isClosingViaSelection=!1}),0)}}connectedCallback(){this.el.attachInternals&&!this.internals&&(this.internals=this.el.attachInternals()),this.syncTruncationTooltips()}formDisabledCallback(i){i&&!this.el.closest("fieldset[disabled]")||(this.disabled=i)}componentWillLoad(){this.originalSearchEmitter=this.pdsMultiselectSearch,this.syncSelectedItems(),this.syncSlottedTrigger()}componentDidLoad(){this.setupDebounce(),this.setupMutationObserver(),this.setupSlotChangeListener(),this.updateFormValue(),requestAnimationFrame((()=>{this.updateOptionsFromSlot(),this.syncSelectedItems()})),this.asyncUrl&&this.ensureValueArray().length>0&&(this.initialAsyncFetchTriggered=!0,this.fetchOptions("",1))}setupSlotChangeListener(){var i;const t=null===(i=this.el.shadowRoot)||void 0===i?void 0:i.querySelector("slot:not([name])");t&&(t.addEventListener("slotchange",(()=>{this.updateOptionsFromSlot(),this.syncSelectedItems()})),this.updateOptionsFromSlot())}componentDidRender(){this.syncTruncationTooltips()}syncTruncationTooltips(){var i;const t=this.el.shadowRoot;this.triggerTextTooltip.sync([null==t?void 0:t.querySelector(".pds-multiselect__trigger-text")]),this.selectedItemTooltips.sync(null!==(i=null==t?void 0:t.querySelectorAll(".pds-multiselect__selected-item"))&&void 0!==i?i:[])}disconnectedCallback(){var i,t;this.triggerTextTooltip.destroy(),this.selectedItemTooltips.destroy(),p(this.pdsMultiselectSearch),null===(i=this.observer)||void 0===i||i.disconnect(),null===(t=this.cleanupAutoUpdate)||void 0===t||t.call(this),this.clearAsyncFetchState()}setupDebounce(){const{pdsMultiselectSearch:i,debounce:t,originalSearchEmitter:e}=this;this.pdsMultiselectSearch=void 0===t?null!=e?e:i:c(i,t),u(i)}valueChanged(i){if("string"==typeof i)try{const t=JSON.parse(i);if(Array.isArray(t))return void(this.value=t)}catch(t){return void(this.value=i?[i]:[])}if(this.syncSelectedItems(),this.updateFormValue(),this.asyncUrl){const i=this.ensureValueArray();i.length>0&&this.selectedItems.length<i.length&&(this.loading?this.pendingUnresolvedFetch=!0:this.fetchOptions("",1))}}optionsChanged(){this.options&&(this.internalOptions=[...this.options])}internalOptionsChanged(){this.syncSelectedItems()}isOpenChanged(){var i;null===(i=this.slottedTriggerEl)||void 0===i||i.setAttribute("aria-expanded",String(this.isOpen))}disabledChanged(i){var t,e;if(this.syncSlottedTrigger(),!i||!this.isOpen)return;const s=document.activeElement,n=!(!(null===(t=this.el.shadowRoot)||void 0===t?void 0:t.contains(s))&&!this.el.contains(s));this.closeDropdown(),n&&(null===(e=this.activeTriggerEl)||void 0===e||e.focus())}async setFocus(){var i;null===(i=this.activeTriggerEl)||void 0===i||i.focus()}async clear(){const i=this.value.length>0||""!==this.searchQuery,t=this.ensureValueArray();this.value=[],this.searchQuery="",this.syncSelectedItems(),this.updateFormValue(),i&&this.emitChange({removed:t})}async refreshOptions(){await this.fetchOptions(this.searchQuery,1)}handleWindowKeyDown(i){var t;this.isOpen&&!i.defaultPrevented&&"Escape"===i.key&&(i.preventDefault(),this.pdsMultiselectDismiss.emit(),this.closeDropdown(),null===(t=this.activeTriggerEl)||void 0===t||t.focus())}get activeTriggerEl(){var i;return null!==(i=this.slottedTriggerEl)&&void 0!==i?i:this.triggerEl}syncSlottedTrigger(){const i=Array.from(this.el.children).find((i=>"trigger"===i.getAttribute("slot")));if(i!==this.slottedTriggerEl){const t=this.slottedTriggerEl;t&&(t.removeEventListener("click",this.handleTriggerClick),t.removeEventListener("keydown",this.handleTriggerKeyDown),t.removeAttribute("aria-expanded"),t.removeAttribute("aria-haspopup"),t.removeAttribute("aria-disabled"),this.setSlottedTriggerDisabled(t,!1)),null==i||i.addEventListener("click",this.handleTriggerClick),null==i||i.addEventListener("keydown",this.handleTriggerKeyDown),this.slottedTriggerEl=i}i&&(i.setAttribute("aria-haspopup","listbox"),i.setAttribute("aria-expanded",String(this.isOpen)),this.disabled?i.setAttribute("aria-disabled","true"):i.removeAttribute("aria-disabled"),this.setSlottedTriggerDisabled(i,this.disabled))}setSlottedTriggerDisabled(i,t){if(!("disabled"in i))return void(t&&i.localName.includes("-")&&void 0===customElements.get(i.localName)&&customElements.whenDefined(i.localName).then((()=>this.syncSlottedTrigger())));const e=i;t&&!e.disabled?(e.disabled=!0,this.hasDisabledSlottedTrigger=!0):!t&&this.hasDisabledSlottedTrigger&&(e.disabled=!1,this.hasDisabledSlottedTrigger=!1)}setupMutationObserver(){this.observer=new MutationObserver((i=>{i.some((i=>i.target===this.el))&&this.syncSlottedTrigger();const t=this.slottedTriggerEl;t&&!i.some((i=>!t.contains(i.target)))||this.updateOptionsFromSlot()})),this.observer.observe(this.el,{childList:!0,subtree:!0})}updateOptionsFromSlot(){var i;const t=null===(i=this.el.shadowRoot)||void 0===i?void 0:i.querySelector("slot:not([name])");if(!t)return;const e=[];t.assignedElements({flatten:!0}).forEach((i=>{if("OPTGROUP"===i.tagName){const t=i.label,s=i.disabled;i.querySelectorAll("option").forEach((i=>{const n=this.parseSlottedOption(i,s);t&&(n.group=t),e.push(n)}))}else"OPTION"===i.tagName&&e.push(this.parseSlottedOption(i,!1))})),e.length>0&&!this.asyncUrl&&!this.options&&(this.internalOptions=e)}parseSlottedOption(i,t){var e;const s={id:i.value,text:(null===(e=i.textContent)||void 0===e?void 0:e.trim())||i.value,disabled:i.disabled||t||void 0},n=i.getAttribute("data-dot-color");n&&(s.dotColor=n);const o=i.getAttribute("data-action-icon");o&&(s.actionIcon=o);const r=i.getAttribute("data-action-label");return r&&(s.actionLabel=r),s}clearAsyncFetchState(){var i;void 0!==this.fetchDebounceTimer&&(window.clearTimeout(this.fetchDebounceTimer),this.fetchDebounceTimer=void 0),void 0!==this.fetchTimeoutTimer&&(window.clearTimeout(this.fetchTimeoutTimer),this.fetchTimeoutTimer=void 0),null===(i=this.abortController)||void 0===i||i.abort(),this.abortController=void 0}debouncedFetchAsyncOptions(i,t=1){var e;if(!this.asyncUrl)return;void 0!==this.fetchDebounceTimer&&window.clearTimeout(this.fetchDebounceTimer);const s=Math.max(0,null!==(e=this.debounce)&&void 0!==e?e:0);this.fetchDebounceTimer=window.setTimeout((()=>{this.fetchDebounceTimer=void 0,this.fetchOptions(i,t)}),s)}syncSelectedItems(){const i=this.ensureValueArray(),t=this.getAllOptions(),e=[],s=new Map(this.selectedItems.map((i=>[String(i.id),i])));i.forEach((i=>{const n=t.find((t=>String(t.id)===String(i)));n?e.push(n):s.has(String(i))&&e.push(s.get(String(i)))})),this.selectedItems=e}ensureValueArray(){if("string"==typeof this.value)try{const i=JSON.parse(this.value);if(Array.isArray(i))return this.value=i,i}catch(i){const t=this.value;return this.value=t?[t]:[],this.value}return Array.isArray(this.value)?this.value:[]}getAllOptions(){return this.options||this.internalOptions}getFilteredOptions(){const i=this.getAllOptions(),t=this.searchQuery.toLowerCase(),e=i.filter((i=>!t||i.text.toLowerCase().includes(t)));return this.createUrl&&this.searchQuery.trim()&&0===e.length?[{id:"__create__",text:this.searchQuery.trim(),isCreateOption:!0}]:e}updateFormValue(){var i;if(!m()&&(null===(i=this.internals)||void 0===i?void 0:i.setFormValue)){const i=this.ensureValueArray(),t=new FormData;i.forEach((i=>{this.name&&t.append(this.name,i)})),this.internals.setFormValue(t),this.required&&0===i.length?this.internals.setValidity({valueMissing:!0},"Please select at least one option.",this.activeTriggerEl):this.internals.setValidity({})}}getCsrfToken(){if(this.csrfToken)return this.csrfToken;const i=document.querySelector('meta[name="csrf-token"]');return(null==i?void 0:i.content)||null}async fetchOptions(i,t=1){var e;if(this.asyncUrl){null===(e=this.abortController)||void 0===e||e.abort(),void 0!==this.fetchTimeoutTimer&&(window.clearTimeout(this.fetchTimeoutTimer),this.fetchTimeoutTimer=void 0),this.abortController=new AbortController,this.loading=!0,this.fetchTimeoutTimer=window.setTimeout((()=>{var i;null===(i=this.abortController)||void 0===i||i.abort(),this.fetchTimeoutTimer=void 0}),this.fetchTimeout);try{let e;try{e=new URL(this.asyncUrl,window.location.origin)}catch(i){throw new TypeError(`Invalid asyncUrl: ${this.asyncUrl}`)}"GET"===this.asyncMethod&&(e.searchParams.set("search",i),e.searchParams.set("page",String(t)));const s=this.getCsrfToken(),n={"Content-Type":"application/json",Accept:"application/json"};s&&(n[this.csrfHeaderName||"X-CSRF-Token"]=s);const o=await fetch(e.toString(),Object.assign({method:this.asyncMethod,signal:this.abortController.signal,headers:n},"POST"===this.asyncMethod&&{body:JSON.stringify({search:i,page:t})}));if(void 0!==this.fetchTimeoutTimer&&(window.clearTimeout(this.fetchTimeoutTimer),this.fetchTimeoutTimer=void 0),!o.ok)throw new Error("Failed to fetch options");const r=await o.json(),l=r.results.map((i=>this.formatResult?this.formatResult(i):"object"==typeof i&&null!==i?Object.assign({id:i.id,text:i.text},i):{id:String(i),text:String(i)}));this.internalOptions=1===t?l:[...this.internalOptions,...l],this.hasMore=!!r.totalCount&&this.internalOptions.length<r.totalCount,this.currentPage=t}catch(i){void 0!==this.fetchTimeoutTimer&&(window.clearTimeout(this.fetchTimeoutTimer),this.fetchTimeoutTimer=void 0),"AbortError"!==i.name&&console.error("PdsMultiselect: Failed to fetch options",i)}finally{if(this.loading=!1,this.pendingUnresolvedFetch){this.pendingUnresolvedFetch=!1;const i=this.ensureValueArray();i.length>0&&this.selectedItems.length<i.length&&this.fetchOptions("",1)}}}}async createOption(i){if(this.createUrl&&i.trim()&&!this.creating){this.creating=!0;try{const t=new URL(this.createUrl,window.location.origin),e=this.getCsrfToken(),s={"Content-Type":"application/json",Accept:"application/json"};e&&(s[this.csrfHeaderName||"X-CSRF-Token"]=e);const n=await fetch(t.toString(),{method:"POST",headers:s,body:JSON.stringify({text:i.trim()})});if(!n.ok)throw new Error("Failed to create option");const o=await n.json(),r=Object.assign({id:o.id,text:o.text},o);this.internalOptions=[...this.internalOptions,r],this.value=[...this.value,String(r.id)],this.syncSelectedItems(),this.pdsMultiselectCreate.emit({query:i.trim(),newOption:r}),this.emitChange({added:[String(r.id)]}),this.searchQuery="",this.highlightedIndex=-1,requestAnimationFrame((()=>{var i;null===(i=this.searchInputEl)||void 0===i||i.focus()}))}catch(i){console.error("PdsMultiselect: Failed to create option",i)}finally{this.creating=!1}}}tabPastOptions(i){const t=i.shiftKey?void 0:this.getFooterTabbables()[0];if(null==t||t.focus(),null==t?void 0:t.matches(":focus"))i.preventDefault();else{this.closeDropdown();const t=i.shiftKey?void 0:this.activeTriggerEl;null==t||t.focus(),(null==t?void 0:t.matches(":focus"))&&i.preventDefault()}}getSelectedItemTabbables(){return Array.from(this.el.shadowRoot.querySelectorAll('.pds-multiselect__selected-item[tabindex="0"]'))}getFooterTabbables(){const i=[];return Array.from(this.el.children).filter((i=>"footer"===i.getAttribute("slot"))).forEach((t=>i.push(t,...Array.from(t.querySelectorAll("*"))))),i.map((i=>{var t;return i.matches(k)?i:null===(t=i.shadowRoot)||void 0===t?void 0:t.querySelector(k)})).filter((i=>{var t,e;return!!i&&(null===(e=null===(t=i.checkVisibility)||void 0===t?void 0:t.call(i))||void 0===e||e)}))}isCaretAtEndOfSearch(){var i,t;const e=this.searchInputEl;if(!e)return!0;const s=e.value.length;return(null!==(i=e.selectionStart)&&void 0!==i?i:s)===s&&(null!==(t=e.selectionEnd)&&void 0!==t?t:s)===s}hasOptionAction(i){return this.optionActions&&"string"==typeof i.actionIcon&&y.test(i.actionIcon)&&!i.isCreateOption&&!i.disabled}get isHoverless(){var i,t,e;return null!==(i=this.hoverlessQuery)&&void 0!==i||(this.hoverlessQuery=null===(t=window.matchMedia)||void 0===t?void 0:t.call(window,"(hover: none)")),!!(null===(e=this.hoverlessQuery)||void 0===e?void 0:e.matches)}runOptionAction(i){var t;this.isClosingViaSelection=!0,this.closeDropdown(),null===(t=this.activeTriggerEl)||void 0===t||t.focus(),this.pdsMultiselectOptionAction.emit({option:i})}openDropdown(){this.disabled||(this.isOpening=!0,this.isOpen=!0,this.highlightedIndex=-1,this.asyncUrl&&0===this.internalOptions.length&&!this.initialAsyncFetchTriggered&&this.debouncedFetchAsyncOptions(this.searchQuery,1),this.initialAsyncFetchTriggered=!1,requestAnimationFrame((()=>{var i;this.positionDropdown(),null===(i=this.searchInputEl)||void 0===i||i.focus(),setTimeout((()=>{this.isOpening=!1}),50)})))}closeDropdown(){this.isOpen=!1,this.highlightedIndex=-1,this.searchQuery="",this.isClosingViaSelection&&setTimeout((()=>{this.isClosingViaSelection=!1}),0),this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=void 0)}positionDropdown(){if(!this.containerEl||!this.panelEl)return;const i=this.slottedTriggerEl||this.pillInlineTriggerEl||this.triggerEl||this.containerEl,{minWidth:t,panelWidth:e}=this,s=()=>{r(i,this.panelEl,{placement:"bottom-start",strategy:"fixed",middleware:[l(12),a(),d({padding:8}),h({apply:({rects:i,elements:s})=>{Object.assign(s.floating.style,{width:null!=e?e:`${i.reference.width}px`,minWidth:t})}})]}).then((({x:i,y:t})=>{this.panelEl&&(this.panelEl.style.left=`${i}px`,this.panelEl.style.top=`${t}px`)}))};s();const n=o(i,this.panelEl,s);this.cleanupAutoUpdate=()=>{n(),this.clearAsyncFetchState()}}scrollOptionIntoView(){requestAnimationFrame((()=>{var i;const t=null===(i=this.listboxEl)||void 0===i?void 0:i.querySelector(`[data-index="${this.highlightedIndex}"]`);null==t||t.scrollIntoView({block:"nearest",behavior:"smooth"})}))}emitChange({added:i=[],removed:t=[]}){this.pdsMultiselectChange.emit({values:this.value,items:this.selectedItems,added:i,removed:t})}toggleOption(i){var t,e;if(i.disabled)return;if(i.isCreateOption)return void(this.creating||this.createOption(this.searchQuery));const s=String(i.id),n=this.value.includes(s);if(n)this.value=this.value.filter((i=>i!==s));else{if(this.maxSelections&&this.value.length>=this.maxSelections)return;this.value=[...this.value,s]}this.syncSelectedItems(),this.emitChange(n?{removed:[s]}:{added:[s]}),this.closePanelOnSelect?(this.isClosingViaSelection=!0,this.closeDropdown(),null===(t=this.activeTriggerEl)||void 0===t||t.focus()):null===(e=this.searchInputEl)||void 0===e||e.focus()}selectOption(i){this.toggleOption(i)}getGroupedRenderItems(i){const t=[];let e=null;return i.forEach(((i,s)=>{const n=i.group;void 0!==n?(e&&e.group===n||(e={type:"group",group:n,options:[]},t.push(e)),e.options.push({option:i,index:s})):(e=null,t.push({type:"option",option:i,index:s}))})),t}renderOption(i,t,s){const n=s.includes(String(i.id)),o=i.isCreateOption,r=i.disabled,l=t===this.highlightedIndex&&!o,a=`${this.componentId}-option-${t}`,d=o&&this.creating,h=this.hasOptionAction(i);return e("li",{key:String(i.id),id:a,class:{"pds-multiselect__option":!0,"pds-multiselect__option--highlighted":l,"pds-multiselect__option--selected":n,"pds-multiselect__option--create":o,"pds-multiselect__option--disabled":r||d},role:"option","aria-selected":n?"true":"false","aria-disabled":r||d?"true":void 0,"aria-label":o?f(this.createOptionAriaLabel,{text:i.text}):void 0,"aria-describedby":h?`${a}-action-description`:void 0,"data-index":t,onMouseDown:this.handleOptionMouseDown(i),onClick:this.handleOptionClick,onMouseEnter:this.handleOptionMouseEnter(t,i)},o?e("pds-box",{class:"pds-multiselect__create-option","align-items":"center",gap:"xs"},e("pds-icon",{name:"add",size:"small","aria-hidden":"true"}),e("pds-text",null,f(this.createOptionLabel,{text:i.text}))):e("pds-checkbox",{componentId:`${this.componentId}-checkbox-${t}`,checked:n,label:i.text,disabled:r,style:{pointerEvents:"none"}},"chip"===this.optionDisplay&&e("pds-chip",{slot:"label",sentiment:"subtle",dot:!!i.dotColor,"dot-color":i.dotColor,"max-width":"100%"},i.text)),h&&this.renderOptionAction(i,a,l))}renderOptionAction(i,t,s){var n;const o=f(null!==(n=i.actionLabel)&&void 0!==n?n:this.optionActionLabel,{text:i.text});return[e("span",{class:"pds-multiselect__option-action",title:o,"aria-hidden":"true",onMouseDown:this.handleOptionActionMouseDown,onClick:this.handleOptionActionClick(i)},(s||this.isHoverless)&&e("pds-icon",{name:i.actionIcon})),e("span",{id:`${t}-action-description`,hidden:!0},f(this.optionActionDescription,{action:o}))]}renderSelectedItemsList(){return this.hideSelectedItems||0===this.selectedItems.length?null:e("div",{class:"pds-multiselect__selected-section"},e("ul",{class:"pds-multiselect__selected-list",role:"list",onKeyDown:this.handleSelectedListKeyDown},this.selectedItems.map((i=>e("li",{key:String(i.id),class:"pds-multiselect__selected-item"},i.text)))))}renderDropdown(){if(!this.isOpen)return null;const i=this.getFilteredOptions(),t=this.ensureValueArray(),s=!!this.el.querySelector('[slot="empty"]'),n=!!this.el.querySelector('[slot="loading"]'),o=!!this.el.querySelector('[slot="footer"]');return e("div",{class:"pds-multiselect__panel",ref:i=>this.panelEl=i,style:{minWidth:this.minWidth}},e("div",{class:"pds-multiselect__search"},e("pds-icon",{name:"search",size:"small","aria-hidden":"true"}),e("input",{ref:i=>this.searchInputEl=i,type:"text",class:"pds-multiselect__search-input",placeholder:this.searchPlaceholder,value:this.searchQuery,"aria-label":this.searchOptionsLabel,"aria-controls":`${this.componentId}-listbox`,"aria-activedescendant":this.highlightedIndex>=0?`${this.componentId}-option-${this.highlightedIndex}`:void 0,role:"combobox","aria-haspopup":"listbox","aria-expanded":"true","aria-autocomplete":"list",autocomplete:"off",onInput:this.handleSearchInputChange,onKeyDown:this.handleSearchInputKeyDown})),this.renderSelectedItemsList(),e("ul",{class:"pds-multiselect__listbox",role:"listbox","aria-multiselectable":"true","aria-label":this.label||this.optionsLabel,id:`${this.componentId}-listbox`,ref:i=>this.listboxEl=i,style:{maxHeight:this.maxHeight},onScroll:this.handleScroll},this.loading&&e("li",{class:"pds-multiselect__loading",role:"presentation"},n?e("slot",{name:"loading"}):e("pds-loader",{size:"small"})),!this.loading&&0===i.length&&e("li",{class:"pds-multiselect__empty",role:"presentation"},s?e("slot",{name:"empty"}):e("span",null,this.noOptionsFoundLabel)),this.getGroupedRenderItems(i).map(((i,s)=>"group"===i.type?e("li",{key:`group-${s}`,role:"group","aria-label":i.group,class:"pds-multiselect__group"},e("span",{class:"pds-multiselect__group-header","aria-hidden":"true"},i.group),e("ul",{class:"pds-multiselect__group-list",role:"presentation"},i.options.map((({option:i,index:e})=>this.renderOption(i,e,t))))):this.renderOption(i.option,i.index,t))),this.hasMore&&!this.loading&&e("li",{class:"pds-multiselect__load-more",role:"presentation"},e("pds-loader",{size:"small"}))),o&&e("div",{class:"pds-multiselect__footer",onMouseDown:this.handleFooterMouseDown,onKeyDown:this.handleFooterKeyDown},e("slot",{name:"footer"})))}renderInlinePills(){if(!(this.selectedItems.length>0))return e("span",{class:"pds-multiselect__trigger-text pds-multiselect__trigger-text--placeholder"},this.placeholder||"Select...");const i=this.disabled?"text":"tag",t=this.selectedItems.slice(0,Math.max(1,this.maxInlinePills)),s=this.selectedItems.length-t.length;return e("div",{class:"pds-multiselect__pill-list pds-multiselect__pill-list--inline","aria-label":this.selectedItemsLabel},t.map((t=>e("pds-chip",{key:String(t.id),"component-id":`${this.componentId}-pill-${t.id}`,variant:i,size:"sm",sentiment:"neutral","dismiss-label":this.pillRemoveLabel,onPdsTagCloseClick:this.handlePillRemove(t)},t.text))),s>0&&e("span",{class:"pds-multiselect__pill-overflow"},"+",s))}renderBelowPills(){if(0===this.selectedItems.length)return null;const i=this.disabled?"text":"tag";return e("div",{class:"pds-multiselect__pill-list pds-multiselect__pill-list--below","aria-label":this.selectedItemsLabel},this.selectedItems.map((t=>e("pds-chip",{key:String(t.id),"component-id":`${this.componentId}-pill-${t.id}`,variant:i,size:"md",sentiment:"neutral","dismiss-label":this.pillRemoveLabel,onPdsTagCloseClick:this.handlePillRemove(t)},t.text))))}getTriggerText(){var i;const t=this.selectedItems.length;return 0===t||"pill"===this.selectedDisplay&&"below"===this.pillPosition?this.placeholder||"Select...":1===t&&(null===(i=this.selectedItems[0].text)||void 0===i?void 0:i.trim())?this.selectedItems[0].text:x(this.el,t,this.resolveCountForms())}getTriggerSizerText(){const i=this.getTriggerText(),t=this.selectedItems.length;return 1!==t||i!==this.selectedItems[0].text||"pill"===this.selectedDisplay&&"below"===this.pillPosition?i:x(this.el,t,this.resolveCountForms())}resolveCountForms(){const i={one:this.selectedCountLabelOne,other:this.selectedCountLabelOther},t=this.selectedCountLabels;if(!t)return i;if("string"==typeof t)try{const e=JSON.parse(t);return e&&"object"==typeof e?Object.assign(Object.assign({},i),e):i}catch(t){return i}return Object.assign(Object.assign({},i),t)}render(){const i=this.selectedItems.length>0;return e(s,{key:"12298f9692ac8644230195cc1abe0e26bb5715a9","aria-disabled":this.disabled?"true":null},e("div",{key:"5d98f9edae2f471d9662c65454fbef7b2dec83e1",class:"pds-multiselect",onFocusout:this.handleContainerFocusOut},this.label&&e("label",{key:"2f6d4162d0649978bc53c34327b6149dc971fd4c",id:`${this.componentId}-label`,htmlFor:this.componentId,class:{"pds-multiselect__label":!0,"visually-hidden":this.hideLabel}},this.label),e("div",{key:"7a337e876c8fff854e5b9a067ef89b9d5136df4f",class:"pds-multiselect__wrapper",ref:i=>this.containerEl=i,style:{width:this.triggerWidth}},this.slottedTriggerEl?e("slot",{name:"trigger"}):"pill"===this.selectedDisplay&&"inline"===this.pillPosition?e("div",{ref:i=>this.pillInlineTriggerEl=i||void 0,part:"trigger",class:{"pds-multiselect__trigger":!0,"pds-multiselect__trigger--open":this.isOpen,"pds-multiselect__trigger--disabled":this.disabled,"pds-multiselect__trigger--invalid":this.invalid||!!this.errorMessage,"pds-multiselect__trigger--has-value":i,"pds-multiselect__trigger--pill-inline":!0},onClick:this.handleTriggerClick},this.renderInlinePills(),e("button",{ref:i=>this.triggerEl=i,type:"button",id:this.componentId,part:"pill-toggle",class:"pds-multiselect__pill-toggle",disabled:this.disabled,"aria-expanded":this.isOpen?"true":"false","aria-haspopup":"listbox","aria-labelledby":this.label?`${this.componentId}-label`:void 0,"aria-required":this.required?"true":void 0,"aria-describedby":v(this.componentId,this.invalid||!!this.errorMessage,this.helperMessage,this.errorMessage),"aria-invalid":this.invalid||this.errorMessage?"true":void 0,onKeyDown:this.handleTriggerKeyDown},e("pds-icon",{"aria-hidden":"true",class:"pds-multiselect__icon",icon:b}))):e("button",{ref:i=>this.triggerEl=i,type:"button",part:"trigger",class:{"pds-multiselect__trigger":!0,"pds-multiselect__trigger--open":this.isOpen,"pds-multiselect__trigger--disabled":this.disabled,"pds-multiselect__trigger--invalid":this.invalid||!!this.errorMessage,"pds-multiselect__trigger--has-value":i},id:this.componentId,disabled:this.disabled,"aria-required":this.required?"true":void 0,"aria-expanded":this.isOpen?"true":"false","aria-haspopup":"listbox","aria-describedby":v(this.componentId,this.invalid||!!this.errorMessage,this.helperMessage,this.errorMessage),"aria-invalid":this.invalid||this.errorMessage?"true":void 0,onClick:this.handleTriggerClick,onKeyDown:this.handleTriggerKeyDown},e("span",{class:"pds-multiselect__trigger-label"},e("span",{class:"pds-multiselect__trigger-sizer","aria-hidden":"true"},this.getTriggerSizerText()),e("span",{class:{"pds-multiselect__trigger-text":!0,"pds-multiselect__trigger-text--placeholder":!i||"pill"===this.selectedDisplay&&"below"===this.pillPosition}},this.getTriggerText())),e("pds-icon",{"aria-hidden":"true",class:"pds-multiselect__icon",icon:b})),this.renderDropdown()),"pill"===this.selectedDisplay&&"below"===this.pillPosition&&this.renderBelowPills(),e("span",{key:"d3cf5bb64a6c296c84af30628698559c0c904117",class:"visually-hidden","aria-live":"polite","aria-atomic":"true"},this.removalAnnouncement),this.helperMessage&&!(this.errorMessage&&this.errorMessage.length>0)&&e("p",{key:"a711280151ff360758143906a76fa2d25f4078a9",class:"pds-multiselect__helper",id:g(this.componentId,"helper")},this.helperMessage),this.errorMessage&&e("p",{key:"17411d6bb55843f45f8d7ee410b627de846eed65",class:"pds-multiselect__error",id:g(this.componentId,"error")},e("pds-icon",{key:"446ffc0ed08b7856f0ef8c49bdf06b6011404a12","aria-hidden":"true",icon:_,size:"small"}),this.errorMessage),e("div",{key:"a83ed6c5d84cbf38f267f7e15bd871d09534c554",style:{display:"none"}},e("slot",{key:"294ce6a2bd4405854161aed5d8166fcc86e211e3"}))))}static get formAssociated(){return!0}get el(){return n(this)}static get watchers(){return{debounce:[{setupDebounce:0}],value:[{valueChanged:0}],options:[{optionsChanged:0}],internalOptions:[{internalOptionsChanged:0}],isOpen:[{isOpenChanged:0}],disabled:[{disabledChanged:0}]}}};S.style=":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-450);padding:var(--pine-dimension-xs) var(--pine-dimension-sm);position:relative;text-align:start;-webkit-transition:border-color var(--pine-motion-duration-base) ease, -webkit-box-shadow var(--pine-motion-duration-base) ease;transition:border-color var(--pine-motion-duration-base) ease, -webkit-box-shadow var(--pine-motion-duration-base) ease;transition:border-color var(--pine-motion-duration-base) ease, box-shadow var(--pine-motion-duration-base) ease;transition:border-color var(--pine-motion-duration-base) ease, box-shadow var(--pine-motion-duration-base) ease, -webkit-box-shadow var(--pine-motion-duration-base) 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-label{display:grid;-ms-flex:1;flex:1;grid-template-columns:minmax(0, 1fr);min-width:0}.pds-multiselect__trigger-sizer{grid-area:1/1;overflow:hidden;visibility:hidden;white-space:nowrap}.pds-multiselect__trigger-label>.pds-multiselect__trigger-text{contain:inline-size;grid-area:1/1}.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__pill-list{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--pine-dimension-2xs)}.pds-multiselect__pill-list--inline{-ms-flex:1;flex:1;min-width:0}.pds-multiselect__pill-list--below{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-multiselect__pill-overflow{color:var(--pine-color-text-muted);font:var(--pine-typography-body-sm-medium);white-space:nowrap}.pds-multiselect__trigger--pill-inline{-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--pine-dimension-2xs);min-height:var(--pine-dimension-450);padding:var(--pine-dimension-2xs) var(--pine-dimension-sm)}.pds-multiselect__trigger--pill-inline.pds-multiselect__trigger--open{border-color:var(--pine-color-border-active)}.pds-multiselect__trigger--pill-inline:focus-within: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--pill-inline.pds-multiselect__trigger--invalid:focus-within{outline-color:var(--pine-color-focus-ring-danger)}.pds-multiselect__pill-toggle{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border-width:0;cursor:pointer;display:-ms-flexbox;display:flex;padding:0}.pds-multiselect__pill-toggle:focus{outline:3px solid transparent}.pds-multiselect__trigger--disabled .pds-multiselect__pill-toggle{cursor:not-allowed;pointer-events:none}.pds-multiselect__panel{background:var(--pine-color-background-overlay);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:fixed;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-active);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__group-header{color:var(--pine-color-text-muted);display:block;font:var(--pine-typography-body-sm-medium);letter-spacing:var(--pine-letter-spacing);padding:var(--pine-dimension-sm) var(--pine-dimension-sm) var(--pine-dimension-2xs);text-transform:uppercase}.pds-multiselect__listbox>li:first-child>.pds-multiselect__group-header{-webkit-padding-before:var(--pine-dimension-xs);padding-block-start:var(--pine-dimension-xs)}.pds-multiselect__group-list{list-style:none;margin:var(--pine-dimension-none);padding:var(--pine-dimension-none)}.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-xs) var(--pine-dimension-sm);-webkit-transition:background 0.15s;transition:background 0.15s}.pds-multiselect__option pds-checkbox{min-width:var(--pine-dimension-none);pointer-events:none;width:100%}.pds-multiselect__option pds-chip{pointer-events:auto}.pds-multiselect__option:hover:not(.pds-multiselect__option--disabled),.pds-multiselect__option.pds-multiselect__option--highlighted:not(.pds-multiselect__option--disabled){background:var(--pine-color-background-muted)}.pds-multiselect__option.pds-multiselect__option--disabled{cursor:not-allowed;opacity:0.5}.pds-multiselect__option:focus-visible{outline:var(--pine-dimension-none)}.pds-multiselect__option-action{-ms-flex-align:center;align-items:center;block-size:var(--pine-dimension-md);color:var(--pine-color-icon);cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;inline-size:var(--pine-dimension-md);-ms-flex-pack:center;justify-content:center;-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}.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__footer{-webkit-border-before:var(--pine-border);border-block-start:var(--pine-border);border-block-start-color:var(--pine-color-border-subtle);padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.pds-multiselect__helper{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-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-medium);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}";export{S as pds_multiselect}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as s,f as r,h as e,H as a,a as o}from"./p-M31tvpDN.js";import{H as d}from"./p-Dv9QBmIF.js";import{m as t}from"./p-BuRbS7Hp.js";import{b as p}from"./p-B0DXTeeV.js";import"./p-BgNaWLoS.js";const n=/^radio-group-.+__(label|helper-message|error-message)$/,l=class{constructor(r){i(this,r),this.pdsRadioGroupChange=s(this,"pdsRadioGroupChange"),this.direction="column",this.gap="xs",this.disabled=!1,this.invalid=!1,this.required=!1,this.hostKeeper=new d}handlePropsChange(){this.updateChildRadios()}handleRadioChange(i){const s=i.target;if("radio"===s.type&&s.checked){const i=s.closest("pds-radio");i&&this.pdsRadioGroupChange.emit({checked:!0,value:i.value,componentId:i.componentId})}}updateChildRadios(){this.el.querySelectorAll("pds-radio").forEach((i=>{this.name?i.setAttribute("name",this.name):i.removeAttribute("name"),this.disabled?i.setAttribute("disabled","true"):i.removeAttribute("disabled"),this.invalid?i.setAttribute("invalid","true"):i.removeAttribute("invalid"),this.required?i.setAttribute("required","true"):i.removeAttribute("required")}))}connectedCallback(){this.hostKeeper.connect(this.el),this.syncName(),"undefined"!=typeof MutationObserver&&(this.hostAriaObserver=new MutationObserver((()=>this.syncName())),this.hostAriaObserver.observe(this.el,{attributeFilter:["aria-label","aria-labelledby"]}))}disconnectedCallback(){var i;this.hostKeeper.disconnect(),null===(i=this.hostAriaObserver)||void 0===i||i.disconnect(),this.hostAriaObserver=void 0}syncName(){void 0!==this._groupId&&this.getAriaLabelledBy()!==this.renderedLabelledBy&&r(this)}componentWillLoad(){if(this.componentId)this._groupId=this.componentId;else{const i="undefined"!=typeof crypto&&crypto.randomUUID?crypto.randomUUID():`${Date.now()}-${Math.random().toString(36).substring(2,9)}`;this._groupId=`radio-group-${i}`}["aria-labelledby","aria-describedby"].forEach((i=>{var s;const r=null===(s=this.el.getAttribute(i))||void 0===s?void 0:s.split(/\s+/).filter(Boolean);if(!r)return;const e=r.filter((i=>!n.test(i)||i.startsWith(`${this._groupId}__`)));e.length!==r.length&&(e.length?this.el.setAttribute(i,e.join(" ")):this.el.removeAttribute(i))}))}componentDidLoad(){this.name||console.warn("pds-radio-group: name prop is required for proper radio group functionality"),this.updateChildRadios()}componentDidRender(){const i=this.el.querySelector(".pds-radio-group__radios");if(null===i)return;const s=()=>Array.from(i.children).find((i=>i.matches(".pds-radio-group__radios, .pds-radio-group__label, .pds-radio-group__message")));let r=s();for(;void 0!==r;)r.matches(".pds-radio-group__radios")&&Array.from(r.childNodes).forEach((s=>i.insertBefore(s,r))),r.remove(),r=s()}classNames(){const i=[];return this.invalid&&i.push("is-invalid"),i.join(" ")}getGapValue(){const i={none:"0",xxs:"var(--pine-dimension-xxs)",xs:"var(--pine-dimension-xs)",sm:"var(--pine-dimension-sm)",md:"var(--pine-dimension-md)",lg:"var(--pine-dimension-lg)",xl:"var(--pine-dimension-xl)",xxl:"var(--pine-dimension-xxl)"};return i[this.gap]?i[this.gap]:`var(--pine-dimension-${this.gap})`}get labelId(){return`${this._groupId}__label`}getAriaLabelledBy(){var i;const s=this.el.getAttribute("aria-labelledby");return(null==s?void 0:s.trim())&&s!==this.labelId?s:(null===(i=this.el.getAttribute("aria-label"))||void 0===i?void 0:i.trim())?void 0:this.groupLabel?this.labelId:void 0}getAriaDescribedBy(){const i=[];return this.errorMessage&&i.push(t(this._groupId,"error")),this.helperMessage&&i.push(t(this._groupId,"helper")),i.length>0?i.join(" "):void 0}render(){const i=this.getGapValue(),s=this.getAriaDescribedBy(),r=this.getAriaLabelledBy(),o=this.classNames();return this.renderedLabelledBy=r,this.hostKeeper.record(o,{"--pds-radio-group-gap":i},{role:"radiogroup","aria-describedby":s,"aria-labelledby":r===this.labelId?r:void 0}),e(a,{key:"d379f29bc62f1855c1a244c3edd800b390a98f54",class:o,role:"radiogroup","aria-labelledby":r,"aria-describedby":s,style:{"--pds-radio-group-gap":i}},this.groupLabel&&e("div",{key:"e2db8af21186405b0c7b6c23422e34b46ca6bbbe",class:"pds-radio-group__label",id:this.labelId},this.groupLabel),e("div",{key:"f818e2b84374979cda34d635ff6e9d1982d67c46",class:{"pds-radio-group__radios":!0,"pds-radio-group__radios--row":"row"===this.direction,"pds-radio-group__radios--column":"column"===this.direction}},e("slot",{key:"f4d61c9495773c33119fcddf270f5a4d345e507b",onSlotchange:()=>this.updateChildRadios()})),this.helperMessage&&e("div",{key:"9ba493a3baf04085fba52f9f825024210122f0b5",class:"pds-radio-group__message",id:t(this._groupId,"helper")},this.helperMessage),this.errorMessage&&e("div",{key:"3a11a19683b897b565d615d888c7f9357e0e1ed3",class:"pds-radio-group__message pds-radio-group__message--error",id:t(this._groupId,"error"),"aria-live":"assertive"},e("pds-icon",{key:"c57a25a382cbcc216fffeab849eca06a78cb4b60","aria-hidden":"true",icon:p,size:"small"}),this.errorMessage))}get el(){return o(this)}static get watchers(){return{name:[{handlePropsChange:0}],disabled:[{handlePropsChange:0}],invalid:[{handlePropsChange:0}],required:[{handlePropsChange:0}]}}};l.style=".sc-pds-radio-group-h{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-sm)}.is-invalid.sc-pds-radio-group-h .pds-radio-group__message--error.sc-pds-radio-group{color:var(--pine-color-text-message-danger)}.pds-radio-group__label.sc-pds-radio-group{color:var(--pine-color-text-label);font:var(--pine-typography-heading-6);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing-heading-6)}.pds-radio-group__radios.sc-pds-radio-group{display:-ms-flexbox;display:flex;gap:var(--pds-radio-group-gap, var(--pine-dimension-xs))}.pds-radio-group__radios--row.sc-pds-radio-group{-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.pds-radio-group__radios--column.sc-pds-radio-group{-ms-flex-direction:column;flex-direction:column}.pds-radio-group__message.sc-pds-radio-group{color:var(--pine-color-text-message);font:var(--pine-typography-body);width:100%}.pds-radio-group__message--error.sc-pds-radio-group{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-radio-group__message--error.sc-pds-radio-group pds-icon.sc-pds-radio-group{-webkit-margin-before:var(--pine-dimension-050);margin-block-start:var(--pine-dimension-050)}";export{l as pds_radio_group}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-BK1sLRfg.system.js","./p-BlJQebvG.system.js","./p-BZ1l3LGl.system.js"],(function(t){"use strict";var i,s,n,a,e;return{setters:[function(t){i=t.r;s=t.h;n=t.H;a=t.a},function(t){e=t.H},null],execute:function(){var r=function(){return":host{--tabs-dimension-panel-margin-top:var(--pine-dimension-none);--tabs-dimension-panel-padding:0;display:block}.pds-tabs__tablist{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--pine-dimension-md)}:host(.pds-tabs--divider) .pds-tabs__tablist{-webkit-border-after:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);border-block-end:var(--pine-border-width-thin) solid var(--pine-color-border-subtle)}:host(.pds-tabs--stretch){block-size:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host(.pds-tabs--stretch) .pds-tabs__tablist{-ms-flex:0 0 auto;flex:0 0 auto}:host(.pds-tabs--availability) .pds-tabs__tablist{gap:var(--pine-dimension-xs)}:host(.pds-tabs--filter) .pds-tabs__tablist{gap:var(--pine-dimension-sm)}:host(.pds-tabs--pill) .pds-tabs__tablist{background-color:var(--pine-color-background-app);border:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);border-radius:var(--pine-dimension-100);display:-ms-inline-flexbox;display:inline-flex;display:-ms-flexbox;display:flex;gap:0;height:var(--pine-dimension-450)}"};var o=t("pds_tabs",function(){function t(t){var s=this;i(this,t);this.hostKeeper=new e;this.slotChangeScheduled=false;this.lastFocusedTab=null;this.handleFocusIn=function(t){var i;var n=(i=t.target)===null||i===void 0?void 0:i.closest("pds-tab");if(n&&n.closest("pds-tabs")===s.el){s.lastFocusedTab=n}};this.handleFocusOut=function(t){var i=s.lastFocusedTab;if(t.relatedTarget){s.lastFocusedTab=null;return}queueMicrotask((function(){if(s.lastFocusedTab===i&&(i===null||i===void 0?void 0:i.isConnected))s.lastFocusedTab=null}))};this.divider=false;this.stretch=false;this.nav=false;this.handleSlotChange=function(){if(s.slotChangeScheduled)return;s.slotChangeScheduled=true;s.activeTabNameBeforeSlotChange=s.activeTabName;queueMicrotask((function(){s.slotChangeScheduled=false;s.recollectAfterSlotChange()}))}}t.prototype.connectedCallback=function(){this.hostKeeper.connect(this.el);this.el.addEventListener("focusin",this.handleFocusIn);this.el.addEventListener("focusout",this.handleFocusOut);var t=this.tabsSlot!=null;this.setupSlotChangeListeners();if(t)this.handleSlotChange()};t.prototype.disconnectedCallback=function(){var t,i;this.hostKeeper.disconnect();this.el.removeEventListener("focusin",this.handleFocusIn);this.el.removeEventListener("focusout",this.handleFocusOut);(t=this.tabsSlot)===null||t===void 0?void 0:t.removeEventListener("slotchange",this.handleSlotChange);(i=this.tabPanelsSlot)===null||i===void 0?void 0:i.removeEventListener("slotchange",this.handleSlotChange)};t.prototype.componentDidLoad=function(){this.setupSlotChangeListeners()};t.prototype.tabClickHandler=function(t){if(this.componentId===t.detail[1]){this.activeTabIndex=t.detail[0];this.activeTabName=this.tabs[this.activeTabIndex].name}};t.prototype.handleKeyDown=function(t){if(this.isNav)return;var i=["ArrowLeft","ArrowRight","Home","End"];var s=t.target;var n=s.closest("pds-tab");var a=n&&n.closest("pds-tabs")===this.el;if(i.includes(t.key)&&a){t.preventDefault();this.moveActiveTab(t.key)}};Object.defineProperty(t.prototype,"isNav",{get:function(){return!!this.nav},enumerable:false,configurable:true});t.prototype.warnOnNavConfig=function(){var t;if(!((t=this.tabs)===null||t===void 0?void 0:t.length))return;var i=this.tabs.filter((function(t){var i=t.getAttribute("href");return i!=null&&i!==""})).length;if(this.nav&&i<this.tabs.length){console.warn("pds-tabs: `nav` is set, so every pds-tab needs an `href`.")}else if(!this.nav&&i>0){console.warn("pds-tabs: a pds-tab has an `href` but `nav` is not set — add `nav` to pds-tabs for navigation mode; the href is ignored in panel mode.")}};t.prototype.moveActiveTab=function(t){var i=0;var s=this.tabs.length-1;var n=null;switch(t){case"ArrowLeft":n=this.activeTabIndex===i?s:this.activeTabIndex+-1;break;case"ArrowRight":n=this.activeTabIndex===s?i:this.activeTabIndex+1;break;case"Home":n=i;break;case"End":n=s;break}this.tabs[n].children[0].focus();this.activeTabName=this.tabs[n].name;this.activeTabIndex=n};t.prototype.findAllChildren=function(){var t=this;var i=Array.from(this.el.querySelectorAll("pds-tab"));var s=Array.from(this.el.querySelectorAll("pds-tabpanel"));this.tabs=i.filter((function(i){return i.closest("pds-tabs")===t.el}));this.tabPanels=s.filter((function(i){return i.closest("pds-tabs")===t.el}))};t.prototype.setupSlotChangeListeners=function(){var t,i,s,n;this.tabsSlot=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector('slot[name="tabs"]');this.tabPanelsSlot=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector('slot[name="tabpanels"]');(s=this.tabsSlot)===null||s===void 0?void 0:s.addEventListener("slotchange",this.handleSlotChange);(n=this.tabPanelsSlot)===null||n===void 0?void 0:n.addEventListener("slotchange",this.handleSlotChange)};t.prototype.recollectAfterSlotChange=function(){var t=this;var i=this.activeTabNameBeforeSlotChange;var s=!this.isNav&&this.lastFocusedTab!=null&&!this.lastFocusedTab.isConnected;this.findAllChildren();this.warnOnNavConfig();if(i!=null&&!this.tabs.some((function(t){return t.name===i}))){this.activeTabName=undefined}this.passPropsToChildren();if(s){this.lastFocusedTab=null;requestAnimationFrame((function(){var i;var s=document.activeElement;if(s&&s!==document.body)return;var n=t.tabs.find((function(i){return i.name===t.activeTabName}));(i=n===null||n===void 0?void 0:n.querySelector("button"))===null||i===void 0?void 0:i.focus()}))}};t.prototype.propGeneration=function(t,i){if(i===void 0){i=0}t.parentComponentId=this.componentId.toString();t.variant=this.variant;t.selected=this.activeTabName===t.name?true:false;t["index"]=i};t.prototype.passPropsToChildren=function(){var t=this;var i;if(!this.nav&&this.activeTabName==null&&this.tabs.length){var s=(i=this.tabs.find((function(t){return!t.disabled})))!==null&&i!==void 0?i:this.tabs[0];this.activeTabName=s.name}this.tabs.forEach((function(i,s){if(t.activeTabName===i.name)t.activeTabIndex=s;t.propGeneration(i,s);i.navMode=t.nav}));this.tabPanels.forEach((function(i){t.propGeneration(i);i.stretch=t.stretch}))};t.prototype.classNames=function(){var t="pds-tabs";if(this.variant&&this.variant!="primary"){var i="pds-tabs--".concat(this.variant);t+=" "+i}if(this.divider){t+=" pds-tabs--divider"}if(this.stretch){t+=" pds-tabs--stretch"}return t};t.prototype.componentWillLoad=function(){this.findAllChildren();this.warnOnNavConfig()};t.prototype.componentWillRender=function(){this.passPropsToChildren()};t.prototype.render=function(){var t=this.isNav?s("nav",{class:"pds-tabs__tablist","aria-label":this.tablistLabel||undefined,part:"tab-list"},s("slot",{name:"tabs"})):s("div",{class:"pds-tabs__tablist",role:"tablist","aria-label":this.tablistLabel,part:"tab-list"},s("slot",{name:"tabs"}));var i=this.classNames();this.hostKeeper.record(i);return s(n,{key:"
|
|
1
|
+
System.register(["./p-BK1sLRfg.system.js","./p-BlJQebvG.system.js","./p-BZ1l3LGl.system.js"],(function(t){"use strict";var i,s,n,a,e;return{setters:[function(t){i=t.r;s=t.h;n=t.H;a=t.a},function(t){e=t.H},null],execute:function(){var r=function(){return":host{--tabs-dimension-panel-margin-top:var(--pine-dimension-none);--tabs-dimension-panel-padding:0;display:block}.pds-tabs__tablist{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--pine-dimension-md)}:host(.pds-tabs--divider) .pds-tabs__tablist{-webkit-border-after:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);border-block-end:var(--pine-border-width-thin) solid var(--pine-color-border-subtle)}:host(.pds-tabs--stretch){block-size:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host(.pds-tabs--stretch) .pds-tabs__tablist{-ms-flex:0 0 auto;flex:0 0 auto}:host(.pds-tabs--availability) .pds-tabs__tablist{gap:var(--pine-dimension-xs)}:host(.pds-tabs--filter) .pds-tabs__tablist{gap:var(--pine-dimension-sm)}:host(.pds-tabs--pill) .pds-tabs__tablist{background-color:var(--pine-color-background-app);border:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);border-radius:var(--pine-dimension-100);display:-ms-inline-flexbox;display:inline-flex;display:-ms-flexbox;display:flex;gap:0;height:var(--pine-dimension-450)}"};var o=t("pds_tabs",function(){function t(t){var s=this;i(this,t);this.hostKeeper=new e;this.slotChangeScheduled=false;this.lastFocusedTab=null;this.handleFocusIn=function(t){var i;var n=(i=t.target)===null||i===void 0?void 0:i.closest("pds-tab");if(n&&n.closest("pds-tabs")===s.el){s.lastFocusedTab=n}};this.handleFocusOut=function(t){var i=s.lastFocusedTab;if(t.relatedTarget){s.lastFocusedTab=null;return}queueMicrotask((function(){if(s.lastFocusedTab===i&&(i===null||i===void 0?void 0:i.isConnected))s.lastFocusedTab=null}))};this.divider=false;this.stretch=false;this.nav=false;this.handleSlotChange=function(){if(s.slotChangeScheduled)return;s.slotChangeScheduled=true;s.activeTabNameBeforeSlotChange=s.activeTabName;queueMicrotask((function(){s.slotChangeScheduled=false;s.recollectAfterSlotChange()}))}}t.prototype.connectedCallback=function(){this.hostKeeper.connect(this.el);this.el.addEventListener("focusin",this.handleFocusIn);this.el.addEventListener("focusout",this.handleFocusOut);var t=this.tabsSlot!=null;this.setupSlotChangeListeners();if(t)this.handleSlotChange()};t.prototype.disconnectedCallback=function(){var t,i;this.hostKeeper.disconnect();this.el.removeEventListener("focusin",this.handleFocusIn);this.el.removeEventListener("focusout",this.handleFocusOut);(t=this.tabsSlot)===null||t===void 0?void 0:t.removeEventListener("slotchange",this.handleSlotChange);(i=this.tabPanelsSlot)===null||i===void 0?void 0:i.removeEventListener("slotchange",this.handleSlotChange)};t.prototype.componentDidLoad=function(){this.setupSlotChangeListeners()};t.prototype.tabClickHandler=function(t){if(this.componentId===t.detail[1]){this.activeTabIndex=t.detail[0];this.activeTabName=this.tabs[this.activeTabIndex].name}};t.prototype.handleKeyDown=function(t){if(this.isNav)return;var i=["ArrowLeft","ArrowRight","Home","End"];var s=t.target;var n=s.closest("pds-tab");var a=n&&n.closest("pds-tabs")===this.el;if(i.includes(t.key)&&a){t.preventDefault();this.moveActiveTab(t.key)}};Object.defineProperty(t.prototype,"isNav",{get:function(){return!!this.nav},enumerable:false,configurable:true});t.prototype.warnOnNavConfig=function(){var t;if(!((t=this.tabs)===null||t===void 0?void 0:t.length))return;var i=this.tabs.filter((function(t){var i=t.getAttribute("href");return i!=null&&i!==""})).length;if(this.nav&&i<this.tabs.length){console.warn("pds-tabs: `nav` is set, so every pds-tab needs an `href`.")}else if(!this.nav&&i>0){console.warn("pds-tabs: a pds-tab has an `href` but `nav` is not set — add `nav` to pds-tabs for navigation mode; the href is ignored in panel mode.")}};t.prototype.moveActiveTab=function(t){var i=0;var s=this.tabs.length-1;var n=null;switch(t){case"ArrowLeft":n=this.activeTabIndex===i?s:this.activeTabIndex+-1;break;case"ArrowRight":n=this.activeTabIndex===s?i:this.activeTabIndex+1;break;case"Home":n=i;break;case"End":n=s;break}this.tabs[n].children[0].focus();this.activeTabName=this.tabs[n].name;this.activeTabIndex=n};t.prototype.findAllChildren=function(){var t=this;var i=Array.from(this.el.querySelectorAll("pds-tab"));var s=Array.from(this.el.querySelectorAll("pds-tabpanel"));this.tabs=i.filter((function(i){return i.closest("pds-tabs")===t.el}));this.tabPanels=s.filter((function(i){return i.closest("pds-tabs")===t.el}))};t.prototype.setupSlotChangeListeners=function(){var t,i,s,n;this.tabsSlot=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector('slot[name="tabs"]');this.tabPanelsSlot=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector('slot[name="tabpanels"]');(s=this.tabsSlot)===null||s===void 0?void 0:s.addEventListener("slotchange",this.handleSlotChange);(n=this.tabPanelsSlot)===null||n===void 0?void 0:n.addEventListener("slotchange",this.handleSlotChange)};t.prototype.recollectAfterSlotChange=function(){var t=this;var i=this.activeTabNameBeforeSlotChange;var s=!this.isNav&&this.lastFocusedTab!=null&&!this.lastFocusedTab.isConnected;this.findAllChildren();this.warnOnNavConfig();if(i!=null&&!this.tabs.some((function(t){return t.name===i}))){this.activeTabName=undefined}this.passPropsToChildren();if(s){this.lastFocusedTab=null;requestAnimationFrame((function(){var i;var s=document.activeElement;if(s&&s!==document.body)return;var n=t.tabs.find((function(i){return i.name===t.activeTabName}));(i=n===null||n===void 0?void 0:n.querySelector("button"))===null||i===void 0?void 0:i.focus()}))}};t.prototype.propGeneration=function(t,i){if(i===void 0){i=0}t.parentComponentId=this.componentId.toString();t.variant=this.variant;t.selected=this.activeTabName===t.name?true:false;t["index"]=i};t.prototype.passPropsToChildren=function(){var t=this;var i;if(!this.nav&&this.activeTabName==null&&this.tabs.length){var s=(i=this.tabs.find((function(t){return!t.disabled})))!==null&&i!==void 0?i:this.tabs[0];this.activeTabName=s.name}this.tabs.forEach((function(i,s){if(t.activeTabName===i.name)t.activeTabIndex=s;t.propGeneration(i,s);i.navMode=t.nav}));this.tabPanels.forEach((function(i){t.propGeneration(i);i.stretch=t.stretch}))};t.prototype.classNames=function(){var t="pds-tabs";if(this.variant&&this.variant!="primary"){var i="pds-tabs--".concat(this.variant);t+=" "+i}if(this.divider){t+=" pds-tabs--divider"}if(this.stretch){t+=" pds-tabs--stretch"}return t};t.prototype.componentWillLoad=function(){this.findAllChildren();this.warnOnNavConfig()};t.prototype.componentWillRender=function(){this.passPropsToChildren()};t.prototype.render=function(){var t=this.isNav?s("nav",{class:"pds-tabs__tablist","aria-label":this.tablistLabel||undefined,part:"tab-list"},s("slot",{name:"tabs"})):s("div",{class:"pds-tabs__tablist",role:"tablist","aria-label":this.tablistLabel,part:"tab-list"},s("slot",{name:"tabs"}));var i=this.classNames();this.hostKeeper.record(i);return s(n,{key:"6ededb588230706dc0848164e991694490436bf1","active-tab-name":this.activeTabName,class:i},t,s("slot",{key:"68d090b7b6a3bae74ceb66e1487ce96666a38c6e",name:"tabpanels"}))};Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});return t}());o.style=r()}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-BK1sLRfg.system.js","./p-BlJQebvG.system.js","./p-BZsj6eAn.system.js","./p-VPGVqK3P.system.js","./p-CIe1DGXa.system.js","./p-BZ1l3LGl.system.js"],(function(e){"use strict";var s,t,i,r,a,
|
|
1
|
+
System.register(["./p-BK1sLRfg.system.js","./p-BlJQebvG.system.js","./p-BZsj6eAn.system.js","./p-VPGVqK3P.system.js","./p-CIe1DGXa.system.js","./p-BZ1l3LGl.system.js"],(function(e){"use strict";var s,t,i,r,o,a,d,n;return{setters:[function(e){s=e.r;t=e.h;i=e.H;r=e.a},function(e){o=e.H},function(e){a=e.f},function(e){d=e.s},function(e){n=e.h},null],execute:function(){var b=function(){return".pds-sortable-item.sc-pds-sortable-item-h{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;padding-block:var(--pine-dimension-xs);padding-inline:var(--pine-dimension-md);position:relative;-webkit-transition:-webkit-box-shadow var(--pine-motion-duration-fast) var(--pine-motion-easing-out);transition:-webkit-box-shadow var(--pine-motion-duration-fast) var(--pine-motion-easing-out);transition:box-shadow var(--pine-motion-duration-fast) var(--pine-motion-easing-out);transition:box-shadow var(--pine-motion-duration-fast) var(--pine-motion-easing-out), -webkit-box-shadow var(--pine-motion-duration-fast) var(--pine-motion-easing-out)}.pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__actions.sc-pds-sortable-item{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-padding-start:var(--pine-dimension-md);padding-inline-start:var(--pine-dimension-md)}.pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{border-radius:var(--pine-border-radius-sm);line-height:1;-webkit-margin-end:var(--pine-dimension-md);margin-inline-end:var(--pine-dimension-md)}.pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle--hidden.sc-pds-sortable-item{-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:0;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle--hidden.sc-pds-sortable-item:focus-visible{outline:0}.pds-sortable--bordered .pds-sortable-item.sc-pds-sortable-item-h:first-child{border-start-end-radius:calc(var(--pine-dimension-xs) * 1.25);border-start-start-radius:calc(var(--pine-dimension-xs) * 1.25)}.pds-sortable--bordered .pds-sortable-item.sc-pds-sortable-item-h:last-child{border-end-end-radius:calc(var(--pine-dimension-xs) * 1.25);border-end-start-radius:calc(var(--pine-dimension-xs) * 1.25)}.pds-sortable--divided .pds-sortable-item.sc-pds-sortable-item-h{-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border)}.pds-sortable--divided .pds-sortable-item.sc-pds-sortable-item-h:last-child{-webkit-border-after:0;border-block-end:0}.pds-sortable--handle-type-row .pds-sortable-item.sc-pds-sortable-item-h{cursor:-webkit-grab;cursor:grab}.pds-sortable--handle-type-handle .pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{cursor:-webkit-grab;cursor:grab}.pds-sortable--disabled .pds-sortable-item.sc-pds-sortable-item-h{cursor:not-allowed;opacity:0.5}.pds-sortable--disabled .pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{cursor:not-allowed}.pds-sortable--disabled .pds-sortable-item.sc-pds-sortable-item-h:hover{background-color:transparent}.pds-sortable:not(.pds-sortable--disabled) .pds-sortable-item.sc-pds-sortable-item-h:hover{background-color:var(--pine-color-background-container-hover)}.pds-sortable:not(.pds-sortable--disabled) .pds-sortable-item.sc-pds-sortable-item-h:hover pds-icon.sc-pds-sortable-item{color:var(--pine-color-info)}.pds-sortable-item.sc-pds-sortable-item-h:has(>.pds-sortable-item__handle--hidden:focus-visible){outline:var(--pine-outline-focus);outline-offset:calc(var(--pine-border-width-thick) * -1)}.pds-sortable-item--grabbed.sc-pds-sortable-item-h{background-color:var(--pine-color-background-container-hover);-webkit-box-shadow:var(--pine-box-shadow-400), inset 0 0 0 var(--pine-border-width-thick) var(--pine-color-border-active);box-shadow:var(--pine-box-shadow-400), inset 0 0 0 var(--pine-border-width-thick) var(--pine-color-border-active);position:relative;z-index:1}@media (forced-colors: active){.pds-sortable-item--grabbed.sc-pds-sortable-item-h{border:var(--pine-border-width-thick) solid Highlight;padding-block:calc(var(--pine-dimension-xs) - var(--pine-border-width-thick));padding-inline:calc(var(--pine-dimension-md) - var(--pine-border-width-thick))}}.pds-sortable-item--drag.sc-pds-sortable-item-h{background-color:var(--pine-color-background-container);border-radius:0;-webkit-box-shadow:var(--pine-box-shadow-400);box-shadow:var(--pine-box-shadow-400);opacity:1}.pds-sortable-item--ghost.sc-pds-sortable-item-h{background-color:var(--pine-color-background-container-hover);border-radius:0}"};var l="pds-sortable-item--grabbed";var c=e("pds_sortable_item",function(){function e(e){s(this,e);this.hostKeeper=new o;this.enableActions=false;this.showHandle=false}e.prototype.connectedCallback=function(){this.hostKeeper.connect(this.el)};e.prototype.disconnectedCallback=function(){this.hostKeeper.disconnect()};e.prototype.componentDidRender=function(){var e=Array.from(this.el.children).filter((function(e){return e.matches(".pds-sortable-item__handle")}));e.slice(1).forEach((function(e){return e.remove()}));var s=Array.from(this.el.children).filter((function(e){return e.matches(".pds-sortable-item__actions")}));var t=s[s.length-1];s.slice(0,-1).forEach((function(e){if(t!==undefined){Array.from(e.children).forEach((function(e){return t.appendChild(e)}))}e.remove()}))};e.prototype.componentWillRender=function(){this.sortableRef=this.el.closest("pds-sortable");if(this.sortableRef&&this.sortableRef.handleType==="handle"){this.showHandle=true}};e.prototype.render=function(){var e;var s=this.sortableRef;var r=typeof(s===null||s===void 0?void 0:s.handleLabel)==="string"&&!s.disabled;var o=this.el.classList.contains(l);var b=(e={"pds-sortable-item":true},e[l]=o,e);this.hostKeeper.record(b);var c=this.el.querySelector(".pds-sortable-item__handle");var p=(c===null||c===void 0?void 0:c.getAttribute("aria-pressed"))==="true";return t(i,{key:"93566ff82e0603508392df14f6ecec11872e822c",class:b},(this.showHandle||r)&&t("div",{key:"c3c6bd592ab827a0fc513c101b5afec8acc62cf4",class:{"pds-sortable-item__handle":true,"pds-sortable-item__handle--hidden":!this.showHandle},role:r?"button":undefined,tabindex:r?"0":undefined,"aria-label":r?a(s.handleLabel,{item:d(this.el)}):undefined,"aria-pressed":r?String(p):undefined},t("pds-icon",{key:"a71dd5c7c7d368ec0ef326d7f86f33bcaeecf238","aria-hidden":"true",icon:n})),t("slot",{key:"cf372e7f7a234829b77ae28604bfdbdced27b1e8"}),this.enableActions&&t("div",{key:"abf8848c6c5ed09ddcf1b09be21f0ba851385f10",class:"pds-sortable-item__actions"},t("slot",{key:"e6b3b897c17529f5d803d72e6fcbeed66880f083",name:"sortable-item-actions"})))};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return e}());c.style=b()}}}));
|