@pine-ds/core 5.0.0-mercury.0 → 5.0.0

package/components/pds-toast.js

@@ -0,0 +1 @@
+import{proxyCustomElement as t,HTMLElement as i,createEvent as a,h as s,Host as e,transformTag as n}from"@stencil/core/internal/client";import{d as o}from"./pds-icon2.js";const r=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.pdsToastDismissed=a(this,"pdsToastDismissed",7),this.dismissible=!0,this.duration=4500,this.type="default",this.dismissLabel="Dismiss message",this.isVisible=!0,this.isAnimatingOut=!1}componentDidLoad(){this.duration>0&&this.startDismissTimer()}disconnectedCallback(){this.cleanup()}handleDurationChange(t){this.dismissTimer&&(window.clearTimeout(this.dismissTimer),this.dismissTimer=void 0),t>0&&this.startDismissTimer()}async dismiss(){this.isAnimatingOut=!0,await this.waitForDismissAnimation(),this.isVisible=!1,this.cleanup(),this.pdsToastDismissed.emit({componentId:this.componentId})}waitForDismissAnimation(){const t=this.getDismissAnimationDurationMs();return t<=0?Promise.resolve():new Promise((i=>window.setTimeout(i,t)))}getDismissAnimationDurationMs(){if("undefined"==typeof window)return 300;if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return 0;const t=this.parseCssDurationToMs(getComputedStyle(this.el).getPropertyValue("--animation-duration").trim());return null!=t?t:300}parseCssDurationToMs(t){if(t){if("0"===t||"0ms"===t||"0s"===t)return 0;if(t.endsWith("ms")){const i=Number.parseFloat(t);return Number.isFinite(i)?i:void 0}if(t.endsWith("s")){const i=Number.parseFloat(t);return Number.isFinite(i)?1e3*i:void 0}}}cleanup(){this.dismissTimer&&(window.clearTimeout(this.dismissTimer),this.dismissTimer=void 0)}startDismissTimer(){this.dismissTimer=window.setTimeout((()=>{this.dismiss()}),this.duration)}renderIcon(){return"loading"===this.type?s("div",{class:"pds-toast__loader"},s("svg",{class:"pds-toast__loader-spinner",viewBox:"25 25 50 50","aria-hidden":"true"},s("circle",{class:"pds-toast__loader-path",cx:"50",cy:"50",r:"20",fill:"none",stroke:"currentColor","stroke-width":"4","stroke-linecap":"round"}))):this.icon&&s("pds-icon",{name:this.icon,class:"pds-toast__icon","aria-hidden":"true"})}severityText(){var t;return null!==(t=this.severityLabel)&&void 0!==t?t:"danger"===this.type?"Error":void 0}render(){const t=this.severityText();return s(e,{key:"89a7a4a9105730769c83cbb39af3cec31d1a39da",hidden:!this.isVisible},s("div",{key:"6543b52aea9ba5e956f894148e965619c8836432",class:{"pds-toast":!0,["pds-toast--"+this.type]:"default"!==this.type,"pds-toast--animating-out":this.isAnimatingOut},role:"alert","aria-live":"polite"},this.renderIcon(),t&&s("span",{key:"c2ec7185878dd0d00f0cf12c29080b716997f2c2",class:"visually-hidden"},t),s("span",{key:"0274afc2c23f43d7cd50a42fc999d82f91ad026d",class:"pds-toast__message"},s("slot",{key:"daba1b8fb461ffeb9c662d6c30f5cc93ca7c08f9"})),this.dismissible&&s("button",{key:"56cd7eb04c759acdaa850d230a5204eb2cae87f0",type:"button",part:"dismiss",class:"pds-toast__button",onClick:()=>{this.dismiss()},"aria-label":this.dismissLabel},s("pds-icon",{key:"95b08c3cbe0fb015515884484cf5ea28f7f0025c",name:"remove","aria-hidden":"true"}))))}get el(){return this}static get watchers(){return{duration:[{handleDurationChange:0}]}}static get style(){return":host{--animation-duration:var(--pine-motion-duration-slow);--animation-timing:var(--pine-motion-easing-in-out);--padding-inline:var(--pine-dimension-md);--padding-inline-desktop:var(--pine-dimension-2xl);--sizing-height-default:68px;--sizing-min-width:calc(var(--sizing-total-width) - (var(--padding-inline) * 2));--sizing-min-width-desktop:calc(var(--sizing-total-width) - (var(--padding-inline-desktop) * 2));--sizing-total-width:350px;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;font:var(--pine-typography-body-medium)}.pds-toast{-ms-flex-align:center;align-items:center;-webkit-animation:pds-toast-animate-in var(--animation-duration) var(--animation-timing);animation:pds-toast-animate-in var(--animation-duration) var(--animation-timing);background-color:var(--pine-color-primary);border-radius:var(--pine-dimension-xs);-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);display:-ms-flexbox;display:flex;height:var(--sizing-height-default);-ms-flex-pack:start;justify-content:flex-start;-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs);max-width:calc(90vw + var(--padding-inline) * 2);min-width:calc(var(--sizing-min-width) + var(--padding-inline) * 2);padding:0 var(--padding-inline);position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width: 767px){.pds-toast{height:36px;max-width:100vw;min-width:auto;padding-inline:var(--pine-dimension-2xs)}}.pds-toast--danger{background-color:var(--pine-color-danger)}.pds-toast--loading .pds-toast__loader{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm);position:relative}.pds-toast--loading .pds-toast__loader-spinner{-webkit-animation:pds-toast-rotate 2s linear infinite;animation:pds-toast-rotate 2s linear infinite;height:20px;width:20px}.pds-toast--loading .pds-toast__loader-path{-webkit-animation:pds-toast-dash 1.5s ease-in-out infinite;animation:pds-toast-dash 1.5s ease-in-out infinite;stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round}.pds-toast__icon{color:var(--pine-color-text-primary);display:-ms-inline-flexbox;display:inline-flex;-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm)}.pds-toast__message{font:var(--pine-typography-body-sm-medium);-webkit-margin-end:auto;margin-inline-end:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-toast__message ::slotted(a){color:var(--pine-color-text-primary);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs);opacity:0.7;text-decoration:underline}.pds-toast__message ::slotted(a):hover,.pds-toast__message ::slotted(a):focus-visible{opacity:1}.pds-toast__message ::slotted(a):focus-visible{outline:2px solid var(--pine-color-text-primary);outline-offset:2px}.pds-toast__button{-ms-flex-align:center;align-items:center;background:none;border:0;border-radius:var(--pine-border-radius-full);color:inherit;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);opacity:0.7;padding:0;white-space:nowrap}.pds-toast__button:hover,.pds-toast__button:focus{opacity:1}.pds-toast__button:focus{outline:var(--pine-outline-focus);outline-offset:var(--pine-dimension-2xs)}@-webkit-keyframes pds-toast-animate-in{from{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes pds-toast-animate-in{from{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes pds-toast-animate-out{from{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes pds-toast-animate-out{from{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}@-webkit-keyframes pds-toast-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes pds-toast-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes pds-toast-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}@keyframes pds-toast-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}:host([hidden]) .pds-toast,.pds-toast--animating-out{-webkit-animation:pds-toast-animate-out var(--animation-duration) var(--animation-timing) forwards;animation:pds-toast-animate-out var(--animation-duration) var(--animation-timing) forwards;pointer-events:none;}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}"}},[257,"pds-toast",{componentId:[1,"component-id"],dismissible:[4],duration:[2],icon:[1],type:[1],dismissLabel:[1,"dismiss-label"],severityLabel:[1,"severity-label"],isVisible:[32],isAnimatingOut:[32],dismiss:[64]},void 0,{duration:[{handleDurationChange:0}]}]),d=r,m=function(){"undefined"!=typeof customElements&&["pds-toast","pds-icon"].forEach((t=>{switch(t){case"pds-toast":customElements.get(n(t))||customElements.define(n(t),r);break;case"pds-icon":customElements.get(n(t))||o()}}))};export{d as PdsToast,m as defineCustomElement}

package/components/pds-tooltip.js

@@ -1,178 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-
-const positionTooltip = ({ elem, elemPlacement, overlay, offset = 8 }) => {
-    if (elem == undefined)
-        return;
-    const rect = elem.getBoundingClientRect();
-    const contentRect = overlay.getBoundingClientRect();
-    // Exit the function if the placement is not set
-    if (!elemPlacement || elemPlacement == "")
-        return;
-    switch (true) {
-        case elemPlacement.includes("right"):
-            overlay.style.top = '50%';
-            overlay.style.left = `calc(${rect.width}px + ${offset}px)`;
-            overlay.style.transform = 'translateY(-50%)';
-            if (elemPlacement.includes("start")) {
-                overlay.style.top = '0';
-                overlay.style.transform = 'translateY(0)';
-            }
-            if (elemPlacement.includes("end")) {
-                overlay.style.bottom = '0';
-                overlay.style.top = 'initial';
-                overlay.style.transform = 'translateY(0)';
-            }
-            break;
-        case elemPlacement.includes("left"):
-            overlay.style.top = '50%';
-            overlay.style.right = `calc(${rect.width}px + ${offset}px)`;
-            overlay.style.transform = 'translateY(-50%)';
-            if (elemPlacement.includes("start")) {
-                overlay.style.top = '0';
-                overlay.style.transform = 'translateY(0)';
-            }
-            if (elemPlacement.includes("end")) {
-                overlay.style.bottom = '0';
-                overlay.style.top = 'initial';
-                overlay.style.transform = 'translateY(0)';
-            }
-            break;
-        case elemPlacement.includes("bottom"):
-            overlay.style.top = `calc(${rect.height}px + ${offset}px)`;
-            overlay.style.left = '50%';
-            overlay.style.transform = 'translateX(-50%)';
-            if (elemPlacement.includes("start")) {
-                overlay.style.left = '0';
-                overlay.style.transform = 'translateX(0)';
-            }
-            if (elemPlacement.includes("end")) {
-                overlay.style.left = 'initial';
-                overlay.style.right = '0';
-                overlay.style.transform = 'translateX(0)';
-            }
-            break;
-        case elemPlacement.includes("top"):
-            overlay.style.top = `calc((${contentRect.height}px + ${offset}px) * -1)`;
-            overlay.style.left = '50%';
-            overlay.style.transform = 'translateX(-50%)';
-            if (elemPlacement.includes("start")) {
-                overlay.style.left = '0';
-                overlay.style.transform = 'translateX(0)';
-            }
-            if (elemPlacement.includes("end")) {
-                overlay.style.left = 'initial';
-                overlay.style.right = '0';
-                overlay.style.transform = 'translateX(0)';
-            }
-            break;
-    }
-};
-
-const pdsTooltipCss = ":host{--border-radius-overlay:var(--pine-border-radius-125);--border-width-arrow-down:var(--sizing-arrow-default) var(--sizing-arrow-default) 0;--border-width-arrow-left:var(--sizing-arrow-default) var(--sizing-arrow-default) var(--sizing-arrow-default) 0;--border-width-arrow-right:var(--sizing-arrow-default) 0 var(--sizing-arrow-default) var(--sizing-arrow-default);--border-width-arrow-up:0 var(--sizing-arrow-default) var(--sizing-arrow-default);--box-shadow-default:var(--pine-box-shadow-md);--color-background-default:var(--pine-color-charcoal-400);--color-text-default:var(--pine-color-white);--font-size-overlay:var(--pine-font-size-087);--line-height-overlay:var(--pine-line-height-125);--sizing-arrow-default:6px;--sizing-arrow-offset:14px;--sizing-width-default:320px;--spacing-padding-overlay:var(--pine-spacing-100) calc(var(--pine-spacing-300) / 2);display:inline-block;position:relative}:host ::slotted(*){display:-ms-flexbox;display:flex}:host ::slotted([slot=content]){display:block;white-space:normal;width:var(--sizing-width-default)}.pds-tooltip__content{background-color:var(--color-background-default);border-radius:var(--border-radius-overlay);-webkit-box-shadow:var(--box-shadow-default);box-shadow:var(--box-shadow-default);color:var(--color-text-default);font-size:var(--font-size-overlay);line-height:var(--line-height-overlay);opacity:0;padding:var(--spacing-padding-overlay);position:absolute;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:1}:host(.pds-tooltip--has-html-content) .pds-tooltip__content{width:auto}.pds-tooltip__content::after{border-color:transparent;border-right-color:transparent;border-style:solid;border-width:var(--border-width-arrow-left);content:\"\";height:0;position:absolute;width:0}.pds-tooltip--right .pds-tooltip__content::after{border-inline-end-color:var(--color-background-default);border-width:var(--border-width-arrow-left);left:calc(var(--sizing-arrow-default) * -1);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pds-tooltip--right-end .pds-tooltip__content::after{border-inline-end-color:var(--color-background-default);border-width:var(--border-width-arrow-left);bottom:var(--sizing-arrow-offset);left:calc(var(--sizing-arrow-default) * -1);top:initial}.pds-tooltip--right-start .pds-tooltip__content::after{border-inline-end-color:var(--color-background-default);border-width:var(--border-width-arrow-left);left:calc(var(--sizing-arrow-default) * -1);top:var(--sizing-arrow-offset)}.pds-tooltip--top .pds-tooltip__content::after{border-block-start-color:var(--color-background-default);border-width:var(--border-width-arrow-down);bottom:calc(var(--sizing-arrow-default) * -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(--color-background-default);border-width:var(--border-width-arrow-down);bottom:calc(var(--sizing-arrow-default) * -1);left:var(--sizing-arrow-offset);top:initial}.pds-tooltip--top-end .pds-tooltip__content::after{border-block-start-color:var(--color-background-default);border-width:var(--border-width-arrow-down);bottom:calc(var(--sizing-arrow-default) * -1);left:initial;right:var(--sizing-arrow-offset);top:initial}.pds-tooltip--left .pds-tooltip__content::after{border-inline-start-color:var(--color-background-default);border-width:var(--border-width-arrow-right);left:initial;right:calc(var(--sizing-arrow-default) * -1);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pds-tooltip--left-end .pds-tooltip__content::after{border-inline-start-color:var(--color-background-default);border-width:var(--border-width-arrow-right);bottom:var(--sizing-arrow-offset);left:initial;right:calc(var(--sizing-arrow-default) * -1);top:initial}.pds-tooltip--left-start .pds-tooltip__content::after{border-inline-start-color:var(--color-background-default);border-width:var(--border-width-arrow-right);left:initial;right:calc(var(--sizing-arrow-default) * -1);top:var(--sizing-arrow-offset)}.pds-tooltip--bottom .pds-tooltip__content::after{border-block-end-color:var(--color-background-default);border-width:var(--border-width-arrow-up);left:50%;top:calc(var(--sizing-arrow-default) * -1);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pds-tooltip--bottom-end .pds-tooltip__content::after{border-block-end-color:var(--color-background-default);border-width:var(--border-width-arrow-up);left:initial;right:var(--sizing-arrow-offset);top:calc(var(--sizing-arrow-default) * -1)}.pds-tooltip--bottom-start .pds-tooltip__content::after{border-block-end-color:var(--color-background-default);border-width:var(--border-width-arrow-up);left:var(--sizing-arrow-offset);top:calc(var(--sizing-arrow-default) * -1)}.pds-tooltip--no-arrow .pds-tooltip__content::after{border-width:0}";
-const PdsTooltipStyle0 = pdsTooltipCss;
-
-const PdsTooltip$1 = /*@__PURE__*/ proxyCustomElement(class PdsTooltip extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.pdsTooltipHide = createEvent(this, "pdsTooltipHide", 7);
-        this.pdsTooltipShow = createEvent(this, "pdsTooltipShow", 7);
-        this.handleHide = () => {
-            this.hideTooltip();
-            this.pdsTooltipHide.emit();
-        };
-        this.handleShow = () => {
-            this.showTooltip();
-            this.pdsTooltipShow.emit();
-        };
-        this.isOpen = false;
-        this.content = undefined;
-        this.componentId = undefined;
-        this.hasArrow = true;
-        this.htmlContent = false;
-        this.placement = 'right';
-        this.opened = false;
-    }
-    handleOpenToggle() {
-        if (this.opened) {
-            this.handleShow();
-        }
-        else {
-            this.handleHide();
-        }
-    }
-    componentWillLoad() {
-        if (this.opened) {
-            this.showTooltip();
-        }
-        this.el.addEventListener('blur', this.handleHide, true);
-        this.el.addEventListener('focus', this.handleShow, true);
-    }
-    componentDidUpdate() {
-        if (this.opened) {
-            this.showTooltip();
-        }
-    }
-    componentDidRender() {
-        positionTooltip({ elem: this.el, elemPlacement: this.placement, overlay: this.contentEl });
-    }
-    /**
-     * Shows the tooltip by enabling the opened property
-     */
-    async showTooltip() {
-        this.opened = true;
-    }
-    /**
-     * Hides the tooltip by disabling the opened property
-     */
-    async hideTooltip() {
-        this.opened = false;
-    }
-    render() {
-        return (h(Host, { key: '52999e010e83fb265a46867b0b29169f7363a496', onMouseEnter: this.handleShow, onMouseLeave: this.handleHide, onFocusin: this.handleShow, onFocusout: this.handleHide }, h("div", { key: '6bb63ba10eab04114ced7ead7079d46cc22cb72c', class: `
-            pds-tooltip
-            pds-tooltip--${this.placement}
-            ${this.htmlContent ? 'pds-tooltip--has-html-content' : ''}
-            ${this.opened ? 'pds-tooltip--is-open' : ''}
-            ${this.hasArrow ? '' : 'pds-tooltip--no-arrow'}
-          ` }, h("span", { key: '930c148c837912ad9d5ea57e92246e0211b355c4', "aria-describedby": this.componentId, class: "pds-tooltip__trigger" }, h("slot", { key: '813429e2865fae92050d779ca7f47072313db851' })), h("div", { key: '7f47e8b4ff3d6238f27e38986f032ece94f6b584', class: "pds-tooltip__content", "aria-hidden": this.opened ? 'false' : 'true', "aria-live": this.opened ? 'polite' : 'off', id: this.componentId, ref: (el) => (this.contentEl = el), role: "tooltip" }, h("slot", { key: '90b3f02974d250375d55ed332a9c525626ff5439', name: "content" }), this.content))));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "opened": ["handleOpenToggle"]
-    }; }
-    static get style() { return PdsTooltipStyle0; }
-}, [1, "pds-tooltip", {
-        "content": [1],
-        "componentId": [1, "component-id"],
-        "hasArrow": [4, "has-arrow"],
-        "htmlContent": [4, "html-content"],
-        "placement": [513],
-        "opened": [1540],
-        "isOpen": [32],
-        "showTooltip": [64],
-        "hideTooltip": [64]
-    }, undefined, {
-        "opened": ["handleOpenToggle"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["pds-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "pds-tooltip":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PdsTooltip$1);
-            }
-            break;
-    } });
-}
-
-const PdsTooltip = PdsTooltip$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PdsTooltip, defineCustomElement };
-
-//# sourceMappingURL=pds-tooltip.js.map
+import{proxyCustomElement as t,HTMLElement as o,h as i,Host as r,transformTag as s}from"@stencil/core/internal/client";import{c as e,i as n}from"./keep-hydrated.js";import{f as l,o as a,i as p}from"./portal-target.js";import{c as h,a as d,o as c,f as w,s as f}from"./floating-ui.dom.js";const b=t(class t extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this._isInteractiveOpen=!1,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=!0,this.htmlContent=!1,this.placement="right",this.maxWidth="352px",this.opened=!1,this.hasCheckedReconnect=!1,this.handleHide=()=>{this.opened&&!this._isInteractiveOpen||(this.hideTooltip(),this._isInteractiveOpen=!1)},this.handleShow=()=>{this.opened&&!this._isInteractiveOpen||(this._isInteractiveOpen=!0,this.showTooltip())},this.handlePageShow=()=>{this.opened&&!this._isInteractiveOpen||(this.opened=!1,this._isInteractiveOpen=!1)},this.handleSpaNavigation=()=>{this.opened&&!this._isInteractiveOpen||(this.hideTooltip(),this._isInteractiveOpen=!1)},this.checkPathnameChange=()=>{window.location.pathname!==this.currentPathname&&(this.currentPathname=window.location.pathname,this.handleSpaNavigation())},this.scheduleContentSync=()=>{null===this.contentSyncFrame&&(this.contentSyncFrame=requestAnimationFrame((()=>{if(this.contentSyncFrame=null,null===this.portalEl||null===this.contentDiv)return;const t=this.copySlottedContent(),o=this.strippedHtml(t);o!==this.lastCopiedHtml&&(this.lastCopiedHtml=o,this.contentDiv.textContent="",this.contentDiv.append(...Array.from(t.childNodes)),this.repositionPortal().catch((t=>{console.warn("Failed to reposition tooltip after a content change:",t)})))})))}}handleOpenToggle(t,o){!1===t&&!0===o&&(this._isInteractiveOpen=!1)}componentWillLoad(){this._isInteractiveOpen=!1,this.resolvedPlacement=this.placement}componentDidLoad(){window.addEventListener("pageshow",this.handlePageShow),this.currentPathname=window.location.pathname,this.triggerEl=this.el.querySelector(".pds-tooltip__trigger")}connectedCallback(){this.hasCheckedReconnect=!1}disconnectedCallback(){window.removeEventListener("pageshow",this.handlePageShow),null!==this.portalEl&&this.removePortal(),null!==this.pathnameCheckInterval&&(clearInterval(this.pathnameCheckInterval),this.pathnameCheckInterval=null),null!==this.stopAutoUpdate&&(this.stopAutoUpdate(),this.stopAutoUpdate=null)}unwrapReconnectedSlots(){const t=Array.from(this.el.children).find((t=>t.matches(".pds-tooltip__trigger"))),o=Array.from(this.el.children).find((t=>t.matches(".pds-tooltip__content-slot-wrapper")));if(void 0===t||void 0===o)return;const i=t=>Array.from(t.children).find((t=>t.matches(".pds-tooltip__trigger, .pds-tooltip__content-slot-wrapper")));[t,o].forEach((r=>{let s=i(r);for(;void 0!==s;){const e=s.matches(".pds-tooltip__content-slot-wrapper")?o:t;Array.from(s.childNodes).forEach((t=>e===r?r.insertBefore(t,s):e.appendChild(t))),s.remove(),s=i(r)}}))}componentDidRender(){this.hasCheckedReconnect||(this.unwrapReconnectedSlots(),this.hasCheckedReconnect=!0),this.opened&&null===this.portalEl?this.createPortal():this.opened||null===this.portalEl||this.removePortal(),null!==this.portalEl&&(this.portalEl.className=`pds-tooltip pds-tooltip--${this.resolvedPlacement} ${this.htmlContent?"pds-tooltip--has-html-content":""} ${this.opened?"pds-tooltip--is-open":""} ${this.hasArrow?"":"pds-tooltip--no-arrow"}`,this.portalEl.setAttribute("aria-hidden",this.opened?"false":"true"),this.portalEl.setAttribute("aria-live",this.opened?"polite":"off"))}async showTooltip(){this.opened=!0}async hideTooltip(){this.opened=!1}determinePositioningAnchor(){let t=this.triggerEl;if(null!==this.triggerEl){const o=this.triggerEl.childNodes;for(let i=0;i<o.length;i++){const r=o[i];if(r.nodeType===Node.ELEMENT_NODE){t=r;break}}}return t}async repositionPortal(){const t=this.determinePositioningAnchor();if(null!==t&&null!==this.portalEl)try{const{x:o,y:i,placement:r}=await h(t,this.portalEl,{placement:this.placement,strategy:"fixed",middleware:[c(8),w(),f({padding:5})]});this.resolvedPlacement=r,Object.assign(this.portalEl.style,{left:o+"px",top:i+"px",position:"fixed"}),this.portalEl.className=`pds-tooltip pds-tooltip--${this.resolvedPlacement} ${this.htmlContent?"pds-tooltip--has-html-content":""} ${this.opened?"pds-tooltip--is-open":""} ${this.hasArrow?"":"pds-tooltip--no-arrow"}`}catch(o){console.warn("Failed to position tooltip:",o),this.resolvedPlacement=this.placement;const i=t.getBoundingClientRect();this.portalEl.style.left=i.right+8+"px",this.portalEl.style.top=i.top+"px",this.portalEl.style.position="fixed"}}createPortal(){if(null!==this.portalEl)return;if(this.portalEl=document.createElement("div"),this.portalEl.className=`pds-tooltip pds-tooltip--${this.resolvedPlacement} ${this.htmlContent?"pds-tooltip--has-html-content":""} ${this.opened?"pds-tooltip--is-open":""} ${this.hasArrow?"":"pds-tooltip--no-arrow"}`,this.portalEl.style.position="fixed",this.portalEl.style.zIndex="var(--pine-z-index-nuclear)",""===this.portalEl.id){const o=t.instanceCounter++;this.portalEl.id=`${this.componentId||this.el.id||"pds-tooltip"}-portal-${o}`}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");const o=this.copySlottedContent();this.lastCopiedHtml=this.strippedHtml(o),this.contentDiv.append(...Array.from(o.childNodes)),this.portalEl.appendChild(this.contentDiv);const i=l(this.el,p);i.appendChild(this.portalEl),i!==document.body&&(this.stopWatchingPortalHost=a(i,this.handleHide)),this.repositionPortal().catch((t=>{console.warn("Failed to position tooltip on creation:",t)})),this.triggerEl&&this.portalEl&&(this.stopAutoUpdate=d(this.triggerEl,this.portalEl,(()=>{this.repositionPortal().catch((t=>{console.warn("Failed to reposition tooltip on auto update:",t)}))}))),window.addEventListener("popstate",this.handleSpaNavigation,!0),window.addEventListener("hashchange",this.handleSpaNavigation,!0),this.pathnameCheckInterval=setInterval(this.checkPathnameChange,100),null!==this.triggerEl&&""!==this.portalEl.id&&this.triggerEl.setAttribute("aria-describedby",this.portalEl.id),this.startContentSync()}get contentSlotWrapper(){return Array.from(this.el.children).find((t=>t.matches(".pds-tooltip__content-slot-wrapper")))}copySlottedContent(){var t,o;const i=document.createElement("div"),r=null===(t=this.contentSlotWrapper)||void 0===t?void 0:t.querySelector('[slot="content"]'),s=Array.from(null!==(o=null==r?void 0:r.childNodes)&&void 0!==o?o:[]).filter((t=>{var o;return t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&""!==(null===(o=t.textContent)||void 0===o?void 0:o.trim())}));return s.forEach((t=>i.appendChild(t.cloneNode(!0)))),0===s.length&&"string"==typeof this.content&&""!==this.content.trim()&&(i.textContent=this.content),i}startContentSync(){const t=this.contentSlotWrapper;void 0!==t&&"undefined"!=typeof MutationObserver&&(this.slotMutationObserver=new MutationObserver(this.scheduleContentSync),this.slotMutationObserver.observe(t,{childList:!0,subtree:!0,attributes:!0,characterData:!0}))}strippedHtml(t){const o=t.cloneNode(!0);return o.querySelectorAll("*").forEach((t=>{if(!t.localName.startsWith("pds-"))return;const o=e(t.getAttribute("class")||"").filter((o=>!n(t,o)));0===o.length?t.removeAttribute("class"):t.setAttribute("class",o.join(" "))})),o.innerHTML}stopContentSync(){null!==this.slotMutationObserver&&(this.slotMutationObserver.disconnect(),this.slotMutationObserver=null),null!==this.contentSyncFrame&&(cancelAnimationFrame(this.contentSyncFrame),this.contentSyncFrame=null)}removePortal(){if(this.stopContentSync(),null!==this.stopAutoUpdate&&(this.stopAutoUpdate(),this.stopAutoUpdate=null),null!==this.stopWatchingPortalHost&&(this.stopWatchingPortalHost(),this.stopWatchingPortalHost=null),null!==this.pathnameCheckInterval&&(clearInterval(this.pathnameCheckInterval),this.pathnameCheckInterval=null),null!==this.portalEl){window.removeEventListener("popstate",this.handleSpaNavigation,!0),window.removeEventListener("hashchange",this.handleSpaNavigation,!0);try{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}null!==this.triggerEl&&this.triggerEl.removeAttribute("aria-describedby"),this.contentDiv=null,this.lastCopiedHtml=null}render(){return i(r,{key:"8e9f4aac519caacca9d7e7bc92a714e09ecc756f",class:{"pds-tooltip--is-open":this.opened}},i("span",{key:"f4a706e2b5bb68ac171c25ae02ae23555860c165",class:"pds-tooltip__trigger",onMouseEnter:this.handleShow,onMouseLeave:this.handleHide,onFocusin:this.handleShow,onFocusout:this.handleHide,ref:t=>this.triggerEl=t},i("slot",{key:"7548da298a2295f40fd1c6a9b4f1e597f687b80e"})),i("div",{key:"e19be5edd901bc8a6f96ace445451a976b92e447",class:"pds-tooltip__content-slot-wrapper",hidden:!0},i("slot",{key:"0616e0468350750019afb736d79ac9f49ace4730",name:"content"})))}get el(){return this}static get watchers(){return{opened:[{handleOpenToggle:0}]}}static get style(){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}'}},[260,"pds-tooltip",{content:[1],componentId:[1,"component-id"],hasArrow:[4,"has-arrow"],htmlContent:[4,"html-content"],placement:[513],maxWidth:[1,"max-width"],opened:[1540],_isInteractiveOpen:[32],showTooltip:[64],hideTooltip:[64]},void 0,{opened:[{handleOpenToggle:0}]}]);b.instanceCounter=0;const v=b,m=function(){"undefined"!=typeof customElements&&["pds-tooltip"].forEach((t=>{"pds-tooltip"===t&&(customElements.get(s(t))||customElements.define(s(t),b))}))};export{v as PdsTooltip,m as defineCustomElement}

package/components/portal-target.js

@@ -0,0 +1 @@
+function o(o,n=e){const t=new Set;let r=o;for(;r&&!t.has(r);){if(t.add(r),r.nodeType===Node.ELEMENT_NODE&&n(r))return r;const o=r.nodeType===Node.ELEMENT_NODE?r.assignedSlot:null;if(o){r=o;continue}const e=r.parentNode;r=e instanceof ShadowRoot?e.host:e}return document.body}function n(o){return o.getRootNode()===o.ownerDocument&&(r(o,":modal")||r(o,":popover-open"))}function t(o,t){const e=()=>{n(o)||t()};return o.addEventListener("close",e),o.addEventListener("toggle",e),()=>{o.removeEventListener("close",e),o.removeEventListener("toggle",e)}}function e(o){return"dialog"===o.localName?o.open:o.hasAttribute("popover")&&r(o,":popover-open")}function r(o,n){try{return o.matches(n)}catch(o){return!1}}export{o as f,n as i,t as o}

package/components/reconnected-content.js

@@ -0,0 +1 @@
+function l(l,n,o){var r;if(null===l)return;let u=l.firstElementChild;for(;null==u?void 0:u.matches(n);){const n=void 0!==o&&null!==(r=u.querySelector(o))&&void 0!==r?r:u;Array.from(n.childNodes).forEach((n=>l.insertBefore(n,u))),u.remove(),u=l.firstElementChild}}export{l as u}

package/components/reflected-attribute-default.js

@@ -0,0 +1 @@
+function n(n,r,l,t){return null==l||!1===l&&!n.hasAttribute(r)?(!1!==t&&null!=t&&n.setAttribute(r,!0===t?"":String(t)),t):l}export{n as r}

package/components/scroll.js

@@ -0,0 +1 @@
+let t=null;function e(t){return"rtl"===getComputedStyle(t).direction}function n(n){const{scrollLeft:r,scrollWidth:u,clientWidth:c}=n,o=Math.max(0,u-c);return o<=0?0:e(n)?function(t,e,n){switch(n){case"negative":return Math.max(0,-t);case"reverse":return Math.max(0,t);default:return Math.max(0,e-t)}}(r,o,function(){if(t)return t;if("undefined"==typeof document)return t="default",t;const e=document.createElement("div");e.style.width="100px",e.style.height="100px",e.style.position="absolute",e.style.top="-1000px",e.style.overflow="scroll",e.style.direction="rtl";const n=document.createElement("div");return n.style.width="200px",n.style.height="100px",e.appendChild(n),document.body.appendChild(e),e.scrollLeft>0?t="reverse":(e.scrollLeft=1,t=0===e.scrollLeft?"negative":"default"),document.body.removeChild(e),t}()):r}function r(t){return n(t)>0}export{e as a,n as g,r as i}

package/components/sortable-label.js

@@ -0,0 +1 @@
+const t=t=>{var e;const{itemLabel:s}=t;if(s)return s;for(const s of Array.from(t.childNodes)){if(1===s.nodeType&&s.matches('.pds-sortable-item__handle, .pds-sortable-item__actions, [slot="sortable-item-actions"], script, style, template'))continue;if(3!==s.nodeType&&1!==s.nodeType)continue;const t=(null!==(e=s.textContent)&&void 0!==e?e:"").replace(/\s+/g," ").trim();if(t)return t}return""};export{t as s}

package/components/tabbable.js

@@ -0,0 +1 @@
+const n=["a[href]","area[href]","button",'input:not([type="hidden"])',"select","textarea","iframe","summary",'[contenteditable]:not([contenteditable="false"])',"[tabindex]"].join(",");function t(n,t){for(const o of Array.from(n.children))e(o,t)}const o=n=>{var t;return n.tabIndex>=0||n.isContentEditable&&!n.hasAttribute("tabindex")&&!(null===(t=n.parentElement)||void 0===t?void 0:t.isContentEditable)};function e(i,r){var l,u,c,f;if(i.hasAttribute("inert")||"tooltip"===i.getAttribute("role"))return;if("slot"===i.localName){const n=i;if(0===(null!==(u=null===(l=n.assignedNodes)||void 0===l?void 0:l.call(n,{flatten:!0}))&&void 0!==u?u:[]).length)return t(i,r);for(const t of n.assignedElements({flatten:!0}))e(t,r);return}const a=!0===(null===(c=i.shadowRoot)||void 0===c?void 0:c.delegatesFocus);i instanceof HTMLElement&&!a&&o(i)&&i.matches(n)&&!i.matches(":disabled")&&r.push(i),t(null!==(f=i.shadowRoot)&&void 0!==f?f:i,r)}const i=n=>n instanceof HTMLInputElement&&"radio"===n.type&&""!==n.name?n:null;function r(n){const o=[];return t(n,o),function(n){const t=[];for(const o of n){const n=i(o);if(null===n)continue;const e=t.find((([t])=>t.name===n.name&&t.form===n.form&&t.getRootNode()===n.getRootNode()));e?e.push(n):t.push([n])}const o=new Set(t.map((n=>{var t;return null!==(t=n.find((n=>n.checked)))&&void 0!==t?t:n[0]})));return n.filter((n=>null===i(n)||o.has(n)))}(o.filter((n=>{if("function"==typeof n.checkVisibility)return n.checkVisibility({checkVisibilityCSS:!0});const t=window.getComputedStyle(n);return"none"!==t.display&&"hidden"!==t.visibility})))}export{r as t}

package/components/truncation-tooltip.js

@@ -0,0 +1 @@
+import{c as n,o as t,f as e,s as o}from"./floating-ui.dom.js";import{f as i,i as a,o as r}from"./portal-target.js";const s='a[href], button, summary, pds-button, pds-link, pds-tab, pds-dropdown-menu-item, [role="option"], [role="treeitem"]';function u(n){let t="";const e=n=>{var o;"SLOT"===n.nodeName&&"function"==typeof n.assignedNodes?n.assignedNodes({flatten:!0}).forEach(e):1===n.nodeType?t+=u(n):3===n.nodeType&&(t+=null!==(o=n.textContent)&&void 0!==o?o:"")};return n.childNodes.forEach(e),t}const c="pds-truncation-tooltip";function l(n){return n.scrollWidth>n.clientWidth}function f(s){const{hostEl:u,contentEl:f,getTooltipText:d,placement:p="top",reference:m=u,manageTabIndex:x=!0,focusEl:v=u}=s;!function(){if(document.querySelector("[data-pds-truncation-tooltip]"))return;const n=document.createElement("style");n.setAttribute("data-pds-truncation-tooltip",""),n.textContent=`\n    .${c} {\n      position: fixed;\n      z-index: var(--pine-z-index-nuclear, 9999);\n    }\n    .${c}__content {\n      background-color: var(--pine-color-primary, #1a1a2e);\n      border-radius: calc(var(--pine-dimension-xs, 4px) * 1.25);\n      box-shadow: var(--pine-box-shadow, 0 2px 8px rgba(0,0,0,0.15));\n      color: var(--pine-color-text-primary, #fff);\n      cursor: text;\n      font-family: var(--pine-font-family-body, sans-serif);\n      font-size: var(--pine-font-size-body-sm, 0.875rem);\n      letter-spacing: var(--pine-letter-spacing, normal);\n      line-height: var(--pine-line-height-body, 1.5);\n      max-width: 320px;\n      opacity: 0;\n      padding: var(--pine-dimension-xs, 4px) calc(var(--pine-dimension-md, 12px) / 2);\n      transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out;\n      user-select: text;\n      visibility: hidden;\n      width: max-content;\n      word-break: break-word;\n    }\n    .${c}--visible .${c}__content {\n      opacity: 1;\n      visibility: visible;\n    }\n    :is(dialog, [popover]) > .${c} {\n      font-style: normal;\n      font-weight: normal;\n      text-align: start;\n      text-indent: 0;\n      text-transform: none;\n      white-space: normal;\n      word-spacing: normal;\n    }\n  `,document.head.appendChild(n)}();let b=null,y=null,h=!1,g=!1,w=!1,$=null,T=null,k=null,z=!1,_=!1;function E(){if(x)if(l(f)){if(!z&&f.hasAttribute("tabindex"))return;z=!0,f.setAttribute("tabindex","0")}else z&&(z=!1,f.removeAttribute("tabindex"))}function O(){if(null!==y&&(y(),y=null),b){if(b.removeEventListener("mouseenter",S),b.removeEventListener("mouseleave",q),b.classList.remove(`${c}--visible`),b.parentNode&&b.isConnected)try{b.parentNode.removeChild(b)}catch(n){}b=null}}function j(){null!==$&&(clearTimeout($),$=null)}function M(){j(),l(f)&&function(){if(b)return;const s=d();if(!s||""===s.trim())return;b=document.createElement("div"),b.className=c,b.setAttribute("role","tooltip"),b.setAttribute("aria-hidden","false");const l=document.createElement("div");l.className=`${c}__content`,l.textContent=s.trim(),b.appendChild(l);const f=i(u,a);f.appendChild(b),f!==document.body&&(y=r(f,A)),b.addEventListener("mouseenter",S),b.addEventListener("mouseleave",q),async function(){if(b)try{const{x:i,y:a}=await n(m,b,{placement:p,strategy:"fixed",middleware:[t(4),e(),o({padding:5})]});Object.assign(b.style,{left:`${i}px`,top:`${a}px`})}catch(n){if(b){const n=m.getBoundingClientRect(),t=b.getBoundingClientRect(),e=5,o=Math.max(e,Math.min(n.left,window.innerWidth-t.width-e)),i=Math.max(e,n.top-t.height-8);b.style.left=`${o}px`,b.style.top=`${i}px`}}}().then((()=>{b&&b.classList.add(`${c}--visible`)}))}()}function R(){h||g||w||O()}function A(){h=!1,g=!1,w=!1,j(),O()}function F(){j(),$=setTimeout((()=>{$=null,R()}),100)}function I(){h=!0,M()}function L(){h=!1,F()}function S(){g=!0,j()}function q(){g=!1,F()}function B(n){var t;(function(n){try{return n.matches(":focus-visible")}catch(n){return!0}})(n.composedPath()[0])&&(t=n.target,(v===u||t===v||t.contains(u)||u.contains(t))&&(w=!0,M()))}function C(n){w||"Escape"===n.key||B(n)}function D(){w=!1,F()}return"undefined"!=typeof ResizeObserver&&(T=new ResizeObserver((()=>{k&&clearTimeout(k),k=setTimeout((()=>{k=null,E(),b&&b.isConnected&&!l(f)&&R()}),100)})),T.observe(f)),E(),"undefined"!=typeof document&&void 0!==document.fonts&&document.fonts.ready.then((()=>{_||E()})),u.addEventListener("mouseenter",I),u.addEventListener("mouseleave",L),v.addEventListener("focusin",B),v.addEventListener("focusout",D),v.addEventListener("keyup",C),()=>{_=!0,j(),k&&(clearTimeout(k),k=null),T&&T.disconnect(),z&&(z=!1,f.removeAttribute("tabindex")),u.removeEventListener("mouseenter",I),u.removeEventListener("mouseleave",L),v.removeEventListener("focusin",B),v.removeEventListener("focusout",D),v.removeEventListener("keyup",C),O()}}function d(n){let t=[],e=[];const o=()=>{e.forEach((n=>n())),e=[],t=[]};return{sync:i=>{const a=Array.from(i).filter((n=>null!=n));a.length===t.length&&a.every(((n,e)=>n===t[e]))||(o(),t=a,e=a.map((t=>f(n(t)))))},destroy:o}}export{s as F,d as b,u as f,f as s}

package/components/utils.js

@@ -0,0 +1 @@
+const r=r=>!!r.shadowRoot&&!!r.attachShadow,e=(r,e)=>{const n=r._original||r,t=o(n.emit.bind(n),e);return{_original:n,emit:t,cancel:t.cancel,flush:t.flush}},n=r=>{var e;null===(e=null==r?void 0:r.cancel)||void 0===e||e.call(r)},t=r=>{var e;null===(e=null==r?void 0:r.flush)||void 0===e||e.call(r)},o=(r,e=0)=>{let n,t;const o=(...o)=>{clearTimeout(n),t=o,n=setTimeout((()=>{t=void 0,r(...o)}),e)};return o.cancel=()=>{clearTimeout(n),t=void 0},o.flush=()=>{const e=t;o.cancel(),e&&r(...e)},o},a=(r,e)=>{if(!r)return;const n=r.trim();return""!==n?(null==e?void 0:e.semanticMap)&&e.semanticMap[n]?e.semanticMap[n]:n.startsWith("var(")?n:n.startsWith("--")?`var(${n})`:n:void 0},c=(r,e)=>{if(!r)return{};const n=Object.assign(Object.assign({},{primary:"var(--pine-color-text-primary)",secondary:"var(--pine-color-text-secondary)",neutral:"var(--pine-color-text-neutral)",accent:"var(--pine-color-text-accent)",danger:"var(--pine-color-text-danger)",info:"var(--pine-color-text-info)",success:"var(--pine-color-text-success)",warning:"var(--pine-color-text-warning)"}),e||{}),t=a(r,{semanticMap:n});return t?{"--color":t}:{}};export{n as c,e as d,t as f,r as h,a as n,c as s}

package/dist/cjs/aria-references-CUmqibnO.js

@@ -0,0 +1,54 @@
+'use strict';
+
+/**
+ * The ARIA attributes that take ID references, and the element-reflection property each is forwarded
+ * through. An ID on a host can't reach an element inside its shadow root, so a component that
+ * delegates focus forwards the elements the IDs point at instead. A browser without ARIA element
+ * reflection gets none of them.
+ */
+const ARIA_REFERENCE_PROPERTIES = {
+    'aria-controls': 'ariaControlsElements',
+    'aria-describedby': 'ariaDescribedByElements',
+    'aria-labelledby': 'ariaLabelledByElements',
+};
+const ARIA_REFERENCE_ATTRIBUTES = Object.keys(ARIA_REFERENCE_PROPERTIES);
+/**
+ * Finds an element by ID in the host's tree, then in each shadow root that contains it, so a host
+ * inside another component's shadow root still reaches, say, a popover portal on document.body.
+ * The closest root wins when an ID repeats.
+ */
+const findInAncestorRoots = (host, id) => {
+    let root = host.getRootNode();
+    while (root instanceof ShadowRoot) {
+        const found = root.getElementById(id);
+        if (found)
+            return found;
+        root = root.host.getRootNode();
+    }
+    return root instanceof Document ? root.getElementById(id) : null;
+};
+/**
+ * The elements an ID-reference attribute on the host names, skipping IDs that match nothing.
+ */
+const referencedElements = (host, attribute) => {
+    var _a, _b;
+    const ids = (_b = (_a = host.getAttribute(attribute)) === null || _a === void 0 ? void 0 : _a.split(/\s+/).filter(Boolean)) !== null && _b !== void 0 ? _b : [];
+    return ids.map((id) => findInAncestorRoots(host, id)).filter((el) => el !== null);
+};
+/**
+ * Points the target's reflected ARIA properties at the elements the host's ID-reference attributes
+ * name, or clears them. Run it again whenever the attributes or the referenced elements may have
+ * changed: element references don't follow an ID to a node added or replaced later.
+ */
+const forwardAriaReferences = (host, target) => {
+    Object.entries(ARIA_REFERENCE_PROPERTIES).forEach(([attribute, property]) => {
+        if (!(property in target))
+            return;
+        const referenced = referencedElements(host, attribute);
+        target[property] = referenced.length > 0 ? referenced : null;
+    });
+};
+
+exports.ARIA_REFERENCE_ATTRIBUTES = ARIA_REFERENCE_ATTRIBUTES;
+exports.forwardAriaReferences = forwardAriaReferences;
+exports.referencedElements = referencedElements;

package/dist/cjs/attributes-Cgbkw6gO.js

@@ -0,0 +1,188 @@
+'use strict';
+
+var keepHydrated = require('./keep-hydrated-AKoh0DG4.js');
+
+/**
+ * Sets each attribute whose current value differs, and leaves the rest alone. A `MutationObserver`
+ * that calls this to restore attributes sees its own writes once and then settles, so it can't loop.
+ * @param el - Element to write to
+ * @param attributes - Attribute names and the values they should have
+ */
+const setAttributesIfChanged = (el, attributes) => {
+    let wrote = false;
+    Object.entries(attributes).forEach(([name, value]) => {
+        if (el.getAttribute(name) !== value) {
+            el.setAttribute(name, value);
+            wrote = true;
+        }
+    });
+    return wrote;
+};
+/**
+ * Puts back any of `expected`'s classes or style properties that are missing from `el`. It only
+ * adds what's missing, never rewrites a value that's there, because browsers normalize some style
+ * values (`flex: 1` reads back as `1 1 0%`): comparing values would rewrite them forever.
+ * @param el - Host element
+ * @param expected - Classes and style properties the component rendered
+ */
+const restoreHostStyling = (el, { classes, styles }) => {
+    const missing = classes.filter((name) => !el.classList.contains(name));
+    if (missing.length > 0)
+        el.classList.add(...missing);
+    const missingStyles = Object.entries(styles).filter(([name, value]) => value && el.style.getPropertyValue(name) === '');
+    missingStyles.forEach(([name, value]) => el.style.setProperty(name, value));
+    return missing.length > 0 || missingStyles.length > 0;
+};
+/**
+ * Watches a component's own host and puts back what it rendered when something strips it. A DOM
+ * morph does: it makes the host match the server's HTML, which carries the component's props but not
+ * the classes, styles and attributes it wrote, and Stencil won't write them again because it diffs
+ * against its previous render, not the live DOM.
+ *
+ * It also means a script that removes one of these on purpose sees it come back: change them through
+ * the component's props instead.
+ * @param el - Host element
+ * @param expected - Reads what the component last rendered
+ * @returns The observer, to disconnect when the component is removed; `null` without MutationObserver
+ */
+const keepHostStyling = (el, expected) => {
+    if (typeof MutationObserver === 'undefined')
+        return null;
+    const tag = el.tagName.toLowerCase();
+    const seenStencilClasses = new Set();
+    const observer = new MutationObserver(keepHydrated.limitRestores((records) => {
+        const styling = expected();
+        // A strip takes Stencil's own classes too: without `hydrated` Stencil hides the component, and
+        // without its scope classes a scoped component's CSS stops matching. Put back only the ones that
+        // were there, so this never runs ahead of Stencil. `keepPineHydrated` does the same for every
+        // component, but the custom-elements build only runs it if the consumer calls it, so keep this.
+        const stencilClasses = records
+            .filter((record) => record.attributeName === 'class')
+            .flatMap((record) => keepHydrated.stencilClassesOf(seenStencilClasses, el, record.oldValue));
+        let wrote = restoreHostStyling(el, Object.assign(Object.assign({}, styling), { classes: [...styling.classes, ...stencilClasses] }));
+        // An attribute the component still renders comes back with the value it had, which is what
+        // Stencil wrote (a boolean `true` lands as an empty value). One it stopped rendering stays
+        // removed, since that was Stencil's own write.
+        records.forEach(({ attributeName: name, oldValue }) => {
+            var _a;
+            const rendered = (_a = styling.attributes) === null || _a === void 0 ? void 0 : _a[name];
+            if (oldValue == null || rendered == null || rendered === false || el.hasAttribute(name))
+                return;
+            el.setAttribute(name, oldValue);
+            wrote = true;
+        });
+        return wrote;
+    }, `${tag}: stopped restoring its host, as another script keeps changing it. Use props instead.`, el, keepHydrated.HOST_RESTORE));
+    observer.observe(el, { attributes: true, attributeOldValue: true });
+    return observer;
+};
+/**
+ * Inherit attributes from the host element
+ * @param el - Host element
+ * @param attributes - Array of attributes to inherit
+ */
+const inheritAttributes = (el, attributes = []) => {
+    const attributeObject = {};
+    attributes.forEach((attr) => {
+        if (el.hasAttribute(attr)) {
+            const value = el.getAttribute(attr);
+            if (value !== null) {
+                attributeObject[attr] = el.getAttribute(attr);
+            }
+            el.removeAttribute(attr);
+        }
+    });
+    return attributeObject;
+};
+/**
+ * List of available ARIA attributes + `role`.
+ * Removed deprecated attributes.
+ * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes
+ */
+const ariaAttributes = [
+    'role',
+    'aria-activedescendant',
+    'aria-atomic',
+    'aria-autocomplete',
+    'aria-braillelabel',
+    'aria-brailleroledescription',
+    'aria-busy',
+    'aria-checked',
+    'aria-colcount',
+    'aria-colindex',
+    'aria-colindextext',
+    'aria-colspan',
+    'aria-controls',
+    'aria-current',
+    'aria-describedby',
+    'aria-description',
+    'aria-details',
+    'aria-disabled',
+    'aria-errormessage',
+    'aria-expanded',
+    'aria-flowto',
+    'aria-haspopup',
+    'aria-hidden',
+    'aria-invalid',
+    'aria-keyshortcuts',
+    'aria-label',
+    'aria-labelledby',
+    'aria-level',
+    'aria-live',
+    'aria-multiline',
+    'aria-multiselectable',
+    'aria-orientation',
+    'aria-owns',
+    'aria-placeholder',
+    'aria-posinset',
+    'aria-pressed',
+    'aria-readonly',
+    'aria-relevant',
+    'aria-required',
+    'aria-roledescription',
+    'aria-rowcount',
+    'aria-rowindex',
+    'aria-rowindextext',
+    'aria-rowspan',
+    'aria-selected',
+    'aria-setsize',
+    'aria-sort',
+    'aria-valuemax',
+    'aria-valuemin',
+    'aria-valuenow',
+    'aria-valuetext',
+];
+const inheritAriaAttributes = (el, ignoreList) => {
+    let attributesToInherit = ariaAttributes;
+    if (ignoreList && ignoreList.length > 0) {
+        attributesToInherit = ariaAttributes.filter(attr => !ignoreList.includes(attr));
+    }
+    return inheritAttributes(el, attributesToInherit);
+};
+/**
+ * One component's use of `keepHostStyling`: `record` what `render()` puts on the host, `connect` in
+ * `connectedCallback` and `disconnect` in `disconnectedCallback`.
+ */
+class HostStylingKeeper {
+    constructor() {
+        this.styling = { classes: [], styles: {} };
+        this.observer = null;
+    }
+    record(classes, styles = {}, attributes = {}) {
+        this.styling = { classes: keepHydrated.classNamesOf(classes), styles, attributes };
+    }
+    connect(el) {
+        var _a;
+        (_a = this.observer) !== null && _a !== void 0 ? _a : (this.observer = keepHostStyling(el, () => this.styling));
+    }
+    disconnect() {
+        var _a;
+        (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
+        this.observer = null;
+    }
+}
+
+exports.HostStylingKeeper = HostStylingKeeper;
+exports.inheritAriaAttributes = inheritAriaAttributes;
+exports.inheritAttributes = inheritAttributes;
+exports.setAttributesIfChanged = setAttributesIfChanged;

package/dist/cjs/closest-D0qyYtJ3.js

@@ -0,0 +1,20 @@
+'use strict';
+
+// This helper function is similar to Element.closest(),
+// however it also traverses shadow DOM boundaries.
+const closest = (selector, el) => {
+    return (el &&
+        (('closest' in el && el.closest(selector)) ||
+            closest(selector, el.getRootNode().host)));
+};
+/** Whether `node` is `ancestor` or inside it, crossing shadow roots, which `Node.contains` doesn't. */
+const containsComposed = (ancestor, node) => {
+    for (let current = node; current; current = current instanceof ShadowRoot ? current.host : current.parentNode) {
+        if (current === ancestor)
+            return true;
+    }
+    return false;
+};
+
+exports.closest = closest;
+exports.containsComposed = containsComposed;