@pine-ds/core 4.8.0 → 4.9.0

package/dist/esm-es5/pds-filter.entry.js

@@ -1 +1 @@
-import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-Cw9J31qd.js";import{i as isRtlDirection}from"./scroll-DtgUQhjl.js";import{t as trash,e as enlarge}from"./index-BWDu62Mo.js";import"./keep-hydrated-BLG6RDBt.js";var pdsFilterCss=function(){return":host{--box-shadow-focus:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring);display:inline-block;position:relative}.pds-filter__trigger{-ms-flex-align:center;align-items:center;anchor-name:--filter-trigger;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-100);-webkit-box-shadow:var(--pine-box-shadow-050);box-shadow:var(--pine-box-shadow-050);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text-tertiary);cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--pine-font-family-inter);font-size:var(--pine-font-size-100);font-weight:var(--pine-font-weight-400);gap:var(--pine-dimension-050);letter-spacing:var(--pine-letter-spacing-114);line-height:var(--pine-line-height-150);padding:var(--pine-dimension-025) var(--pine-dimension-125);position:relative;-webkit-transition:all var(--pine-motion-duration-base) ease;transition:all var(--pine-motion-duration-base) ease}.pds-filter__trigger pds-icon{block-size:var(--pine-font-size-100);color:var(--pine-color-text-secondary);-ms-flex-negative:0;flex-shrink:0;inline-size:var(--pine-font-size-100)}.pds-filter__trigger:hover,.pds-filter__trigger.pds-filter__trigger--open{background-color:var(--pine-color-background-subtle);border-color:var(--pine-color-border-hover);color:var(--pine-color-text-hover)}.pds-filter__trigger:hover pds-icon,.pds-filter__trigger.pds-filter__trigger--open pds-icon{color:var(--pine-color-text-secondary)}.pds-filter__trigger:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-filter__trigger:disabled{cursor:not-allowed;opacity:0.5}.pds-filter__trigger--selected{background-color:var(--pine-color-purple-050);border-color:var(--pine-color-purple-500);color:var(--pine-color-purple-600)}.pds-filter__trigger--selected pds-icon{color:var(--pine-color-purple-600)}.pds-filter__trigger--selected:hover,.pds-filter__trigger--selected.pds-filter__trigger--open{background-color:var(--pine-color-purple-100);border-color:var(--pine-color-purple-500);color:var(--pine-color-purple-600)}.pds-filter__trigger--selected:hover pds-icon,.pds-filter__trigger--selected.pds-filter__trigger--open pds-icon{color:var(--pine-color-purple-600)}.pds-filter__trigger--selected:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-filter__trigger--more{background-color:var(--pine-color-background-container-hover);border:var(--pine-border-width-thin) dashed var(--pine-color-border);color:var(--pine-color-text-tertiary)}.pds-filter__trigger--more pds-icon{color:var(--pine-color-text-secondary)}.pds-filter__trigger--more:hover,.pds-filter__trigger--more.pds-filter__trigger--open{background-color:var(--pine-color-background-subtle);border-color:var(--pine-color-border-hover);color:var(--pine-color-text-hover)}.pds-filter__trigger--more:hover pds-icon,.pds-filter__trigger--more.pds-filter__trigger--open pds-icon{color:var(--pine-color-text-secondary)}.pds-filter__trigger--more:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-filter__trigger--clear{background:transparent;border:var(--pine-border-width-thin) solid transparent;border-radius:var(--pine-dimension-100);-webkit-box-shadow:none;box-shadow:none;color:var(--pine-color-purple-600)}.pds-filter__trigger--clear pds-icon{color:var(--pine-color-purple-600)}.pds-filter__trigger--clear:hover{background-color:var(--pine-color-purple-100);border-color:var(--pine-color-purple-100);color:var(--pine-color-purple-600)}.pds-filter__trigger--clear:hover pds-icon{color:var(--pine-color-purple-600)}.pds-filter__trigger--clear:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-filter__button-content{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;gap:var(--pine-dimension-050);max-inline-size:148px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-filter__button-text{line-height:var(--pine-line-height-150);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-filter__dropdown-icon{block-size:var(--pine-dimension-200);-ms-flex-negative:0;flex-shrink:0;inline-size:var(--pine-dimension-200)}.pds-filter__popover{background-color:var(--pine-color-background-overlay);border:0;border-radius:var(--pine-dimension-100);-webkit-box-shadow:var(--pine-box-shadow-100);box-shadow:var(--pine-box-shadow-100);display:none;inline-size:228px;inset:unset;padding:var(--pine-dimension-100);z-index:var(--pine-z-index-overlay);}.pds-filter__popover:popover-open,.pds-filter__popover.is-open{display:block}.pds-filter__popover{}@supports (anchor-name: --test){.pds-filter__popover{inset-block-start:calc(anchor(--filter-trigger bottom) + var(--pine-dimension-100));inset-inline-start:anchor(--filter-trigger start);position:fixed;position-anchor:--filter-trigger;}.pds-filter__popover.popover-flip-horizontal{inset-inline-end:anchor(--filter-trigger end);inset-inline-start:auto}.pds-filter__popover.popover-flip-vertical{inset-block-start:anchor(--filter-trigger top);-webkit-transform:translateY(calc(-100% - var(--pine-dimension-100)));transform:translateY(calc(-100% - var(--pine-dimension-100)))}.pds-filter__popover.popover-flip-horizontal.popover-flip-vertical{inset-block-start:anchor(--filter-trigger top);inset-inline-end:anchor(--filter-trigger end);inset-inline-start:auto;-webkit-transform:translateY(calc(-100% - var(--pine-dimension-100)));transform:translateY(calc(-100% - var(--pine-dimension-100)))}.pds-filter__popover{}.pds-filter__popover.is-open.popover-flip-horizontal{inset-inline-end:anchor(--filter-trigger end);inset-inline-start:auto}.pds-filter__popover.is-open.popover-flip-vertical{inset-block-start:anchor(--filter-trigger top);-webkit-transform:translateY(calc(-100% - var(--pine-dimension-100)));transform:translateY(calc(-100% - var(--pine-dimension-100)))}.pds-filter__popover.is-open.popover-flip-horizontal.popover-flip-vertical{inset-block-start:anchor(--filter-trigger top);inset-inline-end:anchor(--filter-trigger end);inset-inline-start:auto;-webkit-transform:translateY(calc(-100% - var(--pine-dimension-100)));transform:translateY(calc(-100% - var(--pine-dimension-100)))}}"};var PdsFilter=function(){function e(e){var r=this;registerInstance(this,e);this.pdsFilterOpen=createEvent(this,"pdsFilterOpen");this.pdsFilterClose=createEvent(this,"pdsFilterClose");this.pdsFilterClear=createEvent(this,"pdsFilterClear");this.scrollRAF=null;this.lastScrollTime=0;this.variant="default";this.isOpen=false;this.handleNativePopoverToggle=function(e){var i=e.target;if(i&&i.id==="".concat(r.componentId,"-popover")){var t=false;try{t=i.matches(":popover-open")}catch(e){t=i.style.display==="block"}r.isOpen=t;if(r.isOpen){setTimeout((function(){return r.adjustPopoverPosition()}),0);r.pdsFilterOpen.emit({componentId:r.componentId,variant:r.variant,text:r.text})}else{r.pdsFilterClose.emit({componentId:r.componentId,variant:r.variant,text:r.text})}}};this.handleKeyDown=function(e){if(r.variant==="clear"&&(e.key==="Enter"||e.key===" ")){e.preventDefault();r.handleClick()}};this.handleClick=function(e){if(r.variant==="clear"){r.pdsFilterClear.emit({componentId:r.componentId,text:r.text});return}r.closeOtherPopovers();var i=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");if(!i){if(e){e.preventDefault()}setTimeout((function(){if(r.popoverEl!=null){r.isOpen=!r.isOpen;if(r.isOpen){r.popoverEl.style.display="block";r.popoverEl.classList.add("is-open");r.adjustPopoverPosition();r.pdsFilterOpen.emit({componentId:r.componentId,variant:r.variant,text:r.text})}else{r.popoverEl.style.display="none";r.popoverEl.classList.remove("is-open");r.pdsFilterClose.emit({componentId:r.componentId,variant:r.variant,text:r.text})}}}),0)}}}e.prototype.disconnectedCallback=function(){if(this.scrollRAF){cancelAnimationFrame(this.scrollRAF);this.scrollRAF=null}this.lastScrollTime=0;if(this.popoverEl){var e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");if(e){this.popoverEl.removeEventListener("toggle",this.handleNativePopoverToggle)}}if(this.isOpen&&this.popoverEl){try{this.popoverEl.hidePopover()}catch(e){this.popoverEl.style.display="none";this.popoverEl.classList.remove("is-open")}}};e.prototype.componentDidRender=function(){if(this.popoverEl){var e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");if(e){this.popoverEl.removeEventListener("toggle",this.handleNativePopoverToggle);this.popoverEl.addEventListener("toggle",this.handleNativePopoverToggle)}}};e.prototype.handleWindowResize=function(){var e=this;if(this.isOpen){setTimeout((function(){return e.adjustPopoverPosition()}),16)}};e.prototype.handleWindowScroll=function(){var e=this;if(this.isOpen){var r="anchorName"in document.documentElement.style;var i=performance.now();var t=r?66:33;if(i-this.lastScrollTime<t){return}this.lastScrollTime=i;if(this.scrollRAF){cancelAnimationFrame(this.scrollRAF)}this.scrollRAF=requestAnimationFrame((function(){if(e.isOpen&&e.popoverEl&&e.el.isConnected){e.adjustPopoverPosition()}e.scrollRAF=null}))}};e.prototype.closeOtherPopovers=function(){var e=this;var r=document.querySelectorAll("pds-filter");r.forEach((function(r){var i;if(r===e.el)return;var t=(i=r.shadowRoot)===null||i===void 0?void 0:i.querySelector(".pds-filter__popover");if(t){var o=false;try{o=t.matches(":popover-open")}catch(e){o=t.style.display==="block"}if(o){try{t.hidePopover()}catch(e){t.style.display="none";t.classList.remove("is-open")}}}}))};e.prototype.adjustPopoverPosition=function(){var e;if(!this.popoverEl||this.variant==="clear")return;var r=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".pds-filter__trigger");if(!r)return;var i=r.getBoundingClientRect();var t=window.innerWidth;var o=window.innerHeight;var n="anchorName"in document.documentElement.style;var a=228;var s=this.popoverEl.getBoundingClientRect().height||200;var l=20;var p=isRtlDirection(this.el);var c=p?i.right-a-l<0:i.left+a+l>t;var d=i.bottom+8+s+l>o;if(n){this.popoverEl.classList.remove("popover-flip-horizontal","popover-flip-vertical");if(c){this.popoverEl.classList.add("popover-flip-horizontal")}if(d){this.popoverEl.classList.add("popover-flip-vertical")}}else{var f=p?i.right-a:i.left;var v=i.bottom+8;var h=p?"top right":"top left";if(c){var u=this.popoverEl.getBoundingClientRect().width||a;f=p?i.left:i.right-u;h=p?"top left":"top right"}if(d){v=i.top-s-8;h=h.replace("top","bottom")}this.popoverEl.style.cssText="\n        position: fixed;\n        left: ".concat(f,"px;\n        top: ").concat(v,"px;\n        z-index: var(--pine-z-index-overlay);\n        transform-origin: ").concat(h,";\n      ")}};e.prototype.showFilter=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.variant==="clear"){console.warn("Clear variant does not support showFilter method");return[2]}if(this.popoverEl!=null){try{this.popoverEl.showPopover()}catch(e){this.popoverEl.style.display="block";this.popoverEl.classList.add("is-open")}}return[2]}))}))};e.prototype.hideFilter=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.variant==="clear"){console.warn("Clear variant does not support hideFilter method");return[2]}if(this.popoverEl!=null){try{this.popoverEl.hidePopover()}catch(e){this.popoverEl.style.display="none";this.popoverEl.classList.remove("is-open")}}return[2]}))}))};e.prototype.handlePopoverToggle=function(e){var r=this;var i=e.target;var t=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");if(!t&&i&&i.id==="".concat(this.componentId,"-popover")){var o=false;try{o=i.matches(":popover-open")}catch(e){o=i.style.display==="block"}this.isOpen=o;if(this.isOpen){setTimeout((function(){return r.adjustPopoverPosition()}),0);this.pdsFilterOpen.emit({componentId:this.componentId,variant:this.variant,text:this.text})}else{this.pdsFilterClose.emit({componentId:this.componentId,variant:this.variant,text:this.text})}}};e.prototype.handleDocumentClick=function(e){var r=this;if(!this.el.contains(e.target)&&this.isOpen&&this.variant!=="clear"){setTimeout((function(){if(r.popoverEl&&r.isOpen){var e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");var i=false;if(e){try{i=!r.popoverEl.matches(":popover-open")}catch(e){i=r.popoverEl.style.display!=="block"}}else{i=true}if(i){r.isOpen=false;if(!e){r.popoverEl.style.display="none";r.popoverEl.classList.remove("is-open")}r.pdsFilterClose.emit({componentId:r.componentId,variant:r.variant,text:r.text})}}}),0)}};e.prototype.handleEscapeKey=function(e){var r=this;if(e.key==="Escape"&&this.isOpen&&this.variant!=="clear"){setTimeout((function(){if(r.popoverEl&&r.isOpen){var e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");var i=false;if(e){try{i=!r.popoverEl.matches(":popover-open")}catch(e){i=r.popoverEl.style.display!=="block"}}else{i=true}if(i){r.isOpen=false;if(!e){r.popoverEl.style.display="none";r.popoverEl.classList.remove("is-open")}r.pdsFilterClose.emit({componentId:r.componentId,variant:r.variant,text:r.text})}}}),0)}};e.prototype.getIcon=function(){if(this.variant==="clear"){return trash}return this.icon};e.prototype.getTriggerClasses=function(){var e=["pds-filter__trigger"];e.push("pds-filter__trigger--".concat(this.variant));if(this.isOpen&&this.variant!=="clear"){e.push("pds-filter__trigger--open")}return e.join(" ")};e.prototype.renderIcon=function(){var e=this.getIcon();if(e==null||e==="")return null;return h("pds-icon",{icon:e,size:"var(--pine-font-size-100)","aria-hidden":"true",part:"icon"})};e.prototype.renderDropdownIcon=function(){if(this.variant==="selected"){return h("pds-icon",{icon:enlarge,size:"var(--pine-dimension-200)","aria-hidden":"true",class:"pds-filter__dropdown-icon",part:"icon"})}return null};e.prototype.render=function(){var e=this;return h(Host,{key:"3cae951aee1f9c75f3e207cf6c68633a23f8f6dc",id:this.componentId},h("button",{key:"f4c644710dc936248995be9a49cef8ad13031d61",class:this.getTriggerClasses(),type:"button",popoverTarget:this.variant!=="clear"?"".concat(this.componentId,"-popover"):undefined,popoverTargetAction:this.variant!=="clear"?"toggle":undefined,onKeyDown:this.variant==="clear"?this.handleKeyDown:undefined,onClick:function(r){return e.handleClick(r)},part:"button","aria-expanded":this.isOpen?"true":"false","aria-haspopup":this.variant!=="clear"?"true":undefined,"aria-controls":this.variant!=="clear"?"".concat(this.componentId,"-popover"):undefined},h("span",{key:"2dd87e53f363118becc762051ea1be664258b8b6",class:"pds-filter__button-content",part:"button-content"},this.renderIcon(),this.text&&h("span",{key:"733ceb5e07198e844fbdc1af294d2046c4c571d8",class:"pds-filter__button-text",part:"button-text"},this.text),this.renderDropdownIcon())),this.variant!=="clear"&&h("div",{key:"beb65a21192c6f5c16703aec7ab9a92ea378ef3c",ref:function(r){return e.popoverEl=r},id:"".concat(this.componentId,"-popover"),class:"pds-filter__popover",popover:"auto",part:"popover"},h("slot",{key:"5a481cc6b143b059a5fc33d377abe5ab79aefb4e"})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PdsFilter.style=pdsFilterCss();export{PdsFilter as pds_filter};
+import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-BFSwd-GQ.js";import{i as isRtlDirection}from"./scroll-DtgUQhjl.js";import{t as trash,e as enlarge}from"./index-m3pqpeWg.js";import"./keep-hydrated-BgNaWLoS.js";var pdsFilterCss=function(){return":host{--box-shadow-focus:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring);display:inline-block;position:relative}.pds-filter__trigger{-ms-flex-align:center;align-items:center;anchor-name:--filter-trigger;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-100);-webkit-box-shadow:var(--pine-box-shadow-050);box-shadow:var(--pine-box-shadow-050);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text-tertiary);cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--pine-font-family-inter);font-size:var(--pine-font-size-100);font-weight:var(--pine-font-weight-400);gap:var(--pine-dimension-050);letter-spacing:var(--pine-letter-spacing-114);line-height:var(--pine-line-height-150);padding:var(--pine-dimension-025) var(--pine-dimension-125);position:relative;-webkit-transition:all var(--pine-motion-duration-base) ease;transition:all var(--pine-motion-duration-base) ease}.pds-filter__trigger pds-icon{block-size:var(--pine-font-size-100);color:var(--pine-color-text-secondary);-ms-flex-negative:0;flex-shrink:0;inline-size:var(--pine-font-size-100)}.pds-filter__trigger:hover,.pds-filter__trigger.pds-filter__trigger--open{background-color:var(--pine-color-background-subtle);border-color:var(--pine-color-border-hover);color:var(--pine-color-text-hover)}.pds-filter__trigger:hover pds-icon,.pds-filter__trigger.pds-filter__trigger--open pds-icon{color:var(--pine-color-text-secondary)}.pds-filter__trigger:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-filter__trigger:disabled{cursor:not-allowed;opacity:0.5}.pds-filter__trigger--selected{background-color:var(--pine-color-purple-050);border-color:var(--pine-color-purple-500);color:var(--pine-color-purple-600)}.pds-filter__trigger--selected pds-icon{color:var(--pine-color-purple-600)}.pds-filter__trigger--selected:hover,.pds-filter__trigger--selected.pds-filter__trigger--open{background-color:var(--pine-color-purple-100);border-color:var(--pine-color-purple-500);color:var(--pine-color-purple-600)}.pds-filter__trigger--selected:hover pds-icon,.pds-filter__trigger--selected.pds-filter__trigger--open pds-icon{color:var(--pine-color-purple-600)}.pds-filter__trigger--selected:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-filter__trigger--more{background-color:var(--pine-color-background-container-hover);border:var(--pine-border-width-thin) dashed var(--pine-color-border);color:var(--pine-color-text-tertiary)}.pds-filter__trigger--more pds-icon{color:var(--pine-color-text-secondary)}.pds-filter__trigger--more:hover,.pds-filter__trigger--more.pds-filter__trigger--open{background-color:var(--pine-color-background-subtle);border-color:var(--pine-color-border-hover);color:var(--pine-color-text-hover)}.pds-filter__trigger--more:hover pds-icon,.pds-filter__trigger--more.pds-filter__trigger--open pds-icon{color:var(--pine-color-text-secondary)}.pds-filter__trigger--more:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-filter__trigger--clear{background:transparent;border:var(--pine-border-width-thin) solid transparent;border-radius:var(--pine-dimension-100);-webkit-box-shadow:none;box-shadow:none;color:var(--pine-color-purple-600)}.pds-filter__trigger--clear pds-icon{color:var(--pine-color-purple-600)}.pds-filter__trigger--clear:hover{background-color:var(--pine-color-purple-100);border-color:var(--pine-color-purple-100);color:var(--pine-color-purple-600)}.pds-filter__trigger--clear:hover pds-icon{color:var(--pine-color-purple-600)}.pds-filter__trigger--clear:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-filter__button-content{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;gap:var(--pine-dimension-050);max-inline-size:148px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-filter__button-text{line-height:var(--pine-line-height-150);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-filter__dropdown-icon{block-size:var(--pine-dimension-200);-ms-flex-negative:0;flex-shrink:0;inline-size:var(--pine-dimension-200)}.pds-filter__popover{background-color:var(--pine-color-background-overlay);border:0;border-radius:var(--pine-dimension-100);-webkit-box-shadow:var(--pine-box-shadow-100);box-shadow:var(--pine-box-shadow-100);display:none;inline-size:228px;inset:unset;padding:var(--pine-dimension-100);z-index:var(--pine-z-index-overlay);}.pds-filter__popover:popover-open,.pds-filter__popover.is-open{display:block}.pds-filter__popover{}@supports (anchor-name: --test){.pds-filter__popover{inset-block-start:calc(anchor(--filter-trigger bottom) + var(--pine-dimension-100));inset-inline-start:anchor(--filter-trigger start);position:fixed;position-anchor:--filter-trigger;}.pds-filter__popover.popover-flip-horizontal{inset-inline-end:anchor(--filter-trigger end);inset-inline-start:auto}.pds-filter__popover.popover-flip-vertical{inset-block-start:anchor(--filter-trigger top);-webkit-transform:translateY(calc(-100% - var(--pine-dimension-100)));transform:translateY(calc(-100% - var(--pine-dimension-100)))}.pds-filter__popover.popover-flip-horizontal.popover-flip-vertical{inset-block-start:anchor(--filter-trigger top);inset-inline-end:anchor(--filter-trigger end);inset-inline-start:auto;-webkit-transform:translateY(calc(-100% - var(--pine-dimension-100)));transform:translateY(calc(-100% - var(--pine-dimension-100)))}.pds-filter__popover{}.pds-filter__popover.is-open.popover-flip-horizontal{inset-inline-end:anchor(--filter-trigger end);inset-inline-start:auto}.pds-filter__popover.is-open.popover-flip-vertical{inset-block-start:anchor(--filter-trigger top);-webkit-transform:translateY(calc(-100% - var(--pine-dimension-100)));transform:translateY(calc(-100% - var(--pine-dimension-100)))}.pds-filter__popover.is-open.popover-flip-horizontal.popover-flip-vertical{inset-block-start:anchor(--filter-trigger top);inset-inline-end:anchor(--filter-trigger end);inset-inline-start:auto;-webkit-transform:translateY(calc(-100% - var(--pine-dimension-100)));transform:translateY(calc(-100% - var(--pine-dimension-100)))}}"};var PdsFilter=function(){function e(e){var r=this;registerInstance(this,e);this.pdsFilterOpen=createEvent(this,"pdsFilterOpen");this.pdsFilterClose=createEvent(this,"pdsFilterClose");this.pdsFilterClear=createEvent(this,"pdsFilterClear");this.scrollRAF=null;this.lastScrollTime=0;this.variant="default";this.isOpen=false;this.handleNativePopoverToggle=function(e){var i=e.target;if(i&&i.id==="".concat(r.componentId,"-popover")){var t=false;try{t=i.matches(":popover-open")}catch(e){t=i.style.display==="block"}r.isOpen=t;if(r.isOpen){setTimeout((function(){return r.adjustPopoverPosition()}),0);r.pdsFilterOpen.emit({componentId:r.componentId,variant:r.variant,text:r.text})}else{r.pdsFilterClose.emit({componentId:r.componentId,variant:r.variant,text:r.text})}}};this.handleKeyDown=function(e){if(r.variant==="clear"&&(e.key==="Enter"||e.key===" ")){e.preventDefault();r.handleClick()}};this.handleClick=function(e){if(r.variant==="clear"){r.pdsFilterClear.emit({componentId:r.componentId,text:r.text});return}r.closeOtherPopovers();var i=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");if(!i){if(e){e.preventDefault()}setTimeout((function(){if(r.popoverEl!=null){r.isOpen=!r.isOpen;if(r.isOpen){r.popoverEl.style.display="block";r.popoverEl.classList.add("is-open");r.adjustPopoverPosition();r.pdsFilterOpen.emit({componentId:r.componentId,variant:r.variant,text:r.text})}else{r.popoverEl.style.display="none";r.popoverEl.classList.remove("is-open");r.pdsFilterClose.emit({componentId:r.componentId,variant:r.variant,text:r.text})}}}),0)}}}e.prototype.disconnectedCallback=function(){if(this.scrollRAF){cancelAnimationFrame(this.scrollRAF);this.scrollRAF=null}this.lastScrollTime=0;if(this.popoverEl){var e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");if(e){this.popoverEl.removeEventListener("toggle",this.handleNativePopoverToggle)}}if(this.isOpen&&this.popoverEl){try{this.popoverEl.hidePopover()}catch(e){this.popoverEl.style.display="none";this.popoverEl.classList.remove("is-open")}}};e.prototype.componentDidRender=function(){if(this.popoverEl){var e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");if(e){this.popoverEl.removeEventListener("toggle",this.handleNativePopoverToggle);this.popoverEl.addEventListener("toggle",this.handleNativePopoverToggle)}}};e.prototype.handleWindowResize=function(){var e=this;if(this.isOpen){setTimeout((function(){return e.adjustPopoverPosition()}),16)}};e.prototype.handleWindowScroll=function(){var e=this;if(this.isOpen){var r="anchorName"in document.documentElement.style;var i=performance.now();var t=r?66:33;if(i-this.lastScrollTime<t){return}this.lastScrollTime=i;if(this.scrollRAF){cancelAnimationFrame(this.scrollRAF)}this.scrollRAF=requestAnimationFrame((function(){if(e.isOpen&&e.popoverEl&&e.el.isConnected){e.adjustPopoverPosition()}e.scrollRAF=null}))}};e.prototype.closeOtherPopovers=function(){var e=this;var r=document.querySelectorAll("pds-filter");r.forEach((function(r){var i;if(r===e.el)return;var t=(i=r.shadowRoot)===null||i===void 0?void 0:i.querySelector(".pds-filter__popover");if(t){var o=false;try{o=t.matches(":popover-open")}catch(e){o=t.style.display==="block"}if(o){try{t.hidePopover()}catch(e){t.style.display="none";t.classList.remove("is-open")}}}}))};e.prototype.adjustPopoverPosition=function(){var e;if(!this.popoverEl||this.variant==="clear")return;var r=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".pds-filter__trigger");if(!r)return;var i=r.getBoundingClientRect();var t=window.innerWidth;var o=window.innerHeight;var n="anchorName"in document.documentElement.style;var a=228;var s=this.popoverEl.getBoundingClientRect().height||200;var l=20;var p=isRtlDirection(this.el);var c=p?i.right-a-l<0:i.left+a+l>t;var d=i.bottom+8+s+l>o;if(n){this.popoverEl.classList.remove("popover-flip-horizontal","popover-flip-vertical");if(c){this.popoverEl.classList.add("popover-flip-horizontal")}if(d){this.popoverEl.classList.add("popover-flip-vertical")}}else{var f=p?i.right-a:i.left;var v=i.bottom+8;var h=p?"top right":"top left";if(c){var u=this.popoverEl.getBoundingClientRect().width||a;f=p?i.left:i.right-u;h=p?"top left":"top right"}if(d){v=i.top-s-8;h=h.replace("top","bottom")}this.popoverEl.style.cssText="\n        position: fixed;\n        left: ".concat(f,"px;\n        top: ").concat(v,"px;\n        z-index: var(--pine-z-index-overlay);\n        transform-origin: ").concat(h,";\n      ")}};e.prototype.showFilter=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.variant==="clear"){console.warn("Clear variant does not support showFilter method");return[2]}if(this.popoverEl!=null){try{this.popoverEl.showPopover()}catch(e){this.popoverEl.style.display="block";this.popoverEl.classList.add("is-open")}}return[2]}))}))};e.prototype.hideFilter=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.variant==="clear"){console.warn("Clear variant does not support hideFilter method");return[2]}if(this.popoverEl!=null){try{this.popoverEl.hidePopover()}catch(e){this.popoverEl.style.display="none";this.popoverEl.classList.remove("is-open")}}return[2]}))}))};e.prototype.handlePopoverToggle=function(e){var r=this;var i=e.target;var t=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");if(!t&&i&&i.id==="".concat(this.componentId,"-popover")){var o=false;try{o=i.matches(":popover-open")}catch(e){o=i.style.display==="block"}this.isOpen=o;if(this.isOpen){setTimeout((function(){return r.adjustPopoverPosition()}),0);this.pdsFilterOpen.emit({componentId:this.componentId,variant:this.variant,text:this.text})}else{this.pdsFilterClose.emit({componentId:this.componentId,variant:this.variant,text:this.text})}}};e.prototype.handleDocumentClick=function(e){var r=this;if(!this.el.contains(e.target)&&this.isOpen&&this.variant!=="clear"){setTimeout((function(){if(r.popoverEl&&r.isOpen){var e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");var i=false;if(e){try{i=!r.popoverEl.matches(":popover-open")}catch(e){i=r.popoverEl.style.display!=="block"}}else{i=true}if(i){r.isOpen=false;if(!e){r.popoverEl.style.display="none";r.popoverEl.classList.remove("is-open")}r.pdsFilterClose.emit({componentId:r.componentId,variant:r.variant,text:r.text})}}}),0)}};e.prototype.handleEscapeKey=function(e){var r=this;if(e.key==="Escape"&&this.isOpen&&this.variant!=="clear"){setTimeout((function(){if(r.popoverEl&&r.isOpen){var e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");var i=false;if(e){try{i=!r.popoverEl.matches(":popover-open")}catch(e){i=r.popoverEl.style.display!=="block"}}else{i=true}if(i){r.isOpen=false;if(!e){r.popoverEl.style.display="none";r.popoverEl.classList.remove("is-open")}r.pdsFilterClose.emit({componentId:r.componentId,variant:r.variant,text:r.text})}}}),0)}};e.prototype.getIcon=function(){if(this.variant==="clear"){return trash}return this.icon};e.prototype.getTriggerClasses=function(){var e=["pds-filter__trigger"];e.push("pds-filter__trigger--".concat(this.variant));if(this.isOpen&&this.variant!=="clear"){e.push("pds-filter__trigger--open")}return e.join(" ")};e.prototype.renderIcon=function(){var e=this.getIcon();if(e==null||e==="")return null;return h("pds-icon",{icon:e,size:"var(--pine-font-size-100)","aria-hidden":"true",part:"icon"})};e.prototype.renderDropdownIcon=function(){if(this.variant==="selected"){return h("pds-icon",{icon:enlarge,size:"var(--pine-dimension-200)","aria-hidden":"true",class:"pds-filter__dropdown-icon",part:"icon"})}return null};e.prototype.render=function(){var e=this;return h(Host,{key:"9b2286e9a0d7f88b7f6bc90f8444185cfec832c8",id:this.componentId},h("button",{key:"968953600d615f2739757a91422dafdb817c9a6f",class:this.getTriggerClasses(),type:"button",popoverTarget:this.variant!=="clear"?"".concat(this.componentId,"-popover"):undefined,popoverTargetAction:this.variant!=="clear"?"toggle":undefined,onKeyDown:this.variant==="clear"?this.handleKeyDown:undefined,onClick:function(r){return e.handleClick(r)},part:"button","aria-expanded":this.isOpen?"true":"false","aria-haspopup":this.variant!=="clear"?"true":undefined,"aria-controls":this.variant!=="clear"?"".concat(this.componentId,"-popover"):undefined},h("span",{key:"ee479f7e510ffcb54f7857cb7d1345f2a5c1d76a",class:"pds-filter__button-content",part:"button-content"},this.renderIcon(),this.text&&h("span",{key:"e98aa8b915a2460f3c7d49e20ec7d43853ee5f9f",class:"pds-filter__button-text",part:"button-text"},this.text),this.renderDropdownIcon())),this.variant!=="clear"&&h("div",{key:"3084babfba2d96880b2829a60d2ef00140a6813b",ref:function(r){return e.popoverEl=r},id:"".concat(this.componentId,"-popover"),class:"pds-filter__popover",popover:"auto",part:"popover"},h("slot",{key:"e901488be75a18bedc6b2c42be5c398fd2cf2a29"})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PdsFilter.style=pdsFilterCss();export{PdsFilter as pds_filter};

package/dist/esm-es5/pds-filters.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host}from"./index-Cw9J31qd.js";import"./keep-hydrated-BLG6RDBt.js";var pdsFiltersCss=function(){return":host{display:block}.pds-filters{-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--pine-dimension-100)}"};var PdsFilters=function(){function s(s){registerInstance(this,s)}s.prototype.render=function(){return h(Host,{key:"8688235fe7cdea1b4fc540156ff21bb9711b41b6",id:this.componentId},h("div",{key:"e51a37977df8c31f99b28d8c7e4bedb0d63e53c6",class:"pds-filters"},h("slot",{key:"8ce936da4d3f0213408090bc3eeb011920f9aa6c"})))};return s}();PdsFilters.style=pdsFiltersCss();export{PdsFilters as pds_filters};
+import{r as registerInstance,h,H as Host}from"./index-BFSwd-GQ.js";import"./keep-hydrated-BgNaWLoS.js";var pdsFiltersCss=function(){return":host{display:block}.pds-filters{-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--pine-dimension-100)}"};var PdsFilters=function(){function s(s){registerInstance(this,s)}s.prototype.render=function(){return h(Host,{key:"6f785fc222e3b5b7cf932f704b56aa7f1f52ead3",id:this.componentId},h("div",{key:"0ffd2894cdeb1e632228b4c3fa523069dcffa4b2",class:"pds-filters"},h("slot",{key:"a3f42dedcda1b0fec78a33793d085791d9b9fc5c"})))};return s}();PdsFilters.style=pdsFiltersCss();export{PdsFilters as pds_filters};

package/dist/esm-es5/pds-icon.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host,a as getElement}from"./index-Cw9J31qd.js";import"./keep-hydrated-BLG6RDBt.js";var missingAssetPathWarning=false;var getAssetPath=function(t){var n;var e=(n=document.head.querySelector("meta[data-pine-asset-path]"))===null||n===void 0?void 0:n.dataset.pineAssetPath;var i=window.__PINE_ASSET_PATH__;var r="https://cdn.jsdelivr.net/npm/@pine-ds/icons/dist/";var s=e||i||r;if(s.startsWith("https://cdn.jsdelivr.net/npm/")&&!missingAssetPathWarning){missingAssetPathWarning=true;console.warn("\n      Fetching Pine assets from jsDelivr CDN.\n\n It's recommended that you bundle Pine Assets with your application and set the path accordingly.\n\nFor more information, read the documentation: \nhttps://pine-design-system.netlify.app/?path=/docs/guides-assets--docs\n    ")}var o=t;if(t.startsWith("./")){o=t.substring(2)}if(!s.endsWith("/")){o="/"+o}return s+o};var CACHED_MAP;var getIconMap=function(){if(typeof window==="undefined"){return new Map}else{if(!CACHED_MAP){var t=window;t.PdsIcons=t.PdsIcons||{};CACHED_MAP=t.PdsIcons.map=t.PdsIcons.map||new Map}return CACHED_MAP}};var getName=function(t,n){if(!t&&n&&!isSrc(n)){t=n}if(isStr(t)){t=toLower(t)}if(!isStr(t)||t.trim()===""){return null}var e=t.replace(/[a-z]|-|\d/gi,"");if(e!=""){return null}return t};var getNamedUrl=function(t){var n=getIconMap().get(t);if(n){return n}return getAssetPath("svg/".concat(t,".svg"))};var getSrc=function(t){if(isStr(t)){t=t.trim();if(isSrc(t)){return t}}return null};var getUrl=function(t){var n=getSrc(t.src);if(n){return n}n=getName(t.name,t.icon);if(n){return getNamedUrl(n)}if(t.icon){n=getSrc(t.icon);if(n){return n}}return null};var isRTL=function(t){if(t){if(t.dir!==""){return t.dir.toLowerCase()==="rtl"}}return(document===null||document===void 0?void 0:document.dir.toLowerCase())==="rtl"};var isSrc=function(t){return t.length>0&&/(\/|\.)/.test(t)};var isStr=function(t){return typeof t==="string"};var toLower=function(t){return t.toLowerCase()};var normalizeColorValue=function(t){if(!isStr(t))return undefined;var n=t.trim();if(n==="")return undefined;if(n.startsWith("var("))return n;if(n.startsWith("--"))return"var(".concat(n,")");return n};var inheritAttributes=function(t,n){if(n===void 0){n=[]}var e={};n.forEach((function(n){if(t.hasAttribute(n)){var i=t.getAttribute(n);if(i!==null){e[n]=t.getAttribute(n)}t.removeAttribute(n)}}));return e};var shouldRtlFlipIcon=function(t,n){var e=isRTL(n);return e&&ICONS_TO_FLIP.includes(t)};var ICONS_TO_FLIP=["align-horizontal-bottom","align-horizontal-center","align-horizontal-top","align-left","align-right","align-vertical-left","align-vertical-right","arrow-corner","arrow-left","arrow-right","calendar-schedule","caret-left","caret-right","cart","cart-add","comment","comment-no","conversation","copy","copy-07","delete-key","delete-x","downsell","drawer-collapse","drawer-expand","duplicate","feedback","file-lock","file-search","form-field","form-filled","left-small","launch","list-bullet","list-numbers","margin-left","margin-right","move-left","move-right","newsletter-2","one-off-session","quote","redo","reset-password","right-small","send-message","share","super-admin","tablet-landscape","undo","user-star","user-star-filled","users","users-filled","users-tone"];var validateContent=function(t){var n=document.createElement("div");n.innerHTML=t;for(var e=n.childNodes.length-1;e>=0;e--){if(n.childNodes[e].nodeName.toLowerCase()!=="svg"){n.removeChild(n.childNodes[e])}}var i=n.firstElementChild;if(i&&i.nodeName.toLowerCase()==="svg"){var r=i.getAttribute("class")||"";i.setAttribute("class",(r+" s-pds-icon").trim());if(isValid(i)){return n.innerHTML}}return""};var isValid=function(t){if(t.nodeType===1){if(t.nodeName.toLowerCase()==="script"){return false}for(var n=0;n<t.attributes.length;n++){var e=t.attributes[n].name;if(isStr(e)&&e.toLowerCase().indexOf("on")===0){return false}}for(var n=0;n<t.childNodes.length;n++){if(!isValid(t.childNodes[n])){return false}}}return true};var isSvgDataUrl=function(t){return t.startsWith("data:image/svg+xml")};var isEncodedDataUrl=function(t){return t.indexOf(";utf8,")!==-1};var pdsIconContent=new Map;var requests=new Map;var parser;var getSvgContent=function(t,n){if(n===void 0){n=false}var e=requests.get(t);if(!e){if(typeof fetch!="undefined"&&typeof document!=="undefined"){if(isSvgDataUrl(t)&&isEncodedDataUrl(t)){if(!parser){parser=new DOMParser}try{var i=parser.parseFromString(t,"text/html");var r=i.querySelector("svg");if(r){pdsIconContent.set(t,r.outerHTML)}else{pdsIconContent.set(t,"")}}catch(n){pdsIconContent.set(t,"")}return Promise.resolve()}else{e=fetch(t).then((function(e){if(e.ok){return e.text().then((function(e){if(e&&n!==false){try{e=validateContent(e)}catch(t){e=""}}pdsIconContent.set(t,e||"")}))}else{throw new Error("Failed to load SVG: ".concat(e.status," ").concat(e.statusText))}})).catch((function(n){console.warn("Failed to load SVG:",t,n);pdsIconContent.set(t,"")}));requests.set(t,e)}}else{pdsIconContent.set(t,"");return Promise.resolve()}}return e};var pdsIconCss=function(){return":host{--dimension-icon-height:16px;--dimension-icon-width:16px;--color-icon-fill:currentColor;contain:strict;display:inline-block;fill:var(--color-icon-fill);-ms-flex-negative:0;flex-shrink:0;height:var(--dimension-icon-height);width:var(--dimension-icon-width)}:host .pdsicon{fill:var(--color-icon-fill)}.pds-icon-fill-none{fill:none}.icon-inner,.pds-icon,svg{display:block;height:100%;width:100%}:host(.flip-rtl):host-context([dir=rtl]) .icon-inner{-webkit-transform:scaleX(-1);transform:scaleX(-1)}:host(.flip-rtl:dir(rtl)) .icon-inner{-webkit-transform:scaleX(-1);transform:scaleX(-1)}:host(.flip-rtl:dir(ltr)) .icon-inner{-webkit-transform:scaleX(1);transform:scaleX(1)}"};var PdsIcon=function(){function t(t){var n=this;registerInstance(this,t);this.didLoadIcon=false;this.iconName=null;this.inheritedAttributes={};this.isVisible=false;this.size="regular";this.hasAriaHidden=function(){var t=n.el;return t.hasAttribute("aria-hidden")&&t.getAttribute("aria-hidden")==="true"}}t.prototype.iconSize=function(){var t={small:"12px",regular:"16px",medium:"20px",large:"24px"};if(t[this.size]){return t[this.size]}else{return this.size}};t.prototype.componentDidLoad=function(){var t=this;this.setCSSVariables();if(!this.didLoadIcon){this.loadIcon()}setTimeout((function(){if(!t.svgContent&&!t.isVisible){t.isVisible=true;t.loadIcon()}}),100);setTimeout((function(){if(!t.svgContent&&!t.isVisible){t.isVisible=true;t.loadIcon()}}),500)};t.prototype.componentWillLoad=function(){this.inheritedAttributes=inheritAttributes(this.el,["aria-label"]);this.setCSSVariables();this.setupInitialAriaLabel()};t.prototype.setCSSVariables=function(){var t;this.el.style.setProperty("--dimension-icon-height",this.iconSize());this.el.style.setProperty("--dimension-icon-width",this.iconSize());this.el.style.setProperty("--color-icon-fill",(t=normalizeColorValue(this.color))!==null&&t!==void 0?t:"currentColor")};t.prototype.connectedCallback=function(){var t=this;if(!this.isVisible&&!this.svgContent){this.waitUntilVisible(this.el,"50px",(function(){t.isVisible=true;t.loadIcon()}))}if(this.isElementInViewport(this.el)){this.isVisible=true;this.loadIcon()}};t.prototype.disconnectedCallback=function(){if(this.io){this.io.disconnect();this.io=undefined}};t.prototype.updateStyles=function(){this.setCSSVariables()};t.prototype.onIconPropertyChange=function(){this.loadIcon();this.setupInitialAriaLabel()};t.prototype.loadIcon=function(){var t=this;this.didLoadIcon=false;this.svgContent=undefined;if(this.isVisible){var n=getUrl(this);if(n){if(pdsIconContent.has(n)){this.svgContent=pdsIconContent.get(n)}else{getSvgContent(n).then((function(){setTimeout((function(){t.svgContent=pdsIconContent.get(n)}),0)})).catch((function(){t.svgContent=""}))}this.didLoadIcon=true}}this.iconName=getName(this.name,this.icon)};t.prototype.render=function(){var t=this,n=t.ariaLabel,e=t.flipRtl,i=t.iconName,r=t.inheritedAttributes;var s=i?shouldRtlFlipIcon(i,this.el)&&e!==false:false;var o=e||s;var a=r["aria-label"]||n;return h(Host,Object.assign({key:"3af1c02235a2645bc3bb300831b19779cca78827","aria-label":a!==undefined&&!this.hasAriaHidden()?a:null,alt:"",role:"img",class:Object.assign(Object.assign({},createColorClasses(this.color)),{"flip-rtl":o,"icon-rtl":o&&isRTL(this.el)})},r),this.svgContent?h("div",{class:"icon-inner",innerHTML:this.svgContent}):h("div",{class:"icon-inner"}))};t.prototype.setupInitialAriaLabel=function(){if(!this.inheritedAttributes["aria-label"]){var t=getName(this.name,this.icon);if(t){this.ariaLabel=t.replace(/\-/g," ")}}};t.prototype.waitUntilVisible=function(t,n,e){var i=this;if(typeof window!=="undefined"&&window.IntersectionObserver){var r=this.io=new window.IntersectionObserver((function(t){if(t[0].isIntersecting){r.disconnect();i.io=undefined;e()}}),{rootMargin:n});r.observe(t);setTimeout((function(){if(i.io&&!i.isVisible){if(i.isElementInViewport(t)){i.io.disconnect();i.io=undefined;e()}}}),1e3)}else{e()}};t.prototype.isElementInViewport=function(t){if(!t||!t.isConnected)return false;var n=t.getBoundingClientRect();var e=window.innerHeight||document.documentElement.clientHeight;var i=window.innerWidth||document.documentElement.clientWidth;return n.top>=0&&n.left>=0&&n.bottom<=e&&n.right<=i||n.top<e&&n.bottom>0&&n.left<i&&n.right>0};t.prototype.debugIconState=function(){var t;var n=getUrl(this);var e=this.el.getBoundingClientRect();console.log("PdsIcon Debug State:",{name:this.name,src:this.src,icon:this.icon,iconName:this.iconName,url:n,isVisible:this.isVisible,didLoadIcon:this.didLoadIcon,hasSvgContent:!!this.svgContent,svgContentLength:((t=this.svgContent)===null||t===void 0?void 0:t.length)||0,isInCache:n?pdsIconContent.has(n):false,cachedContent:n?pdsIconContent.get(n):null,element:this.el,isConnected:this.el.isConnected,isInViewport:this.isElementInViewport(this.el),hasIntersectionObserver:!!this.io,boundingClientRect:e,windowDimensions:{width:window.innerWidth||document.documentElement.clientWidth,height:window.innerHeight||document.documentElement.clientHeight}})};Object.defineProperty(t,"assetsDirs",{get:function(){return["svg"]},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{size:[{updateStyles:0}],color:[{updateStyles:0}],name:[{onIconPropertyChange:0}],src:[{onIconPropertyChange:0}],icon:[{onIconPropertyChange:0}]}},enumerable:false,configurable:true});return t}();var createColorClasses=function(t){var n;return t?(n={"pds-color":true},n["pds-color-".concat(t)]=true,n):null};PdsIcon.style=pdsIconCss();export{PdsIcon as pds_icon};
+import{r as registerInstance,h,H as Host,a as getElement}from"./index-BFSwd-GQ.js";import"./keep-hydrated-BgNaWLoS.js";var missingAssetPathWarning=false;var getAssetPath=function(t){var n;var e=(n=document.head.querySelector("meta[data-pine-asset-path]"))===null||n===void 0?void 0:n.dataset.pineAssetPath;var i=window.__PINE_ASSET_PATH__;var r="https://cdn.jsdelivr.net/npm/@pine-ds/icons/dist/";var s=e||i||r;if(s.startsWith("https://cdn.jsdelivr.net/npm/")&&!missingAssetPathWarning){missingAssetPathWarning=true;console.warn("\n      Fetching Pine assets from jsDelivr CDN.\n\n It's recommended that you bundle Pine Assets with your application and set the path accordingly.\n\nFor more information, read the documentation: \nhttps://pine-design-system.netlify.app/?path=/docs/guides-assets--docs\n    ")}var o=t;if(t.startsWith("./")){o=t.substring(2)}if(!s.endsWith("/")){o="/"+o}return s+o};var CACHED_MAP;var getIconMap=function(){if(typeof window==="undefined"){return new Map}else{if(!CACHED_MAP){var t=window;t.PdsIcons=t.PdsIcons||{};CACHED_MAP=t.PdsIcons.map=t.PdsIcons.map||new Map}return CACHED_MAP}};var getName=function(t,n){if(!t&&n&&!isSrc(n)){t=n}if(isStr(t)){t=toLower(t)}if(!isStr(t)||t.trim()===""){return null}var e=t.replace(/[a-z]|-|\d/gi,"");if(e!=""){return null}return t};var getNamedUrl=function(t){var n=getIconMap().get(t);if(n){return n}return getAssetPath("svg/".concat(t,".svg"))};var getSrc=function(t){if(isStr(t)){t=t.trim();if(isSrc(t)){return t}}return null};var getUrl=function(t){var n=getSrc(t.src);if(n){return n}n=getName(t.name,t.icon);if(n){return getNamedUrl(n)}if(t.icon){n=getSrc(t.icon);if(n){return n}}return null};var isRTL=function(t){if(t){if(t.dir!==""){return t.dir.toLowerCase()==="rtl"}}return(document===null||document===void 0?void 0:document.dir.toLowerCase())==="rtl"};var isSrc=function(t){return t.length>0&&/(\/|\.)/.test(t)};var isStr=function(t){return typeof t==="string"};var toLower=function(t){return t.toLowerCase()};var normalizeColorValue=function(t){if(!isStr(t))return undefined;var n=t.trim();if(n==="")return undefined;if(n.startsWith("var("))return n;if(n.startsWith("--"))return"var(".concat(n,")");return n};var inheritAttributes=function(t,n){if(n===void 0){n=[]}var e={};n.forEach((function(n){if(t.hasAttribute(n)){var i=t.getAttribute(n);if(i!==null){e[n]=t.getAttribute(n)}t.removeAttribute(n)}}));return e};var shouldRtlFlipIcon=function(t,n){var e=isRTL(n);return e&&ICONS_TO_FLIP.includes(t)};var ICONS_TO_FLIP=["align-horizontal-bottom","align-horizontal-center","align-horizontal-top","align-left","align-right","align-vertical-left","align-vertical-right","arrow-corner","arrow-left","arrow-right","calendar-schedule","caret-left","caret-right","cart","cart-add","comment","comment-no","conversation","copy","copy-07","delete-key","delete-x","downsell","drawer-collapse","drawer-expand","duplicate","feedback","file-lock","file-search","form-field","form-filled","left-small","launch","list-bullet","list-numbers","margin-left","margin-right","move-left","move-right","newsletter-2","one-off-session","quote","redo","reset-password","right-small","send-message","share","super-admin","tablet-landscape","undo","user-star","user-star-filled","users","users-filled","users-tone"];var validateContent=function(t){var n=document.createElement("div");n.innerHTML=t;for(var e=n.childNodes.length-1;e>=0;e--){if(n.childNodes[e].nodeName.toLowerCase()!=="svg"){n.removeChild(n.childNodes[e])}}var i=n.firstElementChild;if(i&&i.nodeName.toLowerCase()==="svg"){var r=i.getAttribute("class")||"";i.setAttribute("class",(r+" s-pds-icon").trim());if(isValid(i)){return n.innerHTML}}return""};var isValid=function(t){if(t.nodeType===1){if(t.nodeName.toLowerCase()==="script"){return false}for(var n=0;n<t.attributes.length;n++){var e=t.attributes[n].name;if(isStr(e)&&e.toLowerCase().indexOf("on")===0){return false}}for(var n=0;n<t.childNodes.length;n++){if(!isValid(t.childNodes[n])){return false}}}return true};var isSvgDataUrl=function(t){return t.startsWith("data:image/svg+xml")};var isEncodedDataUrl=function(t){return t.indexOf(";utf8,")!==-1};var pdsIconContent=new Map;var requests=new Map;var parser;var getSvgContent=function(t,n){if(n===void 0){n=false}var e=requests.get(t);if(!e){if(typeof fetch!="undefined"&&typeof document!=="undefined"){if(isSvgDataUrl(t)&&isEncodedDataUrl(t)){if(!parser){parser=new DOMParser}try{var i=parser.parseFromString(t,"text/html");var r=i.querySelector("svg");if(r){pdsIconContent.set(t,r.outerHTML)}else{pdsIconContent.set(t,"")}}catch(n){pdsIconContent.set(t,"")}return Promise.resolve()}else{e=fetch(t).then((function(e){if(e.ok){return e.text().then((function(e){if(e&&n!==false){try{e=validateContent(e)}catch(t){e=""}}pdsIconContent.set(t,e||"")}))}else{throw new Error("Failed to load SVG: ".concat(e.status," ").concat(e.statusText))}})).catch((function(n){console.warn("Failed to load SVG:",t,n);pdsIconContent.set(t,"")}));requests.set(t,e)}}else{pdsIconContent.set(t,"");return Promise.resolve()}}return e};var pdsIconCss=function(){return":host{--dimension-icon-height:16px;--dimension-icon-width:16px;--color-icon-fill:currentColor;contain:strict;display:inline-block;fill:var(--color-icon-fill);-ms-flex-negative:0;flex-shrink:0;height:var(--dimension-icon-height);width:var(--dimension-icon-width)}:host .pdsicon{fill:var(--color-icon-fill)}.pds-icon-fill-none{fill:none}.icon-inner,.pds-icon,svg{display:block;height:100%;width:100%}:host(.flip-rtl):host-context([dir=rtl]) .icon-inner{-webkit-transform:scaleX(-1);transform:scaleX(-1)}:host(.flip-rtl:dir(rtl)) .icon-inner{-webkit-transform:scaleX(-1);transform:scaleX(-1)}:host(.flip-rtl:dir(ltr)) .icon-inner{-webkit-transform:scaleX(1);transform:scaleX(1)}"};var PdsIcon=function(){function t(t){var n=this;registerInstance(this,t);this.didLoadIcon=false;this.iconName=null;this.inheritedAttributes={};this.isVisible=false;this.size="regular";this.hasAriaHidden=function(){var t=n.el;return t.hasAttribute("aria-hidden")&&t.getAttribute("aria-hidden")==="true"}}t.prototype.iconSize=function(){var t={small:"12px",regular:"16px",medium:"20px",large:"24px"};if(t[this.size]){return t[this.size]}else{return this.size}};t.prototype.componentDidLoad=function(){var t=this;this.setCSSVariables();if(!this.didLoadIcon){this.loadIcon()}setTimeout((function(){if(!t.svgContent&&!t.isVisible){t.isVisible=true;t.loadIcon()}}),100);setTimeout((function(){if(!t.svgContent&&!t.isVisible){t.isVisible=true;t.loadIcon()}}),500)};t.prototype.componentWillLoad=function(){this.inheritedAttributes=inheritAttributes(this.el,["aria-label"]);this.setCSSVariables();this.setupInitialAriaLabel()};t.prototype.setCSSVariables=function(){var t;this.el.style.setProperty("--dimension-icon-height",this.iconSize());this.el.style.setProperty("--dimension-icon-width",this.iconSize());this.el.style.setProperty("--color-icon-fill",(t=normalizeColorValue(this.color))!==null&&t!==void 0?t:"currentColor")};t.prototype.connectedCallback=function(){var t=this;if(!this.isVisible&&!this.svgContent){this.waitUntilVisible(this.el,"50px",(function(){t.isVisible=true;t.loadIcon()}))}if(this.isElementInViewport(this.el)){this.isVisible=true;this.loadIcon()}};t.prototype.disconnectedCallback=function(){if(this.io){this.io.disconnect();this.io=undefined}};t.prototype.updateStyles=function(){this.setCSSVariables()};t.prototype.onIconPropertyChange=function(){this.loadIcon();this.setupInitialAriaLabel()};t.prototype.loadIcon=function(){var t=this;this.didLoadIcon=false;this.svgContent=undefined;if(this.isVisible){var n=getUrl(this);if(n){if(pdsIconContent.has(n)){this.svgContent=pdsIconContent.get(n)}else{getSvgContent(n).then((function(){setTimeout((function(){t.svgContent=pdsIconContent.get(n)}),0)})).catch((function(){t.svgContent=""}))}this.didLoadIcon=true}}this.iconName=getName(this.name,this.icon)};t.prototype.render=function(){var t=this,n=t.ariaLabel,e=t.flipRtl,i=t.iconName,r=t.inheritedAttributes;var s=i?shouldRtlFlipIcon(i,this.el)&&e!==false:false;var o=e||s;var a=r["aria-label"]||n;return h(Host,Object.assign({key:"3af1c02235a2645bc3bb300831b19779cca78827","aria-label":a!==undefined&&!this.hasAriaHidden()?a:null,alt:"",role:"img",class:Object.assign(Object.assign({},createColorClasses(this.color)),{"flip-rtl":o,"icon-rtl":o&&isRTL(this.el)})},r),this.svgContent?h("div",{class:"icon-inner",innerHTML:this.svgContent}):h("div",{class:"icon-inner"}))};t.prototype.setupInitialAriaLabel=function(){if(!this.inheritedAttributes["aria-label"]){var t=getName(this.name,this.icon);if(t){this.ariaLabel=t.replace(/\-/g," ")}}};t.prototype.waitUntilVisible=function(t,n,e){var i=this;if(typeof window!=="undefined"&&window.IntersectionObserver){var r=this.io=new window.IntersectionObserver((function(t){if(t[0].isIntersecting){r.disconnect();i.io=undefined;e()}}),{rootMargin:n});r.observe(t);setTimeout((function(){if(i.io&&!i.isVisible){if(i.isElementInViewport(t)){i.io.disconnect();i.io=undefined;e()}}}),1e3)}else{e()}};t.prototype.isElementInViewport=function(t){if(!t||!t.isConnected)return false;var n=t.getBoundingClientRect();var e=window.innerHeight||document.documentElement.clientHeight;var i=window.innerWidth||document.documentElement.clientWidth;return n.top>=0&&n.left>=0&&n.bottom<=e&&n.right<=i||n.top<e&&n.bottom>0&&n.left<i&&n.right>0};t.prototype.debugIconState=function(){var t;var n=getUrl(this);var e=this.el.getBoundingClientRect();console.log("PdsIcon Debug State:",{name:this.name,src:this.src,icon:this.icon,iconName:this.iconName,url:n,isVisible:this.isVisible,didLoadIcon:this.didLoadIcon,hasSvgContent:!!this.svgContent,svgContentLength:((t=this.svgContent)===null||t===void 0?void 0:t.length)||0,isInCache:n?pdsIconContent.has(n):false,cachedContent:n?pdsIconContent.get(n):null,element:this.el,isConnected:this.el.isConnected,isInViewport:this.isElementInViewport(this.el),hasIntersectionObserver:!!this.io,boundingClientRect:e,windowDimensions:{width:window.innerWidth||document.documentElement.clientWidth,height:window.innerHeight||document.documentElement.clientHeight}})};Object.defineProperty(t,"assetsDirs",{get:function(){return["svg"]},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{size:[{updateStyles:0}],color:[{updateStyles:0}],name:[{onIconPropertyChange:0}],src:[{onIconPropertyChange:0}],icon:[{onIconPropertyChange:0}]}},enumerable:false,configurable:true});return t}();var createColorClasses=function(t){var n;return t?(n={"pds-color":true},n["pds-color-".concat(t)]=true,n):null};PdsIcon.style=pdsIconCss();export{PdsIcon as pds_icon};

package/dist/esm-es5/pds-image.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host}from"./index-Cw9J31qd.js";import"./keep-hydrated-BLG6RDBt.js";var pdsImageCss=function(){return":host{--dimension-aspect-ratio:auto;display:inline-block}img{aspect-ratio:var(--dimension-aspect-ratio);display:block;height:auto;max-width:100%}"};var PdsImage=function(){function s(s){registerInstance(this,s);this.alt="";this.loading="eager"}s.prototype.render=function(){return h(Host,{key:"1e8bb3882c2a629004ce1441e85d5c5a75a84e98",class:{"pds-image":true},id:this.componentId},h("img",{key:"b50b19d51431d45027c7a918a4ba4c38493741d5",alt:this.alt,height:this.height,loading:this.loading,sizes:this.sizes,src:this.src,srcset:this.srcset,width:this.width}))};return s}();PdsImage.style=pdsImageCss();export{PdsImage as pds_image};
+import{r as registerInstance,h,H as Host}from"./index-BFSwd-GQ.js";import"./keep-hydrated-BgNaWLoS.js";var pdsImageCss=function(){return":host{--dimension-aspect-ratio:auto;display:inline-block}img{aspect-ratio:var(--dimension-aspect-ratio);display:block;height:auto;max-width:100%}"};var PdsImage=function(){function s(s){registerInstance(this,s);this.alt="";this.loading="eager"}s.prototype.render=function(){return h(Host,{key:"6d2d48c468c39f53d67e63999dd83f3ad61053b5",class:{"pds-image":true},id:this.componentId},h("img",{key:"393cc584586e37e8d5b602fbdcda1783bf80cf9b",alt:this.alt,height:this.height,loading:this.loading,sizes:this.sizes,src:this.src,srcset:this.srcset,width:this.width}))};return s}();PdsImage.style=pdsImageCss();export{PdsImage as pds_image};

package/dist/esm-es5/pds-input.entry.js

@@ -1 +1 @@
-import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-Cw9J31qd.js";import{i as isSpecTest,a as assignDescription,m as messageId}from"./form-BuRbS7Hp.js";import{i as inheritAriaAttributes}from"./attributes-WXw_I_uJ.js";import{c as cancelDebouncedEvent,d as debounceEvent,f as flushDebouncedEvent}from"./utils-OYK5-nwe.js";import{b as danger}from"./index-BWDu62Mo.js";import"./keep-hydrated-BLG6RDBt.js";var pdsInputTokensCss=function(){return":host{--pine-input-color-background-danger:var(--pine-color-red-050)}"};var labelCss=function(){return":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}"};var pdsInputCss=function(){return":host{--pds-input-background:var(--pine-color-background-container);--pds-input-border-color:var(--pine-color-border);--pds-input-border-color-hover:var(--pine-color-border-hover);--pds-input-border-color-disabled:var(--pine-color-border-disabled);--pds-input-border-radius:var(--pine-dimension-125);--pds-input-border-width:var(--pine-border-width-thin);--pds-input-padding-x:var(--pine-dimension-150);--pds-input-padding-y:calc(var(--pine-dimension-xs) - var(--pine-border-width));--pds-input-font:var(--pine-typography-body);--pds-input-text-color:var(--pine-color-text-strong);--pds-input-placeholder-color:var(--pine-color-text-placeholder);--pds-input-icon-color:var(--pine-color-text-secondary);--pds-input-disabled-background:var(--pine-color-background-container-disabled);--pds-input-disabled-text-color:var(--pine-color-text-disabled);--pds-input-error-color:var(--pine-color-text-message-danger);--pds-input-error-background:var(--pine-input-color-background-danger);--pds-input-error-border:var(--pine-color-border-danger);--pds-input-error-border-hover:var(--pine-color-border-danger-hover);--pds-input-addon-background:var(--pine-color-background-subtle);--pds-input-addon-color:var(--pine-color-text-secondary);--pds-input-field-min-height:var(--pine-dimension-450);--box-shadow-focus:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring);--box-shadow-focus-error:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring-danger);display:inline}:host pds-select::part(select){background-color:var(--pds-input-error-background);border-color:var(--pds-input-error-border)}:host::part(prefix),:host::part(suffix){-ms-flex-align:center;align-items:center;color:var(--pine-color-text-label-readonly);display:-ms-flexbox;display:flex;height:100%;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);white-space:nowrap;z-index:calc(var(--pine-z-index-raised) - 1)}:host::part(prefix){border-end-start-radius:var(--pds-input-border-radius);-webkit-border-end:var(--pine-border-width-none);border-inline-end:var(--pine-border-width-none);border-start-start-radius:var(--pds-input-border-radius);inset-inline-start:var(--pds-input-padding-x)}:host::part(suffix){border-end-end-radius:var(--pds-input-border-radius);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);border-start-end-radius:var(--pds-input-border-radius);inset-inline-end:var(--pds-input-padding-x)}:host::part(prepend),:host::part(append){-ms-flex-align:center;align-items:center;background-color:var(--pds-input-addon-background);border:var(--pds-input-border-width) solid var(--pds-input-border-color);color:var(--pds-input-addon-color);display:-ms-flexbox;display:flex;overflow:visible}:host::part(prepend){border-end-start-radius:var(--pds-input-border-radius);-webkit-border-end:var(--pine-border-width-none);border-inline-end:var(--pine-border-width-none);border-start-start-radius:var(--pds-input-border-radius)}:host::part(append){border-end-end-radius:var(--pds-input-border-radius);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);border-start-end-radius:var(--pds-input-border-radius)}:host([has-prepend]) ::slotted(pds-button[slot=prepend]){--pds-button-background:var(--pds-input-addon-background);--pds-button-border:var(--pine-border-width-none);--pds-button-border-radius:var(--pine-dimension-none);--pds-button-border-radius-end-end:var(--pine-dimension-none);--pds-button-border-radius-start-end:var(--pine-dimension-none);--pds-button-border-radius-start-start:var(--pds-input-border-radius);--pds-button-border-radius-end-start:var(--pds-input-border-radius);--pds-button-min-height:calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)));--pds-button-box-shadow-focus:0 0 0 3px var(--pine-color-focus-ring);--pds-button-outline-focus:none}:host([has-append]) ::slotted(pds-button[slot=append]){--pds-button-background:var(--pds-input-addon-background);--pds-button-border:var(--pine-border-width-none);--pds-button-border-radius:var(--pine-dimension-none);--pds-button-border-radius-end-start:var(--pine-dimension-none);--pds-button-border-radius-start-start:var(--pine-dimension-none);--pds-button-border-radius-start-end:var(--pds-input-border-radius);--pds-button-border-radius-end-end:var(--pds-input-border-radius);--pds-button-min-height:calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)));--pds-button-box-shadow-focus:0 0 0 3px var(--pine-color-focus-ring);--pds-button-outline-focus:none}:host([has-prepend]) ::slotted(pds-select[slot=prepend]){--pds-select-background:var(--pds-input-addon-background);--pds-select-border:var(--pine-border-width-none);--pds-select-border-radius-end-end:var(--pine-dimension-none);--pds-select-border-radius-end-start:var(--pds-input-border-radius);--pds-select-border-radius-start-end:var(--pine-dimension-none);--pds-select-border-radius-start-start:var(--pds-input-border-radius);--pds-select-min-height:calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)))}:host([has-append]) ::slotted(pds-select[slot=append]){--pds-select-background:var(--pds-input-addon-background);--pds-select-border:var(--pine-border-width-none);--pds-select-border-radius-end-end:var(--pds-input-border-radius);--pds-select-border-radius-end-start:var(--pine-dimension-none);--pds-select-border-radius-start-end:var(--pds-input-border-radius);--pds-select-border-radius-start-start:var(--pine-dimension-none);--pds-select-min-height:calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)))}:host([aria-readonly=true]) input{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-readonly)}:host([aria-disabled=true])::part(prepend),:host([aria-disabled=true])::part(append){background-color:var(--pds-input-disabled-background);border:var(--pds-input-border-width) solid var(--pds-input-border-color-disabled)}:host([full-width=true]){width:100%}:host([invalid=true])::part(prepend),:host([invalid=true])::part(append){background-color:var(--pds-input-error-background);border:var(--pds-input-border-width) solid var(--pds-input-error-border)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([invalid]):not([aria-readonly=true])){--pds-input-background:var(--pine-color-accent-disabled);--pds-input-border-color:var(--pine-color-accent);--pds-input-border-color-hover:var(--pine-color-accent-hover);--pds-input-text-color:var(--pine-color-text-accent)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([invalid]):not([aria-readonly=true]))::part(prefix),:host([highlight]:not([disabled]):not([aria-disabled=true]):not([invalid]):not([aria-readonly=true]))::part(suffix){color:var(--pine-color-text-accent)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([invalid]):not([aria-readonly=true])) .pds-input__field:focus-visible{outline-color:var(--pine-color-focus-ring)}.pds-input{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.pds-input__label-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-input__label{color:var(--pine-color-text-strong);-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-input__label-wrapper .pds-input__label{-webkit-margin-after:0;margin-block-end:0}.pds-input__action{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}.pds-input__field-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;position:relative;width:100%}.pds-input__field-wrapper.has-prefix .pds-input__field{-webkit-padding-start:calc(2 * var(--pds-input-padding-x) + var(--prefix-width, 1em));padding-inline-start:calc(2 * var(--pds-input-padding-x) + var(--prefix-width, 1em))}.pds-input__field-wrapper.has-suffix .pds-input__field{-webkit-padding-end:calc(2 * var(--pds-input-padding-x) + var(--suffix-width, 1em));padding-inline-end:calc(2 * var(--pds-input-padding-x) + var(--suffix-width, 1em))}.pds-input__field-wrapper.has-prepend .pds-input__field{border-end-start-radius:var(--pine-dimension-none);border-start-start-radius:var(--pine-dimension-none)}.pds-input__field-wrapper.has-append .pds-input__field{border-end-end-radius:var(--pine-dimension-none);border-start-end-radius:var(--pine-dimension-none)}.pds-input__field{background:var(--pds-input-background);border:var(--pds-input-border-width) solid var(--pds-input-border-color);border-radius:var(--pds-input-border-radius);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pds-input-text-color);-ms-flex:1;flex:1;font:var(--pds-input-font);letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-input-field-min-height);min-width:var(--pine-dimension-none);padding:var(--pds-input-padding-y) var(--pds-input-padding-x);-webkit-transition:border-color var(--pine-motion-duration-base) ease;transition:border-color var(--pine-motion-duration-base) ease;width:100%}.pds-input__field:hover:not(:disabled){border-color:var(--pds-input-border-color-hover)}.pds-input__field:disabled{background:var(--pds-input-disabled-background);border-color:var(--pine-color-border-disabled);color:var(--pds-input-disabled-text-color);cursor:not-allowed}.pds-input__field:disabled::-webkit-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled::-moz-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled:-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled::-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled::placeholder{color:var(--pine-color-text-placeholder-disabled)}.has-error .pds-input__field:hover:not(:disabled){border-color:var(--pds-input-error-border-hover)}:host-context([data-theme=dark]) .has-error .pds-input__field:hover:not(:disabled){border-color:var(--pine-color-red-950)}.pds-input__field:focus-visible:not(.has-error){border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width);position:relative;z-index:1}:host([has-prepend]) .pds-input__field:focus-visible:not(.has-error),:host([has-append]) .pds-input__field:focus-visible:not(.has-error),:host([has-prefix]) .pds-input__field:focus-visible:not(.has-error),:host([has-suffix]) .pds-input__field:focus-visible:not(.has-error){outline-offset:var(--pine-dimension-none)}.pds-input__field::-webkit-input-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field::-moz-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field:-ms-input-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field::-ms-input-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field::placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field:-moz-placeholder-shown{text-overflow:ellipsis}.pds-input__field:-ms-input-placeholder{text-overflow:ellipsis}.pds-input__field:placeholder-shown{text-overflow:ellipsis}.has-error .pds-input__field{background-color:var(--pds-input-error-background);border-color:var(--pds-input-error-border)}:host-context([data-theme=dark]) .has-error .pds-input__field{background-color:var(--pine-color-red-950)}.has-error .pds-input__field:focus-visible{outline-color:var(--pine-color-focus-ring-danger);position:relative;z-index:1}.pds-input__error-message,.pds-input__helper-message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-after:var(--pine-dimension-none);margin-block-end:var(--pine-dimension-none);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-input__error-message{color:var(--pds-input-error-color);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-input__error-message pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.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}.pds-input__field::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;background-color:var(--pds-input-placeholder-color);cursor:pointer;height:var(--pine-dimension-sm);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.646 3.646a.5.5 0 0 1 .708 0L8 7.293l3.646-3.647a.5.5 0 0 1 .708.708L8.707 8l3.647 3.646a.5.5 0 0 1-.708.708L8 8.707l-3.646 3.647a.5.5 0 0 1-.708-.708L7.293 8 3.646 4.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.646 3.646a.5.5 0 0 1 .708 0L8 7.293l3.646-3.647a.5.5 0 0 1 .708.708L8.707 8l3.647 3.646a.5.5 0 0 1-.708.708L8 8.707l-3.646 3.647a.5.5 0 0 1-.708-.708L7.293 8 3.646 4.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E\");-webkit-mask-size:contain;mask-size:contain;width:var(--pine-dimension-sm)}"};var PdsInput=function(){function e(e){var r=this;registerInstance(this,e);this.pdsBlur=createEvent(this,"pdsBlur");this.pdsChange=createEvent(this,"pdsChange");this.pdsFocus=createEvent(this,"pdsFocus");this.pdsInput=createEvent(this,"pdsInput");this.pdsKeyDown=createEvent(this,"pdsKeyDown");this.inheritedAttributes={};this.isComposing=false;this.hasLoaded=false;this.hasPrefix=false;this.hasSuffix=false;this.hasPrepend=false;this.hasAppend=false;this.hasAction=false;this.type="text";this.value="";this.hasFocus=false;this.onInputEvent=function(e){var i=e.target;if(i){r.value=i.value||""}r.emitInputChange(e)};this.onChangeEvent=function(e){r.emitValueChange(e)};this.onBlurEvent=function(e){r.hasFocus=false;if(r.focusedValue!==r.value){r.emitValueChange(e)}r.pdsBlur.emit(e)};this.onFocusEvent=function(e){r.hasFocus=true;r.focusedValue=r.value;r.pdsFocus.emit(e)};this.onCompositionStart=function(){r.isComposing=true};this.onCompositionEnd=function(){r.isComposing=false};this.onKeyDownEvent=function(e){r.pdsKeyDown.emit(e)}}e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.nativeInput){this.nativeInput.focus()}return[2]}))}))};e.prototype.observeAddonResize=function(){var e=this;var r;if(typeof ResizeObserver==="undefined")return;(r=this.resizeObserver)===null||r===void 0?void 0:r.disconnect();this.resizeObserver=new ResizeObserver((function(){e.updateAddonWidths()}));if(this.prefixEl){this.resizeObserver.observe(this.prefixEl)}if(this.suffixEl){this.resizeObserver.observe(this.suffixEl)}};e.prototype.updateAddonWidths=function(){var e=this;requestAnimationFrame((function(){if(e.prefixEl){var r=e.prefixEl.offsetWidth;e.el.style.setProperty("--prefix-width","".concat(r,"px"))}if(e.suffixEl){var i=e.suffixEl.offsetWidth;e.el.style.setProperty("--suffix-width","".concat(i,"px"))}}))};e.prototype.renderPrefix=function(){var e=this;var r=this.el.querySelector('[slot="prefix"]')!==null;if(r){return h("div",{class:"pds-input__prefix",part:"prefix",ref:function(r){return e.prefixEl=r}},h("slot",{name:"prefix",onSlotchange:function(){return e.updateAddonWidths()}}))}return null};e.prototype.renderSuffix=function(){var e=this;var r=this.el.querySelector('[slot="suffix"]')!==null;if(r){return h("div",{class:"pds-input__suffix",part:"suffix",ref:function(r){return e.suffixEl=r}},h("slot",{name:"suffix",onSlotchange:function(){return e.updateAddonWidths()}}))}return null};e.prototype.renderPrepend=function(){var e=this.el.querySelector('[slot="prepend"]')!==null;if(e){return h("div",{class:"pds-input__prepend",part:"prepend"},h("slot",{name:"prepend"}))}return null};e.prototype.renderAppend=function(){var e=this.el.querySelector('[slot="append"]')!==null;if(e){return h("div",{class:"pds-input__append",part:"append"},h("slot",{name:"append"}))}return null};e.prototype.renderAction=function(){var e=this.el.querySelector('[slot="action"]')!==null;if(e){return h("div",{class:"pds-input__action",part:"action"},h("slot",{name:"action"}))}return null};e.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},inheritAriaAttributes(this.el));this.hasPrefix=this.el.querySelector('[slot="prefix"]')!==null;this.hasSuffix=this.el.querySelector('[slot="suffix"]')!==null;this.hasPrepend=this.el.querySelector('[slot="prepend"]')!==null;this.hasAppend=this.el.querySelector('[slot="append"]')!==null;this.hasAction=this.el.querySelector('[slot="action"]')!==null;this.originalPdsInput=this.pdsInput};e.prototype.connectedCallback=function(){if(this.el.attachInternals&&!this.internals){this.internals=this.el.attachInternals()}if(this.hasLoaded&&!this.resizeObserver){this.updateAddonWidths();this.observeAddonResize()}};e.prototype.disconnectedCallback=function(){var e;cancelDebouncedEvent(this.pdsInput);(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect();this.resizeObserver=undefined};e.prototype.componentDidLoad=function(){this.hasLoaded=true;this.debounceChanged();this.updateAddonWidths();this.observeAddonResize();this.updateFormValue()};e.prototype.debounceChanged=function(){var e=this,r=e.pdsInput,i=e.debounce,n=e.originalPdsInput;this.pdsInput=i===undefined?n!==null&&n!==void 0?n:r:debounceEvent(r,i);flushDebouncedEvent(r)};e.prototype.valueChanged=function(){var e=this.nativeInput;var r=this.getValue();if(e&&e.value!==r&&!this.isComposing){e.value=r}this.updateFormValue()};e.prototype.getValue=function(){return typeof this.value==="number"?this.value.toString():(this.value||"").toString()};e.prototype.emitValueChange=function(e){var r=this.value;var i=r==null?r:r.toString();this.focusedValue=i;this.pdsChange.emit({value:i,event:e})};e.prototype.emitInputChange=function(e){var r=this.value;var i=r==null?r:r.toString();this.pdsInput.emit({value:i,event:e})};e.prototype.updateFormValue=function(){if(isSpecTest())return;if(this.internals&&this.internals.setFormValue){var e=this.getValue();this.internals.setFormValue(e||null);if(this.nativeInput&&this.internals&&this.internals.setValidity){this.internals.setValidity(this.nativeInput.validity,this.nativeInput.validationMessage,this.nativeInput)}}};e.prototype.formResetCallback=function(){this.value="";this.updateFormValue()};e.prototype.formDisabledCallback=function(e){this.disabled=e};e.prototype.formStateRestoreCallback=function(e){if(typeof e==="string"){this.value=e}else if(e instanceof FormData&&this.name){var r=e.get(this.name);if(typeof r==="string"){this.value=r}}};e.prototype.render=function(){var e=this;var r=this,i=r.componentId,n=r.disabled,t=r.errorMessage,s=r.helperMessage,o=r.invalid,d=o===void 0?false:o,a=r.label;var p=this.getValue();var l={"pds-input__field-wrapper":true,"has-focus":this.hasFocus,"has-error":d||!!t,"is-disabled":n,"has-prefix":this.hasPrefix,"has-suffix":this.hasSuffix,"has-prepend":this.hasPrepend,"has-append":this.hasAppend};return h(Host,{key:"75eb8bc6cda5e947f8677ebefe7995688f03f947","aria-disabled":this.disabled?"true":null,"aria-readonly":this.readonly?"true":null,"has-prefix":this.hasPrefix?"true":null,"has-suffix":this.hasSuffix?"true":null,"has-prepend":this.hasPrepend?"true":null,"has-append":this.hasAppend?"true":null,"has-action":this.hasAction&&!this.hideLabel?"true":null,"full-width":this.fullWidth?"true":null},h("div",{key:"93d7f90b9a64daccea1533abc08a8cb18825b828",class:"pds-input"},a&&h("div",{key:"948109b3bfa1a1b8171572da9160425e3e35a7a6",class:{"pds-input__label-wrapper":true,"visually-hidden":this.hideLabel}},h("label",{key:"bb0e6c6febb97ad4aa3942ac5e67ac42dc1bde0a",htmlFor:i,class:"pds-input__label"},h("span",{key:"c6a122f829aa3b92ccb715c3f3975f6baadb3028"},a,this.required&&h("span",{key:"dce7d1a9c010a545992734bd238e9f6a4ca7b4ce",class:"pds-input__required-indicator"}," *"))),!this.hideLabel&&this.renderAction()),h("div",{key:"1b92ab5d649a4a9cf8112ea9b8a8a1095714f6d0",class:l},this.renderPrepend(),this.renderPrefix(),h("input",Object.assign({key:"bc3c4b907312149d375bb78f9912e4501da59348",ref:function(r){return e.nativeInput=r},class:"pds-input__field","aria-describedby":assignDescription(i,d,s,t),"aria-invalid":d?"true":undefined,autocomplete:this.autocomplete,disabled:n,id:i,max:this.max,maxlength:this.maxlength,min:this.min,minlength:this.minlength,name:this.name,pattern:this.pattern,placeholder:this.placeholder,readOnly:this.readonly,required:this.required,step:this.step,type:this.type,value:p,onInput:this.onInputEvent,onChange:this.onChangeEvent,onBlur:this.onBlurEvent,onFocus:this.onFocusEvent,onKeyDown:this.onKeyDownEvent,onCompositionstart:this.onCompositionStart,onCompositionend:this.onCompositionEnd},this.inheritedAttributes)),this.renderSuffix(),this.renderAppend()),s&&h("p",{key:"f7bcbafc17a20310d602fce14a0adad522acbcb1",class:"pds-input__helper-message",id:messageId(i,"helper")},s),t&&h("p",{key:"bbbd6dc3203b89e5759587147de74d2ce3ce6177",class:"pds-input__error-message",id:messageId(i,"error")},h("pds-icon",{key:"68a6a92c82c1756ad99f431e0cb56756e3cdf75c","aria-hidden":"true",icon:danger,size:"small"}),t)))};Object.defineProperty(e,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{debounce:[{debounceChanged:0}],value:[{valueChanged:0}]}},enumerable:false,configurable:true});return e}();PdsInput.style=pdsInputTokensCss()+(labelCss()+pdsInputCss());export{PdsInput as pds_input};
+import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-BFSwd-GQ.js";import{i as isSpecTest,a as assignDescription,m as messageId}from"./form-BuRbS7Hp.js";import{i as inheritAriaAttributes}from"./attributes-DkeVeN0g.js";import{c as cancelDebouncedEvent,d as debounceEvent,f as flushDebouncedEvent}from"./utils-OYK5-nwe.js";import{b as danger}from"./index-m3pqpeWg.js";import"./keep-hydrated-BgNaWLoS.js";var pdsInputTokensCss=function(){return":host{--pine-input-color-background-danger:var(--pine-color-red-050)}"};var labelCss=function(){return":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}"};var pdsInputCss=function(){return":host{--pds-input-background:var(--pine-color-background-container);--pds-input-border-color:var(--pine-color-border);--pds-input-border-color-hover:var(--pine-color-border-hover);--pds-input-border-color-disabled:var(--pine-color-border-disabled);--pds-input-border-radius:var(--pine-dimension-125);--pds-input-border-width:var(--pine-border-width-thin);--pds-input-padding-x:var(--pine-dimension-150);--pds-input-padding-y:calc(var(--pine-dimension-xs) - var(--pine-border-width));--pds-input-font:var(--pine-typography-body);--pds-input-text-color:var(--pine-color-text-strong);--pds-input-placeholder-color:var(--pine-color-text-placeholder);--pds-input-icon-color:var(--pine-color-text-secondary);--pds-input-disabled-background:var(--pine-color-background-container-disabled);--pds-input-disabled-text-color:var(--pine-color-text-disabled);--pds-input-error-color:var(--pine-color-text-message-danger);--pds-input-error-background:var(--pine-input-color-background-danger);--pds-input-error-border:var(--pine-color-border-danger);--pds-input-error-border-hover:var(--pine-color-border-danger-hover);--pds-input-addon-background:var(--pine-color-background-subtle);--pds-input-addon-color:var(--pine-color-text-secondary);--pds-input-field-min-height:var(--pine-dimension-450);--box-shadow-focus:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring);--box-shadow-focus-error:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring-danger);display:inline}:host pds-select::part(select){background-color:var(--pds-input-error-background);border-color:var(--pds-input-error-border)}:host::part(prefix),:host::part(suffix){-ms-flex-align:center;align-items:center;color:var(--pine-color-text-label-readonly);display:-ms-flexbox;display:flex;height:100%;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);white-space:nowrap;z-index:calc(var(--pine-z-index-raised) - 1)}:host::part(prefix){border-end-start-radius:var(--pds-input-border-radius);-webkit-border-end:var(--pine-border-width-none);border-inline-end:var(--pine-border-width-none);border-start-start-radius:var(--pds-input-border-radius);inset-inline-start:var(--pds-input-padding-x)}:host::part(suffix){border-end-end-radius:var(--pds-input-border-radius);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);border-start-end-radius:var(--pds-input-border-radius);inset-inline-end:var(--pds-input-padding-x)}:host::part(prepend),:host::part(append){-ms-flex-align:center;align-items:center;background-color:var(--pds-input-addon-background);border:var(--pds-input-border-width) solid var(--pds-input-border-color);color:var(--pds-input-addon-color);display:-ms-flexbox;display:flex;overflow:visible}:host::part(prepend){border-end-start-radius:var(--pds-input-border-radius);-webkit-border-end:var(--pine-border-width-none);border-inline-end:var(--pine-border-width-none);border-start-start-radius:var(--pds-input-border-radius)}:host::part(append){border-end-end-radius:var(--pds-input-border-radius);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);border-start-end-radius:var(--pds-input-border-radius)}:host([has-prepend]) ::slotted(pds-button[slot=prepend]){--pds-button-background:var(--pds-input-addon-background);--pds-button-border:var(--pine-border-width-none);--pds-button-border-radius:var(--pine-dimension-none);--pds-button-border-radius-end-end:var(--pine-dimension-none);--pds-button-border-radius-start-end:var(--pine-dimension-none);--pds-button-border-radius-start-start:var(--pds-input-border-radius);--pds-button-border-radius-end-start:var(--pds-input-border-radius);--pds-button-min-height:calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)));--pds-button-box-shadow-focus:0 0 0 3px var(--pine-color-focus-ring);--pds-button-outline-focus:none}:host([has-append]) ::slotted(pds-button[slot=append]){--pds-button-background:var(--pds-input-addon-background);--pds-button-border:var(--pine-border-width-none);--pds-button-border-radius:var(--pine-dimension-none);--pds-button-border-radius-end-start:var(--pine-dimension-none);--pds-button-border-radius-start-start:var(--pine-dimension-none);--pds-button-border-radius-start-end:var(--pds-input-border-radius);--pds-button-border-radius-end-end:var(--pds-input-border-radius);--pds-button-min-height:calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)));--pds-button-box-shadow-focus:0 0 0 3px var(--pine-color-focus-ring);--pds-button-outline-focus:none}:host([has-prepend]) ::slotted(pds-select[slot=prepend]){--pds-select-background:var(--pds-input-addon-background);--pds-select-border:var(--pine-border-width-none);--pds-select-border-radius-end-end:var(--pine-dimension-none);--pds-select-border-radius-end-start:var(--pds-input-border-radius);--pds-select-border-radius-start-end:var(--pine-dimension-none);--pds-select-border-radius-start-start:var(--pds-input-border-radius);--pds-select-min-height:calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)))}:host([has-append]) ::slotted(pds-select[slot=append]){--pds-select-background:var(--pds-input-addon-background);--pds-select-border:var(--pine-border-width-none);--pds-select-border-radius-end-end:var(--pds-input-border-radius);--pds-select-border-radius-end-start:var(--pine-dimension-none);--pds-select-border-radius-start-end:var(--pds-input-border-radius);--pds-select-border-radius-start-start:var(--pine-dimension-none);--pds-select-min-height:calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)))}:host([aria-readonly=true]) input{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-readonly)}:host([aria-disabled=true])::part(prepend),:host([aria-disabled=true])::part(append){background-color:var(--pds-input-disabled-background);border:var(--pds-input-border-width) solid var(--pds-input-border-color-disabled)}:host([full-width=true]){width:100%}:host([invalid=true])::part(prepend),:host([invalid=true])::part(append){background-color:var(--pds-input-error-background);border:var(--pds-input-border-width) solid var(--pds-input-error-border)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([invalid]):not([aria-readonly=true])){--pds-input-background:var(--pine-color-accent-disabled);--pds-input-border-color:var(--pine-color-accent);--pds-input-border-color-hover:var(--pine-color-accent-hover);--pds-input-text-color:var(--pine-color-text-accent)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([invalid]):not([aria-readonly=true]))::part(prefix),:host([highlight]:not([disabled]):not([aria-disabled=true]):not([invalid]):not([aria-readonly=true]))::part(suffix){color:var(--pine-color-text-accent)}:host([highlight]:not([disabled]):not([aria-disabled=true]):not([invalid]):not([aria-readonly=true])) .pds-input__field:focus-visible{outline-color:var(--pine-color-focus-ring)}.pds-input{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.pds-input__label-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-input__label{color:var(--pine-color-text-strong);-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-input__label-wrapper .pds-input__label{-webkit-margin-after:0;margin-block-end:0}.pds-input__action{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}.pds-input__field-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;position:relative;width:100%}.pds-input__field-wrapper.has-prefix .pds-input__field{-webkit-padding-start:calc(2 * var(--pds-input-padding-x) + var(--prefix-width, 1em));padding-inline-start:calc(2 * var(--pds-input-padding-x) + var(--prefix-width, 1em))}.pds-input__field-wrapper.has-suffix .pds-input__field{-webkit-padding-end:calc(2 * var(--pds-input-padding-x) + var(--suffix-width, 1em));padding-inline-end:calc(2 * var(--pds-input-padding-x) + var(--suffix-width, 1em))}.pds-input__field-wrapper.has-prepend .pds-input__field{border-end-start-radius:var(--pine-dimension-none);border-start-start-radius:var(--pine-dimension-none)}.pds-input__field-wrapper.has-append .pds-input__field{border-end-end-radius:var(--pine-dimension-none);border-start-end-radius:var(--pine-dimension-none)}.pds-input__field{background:var(--pds-input-background);border:var(--pds-input-border-width) solid var(--pds-input-border-color);border-radius:var(--pds-input-border-radius);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pds-input-text-color);-ms-flex:1;flex:1;font:var(--pds-input-font);letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-input-field-min-height);min-width:var(--pine-dimension-none);padding:var(--pds-input-padding-y) var(--pds-input-padding-x);-webkit-transition:border-color var(--pine-motion-duration-base) ease;transition:border-color var(--pine-motion-duration-base) ease;width:100%}.pds-input__field:hover:not(:disabled){border-color:var(--pds-input-border-color-hover)}.pds-input__field:disabled{background:var(--pds-input-disabled-background);border-color:var(--pine-color-border-disabled);color:var(--pds-input-disabled-text-color);cursor:not-allowed}.pds-input__field:disabled::-webkit-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled::-moz-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled:-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled::-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-input__field:disabled::placeholder{color:var(--pine-color-text-placeholder-disabled)}.has-error .pds-input__field:hover:not(:disabled){border-color:var(--pds-input-error-border-hover)}:host-context([data-theme=dark]) .has-error .pds-input__field:hover:not(:disabled){border-color:var(--pine-color-red-950)}.pds-input__field:focus-visible:not(.has-error){border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width);position:relative;z-index:1}:host([has-prepend]) .pds-input__field:focus-visible:not(.has-error),:host([has-append]) .pds-input__field:focus-visible:not(.has-error),:host([has-prefix]) .pds-input__field:focus-visible:not(.has-error),:host([has-suffix]) .pds-input__field:focus-visible:not(.has-error){outline-offset:var(--pine-dimension-none)}.pds-input__field::-webkit-input-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field::-moz-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field:-ms-input-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field::-ms-input-placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field::placeholder{color:var(--pds-input-placeholder-color)}.pds-input__field:-moz-placeholder-shown{text-overflow:ellipsis}.pds-input__field:-ms-input-placeholder{text-overflow:ellipsis}.pds-input__field:placeholder-shown{text-overflow:ellipsis}.has-error .pds-input__field{background-color:var(--pds-input-error-background);border-color:var(--pds-input-error-border)}:host-context([data-theme=dark]) .has-error .pds-input__field{background-color:var(--pine-color-red-950)}.has-error .pds-input__field:focus-visible{outline-color:var(--pine-color-focus-ring-danger);position:relative;z-index:1}.pds-input__error-message,.pds-input__helper-message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-after:var(--pine-dimension-none);margin-block-end:var(--pine-dimension-none);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-input__error-message{color:var(--pds-input-error-color);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-input__error-message pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.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}.pds-input__field::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;background-color:var(--pds-input-placeholder-color);cursor:pointer;height:var(--pine-dimension-sm);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.646 3.646a.5.5 0 0 1 .708 0L8 7.293l3.646-3.647a.5.5 0 0 1 .708.708L8.707 8l3.647 3.646a.5.5 0 0 1-.708.708L8 8.707l-3.646 3.647a.5.5 0 0 1-.708-.708L7.293 8 3.646 4.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.646 3.646a.5.5 0 0 1 .708 0L8 7.293l3.646-3.647a.5.5 0 0 1 .708.708L8.707 8l3.647 3.646a.5.5 0 0 1-.708.708L8 8.707l-3.646 3.647a.5.5 0 0 1-.708-.708L7.293 8 3.646 4.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E\");-webkit-mask-size:contain;mask-size:contain;width:var(--pine-dimension-sm)}"};var PdsInput=function(){function e(e){var r=this;registerInstance(this,e);this.pdsBlur=createEvent(this,"pdsBlur");this.pdsChange=createEvent(this,"pdsChange");this.pdsFocus=createEvent(this,"pdsFocus");this.pdsInput=createEvent(this,"pdsInput");this.pdsKeyDown=createEvent(this,"pdsKeyDown");this.inheritedAttributes={};this.isComposing=false;this.hasLoaded=false;this.hasPrefix=false;this.hasSuffix=false;this.hasPrepend=false;this.hasAppend=false;this.hasAction=false;this.type="text";this.value="";this.hasFocus=false;this.onInputEvent=function(e){var i=e.target;if(i){r.value=i.value||""}r.emitInputChange(e)};this.onChangeEvent=function(e){r.emitValueChange(e)};this.onBlurEvent=function(e){r.hasFocus=false;if(r.focusedValue!==r.value){r.emitValueChange(e)}r.pdsBlur.emit(e)};this.onFocusEvent=function(e){r.hasFocus=true;r.focusedValue=r.value;r.pdsFocus.emit(e)};this.onCompositionStart=function(){r.isComposing=true};this.onCompositionEnd=function(){r.isComposing=false};this.onKeyDownEvent=function(e){r.pdsKeyDown.emit(e)}}e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.nativeInput){this.nativeInput.focus()}return[2]}))}))};e.prototype.observeAddonResize=function(){var e=this;var r;if(typeof ResizeObserver==="undefined")return;(r=this.resizeObserver)===null||r===void 0?void 0:r.disconnect();this.resizeObserver=new ResizeObserver((function(){e.updateAddonWidths()}));if(this.prefixEl){this.resizeObserver.observe(this.prefixEl)}if(this.suffixEl){this.resizeObserver.observe(this.suffixEl)}};e.prototype.updateAddonWidths=function(){var e=this;requestAnimationFrame((function(){if(e.prefixEl){var r=e.prefixEl.offsetWidth;e.el.style.setProperty("--prefix-width","".concat(r,"px"))}if(e.suffixEl){var i=e.suffixEl.offsetWidth;e.el.style.setProperty("--suffix-width","".concat(i,"px"))}}))};e.prototype.renderPrefix=function(){var e=this;var r=this.el.querySelector('[slot="prefix"]')!==null;if(r){return h("div",{class:"pds-input__prefix",part:"prefix",ref:function(r){return e.prefixEl=r}},h("slot",{name:"prefix",onSlotchange:function(){return e.updateAddonWidths()}}))}return null};e.prototype.renderSuffix=function(){var e=this;var r=this.el.querySelector('[slot="suffix"]')!==null;if(r){return h("div",{class:"pds-input__suffix",part:"suffix",ref:function(r){return e.suffixEl=r}},h("slot",{name:"suffix",onSlotchange:function(){return e.updateAddonWidths()}}))}return null};e.prototype.renderPrepend=function(){var e=this.el.querySelector('[slot="prepend"]')!==null;if(e){return h("div",{class:"pds-input__prepend",part:"prepend"},h("slot",{name:"prepend"}))}return null};e.prototype.renderAppend=function(){var e=this.el.querySelector('[slot="append"]')!==null;if(e){return h("div",{class:"pds-input__append",part:"append"},h("slot",{name:"append"}))}return null};e.prototype.renderAction=function(){var e=this.el.querySelector('[slot="action"]')!==null;if(e){return h("div",{class:"pds-input__action",part:"action"},h("slot",{name:"action"}))}return null};e.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},inheritAriaAttributes(this.el));this.hasPrefix=this.el.querySelector('[slot="prefix"]')!==null;this.hasSuffix=this.el.querySelector('[slot="suffix"]')!==null;this.hasPrepend=this.el.querySelector('[slot="prepend"]')!==null;this.hasAppend=this.el.querySelector('[slot="append"]')!==null;this.hasAction=this.el.querySelector('[slot="action"]')!==null;this.originalPdsInput=this.pdsInput};e.prototype.connectedCallback=function(){if(this.el.attachInternals&&!this.internals){this.internals=this.el.attachInternals()}if(this.hasLoaded&&!this.resizeObserver){this.updateAddonWidths();this.observeAddonResize()}};e.prototype.disconnectedCallback=function(){var e;cancelDebouncedEvent(this.pdsInput);(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect();this.resizeObserver=undefined};e.prototype.componentDidLoad=function(){this.hasLoaded=true;this.debounceChanged();this.updateAddonWidths();this.observeAddonResize();this.updateFormValue()};e.prototype.debounceChanged=function(){var e=this,r=e.pdsInput,i=e.debounce,n=e.originalPdsInput;this.pdsInput=i===undefined?n!==null&&n!==void 0?n:r:debounceEvent(r,i);flushDebouncedEvent(r)};e.prototype.valueChanged=function(){var e=this.nativeInput;var r=this.getValue();if(e&&e.value!==r&&!this.isComposing){e.value=r}this.updateFormValue()};e.prototype.getValue=function(){return typeof this.value==="number"?this.value.toString():(this.value||"").toString()};e.prototype.emitValueChange=function(e){var r=this.value;var i=r==null?r:r.toString();this.focusedValue=i;this.pdsChange.emit({value:i,event:e})};e.prototype.emitInputChange=function(e){var r=this.value;var i=r==null?r:r.toString();this.pdsInput.emit({value:i,event:e})};e.prototype.updateFormValue=function(){if(isSpecTest())return;if(this.internals&&this.internals.setFormValue){var e=this.getValue();this.internals.setFormValue(e||null);if(this.nativeInput&&this.internals&&this.internals.setValidity){this.internals.setValidity(this.nativeInput.validity,this.nativeInput.validationMessage,this.nativeInput)}}};e.prototype.formResetCallback=function(){this.value="";this.updateFormValue()};e.prototype.formDisabledCallback=function(e){this.disabled=e};e.prototype.formStateRestoreCallback=function(e){if(typeof e==="string"){this.value=e}else if(e instanceof FormData&&this.name){var r=e.get(this.name);if(typeof r==="string"){this.value=r}}};e.prototype.render=function(){var e=this;var r=this,i=r.componentId,n=r.disabled,t=r.errorMessage,s=r.helperMessage,d=r.invalid,o=d===void 0?false:d,a=r.label;var p=this.getValue();var l={"pds-input__field-wrapper":true,"has-focus":this.hasFocus,"has-error":o||!!t,"is-disabled":n,"has-prefix":this.hasPrefix,"has-suffix":this.hasSuffix,"has-prepend":this.hasPrepend,"has-append":this.hasAppend};return h(Host,{key:"1706e29a68d25a8bb83c36d6bddace04a448f6f5","aria-disabled":this.disabled?"true":null,"aria-readonly":this.readonly?"true":null,"has-prefix":this.hasPrefix?"true":null,"has-suffix":this.hasSuffix?"true":null,"has-prepend":this.hasPrepend?"true":null,"has-append":this.hasAppend?"true":null,"has-action":this.hasAction&&!this.hideLabel?"true":null,"full-width":this.fullWidth?"true":null},h("div",{key:"1488b6ea995c4ffc4068757f566494c0ac073950",class:"pds-input"},a&&h("div",{key:"e2fe4e461e626648ec51882e92e02fea179e3e13",class:{"pds-input__label-wrapper":true,"visually-hidden":this.hideLabel}},h("label",{key:"c926a6fbb3130afdc6c86d509b92fb6650391c4b",htmlFor:i,class:"pds-input__label"},h("span",{key:"dbbaf9d0db49f949f69f1faf848e7c6193e32793"},a,this.required&&h("span",{key:"42e6325a0f5ee276ed92cf2eb71942c268c3d1aa",class:"pds-input__required-indicator"}," *"))),!this.hideLabel&&this.renderAction()),h("div",{key:"4715743733f2d7d3e4edf9ac4ab6d69ffde04d00",class:l},this.renderPrepend(),this.renderPrefix(),h("input",Object.assign({key:"438ac0fc6d497a8227c83e628d29d4633ffc208a",ref:function(r){return e.nativeInput=r},class:"pds-input__field","aria-describedby":assignDescription(i,o,s,t),"aria-invalid":o?"true":undefined,autocomplete:this.autocomplete,disabled:n,id:i,max:this.max,maxlength:this.maxlength,min:this.min,minlength:this.minlength,name:this.name,pattern:this.pattern,placeholder:this.placeholder,readOnly:this.readonly,required:this.required,step:this.step,type:this.type,value:p,onInput:this.onInputEvent,onChange:this.onChangeEvent,onBlur:this.onBlurEvent,onFocus:this.onFocusEvent,onKeyDown:this.onKeyDownEvent,onCompositionstart:this.onCompositionStart,onCompositionend:this.onCompositionEnd},this.inheritedAttributes)),this.renderSuffix(),this.renderAppend()),s&&h("p",{key:"43b5c3a332072f19a38be316565602932c61504d",class:"pds-input__helper-message",id:messageId(i,"helper")},s),t&&h("p",{key:"54fd4fc2dcbc645377edbe4d04cfd82c7d1591e8",class:"pds-input__error-message",id:messageId(i,"error")},h("pds-icon",{key:"2bd509a575ec5c7a548955dd7f706d7c1d42557e","aria-hidden":"true",icon:danger,size:"small"}),t)))};Object.defineProperty(e,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{debounce:[{debounceChanged:0}],value:[{valueChanged:0}]}},enumerable:false,configurable:true});return e}();PdsInput.style=pdsInputTokensCss()+(labelCss()+pdsInputCss());export{PdsInput as pds_input};

package/dist/esm-es5/pds-link.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h}from"./index-Cw9J31qd.js";import{s as setColor}from"./utils-OYK5-nwe.js";import{l as launch}from"./index-BWDu62Mo.js";import"./keep-hydrated-BLG6RDBt.js";var pdsLinkCss=function(){return":host{display:inline}:host pds-icon{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-link{-ms-flex-align:center;align-items:center;color:var(--color, var(--pds-context-link-color, var(--pine-color-text)));display:-ms-inline-flexbox;display:inline-flex;font-weight:var(--pine-font-weight-medium)}.pds-link:focus-visible{border-radius:var(--pine-dimension-2xs);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width-thick);position:relative}.pds-link:hover{color:var(--color, var(--pds-context-link-color-hover, var(--pine-color-text-hover)));text-decoration:none}:host([color=secondary]) .pds-link{color:var(--pine-color-text-primary)}:host([color=secondary]) .pds-link:hover{color:var(--pine-color-text-inverse-secondary)}:host([color=accent]) .pds-link{color:var(--pine-color-accent)}:host([color=accent]) .pds-link:hover{color:var(--pine-color-accent-hover)}:host([color=danger]) .pds-link{color:var(--pine-color-danger)}:host([color=danger]) .pds-link:hover{color:var(--pine-color-danger-hover)}.pds-link--sm{font-size:var(--pine-font-size-body-xs)}.pds-link--sm pds-icon{height:var(--pine-dimension-xs);width:var(--pine-dimension-xs)}.pds-link--md{font-size:var(--pine-font-size-body-sm)}.pds-link--md pds-icon{height:var(--pine-dimension-xs);width:var(--pine-dimension-xs)}.pds-link--lg{font-size:var(--pine-font-size-body-md)}.pds-link--lg pds-icon{height:var(--pine-dimension-sm);width:var(--pine-dimension-sm)}.pds-link--plain{text-decoration:none}.pds-link--plain:hover{color:var(--color, var(--pds-context-link-color-hover, var(--pine-color-text-hover)));text-decoration:underline}:host([active]) .pds-link{color:var(--pds-context-link-color, var(--pine-color-text-strong));text-decoration:underline}:host([active]) .pds-link:hover{color:var(--pds-context-link-color-hover, var(--pine-color-text-strong));text-decoration:underline}"};var PdsLink=function(){function n(n){registerInstance(this,n);this.active=false;this.external=false;this.variant="inline";this.fontSize="lg"}n.prototype.classNames=function(){var n=["pds-link"];if(this.fontSize){n.push("pds-link--"+this.fontSize)}if(this.variant){n.push("pds-link--"+this.variant)}return n.join(" ")};n.prototype.setLinkStyles=function(){if(!this.color)return;var n={secondary:"var(--pine-color-text-primary)",accent:"var(--pine-color-accent)",danger:"var(--pine-color-danger)"};var i=setColor(this.color,n);return i};n.prototype.render=function(){var n=this.target||(this.external?"_blank":undefined);var i=this.external;var e=n==="_blank"?"noopener noreferrer":undefined;return h("a",{key:"3b6f9d19d7f50d0606cf5f3c3a97b85ee4aa63b0",class:this.classNames(),download:this.download,href:this.href,id:this.componentId,part:"link","aria-current":this.active?"page":undefined,target:n,rel:e,style:this.setLinkStyles(),"data-turbo":this.turbo||undefined,"data-turbo-frame":this.turboFrame||undefined,"data-turbo-action":this.turboAction||undefined,"data-turbo-method":this.turboMethod||undefined,"data-turbo-confirm":this.turboConfirm||undefined,"data-turbo-stream":this.turboStream||undefined,"data-turbo-prefetch":this.turboPrefetch||undefined,"data-turbo-preload":this.turboPreload||undefined},h("slot",{key:"a265f1c4c9b6ff089b23906d8f650bfd65b25013"},this.href),i&&h("pds-icon",{key:"9553a8256b6811296ea4b762e32662c1a2f4aecf",icon:launch,size:this.fontSize}))};return n}();PdsLink.style=pdsLinkCss();export{PdsLink as pds_link};
+import{r as registerInstance,h}from"./index-BFSwd-GQ.js";import{s as setColor}from"./utils-OYK5-nwe.js";import{l as launch}from"./index-m3pqpeWg.js";import"./keep-hydrated-BgNaWLoS.js";var pdsLinkCss=function(){return":host{display:inline}:host pds-icon{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-link{-ms-flex-align:center;align-items:center;color:var(--color, var(--pds-context-link-color, var(--pine-color-text)));display:-ms-inline-flexbox;display:inline-flex;font-weight:var(--pine-font-weight-medium)}.pds-link:focus-visible{border-radius:var(--pine-dimension-2xs);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width-thick);position:relative}.pds-link:hover{color:var(--color, var(--pds-context-link-color-hover, var(--pine-color-text-hover)));text-decoration:none}:host([color=secondary]) .pds-link{color:var(--pine-color-text-primary)}:host([color=secondary]) .pds-link:hover{color:var(--pine-color-text-inverse-secondary)}:host([color=accent]) .pds-link{color:var(--pine-color-accent)}:host([color=accent]) .pds-link:hover{color:var(--pine-color-accent-hover)}:host([color=danger]) .pds-link{color:var(--pine-color-danger)}:host([color=danger]) .pds-link:hover{color:var(--pine-color-danger-hover)}.pds-link--sm{font-size:var(--pine-font-size-body-xs)}.pds-link--sm pds-icon{height:var(--pine-dimension-xs);width:var(--pine-dimension-xs)}.pds-link--md{font-size:var(--pine-font-size-body-sm)}.pds-link--md pds-icon{height:var(--pine-dimension-xs);width:var(--pine-dimension-xs)}.pds-link--lg{font-size:var(--pine-font-size-body-md)}.pds-link--lg pds-icon{height:var(--pine-dimension-sm);width:var(--pine-dimension-sm)}.pds-link--plain{text-decoration:none}.pds-link--plain:hover{color:var(--color, var(--pds-context-link-color-hover, var(--pine-color-text-hover)));text-decoration:underline}:host([active]) .pds-link{color:var(--pds-context-link-color, var(--pine-color-text-strong));text-decoration:underline}:host([active]) .pds-link:hover{color:var(--pds-context-link-color-hover, var(--pine-color-text-strong));text-decoration:underline}"};var DEFAULT_EXTERNAL_LABEL="(opens in a new tab)";var PdsLink=function(){function n(n){registerInstance(this,n);this.active=false;this.external=false;this.variant="inline";this.fontSize="lg"}n.prototype.classNames=function(){var n=["pds-link"];if(this.fontSize){n.push("pds-link--"+this.fontSize)}if(this.variant){n.push("pds-link--"+this.variant)}return n.join(" ")};n.prototype.setLinkStyles=function(){if(!this.color)return;var n={secondary:"var(--pine-color-text-primary)",accent:"var(--pine-color-accent)",danger:"var(--pine-color-danger)"};var e=setColor(this.color,n);return e};n.prototype.render=function(){var n;var e=this.target||(this.external?"_blank":undefined);var i=this.external;var o=e==="_blank";var r=o?"noopener noreferrer":undefined;var t=(n=this.externalLabel)!==null&&n!==void 0?n:DEFAULT_EXTERNAL_LABEL;var s=o&&t!==""?t:undefined;return h("a",{key:"ae7928aa6dce42657545a1d17581818d3724746f",class:this.classNames(),download:this.download,href:this.href,id:this.componentId,part:"link","aria-current":this.active?"page":undefined,target:e,rel:r,style:this.setLinkStyles(),"data-turbo":this.turbo||undefined,"data-turbo-frame":this.turboFrame||undefined,"data-turbo-action":this.turboAction||undefined,"data-turbo-method":this.turboMethod||undefined,"data-turbo-confirm":this.turboConfirm||undefined,"data-turbo-stream":this.turboStream||undefined,"data-turbo-prefetch":this.turboPrefetch||undefined,"data-turbo-preload":this.turboPreload||undefined},h("slot",{key:"e61374c58fddec869f2f5dda54634a0b1ba9f345"},this.href),i&&h("pds-icon",{key:"161657146e5f3ce360480c573ea8f14c9012cb1f",icon:launch,size:this.fontSize,"aria-label":s,"aria-hidden":s===undefined?"true":undefined}))};return n}();PdsLink.style=pdsLinkCss();export{PdsLink as pds_link};

package/dist/esm-es5/pds-loader.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host,a as getElement}from"./index-Cw9J31qd.js";import{H as HostStylingKeeper}from"./attributes-WXw_I_uJ.js";import{r as restoreReflectedDefault}from"./reflected-attribute-default-t3idJwV0.js";import"./keep-hydrated-BLG6RDBt.js";var pdsLoaderCss=function(){return":host{--loader-color:var(--pine-color-primary);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-xs)}:host(.pds-loader--hidden),.pds-loader--hidden{border-width:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-loader--spinner svg{--number-spinner-timing:2s;--number-spinner-path-timing:1.5s;-webkit-animation:rotate var(--number-spinner-timing) linear infinite;animation:rotate var(--number-spinner-timing) linear infinite;color:var(--loader-color)}.pds-loader__spinner-path{stroke-width:8px}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.pds-loader--typing{--number-typing-timing:1s;--opacity-typing-dot-default:0.4;--opacity-typing-dot-active:1;-ms-flex-align:center;align-items:center;background-color:var(--pine-color-background-muted);border-radius:var(--pine-dimension-sm);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);display:-ms-inline-flexbox;display:inline-flex;gap:var(--pine-dimension-2xs);margin-block:var(--pine-dimension-none);margin-inline:auto;padding-block:15px;padding-inline:20px;position:relative}.pds-loader--typing span{background-color:var(--pine-color-border-hover);block-size:6px;border-radius:var(--pine-border-radius-full);inline-size:6px;opacity:var(--opacity-typing-dot-default)}.pds-loader--typing span:nth-of-type(1){-webkit-animation:var(--number-typing-timing) typing infinite 0.3333s;animation:var(--number-typing-timing) typing infinite 0.3333s}.pds-loader--typing span:nth-of-type(2){-webkit-animation:var(--number-typing-timing) typing infinite 0.6666s;animation:var(--number-typing-timing) typing infinite 0.6666s}.pds-loader--typing span:nth-of-type(3){-webkit-animation:var(--number-typing-timing) typing infinite 0.9999s;animation:var(--number-typing-timing) typing infinite 0.9999s}@-webkit-keyframes typing{50%{opacity:var(--opacity-typing-dot-active);-webkit-transform:scale(1.25);transform:scale(1.25)}}@keyframes typing{50%{opacity:var(--opacity-typing-dot-active);-webkit-transform:scale(1.25);transform:scale(1.25)}}.pds-loader__label{--typography-label-default:var(--pine-font-weight-medium) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-body);font:var(--typography-label-default)}"};var PdsLoader=function(){function e(e){var i=this;registerInstance(this,e);this.hostKeeper=new HostStylingKeeper;this.isLoading=true;this.showLabel=false;this.size="md";this.variant="spinner";this.getSvgStyle=function(){if(i.size!==undefined){return{height:i.loaderSize(),width:i.loaderSize()}}}}e.prototype.connectedCallback=function(){this.hostKeeper.connect(this.el)};e.prototype.disconnectedCallback=function(){this.hostKeeper.disconnect()};e.prototype.restoreSizeDefault=function(e){this.size=restoreReflectedDefault(this.el,"size",e,"md")};e.prototype.loaderSize=function(){var e={xs:"24px",sm:"32px",md:"48px",lg:"64px",xl:"80px"};if(e[this.size]){return e[this.size]}else{return this.size}};e.prototype.render=function(){var e="pds-loader ".concat(this.isLoading?"":"pds-loader--hidden");var i={"aria-hidden":this.isLoading?null:"true","aria-busy":this.isLoading?"true":null,"aria-live":"polite"};this.hostKeeper.record(e,{},i);return h(Host,Object.assign({key:"c42c1aeec5c8db9a1065f35492734a8cb265f3ce",class:e},i),this.variant==="spinner"&&h("div",{key:"dc1b7943709d03e02467cca0817fb6a7ad5ed10a",class:"pds-loader--spinner"},h("svg",{key:"db38e607541ac1eb91be87b2cd0240341c8fb51d",style:this.getSvgStyle(),viewBox:"0 0 200 200",fill:"none",part:"loader-svg"},h("defs",{key:"d734ef70b0039758a25881c22bb3e6453ac40012"},h("linearGradient",{key:"697627f516c5f7b4cd5351dd39de231c0cb9e429",id:"spinner-secondHalf"},h("stop",{key:"03082c0ec354685eebf7d0132202d54b083d26df",offset:"0%","stop-opacity":"0","stop-color":"currentColor"}),h("stop",{key:"181b661b36aeb44943e20dec513f7265a9487004",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"})),h("linearGradient",{key:"67f6c51aefe99bcbfdb741290337364501fc4fcb",id:"spinner-firstHalf"},h("stop",{key:"cb6adf27ecb06b42ba572a702153de960491b0b6",offset:"0%","stop-opacity":"1","stop-color":"currentColor"}),h("stop",{key:"aeebabfa1ac00391937388feefa120bd0bb4d26c",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"}))),h("g",{key:"f06ca75e4df171b6db426fce9bc34076cfee5bca",class:"pds-loader__spinner-path"},h("path",{key:"a278b37de8f77a1000efecb62b89e3f751712a98",stroke:"url(#spinner-secondHalf)",d:"M 4 100 A 96 96 0 0 1 196 100"}),h("path",{key:"a035add4d01b60bcebf7625c8730d6a41ddf40ff",stroke:"url(#spinner-firstHalf)",d:"M 196 100 A 96 96 0 0 1 4 100"}),h("path",{key:"1189c8299d33a2a6bb6a8345b60f22bf4ad9beee",stroke:"currentColor","stroke-linecap":"round",d:"M 4 100 A 96 96 0 0 1 4 98"})))),this.variant==="typing"&&h("div",{key:"39826fae20e8826d9c73cf57ba938583d610e1ea",class:"pds-loader--typing"},h("span",{key:"8f2b837c79548a1080710a7cc30c3be3a051e1dd"}),h("span",{key:"8efb1193ef51f110950861767eccc3896e90b81e"}),h("span",{key:"366f2d205adbb043691c253cff17d2d29d56a2cc"})),h("div",{key:"aeaa4aa12863b34088e84fd2791c2ce32dc05248",class:"pds-loader__label ".concat(this.showLabel?"":"pds-loader--hidden")},h("slot",{key:"7a8ec45aed1cd6f9e60f4db2ec5376439fa41c81",name:"label"},"Loading...")))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{size:[{restoreSizeDefault:0}]}},enumerable:false,configurable:true});return e}();PdsLoader.style=pdsLoaderCss();export{PdsLoader as pds_loader};
+import{r as registerInstance,h,H as Host,a as getElement}from"./index-BFSwd-GQ.js";import{H as HostStylingKeeper}from"./attributes-DkeVeN0g.js";import{r as restoreReflectedDefault}from"./reflected-attribute-default-t3idJwV0.js";import"./keep-hydrated-BgNaWLoS.js";var pdsLoaderCss=function(){return":host{--loader-color:var(--pine-color-primary);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-xs)}:host(.pds-loader--hidden),.pds-loader--hidden{border-width:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-loader--spinner svg{--number-spinner-timing:2s;--number-spinner-path-timing:1.5s;-webkit-animation:rotate var(--number-spinner-timing) linear infinite;animation:rotate var(--number-spinner-timing) linear infinite;color:var(--loader-color)}.pds-loader__spinner-path{stroke-width:8px}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.pds-loader--typing{--number-typing-timing:1s;--opacity-typing-dot-default:0.4;--opacity-typing-dot-active:1;-ms-flex-align:center;align-items:center;background-color:var(--pine-color-background-muted);border-radius:var(--pine-dimension-sm);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);display:-ms-inline-flexbox;display:inline-flex;gap:var(--pine-dimension-2xs);margin-block:var(--pine-dimension-none);margin-inline:auto;padding-block:15px;padding-inline:20px;position:relative}.pds-loader--typing span{background-color:var(--pine-color-border-hover);block-size:6px;border-radius:var(--pine-border-radius-full);inline-size:6px;opacity:var(--opacity-typing-dot-default)}.pds-loader--typing span:nth-of-type(1){-webkit-animation:var(--number-typing-timing) typing infinite 0.3333s;animation:var(--number-typing-timing) typing infinite 0.3333s}.pds-loader--typing span:nth-of-type(2){-webkit-animation:var(--number-typing-timing) typing infinite 0.6666s;animation:var(--number-typing-timing) typing infinite 0.6666s}.pds-loader--typing span:nth-of-type(3){-webkit-animation:var(--number-typing-timing) typing infinite 0.9999s;animation:var(--number-typing-timing) typing infinite 0.9999s}@-webkit-keyframes typing{50%{opacity:var(--opacity-typing-dot-active);-webkit-transform:scale(1.25);transform:scale(1.25)}}@keyframes typing{50%{opacity:var(--opacity-typing-dot-active);-webkit-transform:scale(1.25);transform:scale(1.25)}}.pds-loader__label{--typography-label-default:var(--pine-font-weight-medium) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-body);font:var(--typography-label-default)}"};var PdsLoader=function(){function e(e){var i=this;registerInstance(this,e);this.hostKeeper=new HostStylingKeeper;this.isLoading=true;this.showLabel=false;this.size="md";this.variant="spinner";this.getSvgStyle=function(){if(i.size!==undefined){return{height:i.loaderSize(),width:i.loaderSize()}}}}e.prototype.connectedCallback=function(){this.hostKeeper.connect(this.el)};e.prototype.disconnectedCallback=function(){this.hostKeeper.disconnect()};e.prototype.restoreSizeDefault=function(e){this.size=restoreReflectedDefault(this.el,"size",e,"md")};e.prototype.loaderSize=function(){var e={xs:"24px",sm:"32px",md:"48px",lg:"64px",xl:"80px"};if(e[this.size]){return e[this.size]}else{return this.size}};e.prototype.render=function(){var e="pds-loader ".concat(this.isLoading?"":"pds-loader--hidden");var i={"aria-hidden":this.isLoading?null:"true","aria-busy":this.isLoading?"true":null,"aria-live":"polite"};this.hostKeeper.record(e,{},i);return h(Host,Object.assign({key:"eaf8a64d5c2e37349ed2d2426a6c6bf1df68005f",class:e},i),this.variant==="spinner"&&h("div",{key:"216143117aabd29ca52c56cd7951a27f9742e466",class:"pds-loader--spinner"},h("svg",{key:"9c9db37e883fb3a4ba5e0c7c173a5d7a76cdadda",style:this.getSvgStyle(),viewBox:"0 0 200 200",fill:"none",part:"loader-svg"},h("defs",{key:"8f65f537290ea2dd96b66343324851d243fec3dd"},h("linearGradient",{key:"8b1a53bcc9401b98dafa805cae8e417af7646bfd",id:"spinner-secondHalf"},h("stop",{key:"f06605f7180e9c07d5eb4c9dbadcdb87cee0dd70",offset:"0%","stop-opacity":"0","stop-color":"currentColor"}),h("stop",{key:"0bf492e4d5578bd0d98a2f7570a1dd21ca2ecf3d",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"})),h("linearGradient",{key:"6c7038c158d786866a408063b07b236bf17cefc1",id:"spinner-firstHalf"},h("stop",{key:"916502c73bc4b78368bb210aed318537841917b9",offset:"0%","stop-opacity":"1","stop-color":"currentColor"}),h("stop",{key:"2d20708106bb3a685fbaf4bdcf099684a36359c0",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"}))),h("g",{key:"93165f80e7d5155b3dc8f2fc62e326bec7604c57",class:"pds-loader__spinner-path"},h("path",{key:"4b1e39a899aadf9d4b4cbf954c783c1103c43c24",stroke:"url(#spinner-secondHalf)",d:"M 4 100 A 96 96 0 0 1 196 100"}),h("path",{key:"0aa1683dc97e2a01cc076a52a4883388c1d09c6f",stroke:"url(#spinner-firstHalf)",d:"M 196 100 A 96 96 0 0 1 4 100"}),h("path",{key:"9839fb9e0b473814d3b10eb27f7be87990b6c088",stroke:"currentColor","stroke-linecap":"round",d:"M 4 100 A 96 96 0 0 1 4 98"})))),this.variant==="typing"&&h("div",{key:"d83e4625ea2d41a545a98e08edb3033b83e7eb5b",class:"pds-loader--typing"},h("span",{key:"2e793f3f5b17cb7709c8fc89e2054d7cd77fafd4"}),h("span",{key:"c266ad3b8edf6c1cc392c544027f7cfd543b711c"}),h("span",{key:"061f9e3030cce603e50e8d86d3aa5036800c1324"})),h("div",{key:"747c1c6c28136cfb9ba9dac0d4944bc6281af075",class:"pds-loader__label ".concat(this.showLabel?"":"pds-loader--hidden")},h("slot",{key:"5eb5a5710deafa10bd269429edff0ac677546cf5",name:"label"},"Loading...")))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{size:[{restoreSizeDefault:0}]}},enumerable:false,configurable:true});return e}();PdsLoader.style=pdsLoaderCss();export{PdsLoader as pds_loader};

package/dist/esm-es5/pds-modal-content.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host,a as getElement}from"./index-Cw9J31qd.js";import{u as unwrapReconnectedContent}from"./reconnected-content-RFpTWV6r.js";import"./keep-hydrated-BLG6RDBt.js";var pdsModalContentCss=function(){return"pds-modal-content{display:block;-ms-flex:1 1 auto;flex:1 1 auto;width:100%}pds-modal-content:has(.pds-modal-content.pds-modal-content--border-none){border:0}pds-modal-content:has(.pds-modal-content.pds-modal-content--border-both){-webkit-border-after:1px solid var(--pine-color-border-subtle);border-block-end:1px solid var(--pine-color-border-subtle);-webkit-border-before:1px solid var(--pine-color-border-subtle);border-block-start:1px solid var(--pine-color-border-subtle)}pds-modal-content:has(.pds-modal-content.pds-modal-content--border-top){-webkit-border-before:1px solid var(--pine-color-border-subtle);border-block-start:1px solid var(--pine-color-border-subtle)}pds-modal-content:has(.pds-modal-content.pds-modal-content--border-bottom){-webkit-border-after:1px solid var(--pine-color-border-subtle);border-block-end:1px solid var(--pine-color-border-subtle)}.pds-modal-content{display:block;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;width:100%}"};var PdsModalContent=function(){function t(t){var e=this;registerInstance(this,t);this.border="none";this.contentMaxHeight="none";this.userSetBorder=false;this.hasLoaded=false;this.handleScroll=function(){e.updateBorders()};this.handleResize=function(){e.calculateMaxHeight();setTimeout((function(){return e.updateBorders()}),50)}}t.prototype.componentDidRender=function(){unwrapReconnectedContent(this.el.querySelector(".pds-modal-content"),".pds-modal-content")};t.prototype.componentWillLoad=function(){var t=this.el.getAttribute("border");var e=t!==null;this.userSetBorder=e||this.border!=="none"};t.prototype.componentDidLoad=function(){var t=this;this.hasLoaded=true;this.calculateMaxHeight();if(!this.userSetBorder){setTimeout((function(){return t.updateBorders()}),200)}};t.prototype.connectedCallback=function(){window.addEventListener("resize",this.handleResize);this.el.addEventListener("scroll",this.handleScroll);if(this.hasLoaded)this.calculateMaxHeight()};t.prototype.disconnectedCallback=function(){window.removeEventListener("resize",this.handleResize);this.el.removeEventListener("scroll",this.handleScroll);if(this.mutationObserver){this.mutationObserver.disconnect();this.mutationObserver=undefined}};t.prototype.updateBorders=function(){if(this.userSetBorder){return}var t=this.el.closest("pds-modal");if(!t)return;var e=t.scrollable!==false;if(!e){this.border="none";return}var o=this.el;var n=o.scrollHeight>o.clientHeight;if(!n){this.border="none";return}var r=o.scrollTop,s=o.scrollHeight,i=o.clientHeight;var d=r+i;var a=3;var l=r<=a;var c=d>=s-a;if(l&&c){this.border="none"}else if(l&&!c){this.border="bottom"}else if(!l&&c){this.border="top"}else{this.border="both"}};t.prototype.calculateMaxHeight=function(){var t=this;var e=this.el.closest("pds-modal");if(!e)return;var o=e.scrollable!==false;setTimeout((function(){if(!o){t.contentMaxHeight="none";var n=t.el.querySelector(".pds-modal-content");if(n){n.style.maxHeight="none"}return}var r=e.querySelector("pds-modal-header");var s=e.querySelector("pds-modal-footer");var i=r?r.offsetHeight:0;var d=s?s.offsetHeight:0;if(i>0||d>0){var a=Math.round(window.innerHeight*.06);var l=i+d+48+a+50;t.contentMaxHeight="calc(100vh - ".concat(l,"px)");var n=t.el.querySelector(".pds-modal-content");if(n){n.style.maxHeight=t.contentMaxHeight}}else{t.contentMaxHeight="none"}setTimeout((function(){return t.updateBorders()}),150)}),100);if(!this.mutationObserver&&e){this.mutationObserver=new MutationObserver((function(){t.calculateMaxHeight()}));this.mutationObserver.observe(e,{childList:true,subtree:true,attributes:true,attributeFilter:["style","class"]})}};t.prototype.render=function(){var t;var e=this.contentMaxHeight!=="none"?{maxHeight:this.contentMaxHeight}:{};return h(Host,{key:"c83e230d23444e3d5358d995170e2b8386884fe8"},h("div",{key:"b91de2c71e693b5a1ba2b257d741e7b0418c2d76",class:(t={"pds-modal-content":true},t["pds-modal-content--border-".concat(this.border)]=true,t),style:e,tabindex:"-1"},h("slot",{key:"971cbd44ffeac4bb13a651948a119c603bed9e4f"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();PdsModalContent.style=pdsModalContentCss();export{PdsModalContent as pds_modal_content};
+import{r as registerInstance,h,H as Host,a as getElement}from"./index-BFSwd-GQ.js";import{u as unwrapReconnectedContent}from"./reconnected-content-RFpTWV6r.js";import"./keep-hydrated-BgNaWLoS.js";var pdsModalContentCss=function(){return"pds-modal-content{display:block;-ms-flex:1 1 auto;flex:1 1 auto;width:100%}pds-modal-content:has(.pds-modal-content.pds-modal-content--border-none){border:0}pds-modal-content:has(.pds-modal-content.pds-modal-content--border-both){-webkit-border-after:1px solid var(--pine-color-border-subtle);border-block-end:1px solid var(--pine-color-border-subtle);-webkit-border-before:1px solid var(--pine-color-border-subtle);border-block-start:1px solid var(--pine-color-border-subtle)}pds-modal-content:has(.pds-modal-content.pds-modal-content--border-top){-webkit-border-before:1px solid var(--pine-color-border-subtle);border-block-start:1px solid var(--pine-color-border-subtle)}pds-modal-content:has(.pds-modal-content.pds-modal-content--border-bottom){-webkit-border-after:1px solid var(--pine-color-border-subtle);border-block-end:1px solid var(--pine-color-border-subtle)}.pds-modal-content{display:block;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;width:100%}"};var PdsModalContent=function(){function t(t){var e=this;registerInstance(this,t);this.border="none";this.contentMaxHeight="none";this.userSetBorder=false;this.hasLoaded=false;this.handleScroll=function(){e.updateBorders()};this.handleResize=function(){e.calculateMaxHeight();setTimeout((function(){return e.updateBorders()}),50)}}t.prototype.componentDidRender=function(){unwrapReconnectedContent(this.el.querySelector(".pds-modal-content"),".pds-modal-content")};t.prototype.componentWillLoad=function(){var t=this.el.getAttribute("border");var e=t!==null;this.userSetBorder=e||this.border!=="none"};t.prototype.componentDidLoad=function(){var t=this;this.hasLoaded=true;this.calculateMaxHeight();if(!this.userSetBorder){setTimeout((function(){return t.updateBorders()}),200)}};t.prototype.connectedCallback=function(){window.addEventListener("resize",this.handleResize);this.el.addEventListener("scroll",this.handleScroll);if(this.hasLoaded)this.calculateMaxHeight()};t.prototype.disconnectedCallback=function(){window.removeEventListener("resize",this.handleResize);this.el.removeEventListener("scroll",this.handleScroll);if(this.mutationObserver){this.mutationObserver.disconnect();this.mutationObserver=undefined}};t.prototype.updateBorders=function(){if(this.userSetBorder){return}var t=this.el.closest("pds-modal");if(!t)return;var e=t.scrollable!==false;if(!e){this.border="none";return}var o=this.el;var n=o.scrollHeight>o.clientHeight;if(!n){this.border="none";return}var r=o.scrollTop,s=o.scrollHeight,i=o.clientHeight;var a=r+i;var d=3;var l=r<=d;var c=a>=s-d;if(l&&c){this.border="none"}else if(l&&!c){this.border="bottom"}else if(!l&&c){this.border="top"}else{this.border="both"}};t.prototype.calculateMaxHeight=function(){var t=this;var e=this.el.closest("pds-modal");if(!e)return;var o=e.scrollable!==false;setTimeout((function(){if(!o){t.contentMaxHeight="none";var n=t.el.querySelector(".pds-modal-content");if(n){n.style.maxHeight="none"}return}var r=e.querySelector("pds-modal-header");var s=e.querySelector("pds-modal-footer");var i=r?r.offsetHeight:0;var a=s?s.offsetHeight:0;if(i>0||a>0){var d=Math.round(window.innerHeight*.06);var l=i+a+48+d+50;t.contentMaxHeight="calc(100vh - ".concat(l,"px)");var n=t.el.querySelector(".pds-modal-content");if(n){n.style.maxHeight=t.contentMaxHeight}}else{t.contentMaxHeight="none"}setTimeout((function(){return t.updateBorders()}),150)}),100);if(!this.mutationObserver&&e){this.mutationObserver=new MutationObserver((function(){t.calculateMaxHeight()}));this.mutationObserver.observe(e,{childList:true,subtree:true,attributes:true,attributeFilter:["style","class"]})}};t.prototype.render=function(){var t;var e=this.contentMaxHeight!=="none"?{maxHeight:this.contentMaxHeight}:{};return h(Host,{key:"b4200778f186c45a1917646ba2e0e4e623959951"},h("div",{key:"39eaaf228e5441f5c0fd628c47be079fb4e07e0f",class:(t={"pds-modal-content":true},t["pds-modal-content--border-".concat(this.border)]=true,t),style:e,tabindex:"-1"},h("slot",{key:"ac31a9b81941b8b3abbac3a67c25bacaa54e6840"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();PdsModalContent.style=pdsModalContentCss();export{PdsModalContent as pds_modal_content};

package/dist/esm-es5/pds-modal-footer.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,a as getElement}from"./index-Cw9J31qd.js";import{u as unwrapReconnectedContent}from"./reconnected-content-RFpTWV6r.js";import"./keep-hydrated-BLG6RDBt.js";var pdsModalFooterCss=function(){return"pds-modal-footer{display:block;width:100%}.pds-modal__footer{width:100%}"};var PdsModalFooter=function(){function e(e){registerInstance(this,e)}e.prototype.componentDidRender=function(){unwrapReconnectedContent(this.el.querySelector(".pds-modal__footer"),".pds-modal__footer")};e.prototype.render=function(){return h("footer",{key:"030153b84f1ea1cb133c9ccec3ad86583995974f",class:"pds-modal__footer"},h("slot",{key:"3a479e7047f3e845a65c37d60539648c8ff78602"}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PdsModalFooter.style=pdsModalFooterCss();export{PdsModalFooter as pds_modal_footer};
+import{r as registerInstance,h,a as getElement}from"./index-BFSwd-GQ.js";import{u as unwrapReconnectedContent}from"./reconnected-content-RFpTWV6r.js";import"./keep-hydrated-BgNaWLoS.js";var pdsModalFooterCss=function(){return"pds-modal-footer{display:block;width:100%}.pds-modal__footer{width:100%}"};var PdsModalFooter=function(){function e(e){registerInstance(this,e)}e.prototype.componentDidRender=function(){unwrapReconnectedContent(this.el.querySelector(".pds-modal__footer"),".pds-modal__footer")};e.prototype.render=function(){return h("footer",{key:"c0d50408471355d80759112e63f58c8a34fb7906",class:"pds-modal__footer"},h("slot",{key:"6566d446457be8b57e37bf1542a5863b0018d233"}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PdsModalFooter.style=pdsModalFooterCss();export{PdsModalFooter as pds_modal_footer};

package/dist/esm-es5/pds-modal-header.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,a as getElement}from"./index-Cw9J31qd.js";import{u as unwrapReconnectedContent}from"./reconnected-content-RFpTWV6r.js";import"./keep-hydrated-BLG6RDBt.js";var pdsModalHeaderCss=function(){return"pds-modal-header{display:block;width:100%}.pds-modal__header{width:100%}"};var PdsModalHeader=function(){function e(e){registerInstance(this,e)}e.prototype.componentDidRender=function(){unwrapReconnectedContent(this.el.querySelector(".pds-modal__header"),".pds-modal__header")};e.prototype.render=function(){return h("header",{key:"ee3ac5fb9b00a943aa86c3434ea07291b74d776c",class:"pds-modal__header"},h("slot",{key:"0b0f7ff257635723099c536648a826be8dcc05e7"}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PdsModalHeader.style=pdsModalHeaderCss();export{PdsModalHeader as pds_modal_header};
+import{r as registerInstance,h,a as getElement}from"./index-BFSwd-GQ.js";import{u as unwrapReconnectedContent}from"./reconnected-content-RFpTWV6r.js";import"./keep-hydrated-BgNaWLoS.js";var pdsModalHeaderCss=function(){return"pds-modal-header{display:block;width:100%}.pds-modal__header{width:100%}"};var PdsModalHeader=function(){function e(e){registerInstance(this,e)}e.prototype.componentDidRender=function(){unwrapReconnectedContent(this.el.querySelector(".pds-modal__header"),".pds-modal__header")};e.prototype.render=function(){return h("header",{key:"eb295ff36fd23b7965296b6dfcfcf783a32079a0",class:"pds-modal__header"},h("slot",{key:"9c97566ff79f8d9b233d814395d5a7e893751a06"}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PdsModalHeader.style=pdsModalHeaderCss();export{PdsModalHeader as pds_modal_header};

package/dist/esm-es5/pds-modal.entry.js

@@ -1 +1 @@
-import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,a as getElement}from"./index-Cw9J31qd.js";import{a as closest}from"./closest-DHPzKMVS.js";import{u as unwrapReconnectedContent}from"./reconnected-content-RFpTWV6r.js";import"./keep-hydrated-BLG6RDBt.js";var pdsModalCss=function(){return'.pds-modal__backdrop{-ms-flex-align:start;align-items:flex-start;background-color:rgba(0, 0, 0, 0.4);border:0;display:-ms-flexbox;display:flex;height:100%;inset:0;-ms-flex-pack:center;justify-content:center;margin:0;max-height:100%;max-width:100%;opacity:0;padding:0;position:fixed;-webkit-transition:opacity var(--pine-motion-duration-base) var(--pine-motion-easing-in), visibility var(--pine-motion-duration-base) var(--pine-motion-easing-in);transition:opacity var(--pine-motion-duration-base) var(--pine-motion-easing-in), visibility var(--pine-motion-duration-base) var(--pine-motion-easing-in);visibility:hidden;width:100%;z-index:var(--pine-z-index-modal)}@supports ((-webkit-backdrop-filter: blur(3px)) or (backdrop-filter: blur(3px))){.pds-modal__backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}pds-modal .pds-modal__backdrop{z-index:var(--pine-z-index-priority)}.pds-modal__backdrop::-webkit-backdrop{background:transparent}.pds-modal__backdrop::-ms-backdrop{background:transparent}.pds-modal__backdrop::backdrop{background:transparent}.pds-modal__backdrop[aria-modal=false]{overflow:auto;-ms-scroll-chaining:none;overscroll-behavior:contain}@supports ((-webkit-backdrop-filter: blur(3px)) or (backdrop-filter: blur(3px))){.pds-modal__backdrop[aria-modal=false]{-webkit-backdrop-filter:none;backdrop-filter:none}.pds-modal__backdrop[aria-modal=false]::before{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);content:"";inset:0;position:fixed;z-index:-1}}.pds-modal__backdrop.open{opacity:1;-webkit-transition-timing-function:var(--pine-motion-easing-out);transition-timing-function:var(--pine-motion-easing-out);visibility:visible}.pds-modal{background:var(--pine-color-background-overlay);border-radius:var(--pine-dimension-sm);-webkit-box-shadow:var(--pine-box-shadow-400);box-shadow:var(--pine-box-shadow-400);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:var(--pine-dimension-md);max-height:none;width:100%}.pds-modal.pds-modal--scrollable{max-height:calc(100vh - (5vh + 96px))}@supports (height: 100dvh){.pds-modal.pds-modal--scrollable{max-height:calc(100dvh - (5dvh + 96px))}}@media (min-width: 992px){.pds-modal{-webkit-margin-before:6vh;margin-block-start:6vh}@supports (height: 100dvh){.pds-modal{-webkit-margin-before:6dvh;margin-block-start:6dvh}}}@media (min-width: 1200px){.pds-modal{-webkit-margin-before:8vh;margin-block-start:8vh}@supports (height: 100dvh){.pds-modal{-webkit-margin-before:8dvh;margin-block-start:8dvh}}}.pds-modal--sm{max-width:520px}.pds-modal--md{max-width:700px}.pds-modal--lg{max-width:900px}.pds-modal--custom{max-width:var(--pds-modal-max-width, 700px)}.pds-modal--fullscreen{border-radius:0;height:100%;margin:0;max-height:100vh;max-width:100%}@supports (height: 100dvh){.pds-modal--fullscreen{max-height:100dvh}}.pds-modal--fullscreen.pds-modal--scrollable{max-height:100vh}@supports (height: 100dvh){.pds-modal--fullscreen.pds-modal--scrollable{max-height:100dvh}}.pds-modal--fullscreen .pds-modal-content{-ms-flex:1;flex:1}.pds-modal--scrollable pds-modal-content{-webkit-border-after:1px solid transparent;border-block-end:1px solid transparent;-webkit-border-before:1px solid transparent;border-block-start:1px solid transparent;overflow-y:auto}.pds-modal:not(.pds-modal--scrollable) pds-modal-content{overflow-y:visible}'};var PRESET_SIZES=["sm","md","lg","fullscreen"];var isCustomLength=function(e){return/^[a-z0-9.%+\-*/(), ]+$/i.test(e)&&/\d/.test(e)&&(typeof CSS==="undefined"||CSS.supports("max-width",e))};var TABBABLE=["a[href]","area[href]","button",'input:not([type="hidden"])',"select","textarea","iframe","summary",'[contenteditable]:not([contenteditable="false"])',"[tabindex]"].join(",");function collectTabbable(e,t){for(var n=0,i=Array.from(e.children);n<i.length;n++){var o=i[n];visitTabbable(o,t)}}var isTabStop=function(e){var t;return e.tabIndex>=0||e.isContentEditable&&!e.hasAttribute("tabindex")&&!((t=e.parentElement)===null||t===void 0?void 0:t.isContentEditable)};function visitTabbable(e,t){var n,i,o,r;if(e.hasAttribute("inert"))return;if(e.localName==="slot"){var a=e;if(((i=(n=a.assignedNodes)===null||n===void 0?void 0:n.call(a,{flatten:true}))!==null&&i!==void 0?i:[]).length===0)return collectTabbable(e,t);for(var d=0,s=a.assignedElements({flatten:true});d<s.length;d++){var l=s[d];visitTabbable(l,t)}return}var u=((o=e.shadowRoot)===null||o===void 0?void 0:o.delegatesFocus)===true;if(e instanceof HTMLElement&&!u&&isTabStop(e)&&e.matches(TABBABLE)&&!e.matches(":disabled")){t.push(e)}collectTabbable((r=e.shadowRoot)!==null&&r!==void 0?r:e,t)}var groupedRadio=function(e){return e instanceof HTMLInputElement&&e.type==="radio"&&e.name!==""?e:null};function oneRadioPerGroup(e){var t=[];var n=function(e){var n=groupedRadio(e);if(n===null)return"continue";var i=t.find((function(e){var t=e[0];return t.name===n.name&&t.form===n.form&&t.getRootNode()===n.getRootNode()}));if(i)i.push(n);else t.push([n])};for(var i=0,o=e;i<o.length;i++){var r=o[i];n(r)}var a=new Set(t.map((function(e){var t;return(t=e.find((function(e){return e.checked})))!==null&&t!==void 0?t:e[0]})));return e.filter((function(e){return groupedRadio(e)===null||a.has(e)}))}function tabbableIn(e){var t=[];collectTabbable(e,t);var n=t.filter((function(e){if(typeof e.checkVisibility==="function")return e.checkVisibility({checkVisibilityCSS:true});var t=window.getComputedStyle(e);return t.display!=="none"&&t.visibility!=="hidden"}));return oneRadioPerGroup(n)}function containsComposed(e,t){for(var n=t;n;n=n instanceof ShadowRoot?n.host:n.parentNode){if(n===e)return true}return false}var openModals=new Map;var openSequence=0;function hasOpenPopover(e){if(e.querySelector("[data-pds-popover-open]"))return true;return Array.from(e.querySelectorAll("*")).some((function(e){return!!e.shadowRoot&&hasOpenPopover(e.shadowRoot)}))}function precedesComposed(e,t){for(var n=e;n;n=n.getRootNode().host){for(var i=t;i;i=i.getRootNode().host){if(n.getRootNode()===i.getRootNode()){return!!(n.compareDocumentPosition(i)&Node.DOCUMENT_POSITION_FOLLOWING)}}}return false}function deepActiveElement(){var e;var t=document.activeElement;while((e=t===null||t===void 0?void 0:t.shadowRoot)===null||e===void 0?void 0:e.activeElement)t=t.shadowRoot.activeElement;return t}var PdsModal=function(){function e(e){var t=this;registerInstance(this,e);this.pdsModalOpen=createEvent(this,"pdsModalOpen");this.pdsModalClose=createEvent(this,"pdsModalClose");this.focusableElements=[];this.backdropDismiss=true;this.open=false;this.size="md";this.scrollable=true;this.disableTopLayer=false;this.disableInitialFocus=false;this.focusableElementsArray=[];this.handleCancel=function(e){e.preventDefault();if(!t.open)return;var n=t.innermostOpenModal();var i=n&&containsComposed(t.el,n)?n:t.el;if(i.backdropDismiss)i.hideModal()};this.handleBackdropClick=function(e){if(!t.backdropDismiss||!t.open)return;if(e.target===t.modalRef){e.stopPropagation();if(t.innermostOpenModal()===t.el){t.hideModal()}}};this.handleKeyDown=function(e){var n,i,o,r;if(!t.open)return;if(e.key==="Escape"){var a=e;if(!("__pdsActiveElementAtEscape"in a)){var d=document.activeElement;a.__pdsActiveElementAtEscape=d;a.__pdsDeepActiveElementAtEscape=deepActiveElement();var s=(n=d===null||d===void 0?void 0:d.closest("dialog"))!==null&&n!==void 0?n:null;a.__pdsTopLayerDialogAtEscape=s;a.__pdsTopLayerDialogWasModalAtEscape=!!(s&&s.matches(":modal"));a.__pdsEscapeHandledInside=e.defaultPrevented;a.__pdsInnermostModalAtEscape=t.innermostOpenModal()}if(a.__pdsEscapeHandledInside)return;var l=a.__pdsActiveElementAtEscape;if(t.disableTopLayer&&l&&l!==document.body&&!containsComposed(t.el,(i=a.__pdsDeepActiveElementAtEscape)!==null&&i!==void 0?i:l)&&t.isStackedAboveOverlay(l,(o=a.__pdsTopLayerDialogAtEscape)!==null&&o!==void 0?o:null,(r=a.__pdsTopLayerDialogWasModalAtEscape)!==null&&r!==void 0?r:false)){return}if(t.modalRef&&hasOpenPopover(t.modalRef))return;e.preventDefault();if(t.backdropDismiss&&a.__pdsInnermostModalAtEscape===t.el){t.hideModal()}return}if(e.key==="Tab"){if(t.disableTopLayer)return;if(e.defaultPrevented)return;var u=deepActiveElement();if(!u||t.modalDialogAbove(u))return;t.updateFocusableElements();if(t.focusableElements.length===0)return;var c=t.focusableElements[0];var p=t.focusableElements[t.focusableElements.length-1];var f=t.stopIndex(u);var v=f===0;var m=f===t.focusableElements.length-1;if(e.shiftKey&&v){e.preventDefault();t.focusElement(p)}else if(!e.shiftKey&&m){e.preventDefault();t.focusElement(c)}}}}e.prototype.componentWillLoad=function(){this.warnOnInvalidSize()};e.prototype.sizeChanged=function(){this.warnOnInvalidSize()};e.prototype.componentDidLoad=function(){this.modalRef=this.el.querySelector(".pds-modal__backdrop");if(this.open){this.showModal()}};e.prototype.componentDidRender=function(){unwrapReconnectedContent(this.el.querySelector(".pds-modal"),"dialog.pds-modal__backdrop",".pds-modal")};e.prototype.connectedCallback=function(){document.addEventListener("keydown",this.handleKeyDown);if(this.open&&!openModals.has(this.el))openModals.set(this.el,++openSequence)};e.prototype.disconnectedCallback=function(){document.removeEventListener("keydown",this.handleKeyDown);openModals.delete(this.el)};e.prototype.handleOpenChange=function(e){if(e){this.showModal()}else{this.hideModal()}};e.prototype.updateFocusableElements=function(){if(!this.modalRef)return;this.focusableElements=tabbableIn(this.modalRef)};e.prototype.setInitialFocus=function(){if(this.focusableElements.length===0)return;var e=this.focusableElements[0];this.focusElement(e)};e.prototype.focusElement=function(e){e===null||e===void 0?void 0:e.focus()};e.prototype.showModal=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;var n=this;return __generator(this,(function(i){if(this.modalRef){try{if(!this.modalRef.open)this.previousActiveElement=document.activeElement;if(this.disableTopLayer){this.modalRef.show()}else{this.modalRef.showModal()}this.open=true;if(!openModals.has(this.el))openModals.set(this.el,++openSequence);t=(e=openModals.get(this.el))!==null&&e!==void 0?e:0;setTimeout((function(){var e,i;n.updateFocusableElements();var o=Array.from(openModals).some((function(e){var i=e[0],o=e[1];return o>t&&i!==n.el&&(containsComposed(n.el,i)||!i.disableTopLayer||n.disableTopLayer)}));if(o){n.pdsModalOpen.emit();return}if(n.disableInitialFocus){var r=document.activeElement;var a=r!==null&&r!==document.body&&!((e=n.modalRef)===null||e===void 0?void 0:e.contains(r));if(!a){if(n.previousActiveElement!==document.body&&typeof((i=n.previousActiveElement)===null||i===void 0?void 0:i.focus)==="function"){n.previousActiveElement.focus()}else if(r instanceof HTMLElement){r.blur()}}}else{n.setInitialFocus()}n.pdsModalOpen.emit()}),100)}catch(e){console.error("Failed to show modal:",e)}}return[2]}))}))};e.prototype.hideModal=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,n,i,o;return __generator(this,(function(r){if(this.modalRef){try{t=document.activeElement;n=t!==null&&t!==document.body&&!this.modalRef.contains(t);this.modalRef.close();this.open=false;openModals.delete(this.el);if(!n){i=this.previousActiveElement;if(i&&i!==document.body&&i.isConnected)(e=i.focus)===null||e===void 0?void 0:e.call(i);o=deepActiveElement();if(!i||i===document.body||!containsComposed(i,o)||containsComposed(this.el,o))this.focusTopModal()}this.pdsModalClose.emit()}catch(e){console.error("Failed to hide modal:",e)}}return[2]}))}))};e.prototype.focusTopModal=function(){var e=this;var t;var n=this.innermostOpenModal();var i=n===null||n===void 0?void 0:n.querySelector(".pds-modal__backdrop");if(!i)return;if(!closest("dialog:modal",i)&&!containsComposed(n,this.el))return;(t=tabbableIn(i).find((function(t){return!containsComposed(e.el,t)})))===null||t===void 0?void 0:t.focus()};e.prototype.getBackdropZIndex=function(e){var t=e.querySelector(".pds-modal__backdrop");var n=t?parseInt(getComputedStyle(t).zIndex,10):-1;return Number.isNaN(n)?0:n};e.prototype.isStackedAboveOverlay=function(e,t,n){if(t&&t!==this.modalRef&&n&&!containsComposed(t,this.el)){return true}var i=this.getBackdropZIndex(this.el);var o=e;while(o&&o!==document.body){var r=getComputedStyle(o);var a=parseInt(r.zIndex,10);if(r.position!=="static"&&!isNaN(a)&&a>i){return true}o=o.parentElement}return false};e.prototype.innermostOpenModal=function(){var e=this;var t=Array.from(openModals.keys()).filter((function(e){return e.isConnected}));var n=t.filter((function(e){return!t.some((function(t){return t!==e&&containsComposed(e,t)}))}));var i=__spreadArray([],n,true).sort((function(e,t){return precedesComposed(e,t)?-1:1}));var o=function(t){var n;var o=t.querySelector(".pds-modal__backdrop");var r=o?closest("dialog:modal",o):null;var a=r===null||r===void 0?void 0:r.closest("pds-modal");var d=r?(n=a&&openModals.get(a))!==null&&n!==void 0?n:0:0;return[r?1:0,d,e.getBackdropZIndex(t),i.indexOf(t)]};var r=null;var a=[-1,-1,-1,-1];for(var d=0,s=n;d<s.length;d++){var l=s[d];var u=o(l);var c=u.findIndex((function(e,t){return e!==a[t]}));if(c>=0&&u[c]>a[c]){r=l;a=u}}return r};e.prototype.modalDialogAbove=function(e){var t;for(var n=closest("dialog[open]",e);n instanceof HTMLElement;){if(n===this.modalRef)return false;if(n.matches(":modal"))return true;n=closest("dialog[open]",(t=n.parentElement)!==null&&t!==void 0?t:n.getRootNode().host)}return false};e.prototype.stopIndex=function(e){var t=this.focusableElements.indexOf(e);if(t>=0)return t;for(var n=this.focusableElements.length-1;n>=0;n--){if(containsComposed(this.focusableElements[n],e))return n}return-1};e.prototype.resolveSize=function(){var e;var t=((e=this.size)!==null&&e!==void 0?e:"").trim()||"md";if(PRESET_SIZES.includes(t))return[t];return isCustomLength(t)?["custom",t]:[undefined]};e.prototype.warnOnInvalidSize=function(){if(this.resolveSize()[0]!==undefined)return;console.warn('pds-modal: invalid size "'.concat(String(this.size).slice(0,50),'", using md'))};e.prototype.render=function(){var e;var t=this.resolveSize(),n=t[0],i=n===void 0?"md":n,o=t[1];return h("dialog",{key:"0a3ea92246b5ae704bc7dcbadf4f4e0d5a54e9e6",class:{"pds-modal__backdrop":true,open:this.open},"aria-modal":this.disableTopLayer?"false":"true","aria-labelledby":"".concat(this.componentId,"-heading"),onClick:this.handleBackdropClick,onCancel:this.handleCancel},h("div",{key:"a38029c2284ed345bec2ce7638fc3415818cd609",class:(e={"pds-modal":true},e["pds-modal--".concat(i)]=true,e["pds-modal--scrollable"]=this.scrollable,e),style:o!==undefined?{"--pds-modal-max-width":o}:undefined,part:"modal"},h("slot",{key:"396da81af42685f5c083f853afa207a6844e444e"})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{size:[{sizeChanged:0}],open:[{handleOpenChange:0}]}},enumerable:false,configurable:true});return e}();PdsModal.style=pdsModalCss();export{PdsModal as pds_modal};
+import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,a as getElement}from"./index-BFSwd-GQ.js";import{a as closest}from"./closest-DHPzKMVS.js";import{t as tabbableIn}from"./tabbable-DCKBKRUy.js";import{u as unwrapReconnectedContent}from"./reconnected-content-RFpTWV6r.js";import"./keep-hydrated-BgNaWLoS.js";var pdsModalCss=function(){return'.pds-modal__backdrop{-ms-flex-align:start;align-items:flex-start;background-color:rgba(0, 0, 0, 0.4);border:0;display:-ms-flexbox;display:flex;height:100%;inset:0;-ms-flex-pack:center;justify-content:center;margin:0;max-height:100%;max-width:100%;opacity:0;padding:0;position:fixed;-webkit-transition:opacity var(--pine-motion-duration-base) var(--pine-motion-easing-in), visibility var(--pine-motion-duration-base) var(--pine-motion-easing-in);transition:opacity var(--pine-motion-duration-base) var(--pine-motion-easing-in), visibility var(--pine-motion-duration-base) var(--pine-motion-easing-in);visibility:hidden;width:100%;z-index:var(--pine-z-index-modal)}@supports ((-webkit-backdrop-filter: blur(3px)) or (backdrop-filter: blur(3px))){.pds-modal__backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}pds-modal .pds-modal__backdrop{z-index:var(--pine-z-index-priority)}.pds-modal__backdrop::-webkit-backdrop{background:transparent}.pds-modal__backdrop::-ms-backdrop{background:transparent}.pds-modal__backdrop::backdrop{background:transparent}.pds-modal__backdrop[aria-modal=false]{overflow:auto;-ms-scroll-chaining:none;overscroll-behavior:contain}@supports ((-webkit-backdrop-filter: blur(3px)) or (backdrop-filter: blur(3px))){.pds-modal__backdrop[aria-modal=false]{-webkit-backdrop-filter:none;backdrop-filter:none}.pds-modal__backdrop[aria-modal=false]::before{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);content:"";inset:0;position:fixed;z-index:-1}}.pds-modal__backdrop.open{opacity:1;-webkit-transition-timing-function:var(--pine-motion-easing-out);transition-timing-function:var(--pine-motion-easing-out);visibility:visible}.pds-modal{background:var(--pine-color-background-overlay);border-radius:var(--pine-dimension-sm);-webkit-box-shadow:var(--pine-box-shadow-400);box-shadow:var(--pine-box-shadow-400);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:var(--pine-dimension-md);max-height:none;width:100%}.pds-modal.pds-modal--scrollable{max-height:calc(100vh - (5vh + 96px))}@supports (height: 100dvh){.pds-modal.pds-modal--scrollable{max-height:calc(100dvh - (5dvh + 96px))}}@media (min-width: 992px){.pds-modal{-webkit-margin-before:6vh;margin-block-start:6vh}@supports (height: 100dvh){.pds-modal{-webkit-margin-before:6dvh;margin-block-start:6dvh}}}@media (min-width: 1200px){.pds-modal{-webkit-margin-before:8vh;margin-block-start:8vh}@supports (height: 100dvh){.pds-modal{-webkit-margin-before:8dvh;margin-block-start:8dvh}}}.pds-modal--sm{max-width:520px}.pds-modal--md{max-width:700px}.pds-modal--lg{max-width:900px}.pds-modal--custom{max-width:var(--pds-modal-max-width, 700px)}.pds-modal--fullscreen{border-radius:0;height:100%;margin:0;max-height:100vh;max-width:100%}@supports (height: 100dvh){.pds-modal--fullscreen{max-height:100dvh}}.pds-modal--fullscreen.pds-modal--scrollable{max-height:100vh}@supports (height: 100dvh){.pds-modal--fullscreen.pds-modal--scrollable{max-height:100dvh}}.pds-modal--fullscreen .pds-modal-content{-ms-flex:1;flex:1}.pds-modal--scrollable pds-modal-content{-webkit-border-after:1px solid transparent;border-block-end:1px solid transparent;-webkit-border-before:1px solid transparent;border-block-start:1px solid transparent;overflow-y:auto}.pds-modal:not(.pds-modal--scrollable) pds-modal-content{overflow-y:visible}'};var PRESET_SIZES=["sm","md","lg","fullscreen"];var isCustomLength=function(e){return/^[a-z0-9.%+\-*/(), ]+$/i.test(e)&&/\d/.test(e)&&(typeof CSS==="undefined"||CSS.supports("max-width",e))};function containsComposed(e,t){for(var i=t;i;i=i instanceof ShadowRoot?i.host:i.parentNode){if(i===e)return true}return false}var openModals=new Map;var openSequence=0;function hasOpenPopover(e){if(e.querySelector("[data-pds-popover-open]"))return true;return Array.from(e.querySelectorAll("*")).some((function(e){return!!e.shadowRoot&&hasOpenPopover(e.shadowRoot)}))}function precedesComposed(e,t){for(var i=e;i;i=i.getRootNode().host){for(var o=t;o;o=o.getRootNode().host){if(i.getRootNode()===o.getRootNode()){return!!(i.compareDocumentPosition(o)&Node.DOCUMENT_POSITION_FOLLOWING)}}}return false}function deepActiveElement(){var e;var t=document.activeElement;while((e=t===null||t===void 0?void 0:t.shadowRoot)===null||e===void 0?void 0:e.activeElement)t=t.shadowRoot.activeElement;return t}var PdsModal=function(){function e(e){var t=this;registerInstance(this,e);this.pdsModalOpen=createEvent(this,"pdsModalOpen");this.pdsModalClose=createEvent(this,"pdsModalClose");this.focusableElements=[];this.backdropDismiss=true;this.open=false;this.size="md";this.scrollable=true;this.disableTopLayer=false;this.disableInitialFocus=false;this.focusableElementsArray=[];this.handleCancel=function(e){e.preventDefault();if(!t.open)return;var i=t.innermostOpenModal();var o=i&&containsComposed(t.el,i)?i:t.el;if(o.backdropDismiss)o.hideModal()};this.handleBackdropClick=function(e){if(!t.backdropDismiss||!t.open)return;if(e.target===t.modalRef){e.stopPropagation();if(t.innermostOpenModal()===t.el){t.hideModal()}}};this.handleKeyDown=function(e){var i,o,n,r;if(!t.open)return;if(e.key==="Escape"){var a=e;if(!("__pdsActiveElementAtEscape"in a)){var d=document.activeElement;a.__pdsActiveElementAtEscape=d;a.__pdsDeepActiveElementAtEscape=deepActiveElement();var s=(i=d===null||d===void 0?void 0:d.closest("dialog"))!==null&&i!==void 0?i:null;a.__pdsTopLayerDialogAtEscape=s;a.__pdsTopLayerDialogWasModalAtEscape=!!(s&&s.matches(":modal"));a.__pdsEscapeHandledInside=e.defaultPrevented;a.__pdsInnermostModalAtEscape=t.innermostOpenModal()}if(a.__pdsEscapeHandledInside)return;var l=a.__pdsActiveElementAtEscape;if(t.disableTopLayer&&l&&l!==document.body&&!containsComposed(t.el,(o=a.__pdsDeepActiveElementAtEscape)!==null&&o!==void 0?o:l)&&t.isStackedAboveOverlay(l,(n=a.__pdsTopLayerDialogAtEscape)!==null&&n!==void 0?n:null,(r=a.__pdsTopLayerDialogWasModalAtEscape)!==null&&r!==void 0?r:false)){return}if(t.modalRef&&hasOpenPopover(t.modalRef))return;e.preventDefault();if(t.backdropDismiss&&a.__pdsInnermostModalAtEscape===t.el){t.hideModal()}return}if(e.key==="Tab"){if(t.disableTopLayer)return;if(e.defaultPrevented)return;var p=deepActiveElement();if(!p||t.modalDialogAbove(p))return;t.updateFocusableElements();if(t.focusableElements.length===0)return;var u=t.focusableElements[0];var c=t.focusableElements[t.focusableElements.length-1];var f=t.stopIndex(p);var m=f===0;var h=f===t.focusableElements.length-1;if(e.shiftKey&&m){e.preventDefault();t.focusElement(c)}else if(!e.shiftKey&&h){e.preventDefault();t.focusElement(u)}}}}e.prototype.componentWillLoad=function(){this.warnOnInvalidSize()};e.prototype.sizeChanged=function(){this.warnOnInvalidSize()};e.prototype.componentDidLoad=function(){this.modalRef=this.el.querySelector(".pds-modal__backdrop");if(this.open){this.showModal()}};e.prototype.componentDidRender=function(){unwrapReconnectedContent(this.el.querySelector(".pds-modal"),"dialog.pds-modal__backdrop",".pds-modal")};e.prototype.connectedCallback=function(){document.addEventListener("keydown",this.handleKeyDown);if(this.open&&!openModals.has(this.el))openModals.set(this.el,++openSequence)};e.prototype.disconnectedCallback=function(){document.removeEventListener("keydown",this.handleKeyDown);openModals.delete(this.el)};e.prototype.handleOpenChange=function(e){if(e){this.showModal()}else{this.hideModal()}};e.prototype.updateFocusableElements=function(){if(!this.modalRef)return;this.focusableElements=tabbableIn(this.modalRef)};e.prototype.setInitialFocus=function(){if(this.focusableElements.length===0)return;var e=this.focusableElements[0];this.focusElement(e)};e.prototype.focusElement=function(e){e===null||e===void 0?void 0:e.focus()};e.prototype.showModal=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;var i=this;return __generator(this,(function(o){if(this.modalRef){try{if(!this.modalRef.open)this.previousActiveElement=document.activeElement;if(this.disableTopLayer){this.modalRef.show()}else{this.modalRef.showModal()}this.open=true;if(!openModals.has(this.el))openModals.set(this.el,++openSequence);t=(e=openModals.get(this.el))!==null&&e!==void 0?e:0;setTimeout((function(){var e,o;i.updateFocusableElements();var n=Array.from(openModals).some((function(e){var o=e[0],n=e[1];return n>t&&o!==i.el&&(containsComposed(i.el,o)||!o.disableTopLayer||i.disableTopLayer)}));if(n){i.pdsModalOpen.emit();return}if(i.disableInitialFocus){var r=document.activeElement;var a=r!==null&&r!==document.body&&!((e=i.modalRef)===null||e===void 0?void 0:e.contains(r));if(!a){if(i.previousActiveElement!==document.body&&typeof((o=i.previousActiveElement)===null||o===void 0?void 0:o.focus)==="function"){i.previousActiveElement.focus()}else if(r instanceof HTMLElement){r.blur()}}}else{i.setInitialFocus()}i.pdsModalOpen.emit()}),100)}catch(e){console.error("Failed to show modal:",e)}}return[2]}))}))};e.prototype.hideModal=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i,o,n;return __generator(this,(function(r){if(this.modalRef){try{t=document.activeElement;i=t!==null&&t!==document.body&&!this.modalRef.contains(t);this.modalRef.close();this.open=false;openModals.delete(this.el);if(!i){o=this.previousActiveElement;if(o&&o!==document.body&&o.isConnected)(e=o.focus)===null||e===void 0?void 0:e.call(o);n=deepActiveElement();if(!o||o===document.body||!containsComposed(o,n)||containsComposed(this.el,n))this.focusTopModal()}this.pdsModalClose.emit()}catch(e){console.error("Failed to hide modal:",e)}}return[2]}))}))};e.prototype.focusTopModal=function(){var e=this;var t;var i=this.innermostOpenModal();var o=i===null||i===void 0?void 0:i.querySelector(".pds-modal__backdrop");if(!o)return;if(!closest("dialog:modal",o)&&!containsComposed(i,this.el))return;(t=tabbableIn(o).find((function(t){return!containsComposed(e.el,t)})))===null||t===void 0?void 0:t.focus()};e.prototype.getBackdropZIndex=function(e){var t=e.querySelector(".pds-modal__backdrop");var i=t?parseInt(getComputedStyle(t).zIndex,10):-1;return Number.isNaN(i)?0:i};e.prototype.isStackedAboveOverlay=function(e,t,i){if(t&&t!==this.modalRef&&i&&!containsComposed(t,this.el)){return true}var o=this.getBackdropZIndex(this.el);var n=e;while(n&&n!==document.body){var r=getComputedStyle(n);var a=parseInt(r.zIndex,10);if(r.position!=="static"&&!isNaN(a)&&a>o){return true}n=n.parentElement}return false};e.prototype.innermostOpenModal=function(){var e=this;var t=Array.from(openModals.keys()).filter((function(e){return e.isConnected}));var i=t.filter((function(e){return!t.some((function(t){return t!==e&&containsComposed(e,t)}))}));var o=__spreadArray([],i,true).sort((function(e,t){return precedesComposed(e,t)?-1:1}));var n=function(t){var i;var n=t.querySelector(".pds-modal__backdrop");var r=n?closest("dialog:modal",n):null;var a=r===null||r===void 0?void 0:r.closest("pds-modal");var d=r?(i=a&&openModals.get(a))!==null&&i!==void 0?i:0:0;return[r?1:0,d,e.getBackdropZIndex(t),o.indexOf(t)]};var r=null;var a=[-1,-1,-1,-1];for(var d=0,s=i;d<s.length;d++){var l=s[d];var p=n(l);var u=p.findIndex((function(e,t){return e!==a[t]}));if(u>=0&&p[u]>a[u]){r=l;a=p}}return r};e.prototype.modalDialogAbove=function(e){var t;for(var i=closest("dialog[open]",e);i instanceof HTMLElement;){if(i===this.modalRef)return false;if(i.matches(":modal"))return true;i=closest("dialog[open]",(t=i.parentElement)!==null&&t!==void 0?t:i.getRootNode().host)}return false};e.prototype.stopIndex=function(e){var t=this.focusableElements.indexOf(e);if(t>=0)return t;for(var i=this.focusableElements.length-1;i>=0;i--){if(containsComposed(this.focusableElements[i],e))return i}return-1};e.prototype.resolveSize=function(){var e;var t=((e=this.size)!==null&&e!==void 0?e:"").trim()||"md";if(PRESET_SIZES.includes(t))return[t];return isCustomLength(t)?["custom",t]:[undefined]};e.prototype.warnOnInvalidSize=function(){if(this.resolveSize()[0]!==undefined)return;console.warn('pds-modal: invalid size "'.concat(String(this.size).slice(0,50),'", using md'))};e.prototype.render=function(){var e;var t=this.resolveSize(),i=t[0],o=i===void 0?"md":i,n=t[1];return h("dialog",{key:"cd574868a46b69185e2058c60374dbec34677732",class:{"pds-modal__backdrop":true,open:this.open},"aria-modal":this.disableTopLayer?"false":"true","aria-labelledby":"".concat(this.componentId,"-heading"),onClick:this.handleBackdropClick,onCancel:this.handleCancel},h("div",{key:"8c50fb4810b4bb07d62348fed44df30b14a52acd",class:(e={"pds-modal":true},e["pds-modal--".concat(o)]=true,e["pds-modal--scrollable"]=this.scrollable,e),style:n!==undefined?{"--pds-modal-max-width":n}:undefined,part:"modal"},h("slot",{key:"25a71c95dfeff4648a28edef21bf510b1743ed7c"})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{size:[{sizeChanged:0}],open:[{handleOpenChange:0}]}},enumerable:false,configurable:true});return e}();PdsModal.style=pdsModalCss();export{PdsModal as pds_modal};