@pine-ds/core 3.23.0 → 3.24.0

package/dist/pine-core/{p-3e96ea38.system.entry.js → p-93eeca70.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-5D9wXQuJ.system.js","./p-BG6uGRQj.system.js","./p-C62JIZmE.system.js"],(function(n){"use strict";var i,e,o,r;return{setters:[function(n){i=n.r;e=n.h},function(n){o=n.s},function(n){r=n.l}],execute:function(){var s=":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}";var t=n("pds_link",function(){function n(n){i(this,n);this.external=false;this.variant="inline";this.fontSize="lg"}n.prototype.classNames=function(){var n=["pds-link"];if(this.fontSize){n.push("pds-link--"+this.fontSize)}if(this.variant){n.push("pds-link--"+this.variant)}return n.join(" ")};n.prototype.setLinkStyles=function(){if(!this.color)return;var n={secondary:"var(--pine-color-text-primary)",accent:"var(--pine-color-accent)",danger:"var(--pine-color-danger)"};var i=o(this.color,n);return i};n.prototype.render=function(){var n=this.target||(this.external?"_blank":undefined);var i=this.external;var o=n==="_blank"?"noopener noreferrer":undefined;return e("a",{key:"c593ea2b55716a74678666aca7fa470bfa330461",class:this.classNames(),download:this.download,href:this.href,id:this.componentId,part:"link",target:n,rel:o,style:this.setLinkStyles()},e("slot",{key:"fed9931e87ed95bd21669c7130c8918165c14268"},this.href),i&&e("pds-icon",{key:"6c7528674ce5ebc54d6f7de6c499acce1f144ad5",icon:r,size:this.fontSize}))};return n}());t.style=s}}}));
-//# sourceMappingURL=p-3e96ea38.system.entry.js.map
+System.register(["./p-5D9wXQuJ.system.js","./p-BG6uGRQj.system.js","./p-C62JIZmE.system.js"],(function(n){"use strict";var i,e,o,r;return{setters:[function(n){i=n.r;e=n.h},function(n){o=n.s},function(n){r=n.l}],execute:function(){var s=":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}";var t=n("pds_link",function(){function n(n){i(this,n);this.external=false;this.variant="inline";this.fontSize="lg"}n.prototype.classNames=function(){var n=["pds-link"];if(this.fontSize){n.push("pds-link--"+this.fontSize)}if(this.variant){n.push("pds-link--"+this.variant)}return n.join(" ")};n.prototype.setLinkStyles=function(){if(!this.color)return;var n={secondary:"var(--pine-color-text-primary)",accent:"var(--pine-color-accent)",danger:"var(--pine-color-danger)"};var i=o(this.color,n);return i};n.prototype.render=function(){var n=this.target||(this.external?"_blank":undefined);var i=this.external;var o=n==="_blank"?"noopener noreferrer":undefined;return e("a",{key:"8ab68ceb91a4c7b155a4ae54d2cb421af4d0eec1",class:this.classNames(),download:this.download,href:this.href,id:this.componentId,part:"link",target:n,rel:o,style:this.setLinkStyles()},e("slot",{key:"b90dc967867a3b765d632c16458236e6e4ccf97e"},this.href),i&&e("pds-icon",{key:"ebffdba1a21f7b0f5730608ec5eb88519ee79d1b",icon:r,size:this.fontSize}))};return n}());t.style=s}}}));
+//# sourceMappingURL=p-93eeca70.system.entry.js.map

package/dist/pine-core/{p-182b5617.system.entry.js → p-9606f567.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-5D9wXQuJ.system.js"],(function(e){"use strict";var a,t,n,i;return{setters:[function(e){a=e.r;t=e.h;n=e.H;i=e.a}],execute:function(){var s=":host{display:block}.pds-tabpanel{display:none;margin-top:var(--tabs-dimension-panel-margin-top);padding:var(--tabs-dimension-panel-padding)}.pds-tabpanel:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-tabpanel.is-active{display:block}";var l=e("pds_tabpanel",function(){function e(e){a(this,e);this.selected=false}e.prototype.render=function(){return t(n,{key:"56e6a4e6523ca571c047797a17f98d0620a8655a",slot:"tabpanels"},t("div",{key:"5abd0817b24fcc354f8c5ae3ee0465aea5daaf7d",role:"tabpanel",id:this.parentComponentId+"__"+this.name+"-panel",tabindex:"0","aria-labelledby":this.parentComponentId+"__"+this.name,class:this.selected?"pds-tabpanel is-active":"pds-tabpanel"},t("slot",{key:"3fbcc5dcdc675de6923234d53f7877cf8ebd3586"})))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return e}());l.style=s}}}));
-//# sourceMappingURL=p-182b5617.system.entry.js.map
+System.register(["./p-5D9wXQuJ.system.js"],(function(e){"use strict";var a,t,n,i;return{setters:[function(e){a=e.r;t=e.h;n=e.H;i=e.a}],execute:function(){var s=":host{display:block}.pds-tabpanel{display:none;margin-top:var(--tabs-dimension-panel-margin-top);padding:var(--tabs-dimension-panel-padding)}.pds-tabpanel:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-tabpanel.is-active{display:block}";var l=e("pds_tabpanel",function(){function e(e){a(this,e);this.selected=false}e.prototype.render=function(){return t(n,{key:"6ba83ea71c899d61f67884780731591a05aa1894",slot:"tabpanels"},t("div",{key:"abaa610f7a68a3977303e08f1221976ae2840272",role:"tabpanel",id:this.parentComponentId+"__"+this.name+"-panel",tabindex:"0","aria-labelledby":this.parentComponentId+"__"+this.name,class:this.selected?"pds-tabpanel is-active":"pds-tabpanel"},t("slot",{key:"b80ecc1380f424d545b31843b53de1b2854e9f28"})))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return e}());l.style=s}}}));
+//# sourceMappingURL=p-9606f567.system.entry.js.map

package/dist/pine-core/{p-48a6762b.system.entry.js → p-98e202b8.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-5D9wXQuJ.system.js","./p-BrLs99ML.system.js"],(function(i){"use strict";var t,e,n,r,s,o,a,d,u;return{setters:[function(i){t=i.r;e=i.h;n=i.H;r=i.a},function(i){s=i.a;o=i.c;a=i.o;d=i.f;u=i.s}],execute:function(){var l=":host{display:block}.is-hidden{display:none}.pds-dropdown-menu--panel{background-color:var(--pine-color-background-container);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}";var h=i("pds_dropdown_menu",function(){function i(i){var e=this;t(this,i);this.isOpen=false;this.menuItems=[];this.cleanupAutoUpdate=null;this.currentFocusIndex=-1;this.placement="bottom-start";this.handleTriggerSlotChange=function(i){e.slotEl=i.target;var t=e.slotEl.assignedElements();e.triggerEl=t[0];e.triggerEl.onclick=e.handleClick;e.triggerEl.setAttribute("aria-haspopup","menu");e.triggerEl.setAttribute("aria-expanded","false")};this.handleSlotChange=function(i){e.slotEl=i.target;var t=e.slotEl.assignedElements();var n=["pds-dropdown-menu-item","pds-dropdown-menu-separator","a","button"];var r=t.filter((function(i){return!n.includes(i.tagName.toLowerCase())}));if(r.length>0){var s=r.map((function(i){return i.tagName.toLowerCase()})).join(", ");console.warn("pds-dropdown-menu: Unexpected element(s) found: ".concat(s,". ")+"Expected: ".concat(n.join(", ")))}e.menuItems=t.filter((function(i){var t=i.tagName.toLowerCase();return t==="pds-dropdown-menu-item"||t==="a"||t==="button"}))};this.toggleDropdown=function(){e.isOpen=!e.isOpen;if(e.isOpen){e.openDropdown()}else{e.closeDropdown()}};this.openDropdown=function(){var i;var t=function(){o(e.triggerEl,e.panelEl,{placement:e.placement,strategy:"fixed",middleware:[a(6),d(),u({padding:5})]}).then((function(i){var t=i.x,n=i.y;Object.assign(e.panelEl.style,{left:"".concat(t,"px"),top:"".concat(n,"px")})}))};t();e.cleanupAutoUpdate=s(e.triggerEl,e.panelEl,t);(i=e.host.shadowRoot)===null||i===void 0?void 0:i.querySelector("pds-box").classList.remove("is-hidden");e.isOpen=true;e.triggerEl.setAttribute("aria-expanded","true")};this.closeDropdown=function(){var i;(i=e.host.shadowRoot)===null||i===void 0?void 0:i.querySelector("pds-box").classList.add("is-hidden");e.isOpen=false;if(e.cleanupAutoUpdate){e.cleanupAutoUpdate();e.cleanupAutoUpdate=null}e.triggerEl.setAttribute("aria-expanded","false");e.currentFocusIndex=-1;e.triggerEl.focus()};this.handleClick=function(){e.toggleDropdown()}}i.prototype.componentDidRender=function(){var i;this.panelEl=(i=this.host.shadowRoot)===null||i===void 0?void 0:i.querySelector("pds-box")};i.prototype.disconnectedCallback=function(){if(this.cleanupAutoUpdate){this.cleanupAutoUpdate();this.cleanupAutoUpdate=null}};i.prototype.isItemDisabled=function(i){var t=i.tagName.toLowerCase();if(t==="pds-dropdown-menu-item"){return i.disabled}else if(t==="button"){return i.disabled}else if(t==="a"){return i.getAttribute("aria-disabled")==="true"}return false};i.prototype.getFocusedItemIndex=function(){var i=document.activeElement;if(!i)return-1;return this.menuItems.findIndex((function(t){if(t===i)return true;if(t.tagName.toLowerCase()==="pds-dropdown-menu-item"){var e=t.shadowRoot;if(e===null||e===void 0?void 0:e.contains(i))return true}return false}))};i.prototype.focusItemByIndex=function(i){var t,e,n,r,s;if(i>=0&&i<this.menuItems.length){this.currentFocusIndex=i;var o=this.menuItems[i];var a=o.tagName.toLowerCase();if(a==="pds-dropdown-menu-item"){var d=o;var u=(t=d.shadowRoot)===null||t===void 0?void 0:t.querySelector("button");var l=((r=(n=(e=d.shadowRoot)===null||e===void 0?void 0:e.querySelector("pds-link"))===null||n===void 0?void 0:n.shadowRoot)===null||r===void 0?void 0:r.querySelector("a"))||((s=d.shadowRoot)===null||s===void 0?void 0:s.querySelector("a"));if(u){u.focus()}else if(l){l.focus()}else{d.focus()}}else{o.focus()}}};i.prototype.focusNextItem=function(){var i=(this.currentFocusIndex+1)%this.menuItems.length;var t=0;var e=this.menuItems.length;while(t<e&&this.isItemDisabled(this.menuItems[i])){i=(i+1)%this.menuItems.length;t++}if(t<e){this.focusItemByIndex(i)}};i.prototype.focusPreviousItem=function(){var i=this.currentFocusIndex<=0?this.menuItems.length-1:this.currentFocusIndex-1;var t=0;var e=this.menuItems.length;while(t<e&&this.isItemDisabled(this.menuItems[i])){i=i<=0?this.menuItems.length-1:i-1;t++}if(t<e){this.focusItemByIndex(i)}};i.prototype.handleKeyDown=function(i){if(!this.isOpen)return;switch(i.key){case"Escape":i.preventDefault();this.closeDropdown();break;case"ArrowDown":i.preventDefault();this.focusNextItem();break;case"ArrowUp":i.preventDefault();this.focusPreviousItem();break;case"Home":i.preventDefault();if(this.menuItems.length>0){var t=0;while(t<this.menuItems.length&&this.isItemDisabled(this.menuItems[t])){t++}if(t<this.menuItems.length){this.focusItemByIndex(t)}}break;case"End":i.preventDefault();if(this.menuItems.length>0){var e=this.menuItems.length-1;while(e>=0&&this.isItemDisabled(this.menuItems[e])){e--}if(e>=0){this.focusItemByIndex(e)}}break;case"Tab":if(i.shiftKey){var n=this.getFocusedItemIndex();if(n>0){i.preventDefault();this.focusPreviousItem()}}else{var r=document.activeElement;var s=r===this.triggerEl;var n=this.getFocusedItemIndex();if(s&&this.menuItems.length>0){i.preventDefault();var o=0;while(o<this.menuItems.length&&this.isItemDisabled(this.menuItems[o])){o++}if(o<this.menuItems.length){this.focusItemByIndex(o)}}else if(n===-1&&this.menuItems.length>0){i.preventDefault();var o=0;while(o<this.menuItems.length&&this.isItemDisabled(this.menuItems[o])){o++}if(o<this.menuItems.length){this.focusItemByIndex(o)}}else if(n!==-1){i.preventDefault();this.focusNextItem()}}break}};i.prototype.handleWindowClick=function(i){if(this.isOpen&&!this.host.contains(i.target)&&i.target!==this.triggerEl){this.closeDropdown()}};i.prototype.render=function(){return e(n,{key:"36db1447aedd341d0692a63b7ade9d4b6a2ce915",id:this.componentId},e("slot",{key:"6e66d5227b9432a2c4721f9278b15cb6d85c0dda",name:"trigger",onSlotchange:this.handleTriggerSlotChange}),e("pds-box",{key:"4376cc05df741766135ad3f64c48949a7768c977","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:"10e185fcdad6cb38abb6317b302ff457e4cc77e3",onSlotchange:this.handleSlotChange})))};Object.defineProperty(i.prototype,"host",{get:function(){return r(this)},enumerable:false,configurable:true});return i}());h.style=l}}}));
-//# sourceMappingURL=p-48a6762b.system.entry.js.map
+System.register(["./p-5D9wXQuJ.system.js","./p-BrLs99ML.system.js"],(function(i){"use strict";var t,e,n,r,s,a,o,d,u;return{setters:[function(i){t=i.r;e=i.h;n=i.H;r=i.a},function(i){s=i.a;a=i.c;o=i.o;d=i.f;u=i.s}],execute:function(){var l=":host{display:block}.is-hidden{display:none}.pds-dropdown-menu--panel{background-color:var(--pine-color-background-container);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}";var h=i("pds_dropdown_menu",function(){function i(i){var e=this;t(this,i);this.isOpen=false;this.menuItems=[];this.cleanupAutoUpdate=null;this.currentFocusIndex=-1;this.placement="bottom-start";this.handleTriggerSlotChange=function(i){e.slotEl=i.target;var t=e.slotEl.assignedElements();e.triggerEl=t[0];e.triggerEl.onclick=e.handleClick;e.triggerEl.setAttribute("aria-haspopup","menu");e.triggerEl.setAttribute("aria-expanded","false")};this.handleSlotChange=function(i){e.slotEl=i.target;var t=e.slotEl.assignedElements();var n=["pds-dropdown-menu-item","pds-dropdown-menu-separator","a","button"];var r=t.filter((function(i){return!n.includes(i.tagName.toLowerCase())}));if(r.length>0){var s=r.map((function(i){return i.tagName.toLowerCase()})).join(", ");console.warn("pds-dropdown-menu: Unexpected element(s) found: ".concat(s,". ")+"Expected: ".concat(n.join(", ")))}e.menuItems=t.filter((function(i){var t=i.tagName.toLowerCase();return t==="pds-dropdown-menu-item"||t==="a"||t==="button"}))};this.toggleDropdown=function(){e.isOpen=!e.isOpen;if(e.isOpen){e.openDropdown()}else{e.closeDropdown()}};this.openDropdown=function(){var i;var t=function(){a(e.triggerEl,e.panelEl,{placement:e.placement,strategy:"fixed",middleware:[o(6),d(),u({padding:5})]}).then((function(i){var t=i.x,n=i.y;Object.assign(e.panelEl.style,{left:"".concat(t,"px"),top:"".concat(n,"px")})}))};t();e.cleanupAutoUpdate=s(e.triggerEl,e.panelEl,t);(i=e.host.shadowRoot)===null||i===void 0?void 0:i.querySelector("pds-box").classList.remove("is-hidden");e.isOpen=true;e.triggerEl.setAttribute("aria-expanded","true")};this.closeDropdown=function(){var i;(i=e.host.shadowRoot)===null||i===void 0?void 0:i.querySelector("pds-box").classList.add("is-hidden");e.isOpen=false;if(e.cleanupAutoUpdate){e.cleanupAutoUpdate();e.cleanupAutoUpdate=null}e.triggerEl.setAttribute("aria-expanded","false");e.currentFocusIndex=-1;e.triggerEl.focus()};this.handleClick=function(){e.toggleDropdown()}}i.prototype.componentDidRender=function(){var i;this.panelEl=(i=this.host.shadowRoot)===null||i===void 0?void 0:i.querySelector("pds-box")};i.prototype.disconnectedCallback=function(){if(this.cleanupAutoUpdate){this.cleanupAutoUpdate();this.cleanupAutoUpdate=null}};i.prototype.isItemDisabled=function(i){var t=i.tagName.toLowerCase();if(t==="pds-dropdown-menu-item"){return i.disabled}else if(t==="button"){return i.disabled}else if(t==="a"){return i.getAttribute("aria-disabled")==="true"}return false};i.prototype.getFocusedItemIndex=function(){var i=document.activeElement;if(!i)return-1;return this.menuItems.findIndex((function(t){if(t===i)return true;if(t.tagName.toLowerCase()==="pds-dropdown-menu-item"){var e=t.shadowRoot;if(e===null||e===void 0?void 0:e.contains(i))return true}return false}))};i.prototype.focusItemByIndex=function(i){var t,e,n,r,s;if(i>=0&&i<this.menuItems.length){this.currentFocusIndex=i;var a=this.menuItems[i];var o=a.tagName.toLowerCase();if(o==="pds-dropdown-menu-item"){var d=a;var u=(t=d.shadowRoot)===null||t===void 0?void 0:t.querySelector("button");var l=((r=(n=(e=d.shadowRoot)===null||e===void 0?void 0:e.querySelector("pds-link"))===null||n===void 0?void 0:n.shadowRoot)===null||r===void 0?void 0:r.querySelector("a"))||((s=d.shadowRoot)===null||s===void 0?void 0:s.querySelector("a"));if(u){u.focus()}else if(l){l.focus()}else{d.focus()}}else{a.focus()}}};i.prototype.focusNextItem=function(){var i=(this.currentFocusIndex+1)%this.menuItems.length;var t=0;var e=this.menuItems.length;while(t<e&&this.isItemDisabled(this.menuItems[i])){i=(i+1)%this.menuItems.length;t++}if(t<e){this.focusItemByIndex(i)}};i.prototype.focusPreviousItem=function(){var i=this.currentFocusIndex<=0?this.menuItems.length-1:this.currentFocusIndex-1;var t=0;var e=this.menuItems.length;while(t<e&&this.isItemDisabled(this.menuItems[i])){i=i<=0?this.menuItems.length-1:i-1;t++}if(t<e){this.focusItemByIndex(i)}};i.prototype.handleKeyDown=function(i){if(!this.isOpen)return;switch(i.key){case"Escape":i.preventDefault();this.closeDropdown();break;case"ArrowDown":i.preventDefault();this.focusNextItem();break;case"ArrowUp":i.preventDefault();this.focusPreviousItem();break;case"Home":i.preventDefault();if(this.menuItems.length>0){var t=0;while(t<this.menuItems.length&&this.isItemDisabled(this.menuItems[t])){t++}if(t<this.menuItems.length){this.focusItemByIndex(t)}}break;case"End":i.preventDefault();if(this.menuItems.length>0){var e=this.menuItems.length-1;while(e>=0&&this.isItemDisabled(this.menuItems[e])){e--}if(e>=0){this.focusItemByIndex(e)}}break;case"Tab":if(i.shiftKey){var n=this.getFocusedItemIndex();if(n>0){i.preventDefault();this.focusPreviousItem()}}else{var r=document.activeElement;var s=r===this.triggerEl;var n=this.getFocusedItemIndex();if(s&&this.menuItems.length>0){i.preventDefault();var a=0;while(a<this.menuItems.length&&this.isItemDisabled(this.menuItems[a])){a++}if(a<this.menuItems.length){this.focusItemByIndex(a)}}else if(n===-1&&this.menuItems.length>0){i.preventDefault();var a=0;while(a<this.menuItems.length&&this.isItemDisabled(this.menuItems[a])){a++}if(a<this.menuItems.length){this.focusItemByIndex(a)}}else if(n!==-1){i.preventDefault();this.focusNextItem()}}break}};i.prototype.handleWindowClick=function(i){if(this.isOpen&&!this.host.contains(i.target)&&i.target!==this.triggerEl){this.closeDropdown()}};i.prototype.render=function(){return e(n,{key:"467662b4b14612153ba10a4d3a6f578edec52d89",id:this.componentId},e("slot",{key:"ba1b44fe9276b96fd123694742a34bd7c8717a3d",name:"trigger",onSlotchange:this.handleTriggerSlotChange}),e("pds-box",{key:"8287d0cc6fea80eeb73ca355eb247883d6257c19","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:"5d5aa3cc226fabaadb4572bfa38f9189dbcb55c7",onSlotchange:this.handleSlotChange})))};Object.defineProperty(i.prototype,"host",{get:function(){return r(this)},enumerable:false,configurable:true});return i}());h.style=l}}}));
+//# sourceMappingURL=p-98e202b8.system.entry.js.map

package/dist/pine-core/{p-ab2c2298.system.entry.js → p-9947c6cd.system.entry.js}

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,r,i,t){function o(e){return e instanceof i?e:new i((function(r){r(e)}))}return new(i||(i=Promise))((function(i,n){function a(e){try{l(t.next(e))}catch(e){n(e)}}function s(e){try{l(t["throw"](e))}catch(e){n(e)}}function l(e){e.done?i(e.value):o(e.value).then(a,s)}l((t=t.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var i={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},t,o,n,a=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return a.next=s(0),a["throw"]=s(1),a["return"]=s(2),typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(r){return l([e,r])}}function l(s){if(t)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(i=0)),i)try{if(t=1,o&&(n=s[0]&2?o["return"]:s[0]?o["throw"]||((n=o["return"])&&n.call(o),0):o.next)&&!(n=n.call(o,s[1])).done)return n;if(o=0,n)s=[s[0]&2,n.value];switch(s[0]){case 0:case 1:n=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;o=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(n=i.trys,n=n.length>0&&n[n.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!n||s[1]>n[0]&&s[1]<n[3])){i.label=s[1];break}if(s[0]===6&&i.label<n[1]){i.label=n[1];n=s;break}if(n&&i.label<n[2]){i.label=n[2];i.ops.push(s);break}if(n[2])i.ops.pop();i.trys.pop();continue}s=r.call(e,i)}catch(e){s=[6,e];o=0}finally{t=n=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-5D9wXQuJ.system.js","./p-C62JIZmE.system.js"],(function(e){"use strict";var r,i,t,o,n,a,s;return{setters:[function(e){r=e.r;i=e.c;t=e.h;o=e.H;n=e.a},function(e){a=e.t;s=e.e}],execute:function(){var l=":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 0.2s ease;transition:all 0.2s 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-container);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 left);position:fixed;position-anchor:--filter-trigger;}.pds-filter__popover.popover-flip-horizontal{inset-inline-start:anchor(--filter-trigger right);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.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-start:anchor(--filter-trigger right);-webkit-transform:translate(-100%, calc(-100% - var(--pine-dimension-100)));transform:translate(-100%, calc(-100% - var(--pine-dimension-100)))}.pds-filter__popover{}.pds-filter__popover.is-open.popover-flip-horizontal{inset-inline-start:anchor(--filter-trigger right);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.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-start:anchor(--filter-trigger right);-webkit-transform:translate(-100%, calc(-100% - var(--pine-dimension-100)));transform:translate(-100%, calc(-100% - var(--pine-dimension-100)))}}";var p=e("pds_filter",function(){function e(e){var t=this;r(this,e);this.pdsFilterOpen=i(this,"pdsFilterOpen");this.pdsFilterClose=i(this,"pdsFilterClose");this.pdsFilterClear=i(this,"pdsFilterClear");this.scrollRAF=null;this.lastScrollTime=0;this.variant="default";this.isOpen=false;this.handleNativePopoverToggle=function(e){var r=e.target;if(r&&r.id==="".concat(t.componentId,"-popover")){var i=false;try{i=r.matches(":popover-open")}catch(e){i=r.style.display==="block"}t.isOpen=i;if(t.isOpen){setTimeout((function(){return t.adjustPopoverPosition()}),0);t.pdsFilterOpen.emit({componentId:t.componentId,variant:t.variant,text:t.text})}else{t.pdsFilterClose.emit({componentId:t.componentId,variant:t.variant,text:t.text})}}};this.handleKeyDown=function(e){if(t.variant==="clear"&&(e.key==="Enter"||e.key===" ")){e.preventDefault();t.handleClick()}};this.handleClick=function(e){if(t.variant==="clear"){t.pdsFilterClear.emit({componentId:t.componentId,text:t.text});return}t.closeOtherPopovers();var r=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");if(!r){if(e){e.preventDefault()}setTimeout((function(){if(t.popoverEl!=null){t.isOpen=!t.isOpen;if(t.isOpen){t.popoverEl.style.display="block";t.popoverEl.classList.add("is-open");t.adjustPopoverPosition();t.pdsFilterOpen.emit({componentId:t.componentId,variant:t.variant,text:t.text})}else{t.popoverEl.style.display="none";t.popoverEl.classList.remove("is-open");t.pdsFilterClose.emit({componentId:t.componentId,variant:t.variant,text:t.text})}}}),0)}}}e.prototype.disconnectedCallback=function(){if(this.scrollRAF){cancelAnimationFrame(this.scrollRAF);this.scrollRAF=null}this.lastScrollTime=0;if(this.popoverEl){var e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");if(e){this.popoverEl.removeEventListener("toggle",this.handleNativePopoverToggle)}}if(this.isOpen&&this.popoverEl){try{this.popoverEl.hidePopover()}catch(e){this.popoverEl.style.display="none";this.popoverEl.classList.remove("is-open")}}};e.prototype.componentDidRender=function(){if(this.popoverEl){var e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");if(e){this.popoverEl.removeEventListener("toggle",this.handleNativePopoverToggle);this.popoverEl.addEventListener("toggle",this.handleNativePopoverToggle)}}};e.prototype.handleWindowResize=function(){var e=this;if(this.isOpen){setTimeout((function(){return e.adjustPopoverPosition()}),16)}};e.prototype.handleWindowScroll=function(){var e=this;if(this.isOpen){var r="anchorName"in document.documentElement.style;var i=performance.now();var t=r?66:33;if(i-this.lastScrollTime<t){return}this.lastScrollTime=i;if(this.scrollRAF){cancelAnimationFrame(this.scrollRAF)}this.scrollRAF=requestAnimationFrame((function(){if(e.isOpen&&e.popoverEl&&e.el.isConnected){e.adjustPopoverPosition()}e.scrollRAF=null}))}};e.prototype.closeOtherPopovers=function(){var e=this;var r=document.querySelectorAll("pds-filter");r.forEach((function(r){var i;if(r===e.el)return;var t=(i=r.shadowRoot)===null||i===void 0?void 0:i.querySelector(".pds-filter__popover");if(t){var o=false;try{o=t.matches(":popover-open")}catch(e){o=t.style.display==="block"}if(o){try{t.hidePopover()}catch(e){t.style.display="none";t.classList.remove("is-open")}}}}))};e.prototype.adjustPopoverPosition=function(){var e;if(!this.popoverEl||this.variant==="clear")return;var r=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".pds-filter__trigger");if(!r)return;var i=r.getBoundingClientRect();var t=window.innerWidth;var o=window.innerHeight;var n="anchorName"in document.documentElement.style;var a=228;var s=this.popoverEl.getBoundingClientRect().height||200;var l=20;var p=i.left+a+l>t;var c=i.bottom+8+s+l>o;if(n){this.popoverEl.classList.remove("popover-flip-horizontal","popover-flip-vertical");if(p){this.popoverEl.classList.add("popover-flip-horizontal")}if(c){this.popoverEl.classList.add("popover-flip-vertical")}}else{var f=i.left;var d=i.bottom+8;var v="top left";if(p){var h=this.popoverEl.getBoundingClientRect().width||a;f=i.right-h;v="top right"}if(c){d=i.top-s-8;v=v.replace("top","bottom")}this.popoverEl.style.cssText="\n        position: fixed;\n        left: ".concat(f,"px;\n        top: ").concat(d,"px;\n        z-index: var(--pine-z-index-overlay);\n        transform-origin: ").concat(v,";\n      ")}};e.prototype.showFilter=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.variant==="clear"){console.warn("Clear variant does not support showFilter method");return[2]}if(this.popoverEl!=null){try{this.popoverEl.showPopover()}catch(e){this.popoverEl.style.display="block";this.popoverEl.classList.add("is-open")}}return[2]}))}))};e.prototype.hideFilter=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.variant==="clear"){console.warn("Clear variant does not support hideFilter method");return[2]}if(this.popoverEl!=null){try{this.popoverEl.hidePopover()}catch(e){this.popoverEl.style.display="none";this.popoverEl.classList.remove("is-open")}}return[2]}))}))};e.prototype.handlePopoverToggle=function(e){var r=this;var i=e.target;var t=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");if(!t&&i&&i.id==="".concat(this.componentId,"-popover")){var o=false;try{o=i.matches(":popover-open")}catch(e){o=i.style.display==="block"}this.isOpen=o;if(this.isOpen){setTimeout((function(){return r.adjustPopoverPosition()}),0);this.pdsFilterOpen.emit({componentId:this.componentId,variant:this.variant,text:this.text})}else{this.pdsFilterClose.emit({componentId:this.componentId,variant:this.variant,text:this.text})}}};e.prototype.handleDocumentClick=function(e){var r=this;if(!this.el.contains(e.target)&&this.isOpen&&this.variant!=="clear"){setTimeout((function(){if(r.popoverEl&&r.isOpen){var e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");var i=false;if(e){try{i=!r.popoverEl.matches(":popover-open")}catch(e){i=r.popoverEl.style.display!=="block"}}else{i=true}if(i){r.isOpen=false;if(!e){r.popoverEl.style.display="none";r.popoverEl.classList.remove("is-open")}r.pdsFilterClose.emit({componentId:r.componentId,variant:r.variant,text:r.text})}}}),0)}};e.prototype.handleEscapeKey=function(e){var r=this;if(e.key==="Escape"&&this.isOpen&&this.variant!=="clear"){setTimeout((function(){if(r.popoverEl&&r.isOpen){var e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");var i=false;if(e){try{i=!r.popoverEl.matches(":popover-open")}catch(e){i=r.popoverEl.style.display!=="block"}}else{i=true}if(i){r.isOpen=false;if(!e){r.popoverEl.style.display="none";r.popoverEl.classList.remove("is-open")}r.pdsFilterClose.emit({componentId:r.componentId,variant:r.variant,text:r.text})}}}),0)}};e.prototype.getIcon=function(){if(this.variant==="clear"){return a}return this.icon};e.prototype.getTriggerClasses=function(){var e=["pds-filter__trigger"];e.push("pds-filter__trigger--".concat(this.variant));if(this.isOpen&&this.variant!=="clear"){e.push("pds-filter__trigger--open")}return e.join(" ")};e.prototype.renderIcon=function(){var e=this.getIcon();if(e==null||e==="")return null;return t("pds-icon",{icon:e,size:"var(--pine-font-size-100)","aria-hidden":"true",part:"icon"})};e.prototype.renderDropdownIcon=function(){if(this.variant==="selected"){return t("pds-icon",{icon:s,size:"var(--pine-dimension-200)","aria-hidden":"true",class:"pds-filter__dropdown-icon",part:"icon"})}return null};e.prototype.render=function(){var e=this;return t(o,{key:"490e62f7906de343b3944be884321007172e6b66",id:this.componentId},t("button",{key:"060673c00c7b8043fb1ce52d6eeb79fb663c560f",class:this.getTriggerClasses(),type:"button",popoverTarget:this.variant!=="clear"?"".concat(this.componentId,"-popover"):undefined,popoverTargetAction:this.variant!=="clear"?"toggle":undefined,onKeyDown:this.variant==="clear"?this.handleKeyDown:undefined,onClick:function(r){return e.handleClick(r)},part:"button","aria-expanded":this.isOpen?"true":"false","aria-haspopup":this.variant!=="clear"?"true":undefined,"aria-controls":this.variant!=="clear"?"".concat(this.componentId,"-popover"):undefined},t("span",{key:"1a307b1f1e0fded0fe3fa934e20e62998fc82c82",class:"pds-filter__button-content",part:"button-content"},this.renderIcon(),this.text&&t("span",{key:"11a7ff15dfb2cd13f9d4a75255881dda260e88d2",class:"pds-filter__button-text",part:"button-text"},this.text),this.renderDropdownIcon())),this.variant!=="clear"&&t("div",{key:"bde162f9cf0d0a69debe7adb2e7261d8713806c0",ref:function(r){return e.popoverEl=r},id:"".concat(this.componentId,"-popover"),class:"pds-filter__popover",popover:"auto",part:"popover"},t("slot",{key:"9d41d268bdeab03d6e875a4a6bf322a40b50536b"})))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());p.style=l}}}));
-//# sourceMappingURL=p-ab2c2298.system.entry.js.map
+var __awaiter=this&&this.__awaiter||function(e,r,i,t){function o(e){return e instanceof i?e:new i((function(r){r(e)}))}return new(i||(i=Promise))((function(i,n){function a(e){try{l(t.next(e))}catch(e){n(e)}}function s(e){try{l(t["throw"](e))}catch(e){n(e)}}function l(e){e.done?i(e.value):o(e.value).then(a,s)}l((t=t.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var i={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},t,o,n,a=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return a.next=s(0),a["throw"]=s(1),a["return"]=s(2),typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(r){return l([e,r])}}function l(s){if(t)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(i=0)),i)try{if(t=1,o&&(n=s[0]&2?o["return"]:s[0]?o["throw"]||((n=o["return"])&&n.call(o),0):o.next)&&!(n=n.call(o,s[1])).done)return n;if(o=0,n)s=[s[0]&2,n.value];switch(s[0]){case 0:case 1:n=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;o=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(n=i.trys,n=n.length>0&&n[n.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!n||s[1]>n[0]&&s[1]<n[3])){i.label=s[1];break}if(s[0]===6&&i.label<n[1]){i.label=n[1];n=s;break}if(n&&i.label<n[2]){i.label=n[2];i.ops.push(s);break}if(n[2])i.ops.pop();i.trys.pop();continue}s=r.call(e,i)}catch(e){s=[6,e];o=0}finally{t=n=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-5D9wXQuJ.system.js","./p-C62JIZmE.system.js"],(function(e){"use strict";var r,i,t,o,n,a,s;return{setters:[function(e){r=e.r;i=e.c;t=e.h;o=e.H;n=e.a},function(e){a=e.t;s=e.e}],execute:function(){var l=":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 0.2s ease;transition:all 0.2s 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-container);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 left);position:fixed;position-anchor:--filter-trigger;}.pds-filter__popover.popover-flip-horizontal{inset-inline-start:anchor(--filter-trigger right);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.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-start:anchor(--filter-trigger right);-webkit-transform:translate(-100%, calc(-100% - var(--pine-dimension-100)));transform:translate(-100%, calc(-100% - var(--pine-dimension-100)))}.pds-filter__popover{}.pds-filter__popover.is-open.popover-flip-horizontal{inset-inline-start:anchor(--filter-trigger right);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.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-start:anchor(--filter-trigger right);-webkit-transform:translate(-100%, calc(-100% - var(--pine-dimension-100)));transform:translate(-100%, calc(-100% - var(--pine-dimension-100)))}}";var p=e("pds_filter",function(){function e(e){var t=this;r(this,e);this.pdsFilterOpen=i(this,"pdsFilterOpen");this.pdsFilterClose=i(this,"pdsFilterClose");this.pdsFilterClear=i(this,"pdsFilterClear");this.scrollRAF=null;this.lastScrollTime=0;this.variant="default";this.isOpen=false;this.handleNativePopoverToggle=function(e){var r=e.target;if(r&&r.id==="".concat(t.componentId,"-popover")){var i=false;try{i=r.matches(":popover-open")}catch(e){i=r.style.display==="block"}t.isOpen=i;if(t.isOpen){setTimeout((function(){return t.adjustPopoverPosition()}),0);t.pdsFilterOpen.emit({componentId:t.componentId,variant:t.variant,text:t.text})}else{t.pdsFilterClose.emit({componentId:t.componentId,variant:t.variant,text:t.text})}}};this.handleKeyDown=function(e){if(t.variant==="clear"&&(e.key==="Enter"||e.key===" ")){e.preventDefault();t.handleClick()}};this.handleClick=function(e){if(t.variant==="clear"){t.pdsFilterClear.emit({componentId:t.componentId,text:t.text});return}t.closeOtherPopovers();var r=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");if(!r){if(e){e.preventDefault()}setTimeout((function(){if(t.popoverEl!=null){t.isOpen=!t.isOpen;if(t.isOpen){t.popoverEl.style.display="block";t.popoverEl.classList.add("is-open");t.adjustPopoverPosition();t.pdsFilterOpen.emit({componentId:t.componentId,variant:t.variant,text:t.text})}else{t.popoverEl.style.display="none";t.popoverEl.classList.remove("is-open");t.pdsFilterClose.emit({componentId:t.componentId,variant:t.variant,text:t.text})}}}),0)}}}e.prototype.disconnectedCallback=function(){if(this.scrollRAF){cancelAnimationFrame(this.scrollRAF);this.scrollRAF=null}this.lastScrollTime=0;if(this.popoverEl){var e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");if(e){this.popoverEl.removeEventListener("toggle",this.handleNativePopoverToggle)}}if(this.isOpen&&this.popoverEl){try{this.popoverEl.hidePopover()}catch(e){this.popoverEl.style.display="none";this.popoverEl.classList.remove("is-open")}}};e.prototype.componentDidRender=function(){if(this.popoverEl){var e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");if(e){this.popoverEl.removeEventListener("toggle",this.handleNativePopoverToggle);this.popoverEl.addEventListener("toggle",this.handleNativePopoverToggle)}}};e.prototype.handleWindowResize=function(){var e=this;if(this.isOpen){setTimeout((function(){return e.adjustPopoverPosition()}),16)}};e.prototype.handleWindowScroll=function(){var e=this;if(this.isOpen){var r="anchorName"in document.documentElement.style;var i=performance.now();var t=r?66:33;if(i-this.lastScrollTime<t){return}this.lastScrollTime=i;if(this.scrollRAF){cancelAnimationFrame(this.scrollRAF)}this.scrollRAF=requestAnimationFrame((function(){if(e.isOpen&&e.popoverEl&&e.el.isConnected){e.adjustPopoverPosition()}e.scrollRAF=null}))}};e.prototype.closeOtherPopovers=function(){var e=this;var r=document.querySelectorAll("pds-filter");r.forEach((function(r){var i;if(r===e.el)return;var t=(i=r.shadowRoot)===null||i===void 0?void 0:i.querySelector(".pds-filter__popover");if(t){var o=false;try{o=t.matches(":popover-open")}catch(e){o=t.style.display==="block"}if(o){try{t.hidePopover()}catch(e){t.style.display="none";t.classList.remove("is-open")}}}}))};e.prototype.adjustPopoverPosition=function(){var e;if(!this.popoverEl||this.variant==="clear")return;var r=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".pds-filter__trigger");if(!r)return;var i=r.getBoundingClientRect();var t=window.innerWidth;var o=window.innerHeight;var n="anchorName"in document.documentElement.style;var a=228;var s=this.popoverEl.getBoundingClientRect().height||200;var l=20;var p=i.left+a+l>t;var c=i.bottom+8+s+l>o;if(n){this.popoverEl.classList.remove("popover-flip-horizontal","popover-flip-vertical");if(p){this.popoverEl.classList.add("popover-flip-horizontal")}if(c){this.popoverEl.classList.add("popover-flip-vertical")}}else{var f=i.left;var d=i.bottom+8;var v="top left";if(p){var h=this.popoverEl.getBoundingClientRect().width||a;f=i.right-h;v="top right"}if(c){d=i.top-s-8;v=v.replace("top","bottom")}this.popoverEl.style.cssText="\n        position: fixed;\n        left: ".concat(f,"px;\n        top: ").concat(d,"px;\n        z-index: var(--pine-z-index-overlay);\n        transform-origin: ").concat(v,";\n      ")}};e.prototype.showFilter=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.variant==="clear"){console.warn("Clear variant does not support showFilter method");return[2]}if(this.popoverEl!=null){try{this.popoverEl.showPopover()}catch(e){this.popoverEl.style.display="block";this.popoverEl.classList.add("is-open")}}return[2]}))}))};e.prototype.hideFilter=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.variant==="clear"){console.warn("Clear variant does not support hideFilter method");return[2]}if(this.popoverEl!=null){try{this.popoverEl.hidePopover()}catch(e){this.popoverEl.style.display="none";this.popoverEl.classList.remove("is-open")}}return[2]}))}))};e.prototype.handlePopoverToggle=function(e){var r=this;var i=e.target;var t=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");if(!t&&i&&i.id==="".concat(this.componentId,"-popover")){var o=false;try{o=i.matches(":popover-open")}catch(e){o=i.style.display==="block"}this.isOpen=o;if(this.isOpen){setTimeout((function(){return r.adjustPopoverPosition()}),0);this.pdsFilterOpen.emit({componentId:this.componentId,variant:this.variant,text:this.text})}else{this.pdsFilterClose.emit({componentId:this.componentId,variant:this.variant,text:this.text})}}};e.prototype.handleDocumentClick=function(e){var r=this;if(!this.el.contains(e.target)&&this.isOpen&&this.variant!=="clear"){setTimeout((function(){if(r.popoverEl&&r.isOpen){var e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");var i=false;if(e){try{i=!r.popoverEl.matches(":popover-open")}catch(e){i=r.popoverEl.style.display!=="block"}}else{i=true}if(i){r.isOpen=false;if(!e){r.popoverEl.style.display="none";r.popoverEl.classList.remove("is-open")}r.pdsFilterClose.emit({componentId:r.componentId,variant:r.variant,text:r.text})}}}),0)}};e.prototype.handleEscapeKey=function(e){var r=this;if(e.key==="Escape"&&this.isOpen&&this.variant!=="clear"){setTimeout((function(){if(r.popoverEl&&r.isOpen){var e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");var i=false;if(e){try{i=!r.popoverEl.matches(":popover-open")}catch(e){i=r.popoverEl.style.display!=="block"}}else{i=true}if(i){r.isOpen=false;if(!e){r.popoverEl.style.display="none";r.popoverEl.classList.remove("is-open")}r.pdsFilterClose.emit({componentId:r.componentId,variant:r.variant,text:r.text})}}}),0)}};e.prototype.getIcon=function(){if(this.variant==="clear"){return a}return this.icon};e.prototype.getTriggerClasses=function(){var e=["pds-filter__trigger"];e.push("pds-filter__trigger--".concat(this.variant));if(this.isOpen&&this.variant!=="clear"){e.push("pds-filter__trigger--open")}return e.join(" ")};e.prototype.renderIcon=function(){var e=this.getIcon();if(e==null||e==="")return null;return t("pds-icon",{icon:e,size:"var(--pine-font-size-100)","aria-hidden":"true",part:"icon"})};e.prototype.renderDropdownIcon=function(){if(this.variant==="selected"){return t("pds-icon",{icon:s,size:"var(--pine-dimension-200)","aria-hidden":"true",class:"pds-filter__dropdown-icon",part:"icon"})}return null};e.prototype.render=function(){var e=this;return t(o,{key:"e70f7bf3612c5c8abe7445ba3a4e53391a68de9e",id:this.componentId},t("button",{key:"2cba723795c43509762f75cb4b6607ce547f7c39",class:this.getTriggerClasses(),type:"button",popoverTarget:this.variant!=="clear"?"".concat(this.componentId,"-popover"):undefined,popoverTargetAction:this.variant!=="clear"?"toggle":undefined,onKeyDown:this.variant==="clear"?this.handleKeyDown:undefined,onClick:function(r){return e.handleClick(r)},part:"button","aria-expanded":this.isOpen?"true":"false","aria-haspopup":this.variant!=="clear"?"true":undefined,"aria-controls":this.variant!=="clear"?"".concat(this.componentId,"-popover"):undefined},t("span",{key:"8244dd35cc74c6f0138be2d3495d94b97f60474f",class:"pds-filter__button-content",part:"button-content"},this.renderIcon(),this.text&&t("span",{key:"d97c085d1df1ca13ccaf1f26ca2dac81bdfb105a",class:"pds-filter__button-text",part:"button-text"},this.text),this.renderDropdownIcon())),this.variant!=="clear"&&t("div",{key:"0b9daf4591ea20db06813ce4c39442d69af3fda1",ref:function(r){return e.popoverEl=r},id:"".concat(this.componentId,"-popover"),class:"pds-filter__popover",popover:"auto",part:"popover"},t("slot",{key:"f4499fe2d5a6a169318fe65cbbc558565c8644f9"})))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());p.style=l}}}));
+//# sourceMappingURL=p-9947c6cd.system.entry.js.map

package/dist/pine-core/p-9f0f1389.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as r,H as o}from"./p-DHPhrb5T.js";const a=":host hr{border:0;border-top:var(--pine-border-width-thin) solid var(--pine-color-border);height:0;margin-block:var(--pine-dimension-xs);margin-inline:calc(var(--pine-dimension-xs) * -1)}";const i=class{constructor(r){e(this,r);this.disabled=false}render(){return r(o,{key:"1058ea61d2ad7c311ee162b909df2531f3589e4c",id:this.componentId},r("hr",{key:"a8c2f69ef5fba5ea4ea74553fe72544e31eafb1b"}))}};i.style=a;export{i as pds_dropdown_menu_separator};
+//# sourceMappingURL=p-9f0f1389.entry.js.map

package/dist/pine-core/{p-caf01891.entry.js.map → p-9f0f1389.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","Host","pdsDropdownMenuSeparatorCss","PdsDropdownMenuSeparator","constructor","hostRef","this","disabled","render","key","id","componentId","style"],"sources":["0"],"mappings":"OAAcA,OAAkBC,OAAQC,MAAY,kBAEpD,MAAMC,EAA8B,8LAEpC,MAAMC,EAA2B,MAC7B,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,GAKvBC,KAAKC,SAAW,KACpB,CACA,MAAAC,GACI,OAAQR,EAAEC,EAAM,CAAEQ,IAAK,2CAA4CC,GAAIJ,KAAKK,aAAeX,EAAE,KAAM,CAAES,IAAK,6CAC9G,GAEJN,EAAyBS,MAAQV,SAExBC","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","Host","pdsDropdownMenuSeparatorCss","PdsDropdownMenuSeparator","constructor","hostRef","this","disabled","render","key","id","componentId","style"],"sources":["0"],"mappings":"YAAcA,OAAkBC,OAAQC,MAAY,kBAEpD,MAAMC,EAA8B,8LAEpC,MAAMC,EAA2B,MAC7B,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,GAKvBC,KAAKC,SAAW,KACpB,CACA,MAAAC,GACI,OAAQR,EAAEC,EAAM,CAAEQ,IAAK,2CAA4CC,GAAIJ,KAAKK,aAAeX,EAAE,KAAM,CAAES,IAAK,6CAC9G,GAEJN,EAAyBS,MAAQV,SAExBC","ignoreList":[]}

package/dist/pine-core/{p-DOdbcaFd.system.js.map → p-B036z4h-.system.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-DOdbcaFd.system.js","sources":["src/components/pds-tabs/pds-tabs.scss?tag=pds-tabs&encapsulation=shadow","src/components/pds-tabs/pds-tabs.tsx"],"sourcesContent":[":host {\n  /**\n   * @prop --tabs-dimension-panel-margin-top: Optional margin-top for panels\n   */\n  --tabs-dimension-panel-margin-top: var(--pine-dimension-none);\n  /**\n   * @prop --tabs-dimension-panel-padding: Optional padding for panels\n   */\n  --tabs-dimension-panel-padding: 0;\n\n  display: block;\n}\n\n.pds-tabs__tablist {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--pine-dimension-md);\n}\n\n:host(.pds-tabs--availability) .pds-tabs__tablist {\n  gap: var(--pine-dimension-xs);\n}\n\n:host(.pds-tabs--filter) .pds-tabs__tablist {\n  gap: var(--pine-dimension-sm);\n}\n\n:host(.pds-tabs--pill) .pds-tabs__tablist {\n  background-color: var(--pine-color-background-app);\n  border: var(--pine-border-width-thin) solid var(--pine-color-border-subtle);\n  border-radius: var(--pine-dimension-100);\n  display: inline-flex;\n  display: flex;\n  gap: 0;\n  height: var(--pine-dimension-450);\n}\n","import { Component, Element, Host, h, Prop, Listen } from '@stencil/core';\n\n  /**\n * @slot tabs - Content is placed within the `div[role=\"tablist\"]` element as children\n * @slot tabpanels - Content is placed directly after the `div[role=\"tablist\"]` element as siblings\n * @part tab-list - Exposes the container element that holds all the tab buttons for styling.\n */\n@Component({\n  tag: 'pds-tabs',\n  styleUrls: ['pds-tabs.scss'],\n  shadow: true,\n})\nexport class PdsTabs {\n  private tabs;\n  private tabPanels;\n\n  @Element() el: HTMLPdsTabsElement;\n\n  /**\n   * Sets the aria-label attached to the tablist element\n   */\n  @Prop() tablistLabel!: string;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Sets tabs variant styles as outlined in Figma documentation\n   */\n  @Prop() variant!: 'primary' | 'availability' | 'filter' | 'pill';\n\n  /**\n   * Sets the starting active tab name and maintains the name as the component re-renders\n   */\n  @Prop({mutable: true}) activeTabName!: string;\n\n  /**\n   * Sets the starting active tab index number and maintains the index number as the component re-renders\n   */\n  /** @internal */\n  @Prop({mutable: true}) activeTabIndex: number;\n\n  @Listen('pdsTabClick', {\n    target: 'body',\n  })\n  tabClickHandler(event: CustomEvent<any>) {\n    if (this.componentId === event.detail[1]) {\n      this.activeTabIndex = event.detail[0];\n      this.activeTabName = this.tabs[this.activeTabIndex].name;\n    }\n  }\n\n  @Listen('keydown', {})\n  handleKeyDown(ev: KeyboardEvent) {\n    const keySet = [\"ArrowLeft\", \"ArrowRight\", \"Home\", \"End\"];\n\n    // Only handle keyboard navigation if the event originated from a tab button\n    // that belongs to THIS tabs component\n    const target = ev.target as HTMLElement;\n    const targetTab = target.closest('pds-tab');\n\n    // Check if the tab belongs to this tabs instance (not a nested one)\n    const isOwnTab = targetTab && targetTab.closest('pds-tabs') === this.el;\n\n    if (keySet.includes(ev.key) && isOwnTab) {\n      ev.preventDefault();\n      this.moveActiveTab(ev.key);\n    }\n  }\n\n  private moveActiveTab(key: string) {\n    const firstTabNumber = 0;\n    const lastTabNumber = this.tabs.length - 1;\n\n    let moveFocusTo = null;\n\n    switch (key) {\n      case 'ArrowLeft':\n        moveFocusTo = (this.activeTabIndex === firstTabNumber) ? lastTabNumber : (this.activeTabIndex + (-1));\n        break;\n      case 'ArrowRight':\n        moveFocusTo = (this.activeTabIndex === lastTabNumber) ? firstTabNumber : (this.activeTabIndex + 1);\n        break;\n      case 'Home':\n        moveFocusTo = firstTabNumber;\n        break;\n      case 'End':\n        moveFocusTo = lastTabNumber;\n        break;\n    }\n\n    // Move focus to the button element within `pds-tab`\n    this.tabs[moveFocusTo].children[0].focus();\n    this.activeTabName = this.tabs[moveFocusTo].name;\n    this.activeTabIndex = moveFocusTo;\n  }\n\n  private findAllChildren() {\n    // Only select direct children tabs/tabpanels, not nested ones\n    const allTabs = Array.from(this.el.querySelectorAll('pds-tab'));\n    const allTabPanels = Array.from(this.el.querySelectorAll('pds-tabpanel'));\n\n    // Filter to only include tabs that belong to this tabs component (not nested)\n    this.tabs = allTabs.filter(tab => tab.closest('pds-tabs') === this.el);\n    this.tabPanels = allTabPanels.filter(panel => panel.closest('pds-tabs') === this.el);\n  }\n\n  private propGeneration(child, index = 0) {\n    child.parentComponentId = this.componentId.toString();\n    child.variant = this.variant.toString();\n    child.selected = (this.activeTabName === child.name) ? true : false;\n    child['index'] = index;\n  }\n\n  private passPropsToChildren() {\n    this.tabs.forEach((child, index) => {\n      if (this.activeTabName === child.name) this.activeTabIndex = index;\n      this.propGeneration(child, index);\n    });\n\n    this.tabPanels.forEach((child) => {\n      this.propGeneration(child);\n    });\n  }\n\n  private classNames() {\n    let className = `pds-tabs`;\n    if (this.variant && this.variant != 'primary') {\n      const variantClassName = `pds-tabs--${this.variant}`;\n      className += ' ' + variantClassName;\n    }\n\n    return className;\n  };\n\n  componentWillLoad() {\n    this.findAllChildren();\n  }\n\n  componentWillRender() {\n    this.passPropsToChildren();\n  }\n\n  render() {\n    return (\n      <Host active-tab-name={this.activeTabName} class={this.classNames()} id={this.componentId}>\n        <div class=\"pds-tabs__tablist\" role=\"tablist\" aria-label={this.tablistLabel} part=\"tab-list\">\n          <slot name=\"tabs\" />\n        </div>\n        <slot name=\"tabpanels\" />\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"p-B036z4h-.system.js","sources":["src/components/pds-tabs/pds-tabs.scss?tag=pds-tabs&encapsulation=shadow","src/components/pds-tabs/pds-tabs.tsx"],"sourcesContent":[":host {\n  /**\n   * @prop --tabs-dimension-panel-margin-top: Optional margin-top for panels\n   */\n  --tabs-dimension-panel-margin-top: var(--pine-dimension-none);\n  /**\n   * @prop --tabs-dimension-panel-padding: Optional padding for panels\n   */\n  --tabs-dimension-panel-padding: 0;\n\n  display: block;\n}\n\n.pds-tabs__tablist {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--pine-dimension-md);\n}\n\n:host(.pds-tabs--availability) .pds-tabs__tablist {\n  gap: var(--pine-dimension-xs);\n}\n\n:host(.pds-tabs--filter) .pds-tabs__tablist {\n  gap: var(--pine-dimension-sm);\n}\n\n:host(.pds-tabs--pill) .pds-tabs__tablist {\n  background-color: var(--pine-color-background-app);\n  border: var(--pine-border-width-thin) solid var(--pine-color-border-subtle);\n  border-radius: var(--pine-dimension-100);\n  display: inline-flex;\n  display: flex;\n  gap: 0;\n  height: var(--pine-dimension-450);\n}\n","import { Component, Element, Host, h, Prop, Listen } from '@stencil/core';\n\n  /**\n * @slot tabs - Content is placed within the `div[role=\"tablist\"]` element as children\n * @slot tabpanels - Content is placed directly after the `div[role=\"tablist\"]` element as siblings\n * @part tab-list - Exposes the container element that holds all the tab buttons for styling.\n */\n@Component({\n  tag: 'pds-tabs',\n  styleUrls: ['pds-tabs.scss'],\n  shadow: true,\n})\nexport class PdsTabs {\n  private tabs;\n  private tabPanels;\n\n  @Element() el: HTMLPdsTabsElement;\n\n  /**\n   * Sets the aria-label attached to the tablist element\n   */\n  @Prop() tablistLabel!: string;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Sets tabs variant styles as outlined in Figma documentation\n   */\n  @Prop() variant!: 'primary' | 'availability' | 'filter' | 'pill';\n\n  /**\n   * Sets the starting active tab name and maintains the name as the component re-renders\n   */\n  @Prop({mutable: true}) activeTabName!: string;\n\n  /**\n   * Sets the starting active tab index number and maintains the index number as the component re-renders\n   */\n  /** @internal */\n  @Prop({mutable: true}) activeTabIndex: number;\n\n  @Listen('pdsTabClick', {\n    target: 'body',\n  })\n  tabClickHandler(event: CustomEvent<any>) {\n    if (this.componentId === event.detail[1]) {\n      this.activeTabIndex = event.detail[0];\n      this.activeTabName = this.tabs[this.activeTabIndex].name;\n    }\n  }\n\n  @Listen('keydown', {})\n  handleKeyDown(ev: KeyboardEvent) {\n    const keySet = [\"ArrowLeft\", \"ArrowRight\", \"Home\", \"End\"];\n\n    // Only handle keyboard navigation if the event originated from a tab button\n    // that belongs to THIS tabs component\n    const target = ev.target as HTMLElement;\n    const targetTab = target.closest('pds-tab');\n\n    // Check if the tab belongs to this tabs instance (not a nested one)\n    const isOwnTab = targetTab && targetTab.closest('pds-tabs') === this.el;\n\n    if (keySet.includes(ev.key) && isOwnTab) {\n      ev.preventDefault();\n      this.moveActiveTab(ev.key);\n    }\n  }\n\n  private moveActiveTab(key: string) {\n    const firstTabNumber = 0;\n    const lastTabNumber = this.tabs.length - 1;\n\n    let moveFocusTo = null;\n\n    switch (key) {\n      case 'ArrowLeft':\n        moveFocusTo = (this.activeTabIndex === firstTabNumber) ? lastTabNumber : (this.activeTabIndex + (-1));\n        break;\n      case 'ArrowRight':\n        moveFocusTo = (this.activeTabIndex === lastTabNumber) ? firstTabNumber : (this.activeTabIndex + 1);\n        break;\n      case 'Home':\n        moveFocusTo = firstTabNumber;\n        break;\n      case 'End':\n        moveFocusTo = lastTabNumber;\n        break;\n    }\n\n    // Move focus to the button element within `pds-tab`\n    this.tabs[moveFocusTo].children[0].focus();\n    this.activeTabName = this.tabs[moveFocusTo].name;\n    this.activeTabIndex = moveFocusTo;\n  }\n\n  private findAllChildren() {\n    // Only select direct children tabs/tabpanels, not nested ones\n    const allTabs = Array.from(this.el.querySelectorAll('pds-tab'));\n    const allTabPanels = Array.from(this.el.querySelectorAll('pds-tabpanel'));\n\n    // Filter to only include tabs that belong to this tabs component (not nested)\n    this.tabs = allTabs.filter(tab => tab.closest('pds-tabs') === this.el);\n    this.tabPanels = allTabPanels.filter(panel => panel.closest('pds-tabs') === this.el);\n  }\n\n  private propGeneration(child, index = 0) {\n    child.parentComponentId = this.componentId.toString();\n    child.variant = this.variant.toString();\n    child.selected = (this.activeTabName === child.name) ? true : false;\n    child['index'] = index;\n  }\n\n  private passPropsToChildren() {\n    this.tabs.forEach((child, index) => {\n      if (this.activeTabName === child.name) this.activeTabIndex = index;\n      this.propGeneration(child, index);\n    });\n\n    this.tabPanels.forEach((child) => {\n      this.propGeneration(child);\n    });\n  }\n\n  private classNames() {\n    let className = `pds-tabs`;\n    if (this.variant && this.variant != 'primary') {\n      const variantClassName = `pds-tabs--${this.variant}`;\n      className += ' ' + variantClassName;\n    }\n\n    return className;\n  };\n\n  componentWillLoad() {\n    this.findAllChildren();\n  }\n\n  componentWillRender() {\n    this.passPropsToChildren();\n  }\n\n  render() {\n    return (\n      <Host active-tab-name={this.activeTabName} class={this.classNames()} id={this.componentId}>\n        <div class=\"pds-tabs__tablist\" role=\"tablist\" aria-label={this.tablistLabel} part=\"tab-list\">\n          <slot name=\"tabs\" />\n        </div>\n        <slot name=\"tabpanels\" />\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/pine-core/{p-Be6iza_Y.system.js.map → p-B5CyjPYU.system.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-Be6iza_Y.system.js","sources":["src/components/pds-table/pds-table-head/pds-table-head.scss?tag=pds-table-head&encapsulation=shadow","src/components/pds-table/pds-table-head/pds-table-head.tsx"],"sourcesContent":[":host {\n  --border-head-default: var(--pine-border-width-thin) solid var(--pine-color-background-subtle);\n\n  border-color: inherit;\n  box-sizing: border-box;\n  display: table-header-group;\n  vertical-align: middle;\n\n  // used for pds-checkbox-cell\n  // because it is in the ShadowDom\n  &::part(checkbox-cell) {\n    background-color: var(--pine-color-background-container);\n    inset-inline-start: var(--pine-dimension-none);\n    position: sticky;\n    z-index: var(--pine-z-index-raised);\n  }\n}\n\n:host pds-table-checkbox-cell {\n  border-block-end: var(--border-head-default);\n}\n\n:host([border]) {\n  border-block-end: var(--pine-border-width-thin) solid var(--pine-color-border-subtle);\n  border-block-start: var(--pine-border-width-thin) solid var(--pine-color-border-subtle);\n}\n\n:host([border]) pds-table-head-cell {\n  border-block-end: var(--pine-border-width-thin) solid var(--pine-color-border-subtle);\n  border-block-start: var(--pine-border-width-thin) solid var(--pine-color-border-subtle);\n}\n\n:host([background]) {\n  background-color: var(--pine-color-background-subtle);\n}\n\n:host([background]) pds-table-head-cell {\n  background-color: var(--pine-color-background-subtle);\n}\n","import { Component, Element, Event, EventEmitter, Host, h, Prop } from '@stencil/core';\nimport { closest } from '@utils/closest';\n\n@Component({\n  tag: 'pds-table-head',\n  styleUrls: ['pds-table-head.scss'],\n  shadow: true,\n})\nexport class PdsTableHead {\n  @Element() hostElement: HTMLPdsTableHeadElement;\n  private tableRef: HTMLPdsTableElement\n\n   /**\n    * Determines if the select all checkbox is in an indeterminate state.\n    */\n   @Prop({ mutable: true }) indeterminate?: boolean;\n\n   /**\n   * Determines if the table row is currently selected.\n   * @defaultValue false\n   */\n   @Prop({mutable: true}) isSelected: boolean;\n\n  /**\n   * Adds top and bottom borders to the table head.\n   * @defaultValue false\n   */\n  @Prop({ reflect: true }) border = false;\n\n  /**\n   * Adds a subtle background color to the table head.\n   * @defaultValue false\n   */\n  @Prop({ reflect: true }) background = false;\n\n  /**\n   * Event that is emitted when the select all checkbox is clicked, carrying the selected value.\n   */\n  @Event() pdsTableSelectAll: EventEmitter<{ isSelected: boolean }>;\n\n  private generateUniqueId = () => {\n    const randomString = Math.random().toString(36).substring(2, 8);\n    const timestamp = new Date().toISOString().replace(/[:.]/g, '-');\n    const uniqueId = `${randomString}-${timestamp}`;\n\n    return uniqueId;\n  }\n\n  private handleInput = (ev: Event) => {\n    this.isSelected = !(ev.target as HTMLInputElement).checked\n    this.handleSelect(this.isSelected)\n  };\n\n  private handleSelect = (isSelected: boolean) => {\n    this.indeterminate = false\n\n    if ( closest('pds-table-head', this.hostElement) ) {\n      this.pdsTableSelectAll.emit({ isSelected });\n    }\n  }\n\n  componentWillLoad() {\n    if (this.isSelected) {\n      this.handleSelect(this.isSelected)\n    }\n  }\n\n  componentWillRender() {\n    this.tableRef = this.hostElement.closest('pds-table') as HTMLPdsTableElement;\n\n    if (this.tableRef && this.tableRef.fixedColumn) {\n      const tableCell = this.hostElement.querySelector('pds-table-head-cell:first-child');\n      tableCell?.classList.add(\"is-fixed\");\n    }\n  }\n\n  render() {\n    return (\n      <Host role=\"row\" part=\"head\">\n        {this.tableRef && this.tableRef.selectable && (\n          <pds-table-head-cell part={this.tableRef.selectable ? 'checkbox-cell' : ''}>\n            {!this.tableRef.disableSelectAll && (\n              <pds-checkbox\n                componentId={this.generateUniqueId()}\n                indeterminate={this.indeterminate}\n                onInput={this.handleInput}\n                label={\"Select All Rows\"}\n                hideLabel={true}\n                checked={this.isSelected}\n                part=\"select-all-checkbox\"\n              />\n            )}\n          </pds-table-head-cell>\n        )}\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;MAAA,MAAM,eAAe,GAAG,87CAA87C;;YCQz8C,YAAY,6BAAA,MAAA;MALzB,IAAA,WAAA,CAAA,OAAA,EAAA;;;MAoBE;;;MAGG;MACsB,QAAA,IAAM,CAAA,MAAA,GAAG,KAAK;MAEvC;;;MAGG;MACsB,QAAA,IAAU,CAAA,UAAA,GAAG,KAAK;MAOnC,QAAA,IAAgB,CAAA,gBAAA,GAAG,MAAK;MAC9B,YAAA,MAAM,YAAY,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC;MAC/D,YAAA,MAAM,SAAS,GAAG,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC;MAChE,YAAA,MAAM,QAAQ,GAAG,CAAA,EAAG,YAAY,CAAI,CAAA,EAAA,SAAS,EAAE;MAE/C,YAAA,OAAO,QAAQ;MACjB,SAAC;MAEO,QAAA,IAAA,CAAA,WAAW,GAAG,CAAC,EAAS,KAAI;kBAClC,IAAI,CAAC,UAAU,GAAG,CAAE,EAAE,CAAC,MAA2B,CAAC,OAAO;MAC1D,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC;MACpC,SAAC;MAEO,QAAA,IAAA,CAAA,YAAY,GAAG,CAAC,UAAmB,KAAI;MAC7C,YAAA,IAAI,CAAC,aAAa,GAAG,KAAK;kBAE1B,IAAK,OAAO,CAAC,gBAAgB,EAAE,IAAI,CAAC,WAAW,CAAC,EAAG;sBACjD,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,CAAC;;MAE/C,SAAC;MAuCF;UArCC,iBAAiB,GAAA;MACf,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;MACnB,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC;;;UAItC,mBAAmB,GAAA;cACjB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW,CAAwB;cAE5E,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE;kBAC9C,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,iCAAiC,CAAC;kBACnF,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC;;;UAIxC,MAAM,GAAA;MACJ,QAAA,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAA,EACzB,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,UAAU,KACxC,CAAqB,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,GAAG,eAAe,GAAG,EAAE,EAAA,EACvE,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,KAC9B,CACE,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAW,EAAE,IAAI,CAAC,gBAAgB,EAAE,EACpC,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,KAAK,EAAE,iBAAiB,EACxB,SAAS,EAAE,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,UAAU,EACxB,IAAI,EAAC,qBAAqB,EAC1B,CAAA,CACH,CACmB,CACvB,EACD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;"}
+{"version":3,"file":"p-B5CyjPYU.system.js","sources":["src/components/pds-table/pds-table-head/pds-table-head.scss?tag=pds-table-head&encapsulation=shadow","src/components/pds-table/pds-table-head/pds-table-head.tsx"],"sourcesContent":[":host {\n  --border-head-default: var(--pine-border-width-thin) solid var(--pine-color-background-subtle);\n\n  border-color: inherit;\n  box-sizing: border-box;\n  display: table-header-group;\n  vertical-align: middle;\n\n  // used for pds-checkbox-cell\n  // because it is in the ShadowDom\n  &::part(checkbox-cell) {\n    background-color: var(--pine-color-background-container);\n    inset-inline-start: var(--pine-dimension-none);\n    position: sticky;\n    z-index: var(--pine-z-index-raised);\n  }\n}\n\n:host pds-table-checkbox-cell {\n  border-block-end: var(--border-head-default);\n}\n\n:host([border]) {\n  border-block-end: var(--pine-border-width-thin) solid var(--pine-color-border-subtle);\n  border-block-start: var(--pine-border-width-thin) solid var(--pine-color-border-subtle);\n}\n\n:host([border]) pds-table-head-cell {\n  border-block-end: var(--pine-border-width-thin) solid var(--pine-color-border-subtle);\n  border-block-start: var(--pine-border-width-thin) solid var(--pine-color-border-subtle);\n}\n\n:host([background]) {\n  background-color: var(--pine-color-background-subtle);\n}\n\n:host([background]) pds-table-head-cell {\n  background-color: var(--pine-color-background-subtle);\n}\n","import { Component, Element, Event, EventEmitter, Host, h, Prop } from '@stencil/core';\nimport { closest } from '@utils/closest';\n\n@Component({\n  tag: 'pds-table-head',\n  styleUrls: ['pds-table-head.scss'],\n  shadow: true,\n})\nexport class PdsTableHead {\n  @Element() hostElement: HTMLPdsTableHeadElement;\n  private tableRef: HTMLPdsTableElement\n\n   /**\n    * Determines if the select all checkbox is in an indeterminate state.\n    */\n   @Prop({ mutable: true }) indeterminate?: boolean;\n\n   /**\n   * Determines if the table row is currently selected.\n   * @defaultValue false\n   */\n   @Prop({mutable: true}) isSelected: boolean;\n\n  /**\n   * Adds top and bottom borders to the table head.\n   * @defaultValue false\n   */\n  @Prop({ reflect: true }) border = false;\n\n  /**\n   * Adds a subtle background color to the table head.\n   * @defaultValue false\n   */\n  @Prop({ reflect: true }) background = false;\n\n  /**\n   * Event that is emitted when the select all checkbox is clicked, carrying the selected value.\n   */\n  @Event() pdsTableSelectAll: EventEmitter<{ isSelected: boolean }>;\n\n  private generateUniqueId = () => {\n    const randomString = Math.random().toString(36).substring(2, 8);\n    const timestamp = new Date().toISOString().replace(/[:.]/g, '-');\n    const uniqueId = `${randomString}-${timestamp}`;\n\n    return uniqueId;\n  }\n\n  private handleInput = (ev: Event) => {\n    this.isSelected = !(ev.target as HTMLInputElement).checked\n    this.handleSelect(this.isSelected)\n  };\n\n  private handleSelect = (isSelected: boolean) => {\n    this.indeterminate = false\n\n    if ( closest('pds-table-head', this.hostElement) ) {\n      this.pdsTableSelectAll.emit({ isSelected });\n    }\n  }\n\n  componentWillLoad() {\n    if (this.isSelected) {\n      this.handleSelect(this.isSelected)\n    }\n  }\n\n  componentWillRender() {\n    this.tableRef = this.hostElement.closest('pds-table') as HTMLPdsTableElement;\n\n    if (this.tableRef && this.tableRef.fixedColumn) {\n      const tableCell = this.hostElement.querySelector('pds-table-head-cell:first-child');\n      tableCell?.classList.add(\"is-fixed\");\n    }\n  }\n\n  render() {\n    return (\n      <Host role=\"row\" part=\"head\">\n        {this.tableRef && this.tableRef.selectable && (\n          <pds-table-head-cell part={this.tableRef.selectable ? 'checkbox-cell' : ''}>\n            {!this.tableRef.disableSelectAll && (\n              <pds-checkbox\n                componentId={this.generateUniqueId()}\n                indeterminate={this.indeterminate}\n                onInput={this.handleInput}\n                label={\"Select All Rows\"}\n                hideLabel={true}\n                checked={this.isSelected}\n                part=\"select-all-checkbox\"\n              />\n            )}\n          </pds-table-head-cell>\n        )}\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;MAAA,MAAM,eAAe,GAAG,87CAA87C;;YCQz8C,YAAY,6BAAA,MAAA;MALzB,IAAA,WAAA,CAAA,OAAA,EAAA;;;MAoBE;;;MAGG;MACsB,QAAA,IAAM,CAAA,MAAA,GAAG,KAAK;MAEvC;;;MAGG;MACsB,QAAA,IAAU,CAAA,UAAA,GAAG,KAAK;MAOnC,QAAA,IAAgB,CAAA,gBAAA,GAAG,MAAK;MAC9B,YAAA,MAAM,YAAY,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC;MAC/D,YAAA,MAAM,SAAS,GAAG,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC;MAChE,YAAA,MAAM,QAAQ,GAAG,CAAA,EAAG,YAAY,CAAI,CAAA,EAAA,SAAS,EAAE;MAE/C,YAAA,OAAO,QAAQ;MACjB,SAAC;MAEO,QAAA,IAAA,CAAA,WAAW,GAAG,CAAC,EAAS,KAAI;kBAClC,IAAI,CAAC,UAAU,GAAG,CAAE,EAAE,CAAC,MAA2B,CAAC,OAAO;MAC1D,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC;MACpC,SAAC;MAEO,QAAA,IAAA,CAAA,YAAY,GAAG,CAAC,UAAmB,KAAI;MAC7C,YAAA,IAAI,CAAC,aAAa,GAAG,KAAK;kBAE1B,IAAK,OAAO,CAAC,gBAAgB,EAAE,IAAI,CAAC,WAAW,CAAC,EAAG;sBACjD,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,CAAC;;MAE/C,SAAC;MAuCF;UArCC,iBAAiB,GAAA;MACf,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;MACnB,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC;;;UAItC,mBAAmB,GAAA;cACjB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW,CAAwB;cAE5E,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE;kBAC9C,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,iCAAiC,CAAC;kBACnF,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC;;;UAIxC,MAAM,GAAA;MACJ,QAAA,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAA,EACzB,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,UAAU,KACxC,CAAqB,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,GAAG,eAAe,GAAG,EAAE,EAAA,EACvE,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,KAC9B,CACE,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAW,EAAE,IAAI,CAAC,gBAAgB,EAAE,EACpC,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,KAAK,EAAE,iBAAiB,EACxB,SAAS,EAAE,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,UAAU,EACxB,IAAI,EAAC,qBAAqB,EAC1B,CAAA,CACH,CACmB,CACvB,EACD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;"}

package/dist/pine-core/{p-Cw6YcRuA.system.js.map → p-B8OHXU49.system.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-Cw6YcRuA.system.js","sources":["src/components/pds-modal/pds-modal-content/pds-modal-content.scss?tag=pds-modal-content","src/components/pds-modal/pds-modal-content/pds-modal-content.tsx"],"sourcesContent":["pds-modal-content {\n  display: block;\n  flex: 1 1 auto;\n  width: 100%;\n\n  &:has(.pds-modal-content.pds-modal-content--border-none) {\n    border: 0;\n  }\n\n  &:has(.pds-modal-content.pds-modal-content--border-both) {\n    border-block-end: 1px solid var(--pine-color-border-subtle);\n    border-block-start: 1px solid var(--pine-color-border-subtle);\n  }\n\n  &:has(.pds-modal-content.pds-modal-content--border-top) {\n    border-block-start: 1px solid var(--pine-color-border-subtle);\n  }\n\n  &:has(.pds-modal-content.pds-modal-content--border-bottom) {\n    border-block-end: 1px solid var(--pine-color-border-subtle);\n  }\n}\n\n.pds-modal-content {\n  display: block;\n  flex: 1 1 auto;\n  // Max height is set via inline styles based on header and footer heights\n  min-height: 0;\n  width: 100%;\n\n}\n","import { Component, h, Host, Prop, Element, State } from '@stencil/core';\n\n@Component({\n  tag: 'pds-modal-content',\n  styleUrl: 'pds-modal-content.scss',\n})\nexport class PdsModalContent {\n\n  @Element() el: HTMLPdsModalContentElement;\n\n  /**\n   * The border style for the content area. When not explicitly set, automatically determined based on scroll state.\n   * @default 'none'\n   */\n  @Prop({ reflect: true, mutable: true }) border: 'none' | 'both' | 'top' | 'bottom' = 'none';\n\n  @State() contentMaxHeight: string = 'none';\n\n  /**\n   * Tracks whether the border prop was explicitly set by the user\n   */\n  private userSetBorder = false;\n\n  componentWillLoad() {\n    // Check if border was explicitly set via attribute or property\n    const borderAttr = this.el.getAttribute('border');\n    const hasBorderAttribute = borderAttr !== null;\n\n    // If border attribute exists or border prop is not the default, user set it\n    this.userSetBorder = hasBorderAttribute || this.border !== 'none';\n  }\n\n  componentDidLoad() {\n    this.calculateMaxHeight();\n\n    // Set up resize listener\n    window.addEventListener('resize', this.handleResize.bind(this));\n\n    // Only set up scroll listener for border updates if borders are managed automatically\n    if (!this.userSetBorder) {\n      setTimeout(() => {\n        // The scroll happens on the component element itself (this.el), not the inner div\n        this.el.addEventListener('scroll', this.handleScroll.bind(this));\n        // Initial border update after everything is set up\n        setTimeout(() => this.updateBorders(), 100);\n      }, 100);\n    }\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.handleResize.bind(this));\n\n    // Clean up scroll listener only if it was set up\n    if (!this.userSetBorder) {\n      this.el.removeEventListener('scroll', this.handleScroll.bind(this));\n    }\n\n    if (this.mutationObserver) {\n      this.mutationObserver.disconnect();\n    }\n  }\n\n  /**\n   * Handle scroll events\n   */\n  private handleScroll() {\n    this.updateBorders();\n  }\n\n  /**\n   * Handle resize events\n   */\n  private handleResize() {\n    this.calculateMaxHeight();\n    // Update borders after resize as content scrollability might change\n    setTimeout(() => this.updateBorders(), 50);\n  }\n\n  /**\n   * Calculates the max-height based on header and footer heights\n   */\n  private mutationObserver: MutationObserver;\n\n  /**\n   * Updates border visibility based on scroll state (only if not user-defined)\n   */\n  private updateBorders() {\n    // If user explicitly set a border value, don't override it\n    if (this.userSetBorder) {\n      return;\n    }\n\n    // Find the modal element (parent of this component)\n    const modalElement = this.el.closest('pds-modal');\n    if (!modalElement) return;\n\n    // Only apply border logic if modal is scrollable\n    const isModalScrollable = modalElement.scrollable !== false;\n    if (!isModalScrollable) {\n      this.border = 'none';\n      return;\n    }\n\n    // The scrollable element is the component itself (this.el), not the inner div\n    const scrollableElement = this.el;\n\n    // Check if content is actually scrollable\n    const isContentScrollable = scrollableElement.scrollHeight > scrollableElement.clientHeight;\n\n    if (!isContentScrollable) {\n      this.border = 'none';\n      return;\n    }\n\n    // Determine border position based on scroll position\n    const { scrollTop, scrollHeight, clientHeight } = scrollableElement;\n    const scrollBottom = scrollTop + clientHeight;\n\n    // More generous tolerance for scroll detection (3px instead of 1px)\n    const tolerance = 3;\n    const isAtTop = scrollTop <= tolerance;\n    const isAtBottom = scrollBottom >= scrollHeight - tolerance;\n\n    if (isAtTop && isAtBottom) {\n      // Content fits exactly, no borders needed\n      this.border = 'none';\n    } else if (isAtTop && !isAtBottom) {\n      // At top, show bottom border only\n      this.border = 'bottom';\n    } else if (!isAtTop && isAtBottom) {\n      // At bottom, show top border only\n      this.border = 'top';\n    } else {\n      // In middle, show both borders\n      this.border = 'both';\n    }\n  }\n\n  /**\n   * Calculates the max-height based on header and footer heights\n   */\n  private calculateMaxHeight() {\n    // Find the modal element (parent of this component)\n    const modalElement = this.el.closest('pds-modal');\n    if (!modalElement) return;\n\n    // Check if the parent modal is scrollable\n    const isScrollable = modalElement.scrollable !== false;\n\n    setTimeout(() => {\n      // If modal is not scrollable, don't apply max-height constraints\n      if (!isScrollable) {\n        this.contentMaxHeight = 'none';\n        const contentElement = this.el.querySelector('.pds-modal-content') as HTMLElement;\n        if (contentElement) {\n          contentElement.style.maxHeight = 'none';\n        }\n        return;\n      }\n\n      // Find header and footer elements\n      const headerElement = modalElement.querySelector('pds-modal-header');\n      const footerElement = modalElement.querySelector('pds-modal-footer');\n\n      // Get header and footer heights\n      const headerHeight = headerElement ? headerElement.offsetHeight : 0;\n      const footerHeight = footerElement ? footerElement.offsetHeight : 0;\n\n      // Set the max-height as a calculation\n      if (headerHeight > 0 || footerHeight > 0) {\n        // Calculate the available height by subtracting:\n        // 1. Header and footer heights\n        // 2. Modal padding (48px)\n        // 3. Additional space for modal positioning (6vh)\n        // 4. Extra adjustment for perfect fit (50px)\n        const viewportAdjustment = Math.round(window.innerHeight * 0.06); // 6vh approximation\n        const totalReduction = headerHeight + footerHeight + 48 + viewportAdjustment + 50;\n\n        // Set the content max height\n        this.contentMaxHeight = `calc(100vh - ${totalReduction}px)`;\n\n        // Apply the style directly to ensure it takes effect\n        const contentElement = this.el.querySelector('.pds-modal-content') as HTMLElement;\n        if (contentElement) {\n          contentElement.style.maxHeight = this.contentMaxHeight;\n        }\n      } else {\n        this.contentMaxHeight = 'none'; // Default fallback\n      }\n\n      // Update borders after height calculations with longer delay\n      setTimeout(() => this.updateBorders(), 150);\n    }, 100); // Delay to ensure DOM is fully rendered\n\n    // Set up mutation observer if not already done\n    if (!this.mutationObserver && modalElement) {\n      this.mutationObserver = new MutationObserver(() => {\n        this.calculateMaxHeight();\n      });\n\n      // Observe changes to the modal's children\n      this.mutationObserver.observe(modalElement, {\n        childList: true,\n        subtree: true,\n        attributes: true,\n        attributeFilter: ['style', 'class']\n      });\n    }\n  }\n  render() {\n    // Only apply max-height style if it's not 'none'\n    const styleObj = this.contentMaxHeight !== 'none' ? { maxHeight: this.contentMaxHeight } : {};\n\n    return (\n      <Host>\n        <div\n          class={{\n            'pds-modal-content': true,\n            [`pds-modal-content--border-${this.border}`]: true\n          }}\n          style={styleObj}\n          tabindex=\"-1\"\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;MAAA,MAAM,kBAAkB,GAAG,k8BAAk8B;;YCMh9B,eAAe,gCAAA,MAAA;MAJ5B,IAAA,WAAA,CAAA,OAAA,EAAA;;MAQE;;;MAGG;MACqC,QAAA,IAAM,CAAA,MAAA,GAAuC,MAAM;MAElF,QAAA,IAAgB,CAAA,gBAAA,GAAW,MAAM;MAE1C;;MAEG;MACK,QAAA,IAAa,CAAA,aAAA,GAAG,KAAK;MA+M9B;UA7MC,iBAAiB,GAAA;;cAEf,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC;MACjD,QAAA,MAAM,kBAAkB,GAAG,UAAU,KAAK,IAAI;;cAG9C,IAAI,CAAC,aAAa,GAAG,kBAAkB,IAAI,IAAI,CAAC,MAAM,KAAK,MAAM;;UAGnE,gBAAgB,GAAA;cACd,IAAI,CAAC,kBAAkB,EAAE;;MAGzB,QAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;MAG/D,QAAA,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;kBACvB,UAAU,CAAC,MAAK;;MAEd,gBAAA,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;sBAEhE,UAAU,CAAC,MAAM,IAAI,CAAC,aAAa,EAAE,EAAE,GAAG,CAAC;mBAC5C,EAAE,GAAG,CAAC;;;UAIX,oBAAoB,GAAA;MAClB,QAAA,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;MAGlE,QAAA,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;MACvB,YAAA,IAAI,CAAC,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;MAGrE,QAAA,IAAI,IAAI,CAAC,gBAAgB,EAAE;MACzB,YAAA,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE;;;MAItC;;MAEG;UACK,YAAY,GAAA;cAClB,IAAI,CAAC,aAAa,EAAE;;MAGtB;;MAEG;UACK,YAAY,GAAA;cAClB,IAAI,CAAC,kBAAkB,EAAE;;cAEzB,UAAU,CAAC,MAAM,IAAI,CAAC,aAAa,EAAE,EAAE,EAAE,CAAC;;MAQ5C;;MAEG;UACK,aAAa,GAAA;;MAEnB,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE;kBACtB;;;cAIF,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC;MACjD,QAAA,IAAI,CAAC,YAAY;kBAAE;;MAGnB,QAAA,MAAM,iBAAiB,GAAG,YAAY,CAAC,UAAU,KAAK,KAAK;cAC3D,IAAI,CAAC,iBAAiB,EAAE;MACtB,YAAA,IAAI,CAAC,MAAM,GAAG,MAAM;kBACpB;;;MAIF,QAAA,MAAM,iBAAiB,GAAG,IAAI,CAAC,EAAE;;cAGjC,MAAM,mBAAmB,GAAG,iBAAiB,CAAC,YAAY,GAAG,iBAAiB,CAAC,YAAY;cAE3F,IAAI,CAAC,mBAAmB,EAAE;MACxB,YAAA,IAAI,CAAC,MAAM,GAAG,MAAM;kBACpB;;;cAIF,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,iBAAiB;MACnE,QAAA,MAAM,YAAY,GAAG,SAAS,GAAG,YAAY;;cAG7C,MAAM,SAAS,GAAG,CAAC;MACnB,QAAA,MAAM,OAAO,GAAG,SAAS,IAAI,SAAS;MACtC,QAAA,MAAM,UAAU,GAAG,YAAY,IAAI,YAAY,GAAG,SAAS;MAE3D,QAAA,IAAI,OAAO,IAAI,UAAU,EAAE;;MAEzB,YAAA,IAAI,CAAC,MAAM,GAAG,MAAM;;MACf,aAAA,IAAI,OAAO,IAAI,CAAC,UAAU,EAAE;;MAEjC,YAAA,IAAI,CAAC,MAAM,GAAG,QAAQ;;MACjB,aAAA,IAAI,CAAC,OAAO,IAAI,UAAU,EAAE;;MAEjC,YAAA,IAAI,CAAC,MAAM,GAAG,KAAK;;mBACd;;MAEL,YAAA,IAAI,CAAC,MAAM,GAAG,MAAM;;;MAIxB;;MAEG;UACK,kBAAkB,GAAA;;cAExB,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC;MACjD,QAAA,IAAI,CAAC,YAAY;kBAAE;;MAGnB,QAAA,MAAM,YAAY,GAAG,YAAY,CAAC,UAAU,KAAK,KAAK;cAEtD,UAAU,CAAC,MAAK;;kBAEd,IAAI,CAAC,YAAY,EAAE;MACjB,gBAAA,IAAI,CAAC,gBAAgB,GAAG,MAAM;sBAC9B,MAAM,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,oBAAoB,CAAgB;sBACjF,IAAI,cAAc,EAAE;MAClB,oBAAA,cAAc,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM;;sBAEzC;;;kBAIF,MAAM,aAAa,GAAG,YAAY,CAAC,aAAa,CAAC,kBAAkB,CAAC;kBACpE,MAAM,aAAa,GAAG,YAAY,CAAC,aAAa,CAAC,kBAAkB,CAAC;;MAGpE,YAAA,MAAM,YAAY,GAAG,aAAa,GAAG,aAAa,CAAC,YAAY,GAAG,CAAC;MACnE,YAAA,MAAM,YAAY,GAAG,aAAa,GAAG,aAAa,CAAC,YAAY,GAAG,CAAC;;kBAGnE,IAAI,YAAY,GAAG,CAAC,IAAI,YAAY,GAAG,CAAC,EAAE;;;;;;MAMxC,gBAAA,MAAM,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;sBACjE,MAAM,cAAc,GAAG,YAAY,GAAG,YAAY,GAAG,EAAE,GAAG,kBAAkB,GAAG,EAAE;;MAGjF,gBAAA,IAAI,CAAC,gBAAgB,GAAG,CAAgB,aAAA,EAAA,cAAc,KAAK;;sBAG3D,MAAM,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,oBAAoB,CAAgB;sBACjF,IAAI,cAAc,EAAE;0BAClB,cAAc,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,gBAAgB;;;uBAEnD;MACL,gBAAA,IAAI,CAAC,gBAAgB,GAAG,MAAM,CAAC;;;kBAIjC,UAAU,CAAC,MAAM,IAAI,CAAC,aAAa,EAAE,EAAE,GAAG,CAAC;MAC7C,SAAC,EAAE,GAAG,CAAC,CAAC;;MAGR,QAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,IAAI,YAAY,EAAE;MAC1C,YAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,gBAAgB,CAAC,MAAK;sBAChD,IAAI,CAAC,kBAAkB,EAAE;MAC3B,aAAC,CAAC;;MAGF,YAAA,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,YAAY,EAAE;MAC1C,gBAAA,SAAS,EAAE,IAAI;MACf,gBAAA,OAAO,EAAE,IAAI;MACb,gBAAA,UAAU,EAAE,IAAI;MAChB,gBAAA,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO;MACnC,aAAA,CAAC;;;UAGN,MAAM,GAAA;;cAEJ,MAAM,QAAQ,GAAG,IAAI,CAAC,gBAAgB,KAAK,MAAM,GAAG,EAAE,SAAS,EAAE,IAAI,CAAC,gBAAgB,EAAE,GAAG,EAAE;cAE7F,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE;MACL,gBAAA,mBAAmB,EAAE,IAAI;MACzB,gBAAA,CAAC,6BAA6B,IAAI,CAAC,MAAM,CAAE,CAAA,GAAG;mBAC/C,EACD,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAC,IAAI,EAAA,EAEb,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;;;;;;"}
+{"version":3,"file":"p-B8OHXU49.system.js","sources":["src/components/pds-modal/pds-modal-content/pds-modal-content.scss?tag=pds-modal-content","src/components/pds-modal/pds-modal-content/pds-modal-content.tsx"],"sourcesContent":["pds-modal-content {\n  display: block;\n  flex: 1 1 auto;\n  width: 100%;\n\n  &:has(.pds-modal-content.pds-modal-content--border-none) {\n    border: 0;\n  }\n\n  &:has(.pds-modal-content.pds-modal-content--border-both) {\n    border-block-end: 1px solid var(--pine-color-border-subtle);\n    border-block-start: 1px solid var(--pine-color-border-subtle);\n  }\n\n  &:has(.pds-modal-content.pds-modal-content--border-top) {\n    border-block-start: 1px solid var(--pine-color-border-subtle);\n  }\n\n  &:has(.pds-modal-content.pds-modal-content--border-bottom) {\n    border-block-end: 1px solid var(--pine-color-border-subtle);\n  }\n}\n\n.pds-modal-content {\n  display: block;\n  flex: 1 1 auto;\n  // Max height is set via inline styles based on header and footer heights\n  min-height: 0;\n  width: 100%;\n\n}\n","import { Component, h, Host, Prop, Element, State } from '@stencil/core';\n\n@Component({\n  tag: 'pds-modal-content',\n  styleUrl: 'pds-modal-content.scss',\n})\nexport class PdsModalContent {\n\n  @Element() el: HTMLPdsModalContentElement;\n\n  /**\n   * The border style for the content area. When not explicitly set, automatically determined based on scroll state.\n   * @default 'none'\n   */\n  @Prop({ reflect: true, mutable: true }) border: 'none' | 'both' | 'top' | 'bottom' = 'none';\n\n  @State() contentMaxHeight: string = 'none';\n\n  /**\n   * Tracks whether the border prop was explicitly set by the user\n   */\n  private userSetBorder = false;\n\n  componentWillLoad() {\n    // Check if border was explicitly set via attribute or property\n    const borderAttr = this.el.getAttribute('border');\n    const hasBorderAttribute = borderAttr !== null;\n\n    // If border attribute exists or border prop is not the default, user set it\n    this.userSetBorder = hasBorderAttribute || this.border !== 'none';\n  }\n\n  componentDidLoad() {\n    this.calculateMaxHeight();\n\n    // Set up resize listener\n    window.addEventListener('resize', this.handleResize.bind(this));\n\n    // Only set up scroll listener for border updates if borders are managed automatically\n    if (!this.userSetBorder) {\n      setTimeout(() => {\n        // The scroll happens on the component element itself (this.el), not the inner div\n        this.el.addEventListener('scroll', this.handleScroll.bind(this));\n        // Initial border update after everything is set up\n        setTimeout(() => this.updateBorders(), 100);\n      }, 100);\n    }\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.handleResize.bind(this));\n\n    // Clean up scroll listener only if it was set up\n    if (!this.userSetBorder) {\n      this.el.removeEventListener('scroll', this.handleScroll.bind(this));\n    }\n\n    if (this.mutationObserver) {\n      this.mutationObserver.disconnect();\n    }\n  }\n\n  /**\n   * Handle scroll events\n   */\n  private handleScroll() {\n    this.updateBorders();\n  }\n\n  /**\n   * Handle resize events\n   */\n  private handleResize() {\n    this.calculateMaxHeight();\n    // Update borders after resize as content scrollability might change\n    setTimeout(() => this.updateBorders(), 50);\n  }\n\n  /**\n   * Calculates the max-height based on header and footer heights\n   */\n  private mutationObserver: MutationObserver;\n\n  /**\n   * Updates border visibility based on scroll state (only if not user-defined)\n   */\n  private updateBorders() {\n    // If user explicitly set a border value, don't override it\n    if (this.userSetBorder) {\n      return;\n    }\n\n    // Find the modal element (parent of this component)\n    const modalElement = this.el.closest('pds-modal');\n    if (!modalElement) return;\n\n    // Only apply border logic if modal is scrollable\n    const isModalScrollable = modalElement.scrollable !== false;\n    if (!isModalScrollable) {\n      this.border = 'none';\n      return;\n    }\n\n    // The scrollable element is the component itself (this.el), not the inner div\n    const scrollableElement = this.el;\n\n    // Check if content is actually scrollable\n    const isContentScrollable = scrollableElement.scrollHeight > scrollableElement.clientHeight;\n\n    if (!isContentScrollable) {\n      this.border = 'none';\n      return;\n    }\n\n    // Determine border position based on scroll position\n    const { scrollTop, scrollHeight, clientHeight } = scrollableElement;\n    const scrollBottom = scrollTop + clientHeight;\n\n    // More generous tolerance for scroll detection (3px instead of 1px)\n    const tolerance = 3;\n    const isAtTop = scrollTop <= tolerance;\n    const isAtBottom = scrollBottom >= scrollHeight - tolerance;\n\n    if (isAtTop && isAtBottom) {\n      // Content fits exactly, no borders needed\n      this.border = 'none';\n    } else if (isAtTop && !isAtBottom) {\n      // At top, show bottom border only\n      this.border = 'bottom';\n    } else if (!isAtTop && isAtBottom) {\n      // At bottom, show top border only\n      this.border = 'top';\n    } else {\n      // In middle, show both borders\n      this.border = 'both';\n    }\n  }\n\n  /**\n   * Calculates the max-height based on header and footer heights\n   */\n  private calculateMaxHeight() {\n    // Find the modal element (parent of this component)\n    const modalElement = this.el.closest('pds-modal');\n    if (!modalElement) return;\n\n    // Check if the parent modal is scrollable\n    const isScrollable = modalElement.scrollable !== false;\n\n    setTimeout(() => {\n      // If modal is not scrollable, don't apply max-height constraints\n      if (!isScrollable) {\n        this.contentMaxHeight = 'none';\n        const contentElement = this.el.querySelector('.pds-modal-content') as HTMLElement;\n        if (contentElement) {\n          contentElement.style.maxHeight = 'none';\n        }\n        return;\n      }\n\n      // Find header and footer elements\n      const headerElement = modalElement.querySelector('pds-modal-header');\n      const footerElement = modalElement.querySelector('pds-modal-footer');\n\n      // Get header and footer heights\n      const headerHeight = headerElement ? headerElement.offsetHeight : 0;\n      const footerHeight = footerElement ? footerElement.offsetHeight : 0;\n\n      // Set the max-height as a calculation\n      if (headerHeight > 0 || footerHeight > 0) {\n        // Calculate the available height by subtracting:\n        // 1. Header and footer heights\n        // 2. Modal padding (48px)\n        // 3. Additional space for modal positioning (6vh)\n        // 4. Extra adjustment for perfect fit (50px)\n        const viewportAdjustment = Math.round(window.innerHeight * 0.06); // 6vh approximation\n        const totalReduction = headerHeight + footerHeight + 48 + viewportAdjustment + 50;\n\n        // Set the content max height\n        this.contentMaxHeight = `calc(100vh - ${totalReduction}px)`;\n\n        // Apply the style directly to ensure it takes effect\n        const contentElement = this.el.querySelector('.pds-modal-content') as HTMLElement;\n        if (contentElement) {\n          contentElement.style.maxHeight = this.contentMaxHeight;\n        }\n      } else {\n        this.contentMaxHeight = 'none'; // Default fallback\n      }\n\n      // Update borders after height calculations with longer delay\n      setTimeout(() => this.updateBorders(), 150);\n    }, 100); // Delay to ensure DOM is fully rendered\n\n    // Set up mutation observer if not already done\n    if (!this.mutationObserver && modalElement) {\n      this.mutationObserver = new MutationObserver(() => {\n        this.calculateMaxHeight();\n      });\n\n      // Observe changes to the modal's children\n      this.mutationObserver.observe(modalElement, {\n        childList: true,\n        subtree: true,\n        attributes: true,\n        attributeFilter: ['style', 'class']\n      });\n    }\n  }\n  render() {\n    // Only apply max-height style if it's not 'none'\n    const styleObj = this.contentMaxHeight !== 'none' ? { maxHeight: this.contentMaxHeight } : {};\n\n    return (\n      <Host>\n        <div\n          class={{\n            'pds-modal-content': true,\n            [`pds-modal-content--border-${this.border}`]: true\n          }}\n          style={styleObj}\n          tabindex=\"-1\"\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/pine-core/{p-BpespFXE.system.js.map → p-B_IKQKhn.system.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-BpespFXE.system.js","sources":["src/components/pds-sortable/pds-sortable-item/pds-sortable-item.scss?tag=pds-sortable-item&encapsulation=scoped","src/components/pds-sortable/pds-sortable-item/pds-sortable-item.tsx"],"sourcesContent":[":host(.pds-sortable-item) {\n  align-items: center;\n  display: flex;\n  padding-block: var(--pine-dimension-xs);\n  padding-inline: var(--pine-dimension-md);\n\n  .pds-sortable-item__actions {\n    margin-inline-start: auto;\n    padding-inline-start: var(--pine-dimension-md);\n  }\n\n  .pds-sortable-item__handle {\n    line-height: 1;\n    margin-inline-end: var(--pine-dimension-md);\n  }\n\n  // styles when sortable is bordered\n  .pds-sortable--bordered & {\n    &:first-child {\n      border-start-end-radius: calc(var(--pine-dimension-xs) * 1.25);\n      border-start-start-radius: calc(var(--pine-dimension-xs) * 1.25);\n    }\n\n    &:last-child {\n      border-end-end-radius: calc(var(--pine-dimension-xs) * 1.25);\n      border-end-start-radius: calc(var(--pine-dimension-xs) * 1.25);\n    }\n  }\n\n  // styles when sortable is divided\n  .pds-sortable--divided & {\n    border-block-end: var(--pine-border);\n\n    &:last-child {\n      border-block-end: 0;\n    }\n  }\n\n  // cursor styles based on handle-type\n  .pds-sortable--handle-type-row & {\n    cursor: grab;\n  }\n\n  .pds-sortable--handle-type-handle & {\n    .pds-sortable-item__handle {\n      cursor: grab;\n    }\n  }\n\n  // styles when sortable is disabled\n  .pds-sortable--disabled & {\n    cursor: not-allowed;\n    opacity: 0.5;\n\n    .pds-sortable-item__handle {\n      cursor: not-allowed;\n    }\n  }\n}\n\n:host(.pds-sortable-item):hover {\n  .pds-sortable--disabled & {\n    background-color: transparent;\n  }\n\n  .pds-sortable:not(.pds-sortable--disabled) & {\n    background-color: var(--pine-color-background-container-hover);\n\n    pds-icon {\n      color: var(--pine-color-info)\n    }\n  }\n}\n\n:host(.pds-sortable-item--drag) {\n  background-color: var(--pine-color-background-container);\n  border-radius: 0;\n  box-shadow: var(--pine-box-shadow-400);\n  opacity: 1;\n}\n\n:host(.pds-sortable-item--ghost) {\n  background-color: var(--pine-color-background-container-hover);\n  border-radius: 0;\n}\n","import { Component, Element, Host, h, Prop } from '@stencil/core';\n\nimport { handle as handleIcon } from '@pine-ds/icons/icons';\n/**\n * @slot sortable-item-actions - Content is placed within the `pds-sortable-item__actions` element as children. This slot is only rendered if `actions` is set to `true`.\n */\n@Component({\n  tag: 'pds-sortable-item',\n  styleUrl: 'pds-sortable-item.scss',\n  scoped: true,\n})\nexport class PdsSortableItem {\n  @Element() el: HTMLPdsSortableItemElement;\n  sortableRef: HTMLPdsSortableElement;\n  /**\n   * Determines whether `sortable-item-actions` slot should be enabled.\n   * @defaultValue false\n   */\n  @Prop() enableActions = false;\n\n  /**\n   * A unique identifier used for the sortable item `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Determines whether `sortable-item` should have a handle.\n   * @defaultValue false\n   */\n  @Prop({ mutable: true }) showHandle = false;\n\n  componentWillRender() {\n    // When the parent sortable has a type of 'handle', the sortable items\n    // will automatically set showHandle to 'true'.\n    this.sortableRef = this.el.closest('pds-sortable') as HTMLPdsSortableElement;\n\n    if (this.sortableRef && this.sortableRef.handleType === 'handle') {\n      this.showHandle = true;\n    }\n  }\n\n  render() {\n    return (\n      <Host class=\"pds-sortable-item\" id={this.componentId}>\n        {this.showHandle && (\n          <div class=\"pds-sortable-item__handle\">\n            <pds-icon icon={handleIcon}></pds-icon>\n          </div>\n        )}\n        <slot></slot>\n        {this.enableActions && (\n          <div class=\"pds-sortable-item__actions\">\n            <slot name=\"sortable-item-actions\" />\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"names":["handleIcon"],"mappings":";;;;;;;;;;;;;;MAAA,MAAM,kBAAkB,GAAG,y9EAAy9E;;YCWv+E,eAAe,gCAAA,MAAA;MAL5B,IAAA,WAAA,CAAA,OAAA,EAAA;;MAQE;;;MAGG;MACK,QAAA,IAAa,CAAA,aAAA,GAAG,KAAK;MAO7B;;;MAGG;MACsB,QAAA,IAAU,CAAA,UAAA,GAAG,KAAK;MA6B5C;UA3BC,mBAAmB,GAAA;;;cAGjB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,cAAc,CAA2B;MAE5E,QAAA,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,UAAU,KAAK,QAAQ,EAAE;MAChE,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI;;;UAI1B,MAAM,GAAA;cACJ,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAC,mBAAmB,EAAC,EAAE,EAAE,IAAI,CAAC,WAAW,EAAA,EACjD,IAAI,CAAC,UAAU,KACd,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,2BAA2B,EAAA,EACpC,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAEA,MAAU,EAAA,CAAa,CACnC,CACP,EACD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACZ,IAAI,CAAC,aAAa,KACjB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,4BAA4B,EAAA,EACrC,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,uBAAuB,EAAA,CAAG,CACjC,CACP,CACI;;;;;;;;;;;;"}
+{"version":3,"file":"p-B_IKQKhn.system.js","sources":["src/components/pds-sortable/pds-sortable-item/pds-sortable-item.scss?tag=pds-sortable-item&encapsulation=scoped","src/components/pds-sortable/pds-sortable-item/pds-sortable-item.tsx"],"sourcesContent":[":host(.pds-sortable-item) {\n  align-items: center;\n  display: flex;\n  padding-block: var(--pine-dimension-xs);\n  padding-inline: var(--pine-dimension-md);\n\n  .pds-sortable-item__actions {\n    margin-inline-start: auto;\n    padding-inline-start: var(--pine-dimension-md);\n  }\n\n  .pds-sortable-item__handle {\n    line-height: 1;\n    margin-inline-end: var(--pine-dimension-md);\n  }\n\n  // styles when sortable is bordered\n  .pds-sortable--bordered & {\n    &:first-child {\n      border-start-end-radius: calc(var(--pine-dimension-xs) * 1.25);\n      border-start-start-radius: calc(var(--pine-dimension-xs) * 1.25);\n    }\n\n    &:last-child {\n      border-end-end-radius: calc(var(--pine-dimension-xs) * 1.25);\n      border-end-start-radius: calc(var(--pine-dimension-xs) * 1.25);\n    }\n  }\n\n  // styles when sortable is divided\n  .pds-sortable--divided & {\n    border-block-end: var(--pine-border);\n\n    &:last-child {\n      border-block-end: 0;\n    }\n  }\n\n  // cursor styles based on handle-type\n  .pds-sortable--handle-type-row & {\n    cursor: grab;\n  }\n\n  .pds-sortable--handle-type-handle & {\n    .pds-sortable-item__handle {\n      cursor: grab;\n    }\n  }\n\n  // styles when sortable is disabled\n  .pds-sortable--disabled & {\n    cursor: not-allowed;\n    opacity: 0.5;\n\n    .pds-sortable-item__handle {\n      cursor: not-allowed;\n    }\n  }\n}\n\n:host(.pds-sortable-item):hover {\n  .pds-sortable--disabled & {\n    background-color: transparent;\n  }\n\n  .pds-sortable:not(.pds-sortable--disabled) & {\n    background-color: var(--pine-color-background-container-hover);\n\n    pds-icon {\n      color: var(--pine-color-info)\n    }\n  }\n}\n\n:host(.pds-sortable-item--drag) {\n  background-color: var(--pine-color-background-container);\n  border-radius: 0;\n  box-shadow: var(--pine-box-shadow-400);\n  opacity: 1;\n}\n\n:host(.pds-sortable-item--ghost) {\n  background-color: var(--pine-color-background-container-hover);\n  border-radius: 0;\n}\n","import { Component, Element, Host, h, Prop } from '@stencil/core';\n\nimport { handle as handleIcon } from '@pine-ds/icons/icons';\n/**\n * @slot sortable-item-actions - Content is placed within the `pds-sortable-item__actions` element as children. This slot is only rendered if `actions` is set to `true`.\n */\n@Component({\n  tag: 'pds-sortable-item',\n  styleUrl: 'pds-sortable-item.scss',\n  scoped: true,\n})\nexport class PdsSortableItem {\n  @Element() el: HTMLPdsSortableItemElement;\n  sortableRef: HTMLPdsSortableElement;\n  /**\n   * Determines whether `sortable-item-actions` slot should be enabled.\n   * @defaultValue false\n   */\n  @Prop() enableActions = false;\n\n  /**\n   * A unique identifier used for the sortable item `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Determines whether `sortable-item` should have a handle.\n   * @defaultValue false\n   */\n  @Prop({ mutable: true }) showHandle = false;\n\n  componentWillRender() {\n    // When the parent sortable has a type of 'handle', the sortable items\n    // will automatically set showHandle to 'true'.\n    this.sortableRef = this.el.closest('pds-sortable') as HTMLPdsSortableElement;\n\n    if (this.sortableRef && this.sortableRef.handleType === 'handle') {\n      this.showHandle = true;\n    }\n  }\n\n  render() {\n    return (\n      <Host class=\"pds-sortable-item\" id={this.componentId}>\n        {this.showHandle && (\n          <div class=\"pds-sortable-item__handle\">\n            <pds-icon icon={handleIcon}></pds-icon>\n          </div>\n        )}\n        <slot></slot>\n        {this.enableActions && (\n          <div class=\"pds-sortable-item__actions\">\n            <slot name=\"sortable-item-actions\" />\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"names":["handleIcon"],"mappings":";;;;;;;;;;;;;;MAAA,MAAM,kBAAkB,GAAG,y9EAAy9E;;YCWv+E,eAAe,gCAAA,MAAA;MAL5B,IAAA,WAAA,CAAA,OAAA,EAAA;;MAQE;;;MAGG;MACK,QAAA,IAAa,CAAA,aAAA,GAAG,KAAK;MAO7B;;;MAGG;MACsB,QAAA,IAAU,CAAA,UAAA,GAAG,KAAK;MA6B5C;UA3BC,mBAAmB,GAAA;;;cAGjB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,cAAc,CAA2B;MAE5E,QAAA,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,UAAU,KAAK,QAAQ,EAAE;MAChE,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI;;;UAI1B,MAAM,GAAA;cACJ,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAC,mBAAmB,EAAC,EAAE,EAAE,IAAI,CAAC,WAAW,EAAA,EACjD,IAAI,CAAC,UAAU,KACd,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,2BAA2B,EAAA,EACpC,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAEA,MAAU,EAAA,CAAa,CACnC,CACP,EACD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACZ,IAAI,CAAC,aAAa,KACjB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,4BAA4B,EAAA,EACrC,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,uBAAuB,EAAA,CAAG,CACjC,CACP,CACI;;;;;;;;;;;;"}

package/dist/pine-core/{p-BOuz9091.system.js.map → p-BfOM0dtX.system.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-BOuz9091.system.js","sources":["src/components/pds-toast/pds-toast.scss?tag=pds-toast&encapsulation=shadow","src/components/pds-toast/pds-toast.tsx"],"sourcesContent":[":host {\n  --animation-duration: 0.3s;\n  --animation-timing: cubic-bezier(0.4, 0, 0.2, 1);\n  --padding-inline: var(--pine-dimension-md);\n  --padding-inline-desktop: var(--pine-dimension-2xl);\n  --sizing-height-default: 68px;\n  --sizing-min-width: calc(var(--sizing-total-width) - (var(--padding-inline) * 2));\n  --sizing-min-width-desktop: calc(var(--sizing-total-width) - (var(--padding-inline-desktop) * 2));\n  --sizing-total-width: 350px;\n\n  box-sizing: border-box;\n  display: block;\n  font: var(--pine-typography-body-medium);\n}\n\n.pds-toast {\n  align-items: center;\n  animation: pds-toast-animate-in var(--animation-duration) var(--animation-timing);\n  background-color: var(--pine-color-primary);\n  border-radius: var(--pine-dimension-xs);\n  box-shadow: var(--pine-box-shadow);\n  color: var(--pine-color-text-primary);\n  display: flex;\n  height: var(--sizing-height-default);\n  justify-content: flex-start;\n  margin-block-end: var(--pine-dimension-2xs);\n  max-width: 90vw;\n  min-width: var(--sizing-min-width);\n  padding: 0 var(--padding-inline);\n  position: relative;\n  width: fit-content;\n\n  @media screen and (max-width: 767px) {\n    height: 36px;\n    max-width: calc(100vw - (var(--pine-dimension-2xs) * 2));\n    min-width: auto;\n    padding-inline: var(--pine-dimension-2xs);\n  }\n\n  &--danger {\n    background-color: var(--pine-color-danger);\n  }\n\n  &--loading {\n    .pds-toast__loader {\n      align-items: center;\n      display: flex;\n      justify-content: center;\n      margin-inline-end: var(--pine-dimension-sm);\n      position: relative;\n\n      &-spinner {\n        animation: pds-toast-rotate 2s linear infinite;\n        height: 20px;\n        width: 20px;\n      }\n\n      &-path {\n        animation: pds-toast-dash 1.5s ease-in-out infinite;\n        stroke-dasharray: 1, 200;\n        stroke-dashoffset: 0;\n        stroke-linecap: round;\n      }\n    }\n  }\n}\n\n.pds-toast__icon {\n  color: var(--pine-color-text-primary);\n  display: inline-flex;\n  margin-inline-end: var(--pine-dimension-sm);\n}\n\n.pds-toast__message {\n  font: var(--pine-typography-body-sm-medium);\n  margin-inline-end: auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  // Style all slotted links\n  ::slotted(a) {\n    color: var(--pine-color-text-primary);\n    margin-inline-start: var(--pine-dimension-xs);\n    opacity: 0.7;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus-visible {\n      opacity: 1;\n    }\n\n    &:focus-visible {\n      outline: 2px solid var(--pine-color-text-primary);\n      outline-offset: 2px;\n    }\n  }\n}\n\n.pds-toast__button {\n  align-items: center;\n  background: none;\n  border: 0;\n  border-radius: var(--pine-border-radius-full);\n  color: inherit;\n  cursor: pointer;\n  display: inline-flex;\n  margin-inline-start: var(--pine-dimension-md);\n  opacity: 0.7;\n  padding: 0;\n  white-space: nowrap;\n\n  &:hover,\n  &:focus {\n    opacity: 1;\n  }\n\n  &:focus {\n    outline: var(--pine-outline-focus);\n    outline-offset: var(--pine-dimension-2xs);\n  }\n}\n\n// Animation keyframes\n@keyframes pds-toast-animate-in {\n  from {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes pds-toast-animate-out {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  to {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n}\n\n// Loading animation keyframes\n@keyframes pds-toast-rotate {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes pds-toast-dash {\n  0% {\n    stroke-dasharray: 1, 200;\n    stroke-dashoffset: 0;\n  }\n\n  50% {\n    stroke-dasharray: 89, 200;\n    stroke-dashoffset: -35;\n  }\n\n  100% {\n    stroke-dasharray: 89, 200;\n    stroke-dashoffset: -124;\n  }\n}\n\n// Animation for dismissing\n:host([hidden]) .pds-toast,\n.pds-toast--animating-out {\n  animation: pds-toast-animate-out var(--animation-duration) var(--animation-timing) forwards;\n  pointer-events: none; /* Prevent interaction during animation */\n}\n","import { Component, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from '@stencil/core';\n\n/**\n * @part dismiss\n */\n@Component({\n  tag: 'pds-toast',\n  styleUrl: 'pds-toast.scss',\n  shadow: true,\n})\nexport class PdsToast {\n  // Props\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Whether the toast can be dismissed manually via the close button.\n   * Note: This only controls manual dismissal. Auto-dismissal via duration still applies.\n   * @default true\n   */\n  @Prop() dismissible: boolean = true;\n\n  /**\n   * The duration in milliseconds to show the toast before auto-dismissing.\n   * Set to 0 to disable auto-dismiss.\n   * @default 4500\n   */\n  @Prop() duration: number = 4500;\n\n  /**\n   * The name of the icon to display in the toast.\n   */\n  @Prop() icon?: string;\n\n  /**\n   * The type of toast to display.\n   * - default: Grey background (default)\n   * - danger: Red background\n   * - loading: With spinner animation\n   * @default 'default'\n   */\n  @Prop() type: 'default' | 'danger' | 'loading' = 'default';\n\n  /**\n   * Whether the toast is currently visible.\n   */\n  @State() isVisible: boolean = true;\n\n  /**\n   * Whether the toast is animating out.\n   */\n  @State() isAnimatingOut: boolean = false;\n\n  // Private properties\n  /**\n   * Timer for auto-dismissal\n   */\n  private dismissTimer?: number;\n\n  /**\n   * Event emitted when the toast is dismissed, either manually or automatically.\n   */\n  @Event() pdsToastDismissed: EventEmitter<{ componentId?: string }>;\n\n  componentDidLoad() {\n    if (this.duration > 0) {\n      this.startDismissTimer();\n    }\n  }\n\n  disconnectedCallback() {\n    this.cleanup();\n  }\n\n  @Watch('duration')\n  handleDurationChange(newDuration: number) {\n    if (this.dismissTimer) {\n      window.clearTimeout(this.dismissTimer);\n      this.dismissTimer = undefined;\n    }\n    if (newDuration > 0) {\n      this.startDismissTimer();\n    }\n  }\n\n  @Method()\n  async dismiss(): Promise<void> {\n    // Start the animation out\n    this.isAnimatingOut = true;\n\n    // Wait for animation to complete before hiding and cleanup\n    await new Promise((resolve) => setTimeout(resolve, 300)); // Match --animation-duration\n\n    this.isVisible = false;\n    this.cleanup();\n    this.pdsToastDismissed.emit({ componentId: this.componentId });\n  }\n\n  // Private methods\n  private cleanup(): void {\n    if (this.dismissTimer) {\n      window.clearTimeout(this.dismissTimer);\n      this.dismissTimer = undefined;\n    }\n  }\n\n  private startDismissTimer(): void {\n    this.dismissTimer = window.setTimeout(() => {\n      this.dismiss();\n    }, this.duration);\n  }\n\n  private renderIcon() {\n    // Loading type takes priority\n    if (this.type === 'loading') {\n      return (\n        <div class=\"pds-toast__loader\">\n          <svg class=\"pds-toast__loader-spinner\" viewBox=\"25 25 50 50\" aria-hidden=\"true\">\n            <circle class=\"pds-toast__loader-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\" />\n          </svg>\n        </div>\n      );\n    }\n\n    // Return icon if provided, otherwise undefined (which renders as nothing)\n    return this.icon && <pds-icon name={this.icon} class=\"pds-toast__icon\" />;\n  }\n\n  render() {\n    return (\n      <Host hidden={!this.isVisible}>\n        <div\n          class={{\n            'pds-toast': true,\n            [`pds-toast--${this.type}`]: this.type !== 'default',\n            'pds-toast--animating-out': this.isAnimatingOut\n          }}\n          role=\"alert\"\n          aria-live=\"polite\"\n        >\n          {this.renderIcon()}\n\n          <span class=\"pds-toast__message\">\n            <slot></slot>\n          </span>\n\n          {this.dismissible && (\n            <button\n              type=\"button\"\n              part=\"dismiss\"\n              class=\"pds-toast__button\"\n              onClick={() => {\n                this.dismiss();\n              }}\n              aria-label=\"Dismiss message\"\n            >\n              <pds-icon name=\"remove\" />\n            </button>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"p-BfOM0dtX.system.js","sources":["src/components/pds-toast/pds-toast.scss?tag=pds-toast&encapsulation=shadow","src/components/pds-toast/pds-toast.tsx"],"sourcesContent":[":host {\n  --animation-duration: 0.3s;\n  --animation-timing: cubic-bezier(0.4, 0, 0.2, 1);\n  --padding-inline: var(--pine-dimension-md);\n  --padding-inline-desktop: var(--pine-dimension-2xl);\n  --sizing-height-default: 68px;\n  --sizing-min-width: calc(var(--sizing-total-width) - (var(--padding-inline) * 2));\n  --sizing-min-width-desktop: calc(var(--sizing-total-width) - (var(--padding-inline-desktop) * 2));\n  --sizing-total-width: 350px;\n\n  box-sizing: border-box;\n  display: block;\n  font: var(--pine-typography-body-medium);\n}\n\n.pds-toast {\n  align-items: center;\n  animation: pds-toast-animate-in var(--animation-duration) var(--animation-timing);\n  background-color: var(--pine-color-primary);\n  border-radius: var(--pine-dimension-xs);\n  box-shadow: var(--pine-box-shadow);\n  color: var(--pine-color-text-primary);\n  display: flex;\n  height: var(--sizing-height-default);\n  justify-content: flex-start;\n  margin-block-end: var(--pine-dimension-2xs);\n  max-width: 90vw;\n  min-width: var(--sizing-min-width);\n  padding: 0 var(--padding-inline);\n  position: relative;\n  width: fit-content;\n\n  @media screen and (max-width: 767px) {\n    height: 36px;\n    max-width: calc(100vw - (var(--pine-dimension-2xs) * 2));\n    min-width: auto;\n    padding-inline: var(--pine-dimension-2xs);\n  }\n\n  &--danger {\n    background-color: var(--pine-color-danger);\n  }\n\n  &--loading {\n    .pds-toast__loader {\n      align-items: center;\n      display: flex;\n      justify-content: center;\n      margin-inline-end: var(--pine-dimension-sm);\n      position: relative;\n\n      &-spinner {\n        animation: pds-toast-rotate 2s linear infinite;\n        height: 20px;\n        width: 20px;\n      }\n\n      &-path {\n        animation: pds-toast-dash 1.5s ease-in-out infinite;\n        stroke-dasharray: 1, 200;\n        stroke-dashoffset: 0;\n        stroke-linecap: round;\n      }\n    }\n  }\n}\n\n.pds-toast__icon {\n  color: var(--pine-color-text-primary);\n  display: inline-flex;\n  margin-inline-end: var(--pine-dimension-sm);\n}\n\n.pds-toast__message {\n  font: var(--pine-typography-body-sm-medium);\n  margin-inline-end: auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  // Style all slotted links\n  ::slotted(a) {\n    color: var(--pine-color-text-primary);\n    margin-inline-start: var(--pine-dimension-xs);\n    opacity: 0.7;\n    text-decoration: underline;\n\n    &:hover,\n    &:focus-visible {\n      opacity: 1;\n    }\n\n    &:focus-visible {\n      outline: 2px solid var(--pine-color-text-primary);\n      outline-offset: 2px;\n    }\n  }\n}\n\n.pds-toast__button {\n  align-items: center;\n  background: none;\n  border: 0;\n  border-radius: var(--pine-border-radius-full);\n  color: inherit;\n  cursor: pointer;\n  display: inline-flex;\n  margin-inline-start: var(--pine-dimension-md);\n  opacity: 0.7;\n  padding: 0;\n  white-space: nowrap;\n\n  &:hover,\n  &:focus {\n    opacity: 1;\n  }\n\n  &:focus {\n    outline: var(--pine-outline-focus);\n    outline-offset: var(--pine-dimension-2xs);\n  }\n}\n\n// Animation keyframes\n@keyframes pds-toast-animate-in {\n  from {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes pds-toast-animate-out {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  to {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n}\n\n// Loading animation keyframes\n@keyframes pds-toast-rotate {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes pds-toast-dash {\n  0% {\n    stroke-dasharray: 1, 200;\n    stroke-dashoffset: 0;\n  }\n\n  50% {\n    stroke-dasharray: 89, 200;\n    stroke-dashoffset: -35;\n  }\n\n  100% {\n    stroke-dasharray: 89, 200;\n    stroke-dashoffset: -124;\n  }\n}\n\n// Animation for dismissing\n:host([hidden]) .pds-toast,\n.pds-toast--animating-out {\n  animation: pds-toast-animate-out var(--animation-duration) var(--animation-timing) forwards;\n  pointer-events: none; /* Prevent interaction during animation */\n}\n","import { Component, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from '@stencil/core';\n\n/**\n * @part dismiss\n */\n@Component({\n  tag: 'pds-toast',\n  styleUrl: 'pds-toast.scss',\n  shadow: true,\n})\nexport class PdsToast {\n  // Props\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Whether the toast can be dismissed manually via the close button.\n   * Note: This only controls manual dismissal. Auto-dismissal via duration still applies.\n   * @default true\n   */\n  @Prop() dismissible: boolean = true;\n\n  /**\n   * The duration in milliseconds to show the toast before auto-dismissing.\n   * Set to 0 to disable auto-dismiss.\n   * @default 4500\n   */\n  @Prop() duration: number = 4500;\n\n  /**\n   * The name of the icon to display in the toast.\n   */\n  @Prop() icon?: string;\n\n  /**\n   * The type of toast to display.\n   * - default: Grey background (default)\n   * - danger: Red background\n   * - loading: With spinner animation\n   * @default 'default'\n   */\n  @Prop() type: 'default' | 'danger' | 'loading' = 'default';\n\n  /**\n   * Whether the toast is currently visible.\n   */\n  @State() isVisible: boolean = true;\n\n  /**\n   * Whether the toast is animating out.\n   */\n  @State() isAnimatingOut: boolean = false;\n\n  // Private properties\n  /**\n   * Timer for auto-dismissal\n   */\n  private dismissTimer?: number;\n\n  /**\n   * Event emitted when the toast is dismissed, either manually or automatically.\n   */\n  @Event() pdsToastDismissed: EventEmitter<{ componentId?: string }>;\n\n  componentDidLoad() {\n    if (this.duration > 0) {\n      this.startDismissTimer();\n    }\n  }\n\n  disconnectedCallback() {\n    this.cleanup();\n  }\n\n  @Watch('duration')\n  handleDurationChange(newDuration: number) {\n    if (this.dismissTimer) {\n      window.clearTimeout(this.dismissTimer);\n      this.dismissTimer = undefined;\n    }\n    if (newDuration > 0) {\n      this.startDismissTimer();\n    }\n  }\n\n  @Method()\n  async dismiss(): Promise<void> {\n    // Start the animation out\n    this.isAnimatingOut = true;\n\n    // Wait for animation to complete before hiding and cleanup\n    await new Promise((resolve) => setTimeout(resolve, 300)); // Match --animation-duration\n\n    this.isVisible = false;\n    this.cleanup();\n    this.pdsToastDismissed.emit({ componentId: this.componentId });\n  }\n\n  // Private methods\n  private cleanup(): void {\n    if (this.dismissTimer) {\n      window.clearTimeout(this.dismissTimer);\n      this.dismissTimer = undefined;\n    }\n  }\n\n  private startDismissTimer(): void {\n    this.dismissTimer = window.setTimeout(() => {\n      this.dismiss();\n    }, this.duration);\n  }\n\n  private renderIcon() {\n    // Loading type takes priority\n    if (this.type === 'loading') {\n      return (\n        <div class=\"pds-toast__loader\">\n          <svg class=\"pds-toast__loader-spinner\" viewBox=\"25 25 50 50\" aria-hidden=\"true\">\n            <circle class=\"pds-toast__loader-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\" />\n          </svg>\n        </div>\n      );\n    }\n\n    // Return icon if provided, otherwise undefined (which renders as nothing)\n    return this.icon && <pds-icon name={this.icon} class=\"pds-toast__icon\" />;\n  }\n\n  render() {\n    return (\n      <Host hidden={!this.isVisible}>\n        <div\n          class={{\n            'pds-toast': true,\n            [`pds-toast--${this.type}`]: this.type !== 'default',\n            'pds-toast--animating-out': this.isAnimatingOut\n          }}\n          role=\"alert\"\n          aria-live=\"polite\"\n        >\n          {this.renderIcon()}\n\n          <span class=\"pds-toast__message\">\n            <slot></slot>\n          </span>\n\n          {this.dismissible && (\n            <button\n              type=\"button\"\n              part=\"dismiss\"\n              class=\"pds-toast__button\"\n              onClick={() => {\n                this.dismiss();\n              }}\n              aria-label=\"Dismiss message\"\n            >\n              <pds-icon name=\"remove\" />\n            </button>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}