@pine-ds/core 4.1.0 → 4.3.0

package/components/pds-dropdown-menu.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as i,h as e,Host as s,transformTag as n}from"@stencil/core/internal/client";import{a as o,c as d,o as r,f as a,s as h}from"./floating-ui.dom.js";import{d as l}from"./pds-box2.js";const p=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isOpen=!1,this.menuItems=[],this.cleanupAutoUpdate=null,this.currentFocusIndex=-1,this.placement="bottom-start",this.handleTriggerSlotChange=t=>{this.slotEl=t.target;const i=this.slotEl.assignedElements();this.triggerEl=i[0],this.triggerEl.onclick=this.handleClick,this.triggerEl.setAttribute("aria-haspopup","menu"),this.triggerEl.setAttribute("aria-expanded","false")},this.handleSlotChange=t=>{this.slotEl=t.target;const i=this.slotEl.assignedElements(),e=["pds-dropdown-menu-item","pds-dropdown-menu-separator","a","button"],s=i.filter((t=>!e.includes(t.tagName.toLowerCase())));if(s.length>0){const t=s.map((t=>t.tagName.toLowerCase())).join(", ");console.warn(`pds-dropdown-menu: Unexpected element(s) found: ${t}. Expected: `+e.join(", "))}this.menuItems=i.filter((t=>{const i=t.tagName.toLowerCase();return"pds-dropdown-menu-item"===i||"a"===i||"button"===i}))},this.toggleDropdown=()=>{this.isOpen=!this.isOpen,this.isOpen?this.openDropdown():this.closeDropdown()},this.openDropdown=()=>{var t;const i=()=>{d(this.triggerEl,this.panelEl,{placement:this.placement,strategy:"fixed",middleware:[r(6),a(),h({padding:5})]}).then((({x:t,y:i})=>{Object.assign(this.panelEl.style,{left:t+"px",top:i+"px"})}))};i(),this.cleanupAutoUpdate=o(this.triggerEl,this.panelEl,i),null===(t=this.host.shadowRoot)||void 0===t||t.querySelector("pds-box").classList.remove("is-hidden"),this.isOpen=!0,this.triggerEl.setAttribute("aria-expanded","true")},this.closeDropdown=()=>{var t;null===(t=this.host.shadowRoot)||void 0===t||t.querySelector("pds-box").classList.add("is-hidden"),this.isOpen=!1,this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),this.triggerEl.setAttribute("aria-expanded","false"),this.currentFocusIndex=-1,this.triggerEl.focus()},this.handleClick=()=>{this.toggleDropdown()}}componentDidRender(){var t;this.panelEl=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector("pds-box")}disconnectedCallback(){this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null)}isItemDisabled(t){const i=t.tagName.toLowerCase();return"pds-dropdown-menu-item"===i||"button"===i?t.disabled:"a"===i&&"true"===t.getAttribute("aria-disabled")}getFocusedItemIndex(){const t=document.activeElement;return t?this.menuItems.findIndex((i=>{if(i===t)return!0;if("pds-dropdown-menu-item"===i.tagName.toLowerCase()){const e=i.shadowRoot;if(null==e?void 0:e.contains(t))return!0}return!1})):-1}focusItemByIndex(t){var i,e,s,n,o;if(t>=0&&t<this.menuItems.length){this.currentFocusIndex=t;const d=this.menuItems[t];if("pds-dropdown-menu-item"===d.tagName.toLowerCase()){const t=d,r=null===(i=t.shadowRoot)||void 0===i?void 0:i.querySelector("button"),a=(null===(n=null===(s=null===(e=t.shadowRoot)||void 0===e?void 0:e.querySelector("pds-link"))||void 0===s?void 0:s.shadowRoot)||void 0===n?void 0:n.querySelector("a"))||(null===(o=t.shadowRoot)||void 0===o?void 0:o.querySelector("a"));r?r.focus():a?a.focus():t.focus()}else d.focus()}}focusNextItem(){let t=(this.currentFocusIndex+1)%this.menuItems.length,i=0;const e=this.menuItems.length;for(;i<e&&this.isItemDisabled(this.menuItems[t]);)t=(t+1)%this.menuItems.length,i++;i<e&&this.focusItemByIndex(t)}focusPreviousItem(){let t=this.currentFocusIndex<=0?this.menuItems.length-1:this.currentFocusIndex-1,i=0;const e=this.menuItems.length;for(;i<e&&this.isItemDisabled(this.menuItems[t]);)t=t<=0?this.menuItems.length-1:t-1,i++;i<e&&this.focusItemByIndex(t)}handleKeyDown(t){if(this.isOpen)switch(t.key){case"Escape":t.preventDefault(),this.closeDropdown();break;case"ArrowDown":t.preventDefault(),this.focusNextItem();break;case"ArrowUp":t.preventDefault(),this.focusPreviousItem();break;case"Home":if(t.preventDefault(),this.menuItems.length>0){let t=0;for(;t<this.menuItems.length&&this.isItemDisabled(this.menuItems[t]);)t++;t<this.menuItems.length&&this.focusItemByIndex(t)}break;case"End":if(t.preventDefault(),this.menuItems.length>0){let t=this.menuItems.length-1;for(;t>=0&&this.isItemDisabled(this.menuItems[t]);)t--;t>=0&&this.focusItemByIndex(t)}break;case"Tab":if(t.shiftKey)this.getFocusedItemIndex()>0&&(t.preventDefault(),this.focusPreviousItem());else{const i=document.activeElement===this.triggerEl,e=this.getFocusedItemIndex();if(i&&this.menuItems.length>0){t.preventDefault();let i=0;for(;i<this.menuItems.length&&this.isItemDisabled(this.menuItems[i]);)i++;i<this.menuItems.length&&this.focusItemByIndex(i)}else if(-1===e&&this.menuItems.length>0){t.preventDefault();let i=0;for(;i<this.menuItems.length&&this.isItemDisabled(this.menuItems[i]);)i++;i<this.menuItems.length&&this.focusItemByIndex(i)}else-1!==e&&(t.preventDefault(),this.focusNextItem())}}}handleWindowClick(t){this.isOpen&&!this.host.contains(t.target)&&t.target!==this.triggerEl&&this.closeDropdown()}render(){return e(s,{key:"30914965241f7e8e5af32e8576c651802026a996",id:this.componentId},e("slot",{key:"ec995c9437083ca28058b974df91491b0e634a07",name:"trigger",onSlotchange:this.handleTriggerSlotChange}),e("pds-box",{key:"590a22e556d4df23eb33cbe2fa2bda296ce59b01","border-radius":"sm",display:"flex",direction:"column",class:"pds-dropdown-menu--panel is-hidden",shadow:"100",role:"menu","aria-orientation":"vertical",part:"menu-panel"},e("slot",{key:"9b0d67a3cf63b33eb73d3e451b365dc4354a323c",onSlotchange:this.handleSlotChange})))}get host(){return this}static get style(){return":host{display:block}.is-hidden{display:none}.pds-dropdown-menu--panel{background-color:var(--pine-color-background-overlay);border-radius:var(--pine-dimension-xs);left:var(--pine-dimension-none);min-width:170px;padding:var(--pine-dimension-xs);position:fixed;z-index:var(--pine-z-index-overlay)}:host-context([data-theme=dark]) .pds-dropdown-menu--panel{border:var(--pine-border)}::slotted(a),::slotted(button){-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--pine-dimension-xs) !important;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text) !important;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;font:var(--pine-typography-body-medium) !important;gap:var(--pine-dimension-xs);margin:calc(var(--pine-border-width) + 2px) !important;padding:var(--pine-dimension-xs) !important;text-align:start;text-decoration:none !important;width:calc(100% - (var(--pine-border-width) + 2px) * 2)}::slotted(.destructive){color:var(--pine-color-danger) !important}::slotted([aria-disabled=true]),::slotted([disabled]:not([disabled=false])){cursor:not-allowed;opacity:0.5;pointer-events:none}"}},[257,"pds-dropdown-menu",{componentId:[1,"component-id"],placement:[1],currentFocusIndex:[32]},[[8,"keydown","handleKeyDown"],[8,"click","handleWindowClick"]]]),c=p,m=function(){"undefined"!=typeof customElements&&["pds-dropdown-menu","pds-box"].forEach((t=>{switch(t){case"pds-dropdown-menu":customElements.get(n(t))||customElements.define(n(t),p);break;case"pds-box":customElements.get(n(t))||l()}}))};export{c as PdsDropdownMenu,m as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as i,h as e,Host as s,transformTag as n}from"@stencil/core/internal/client";import{a as o,c as d,o as r,f as a,s as h}from"./floating-ui.dom.js";import{d as l}from"./pds-box2.js";const p=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isOpen=!1,this.menuItems=[],this.cleanupAutoUpdate=null,this.currentFocusIndex=-1,this.placement="bottom-start",this.handleTriggerSlotChange=t=>{this.slotEl=t.target;const i=this.slotEl.assignedElements();this.triggerEl=i[0],this.triggerEl.onclick=this.handleClick,this.triggerEl.setAttribute("aria-haspopup","menu"),this.triggerEl.setAttribute("aria-expanded","false")},this.handleSlotChange=t=>{this.slotEl=t.target;const i=this.slotEl.assignedElements(),e=["pds-dropdown-menu-item","pds-dropdown-menu-separator","a","button"],s=i.filter((t=>!e.includes(t.tagName.toLowerCase())));if(s.length>0){const t=s.map((t=>t.tagName.toLowerCase())).join(", ");console.warn(`pds-dropdown-menu: Unexpected element(s) found: ${t}. Expected: `+e.join(", "))}this.menuItems=i.filter((t=>{const i=t.tagName.toLowerCase();return"pds-dropdown-menu-item"===i||"a"===i||"button"===i}))},this.toggleDropdown=()=>{this.isOpen=!this.isOpen,this.isOpen?this.openDropdown():this.closeDropdown()},this.openDropdown=()=>{var t;const i=()=>{d(this.triggerEl,this.panelEl,{placement:this.placement,strategy:"fixed",middleware:[r(6),a(),h({padding:5})]}).then((({x:t,y:i})=>{Object.assign(this.panelEl.style,{left:t+"px",top:i+"px"})}))};i(),this.cleanupAutoUpdate=o(this.triggerEl,this.panelEl,i),null===(t=this.host.shadowRoot)||void 0===t||t.querySelector("pds-box").classList.remove("is-hidden"),this.isOpen=!0,this.triggerEl.setAttribute("aria-expanded","true")},this.closeDropdown=()=>{var t;null===(t=this.host.shadowRoot)||void 0===t||t.querySelector("pds-box").classList.add("is-hidden"),this.isOpen=!1,this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),this.triggerEl.setAttribute("aria-expanded","false"),this.currentFocusIndex=-1,this.triggerEl.focus()},this.handleClick=()=>{this.toggleDropdown()}}componentDidRender(){var t;this.panelEl=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector("pds-box")}disconnectedCallback(){this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null)}isItemDisabled(t){const i=t.tagName.toLowerCase();return"pds-dropdown-menu-item"===i||"button"===i?t.disabled:"a"===i&&"true"===t.getAttribute("aria-disabled")}getFocusedItemIndex(){const t=document.activeElement;return t?this.menuItems.findIndex((i=>{if(i===t)return!0;if("pds-dropdown-menu-item"===i.tagName.toLowerCase()){const e=i.shadowRoot;if(null==e?void 0:e.contains(t))return!0}return!1})):-1}focusItemByIndex(t){var i,e,s,n,o;if(t>=0&&t<this.menuItems.length){this.currentFocusIndex=t;const d=this.menuItems[t];if("pds-dropdown-menu-item"===d.tagName.toLowerCase()){const t=d,r=null===(i=t.shadowRoot)||void 0===i?void 0:i.querySelector("button"),a=(null===(n=null===(s=null===(e=t.shadowRoot)||void 0===e?void 0:e.querySelector("pds-link"))||void 0===s?void 0:s.shadowRoot)||void 0===n?void 0:n.querySelector("a"))||(null===(o=t.shadowRoot)||void 0===o?void 0:o.querySelector("a"));r?r.focus():a?a.focus():t.focus()}else d.focus()}}focusNextItem(){let t=(this.currentFocusIndex+1)%this.menuItems.length,i=0;const e=this.menuItems.length;for(;i<e&&this.isItemDisabled(this.menuItems[t]);)t=(t+1)%this.menuItems.length,i++;i<e&&this.focusItemByIndex(t)}focusPreviousItem(){let t=this.currentFocusIndex<=0?this.menuItems.length-1:this.currentFocusIndex-1,i=0;const e=this.menuItems.length;for(;i<e&&this.isItemDisabled(this.menuItems[t]);)t=t<=0?this.menuItems.length-1:t-1,i++;i<e&&this.focusItemByIndex(t)}handleKeyDown(t){if(this.isOpen)switch(t.key){case"Escape":t.preventDefault(),this.closeDropdown();break;case"ArrowDown":t.preventDefault(),this.focusNextItem();break;case"ArrowUp":t.preventDefault(),this.focusPreviousItem();break;case"Home":if(t.preventDefault(),this.menuItems.length>0){let t=0;for(;t<this.menuItems.length&&this.isItemDisabled(this.menuItems[t]);)t++;t<this.menuItems.length&&this.focusItemByIndex(t)}break;case"End":if(t.preventDefault(),this.menuItems.length>0){let t=this.menuItems.length-1;for(;t>=0&&this.isItemDisabled(this.menuItems[t]);)t--;t>=0&&this.focusItemByIndex(t)}break;case"Tab":if(t.shiftKey)this.getFocusedItemIndex()>0&&(t.preventDefault(),this.focusPreviousItem());else{const i=document.activeElement===this.triggerEl,e=this.getFocusedItemIndex();if(i&&this.menuItems.length>0){t.preventDefault();let i=0;for(;i<this.menuItems.length&&this.isItemDisabled(this.menuItems[i]);)i++;i<this.menuItems.length&&this.focusItemByIndex(i)}else if(-1===e&&this.menuItems.length>0){t.preventDefault();let i=0;for(;i<this.menuItems.length&&this.isItemDisabled(this.menuItems[i]);)i++;i<this.menuItems.length&&this.focusItemByIndex(i)}else-1!==e&&(t.preventDefault(),this.focusNextItem())}}}handleWindowClick(t){this.isOpen&&!this.host.contains(t.target)&&t.target!==this.triggerEl&&this.closeDropdown()}render(){return e(s,{key:"7907da6a04530d01bbbd0256f0b609fa53e0a774",id:this.componentId},e("slot",{key:"2bf060c4dec082d4175a7cde759221fd4b20d706",name:"trigger",onSlotchange:this.handleTriggerSlotChange}),e("pds-box",{key:"0d81eddee58fda631eb6a39cba0e7ad0d69c02d8","border-radius":"sm",display:"flex",direction:"column",class:"pds-dropdown-menu--panel is-hidden",shadow:"100",role:"menu","aria-orientation":"vertical",part:"menu-panel"},e("slot",{key:"831485d66af711edc9491078827455762795bb64",onSlotchange:this.handleSlotChange})))}get host(){return this}static get style(){return":host{display:block}.is-hidden{display:none}.pds-dropdown-menu--panel{background-color:var(--pine-color-background-overlay);border-radius:var(--pine-dimension-xs);left:var(--pine-dimension-none);min-width:170px;padding:var(--pine-dimension-xs);position:fixed;z-index:var(--pine-z-index-overlay)}:host-context([data-theme=dark]) .pds-dropdown-menu--panel{border:var(--pine-border)}::slotted(a),::slotted(button){-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--pine-dimension-xs) !important;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text) !important;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;font:var(--pine-typography-body-medium) !important;gap:var(--pine-dimension-xs);margin:calc(var(--pine-border-width) + 2px) !important;padding:var(--pine-dimension-xs) !important;text-align:start;text-decoration:none !important;width:calc(100% - (var(--pine-border-width) + 2px) * 2)}::slotted(.destructive){color:var(--pine-color-danger) !important}::slotted([aria-disabled=true]),::slotted([disabled]:not([disabled=false])){cursor:not-allowed;opacity:0.5;pointer-events:none}"}},[257,"pds-dropdown-menu",{componentId:[1,"component-id"],placement:[1],currentFocusIndex:[32]},[[8,"keydown","handleKeyDown"],[8,"click","handleWindowClick"]]]),c=p,m=function(){"undefined"!=typeof customElements&&["pds-dropdown-menu","pds-box"].forEach((t=>{switch(t){case"pds-dropdown-menu":customElements.get(n(t))||customElements.define(n(t),p);break;case"pds-box":customElements.get(n(t))||l()}}))};export{c as PdsDropdownMenu,m as defineCustomElement}

package/components/pds-filter.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as i,createEvent as t,h as r,Host as o,transformTag as n}from"@stencil/core/internal/client";import{a as s}from"./scroll.js";import{t as a,g as l}from"./index2.js";import{d as p}from"./pds-icon2.js";const c=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.pdsFilterOpen=t(this,"pdsFilterOpen",7),this.pdsFilterClose=t(this,"pdsFilterClose",7),this.pdsFilterClear=t(this,"pdsFilterClear",7),this.scrollRAF=null,this.lastScrollTime=0,this.variant="default",this.isOpen=!1,this.handleNativePopoverToggle=e=>{const i=e.target;if(i&&i.id===this.componentId+"-popover"){let e=!1;try{e=i.matches(":popover-open")}catch(t){e="block"===i.style.display}this.isOpen=e,this.isOpen?(setTimeout((()=>this.adjustPopoverPosition()),0),this.pdsFilterOpen.emit({componentId:this.componentId,variant:this.variant,text:this.text})):this.pdsFilterClose.emit({componentId:this.componentId,variant:this.variant,text:this.text})}},this.handleKeyDown=e=>{"clear"!==this.variant||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleClick())},this.handleClick=e=>{"clear"!==this.variant?(this.closeOtherPopovers(),i.prototype.showPopover&&!navigator.userAgent.includes("Firefox")||(e&&e.preventDefault(),setTimeout((()=>{null!=this.popoverEl&&(this.isOpen=!this.isOpen,this.isOpen?(this.popoverEl.style.display="block",this.popoverEl.classList.add("is-open"),this.adjustPopoverPosition(),this.pdsFilterOpen.emit({componentId:this.componentId,variant:this.variant,text:this.text})):(this.popoverEl.style.display="none",this.popoverEl.classList.remove("is-open"),this.pdsFilterClose.emit({componentId:this.componentId,variant:this.variant,text:this.text})))}),0))):this.pdsFilterClear.emit({componentId:this.componentId,text:this.text})}}disconnectedCallback(){if(this.scrollRAF&&(cancelAnimationFrame(this.scrollRAF),this.scrollRAF=null),this.lastScrollTime=0,this.popoverEl&&i.prototype.showPopover&&!navigator.userAgent.includes("Firefox")&&this.popoverEl.removeEventListener("toggle",this.handleNativePopoverToggle),this.isOpen&&this.popoverEl)try{this.popoverEl.hidePopover()}catch(e){this.popoverEl.style.display="none",this.popoverEl.classList.remove("is-open")}}componentDidRender(){this.popoverEl&&i.prototype.showPopover&&!navigator.userAgent.includes("Firefox")&&(this.popoverEl.removeEventListener("toggle",this.handleNativePopoverToggle),this.popoverEl.addEventListener("toggle",this.handleNativePopoverToggle))}handleWindowResize(){this.isOpen&&setTimeout((()=>this.adjustPopoverPosition()),16)}handleWindowScroll(){if(this.isOpen){const e="anchorName"in document.documentElement.style,i=performance.now();if(i-this.lastScrollTime<(e?66:33))return;this.lastScrollTime=i,this.scrollRAF&&cancelAnimationFrame(this.scrollRAF),this.scrollRAF=requestAnimationFrame((()=>{this.isOpen&&this.popoverEl&&this.el.isConnected&&this.adjustPopoverPosition(),this.scrollRAF=null}))}}closeOtherPopovers(){document.querySelectorAll("pds-filter").forEach((e=>{var i;if(e===this.el)return;const t=null===(i=e.shadowRoot)||void 0===i?void 0:i.querySelector(".pds-filter__popover");if(t){let e=!1;try{e=t.matches(":popover-open")}catch(i){e="block"===t.style.display}if(e)try{t.hidePopover()}catch(e){t.style.display="none",t.classList.remove("is-open")}}}))}adjustPopoverPosition(){var e;if(!this.popoverEl||"clear"===this.variant)return;const i=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector(".pds-filter__trigger");if(!i)return;const t=i.getBoundingClientRect(),r=window.innerWidth,o=window.innerHeight,n="anchorName"in document.documentElement.style,a=228,l=this.popoverEl.getBoundingClientRect().height||200,p=s(this.el),c=p?t.right-a-20<0:t.left+a+20>r,d=t.bottom+8+l+20>o;if(n)this.popoverEl.classList.remove("popover-flip-horizontal","popover-flip-vertical"),c&&this.popoverEl.classList.add("popover-flip-horizontal"),d&&this.popoverEl.classList.add("popover-flip-vertical");else{let e=p?t.right-a:t.left,i=t.bottom+8,r=p?"top right":"top left";if(c){const i=this.popoverEl.getBoundingClientRect().width||a;e=p?t.left:t.right-i,r=p?"top left":"top right"}d&&(i=t.top-l-8,r=r.replace("top","bottom")),this.popoverEl.style.cssText=`\n        position: fixed;\n        left: ${e}px;\n        top: ${i}px;\n        z-index: var(--pine-z-index-overlay);\n        transform-origin: ${r};\n      `}}async showFilter(){if("clear"!==this.variant){if(null!=this.popoverEl)try{this.popoverEl.showPopover()}catch(e){this.popoverEl.style.display="block",this.popoverEl.classList.add("is-open")}}else console.warn("Clear variant does not support showFilter method")}async hideFilter(){if("clear"!==this.variant){if(null!=this.popoverEl)try{this.popoverEl.hidePopover()}catch(e){this.popoverEl.style.display="none",this.popoverEl.classList.remove("is-open")}}else console.warn("Clear variant does not support hideFilter method")}handlePopoverToggle(e){const t=e.target;if((!i.prototype.showPopover||navigator.userAgent.includes("Firefox"))&&t&&t.id===this.componentId+"-popover"){let e=!1;try{e=t.matches(":popover-open")}catch(i){e="block"===t.style.display}this.isOpen=e,this.isOpen?(setTimeout((()=>this.adjustPopoverPosition()),0),this.pdsFilterOpen.emit({componentId:this.componentId,variant:this.variant,text:this.text})):this.pdsFilterClose.emit({componentId:this.componentId,variant:this.variant,text:this.text})}}handleDocumentClick(e){!this.el.contains(e.target)&&this.isOpen&&"clear"!==this.variant&&setTimeout((()=>{if(this.popoverEl&&this.isOpen){const e=i.prototype.showPopover&&!navigator.userAgent.includes("Firefox");let t=!1;if(e)try{t=!this.popoverEl.matches(":popover-open")}catch(e){t="block"!==this.popoverEl.style.display}else t=!0;t&&(this.isOpen=!1,e||(this.popoverEl.style.display="none",this.popoverEl.classList.remove("is-open")),this.pdsFilterClose.emit({componentId:this.componentId,variant:this.variant,text:this.text}))}}),0)}handleEscapeKey(e){"Escape"===e.key&&this.isOpen&&"clear"!==this.variant&&setTimeout((()=>{if(this.popoverEl&&this.isOpen){const e=i.prototype.showPopover&&!navigator.userAgent.includes("Firefox");let t=!1;if(e)try{t=!this.popoverEl.matches(":popover-open")}catch(e){t="block"!==this.popoverEl.style.display}else t=!0;t&&(this.isOpen=!1,e||(this.popoverEl.style.display="none",this.popoverEl.classList.remove("is-open")),this.pdsFilterClose.emit({componentId:this.componentId,variant:this.variant,text:this.text}))}}),0)}getIcon(){return"clear"===this.variant?a:this.icon}getTriggerClasses(){const e=["pds-filter__trigger"];return e.push("pds-filter__trigger--"+this.variant),this.isOpen&&"clear"!==this.variant&&e.push("pds-filter__trigger--open"),e.join(" ")}renderIcon(){const e=this.getIcon();return null==e||""===e?null:r("pds-icon",{icon:e,size:"var(--pine-font-size-100)","aria-hidden":"true",part:"icon"})}renderDropdownIcon(){return"selected"===this.variant?r("pds-icon",{icon:l,size:"var(--pine-dimension-200)","aria-hidden":"true",class:"pds-filter__dropdown-icon",part:"icon"}):null}render(){return r(o,{key:"6d40e2462bf70dcd26c0e3c5ab6f12e86c65ac49",id:this.componentId},r("button",{key:"2d45a9b8ae4fd3a4d1ecc04c29ccf83fe5756e50",class:this.getTriggerClasses(),type:"button",popoverTarget:"clear"!==this.variant?this.componentId+"-popover":void 0,popoverTargetAction:"clear"!==this.variant?"toggle":void 0,onKeyDown:"clear"===this.variant?this.handleKeyDown:void 0,onClick:e=>this.handleClick(e),part:"button","aria-expanded":this.isOpen?"true":"false","aria-haspopup":"clear"!==this.variant?"true":void 0,"aria-controls":"clear"!==this.variant?this.componentId+"-popover":void 0},r("span",{key:"b80e2c8c4f92d17c37fa5a0c1fcc3f778f788483",class:"pds-filter__button-content",part:"button-content"},this.renderIcon(),this.text&&r("span",{key:"5faa099b94200071325ab8fb1b122437a81dcf61",class:"pds-filter__button-text",part:"button-text"},this.text),this.renderDropdownIcon())),"clear"!==this.variant&&r("div",{key:"063bc00fedda0fba5ba4af759404f3ae23b2b6ad",ref:e=>this.popoverEl=e,id:this.componentId+"-popover",class:"pds-filter__popover",popover:"auto",part:"popover"},r("slot",{key:"9790cd0c8cd6a594aab094aeaa469dbcddc98d87"})))}get el(){return this}static get style(){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)))}}"}},[257,"pds-filter",{componentId:[1,"component-id"],variant:[1],icon:[1],text:[1],isOpen:[32],showFilter:[64],hideFilter:[64]},[[9,"resize","handleWindowResize"],[9,"scroll","handleWindowScroll"],[4,"toggle","handlePopoverToggle"],[4,"click","handleDocumentClick"],[4,"keydown","handleEscapeKey"]]]),d=c,h=function(){"undefined"!=typeof customElements&&["pds-filter","pds-icon"].forEach((e=>{switch(e){case"pds-filter":customElements.get(n(e))||customElements.define(n(e),c);break;case"pds-icon":customElements.get(n(e))||p()}}))};export{d as PdsFilter,h as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as i,createEvent as t,h as r,Host as o,transformTag as n}from"@stencil/core/internal/client";import{a as s}from"./scroll.js";import{t as a,g as l}from"./index2.js";import{d as p}from"./pds-icon2.js";const c=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.pdsFilterOpen=t(this,"pdsFilterOpen",7),this.pdsFilterClose=t(this,"pdsFilterClose",7),this.pdsFilterClear=t(this,"pdsFilterClear",7),this.scrollRAF=null,this.lastScrollTime=0,this.variant="default",this.isOpen=!1,this.handleNativePopoverToggle=e=>{const i=e.target;if(i&&i.id===this.componentId+"-popover"){let e=!1;try{e=i.matches(":popover-open")}catch(t){e="block"===i.style.display}this.isOpen=e,this.isOpen?(setTimeout((()=>this.adjustPopoverPosition()),0),this.pdsFilterOpen.emit({componentId:this.componentId,variant:this.variant,text:this.text})):this.pdsFilterClose.emit({componentId:this.componentId,variant:this.variant,text:this.text})}},this.handleKeyDown=e=>{"clear"!==this.variant||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleClick())},this.handleClick=e=>{"clear"!==this.variant?(this.closeOtherPopovers(),i.prototype.showPopover&&!navigator.userAgent.includes("Firefox")||(e&&e.preventDefault(),setTimeout((()=>{null!=this.popoverEl&&(this.isOpen=!this.isOpen,this.isOpen?(this.popoverEl.style.display="block",this.popoverEl.classList.add("is-open"),this.adjustPopoverPosition(),this.pdsFilterOpen.emit({componentId:this.componentId,variant:this.variant,text:this.text})):(this.popoverEl.style.display="none",this.popoverEl.classList.remove("is-open"),this.pdsFilterClose.emit({componentId:this.componentId,variant:this.variant,text:this.text})))}),0))):this.pdsFilterClear.emit({componentId:this.componentId,text:this.text})}}disconnectedCallback(){if(this.scrollRAF&&(cancelAnimationFrame(this.scrollRAF),this.scrollRAF=null),this.lastScrollTime=0,this.popoverEl&&i.prototype.showPopover&&!navigator.userAgent.includes("Firefox")&&this.popoverEl.removeEventListener("toggle",this.handleNativePopoverToggle),this.isOpen&&this.popoverEl)try{this.popoverEl.hidePopover()}catch(e){this.popoverEl.style.display="none",this.popoverEl.classList.remove("is-open")}}componentDidRender(){this.popoverEl&&i.prototype.showPopover&&!navigator.userAgent.includes("Firefox")&&(this.popoverEl.removeEventListener("toggle",this.handleNativePopoverToggle),this.popoverEl.addEventListener("toggle",this.handleNativePopoverToggle))}handleWindowResize(){this.isOpen&&setTimeout((()=>this.adjustPopoverPosition()),16)}handleWindowScroll(){if(this.isOpen){const e="anchorName"in document.documentElement.style,i=performance.now();if(i-this.lastScrollTime<(e?66:33))return;this.lastScrollTime=i,this.scrollRAF&&cancelAnimationFrame(this.scrollRAF),this.scrollRAF=requestAnimationFrame((()=>{this.isOpen&&this.popoverEl&&this.el.isConnected&&this.adjustPopoverPosition(),this.scrollRAF=null}))}}closeOtherPopovers(){document.querySelectorAll("pds-filter").forEach((e=>{var i;if(e===this.el)return;const t=null===(i=e.shadowRoot)||void 0===i?void 0:i.querySelector(".pds-filter__popover");if(t){let e=!1;try{e=t.matches(":popover-open")}catch(i){e="block"===t.style.display}if(e)try{t.hidePopover()}catch(e){t.style.display="none",t.classList.remove("is-open")}}}))}adjustPopoverPosition(){var e;if(!this.popoverEl||"clear"===this.variant)return;const i=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector(".pds-filter__trigger");if(!i)return;const t=i.getBoundingClientRect(),r=window.innerWidth,o=window.innerHeight,n="anchorName"in document.documentElement.style,a=228,l=this.popoverEl.getBoundingClientRect().height||200,p=s(this.el),c=p?t.right-a-20<0:t.left+a+20>r,d=t.bottom+8+l+20>o;if(n)this.popoverEl.classList.remove("popover-flip-horizontal","popover-flip-vertical"),c&&this.popoverEl.classList.add("popover-flip-horizontal"),d&&this.popoverEl.classList.add("popover-flip-vertical");else{let e=p?t.right-a:t.left,i=t.bottom+8,r=p?"top right":"top left";if(c){const i=this.popoverEl.getBoundingClientRect().width||a;e=p?t.left:t.right-i,r=p?"top left":"top right"}d&&(i=t.top-l-8,r=r.replace("top","bottom")),this.popoverEl.style.cssText=`\n        position: fixed;\n        left: ${e}px;\n        top: ${i}px;\n        z-index: var(--pine-z-index-overlay);\n        transform-origin: ${r};\n      `}}async showFilter(){if("clear"!==this.variant){if(null!=this.popoverEl)try{this.popoverEl.showPopover()}catch(e){this.popoverEl.style.display="block",this.popoverEl.classList.add("is-open")}}else console.warn("Clear variant does not support showFilter method")}async hideFilter(){if("clear"!==this.variant){if(null!=this.popoverEl)try{this.popoverEl.hidePopover()}catch(e){this.popoverEl.style.display="none",this.popoverEl.classList.remove("is-open")}}else console.warn("Clear variant does not support hideFilter method")}handlePopoverToggle(e){const t=e.target;if((!i.prototype.showPopover||navigator.userAgent.includes("Firefox"))&&t&&t.id===this.componentId+"-popover"){let e=!1;try{e=t.matches(":popover-open")}catch(i){e="block"===t.style.display}this.isOpen=e,this.isOpen?(setTimeout((()=>this.adjustPopoverPosition()),0),this.pdsFilterOpen.emit({componentId:this.componentId,variant:this.variant,text:this.text})):this.pdsFilterClose.emit({componentId:this.componentId,variant:this.variant,text:this.text})}}handleDocumentClick(e){!this.el.contains(e.target)&&this.isOpen&&"clear"!==this.variant&&setTimeout((()=>{if(this.popoverEl&&this.isOpen){const e=i.prototype.showPopover&&!navigator.userAgent.includes("Firefox");let t=!1;if(e)try{t=!this.popoverEl.matches(":popover-open")}catch(e){t="block"!==this.popoverEl.style.display}else t=!0;t&&(this.isOpen=!1,e||(this.popoverEl.style.display="none",this.popoverEl.classList.remove("is-open")),this.pdsFilterClose.emit({componentId:this.componentId,variant:this.variant,text:this.text}))}}),0)}handleEscapeKey(e){"Escape"===e.key&&this.isOpen&&"clear"!==this.variant&&setTimeout((()=>{if(this.popoverEl&&this.isOpen){const e=i.prototype.showPopover&&!navigator.userAgent.includes("Firefox");let t=!1;if(e)try{t=!this.popoverEl.matches(":popover-open")}catch(e){t="block"!==this.popoverEl.style.display}else t=!0;t&&(this.isOpen=!1,e||(this.popoverEl.style.display="none",this.popoverEl.classList.remove("is-open")),this.pdsFilterClose.emit({componentId:this.componentId,variant:this.variant,text:this.text}))}}),0)}getIcon(){return"clear"===this.variant?a:this.icon}getTriggerClasses(){const e=["pds-filter__trigger"];return e.push("pds-filter__trigger--"+this.variant),this.isOpen&&"clear"!==this.variant&&e.push("pds-filter__trigger--open"),e.join(" ")}renderIcon(){const e=this.getIcon();return null==e||""===e?null:r("pds-icon",{icon:e,size:"var(--pine-font-size-100)","aria-hidden":"true",part:"icon"})}renderDropdownIcon(){return"selected"===this.variant?r("pds-icon",{icon:l,size:"var(--pine-dimension-200)","aria-hidden":"true",class:"pds-filter__dropdown-icon",part:"icon"}):null}render(){return r(o,{key:"bd03de5e8461e3aba4d6f014e2d64d9aada0c0e1",id:this.componentId},r("button",{key:"f35cb4aec14b1ed3b61d33c412cbfc89ba19cba3",class:this.getTriggerClasses(),type:"button",popoverTarget:"clear"!==this.variant?this.componentId+"-popover":void 0,popoverTargetAction:"clear"!==this.variant?"toggle":void 0,onKeyDown:"clear"===this.variant?this.handleKeyDown:void 0,onClick:e=>this.handleClick(e),part:"button","aria-expanded":this.isOpen?"true":"false","aria-haspopup":"clear"!==this.variant?"true":void 0,"aria-controls":"clear"!==this.variant?this.componentId+"-popover":void 0},r("span",{key:"b3635542048ac52d290917260181d7313eddaff2",class:"pds-filter__button-content",part:"button-content"},this.renderIcon(),this.text&&r("span",{key:"0c5ef7f7655ddbee33a695703ce192f082b21bf1",class:"pds-filter__button-text",part:"button-text"},this.text),this.renderDropdownIcon())),"clear"!==this.variant&&r("div",{key:"e75c75d8e9e4596d7f0642e4e1f91deae3f2b9fa",ref:e=>this.popoverEl=e,id:this.componentId+"-popover",class:"pds-filter__popover",popover:"auto",part:"popover"},r("slot",{key:"bef66af716be823ed3ac36d39a4532785df07f6b"})))}get el(){return this}static get style(){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)))}}"}},[257,"pds-filter",{componentId:[1,"component-id"],variant:[1],icon:[1],text:[1],isOpen:[32],showFilter:[64],hideFilter:[64]},[[9,"resize","handleWindowResize"],[9,"scroll","handleWindowScroll"],[4,"toggle","handlePopoverToggle"],[4,"click","handleDocumentClick"],[4,"keydown","handleEscapeKey"]]]),d=c,h=function(){"undefined"!=typeof customElements&&["pds-filter","pds-icon"].forEach((e=>{switch(e){case"pds-filter":customElements.get(n(e))||customElements.define(n(e),c);break;case"pds-icon":customElements.get(n(e))||p()}}))};export{d as PdsFilter,h as defineCustomElement}

package/components/pds-filters.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as s,h as t,Host as d,transformTag as c}from"@stencil/core/internal/client";const i=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return t(d,{key:"0f4dc3d5ecf71992a4c13f85fec62d4b60f3c6d1",id:this.componentId},t("div",{key:"ee3edc3d752c70d7888028b45dcb1c89f297803c",class:"pds-filters"},t("slot",{key:"de693eedf74a029a0a279855cd2602420891ef10"})))}static get style(){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)}"}},[257,"pds-filters",{componentId:[1,"component-id"]}]),l=i,n=function(){"undefined"!=typeof customElements&&["pds-filters"].forEach((e=>{"pds-filters"===e&&(customElements.get(c(e))||customElements.define(c(e),i))}))};export{l as PdsFilters,n as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as s,h as t,Host as i,transformTag as l}from"@stencil/core/internal/client";const a=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return t(i,{key:"492357b36ec8ca8552f76aea6a4e4baf01ee92d5",id:this.componentId},t("div",{key:"fbf56c5452b4b0627a95008a601ccd6ace59417c",class:"pds-filters"},t("slot",{key:"c0e1d6b7b86ff39425d26dc75bf950283a371f71"})))}static get style(){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)}"}},[257,"pds-filters",{componentId:[1,"component-id"]}]),n=a,r=function(){"undefined"!=typeof customElements&&["pds-filters"].forEach((e=>{"pds-filters"===e&&(customElements.get(l(e))||customElements.define(l(e),a))}))};export{n as PdsFilters,r as defineCustomElement}

package/components/pds-icon2.js

@@ -1 +1 @@
-import{Build as t,proxyCustomElement as i,HTMLElement as e,h as n,Host as s,transformTag as o}from"@stencil/core/internal/client";let r,l=!1;const a=(t,i)=>(t||!i||u(i)||(t=i),m(t)&&(t=p(t)),m(t)&&""!==t.trim()?""!=t.replace(/[a-z]|-|\d/gi,"")?null:t:null),c=t=>m(t)&&(t=t.trim(),u(t))?t:null,h=i=>{let e=c(i.src);return e||(e=a(i.name,i.icon),e?(n=e,(()=>{if("undefined"==typeof window)return new Map;if(!r){const t=window;t.PdsIcons=t.PdsIcons||{},r=t.PdsIcons.map=t.PdsIcons.map||new Map}return r})().get(n)||(i=>{var e;const n=null===(e=document.head.querySelector("meta[data-pine-asset-path]"))||void 0===e?void 0:e.dataset.pineAssetPath,s=window.__PINE_ASSET_PATH__,o=t.isTesting?"/dist/pds-icons":n||s||"https://cdn.jsdelivr.net/npm/@pine-ds/icons/dist/";o.startsWith("https://cdn.jsdelivr.net/npm/")&&!l&&(l=!0,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    "));let r=i;return i.startsWith("./")&&(r=i.substring(2)),o.endsWith("/")||(r="/"+r),o+r})(`svg/${n}.svg`)):i.icon&&(e=c(i.icon),e)?e:null);var n},d=t=>t&&""!==t.dir?"rtl"===t.dir.toLowerCase():"rtl"===(null===document||void 0===document?void 0:document.dir.toLowerCase()),u=t=>t.length>0&&/(\/|\.)/.test(t),m=t=>"string"==typeof t,p=t=>t.toLowerCase(),f=["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"],g=t=>{if(1===t.nodeType){if("script"===t.nodeName.toLowerCase())return!1;for(let i=0;i<t.attributes.length;i++){const e=t.attributes[i].name;if(m(e)&&0===e.toLowerCase().indexOf("on"))return!1}for(let i=0;i<t.childNodes.length;i++)if(!g(t.childNodes[i]))return!1}return!0},w=new Map,v=new Map;let y;const b=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.didLoadIcon=!1,this.iconName=null,this.inheritedAttributes={},this.isVisible=!1,this.size="regular",this.hasAriaHidden=()=>{const{el:t}=this;return t.hasAttribute("aria-hidden")&&"true"===t.getAttribute("aria-hidden")}}iconSize(){const t={small:"12px",regular:"16px",medium:"20px",large:"24px"};return t[this.size]?t[this.size]:this.size}componentDidLoad(){this.setCSSVariables(),this.didLoadIcon||this.loadIcon(),setTimeout((()=>{this.svgContent||this.isVisible||(this.isVisible=!0,this.loadIcon())}),100),setTimeout((()=>{this.svgContent||this.isVisible||(this.isVisible=!0,this.loadIcon())}),500)}componentWillLoad(){this.inheritedAttributes=((t,i=[])=>{const e={};return i.forEach((i=>{t.hasAttribute(i)&&(null!==t.getAttribute(i)&&(e[i]=t.getAttribute(i)),t.removeAttribute(i))})),e})(this.el,["aria-label"]),this.setCSSVariables(),this.setupInitialAriaLabel()}setCSSVariables(){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",void 0!==this.color?this.color:"currentColor")}connectedCallback(){this.isVisible||this.svgContent||this.waitUntilVisible(this.el,"50px",(()=>{this.isVisible=!0,this.loadIcon()})),this.isElementInViewport(this.el)&&(this.isVisible=!0,this.loadIcon())}disconnectedCallback(){this.io&&(this.io.disconnect(),this.io=void 0)}updateStyles(){this.setCSSVariables()}onIconPropertyChange(){this.loadIcon(),this.setupInitialAriaLabel()}loadIcon(){if(this.didLoadIcon=!1,this.svgContent=void 0,t.isBrowser&&this.isVisible){const t=h(this);t&&(w.has(t)?this.svgContent=w.get(t):((t,i=!1)=>{let e=v.get(t);if(!e){if("undefined"==typeof fetch||"undefined"==typeof document)return w.set(t,""),Promise.resolve();if((t=>t.startsWith("data:image/svg+xml"))(t)&&(t=>-1!==t.indexOf(";utf8,"))(t)){y||(y=new DOMParser);try{const i=y.parseFromString(t,"text/html").querySelector("svg");w.set(t,i?i.outerHTML:"")}catch(i){w.set(t,"")}return Promise.resolve()}e=fetch(t).then((e=>{if(e.ok)return e.text().then((e=>{if(e&&!1!==i)try{e=(t=>{const i=document.createElement("div");i.innerHTML=t;for(let t=i.childNodes.length-1;t>=0;t--)"svg"!==i.childNodes[t].nodeName.toLowerCase()&&i.removeChild(i.childNodes[t]);const e=i.firstElementChild;if(e&&"svg"===e.nodeName.toLowerCase()){const t=e.getAttribute("class")||"";if(e.setAttribute("class",(t+" s-pds-icon").trim()),g(e))return i.innerHTML}return""})(e)}catch(t){e=""}w.set(t,e||"")}));throw new Error(`Failed to load SVG: ${e.status} ${e.statusText}`)})).catch((i=>{console.warn("Failed to load SVG:",t,i),w.set(t,"")})),v.set(t,e)}return e})(t).then((()=>{setTimeout((()=>{this.svgContent=w.get(t)}),0)})).catch((()=>{this.svgContent=""})),this.didLoadIcon=!0)}this.iconName=a(this.name,this.icon)}render(){const{ariaLabel:i,flipRtl:e,iconName:o,inheritedAttributes:r}=this,l=!!o&&(t=>d(this.el)&&f.includes(t))(o)&&!1!==e,a=e||l,c=r["aria-label"]||i;return n(s,Object.assign({key:"43aa73531314e6529a887468e69362430d006229","aria-label":void 0===c||this.hasAriaHidden()?null:c,alt:"",role:"img",class:Object.assign(Object.assign({},C(this.color)),{"flip-rtl":a,"icon-rtl":a&&d(this.el)})},r),n("div",t.isBrowser&&this.svgContent?{class:"icon-inner",innerHTML:this.svgContent}:{class:"icon-inner"}))}setupInitialAriaLabel(){if(!this.inheritedAttributes["aria-label"]){const t=a(this.name,this.icon);t&&(this.ariaLabel=t.replace(/\-/g," "))}}waitUntilVisible(i,e,n){if(t.isBrowser&&"undefined"!=typeof window&&window.IntersectionObserver){const t=this.io=new window.IntersectionObserver((i=>{i[0].isIntersecting&&(t.disconnect(),this.io=void 0,n())}),{rootMargin:e});t.observe(i),setTimeout((()=>{this.io&&!this.isVisible&&this.isElementInViewport(i)&&(this.io.disconnect(),this.io=void 0,n())}),1e3)}else n()}isElementInViewport(t){if(!t||!t.isConnected)return!1;const i=t.getBoundingClientRect(),e=window.innerHeight||document.documentElement.clientHeight,n=window.innerWidth||document.documentElement.clientWidth;return i.top>=0&&i.left>=0&&i.bottom<=e&&i.right<=n||i.top<e&&i.bottom>0&&i.left<n&&i.right>0}debugIconState(){var t;const i=h(this),e=this.el.getBoundingClientRect();console.log("PdsIcon Debug State:",{name:this.name,src:this.src,icon:this.icon,iconName:this.iconName,url:i,isVisible:this.isVisible,didLoadIcon:this.didLoadIcon,hasSvgContent:!!this.svgContent,svgContentLength:(null===(t=this.svgContent)||void 0===t?void 0:t.length)||0,isInCache:!!i&&w.has(i),cachedContent:i?w.get(i):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}})}static get assetsDirs(){return["svg"]}get el(){return this}static get watchers(){return{size:[{updateStyles:0}],color:[{updateStyles:0}],name:[{onIconPropertyChange:0}],src:[{onIconPropertyChange:0}],icon:[{onIconPropertyChange:0}]}}static get style(){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)}"}},[1,"pds-icon",{color:[1],flipRtl:[4,"flip-rtl"],icon:[8],name:[513],size:[513],src:[1],ariaLabel:[32],isVisible:[32],svgContent:[32]},void 0,{size:[{updateStyles:0}],color:[{updateStyles:0}],name:[{onIconPropertyChange:0}],src:[{onIconPropertyChange:0}],icon:[{onIconPropertyChange:0}]}]),C=t=>t?{"pds-color":!0,[`pds-color-${t}`]:!0}:null;function I(){"undefined"!=typeof customElements&&["pds-icon"].forEach((t=>{"pds-icon"===t&&(customElements.get(o(t))||customElements.define(o(t),b))}))}export{b as P,I as d}
+import{Build as t,proxyCustomElement as i,HTMLElement as e,h as n,Host as s,transformTag as o}from"@stencil/core/internal/client";let r,l=!1;const a=(t,i)=>(t||!i||u(i)||(t=i),m(t)&&(t=p(t)),m(t)&&""!==t.trim()?""!=t.replace(/[a-z]|-|\d/gi,"")?null:t:null),c=t=>m(t)&&(t=t.trim(),u(t))?t:null,h=i=>{let e=c(i.src);return e||(e=a(i.name,i.icon),e?(n=e,(()=>{if("undefined"==typeof window)return new Map;if(!r){const t=window;t.PdsIcons=t.PdsIcons||{},r=t.PdsIcons.map=t.PdsIcons.map||new Map}return r})().get(n)||(i=>{var e;const n=null===(e=document.head.querySelector("meta[data-pine-asset-path]"))||void 0===e?void 0:e.dataset.pineAssetPath,s=window.__PINE_ASSET_PATH__,o=t.isTesting?"/dist/pds-icons":n||s||"https://cdn.jsdelivr.net/npm/@pine-ds/icons/dist/";o.startsWith("https://cdn.jsdelivr.net/npm/")&&!l&&(l=!0,console.warn("\n      Fetching Pine assets from jsDelivr CDN.\n\n It's recommended that you bundle Pine Assets with your application and set the path accordingly.\n\nFor more information, read the documentation: \nhttps://pine-design-system.netlify.app/?path=/docs/guides-assets--docs\n    "));let r=i;return i.startsWith("./")&&(r=i.substring(2)),o.endsWith("/")||(r="/"+r),o+r})(`svg/${n}.svg`)):i.icon&&(e=c(i.icon),e)?e:null);var n},d=t=>t&&""!==t.dir?"rtl"===t.dir.toLowerCase():"rtl"===(null===document||void 0===document?void 0:document.dir.toLowerCase()),u=t=>t.length>0&&/(\/|\.)/.test(t),m=t=>"string"==typeof t,p=t=>t.toLowerCase(),f=["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"],g=t=>{if(1===t.nodeType){if("script"===t.nodeName.toLowerCase())return!1;for(let i=0;i<t.attributes.length;i++){const e=t.attributes[i].name;if(m(e)&&0===e.toLowerCase().indexOf("on"))return!1}for(let i=0;i<t.childNodes.length;i++)if(!g(t.childNodes[i]))return!1}return!0},w=new Map,v=new Map;let y;const b=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.didLoadIcon=!1,this.iconName=null,this.inheritedAttributes={},this.isVisible=!1,this.size="regular",this.hasAriaHidden=()=>{const{el:t}=this;return t.hasAttribute("aria-hidden")&&"true"===t.getAttribute("aria-hidden")}}iconSize(){const t={small:"12px",regular:"16px",medium:"20px",large:"24px"};return t[this.size]?t[this.size]:this.size}componentDidLoad(){this.setCSSVariables(),this.didLoadIcon||this.loadIcon(),setTimeout((()=>{this.svgContent||this.isVisible||(this.isVisible=!0,this.loadIcon())}),100),setTimeout((()=>{this.svgContent||this.isVisible||(this.isVisible=!0,this.loadIcon())}),500)}componentWillLoad(){this.inheritedAttributes=((t,i=[])=>{const e={};return i.forEach((i=>{t.hasAttribute(i)&&(null!==t.getAttribute(i)&&(e[i]=t.getAttribute(i)),t.removeAttribute(i))})),e})(this.el,["aria-label"]),this.setCSSVariables(),this.setupInitialAriaLabel()}setCSSVariables(){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",void 0!==this.color?this.color:"currentColor")}connectedCallback(){this.isVisible||this.svgContent||this.waitUntilVisible(this.el,"50px",(()=>{this.isVisible=!0,this.loadIcon()})),this.isElementInViewport(this.el)&&(this.isVisible=!0,this.loadIcon())}disconnectedCallback(){this.io&&(this.io.disconnect(),this.io=void 0)}updateStyles(){this.setCSSVariables()}onIconPropertyChange(){this.loadIcon(),this.setupInitialAriaLabel()}loadIcon(){if(this.didLoadIcon=!1,this.svgContent=void 0,t.isBrowser&&this.isVisible){const t=h(this);t&&(w.has(t)?this.svgContent=w.get(t):((t,i=!1)=>{let e=v.get(t);if(!e){if("undefined"==typeof fetch||"undefined"==typeof document)return w.set(t,""),Promise.resolve();if((t=>t.startsWith("data:image/svg+xml"))(t)&&(t=>-1!==t.indexOf(";utf8,"))(t)){y||(y=new DOMParser);try{const i=y.parseFromString(t,"text/html").querySelector("svg");w.set(t,i?i.outerHTML:"")}catch(i){w.set(t,"")}return Promise.resolve()}e=fetch(t).then((e=>{if(e.ok)return e.text().then((e=>{if(e&&!1!==i)try{e=(t=>{const i=document.createElement("div");i.innerHTML=t;for(let t=i.childNodes.length-1;t>=0;t--)"svg"!==i.childNodes[t].nodeName.toLowerCase()&&i.removeChild(i.childNodes[t]);const e=i.firstElementChild;if(e&&"svg"===e.nodeName.toLowerCase()){const t=e.getAttribute("class")||"";if(e.setAttribute("class",(t+" s-pds-icon").trim()),g(e))return i.innerHTML}return""})(e)}catch(t){e=""}w.set(t,e||"")}));throw new Error(`Failed to load SVG: ${e.status} ${e.statusText}`)})).catch((i=>{console.warn("Failed to load SVG:",t,i),w.set(t,"")})),v.set(t,e)}return e})(t).then((()=>{setTimeout((()=>{this.svgContent=w.get(t)}),0)})).catch((()=>{this.svgContent=""})),this.didLoadIcon=!0)}this.iconName=a(this.name,this.icon)}render(){const{ariaLabel:i,flipRtl:e,iconName:o,inheritedAttributes:r}=this,l=!!o&&(t=>d(this.el)&&f.includes(t))(o)&&!1!==e,a=e||l,c=r["aria-label"]||i;return n(s,Object.assign({key:"43aa73531314e6529a887468e69362430d006229","aria-label":void 0===c||this.hasAriaHidden()?null:c,alt:"",role:"img",class:Object.assign(Object.assign({},C(this.color)),{"flip-rtl":a,"icon-rtl":a&&d(this.el)})},r),n("div",t.isBrowser&&this.svgContent?{class:"icon-inner",innerHTML:this.svgContent}:{class:"icon-inner"}))}setupInitialAriaLabel(){if(!this.inheritedAttributes["aria-label"]){const t=a(this.name,this.icon);t&&(this.ariaLabel=t.replace(/\-/g," "))}}waitUntilVisible(i,e,n){if(t.isBrowser&&"undefined"!=typeof window&&window.IntersectionObserver){const t=this.io=new window.IntersectionObserver((i=>{i[0].isIntersecting&&(t.disconnect(),this.io=void 0,n())}),{rootMargin:e});t.observe(i),setTimeout((()=>{this.io&&!this.isVisible&&this.isElementInViewport(i)&&(this.io.disconnect(),this.io=void 0,n())}),1e3)}else n()}isElementInViewport(t){if(!t||!t.isConnected)return!1;const i=t.getBoundingClientRect(),e=window.innerHeight||document.documentElement.clientHeight,n=window.innerWidth||document.documentElement.clientWidth;return i.top>=0&&i.left>=0&&i.bottom<=e&&i.right<=n||i.top<e&&i.bottom>0&&i.left<n&&i.right>0}debugIconState(){var t;const i=h(this),e=this.el.getBoundingClientRect();console.log("PdsIcon Debug State:",{name:this.name,src:this.src,icon:this.icon,iconName:this.iconName,url:i,isVisible:this.isVisible,didLoadIcon:this.didLoadIcon,hasSvgContent:!!this.svgContent,svgContentLength:(null===(t=this.svgContent)||void 0===t?void 0:t.length)||0,isInCache:!!i&&w.has(i),cachedContent:i?w.get(i):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}})}static get assetsDirs(){return["svg"]}get el(){return this}static get watchers(){return{size:[{updateStyles:0}],color:[{updateStyles:0}],name:[{onIconPropertyChange:0}],src:[{onIconPropertyChange:0}],icon:[{onIconPropertyChange:0}]}}static get style(){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)}"}},[1,"pds-icon",{color:[1],flipRtl:[4,"flip-rtl"],icon:[8],name:[513],size:[513],src:[1],ariaLabel:[32],isVisible:[32],svgContent:[32]},void 0,{size:[{updateStyles:0}],color:[{updateStyles:0}],name:[{onIconPropertyChange:0}],src:[{onIconPropertyChange:0}],icon:[{onIconPropertyChange:0}]}]),C=t=>t?{"pds-color":!0,[`pds-color-${t}`]:!0}:null;function I(){"undefined"!=typeof customElements&&["pds-icon"].forEach((t=>{"pds-icon"===t&&(customElements.get(o(t))||customElements.define(o(t),b))}))}export{b as P,I as d}

package/components/pds-image.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as s,Host as i,transformTag as n}from"@stencil/core/internal/client";const c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.alt="",this.loading="eager"}render(){return s(i,{key:"dbc144927d78e2eb380639eeb8b243133a4b5379",class:{"pds-image":!0},id:this.componentId},s("img",{key:"259c1cd7ffdf4e5dd7c0ef178d28f1f835b57642",alt:this.alt,height:this.height,loading:this.loading,sizes:this.sizes,src:this.src,srcset:this.srcset,width:this.width}))}static get style(){return":host{--dimension-aspect-ratio:auto;display:inline-block}img{aspect-ratio:var(--dimension-aspect-ratio);display:block;height:auto;max-width:100%}"}},[1,"pds-image",{alt:[1],componentId:[1,"component-id"],height:[2],loading:[1],sizes:[1],src:[1],srcset:[1],width:[2]}]),o=c,d=function(){"undefined"!=typeof customElements&&["pds-image"].forEach((t=>{"pds-image"===t&&(customElements.get(n(t))||customElements.define(n(t),c))}))};export{o as PdsImage,d as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as s,h as e,Host as i,transformTag as c}from"@stencil/core/internal/client";const a=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.alt="",this.loading="eager"}render(){return e(i,{key:"0c0f463a1b616ccc485b8086a0210c5d9d2b065c",class:{"pds-image":!0},id:this.componentId},e("img",{key:"2ac4ef66ebbb39d488ce68f06b590a5fad180811",alt:this.alt,height:this.height,loading:this.loading,sizes:this.sizes,src:this.src,srcset:this.srcset,width:this.width}))}static get style(){return":host{--dimension-aspect-ratio:auto;display:inline-block}img{aspect-ratio:var(--dimension-aspect-ratio);display:block;height:auto;max-width:100%}"}},[1,"pds-image",{alt:[1],componentId:[1,"component-id"],height:[2],loading:[1],sizes:[1],src:[1],srcset:[1],width:[2]}]),n=a,o=function(){"undefined"!=typeof customElements&&["pds-image"].forEach((t=>{"pds-image"===t&&(customElements.get(c(t))||customElements.define(c(t),a))}))};export{n as PdsImage,o as defineCustomElement}

package/components/pds-input.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as r,createEvent as i,h as t,Host as n,transformTag as s}from"@stencil/core/internal/client";import{i as d,a as o,m as a}from"./form.js";import{i as p}from"./attributes.js";import{d as l}from"./utils.js";import{h as u}from"./index2.js";import{d as c}from"./pds-icon2.js";const h=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.pdsBlur=i(this,"pdsBlur",7),this.pdsChange=i(this,"pdsChange",7),this.pdsFocus=i(this,"pdsFocus",7),this.pdsInput=i(this,"pdsInput",7),this.pdsKeyDown=i(this,"pdsKeyDown",7),this.inheritedAttributes={},this.isComposing=!1,this.hasLoaded=!1,this.hasPrefix=!1,this.hasSuffix=!1,this.hasPrepend=!1,this.hasAppend=!1,this.hasAction=!1,this.type="text",this.value="",this.hasFocus=!1,this.onInputEvent=e=>{const r=e.target;r&&(this.value=r.value||""),this.emitInputChange(e)},this.onChangeEvent=e=>{this.emitValueChange(e)},this.onBlurEvent=e=>{this.hasFocus=!1,this.focusedValue!==this.value&&this.emitValueChange(e),this.pdsBlur.emit(e)},this.onFocusEvent=e=>{this.hasFocus=!0,this.focusedValue=this.value,this.pdsFocus.emit(e)},this.onCompositionStart=()=>{this.isComposing=!0},this.onCompositionEnd=()=>{this.isComposing=!1},this.onKeyDownEvent=e=>{this.pdsKeyDown.emit(e)}}async setFocus(){this.nativeInput&&this.nativeInput.focus()}observeAddonResize(){var e;"undefined"!=typeof ResizeObserver&&(null===(e=this.resizeObserver)||void 0===e||e.disconnect(),this.resizeObserver=new ResizeObserver((()=>{this.updateAddonWidths()})),this.prefixEl&&this.resizeObserver.observe(this.prefixEl),this.suffixEl&&this.resizeObserver.observe(this.suffixEl))}updateAddonWidths(){requestAnimationFrame((()=>{this.prefixEl&&this.el.style.setProperty("--prefix-width",this.prefixEl.offsetWidth+"px"),this.suffixEl&&this.el.style.setProperty("--suffix-width",this.suffixEl.offsetWidth+"px")}))}renderPrefix(){return null!==this.el.querySelector('[slot="prefix"]')?t("div",{class:"pds-input__prefix",part:"prefix",ref:e=>this.prefixEl=e},t("slot",{name:"prefix",onSlotchange:()=>this.updateAddonWidths()})):null}renderSuffix(){return null!==this.el.querySelector('[slot="suffix"]')?t("div",{class:"pds-input__suffix",part:"suffix",ref:e=>this.suffixEl=e},t("slot",{name:"suffix",onSlotchange:()=>this.updateAddonWidths()})):null}renderPrepend(){return null!==this.el.querySelector('[slot="prepend"]')?t("div",{class:"pds-input__prepend",part:"prepend"},t("slot",{name:"prepend"})):null}renderAppend(){return null!==this.el.querySelector('[slot="append"]')?t("div",{class:"pds-input__append",part:"append"},t("slot",{name:"append"})):null}renderAction(){return null!==this.el.querySelector('[slot="action"]')?t("div",{class:"pds-input__action",part:"action"},t("slot",{name:"action"})):null}componentWillLoad(){this.inheritedAttributes=Object.assign({},p(this.el)),this.hasPrefix=null!==this.el.querySelector('[slot="prefix"]'),this.hasSuffix=null!==this.el.querySelector('[slot="suffix"]'),this.hasPrepend=null!==this.el.querySelector('[slot="prepend"]'),this.hasAppend=null!==this.el.querySelector('[slot="append"]'),this.hasAction=null!==this.el.querySelector('[slot="action"]'),this.originalPdsInput=this.pdsInput}connectedCallback(){this.el.attachInternals&&!this.internals&&(this.internals=this.el.attachInternals()),this.hasLoaded&&!this.resizeObserver&&(this.updateAddonWidths(),this.observeAddonResize())}disconnectedCallback(){var e;null===(e=this.resizeObserver)||void 0===e||e.disconnect(),this.resizeObserver=void 0}componentDidLoad(){this.hasLoaded=!0,this.debounceChanged(),this.updateAddonWidths(),this.observeAddonResize(),this.updateFormValue()}debounceChanged(){const{pdsInput:e,debounce:r,originalPdsInput:i}=this;this.pdsInput=void 0===r?null!=i?i:e:l(e,r)}valueChanged(){const e=this.nativeInput,r=this.getValue();e&&e.value!==r&&!this.isComposing&&(e.value=r),this.updateFormValue()}getValue(){return"number"==typeof this.value?""+this.value:""+(this.value||"")}emitValueChange(e){const{value:r}=this,i=null==r?r:""+r;this.focusedValue=i,this.pdsChange.emit({value:i,event:e})}emitInputChange(e){const{value:r}=this;this.pdsInput.emit({value:null==r?r:""+r,event:e})}updateFormValue(){if(!d()&&this.internals&&this.internals.setFormValue){const e=this.getValue();this.internals.setFormValue(e||null),this.nativeInput&&this.internals&&this.internals.setValidity&&this.internals.setValidity(this.nativeInput.validity,this.nativeInput.validationMessage,this.nativeInput)}}formResetCallback(){this.value="",this.updateFormValue()}formDisabledCallback(e){this.disabled=e}formStateRestoreCallback(e){if("string"==typeof e)this.value=e;else if(e instanceof FormData&&this.name){const r=e.get(this.name);"string"==typeof r&&(this.value=r)}}render(){const{componentId:e,disabled:r,errorMessage:i,helperMessage:s,invalid:d=!1,label:p}=this,l=this.getValue(),c={"pds-input__field-wrapper":!0,"has-focus":this.hasFocus,"has-error":d||!!i,"is-disabled":r,"has-prefix":this.hasPrefix,"has-suffix":this.hasSuffix,"has-prepend":this.hasPrepend,"has-append":this.hasAppend};return t(n,{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},t("div",{key:"9e45a632a63b813f2f097ef903db9e97f6b88b16",class:"pds-input"},p&&t("div",{key:"e9e3710cfa43372a71bbf2440110cd43336c16e3",class:{"pds-input__label-wrapper":!0,"visually-hidden":this.hideLabel}},t("label",{key:"0717152167b9f8776e23bb95d0b3ebdc58a27e8e",htmlFor:e,class:"pds-input__label"},t("span",{key:"cf350936ac9981da1773c7320d5092da2d8aa5c6"},p,this.required&&t("span",{key:"115e170ee93a5bc2c4c396aaf235fd0e6ae09a13",class:"pds-input__required-indicator"}," *"))),!this.hideLabel&&this.renderAction()),t("div",{key:"00839202f48a22c6a6f00fa706eee81314dc1c04",class:c},this.renderPrepend(),this.renderPrefix(),t("input",Object.assign({key:"cb2234ebf58e2148ea6b4b711ff09338722d4457",ref:e=>this.nativeInput=e,class:"pds-input__field","aria-describedby":o(e,d,s,i),"aria-invalid":d?"true":void 0,autocomplete:this.autocomplete,disabled:r,id:e,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:l,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&&t("p",{key:"e322e25b5d6d8fe9c7292087127d7d44c0a27046",class:"pds-input__helper-message",id:a(e,"helper")},s),i&&t("p",{key:"e3a982cf8312fa2a16360a4667fa5286ce304e68",class:"pds-input__error-message",id:a(e,"error")},t("pds-icon",{key:"ffa236865ab93013f54ea0bf2f993a3c3631e919","aria-hidden":"true",icon:u,size:"small"}),i)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{debounce:[{debounceChanged:0}],value:[{valueChanged:0}]}}static get style(){return":host{--pine-input-color-background-danger:var(--pine-color-red-050)}: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)}: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)}"}},[321,"pds-input",{autocomplete:[1],componentId:[1,"component-id"],debounce:[2],disabled:[4],errorMessage:[1,"error-message"],helperMessage:[1,"helper-message"],invalid:[4],label:[1],hideLabel:[4,"hide-label"],max:[1],maxlength:[1],min:[1],minlength:[1],name:[1],pattern:[1],placeholder:[1],readonly:[4],required:[4],step:[1],type:[1],value:[1032],fullWidth:[4,"full-width"],highlight:[516],hasPrefix:[32],hasSuffix:[32],hasPrepend:[32],hasAppend:[32],hasAction:[32],hasFocus:[32],setFocus:[64]},void 0,{debounce:[{debounceChanged:0}],value:[{valueChanged:0}]}]),b=h,v=function(){"undefined"!=typeof customElements&&["pds-input","pds-icon"].forEach((e=>{switch(e){case"pds-input":customElements.get(s(e))||customElements.define(s(e),h);break;case"pds-icon":customElements.get(s(e))||c()}}))};export{b as PdsInput,v as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as r,createEvent as i,h as t,Host as n,transformTag as s}from"@stencil/core/internal/client";import{i as d,a as o,m as a}from"./form.js";import{i as p}from"./attributes.js";import{d as l}from"./utils.js";import{h as u}from"./index2.js";import{d as c}from"./pds-icon2.js";const h=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.pdsBlur=i(this,"pdsBlur",7),this.pdsChange=i(this,"pdsChange",7),this.pdsFocus=i(this,"pdsFocus",7),this.pdsInput=i(this,"pdsInput",7),this.pdsKeyDown=i(this,"pdsKeyDown",7),this.inheritedAttributes={},this.isComposing=!1,this.hasLoaded=!1,this.hasPrefix=!1,this.hasSuffix=!1,this.hasPrepend=!1,this.hasAppend=!1,this.hasAction=!1,this.type="text",this.value="",this.hasFocus=!1,this.onInputEvent=e=>{const r=e.target;r&&(this.value=r.value||""),this.emitInputChange(e)},this.onChangeEvent=e=>{this.emitValueChange(e)},this.onBlurEvent=e=>{this.hasFocus=!1,this.focusedValue!==this.value&&this.emitValueChange(e),this.pdsBlur.emit(e)},this.onFocusEvent=e=>{this.hasFocus=!0,this.focusedValue=this.value,this.pdsFocus.emit(e)},this.onCompositionStart=()=>{this.isComposing=!0},this.onCompositionEnd=()=>{this.isComposing=!1},this.onKeyDownEvent=e=>{this.pdsKeyDown.emit(e)}}async setFocus(){this.nativeInput&&this.nativeInput.focus()}observeAddonResize(){var e;"undefined"!=typeof ResizeObserver&&(null===(e=this.resizeObserver)||void 0===e||e.disconnect(),this.resizeObserver=new ResizeObserver((()=>{this.updateAddonWidths()})),this.prefixEl&&this.resizeObserver.observe(this.prefixEl),this.suffixEl&&this.resizeObserver.observe(this.suffixEl))}updateAddonWidths(){requestAnimationFrame((()=>{this.prefixEl&&this.el.style.setProperty("--prefix-width",this.prefixEl.offsetWidth+"px"),this.suffixEl&&this.el.style.setProperty("--suffix-width",this.suffixEl.offsetWidth+"px")}))}renderPrefix(){return null!==this.el.querySelector('[slot="prefix"]')?t("div",{class:"pds-input__prefix",part:"prefix",ref:e=>this.prefixEl=e},t("slot",{name:"prefix",onSlotchange:()=>this.updateAddonWidths()})):null}renderSuffix(){return null!==this.el.querySelector('[slot="suffix"]')?t("div",{class:"pds-input__suffix",part:"suffix",ref:e=>this.suffixEl=e},t("slot",{name:"suffix",onSlotchange:()=>this.updateAddonWidths()})):null}renderPrepend(){return null!==this.el.querySelector('[slot="prepend"]')?t("div",{class:"pds-input__prepend",part:"prepend"},t("slot",{name:"prepend"})):null}renderAppend(){return null!==this.el.querySelector('[slot="append"]')?t("div",{class:"pds-input__append",part:"append"},t("slot",{name:"append"})):null}renderAction(){return null!==this.el.querySelector('[slot="action"]')?t("div",{class:"pds-input__action",part:"action"},t("slot",{name:"action"})):null}componentWillLoad(){this.inheritedAttributes=Object.assign({},p(this.el)),this.hasPrefix=null!==this.el.querySelector('[slot="prefix"]'),this.hasSuffix=null!==this.el.querySelector('[slot="suffix"]'),this.hasPrepend=null!==this.el.querySelector('[slot="prepend"]'),this.hasAppend=null!==this.el.querySelector('[slot="append"]'),this.hasAction=null!==this.el.querySelector('[slot="action"]'),this.originalPdsInput=this.pdsInput}connectedCallback(){this.el.attachInternals&&!this.internals&&(this.internals=this.el.attachInternals()),this.hasLoaded&&!this.resizeObserver&&(this.updateAddonWidths(),this.observeAddonResize())}disconnectedCallback(){var e;null===(e=this.resizeObserver)||void 0===e||e.disconnect(),this.resizeObserver=void 0}componentDidLoad(){this.hasLoaded=!0,this.debounceChanged(),this.updateAddonWidths(),this.observeAddonResize(),this.updateFormValue()}debounceChanged(){const{pdsInput:e,debounce:r,originalPdsInput:i}=this;this.pdsInput=void 0===r?null!=i?i:e:l(e,r)}valueChanged(){const e=this.nativeInput,r=this.getValue();e&&e.value!==r&&!this.isComposing&&(e.value=r),this.updateFormValue()}getValue(){return"number"==typeof this.value?""+this.value:""+(this.value||"")}emitValueChange(e){const{value:r}=this,i=null==r?r:""+r;this.focusedValue=i,this.pdsChange.emit({value:i,event:e})}emitInputChange(e){const{value:r}=this;this.pdsInput.emit({value:null==r?r:""+r,event:e})}updateFormValue(){if(!d()&&this.internals&&this.internals.setFormValue){const e=this.getValue();this.internals.setFormValue(e||null),this.nativeInput&&this.internals&&this.internals.setValidity&&this.internals.setValidity(this.nativeInput.validity,this.nativeInput.validationMessage,this.nativeInput)}}formResetCallback(){this.value="",this.updateFormValue()}formDisabledCallback(e){this.disabled=e}formStateRestoreCallback(e){if("string"==typeof e)this.value=e;else if(e instanceof FormData&&this.name){const r=e.get(this.name);"string"==typeof r&&(this.value=r)}}render(){const{componentId:e,disabled:r,errorMessage:i,helperMessage:s,invalid:d=!1,label:p}=this,l=this.getValue(),c={"pds-input__field-wrapper":!0,"has-focus":this.hasFocus,"has-error":d||!!i,"is-disabled":r,"has-prefix":this.hasPrefix,"has-suffix":this.hasSuffix,"has-prepend":this.hasPrepend,"has-append":this.hasAppend};return t(n,{key:"b67b80853cbf1f1e84c3ce6d2ff7e63f480c5b8d","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},t("div",{key:"27a60a963cfa1a96391b55800eba27743a2527f4",class:"pds-input"},p&&t("div",{key:"3f8ce2b254feea4b6fe9ea74318f1e6c27a75927",class:{"pds-input__label-wrapper":!0,"visually-hidden":this.hideLabel}},t("label",{key:"1c290cde5a9100b11fe3059725866506d089e834",htmlFor:e,class:"pds-input__label"},t("span",{key:"2ebc8dafa48d6d855be5b8e1aa3bdd417d6250f3"},p,this.required&&t("span",{key:"73f7d22b13739daff6aa104c140208c5b1a86d10",class:"pds-input__required-indicator"}," *"))),!this.hideLabel&&this.renderAction()),t("div",{key:"4ea0b3335abbdf920ca064aa5866a060ef18c2ad",class:c},this.renderPrepend(),this.renderPrefix(),t("input",Object.assign({key:"4acf340fdcf40968e9c46b6a240f8a9008998c11",ref:e=>this.nativeInput=e,class:"pds-input__field","aria-describedby":o(e,d,s,i),"aria-invalid":d?"true":void 0,autocomplete:this.autocomplete,disabled:r,id:e,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:l,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&&t("p",{key:"f1969fe3a5f3aba65f44fcdaddd5a12d90db7fb1",class:"pds-input__helper-message",id:a(e,"helper")},s),i&&t("p",{key:"d4df1ceff95d5db7f2d927e9fcb848444570f9a2",class:"pds-input__error-message",id:a(e,"error")},t("pds-icon",{key:"f69182919903aab42b7641d9a0082861f551a214","aria-hidden":"true",icon:u,size:"small"}),i)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{debounce:[{debounceChanged:0}],value:[{valueChanged:0}]}}static get style(){return":host{--pine-input-color-background-danger:var(--pine-color-red-050)}: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)}: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)}"}},[321,"pds-input",{autocomplete:[1],componentId:[1,"component-id"],debounce:[2],disabled:[4],errorMessage:[1,"error-message"],helperMessage:[1,"helper-message"],invalid:[4],label:[1],hideLabel:[4,"hide-label"],max:[1],maxlength:[1],min:[1],minlength:[1],name:[1],pattern:[1],placeholder:[1],readonly:[4],required:[4],step:[1],type:[1],value:[1032],fullWidth:[4,"full-width"],highlight:[516],hasPrefix:[32],hasSuffix:[32],hasPrepend:[32],hasAppend:[32],hasAction:[32],hasFocus:[32],setFocus:[64]},void 0,{debounce:[{debounceChanged:0}],value:[{valueChanged:0}]}]),b=h,v=function(){"undefined"!=typeof customElements&&["pds-input","pds-icon"].forEach((e=>{switch(e){case"pds-input":customElements.get(s(e))||customElements.define(s(e),h);break;case"pds-icon":customElements.get(s(e))||c()}}))};export{b as PdsInput,v as defineCustomElement}

package/components/pds-link2.js

@@ -1 +1 @@
-import{proxyCustomElement as o,HTMLElement as i,h as t,transformTag as e}from"@stencil/core/internal/client";import{s as r}from"./utils.js";import{l as n}from"./index2.js";import{d as s}from"./pds-icon2.js";const a=o(class extends i{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.active=!1,this.external=!1,this.variant="inline",this.fontSize="lg"}classNames(){const o=["pds-link"];return this.fontSize&&o.push("pds-link--"+this.fontSize),this.variant&&o.push("pds-link--"+this.variant),o.join(" ")}setLinkStyles(){if(this.color)return r(this.color,{secondary:"var(--pine-color-text-primary)",accent:"var(--pine-color-accent)",danger:"var(--pine-color-danger)"})}render(){const o=this.target||(this.external?"_blank":void 0),i=this.external,e="_blank"===o?"noopener noreferrer":void 0;return t("a",{key:"532bc4afd39f637b021556875a1744dd85d4a227",class:this.classNames(),download:this.download,href:this.href,id:this.componentId,part:"link","aria-current":this.active?"page":void 0,target:o,rel:e,style:this.setLinkStyles(),"data-turbo":this.turbo||void 0,"data-turbo-frame":this.turboFrame||void 0,"data-turbo-action":this.turboAction||void 0,"data-turbo-method":this.turboMethod||void 0,"data-turbo-confirm":this.turboConfirm||void 0,"data-turbo-stream":this.turboStream||void 0,"data-turbo-prefetch":this.turboPrefetch||void 0,"data-turbo-preload":this.turboPreload||void 0},t("slot",{key:"854b411525e89363fbc13fb3119c4f04e611d0a0"},this.href),i&&t("pds-icon",{key:"c670f8c1f46bd55b6ebd735a98c0dbff8eb24076",icon:n,size:this.fontSize}))}static get style(){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}"}},[257,"pds-link",{active:[516],color:[1],download:[1],componentId:[1,"component-id"],external:[4],target:[1],variant:[1],fontSize:[1,"font-size"],href:[1],turbo:[1],turboFrame:[1,"turbo-frame"],turboAction:[1,"turbo-action"],turboMethod:[1,"turbo-method"],turboConfirm:[1,"turbo-confirm"],turboStream:[1,"turbo-stream"],turboPrefetch:[1,"turbo-prefetch"],turboPreload:[1,"turbo-preload"]}]);function d(){"undefined"!=typeof customElements&&["pds-link","pds-icon"].forEach((o=>{switch(o){case"pds-link":customElements.get(e(o))||customElements.define(e(o),a);break;case"pds-icon":customElements.get(e(o))||s()}}))}export{a as P,d}
+import{proxyCustomElement as o,HTMLElement as e,h as i,transformTag as t}from"@stencil/core/internal/client";import{s as r}from"./utils.js";import{l as n}from"./index2.js";import{d as s}from"./pds-icon2.js";const a=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.active=!1,this.external=!1,this.variant="inline",this.fontSize="lg"}classNames(){const o=["pds-link"];return this.fontSize&&o.push("pds-link--"+this.fontSize),this.variant&&o.push("pds-link--"+this.variant),o.join(" ")}setLinkStyles(){if(this.color)return r(this.color,{secondary:"var(--pine-color-text-primary)",accent:"var(--pine-color-accent)",danger:"var(--pine-color-danger)"})}render(){const o=this.target||(this.external?"_blank":void 0),e=this.external,t="_blank"===o?"noopener noreferrer":void 0;return i("a",{key:"9e2d6cc4f2697bd11db4fd7ddd6f9e42ef28cf8c",class:this.classNames(),download:this.download,href:this.href,id:this.componentId,part:"link","aria-current":this.active?"page":void 0,target:o,rel:t,style:this.setLinkStyles(),"data-turbo":this.turbo||void 0,"data-turbo-frame":this.turboFrame||void 0,"data-turbo-action":this.turboAction||void 0,"data-turbo-method":this.turboMethod||void 0,"data-turbo-confirm":this.turboConfirm||void 0,"data-turbo-stream":this.turboStream||void 0,"data-turbo-prefetch":this.turboPrefetch||void 0,"data-turbo-preload":this.turboPreload||void 0},i("slot",{key:"f48dd74f1921400553845ea3b03720749b1a6737"},this.href),e&&i("pds-icon",{key:"299d4f31ec32b614fd9f4d1c19acae63ee7a9169",icon:n,size:this.fontSize}))}static get style(){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}"}},[257,"pds-link",{active:[516],color:[1],download:[1],componentId:[1,"component-id"],external:[4],target:[1],variant:[1],fontSize:[1,"font-size"],href:[1],turbo:[1],turboFrame:[1,"turbo-frame"],turboAction:[1,"turbo-action"],turboMethod:[1,"turbo-method"],turboConfirm:[1,"turbo-confirm"],turboStream:[1,"turbo-stream"],turboPrefetch:[1,"turbo-prefetch"],turboPreload:[1,"turbo-preload"]}]);function d(){"undefined"!=typeof customElements&&["pds-link","pds-icon"].forEach((o=>{switch(o){case"pds-link":customElements.get(t(o))||customElements.define(t(o),a);break;case"pds-icon":customElements.get(t(o))||s()}}))}export{a as P,d}

package/components/pds-loader2.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as i,h as a,Host as n,transformTag as t}from"@stencil/core/internal/client";const r=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.isLoading=!0,this.showLabel=!1,this.size="md",this.variant="spinner",this.getSvgStyle=()=>{if(void 0!==this.size)return{height:this.loaderSize(),width:this.loaderSize()}}}loaderSize(){const e={xs:"24px",sm:"32px",md:"48px",lg:"64px",xl:"80px"};return e[this.size]?e[this.size]:this.size}render(){return a(n,{key:"288e980a91a4a05984ec7d16c198cff227a2e676",class:"pds-loader "+(this.isLoading?"":"pds-loader--hidden"),"aria-hidden":!this.isLoading,"aria-busy":this.isLoading,"aria-live":"polite"},"spinner"===this.variant&&a("div",{key:"dc8643b932182b540ce93dd87dad10f07174d59f",class:"pds-loader--spinner"},a("svg",{key:"2cec5ddfdf9772c0d20ce11a6bf070d0bc06a53b",style:this.getSvgStyle(),viewBox:"0 0 200 200",fill:"none",part:"loader-svg"},a("defs",{key:"f2554f75fe1bd3e0e3afc1947220d3c004184e84"},a("linearGradient",{key:"edef079f8b959604ec9f911739a78801c5f285c0",id:"spinner-secondHalf"},a("stop",{key:"337a53ea77d19e9dfd3a5d43f01f6886c71f190b",offset:"0%","stop-opacity":"0","stop-color":"currentColor"}),a("stop",{key:"ca2e6363e2feece31ba1a4b2de0d3ec66c4c45f9",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"})),a("linearGradient",{key:"5458cf7f8e9e35e23dfc5aa4e5f7ef5c7b9d142d",id:"spinner-firstHalf"},a("stop",{key:"7cbb4bc34f8792e648c8bf1bfe6db8e319bf68cf",offset:"0%","stop-opacity":"1","stop-color":"currentColor"}),a("stop",{key:"febbf165e3da7d328dfa35cf5930a8069fea604e",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"}))),a("g",{key:"a2becedb247748508013f80c9dbd6eccc6818e6f",class:"pds-loader__spinner-path"},a("path",{key:"2df230f57210ee7c10ff22d99d3fd8a1dd17b217",stroke:"url(#spinner-secondHalf)",d:"M 4 100 A 96 96 0 0 1 196 100"}),a("path",{key:"b85ae9aebe39f99d1d06a3e03e8ef7027fa8a866",stroke:"url(#spinner-firstHalf)",d:"M 196 100 A 96 96 0 0 1 4 100"}),a("path",{key:"9f0508fdf50f6274e2b0656565585198f6105b68",stroke:"currentColor","stroke-linecap":"round",d:"M 4 100 A 96 96 0 0 1 4 98"})))),"typing"===this.variant&&a("div",{key:"0520d0113a7b4498692e523c273616d67b90f042",class:"pds-loader--typing"},a("span",{key:"a1083f20b9cd04d1ba685aafd736fcd154dc597f"}),a("span",{key:"9eab7a6bfcca61861cbdd01953b2aa0762770b80"}),a("span",{key:"d4599150cd603fcfe6b2f50044a0ed867fad6070"})),a("div",{key:"b37bc877a5fd6cd7249b10bca48ac50eb31f4f40",class:"pds-loader__label "+(this.showLabel?"":"pds-loader--hidden")},a("slot",{key:"689ca4190506689ca6c92b61ada5c96a2a1427ab",name:"label"},"Loading...")))}static get style(){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)}"}},[257,"pds-loader",{isLoading:[4,"is-loading"],showLabel:[4,"show-label"],size:[513],variant:[1]}]);function o(){"undefined"!=typeof customElements&&["pds-loader"].forEach((e=>{"pds-loader"===e&&(customElements.get(t(e))||customElements.define(t(e),r))}))}export{r as P,o as d}
+import{proxyCustomElement as e,HTMLElement as i,h as a,Host as n,transformTag as t}from"@stencil/core/internal/client";const r=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.isLoading=!0,this.showLabel=!1,this.size="md",this.variant="spinner",this.getSvgStyle=()=>{if(void 0!==this.size)return{height:this.loaderSize(),width:this.loaderSize()}}}loaderSize(){const e={xs:"24px",sm:"32px",md:"48px",lg:"64px",xl:"80px"};return e[this.size]?e[this.size]:this.size}render(){return a(n,{key:"ce5b09477f57aad1a09ce3a38b81b64f673944b2",class:"pds-loader "+(this.isLoading?"":"pds-loader--hidden"),"aria-hidden":!this.isLoading,"aria-busy":this.isLoading,"aria-live":"polite"},"spinner"===this.variant&&a("div",{key:"d193dfdaa527debff73705cef65e3d7f7a9a69ae",class:"pds-loader--spinner"},a("svg",{key:"c881ff2ee1d5d92ac55300bd13e9d066f7a3970f",style:this.getSvgStyle(),viewBox:"0 0 200 200",fill:"none",part:"loader-svg"},a("defs",{key:"998920cdc820cc4e60df39bda5707e0b6bd5d0fe"},a("linearGradient",{key:"02028f6ac070703f8b96b1723c4d2c07670e73bb",id:"spinner-secondHalf"},a("stop",{key:"b3120c2a597d8f646e791b1ac09a262486fb29cc",offset:"0%","stop-opacity":"0","stop-color":"currentColor"}),a("stop",{key:"932056b587b5e3191952506d9411c68375af6620",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"})),a("linearGradient",{key:"14540856cb968c220f71537c012a8c415d39af85",id:"spinner-firstHalf"},a("stop",{key:"c94d634b1dffa0c5301b8cb2c0b6e81fdb34429e",offset:"0%","stop-opacity":"1","stop-color":"currentColor"}),a("stop",{key:"b6477c000c01728a60a7fd8e182f24da4b554128",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"}))),a("g",{key:"810f7c7bcd8e33bd2bed70932ed174eef48ae711",class:"pds-loader__spinner-path"},a("path",{key:"4e54f348c563cca7e14790a34a58dacbda452824",stroke:"url(#spinner-secondHalf)",d:"M 4 100 A 96 96 0 0 1 196 100"}),a("path",{key:"3968c60f27ec619aabc74a278026abdd94d4510f",stroke:"url(#spinner-firstHalf)",d:"M 196 100 A 96 96 0 0 1 4 100"}),a("path",{key:"171fe08e0aec1f207704a0395388ccc57ea045d4",stroke:"currentColor","stroke-linecap":"round",d:"M 4 100 A 96 96 0 0 1 4 98"})))),"typing"===this.variant&&a("div",{key:"60cf0b871807eb49ce73d3e63f00f5914c9c9eec",class:"pds-loader--typing"},a("span",{key:"dfbdcc1fe558803d39caa56bb57763269c061661"}),a("span",{key:"0c343f36a8d71bdc07306b3c879016686da94199"}),a("span",{key:"f2a30e560ef0c9ac26c596dbaad33eeb0e4f7ff3"})),a("div",{key:"0fa18b15a3962df872fd28136caf258cd09cafdb",class:"pds-loader__label "+(this.showLabel?"":"pds-loader--hidden")},a("slot",{key:"e8eabec0c6d24d3ad962ecee9e0ed6e0e0b4adc0",name:"label"},"Loading...")))}static get style(){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)}"}},[257,"pds-loader",{isLoading:[4,"is-loading"],showLabel:[4,"show-label"],size:[513],variant:[1]}]);function o(){"undefined"!=typeof customElements&&["pds-loader"].forEach((e=>{"pds-loader"===e&&(customElements.get(t(e))||customElements.define(t(e),r))}))}export{r as P,o as d}

package/components/pds-modal-content.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as o,Host as s,transformTag as n}from"@stencil/core/internal/client";import{u as d}from"./reconnected-content.js";const i=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.border="none",this.contentMaxHeight="none",this.userSetBorder=!1}componentDidRender(){d(this.el.querySelector(".pds-modal-content"),".pds-modal-content")}componentWillLoad(){const t=this.el.getAttribute("border");this.userSetBorder=null!==t||"none"!==this.border}componentDidLoad(){this.calculateMaxHeight(),window.addEventListener("resize",this.handleResize.bind(this)),this.userSetBorder||setTimeout((()=>{this.el.addEventListener("scroll",this.handleScroll.bind(this)),setTimeout((()=>this.updateBorders()),100)}),100)}disconnectedCallback(){window.removeEventListener("resize",this.handleResize.bind(this)),this.userSetBorder||this.el.removeEventListener("scroll",this.handleScroll.bind(this)),this.mutationObserver&&this.mutationObserver.disconnect()}handleScroll(){this.updateBorders()}handleResize(){this.calculateMaxHeight(),setTimeout((()=>this.updateBorders()),50)}updateBorders(){if(this.userSetBorder)return;const t=this.el.closest("pds-modal");if(!t)return;if(!1===t.scrollable)return void(this.border="none");const e=this.el;if(!(e.scrollHeight>e.clientHeight))return void(this.border="none");const{scrollTop:o,scrollHeight:s,clientHeight:n}=e,d=o<=3,i=o+n>=s-3;this.border=d&&i?"none":d&&!i?"bottom":!d&&i?"top":"both"}calculateMaxHeight(){const t=this.el.closest("pds-modal");if(!t)return;const e=!1!==t.scrollable;setTimeout((()=>{if(!e){this.contentMaxHeight="none";const t=this.el.querySelector(".pds-modal-content");return void(t&&(t.style.maxHeight="none"))}const o=t.querySelector("pds-modal-header"),s=t.querySelector("pds-modal-footer"),n=o?o.offsetHeight:0,d=s?s.offsetHeight:0;if(n>0||d>0){const t=Math.round(.06*window.innerHeight);this.contentMaxHeight=`calc(100vh - ${n+d+48+t+50}px)`;const e=this.el.querySelector(".pds-modal-content");e&&(e.style.maxHeight=this.contentMaxHeight)}else this.contentMaxHeight="none";setTimeout((()=>this.updateBorders()),150)}),100),!this.mutationObserver&&t&&(this.mutationObserver=new MutationObserver((()=>{this.calculateMaxHeight()})),this.mutationObserver.observe(t,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["style","class"]}))}render(){const t="none"!==this.contentMaxHeight?{maxHeight:this.contentMaxHeight}:{};return o(s,{key:"3e8e95b159205c5c8183eb7f6c60d358290e0896"},o("div",{key:"97988c0bbcbf256fc3369ccedefe854dd196ef82",class:{"pds-modal-content":!0,["pds-modal-content--border-"+this.border]:!0},style:t,tabindex:"-1"},o("slot",{key:"c76eb4759b7bf4898845b65768908c896fe64f4e"})))}get el(){return this}static get style(){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%}"}},[260,"pds-modal-content",{border:[1537],contentMaxHeight:[32]}]),r=i,l=function(){"undefined"!=typeof customElements&&["pds-modal-content"].forEach((t=>{"pds-modal-content"===t&&(customElements.get(n(t))||customElements.define(n(t),i))}))};export{r as PdsModalContent,l as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,h as o,Host as s,transformTag as n}from"@stencil/core/internal/client";import{u as d}from"./reconnected-content.js";const i=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.border="none",this.contentMaxHeight="none",this.userSetBorder=!1}componentDidRender(){d(this.el.querySelector(".pds-modal-content"),".pds-modal-content")}componentWillLoad(){const t=this.el.getAttribute("border");this.userSetBorder=null!==t||"none"!==this.border}componentDidLoad(){this.calculateMaxHeight(),window.addEventListener("resize",this.handleResize.bind(this)),this.userSetBorder||setTimeout((()=>{this.el.addEventListener("scroll",this.handleScroll.bind(this)),setTimeout((()=>this.updateBorders()),100)}),100)}disconnectedCallback(){window.removeEventListener("resize",this.handleResize.bind(this)),this.userSetBorder||this.el.removeEventListener("scroll",this.handleScroll.bind(this)),this.mutationObserver&&this.mutationObserver.disconnect()}handleScroll(){this.updateBorders()}handleResize(){this.calculateMaxHeight(),setTimeout((()=>this.updateBorders()),50)}updateBorders(){if(this.userSetBorder)return;const t=this.el.closest("pds-modal");if(!t)return;if(!1===t.scrollable)return void(this.border="none");const e=this.el;if(!(e.scrollHeight>e.clientHeight))return void(this.border="none");const{scrollTop:o,scrollHeight:s,clientHeight:n}=e,d=o<=3,i=o+n>=s-3;this.border=d&&i?"none":d&&!i?"bottom":!d&&i?"top":"both"}calculateMaxHeight(){const t=this.el.closest("pds-modal");if(!t)return;const e=!1!==t.scrollable;setTimeout((()=>{if(!e){this.contentMaxHeight="none";const t=this.el.querySelector(".pds-modal-content");return void(t&&(t.style.maxHeight="none"))}const o=t.querySelector("pds-modal-header"),s=t.querySelector("pds-modal-footer"),n=o?o.offsetHeight:0,d=s?s.offsetHeight:0;if(n>0||d>0){const t=Math.round(.06*window.innerHeight);this.contentMaxHeight=`calc(100vh - ${n+d+48+t+50}px)`;const e=this.el.querySelector(".pds-modal-content");e&&(e.style.maxHeight=this.contentMaxHeight)}else this.contentMaxHeight="none";setTimeout((()=>this.updateBorders()),150)}),100),!this.mutationObserver&&t&&(this.mutationObserver=new MutationObserver((()=>{this.calculateMaxHeight()})),this.mutationObserver.observe(t,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["style","class"]}))}render(){const t="none"!==this.contentMaxHeight?{maxHeight:this.contentMaxHeight}:{};return o(s,{key:"7bd0f26425c71e4551ae21e38d57d2124dabfc50"},o("div",{key:"120e6947e734e44883af975991781f338acd7dbc",class:{"pds-modal-content":!0,["pds-modal-content--border-"+this.border]:!0},style:t,tabindex:"-1"},o("slot",{key:"6f2c8d44a69df8ecc1214e00604023274cee2790"})))}get el(){return this}static get style(){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%}"}},[260,"pds-modal-content",{border:[1537],contentMaxHeight:[32]}]),r=i,l=function(){"undefined"!=typeof customElements&&["pds-modal-content"].forEach((t=>{"pds-modal-content"===t&&(customElements.get(n(t))||customElements.define(n(t),i))}))};export{r as PdsModalContent,l as defineCustomElement}

package/components/pds-modal-footer.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as o,h as t,transformTag as s}from"@stencil/core/internal/client";import{u as r}from"./reconnected-content.js";const d=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost()}componentDidRender(){r(this.el.querySelector(".pds-modal__footer"),".pds-modal__footer")}render(){return t("footer",{key:"63bb557978ea69aa658026f7be24433b946b2ee6",class:"pds-modal__footer"},t("slot",{key:"158a929229b0efa8720f869756076203f297c744"}))}get el(){return this}static get style(){return"pds-modal-footer{display:block;width:100%}.pds-modal__footer{width:100%}"}},[260,"pds-modal-footer"]),n=d,l=function(){"undefined"!=typeof customElements&&["pds-modal-footer"].forEach((e=>{"pds-modal-footer"===e&&(customElements.get(s(e))||customElements.define(s(e),d))}))};export{n as PdsModalFooter,l as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as o,h as t,transformTag as s}from"@stencil/core/internal/client";import{u as d}from"./reconnected-content.js";const r=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost()}componentDidRender(){d(this.el.querySelector(".pds-modal__footer"),".pds-modal__footer")}render(){return t("footer",{key:"f344716ed1fbd77b447e10c9b78565918dc17be0",class:"pds-modal__footer"},t("slot",{key:"ba85cf6f7f56c8f8a8ff6d24c5fa647722140fda"}))}get el(){return this}static get style(){return"pds-modal-footer{display:block;width:100%}.pds-modal__footer{width:100%}"}},[260,"pds-modal-footer"]),n=r,f=function(){"undefined"!=typeof customElements&&["pds-modal-footer"].forEach((e=>{"pds-modal-footer"===e&&(customElements.get(s(e))||customElements.define(s(e),r))}))};export{n as PdsModalFooter,f as defineCustomElement}

package/components/pds-modal-header.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as d,h as t,transformTag as s}from"@stencil/core/internal/client";import{u as a}from"./reconnected-content.js";const r=e(class extends d{constructor(e){super(),!1!==e&&this.__registerHost()}componentDidRender(){a(this.el.querySelector(".pds-modal__header"),".pds-modal__header")}render(){return t("header",{key:"ae4277052c04a1804e0e73f2873e636ea4cb890c",class:"pds-modal__header"},t("slot",{key:"5c4a7b463835de451c9c3f15e0ac669bf32aee23"}))}get el(){return this}static get style(){return"pds-modal-header{display:block;width:100%}.pds-modal__header{width:100%}"}},[260,"pds-modal-header"]),o=r,c=function(){"undefined"!=typeof customElements&&["pds-modal-header"].forEach((e=>{"pds-modal-header"===e&&(customElements.get(s(e))||customElements.define(s(e),r))}))};export{o as PdsModalHeader,c as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as d,h as t,transformTag as s}from"@stencil/core/internal/client";import{u as r}from"./reconnected-content.js";const a=e(class extends d{constructor(e){super(),!1!==e&&this.__registerHost()}componentDidRender(){r(this.el.querySelector(".pds-modal__header"),".pds-modal__header")}render(){return t("header",{key:"0490ac7854089dad4666e2a6509ae730f805f97f",class:"pds-modal__header"},t("slot",{key:"b76e5a970d3f17411b9e9e5debd981298f2290d1"}))}get el(){return this}static get style(){return"pds-modal-header{display:block;width:100%}.pds-modal__header{width:100%}"}},[260,"pds-modal-header"]),o=a,n=function(){"undefined"!=typeof customElements&&["pds-modal-header"].forEach((e=>{"pds-modal-header"===e&&(customElements.get(s(e))||customElements.define(s(e),a))}))};export{o as PdsModalHeader,n as defineCustomElement}

package/components/pds-modal.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as i,createEvent as e,h as s,transformTag as o}from"@stencil/core/internal/client";import{u as d}from"./reconnected-content.js";const a=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.pdsModalOpen=e(this,"pdsModalOpen",7),this.pdsModalClose=e(this,"pdsModalClose",7),this.focusableElements=[],this.backdropDismiss=!0,this.open=!1,this.size="md",this.scrollable=!0,this.disableTopLayer=!1,this.focusableElementsArray=[],this.handleBackdropClick=t=>{this.backdropDismiss&&this.open&&t.target.classList.contains("pds-modal__backdrop")&&(t.stopPropagation(),this.isInnermostModal()&&this.hideModal())},this.handleKeyDown=t=>{if(this.open){if("Escape"===t.key){const i=document.activeElement;if(this.disableTopLayer&&i&&i!==document.body&&!this.el.contains(i))return;return t.preventDefault(),void(this.backdropDismiss&&this.isInnermostModal()&&this.hideModal())}if("Tab"===t.key){if(this.disableTopLayer)return;if(0===this.focusableElements.length)return;const i=this.focusableElements[0],e=this.focusableElements[this.focusableElements.length-1],s=document.activeElement,o=s===i||i.contains(s),d=s===e||e.contains(s);t.shiftKey&&o?(t.preventDefault(),this.focusElement(e)):!t.shiftKey&&d&&(t.preventDefault(),this.focusElement(i))}}}}componentDidLoad(){this.modalRef=this.el.querySelector(".pds-modal__backdrop"),document.addEventListener("keydown",this.handleKeyDown)}componentDidRender(){d(this.el.querySelector(".pds-modal"),"dialog.pds-modal__backdrop",".pds-modal")}disconnectedCallback(){document.removeEventListener("keydown",this.handleKeyDown)}handleOpenChange(t){t?this.showModal():this.hideModal()}updateFocusableElements(){this.modalRef&&(this.focusableElements=Array.from(this.modalRef.querySelectorAll('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])')),this.focusableElements=this.focusableElements.filter((t=>{const i=window.getComputedStyle(t);return"none"!==i.display&&"hidden"!==i.visibility})))}setInitialFocus(){0!==this.focusableElements.length&&this.focusElement(this.focusableElements[0])}focusElement(t){if(t)try{t.focus(),setTimeout((()=>{if(document.activeElement!==t&&t.shadowRoot){const i=t.shadowRoot.querySelector("button, [tabindex], input, a[href]");i&&i.focus()}}),0)}catch(t){console.error("Error focusing element:",t)}}async showModal(){if(this.modalRef)try{this.previousActiveElement=document.activeElement,this.disableTopLayer?this.modalRef.show():this.modalRef.showModal(),this.open=!0,setTimeout((()=>{this.updateFocusableElements(),this.setInitialFocus(),this.pdsModalOpen.emit()}),100)}catch(t){console.error("Failed to show modal:",t)}}async hideModal(){if(this.modalRef)try{this.modalRef.close(),this.open=!1,this.previousActiveElement&&"function"==typeof this.previousActiveElement.focus&&this.previousActiveElement.focus(),this.pdsModalClose.emit()}catch(t){console.error("Failed to hide modal:",t)}}getBackdropZIndex(t){const i=t.querySelector(".pds-modal__backdrop");return i?parseInt(getComputedStyle(i).zIndex,10):-1}isInnermostModal(){const t=Array.from(document.querySelectorAll("pds-modal")).filter((t=>t.open));if(0===t.length)return!1;if(!this.el.querySelector(".pds-modal__backdrop"))return!1;const i=t.map((t=>this.getBackdropZIndex(t))),e=Math.max(...i);return this.getBackdropZIndex(this.el)===e}render(){return s("dialog",{key:"65d204a57e193022eb475c113438a40fc77cf545",class:{"pds-modal__backdrop":!0,open:this.open},"aria-modal":this.disableTopLayer?"false":"true","aria-labelledby":this.componentId+"-heading",onClick:this.handleBackdropClick},s("div",{key:"a9f07a30f8b4d13ef7ac33068756f0fb03173e27",class:{"pds-modal":!0,["pds-modal--"+this.size]:!0,"pds-modal--scrollable":this.scrollable},part:"modal"},s("slot",{key:"8505057bef9b4ed60e51422b05fea08cefce4a4b"})))}get el(){return this}static get watchers(){return{open:[{handleOpenChange:0}]}}static get style(){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}"}},[260,"pds-modal",{backdropDismiss:[4,"backdrop-dismiss"],componentId:[1,"component-id"],open:[1028],size:[1],scrollable:[4],disableTopLayer:[4,"disable-top-layer"],focusableElementsArray:[32],showModal:[64],hideModal:[64]},void 0,{open:[{handleOpenChange:0}]}]),n=a,r=function(){"undefined"!=typeof customElements&&["pds-modal"].forEach((t=>{"pds-modal"===t&&(customElements.get(o(t))||customElements.define(o(t),a))}))};export{n as PdsModal,r as defineCustomElement}
+import{P as o,d as s}from"./pds-modal2.js";const a=o,d=s;export{a as PdsModal,d as defineCustomElement}

package/components/pds-modal2.js

@@ -0,0 +1 @@
+import{proxyCustomElement as t,HTMLElement as i,createEvent as s,h as e,transformTag as o}from"@stencil/core/internal/client";import{u as d}from"./reconnected-content.js";const a=["sm","md","lg","fullscreen"],n=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.pdsModalOpen=s(this,"pdsModalOpen",7),this.pdsModalClose=s(this,"pdsModalClose",7),this.focusableElements=[],this.backdropDismiss=!0,this.open=!1,this.size="md",this.scrollable=!0,this.disableTopLayer=!1,this.disableInitialFocus=!1,this.focusableElementsArray=[],this.handleBackdropClick=t=>{this.backdropDismiss&&this.open&&t.target.classList.contains("pds-modal__backdrop")&&(t.stopPropagation(),this.isInnermostModal()&&this.hideModal())},this.handleKeyDown=t=>{var i,s,e;if(this.open){if("Escape"===t.key){const o=t;if(!("__pdsActiveElementAtEscape"in o)){const t=document.activeElement;o.__pdsActiveElementAtEscape=t;const s=null!==(i=null==t?void 0:t.closest("dialog"))&&void 0!==i?i:null;o.__pdsTopLayerDialogAtEscape=s,o.__pdsTopLayerDialogWasModalAtEscape=!(!s||!s.matches(":modal"))}const d=o.__pdsActiveElementAtEscape;if(this.disableTopLayer&&d&&d!==document.body&&!this.el.contains(d)&&this.isStackedAboveOverlay(d,null!==(s=o.__pdsTopLayerDialogAtEscape)&&void 0!==s?s:null,null!==(e=o.__pdsTopLayerDialogWasModalAtEscape)&&void 0!==e&&e))return;return t.preventDefault(),void(this.backdropDismiss&&this.isInnermostModal()&&this.hideModal())}if("Tab"===t.key){if(this.disableTopLayer)return;if(0===this.focusableElements.length)return;const i=this.focusableElements[0],s=this.focusableElements[this.focusableElements.length-1],e=document.activeElement,o=e===i||i.contains(e),d=e===s||s.contains(e);t.shiftKey&&o?(t.preventDefault(),this.focusElement(s)):!t.shiftKey&&d&&(t.preventDefault(),this.focusElement(i))}}}}componentWillLoad(){this.warnOnInvalidSize()}sizeChanged(){this.warnOnInvalidSize()}componentDidLoad(){this.modalRef=this.el.querySelector(".pds-modal__backdrop"),document.addEventListener("keydown",this.handleKeyDown),this.open&&this.showModal()}componentDidRender(){d(this.el.querySelector(".pds-modal"),"dialog.pds-modal__backdrop",".pds-modal")}disconnectedCallback(){document.removeEventListener("keydown",this.handleKeyDown)}handleOpenChange(t){t?this.showModal():this.hideModal()}updateFocusableElements(){if(!this.modalRef)return;const 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((t=>{const i=window.getComputedStyle(t);return"none"!==i.display&&"hidden"!==i.visibility}))}setInitialFocus(){0!==this.focusableElements.length&&this.focusElement(this.focusableElements[0])}focusElement(t){if(t)try{t.focus(),setTimeout((()=>{if(document.activeElement!==t&&t.shadowRoot){const i=t.shadowRoot.querySelector("button, [tabindex], input, a[href]");i&&i.focus()}}),0)}catch(t){console.error("Error focusing element:",t)}}async showModal(){if(this.modalRef)try{this.previousActiveElement=document.activeElement,this.disableTopLayer?this.modalRef.show():this.modalRef.showModal(),this.open=!0,setTimeout((()=>{var t,s;if(this.updateFocusableElements(),this.disableInitialFocus){const e=document.activeElement;null!==e&&e!==document.body&&!(null===(t=this.modalRef)||void 0===t?void 0:t.contains(e))||(this.previousActiveElement!==document.body&&"function"==typeof(null===(s=this.previousActiveElement)||void 0===s?void 0:s.focus)?this.previousActiveElement.focus():e instanceof i&&e.blur())}else this.setInitialFocus();this.pdsModalOpen.emit()}),100)}catch(t){console.error("Failed to show modal:",t)}}async hideModal(){if(this.modalRef)try{const t=document.activeElement,i=null!==t&&t!==document.body&&!this.modalRef.contains(t);this.modalRef.close(),this.open=!1,!i&&this.previousActiveElement&&"function"==typeof this.previousActiveElement.focus&&this.previousActiveElement.focus(),this.pdsModalClose.emit()}catch(t){console.error("Failed to hide modal:",t)}}getBackdropZIndex(t){const i=t.querySelector(".pds-modal__backdrop");return i?parseInt(getComputedStyle(i).zIndex,10):-1}isStackedAboveOverlay(t,i,s){if(i&&i!==this.modalRef&&s)return!0;const e=this.getBackdropZIndex(this.el);let o=t;for(;o&&o!==document.body;){const t=getComputedStyle(o),i=parseInt(t.zIndex,10);if("static"!==t.position&&!isNaN(i)&&i>e)return!0;o=o.parentElement}return!1}isInnermostModal(){const t=Array.from(document.querySelectorAll("pds-modal")).filter((t=>t.open));if(0===t.length)return!1;if(!this.el.querySelector(".pds-modal__backdrop"))return!1;const i=t.map((t=>this.getBackdropZIndex(t))),s=Math.max(...i);return this.getBackdropZIndex(this.el)===s}resolveSize(){var t;const i=(null!==(t=this.size)&&void 0!==t?t:"").trim()||"md";return a.includes(i)?[i]:/^[a-z0-9.%+\-*/(), ]+$/i.test(s=i)&&/\d/.test(s)&&("undefined"==typeof CSS||CSS.supports("max-width",s))?["custom",i]:[void 0];var s}warnOnInvalidSize(){void 0===this.resolveSize()[0]&&console.warn(`pds-modal: invalid size "${String(this.size).slice(0,50)}", using md`)}render(){const[t="md",i]=this.resolveSize();return e("dialog",{key:"bbc56f2aaf3fe861ae309eb1930d51a588b4c727",class:{"pds-modal__backdrop":!0,open:this.open},"aria-modal":this.disableTopLayer?"false":"true","aria-labelledby":`${this.componentId}-heading`,onClick:this.handleBackdropClick},e("div",{key:"b3d6f9c2a7854845ebe94c05ee507000c38a1326",class:{"pds-modal":!0,[`pds-modal--${t}`]:!0,"pds-modal--scrollable":this.scrollable},style:void 0!==i?{"--pds-modal-max-width":i}:void 0,part:"modal"},e("slot",{key:"42ff9ae5e427bc69141c58e0824aad677f5c7756"})))}get el(){return this}static get watchers(){return{size:[{sizeChanged:0}],open:[{handleOpenChange:0}]}}static get style(){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--custom{max-width:var(--pds-modal-max-width, 700px)}.pds-modal--fullscreen{border-radius:0;height:100%;margin:0;max-height:100vh;max-width:100%}@supports (height: 100dvh){.pds-modal--fullscreen{max-height:100dvh}}.pds-modal--fullscreen.pds-modal--scrollable{max-height:100vh}@supports (height: 100dvh){.pds-modal--fullscreen.pds-modal--scrollable{max-height:100dvh}}.pds-modal--fullscreen .pds-modal-content{-ms-flex:1;flex:1}.pds-modal--scrollable pds-modal-content{-webkit-border-after:1px solid transparent;border-block-end:1px solid transparent;-webkit-border-before:1px solid transparent;border-block-start:1px solid transparent;overflow-y:auto}.pds-modal:not(.pds-modal--scrollable) pds-modal-content{overflow-y:visible}"}},[260,"pds-modal",{backdropDismiss:[4,"backdrop-dismiss"],componentId:[1,"component-id"],open:[1028],size:[1],scrollable:[4],disableTopLayer:[4,"disable-top-layer"],disableInitialFocus:[4,"disable-initial-focus"],focusableElementsArray:[32],showModal:[64],hideModal:[64]},void 0,{size:[{sizeChanged:0}],open:[{handleOpenChange:0}]}]);function l(){"undefined"!=typeof customElements&&["pds-modal"].forEach((t=>{"pds-modal"===t&&(customElements.get(o(t))||customElements.define(o(t),n))}))}export{n as P,l as d}