@pine-ds/core 4.0.0 → 4.1.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-NNDTPCWx.js";import{i as isRtlDirection}from"./scroll-DtgUQhjl.js";import{t as trash,e as enlarge}from"./index-BjlFq0VD.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:"620b1e6b9ab4a16af9cf601381e3b3bc625677a9",id:this.componentId},h("button",{key:"6c27edb5a9584e223f0716ae2c95cf07488a041b",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:"ef9970dc8d453d170703e90ba8690b652e11fa5c",class:"pds-filter__button-content",part:"button-content"},this.renderIcon(),this.text&&h("span",{key:"8e71b9d19327117dbce1cf50d169699ab771d362",class:"pds-filter__button-text",part:"button-text"},this.text),this.renderDropdownIcon())),this.variant!=="clear"&&h("div",{key:"e1eb24326d93b0247db0e11700286af74b6b19c1",ref:function(r){return e.popoverEl=r},id:"".concat(this.componentId,"-popover"),class:"pds-filter__popover",popover:"auto",part:"popover"},h("slot",{key:"374f65b6dab21601c1bbd86cf661971a5c6d1d43"})))};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-CTLu1TM4.js";import{i as isRtlDirection}from"./scroll-DtgUQhjl.js";import{t as trash,e as enlarge}from"./index-Bu9gFIxM.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:"6d40e2462bf70dcd26c0e3c5ab6f12e86c65ac49",id:this.componentId},h("button",{key:"2d45a9b8ae4fd3a4d1ecc04c29ccf83fe5756e50",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:"b80e2c8c4f92d17c37fa5a0c1fcc3f778f788483",class:"pds-filter__button-content",part:"button-content"},this.renderIcon(),this.text&&h("span",{key:"5faa099b94200071325ab8fb1b122437a81dcf61",class:"pds-filter__button-text",part:"button-text"},this.text),this.renderDropdownIcon())),this.variant!=="clear"&&h("div",{key:"063bc00fedda0fba5ba4af759404f3ae23b2b6ad",ref:function(r){return e.popoverEl=r},id:"".concat(this.componentId,"-popover"),class:"pds-filter__popover",popover:"auto",part:"popover"},h("slot",{key:"9790cd0c8cd6a594aab094aeaa469dbcddc98d87"})))};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-NNDTPCWx.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:"7007a635d3866781dfd67bd2d3b2dab46d36cffc",id:this.componentId},h("div",{key:"e6eb4c76bfb39050aaa01ad297df995de7df484b",class:"pds-filters"},h("slot",{key:"543c83c7422b3e1e9a2446618fe8119d76478df4"})))};return s}();PdsFilters.style=pdsFiltersCss();export{PdsFilters as pds_filters};
+import{r as registerInstance,h,H as Host}from"./index-CTLu1TM4.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:"0f4dc3d5ecf71992a4c13f85fec62d4b60f3c6d1",id:this.componentId},h("div",{key:"ee3edc3d752c70d7888028b45dcb1c89f297803c",class:"pds-filters"},h("slot",{key:"de693eedf74a029a0a279855cd2602420891ef10"})))};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-NNDTPCWx.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/resources-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 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(){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",typeof this.color!=="undefined"?this.color:"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:"43aa73531314e6529a887468e69362430d006229","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-CTLu1TM4.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/resources-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 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(){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",typeof this.color!=="undefined"?this.color:"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:"43aa73531314e6529a887468e69362430d006229","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-NNDTPCWx.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:"fa205f03d5c378d27a66cbfd520ae2bc7ab9e9df",class:{"pds-image":true},id:this.componentId},h("img",{key:"8d03dddf6e924ef8aebea2bf34a32e326bee329a",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-CTLu1TM4.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:"dbc144927d78e2eb380639eeb8b243133a4b5379",class:{"pds-image":true},id:this.componentId},h("img",{key:"259c1cd7ffdf4e5dd7c0ef178d28f1f835b57642",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-NNDTPCWx.js";import{i as isSpecTest,a as assignDescription,m as messageId}from"./form-BuRbS7Hp.js";import{i as inheritAriaAttributes}from"./attributes-C0M1gTKv.js";import{d as debounceEvent}from"./utils-tJa4KYNO.js";import{b as danger}from"./index-BjlFq0VD.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;(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)};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:"ecf4cc212e5c3ebc18082b790803e6b2ccb8ca77","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:"acdf92a30068fc04a17816ec6d85295b47e512ee",class:"pds-input"},a&&h("div",{key:"4569f0b3761db89e85a090eff6af1c47cb562115",class:{"pds-input__label-wrapper":true,"visually-hidden":this.hideLabel}},h("label",{key:"90b0a863d78115fa158429db11548fc2a9ee5ae6",htmlFor:i,class:"pds-input__label"},h("span",{key:"3d440aaafc4daeffe45152cd23d27472d7ebf85a"},a,this.required&&h("span",{key:"c7bf6ef6191e961a106b8885cab604aa89730eba",class:"pds-input__required-indicator"}," *"))),!this.hideLabel&&this.renderAction()),h("div",{key:"81f0b8a347bc9a06c753b9f31f5e30ac78e45adb",class:l},this.renderPrepend(),this.renderPrefix(),h("input",Object.assign({key:"41ed8dab6f7c71c6c382627ca4dc48bb95c1161d",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:"4791ddeb01b758a94a2fddfec6093b9b39eefafa",class:"pds-input__helper-message",id:messageId(i,"helper")},s),t&&h("p",{key:"d0a22ae4b0e400e1d5df55e35c0aaaa5c5ea3ab7",class:"pds-input__error-message",id:messageId(i,"error")},h("pds-icon",{key:"69975cdcc15e5ab6df9e2c354977e2c6dae18f6e","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-CTLu1TM4.js";import{i as isSpecTest,a as assignDescription,m as messageId}from"./form-BuRbS7Hp.js";import{i as inheritAriaAttributes}from"./attributes-C0M1gTKv.js";import{d as debounceEvent}from"./utils-tJa4KYNO.js";import{b as danger}from"./index-Bu9gFIxM.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;(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)};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:"8f15b61e4a6336246aefca1112c280265996630a","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:"9e45a632a63b813f2f097ef903db9e97f6b88b16",class:"pds-input"},a&&h("div",{key:"e9e3710cfa43372a71bbf2440110cd43336c16e3",class:{"pds-input__label-wrapper":true,"visually-hidden":this.hideLabel}},h("label",{key:"0717152167b9f8776e23bb95d0b3ebdc58a27e8e",htmlFor:i,class:"pds-input__label"},h("span",{key:"cf350936ac9981da1773c7320d5092da2d8aa5c6"},a,this.required&&h("span",{key:"115e170ee93a5bc2c4c396aaf235fd0e6ae09a13",class:"pds-input__required-indicator"}," *"))),!this.hideLabel&&this.renderAction()),h("div",{key:"00839202f48a22c6a6f00fa706eee81314dc1c04",class:l},this.renderPrepend(),this.renderPrefix(),h("input",Object.assign({key:"cb2234ebf58e2148ea6b4b711ff09338722d4457",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:"e322e25b5d6d8fe9c7292087127d7d44c0a27046",class:"pds-input__helper-message",id:messageId(i,"helper")},s),t&&h("p",{key:"e3a982cf8312fa2a16360a4667fa5286ce304e68",class:"pds-input__error-message",id:messageId(i,"error")},h("pds-icon",{key:"ffa236865ab93013f54ea0bf2f993a3c3631e919","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-NNDTPCWx.js";import{s as setColor}from"./utils-tJa4KYNO.js";import{l as launch}from"./index-BjlFq0VD.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:"5d0c5a0a5b8b80a8cdff802a3d78dad85a9ccdc4",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:"06b7be14d867eae1b7acba8570f1e94bdf840fbb"},this.href),i&&h("pds-icon",{key:"678414f7d20fd20b6931cc401163180c3ad0094c",icon:launch,size:this.fontSize}))};return n}();PdsLink.style=pdsLinkCss();export{PdsLink as pds_link};
+import{r as registerInstance,h}from"./index-CTLu1TM4.js";import{s as setColor}from"./utils-tJa4KYNO.js";import{l as launch}from"./index-Bu9gFIxM.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:"532bc4afd39f637b021556875a1744dd85d4a227",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:"854b411525e89363fbc13fb3119c4f04e611d0a0"},this.href),i&&h("pds-icon",{key:"c670f8c1f46bd55b6ebd735a98c0dbff8eb24076",icon:launch,size:this.fontSize}))};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}from"./index-NNDTPCWx.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.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.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(){return h(Host,{key:"fc312fc9ebf973506190e693cd251f25e37f3d0a",class:"pds-loader ".concat(this.isLoading?"":"pds-loader--hidden"),"aria-hidden":!this.isLoading,"aria-busy":this.isLoading,"aria-live":"polite"},this.variant==="spinner"&&h("div",{key:"c9eab32510368d1fd6db7669b3db640c229911f2",class:"pds-loader--spinner"},h("svg",{key:"359d9f171378064c6121e583efe09eace3377e44",style:this.getSvgStyle(),viewBox:"0 0 200 200",fill:"none",part:"loader-svg"},h("defs",{key:"263409d92ab95fa34df4e879934e04e6a587f23b"},h("linearGradient",{key:"e9b32747efcb60bbebd8734fdd2c2d5a400974c1",id:"spinner-secondHalf"},h("stop",{key:"db61c891cf635b72e36a152b944b6c9ce3569be3",offset:"0%","stop-opacity":"0","stop-color":"currentColor"}),h("stop",{key:"fb964af08941ad174ecaf0c329d79e25fff45a9c",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"})),h("linearGradient",{key:"89d815d1f076ffe82d189d51fce14fb48ecb0926",id:"spinner-firstHalf"},h("stop",{key:"43b753f80ab136d38635a6ab921899fc8fd3a6b2",offset:"0%","stop-opacity":"1","stop-color":"currentColor"}),h("stop",{key:"7ce201ac86ae5cd291f8fba22f1e6517d53af025",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"}))),h("g",{key:"ea7e594df07f7d634fa2142785f0791b21a71d41",class:"pds-loader__spinner-path"},h("path",{key:"8ac8cead5078716ca9169150be8c0c64ecedc854",stroke:"url(#spinner-secondHalf)",d:"M 4 100 A 96 96 0 0 1 196 100"}),h("path",{key:"c4ed3d7f386ac59dcb540b369f52925b216ea950",stroke:"url(#spinner-firstHalf)",d:"M 196 100 A 96 96 0 0 1 4 100"}),h("path",{key:"ecc2e2b7240c23e35af8b9aa049ac45dff43ac9f",stroke:"currentColor","stroke-linecap":"round",d:"M 4 100 A 96 96 0 0 1 4 98"})))),this.variant==="typing"&&h("div",{key:"8cb7180432a6cca86c7fcc2af3f1e05afb751a9d",class:"pds-loader--typing"},h("span",{key:"c09247cbcf86fef899f206bee1458a1388cbdd39"}),h("span",{key:"07bdfe8ab1971fa20544022412e2141721111506"}),h("span",{key:"9444f7ed6a13475694e1eda50b891ff63fb91297"})),h("div",{key:"3b717ff6b9f38f9710ca0556ebbc66bd86b7e1b6",class:"pds-loader__label ".concat(this.showLabel?"":"pds-loader--hidden")},h("slot",{key:"ab65224fab189a30d0cf18caf086c621cbd78eaa",name:"label"},"Loading...")))};return e}();PdsLoader.style=pdsLoaderCss();export{PdsLoader as pds_loader};
+import{r as registerInstance,h,H as Host}from"./index-CTLu1TM4.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.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.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(){return h(Host,{key:"288e980a91a4a05984ec7d16c198cff227a2e676",class:"pds-loader ".concat(this.isLoading?"":"pds-loader--hidden"),"aria-hidden":!this.isLoading,"aria-busy":this.isLoading,"aria-live":"polite"},this.variant==="spinner"&&h("div",{key:"dc8643b932182b540ce93dd87dad10f07174d59f",class:"pds-loader--spinner"},h("svg",{key:"2cec5ddfdf9772c0d20ce11a6bf070d0bc06a53b",style:this.getSvgStyle(),viewBox:"0 0 200 200",fill:"none",part:"loader-svg"},h("defs",{key:"f2554f75fe1bd3e0e3afc1947220d3c004184e84"},h("linearGradient",{key:"edef079f8b959604ec9f911739a78801c5f285c0",id:"spinner-secondHalf"},h("stop",{key:"337a53ea77d19e9dfd3a5d43f01f6886c71f190b",offset:"0%","stop-opacity":"0","stop-color":"currentColor"}),h("stop",{key:"ca2e6363e2feece31ba1a4b2de0d3ec66c4c45f9",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"})),h("linearGradient",{key:"5458cf7f8e9e35e23dfc5aa4e5f7ef5c7b9d142d",id:"spinner-firstHalf"},h("stop",{key:"7cbb4bc34f8792e648c8bf1bfe6db8e319bf68cf",offset:"0%","stop-opacity":"1","stop-color":"currentColor"}),h("stop",{key:"febbf165e3da7d328dfa35cf5930a8069fea604e",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"}))),h("g",{key:"a2becedb247748508013f80c9dbd6eccc6818e6f",class:"pds-loader__spinner-path"},h("path",{key:"2df230f57210ee7c10ff22d99d3fd8a1dd17b217",stroke:"url(#spinner-secondHalf)",d:"M 4 100 A 96 96 0 0 1 196 100"}),h("path",{key:"b85ae9aebe39f99d1d06a3e03e8ef7027fa8a866",stroke:"url(#spinner-firstHalf)",d:"M 196 100 A 96 96 0 0 1 4 100"}),h("path",{key:"9f0508fdf50f6274e2b0656565585198f6105b68",stroke:"currentColor","stroke-linecap":"round",d:"M 4 100 A 96 96 0 0 1 4 98"})))),this.variant==="typing"&&h("div",{key:"0520d0113a7b4498692e523c273616d67b90f042",class:"pds-loader--typing"},h("span",{key:"a1083f20b9cd04d1ba685aafd736fcd154dc597f"}),h("span",{key:"9eab7a6bfcca61861cbdd01953b2aa0762770b80"}),h("span",{key:"d4599150cd603fcfe6b2f50044a0ed867fad6070"})),h("div",{key:"b37bc877a5fd6cd7249b10bca48ac50eb31f4f40",class:"pds-loader__label ".concat(this.showLabel?"":"pds-loader--hidden")},h("slot",{key:"689ca4190506689ca6c92b61ada5c96a2a1427ab",name:"label"},"Loading...")))};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-NNDTPCWx.js";import{u as unwrapReconnectedContent}from"./reconnected-content-RFpTWV6r.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){registerInstance(this,t);this.border="none";this.contentMaxHeight="none";this.userSetBorder=false}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.calculateMaxHeight();window.addEventListener("resize",this.handleResize.bind(this));if(!this.userSetBorder){setTimeout((function(){t.el.addEventListener("scroll",t.handleScroll.bind(t));setTimeout((function(){return t.updateBorders()}),100)}),100)}};t.prototype.disconnectedCallback=function(){window.removeEventListener("resize",this.handleResize.bind(this));if(!this.userSetBorder){this.el.removeEventListener("scroll",this.handleScroll.bind(this))}if(this.mutationObserver){this.mutationObserver.disconnect()}};t.prototype.handleScroll=function(){this.updateBorders()};t.prototype.handleResize=function(){var t=this;this.calculateMaxHeight();setTimeout((function(){return t.updateBorders()}),50)};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:"f3e75b90be56bb27ba5f4fde473fac474846f346"},h("div",{key:"5035d5fa319fe2aaa8adffb825f0d2babfd11a26",class:(t={"pds-modal-content":true},t["pds-modal-content--border-".concat(this.border)]=true,t),style:e,tabindex:"-1"},h("slot",{key:"73299f6f7045ea50a5bf134da04f1e30cd9f233c"})))};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-CTLu1TM4.js";import{u as unwrapReconnectedContent}from"./reconnected-content-RFpTWV6r.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){registerInstance(this,t);this.border="none";this.contentMaxHeight="none";this.userSetBorder=false}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.calculateMaxHeight();window.addEventListener("resize",this.handleResize.bind(this));if(!this.userSetBorder){setTimeout((function(){t.el.addEventListener("scroll",t.handleScroll.bind(t));setTimeout((function(){return t.updateBorders()}),100)}),100)}};t.prototype.disconnectedCallback=function(){window.removeEventListener("resize",this.handleResize.bind(this));if(!this.userSetBorder){this.el.removeEventListener("scroll",this.handleScroll.bind(this))}if(this.mutationObserver){this.mutationObserver.disconnect()}};t.prototype.handleScroll=function(){this.updateBorders()};t.prototype.handleResize=function(){var t=this;this.calculateMaxHeight();setTimeout((function(){return t.updateBorders()}),50)};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:"3e8e95b159205c5c8183eb7f6c60d358290e0896"},h("div",{key:"97988c0bbcbf256fc3369ccedefe854dd196ef82",class:(t={"pds-modal-content":true},t["pds-modal-content--border-".concat(this.border)]=true,t),style:e,tabindex:"-1"},h("slot",{key:"c76eb4759b7bf4898845b65768908c896fe64f4e"})))};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-NNDTPCWx.js";import{u as unwrapReconnectedContent}from"./reconnected-content-RFpTWV6r.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:"1220d6319585df0128924ebac52569af7645f525",class:"pds-modal__footer"},h("slot",{key:"1bbbf4897f41c802fc5773154cee3930290c906a"}))};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-CTLu1TM4.js";import{u as unwrapReconnectedContent}from"./reconnected-content-RFpTWV6r.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:"63bb557978ea69aa658026f7be24433b946b2ee6",class:"pds-modal__footer"},h("slot",{key:"158a929229b0efa8720f869756076203f297c744"}))};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-NNDTPCWx.js";import{u as unwrapReconnectedContent}from"./reconnected-content-RFpTWV6r.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:"0fd8a216ae8dc149b59cd29c8706d5a45a21de15",class:"pds-modal__header"},h("slot",{key:"4bf075dfd4870621e6e0b710fcdb42aac53810b3"}))};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-CTLu1TM4.js";import{u as unwrapReconnectedContent}from"./reconnected-content-RFpTWV6r.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:"ae4277052c04a1804e0e73f2873e636ea4cb890c",class:"pds-modal__header"},h("slot",{key:"5c4a7b463835de451c9c3f15e0ac669bf32aee23"}))};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}from"tslib";import{r as registerInstance,c as createEvent,h,a as getElement}from"./index-NNDTPCWx.js";import{u as unwrapReconnectedContent}from"./reconnected-content-RFpTWV6r.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.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--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 PdsModal=function(){function t(t){var i=this;registerInstance(this,t);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.focusableElementsArray=[];this.handleBackdropClick=function(t){if(!i.backdropDismiss||!i.open)return;if(t.target.classList.contains("pds-modal__backdrop")){t.stopPropagation();if(i.isInnermostModal()){i.hideModal()}}};this.handleKeyDown=function(t){if(!i.open)return;if(t.key==="Escape"){var e=document.activeElement;if(i.disableTopLayer&&e&&e!==document.body&&!i.el.contains(e)){return}t.preventDefault();if(i.backdropDismiss&&i.isInnermostModal()){i.hideModal()}return}if(t.key==="Tab"){if(i.disableTopLayer)return;if(i.focusableElements.length===0)return;var a=i.focusableElements[0];var n=i.focusableElements[i.focusableElements.length-1];var o=document.activeElement;var r=o===a||a.contains(o);var d=o===n||n.contains(o);if(t.shiftKey&&r){t.preventDefault();i.focusElement(n)}else if(!t.shiftKey&&d){t.preventDefault();i.focusElement(a)}}}}t.prototype.componentDidLoad=function(){this.modalRef=this.el.querySelector(".pds-modal__backdrop");document.addEventListener("keydown",this.handleKeyDown)};t.prototype.componentDidRender=function(){unwrapReconnectedContent(this.el.querySelector(".pds-modal"),"dialog.pds-modal__backdrop",".pds-modal")};t.prototype.disconnectedCallback=function(){document.removeEventListener("keydown",this.handleKeyDown)};t.prototype.handleOpenChange=function(t){if(t){this.showModal()}else{this.hideModal()}};t.prototype.updateFocusableElements=function(){if(!this.modalRef)return;var t=["a[href]","button:not([disabled])","input:not([disabled])","select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])',"pds-button:not([disabled])","pds-link:not([disabled])","pds-input:not([disabled])","pds-checkbox:not([disabled])","pds-radio:not([disabled])","pds-switch:not([disabled])","pds-select:not([disabled])"].join(",");this.focusableElements=Array.from(this.modalRef.querySelectorAll(t));this.focusableElements=this.focusableElements.filter((function(t){var i=window.getComputedStyle(t);return i.display!=="none"&&i.visibility!=="hidden"}))};t.prototype.setInitialFocus=function(){if(this.focusableElements.length===0)return;var t=this.focusableElements[0];this.focusElement(t)};t.prototype.focusElement=function(t){if(!t)return;try{t.focus();setTimeout((function(){if(document.activeElement!==t){if(t.shadowRoot){var i=t.shadowRoot.querySelector("button, [tabindex], input, a[href]");if(i){i.focus()}}}}),0)}catch(t){console.error("Error focusing element:",t)}};t.prototype.showModal=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){if(this.modalRef){try{this.previousActiveElement=document.activeElement;if(this.disableTopLayer){this.modalRef.show()}else{this.modalRef.showModal()}this.open=true;setTimeout((function(){t.updateFocusableElements();t.setInitialFocus();t.pdsModalOpen.emit()}),100)}catch(t){console.error("Failed to show modal:",t)}}return[2]}))}))};t.prototype.hideModal=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.modalRef){try{this.modalRef.close();this.open=false;if(this.previousActiveElement&&typeof this.previousActiveElement.focus==="function"){this.previousActiveElement.focus()}this.pdsModalClose.emit()}catch(t){console.error("Failed to hide modal:",t)}}return[2]}))}))};t.prototype.getBackdropZIndex=function(t){var i=t.querySelector(".pds-modal__backdrop");return i?parseInt(getComputedStyle(i).zIndex,10):-1};t.prototype.isInnermostModal=function(){var t=this;var i=Array.from(document.querySelectorAll("pds-modal")).filter((function(t){return t.open}));if(i.length===0)return false;var e=this.el.querySelector(".pds-modal__backdrop");if(!e)return false;var a=i.map((function(i){return t.getBackdropZIndex(i)}));var n=Math.max.apply(Math,a);var o=this.getBackdropZIndex(this.el);return o===n};t.prototype.render=function(){var t;return h("dialog",{key:"134e913f0bf5d7bf77e67f00707a399fae986fcb",class:{"pds-modal__backdrop":true,open:this.open},"aria-modal":this.disableTopLayer?"false":"true","aria-labelledby":"".concat(this.componentId,"-heading"),onClick:this.handleBackdropClick},h("div",{key:"6cb819a92c00b5c8676b4d1a84301896373305f3",class:(t={"pds-modal":true},t["pds-modal--".concat(this.size)]=true,t["pds-modal--scrollable"]=this.scrollable,t),part:"modal"},h("slot",{key:"aff0f88a7b9e1b4b681a6a14636153ce3a6907d5"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:[{handleOpenChange:0}]}},enumerable:false,configurable:true});return t}();PdsModal.style=pdsModalCss();export{PdsModal as pds_modal};
+import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,a as getElement}from"./index-CTLu1TM4.js";import{u as unwrapReconnectedContent}from"./reconnected-content-RFpTWV6r.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.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--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 PdsModal=function(){function t(t){var i=this;registerInstance(this,t);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.focusableElementsArray=[];this.handleBackdropClick=function(t){if(!i.backdropDismiss||!i.open)return;if(t.target.classList.contains("pds-modal__backdrop")){t.stopPropagation();if(i.isInnermostModal()){i.hideModal()}}};this.handleKeyDown=function(t){if(!i.open)return;if(t.key==="Escape"){var e=document.activeElement;if(i.disableTopLayer&&e&&e!==document.body&&!i.el.contains(e)){return}t.preventDefault();if(i.backdropDismiss&&i.isInnermostModal()){i.hideModal()}return}if(t.key==="Tab"){if(i.disableTopLayer)return;if(i.focusableElements.length===0)return;var a=i.focusableElements[0];var n=i.focusableElements[i.focusableElements.length-1];var o=document.activeElement;var r=o===a||a.contains(o);var d=o===n||n.contains(o);if(t.shiftKey&&r){t.preventDefault();i.focusElement(n)}else if(!t.shiftKey&&d){t.preventDefault();i.focusElement(a)}}}}t.prototype.componentDidLoad=function(){this.modalRef=this.el.querySelector(".pds-modal__backdrop");document.addEventListener("keydown",this.handleKeyDown)};t.prototype.componentDidRender=function(){unwrapReconnectedContent(this.el.querySelector(".pds-modal"),"dialog.pds-modal__backdrop",".pds-modal")};t.prototype.disconnectedCallback=function(){document.removeEventListener("keydown",this.handleKeyDown)};t.prototype.handleOpenChange=function(t){if(t){this.showModal()}else{this.hideModal()}};t.prototype.updateFocusableElements=function(){if(!this.modalRef)return;var t=["a[href]","button:not([disabled])","input:not([disabled])","select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])',"pds-button:not([disabled])","pds-link:not([disabled])","pds-input:not([disabled])","pds-checkbox:not([disabled])","pds-radio:not([disabled])","pds-switch:not([disabled])","pds-select:not([disabled])"].join(",");this.focusableElements=Array.from(this.modalRef.querySelectorAll(t));this.focusableElements=this.focusableElements.filter((function(t){var i=window.getComputedStyle(t);return i.display!=="none"&&i.visibility!=="hidden"}))};t.prototype.setInitialFocus=function(){if(this.focusableElements.length===0)return;var t=this.focusableElements[0];this.focusElement(t)};t.prototype.focusElement=function(t){if(!t)return;try{t.focus();setTimeout((function(){if(document.activeElement!==t){if(t.shadowRoot){var i=t.shadowRoot.querySelector("button, [tabindex], input, a[href]");if(i){i.focus()}}}}),0)}catch(t){console.error("Error focusing element:",t)}};t.prototype.showModal=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){if(this.modalRef){try{this.previousActiveElement=document.activeElement;if(this.disableTopLayer){this.modalRef.show()}else{this.modalRef.showModal()}this.open=true;setTimeout((function(){t.updateFocusableElements();t.setInitialFocus();t.pdsModalOpen.emit()}),100)}catch(t){console.error("Failed to show modal:",t)}}return[2]}))}))};t.prototype.hideModal=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.modalRef){try{this.modalRef.close();this.open=false;if(this.previousActiveElement&&typeof this.previousActiveElement.focus==="function"){this.previousActiveElement.focus()}this.pdsModalClose.emit()}catch(t){console.error("Failed to hide modal:",t)}}return[2]}))}))};t.prototype.getBackdropZIndex=function(t){var i=t.querySelector(".pds-modal__backdrop");return i?parseInt(getComputedStyle(i).zIndex,10):-1};t.prototype.isInnermostModal=function(){var t=this;var i=Array.from(document.querySelectorAll("pds-modal")).filter((function(t){return t.open}));if(i.length===0)return false;var e=this.el.querySelector(".pds-modal__backdrop");if(!e)return false;var a=i.map((function(i){return t.getBackdropZIndex(i)}));var n=Math.max.apply(Math,a);var o=this.getBackdropZIndex(this.el);return o===n};t.prototype.render=function(){var t;return h("dialog",{key:"65d204a57e193022eb475c113438a40fc77cf545",class:{"pds-modal__backdrop":true,open:this.open},"aria-modal":this.disableTopLayer?"false":"true","aria-labelledby":"".concat(this.componentId,"-heading"),onClick:this.handleBackdropClick},h("div",{key:"a9f07a30f8b4d13ef7ac33068756f0fb03173e27",class:(t={"pds-modal":true},t["pds-modal--".concat(this.size)]=true,t["pds-modal--scrollable"]=this.scrollable,t),part:"modal"},h("slot",{key:"8505057bef9b4ed60e51422b05fea08cefce4a4b"})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:[{handleOpenChange:0}]}},enumerable:false,configurable:true});return t}();PdsModal.style=pdsModalCss();export{PdsModal as pds_modal};