@pine-ds/core 4.11.0 → 4.12.0

package/dist/pine-core/p-ef0eba9b.system.entry.js

@@ -1 +0,0 @@
-System.register(["./p-BK1sLRfg.system.js","./p-Dx8tEj0U.system.js","./p-vFsJv75D.system.js","./p-BZ1l3LGl.system.js"],(function(t){"use strict";var o,r,n,e,i,d,s,a;return{setters:[function(t){o=t.r;r=t.c;n=t.h;e=t.H;i=t.a},function(t){d=t.h},function(t){s=t.g;a=t.i},null],execute:function(){var u={"aria-controls":"ariaControlsElements","aria-describedby":"ariaDescribedByElements","aria-labelledby":"ariaLabelledByElements"};var l=Object.keys(u);var p=function(t,o){var r=t.getRootNode();while(r instanceof ShadowRoot){var n=r.getElementById(o);if(n)return n;r=r.host.getRootNode()}return r instanceof Document?r.getElementById(o):null};var c=function(t,o){Object.entries(u).forEach((function(r){var n=r[0],e=r[1];var i,d;if(!(e in o))return;var s=(d=(i=t.getAttribute(n))===null||i===void 0?void 0:i.split(/\s+/).filter(Boolean))!==null&&d!==void 0?d:[];var a=s.map((function(o){return p(t,o)})).filter((function(t){return t!==null}));o[e]=a.length>0?a:null}))};var b=function(){return":host{--pds-button-background:var(--pds-button-color-background-default);--pds-button-border:var(--pine-border);--pds-button-border-radius:var(--pine-border-radius-full);--pds-button-border-radius-start-end:var(--pine-border-radius-full);--pds-button-border-radius-start-start:var(--pine-border-radius-full);--pds-button-border-radius-end-end:var(--pine-border-radius-full);--pds-button-border-radius-end-start:var(--pine-border-radius-full);--pds-button-min-height:var(--pine-dimension-450);--pds-button-outline-offset:var(--pine-border-width);--pds-button-color-border-default:transparent;--pds-button-color-border-disabled:transparent;--pds-button-color-border-focus:transparent;--pds-button-color-border-hover:transparent;--button-loader-color:var(--pds-button-color-text-default);display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}:host([full-width=true]){display:-ms-flexbox;display:flex;width:100%}:host([full-width=true]) a,:host([full-width=true]) button{-ms-flex-pack:center;justify-content:center;width:100%}:host([full-width=true]) .pds-button__content{-ms-flex-pack:center;justify-content:center;text-align:center}:host([loading=true]){cursor:wait;pointer-events:none}:host([aria-disabled=true]){pointer-events:none}.pds-button{--pds-loader-color:var(--pds-button-color-text-default);-ms-flex-align:center;align-items:center;background-color:var(--pds-button-background, var(--pds-button-color-background-default));border:var(--pds-button-border);border-color:var(--pds-button-color-border-default);border-radius:var(--pds-button-border-radius);border-end-end-radius:var(--pds-button-border-radius-end-end, var(--pds-button-border-radius));border-end-start-radius:var(--pds-button-border-radius-end-start, var(--pds-button-border-radius));border-start-end-radius:var(--pds-button-border-radius-start-end, var(--pds-button-border-radius));border-start-start-radius:var(--pds-button-border-radius-start-start, var(--pds-button-border-radius));-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pds-button-color-text-default);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-brand-label);letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-button-min-height);padding:calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-sm);position:relative;text-decoration:none}.pds-button pds-icon{color:currentColor;fill:currentColor}.pds-button:hover{background-color:var(--pds-button-color-background-hover);border-color:var(--pds-button-color-border-hover)}.pds-button:focus-visible{border-color:var(--pds-button-color-border-focus);-webkit-box-shadow:var(--pds-button-box-shadow-focus, none);box-shadow:var(--pds-button-box-shadow-focus, none);outline:var(--pds-button-outline-focus, var(--pine-outline-focus));outline-offset:var(--pds-button-outline-offset)}.pds-button:disabled{background-color:var(--pds-button-color-background-disabled);border-color:var(--pds-button-color-border-disabled);color:var(--pds-button-color-text-disabled);pointer-events:none}.pds-button--primary{--pds-button-color-background-default:var(--pine-color-primary);--pds-button-color-background-hover:var(--pine-color-primary-hover);--pds-button-color-background-disabled:var(--pine-color-primary-disabled);--pds-button-color-border-default:var(--pine-color-primary);--pds-button-color-border-hover:var(--pine-color-primary-hover);--pds-button-color-text-default:var(--pine-color-text-primary);--pds-button-color-text-disabled:var(--pine-color-text-primary-disabled);--pds-button-color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--accent{--pds-button-color-background-default:var(--pine-color-accent);--pds-button-color-background-hover:var(--pine-color-accent-hover);--pds-button-color-background-disabled:var(--pine-color-accent-disabled);--pds-button-color-border-default:var(--pine-color-accent);--pds-button-color-border-hover:var(--pine-color-accent-hover);--pds-button-color-text-default:var(--pine-color-text-primary);--pds-button-color-text-disabled:var(--pine-color-text-accent-disabled);--pds-button-color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive{--pds-button-color-background-default:var(--pine-color-danger);--pds-button-color-background-hover:var(--pine-color-danger-hover);--pds-button-color-background-disabled:var(--pine-color-danger-disabled);--pds-button-color-border-default:var(--pine-color-danger);--pds-button-color-border-hover:var(--pine-color-danger-hover);--pds-button-color-text-default:var(--pine-color-white);--pds-button-color-text-disabled:var(--pine-color-text-danger-disabled);--pds-button-color-outline:var(--pine-color-focus-ring-danger);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-button--secondary,.pds-button--disclosure{--pds-button-color-background-default:var(--pine-color-secondary);--pds-button-color-background-hover:var(--pine-color-secondary-hover);--pds-button-color-background-disabled:var(--pine-color-secondary-disabled);--pds-button-color-border-disabled:var(--pine-color-border-disabled);--pds-button-color-border-focus:var(--pine-color-border);--pds-button-color-border-hover:var(--pine-color-border-hover);--pds-button-color-border-default:var(--pine-color-border);--pds-button-color-text-default:var(--pine-color-text-secondary);--pds-button-color-text-disabled:var(--pine-color-text-secondary-disabled);--pds-button-color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary)}.pds-button--secondary:hover,.pds-button--disclosure:hover{background-color:var(--pine-color-secondary-hover)}.pds-button--tertiary{--pds-button-color-background-default:transparent;--pds-button-color-background-hover:var(--pine-color-background-muted);--pds-button-color-background-disabled:transparent;--pds-button-color-border-default:transparent;--pds-button-color-border-hover:var(--pine-color-background-muted);--pds-button-color-border-disabled:transparent;--pds-button-color-text-default:var(--pine-color-text-secondary);--pds-button-color-text-disabled:var(--pine-color-text-secondary-disabled);--pds-button-color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary)}.pds-button--filter{--pds-button-color-background-default:var(--pine-color-background-container);--pds-button-color-background-hover:var(--pine-color-background-subtle);--pds-button-color-background-disabled:var(--pine-color-white);--pds-button-color-border-default:transparent;--pds-button-color-border-hover:transparent;--pds-button-color-border-focus:transparent;--pds-button-color-text-default:var(--pine-color-text-secondary);--pds-button-color-text-hover:var(--pine-color-text-hover);--pds-button-color-text-disabled:var(--pine-color-text-disabled);--pds-button-color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary);--pds-button-border-radius:var(--pine-dimension-125);--pds-button-border-radius-start-end:var(--pine-dimension-125);--pds-button-border-radius-start-start:var(--pine-dimension-125);--pds-button-border-radius-end-end:var(--pine-dimension-125);--pds-button-border-radius-end-start:var(--pine-dimension-125);padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.pds-button--filter:disabled{background-color:var(--pine-color-background-container)}.pds-button--filter:hover{color:var(--pds-button-color-text-hover)}.pds-button--unstyled{--pds-button-color-background-default:transparent;--pds-button-color-background-hover:transparent;--pds-button-color-background-disabled:transparent;--pds-button-color-text-default:var(--pine-color-text);--button-loader-color:var(--pine-color-text);border-width:var(--pine-dimension-none);margin:var(--pine-dimension-none);min-height:auto;padding:var(--pine-dimension-none);width:inherit}.pds-button__content{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;gap:var(--pine-dimension-xs);position:relative;width:100%}.pds-button__icon{display:-ms-inline-flexbox;display:inline-flex}.pds-button__icon--empty{display:none}.pds-button__text{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap}.pds-button__icon--hidden,.pds-button__text--hidden{opacity:0}.pds-button__loader{height:var(--pine-dimension-250);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--pine-dimension-250)}.pds-button--loading{cursor:wait;pointer-events:none}.pds-button--loading .pds-button__loader pds-loader{--loader-color:var(--button-loader-color)}.pds-button--small{min-height:var(--pine-dimension-400);padding:calc(var(--pine-dimension-2xs) - var(--pine-border-width)) var(--pine-dimension-sm)}.pds-button--micro{font-size:var(--pine-font-size-085);min-height:var(--pine-dimension-300);padding:var(--pine-dimension-025) var(--pine-dimension-xs)}.pds-button--icon-only{-ms-flex-align:center;align-items:center;border-radius:var(--pine-border-radius-full);height:var(--button-dimension);-ms-flex-pack:center;justify-content:center;min-height:var(--button-dimension);min-width:var(--button-dimension);padding:var(--pine-dimension-xs);width:var(--button-dimension)}.pds-button--icon-only .pds-button__content{height:100%;-ms-flex-pack:center;justify-content:center;width:100%}.pds-button--icon-only .pds-button__text--hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-button--icon-only.pds-button--small{height:var(--pine-dimension-400);min-height:var(--pine-dimension-400);min-width:var(--pine-dimension-400);padding:var(--pine-dimension-2xs);width:var(--pine-dimension-400)}.pds-button--icon-only.pds-button--micro{height:var(--pine-dimension-300);min-height:var(--pine-dimension-300);min-width:var(--pine-dimension-300);padding:var(--pine-dimension-3xs);width:var(--pine-dimension-300)}"};var v=["aria-current","aria-expanded","aria-haspopup","aria-label","aria-pressed"];var h=t("pds_button",function(){function t(t){var n=this;o(this,t);this.pdsClick=r(this,"pdsClick");this.disabled=false;this.fullWidth=false;this.icon=null;this.iconOnly=false;this.loading=false;this.type="button";this.size="default";this.variant="primary";this.hasStartContent=false;this.hasEndContent=false;this.forwardedAria={};this.syncHostAria=function(){var t={};v.forEach((function(o){return t[o]=n.el.getAttribute(o)}));if(v.some((function(o){return t[o]!==n.forwardedAria[o]}))){n.forwardedAria=t}n.forwardAriaReferences()};this.handleFocusIn=function(){n.forwardAriaReferences()};this.handleStartSlotChange=function(t){n.hasStartContent=t.target.assignedElements({flatten:true}).length>0};this.handleEndSlotChange=function(t){n.hasEndContent=t.target.assignedElements({flatten:true}).length>0};this.handleClick=function(t){if(n.loading){t.preventDefault();return}if(n.disabled){t.preventDefault();return}if(!n.href&&n.type!="button"){if(d(n.el)){var o=n.el.closest("form");if(o){t.preventDefault();var r=document.createElement("button");r.type=n.type;r.style.display="none";o.appendChild(r);r.click();r.remove()}}}n.pdsClick.emit(t)}}t.prototype.connectedCallback=function(){this.syncHostAria();if(typeof MutationObserver==="undefined")return;this.hostAriaObserver=new MutationObserver(this.syncHostAria);this.hostAriaObserver.observe(this.el,{attributeFilter:v.concat(l)})};t.prototype.disconnectedCallback=function(){var t;(t=this.hostAriaObserver)===null||t===void 0?void 0:t.disconnect();this.hostAriaObserver=undefined};t.prototype.componentDidRender=function(){this.forwardAriaReferences()};t.prototype.handleFormKeyDown=function(t){if(t.defaultPrevented){return}if(t.key!=="Enter"||this.type!=="submit"||this.href||this.disabled){return}var o=t.target;if(!o||typeof o.matches!=="function"){return}var r=this.el.closest("form");if(!r||!o||!r.contains(o)){return}var n=o.matches('input:not([type="submit"]):not([type="button"]):not([type="reset"])')||o.matches("pds-input")||o.matches("pds-select")||o.matches("pds-switch")||o.matches("pds-checkbox")||o.matches("pds-radio");if(n){var e=Array.from(r.querySelectorAll('pds-button, button[type="submit"], input[type="submit"]'));var i=e.filter((function(t){if(t.tagName.toLowerCase()==="pds-button"){var o=t;return o.type==="submit"&&!o.disabled}else{return!t.hasAttribute("disabled")}}));if(i.length>0&&i[0]===this.el){t.preventDefault();this.el.click()}}};t.prototype.forwardAriaReferences=function(){if(this.contentEl)c(this.el,this.contentEl)};t.prototype.classNames=function(){var t=["pds-button"];if(this.variant){t.push("pds-button--"+this.variant)}if(this.size&&this.size!=="default"){t.push("pds-button--"+this.size)}if(this.iconOnly){t.push("pds-button--icon-only")}if(this.loading){t.push("pds-button--loading")}return t.join(" ")};t.prototype.renderStartContent=function(){if(this.variant==="filter"){return n("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",icon:s,part:"icon","aria-hidden":"true"})}var t=this.icon&&this.variant!=="disclosure";if(Boolean(t)){return n("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",name:this.icon,part:"icon","aria-hidden":"true"})}var o="pds-button__icon".concat(this.hasStartContent?"":" pds-button__icon--empty").concat(this.loading?" pds-button__icon--hidden":"");return n("span",{class:o},n("slot",{name:"start",onSlotchange:this.handleStartSlotChange}))};t.prototype.renderEndContent=function(){if(this.iconOnly){return null}if(this.variant==="disclosure"){return n("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",icon:a,part:"caret","aria-hidden":"true"})}var t="pds-button__icon".concat(this.hasEndContent?"":" pds-button__icon--empty").concat(this.loading?" pds-button__icon--hidden":"");return n("span",{class:t},n("slot",{name:"end",onSlotchange:this.handleEndSlotChange}))};t.prototype.render=function(){var t=this;var o=Object.assign(Object.assign({},this.forwardedAria),{class:this.classNames(),part:"button",ref:function(o){return t.contentEl=o}});var r=function(){if(t.href){return Object.assign(Object.assign({},o),{"aria-pressed":null,download:t.download,href:t.disabled?null:t.href,target:t.target})}return Object.assign(Object.assign({},o),{"aria-busy":t.loading?"true":null,"aria-live":t.loading?"polite":null,disabled:t.disabled,name:t.name,type:t.type,value:t.value})};var i=this.href?"a":"button";var d=this.loading||this.iconOnly;var s=n("div",{class:"pds-button__content",part:"button-content"},this.renderStartContent(),n("span",{class:"pds-button__text ".concat(d?"pds-button__text--hidden":""),part:"button-text"},n("slot",null)),this.loading&&n("span",{class:"pds-button__loader"},n("pds-loader",{"is-loading":true,size:"var(--pine-font-size-body-2xl)",variant:"spinner",exportparts:"loader-svg"},"Loading...")),this.renderEndContent());return n(e,Object.assign({"aria-disabled":this.disabled?"true":null},this.componentId!=null?{id:this.componentId}:{},{onClick:this.handleClick,onFocusin:this.handleFocusIn,variant:this.variant}),n(i,Object.assign({},r()),s))};Object.defineProperty(t,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return t}());h.style=b()}}}));

package/dist/pine-core/p-f11cce27.system.entry.js

@@ -1 +0,0 @@
-System.register(["./p-BK1sLRfg.system.js","./p-CNXspDYs.system.js","./p-vFsJv75D.system.js","./p-BZ1l3LGl.system.js"],(function(e){"use strict";var s,t,r,i,a,d;return{setters:[function(e){s=e.r;t=e.h;r=e.H;i=e.a},function(e){a=e.H},function(e){d=e.h},null],execute:function(){var o=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)}.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{line-height:1;-webkit-margin-end:var(--pine-dimension-md);margin-inline-end:var(--pine-dimension-md)}.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--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 n=e("pds_sortable_item",function(){function e(e){s(this,e);this.hostKeeper=new a;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(){this.hostKeeper.record("pds-sortable-item");return t(r,{key:"c6b5402a54179d4e7caed3cc81874977d2d6c677",class:"pds-sortable-item",id:this.componentId},this.showHandle&&t("div",{key:"cd2d85286bcb3e47f76e4571d609d91f932b717b",class:"pds-sortable-item__handle"},t("pds-icon",{key:"97e2e155283d86921f40198637abf596d6cc86e0","aria-hidden":"true",icon:d})),t("slot",{key:"99743c8e5be45ca76f276b47688843a621c8ded5"}),this.enableActions&&t("div",{key:"7cb1a8b99658d72067ccae036b2bc0276b8cf02e",class:"pds-sortable-item__actions"},t("slot",{key:"f9b3b7d1cc10ac077f65ec2cafac7a372deae511",name:"sortable-item-actions"})))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return e}());n.style=o()}}}));

package/dist/pine-core/p-f354dbac.entry.js

@@ -1 +0,0 @@
-import{r as i,h as t,H as e,a as s}from"./p-M31tvpDN.js";import{s as n}from"./p-35s7h-dk.js";import{l as o}from"./p-BgNaWLoS.js";import{a as r,c as d,o as a,f as h,s as l}from"./p-Cuc0DYlm.js";const p=class{constructor(t){i(this,t),this.isOpen=!1,this.menuItems=[],this.cleanupAutoUpdate=null,this.triggerObserver=null,this.currentFocusIndex=-1,this.hasHeader=!1,this.placement="bottom-start",this.handleTriggerSlotChange=i=>{this.slotEl=i.target;const t=this.slotEl.assignedElements();this.triggerEl=t[0],this.triggerEl&&(this.triggerEl.onclick=this.handleClick,this.syncTriggerAria()),this.observeTrigger()},this.syncTriggerAria=()=>!!this.triggerEl&&n(this.triggerEl,{"aria-haspopup":"menu","aria-expanded":String(this.isOpen)}),this.handleHeaderSlotChange=i=>{this.hasHeader=i.target.assignedElements().length>0},this.handleSlotChange=i=>{this.slotEl=i.target;const t=this.slotEl.assignedElements(),e=["pds-dropdown-menu-item","pds-dropdown-menu-separator","a","button"],s=t.filter((i=>!e.includes(i.tagName.toLowerCase())));if(s.length>0){const i=s.map((i=>i.tagName.toLowerCase())).join(", ");console.warn(`pds-dropdown-menu: Unexpected element(s) found: ${i}. Expected: ${e.join(", ")}`)}this.menuItems=t.filter((i=>{const t=i.tagName.toLowerCase();return"pds-dropdown-menu-item"===t||"a"===t||"button"===t}))},this.toggleDropdown=()=>{this.isOpen=!this.isOpen,this.isOpen?this.openDropdown():this.closeDropdown()},this.openDropdown=()=>{var i;const t=()=>{d(this.triggerEl,this.panelEl,{placement:this.placement,strategy:"fixed",middleware:[a(6),h(),l({padding:5})]}).then((({x:i,y:t})=>{Object.assign(this.panelEl.style,{left:`${i}px`,top:`${t}px`})}))};t(),this.cleanupAutoUpdate=r(this.triggerEl,this.panelEl,t),null===(i=this.host.shadowRoot)||void 0===i||i.querySelector("pds-box").classList.remove("is-hidden"),this.isOpen=!0,this.syncTriggerAria()},this.closeDropdown=()=>{var i;null===(i=this.host.shadowRoot)||void 0===i||i.querySelector("pds-box").classList.add("is-hidden"),this.isOpen=!1,this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),this.syncTriggerAria(),this.currentFocusIndex=-1,this.isFocusInMenu()&&this.focusTrigger()},this.handleClick=()=>{this.toggleDropdown()}}componentWillLoad(){this.hasHeader=Array.from(this.host.children).some((i=>"header"===i.getAttribute("slot")))}componentDidRender(){var i;this.panelEl=null===(i=this.host.shadowRoot)||void 0===i?void 0:i.querySelector("pds-box")}connectedCallback(){this.observeTrigger(),this.syncTriggerAria()}disconnectedCallback(){var i;this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),null===(i=this.triggerObserver)||void 0===i||i.disconnect(),this.triggerObserver=null}observeTrigger(){var i;null===(i=this.triggerObserver)||void 0===i||i.disconnect(),this.triggerObserver=null,this.triggerEl&&"undefined"!=typeof MutationObserver&&(this.triggerObserver=new MutationObserver(o(this.syncTriggerAria,"pds-dropdown-menu: stopped restoring its trigger ARIA, as another script keeps changing it. It may be wrong until the menu opens or closes.",this.triggerEl)),this.triggerObserver.observe(this.triggerEl,{attributes:!0,attributeFilter:["aria-haspopup","aria-expanded"]}))}isFocusInMenu(){const i=this.host.getRootNode().activeElement;return null!=i&&this.host.contains(i)}focusTrigger(){var i,t;this.triggerEl.focus(),this.host.getRootNode().activeElement!==this.triggerEl&&(null===(t=null===(i=this.triggerEl.shadowRoot)||void 0===i?void 0:i.querySelector('button, [href], [tabindex]:not([tabindex="-1"])'))||void 0===t||t.focus())}isItemDisabled(i){const t=i.tagName.toLowerCase();return"pds-dropdown-menu-item"===t||"button"===t?i.disabled:"a"===t&&"true"===i.getAttribute("aria-disabled")}getFocusedItemIndex(){const i=document.activeElement;return i?this.menuItems.findIndex((t=>{if(t===i)return!0;if("pds-dropdown-menu-item"===t.tagName.toLowerCase()){const e=t.shadowRoot;if(null==e?void 0:e.contains(i))return!0}return!1})):-1}focusItemByIndex(i){var t,e,s,n,o;if(i>=0&&i<this.menuItems.length){this.currentFocusIndex=i;const r=this.menuItems[i];if("pds-dropdown-menu-item"===r.tagName.toLowerCase()){const i=r,d=null===(t=i.shadowRoot)||void 0===t?void 0:t.querySelector('button, [role="menuitem"]'),a=(null===(n=null===(s=null===(e=i.shadowRoot)||void 0===e?void 0:e.querySelector("pds-link"))||void 0===s?void 0:s.shadowRoot)||void 0===n?void 0:n.querySelector("a"))||(null===(o=i.shadowRoot)||void 0===o?void 0:o.querySelector("a"));d?d.focus():a?a.focus():i.focus()}else r.focus()}}focusNextItem(){let i=(this.currentFocusIndex+1)%this.menuItems.length,t=0;const e=this.menuItems.length;for(;t<e&&this.isItemDisabled(this.menuItems[i]);)i=(i+1)%this.menuItems.length,t++;t<e&&this.focusItemByIndex(i)}focusPreviousItem(){let i=this.currentFocusIndex<=0?this.menuItems.length-1:this.currentFocusIndex-1,t=0;const e=this.menuItems.length;for(;t<e&&this.isItemDisabled(this.menuItems[i]);)i=i<=0?this.menuItems.length-1:i-1,t++;t<e&&this.focusItemByIndex(i)}adjacentEnabledIndex(i,t){for(let e=i+t;e>=0&&e<this.menuItems.length;e+=t)if(!this.isItemDisabled(this.menuItems[e]))return e;return-1}focusAdjacentItem(i,t){for(let e=this.adjacentEnabledIndex(i,t);-1!==e;e=this.adjacentEnabledIndex(e,t))if(this.focusItemByIndex(e),this.getFocusedItemIndex()===e)return!0;return!1}handleEscapeKeyDown(i){this.isOpen&&"Escape"===i.key&&!i.defaultPrevented&&(i.preventDefault(),this.closeDropdown())}handleTabKeyDown(i){if(!this.isOpen||"Tab"!==i.key||i.defaultPrevented)return;const t=this.getFocusedItemIndex();-1!==t?this.focusAdjacentItem(t,i.shiftKey?-1:1)?i.preventDefault():(i.shiftKey&&i.preventDefault(),this.closeDropdown()):!i.shiftKey||document.activeElement!==this.triggerEl&&this.isFocusInMenu()||this.closeDropdown()}handleKeyDown(i){if(this.isOpen)switch(i.key){case"ArrowDown":i.preventDefault(),this.focusNextItem();break;case"ArrowUp":i.preventDefault(),this.focusPreviousItem();break;case"Home":if(i.preventDefault(),this.menuItems.length>0){let i=0;for(;i<this.menuItems.length&&this.isItemDisabled(this.menuItems[i]);)i++;i<this.menuItems.length&&this.focusItemByIndex(i)}break;case"End":if(i.preventDefault(),this.menuItems.length>0){let i=this.menuItems.length-1;for(;i>=0&&this.isItemDisabled(this.menuItems[i]);)i--;i>=0&&this.focusItemByIndex(i)}break;case"Tab":if(i.shiftKey||-1!==this.getFocusedItemIndex())break;this.focusAdjacentItem(-1,1)?i.preventDefault():this.closeDropdown()}}handleWindowClick(i){this.isOpen&&!this.host.contains(i.target)&&i.target!==this.triggerEl&&this.closeDropdown()}render(){return t(e,{key:"aa4ce84354cf87638ee46fd7ed69520228b7e656",id:this.componentId},t("slot",{key:"948800e67d18c8c6cc9e77ef3aeab635c5035453",name:"trigger",onSlotchange:this.handleTriggerSlotChange}),t("pds-box",{key:"3ce2a2879b14aad975cea8ae72fcbf8c3abcf20c","border-radius":"sm",display:"flex",direction:"column",class:"pds-dropdown-menu--panel is-hidden",shadow:"100",part:"menu-panel"},t("div",{key:"ad25fbf4f3c7a24653c229e64fe2ce893a92e4c8",class:{"pds-dropdown-menu__header":!0,"is-hidden":!this.hasHeader}},t("slot",{key:"35a5903543e08577997b456bcd312bdd009fd8fc",name:"header",onSlotchange:this.handleHeaderSlotChange})),t("div",{key:"a9593adacf047918c1d87494f8c951a2a4a5f76f",class:"pds-dropdown-menu__items",role:"menu","aria-orientation":"vertical"},t("slot",{key:"8d2def1cc7020608220099f4ced0f44e9838cce8",onSlotchange:this.handleSlotChange}))))}get host(){return s(this)}};p.style=":host{display:block}.is-hidden{display:none}.pds-dropdown-menu--panel{background-color:var(--pine-color-background-overlay);border-radius:var(--pine-dimension-xs);left:var(--pine-dimension-none);min-width:170px;padding:var(--pine-dimension-xs);position:fixed;z-index:var(--pine-z-index-overlay)}:host-context([data-theme=dark]) .pds-dropdown-menu--panel{border:var(--pine-border)}.pds-dropdown-menu__header{-webkit-border-after:var(--pine-border-width-thin) solid var(--pine-color-border);border-block-end:var(--pine-border-width-thin) solid var(--pine-color-border);-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs);margin-inline:calc(var(--pine-dimension-xs) * -1);-webkit-padding-after:var(--pine-dimension-xs);padding-block-end:var(--pine-dimension-xs);padding-inline:calc(var(--pine-dimension-xs) * 2 + var(--pine-border-width) + 2px);text-align:start}.pds-dropdown-menu__items{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}::slotted(a:not([slot=header])),::slotted(button:not([slot=header])){-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--pine-dimension-xs) !important;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text) !important;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;font:var(--pine-typography-body-medium) !important;gap:var(--pine-dimension-xs);margin:calc(var(--pine-border-width) + 2px) !important;padding:var(--pine-dimension-xs) !important;text-align:start;text-decoration:none !important;width:calc(100% - (var(--pine-border-width) + 2px) * 2)}::slotted(.destructive:not([slot=header])){color:var(--pine-color-danger) !important}::slotted([aria-disabled=true]:not([slot=header])),::slotted([disabled]:not([disabled=false]):not([slot=header])){cursor:not-allowed;opacity:0.5;pointer-events:none}";export{p as pds_dropdown_menu}