@pine-ds/core 3.6.0 → 3.7.0

package/dist/pine-core/{p-f583e5d4.entry.js → p-a9cfaa1f.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as i,H as a}from"./p-BVCWKPy3.js";const n=":host{--loader-color:var(--pine-color-brand);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-xs)}:host(.pds-loader--hidden),.pds-loader--hidden{border-width:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-loader--spinner svg{--number-spinner-timing:2s;--number-spinner-path-timing:1.5s;-webkit-animation:rotate var(--number-spinner-timing) linear infinite;animation:rotate var(--number-spinner-timing) linear infinite;color:var(--loader-color)}.pds-loader__spinner-path{stroke-width:8px}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.pds-loader--typing{--number-typing-timing:1s;--opacity-typing-dot-default:0.4;--opacity-typing-dot-active:1;-ms-flex-align:center;align-items:center;background-color:var(--pine-color-background-container-disabled);border-radius:var(--pine-dimension-sm);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);display:-ms-inline-flexbox;display:inline-flex;gap:var(--pine-dimension-2xs);margin-block:var(--pine-dimension-none);margin-inline:auto;padding-block:15px;padding-inline:20px;position:relative}.pds-loader--typing span{background-color:var(--pine-color-border-hover);block-size:6px;border-radius:var(--pine-border-radius-full);inline-size:6px;opacity:var(--opacity-typing-dot-default)}.pds-loader--typing span:nth-of-type(1){-webkit-animation:var(--number-typing-timing) typing infinite 0.3333s;animation:var(--number-typing-timing) typing infinite 0.3333s}.pds-loader--typing span:nth-of-type(2){-webkit-animation:var(--number-typing-timing) typing infinite 0.6666s;animation:var(--number-typing-timing) typing infinite 0.6666s}.pds-loader--typing span:nth-of-type(3){-webkit-animation:var(--number-typing-timing) typing infinite 0.9999s;animation:var(--number-typing-timing) typing infinite 0.9999s}@-webkit-keyframes typing{50%{opacity:var(--opacity-typing-dot-active);-webkit-transform:scale(1.25);transform:scale(1.25)}}@keyframes typing{50%{opacity:var(--opacity-typing-dot-active);-webkit-transform:scale(1.25);transform:scale(1.25)}}.pds-loader__label{--typography-label-default:var(--pine-font-weight-medium) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-body);font:var(--typography-label-default)}";const t=class{constructor(i){e(this,i);this.isLoading=true;this.showLabel=false;this.size="md";this.variant="spinner";this.style=()=>{if(this.size!==undefined){return{height:this.loaderSize(),width:this.loaderSize()}}}}loaderSize(){const e={xs:"24px",sm:"32px",md:"48px",lg:"64px",xl:"80px"};if(e[this.size]){return e[this.size]}else{return this.size}}render(){return i(a,{key:"a625008c14efc6e95e7d14a963bfedf48bbb0f88",class:`pds-loader ${this.isLoading?"":"pds-loader--hidden"}`,"aria-hidden":!this.isLoading,"aria-busy":this.isLoading,"aria-live":"polite"},this.variant==="spinner"&&i("div",{key:"16ac91e8f39ec4b7a6f19a607949ca9cb033703c",class:"pds-loader--spinner"},i("svg",{key:"a345131fedbe662c191339c613fd5b2fbd7f91c3",style:this.style(),viewBox:"0 0 200 200",fill:"none",part:"loader-svg"},i("defs",{key:"77668debaa8c12da38f7b0a96e0301bdd2f39f8e"},i("linearGradient",{key:"898b449cd30eca28b39f1508bf0d7aea3ec0a801",id:"spinner-secondHalf"},i("stop",{key:"da2028784af98e47bc7cbb585e8522eeee03866a",offset:"0%","stop-opacity":"0","stop-color":"currentColor"}),i("stop",{key:"97d2e6d2648c4827ee6ca655c5fe82647a78802a",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"})),i("linearGradient",{key:"9440650b65b8cd1cbf14ff6075c3defee020cfd8",id:"spinner-firstHalf"},i("stop",{key:"66ed5872e015724190520b138f40577864a8cdc6",offset:"0%","stop-opacity":"1","stop-color":"currentColor"}),i("stop",{key:"a2a18640ef048ecf69078c615aaf89350f5d8e05",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"}))),i("g",{key:"eafafa5ebcefa15b4d1c73ee5b7567e757173c6a",class:"pds-loader__spinner-path"},i("path",{key:"6fc3b09feee4590f18d9a507ee479cac68aa543e",stroke:"url(#spinner-secondHalf)",d:"M 4 100 A 96 96 0 0 1 196 100"}),i("path",{key:"8457c4b90c537e092022f83e0a1a8a1dcf64a841",stroke:"url(#spinner-firstHalf)",d:"M 196 100 A 96 96 0 0 1 4 100"}),i("path",{key:"4a41cf26e27659f8ce9bdbdc1fc1fa65ddb7d43d",stroke:"currentColor","stroke-linecap":"round",d:"M 4 100 A 96 96 0 0 1 4 98"})))),this.variant==="typing"&&i("div",{key:"2597e11067ebfa166a3e7ec367614c0efaa0ca9e",class:"pds-loader--typing"},i("span",{key:"921069f426029f87fa594ad0d9d347d13c6ebeae"}),i("span",{key:"c23f988a152fbf5927a93d7922ad23fe592e1781"}),i("span",{key:"b469a30a457778f49298d1a7e2123a60426097f1"})),i("div",{key:"06073048ca38b9c9222f2e9a738800bda9674086",class:`pds-loader__label ${this.showLabel?"":"pds-loader--hidden"}`},i("slot",{key:"656c5e4b86d43a95e051ee273ab7c23a942594f7",name:"label"},"Loading...")))}};t.style=n;export{t as pds_loader};
-//# sourceMappingURL=p-f583e5d4.entry.js.map
+import{r as e,h as i,H as a}from"./p-Bf1dou5H.js";const n=":host{--loader-color:var(--pine-color-brand);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-xs)}:host(.pds-loader--hidden),.pds-loader--hidden{border-width:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-loader--spinner svg{--number-spinner-timing:2s;--number-spinner-path-timing:1.5s;-webkit-animation:rotate var(--number-spinner-timing) linear infinite;animation:rotate var(--number-spinner-timing) linear infinite;color:var(--loader-color)}.pds-loader__spinner-path{stroke-width:8px}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.pds-loader--typing{--number-typing-timing:1s;--opacity-typing-dot-default:0.4;--opacity-typing-dot-active:1;-ms-flex-align:center;align-items:center;background-color:var(--pine-color-background-container-disabled);border-radius:var(--pine-dimension-sm);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);display:-ms-inline-flexbox;display:inline-flex;gap:var(--pine-dimension-2xs);margin-block:var(--pine-dimension-none);margin-inline:auto;padding-block:15px;padding-inline:20px;position:relative}.pds-loader--typing span{background-color:var(--pine-color-border-hover);block-size:6px;border-radius:var(--pine-border-radius-full);inline-size:6px;opacity:var(--opacity-typing-dot-default)}.pds-loader--typing span:nth-of-type(1){-webkit-animation:var(--number-typing-timing) typing infinite 0.3333s;animation:var(--number-typing-timing) typing infinite 0.3333s}.pds-loader--typing span:nth-of-type(2){-webkit-animation:var(--number-typing-timing) typing infinite 0.6666s;animation:var(--number-typing-timing) typing infinite 0.6666s}.pds-loader--typing span:nth-of-type(3){-webkit-animation:var(--number-typing-timing) typing infinite 0.9999s;animation:var(--number-typing-timing) typing infinite 0.9999s}@-webkit-keyframes typing{50%{opacity:var(--opacity-typing-dot-active);-webkit-transform:scale(1.25);transform:scale(1.25)}}@keyframes typing{50%{opacity:var(--opacity-typing-dot-active);-webkit-transform:scale(1.25);transform:scale(1.25)}}.pds-loader__label{--typography-label-default:var(--pine-font-weight-medium) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-body);font:var(--typography-label-default)}";const t=class{constructor(i){e(this,i);this.isLoading=true;this.showLabel=false;this.size="md";this.variant="spinner";this.style=()=>{if(this.size!==undefined){return{height:this.loaderSize(),width:this.loaderSize()}}}}loaderSize(){const e={xs:"24px",sm:"32px",md:"48px",lg:"64px",xl:"80px"};if(e[this.size]){return e[this.size]}else{return this.size}}render(){return i(a,{key:"d648f1d95f06915b3192955f78c9a4ba459adf3d",class:`pds-loader ${this.isLoading?"":"pds-loader--hidden"}`,"aria-hidden":!this.isLoading,"aria-busy":this.isLoading,"aria-live":"polite"},this.variant==="spinner"&&i("div",{key:"a1152f82ddffc3ff18ac23f522432e73eaa4051e",class:"pds-loader--spinner"},i("svg",{key:"d313737376105c1d74fd8bd006d18499294e99d7",style:this.style(),viewBox:"0 0 200 200",fill:"none",part:"loader-svg"},i("defs",{key:"756278ffc85e9aaeb91ba451ad21810131431f99"},i("linearGradient",{key:"17c8edf68002c4d73012eb040dbe1a349199894d",id:"spinner-secondHalf"},i("stop",{key:"3610ebe3ac877590905e61de933c564a89ef2342",offset:"0%","stop-opacity":"0","stop-color":"currentColor"}),i("stop",{key:"bce6d94cebf01f7f5a5bd46477dace921390ed35",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"})),i("linearGradient",{key:"3ea22a61e3a871fe09df54f07c7f51cff8f84fb0",id:"spinner-firstHalf"},i("stop",{key:"40a3dc4d486b9caa23f219503fd70cca44421d33",offset:"0%","stop-opacity":"1","stop-color":"currentColor"}),i("stop",{key:"ecc86f15149dd7fbd49311463c28ca2e2e7106ed",offset:"100%","stop-opacity":"0.5","stop-color":"currentColor"}))),i("g",{key:"0a9f8307abd79d39d665b94c7b7273f8768b2d89",class:"pds-loader__spinner-path"},i("path",{key:"8c87a83b7fb89345d5357559c3b5485d08b89518",stroke:"url(#spinner-secondHalf)",d:"M 4 100 A 96 96 0 0 1 196 100"}),i("path",{key:"b4a1aebf06c2b47fcdeb8b822ea27d893c855280",stroke:"url(#spinner-firstHalf)",d:"M 196 100 A 96 96 0 0 1 4 100"}),i("path",{key:"5a1880eba9eec32622b2353d78bef605519d7235",stroke:"currentColor","stroke-linecap":"round",d:"M 4 100 A 96 96 0 0 1 4 98"})))),this.variant==="typing"&&i("div",{key:"4864108fd2d7aa7c163302950e54083901cdf5d7",class:"pds-loader--typing"},i("span",{key:"6b71380af9b30e99a4819e081d0e7b7d8f2f9eb2"}),i("span",{key:"8f64d209593c813e71a4858c9ccb0aaa2c4eef4a"}),i("span",{key:"15ccbc6661214218f15d624bced8370609c6c232"})),i("div",{key:"d26ce663fbf08163764e70236b742b3d12c4b950",class:`pds-loader__label ${this.showLabel?"":"pds-loader--hidden"}`},i("slot",{key:"10562b45b4917c88dda50d5ebe24169421a193dc",name:"label"},"Loading...")))}};t.style=n;export{t as pds_loader};
+//# sourceMappingURL=p-a9cfaa1f.entry.js.map

package/dist/pine-core/{p-14a52961.system.entry.js → p-aa2782b9.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-B_C-mRjx.system.js","./p-BG7_qxVr.system.js","./p-BEn3hirk.system.js","./p-BhQhw0S3.system.js"],(function(i){"use strict";var e,t,n,r,s,a,o,c,l;return{setters:[function(i){e=i.r;t=i.c;n=i.h;r=i.H;s=i.g},function(i){a=i.m;o=i.a},function(i){c=i.f},function(i){l=i.i}],execute:function(){var d=":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}";var p=':host{--sizing-input-toggle-size:calc(var(--pine-dimension-250) - (var(--pine-dimension-025) * 2));--pine-dimension-025:2px;--spacing-message-inline:calc(var(--pine-dimension-450) + var(--pine-dimension-150));--number-transition-timing:0.15s ease-out;-ms-flex-align:start;align-items:flex-start;color:var(--pine-color-text);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-flow:row wrap;flex-flow:row wrap;position:relative}:host(.pds-switch--error){color:var(--pine-color-text-message-danger)}:host(.pds-switch--error) input,:host(.pds-switch--error) input:checked,:host(.pds-switch--error) input:hover:not(:disabled):not(:checked){background-color:var(--pine-color-danger)}:host(.pds-switch--error) input:focus-visible:not(:disabled):not(:checked){outline-color:var(--pine-color-focus-ring-danger)}:host(.pds-switch--error) label{color:var(--color-text-error)}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-neutral);border:0;border-radius:var(--pine-dimension-sm);cursor:pointer;display:inline-block;-ms-flex-negative:0;flex-shrink:0;height:var(--pine-dimension-250);margin:0;padding:0;position:relative;-webkit-transition:var(--number-transition-timing);transition:var(--number-transition-timing);-webkit-transition-property:background, border, color;transition-property:background, border, color;width:var(--pine-dimension-450)}input::after{background:var(--pine-color-secondary);border-radius:var(--pine-border-radius-full);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);content:"";display:block;height:var(--sizing-input-toggle-size);inset-block-start:50%;inset-inline-start:50%;position:absolute;-webkit-transform:translate3d(-100%, -50%, 0);transform:translate3d(-100%, -50%, 0);-webkit-transition:-webkit-transform var(--number-transition-timing);transition:-webkit-transform var(--number-transition-timing);transition:transform var(--number-transition-timing);transition:transform var(--number-transition-timing), -webkit-transform var(--number-transition-timing);width:var(--sizing-input-toggle-size)}label{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-150)}.pds-switch--error label{color:inherit}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-switch__message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs);-webkit-margin-start:var(--spacing-message-inline);margin-inline-start:var(--spacing-message-inline);width:100%}.pds-switch__message+.pds-switch__message{-webkit-margin-before:var(--spacing-message-inline);margin-block-start:var(--spacing-message-inline)}.pds-switch__message--error{color:inherit;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-switch__message--error pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}input:disabled{background-color:var(--pine-color-neutral-disabled);cursor:not-allowed}input:disabled~label{cursor:initial}input:disabled:hover::after{background-color:var(--pine-color-background-container-disabled)}input:disabled .pds-switch__message{color:initial}input:hover:not(:disabled){background-color:var(--pine-color-neutral-hover)}input:focus-visible:not(:disabled){outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}input:checked::after{-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}input:checked:not(:disabled){background-color:currentColor;color:var(--pine-color-accent)}input:checked:not(:disabled):hover{border-color:currentColor;color:var(--pine-color-accent-hover)}';var h=i("pds_switch",function(){function i(i){var n=this;e(this,i);this.pdsSwitchChange=t(this,"pdsSwitchChange");this.inheritedAttributes={};this.checked=false;this.disabled=false;this.invalid=false;this.required=false;this.onSwitchUpdate=function(i){if(n.disabled)return;var e=i.target;n.checked=e.checked;n.updateFormValue();n.pdsSwitchChange.emit(i)};this.switchClassNames=function(){var i="pds-switch";if(n.invalid===true){i+=" pds-switch--error"}if(n.helperMessage!==undefined){i+=" pds-switch--message"}return i}}i.prototype.connectedCallback=function(){if(this.el.attachInternals){this.internals=this.el.attachInternals()}};i.prototype.componentDidLoad=function(){this.updateFormValue()};i.prototype.checkedChanged=function(){this.updateFormValue()};i.prototype.updateFormValue=function(){var i;if(typeof jest!=="undefined"||typeof process!=="undefined"&&((i=process.env)===null||i===void 0?void 0:i.NODE_ENV)==="test"){return}if(this.internals&&this.internals.setFormValue){var e=this.checked?this.value||"on":null;this.internals.setFormValue(e)}if(this.internals&&this.internals.setValidity){this.internals.setValidity({})}};i.prototype.formStateRestoreCallback=function(i){if(i instanceof FormData){var e=this.value||"on";this.checked=i.get(this.name||this.componentId)===e}else if(typeof i==="string"){this.checked=i===(this.value||"on")}};i.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},l(this.el))};i.prototype.render=function(){return n(r,{key:"7dcd1e149838ecaa4ee4e7ad82754c1e62020a70",class:this.switchClassNames(),"aria-disabled":this.disabled?"true":null},n("label",{key:"e8bcd4de716796b9efa9974366b1ce6b06361ada",htmlFor:this.componentId},n("input",Object.assign({key:"03e1003a52c140ed72265c3bfac07ae3be74c661","aria-describedby":o(this.componentId,this.invalid,this.errorMessage||this.helperMessage),"aria-invalid":this.invalid?"true":undefined,checked:this.checked,class:"pds-switch__input",disabled:this.disabled,id:this.componentId,name:this.name?this.name:this.componentId,onChange:this.onSwitchUpdate,required:this.required,type:"checkbox",value:this.value},this.inheritedAttributes)),n("span",{key:"7670c00cf4325e9abad801e4278c1a32a7e8964e",class:this.hideLabel?"visually-hidden":""},this.label)),this.helperMessage&&n("div",{key:"d8353db698013aca13b820b41e52f04ec0b3754c",class:"pds-switch__message",id:a(this.componentId,"helper")},this.helperMessage),this.errorMessage&&n("div",{key:"db8c1b7fc494d90f7a8a7046d1d88896bfc7654a",class:"pds-switch__message pds-switch__message--error",id:a(this.componentId,"error"),"aria-live":"assertive"},n("pds-icon",{key:"1bc5bdedae1f878a64957fc5e910df46c4a2d11b",icon:c,size:"small"}),this.errorMessage))};Object.defineProperty(i,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(i.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(i,"watchers",{get:function(){return{checked:["checkedChanged"]}},enumerable:false,configurable:true});return i}());h.style=d+p}}}));
-//# sourceMappingURL=p-14a52961.system.entry.js.map
+System.register(["./p-Cxvdulqq.system.js","./p-BG7_qxVr.system.js","./p-BSkbMuB5.system.js","./p-BhQhw0S3.system.js"],(function(i){"use strict";var e,t,n,r,s,a,o,l,d;return{setters:[function(i){e=i.r;t=i.c;n=i.h;r=i.H;s=i.g},function(i){a=i.m;o=i.a},function(i){l=i.i},function(i){d=i.i}],execute:function(){var c=":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}";var p=':host{--sizing-input-toggle-size:calc(var(--pine-dimension-250) - (var(--pine-dimension-025) * 2));--pine-dimension-025:2px;--spacing-message-inline:calc(var(--pine-dimension-450) + var(--pine-dimension-150));--number-transition-timing:0.15s ease-out;-ms-flex-align:start;align-items:flex-start;color:var(--pine-color-text);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-flow:row wrap;flex-flow:row wrap;position:relative}:host(.pds-switch--error){color:var(--pine-color-text-message-danger)}:host(.pds-switch--error) input,:host(.pds-switch--error) input:checked,:host(.pds-switch--error) input:hover:not(:disabled):not(:checked){background-color:var(--pine-color-danger)}:host(.pds-switch--error) input:focus-visible:not(:disabled):not(:checked){outline-color:var(--pine-color-focus-ring-danger)}:host(.pds-switch--error) label{color:var(--color-text-error)}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-neutral);border:0;border-radius:var(--pine-dimension-sm);cursor:pointer;display:inline-block;-ms-flex-negative:0;flex-shrink:0;height:var(--pine-dimension-250);margin:0;padding:0;position:relative;-webkit-transition:var(--number-transition-timing);transition:var(--number-transition-timing);-webkit-transition-property:background, border, color;transition-property:background, border, color;width:var(--pine-dimension-450)}input::after{background:var(--pine-color-secondary);border-radius:var(--pine-border-radius-full);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);content:"";display:block;height:var(--sizing-input-toggle-size);inset-block-start:50%;inset-inline-start:50%;position:absolute;-webkit-transform:translate3d(-100%, -50%, 0);transform:translate3d(-100%, -50%, 0);-webkit-transition:-webkit-transform var(--number-transition-timing);transition:-webkit-transform var(--number-transition-timing);transition:transform var(--number-transition-timing);transition:transform var(--number-transition-timing), -webkit-transform var(--number-transition-timing);width:var(--sizing-input-toggle-size)}label{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-150)}.pds-switch--error label{color:inherit}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-switch__message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs);-webkit-margin-start:var(--spacing-message-inline);margin-inline-start:var(--spacing-message-inline);width:100%}.pds-switch__message+.pds-switch__message{-webkit-margin-before:var(--spacing-message-inline);margin-block-start:var(--spacing-message-inline)}.pds-switch__message--error{color:inherit;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-switch__message--error pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}input:disabled{background-color:var(--pine-color-neutral-disabled);cursor:not-allowed}input:disabled~label{cursor:initial}input:disabled:hover::after{background-color:var(--pine-color-background-container-disabled)}input:disabled .pds-switch__message{color:initial}input:hover:not(:disabled){background-color:var(--pine-color-neutral-hover)}input:focus-visible:not(:disabled){outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}input:checked::after{-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}input:checked:not(:disabled){background-color:currentColor;color:var(--pine-color-accent)}input:checked:not(:disabled):hover{border-color:currentColor;color:var(--pine-color-accent-hover)}';var h=i("pds_switch",function(){function i(i){var n=this;e(this,i);this.pdsSwitchChange=t(this,"pdsSwitchChange");this.inheritedAttributes={};this.checked=false;this.disabled=false;this.invalid=false;this.required=false;this.onSwitchUpdate=function(i){if(n.disabled)return;var e=i.target;n.checked=e.checked;n.updateFormValue();n.pdsSwitchChange.emit(i)};this.switchClassNames=function(){var i="pds-switch";if(n.invalid===true){i+=" pds-switch--error"}if(n.helperMessage!==undefined){i+=" pds-switch--message"}return i}}i.prototype.connectedCallback=function(){if(this.el.attachInternals){this.internals=this.el.attachInternals()}};i.prototype.componentDidLoad=function(){this.updateFormValue()};i.prototype.checkedChanged=function(){this.updateFormValue()};i.prototype.updateFormValue=function(){var i;if(typeof jest!=="undefined"||typeof process!=="undefined"&&((i=process.env)===null||i===void 0?void 0:i.NODE_ENV)==="test"){return}if(this.internals&&this.internals.setFormValue){var e=this.checked?this.value||"on":null;this.internals.setFormValue(e)}if(this.internals&&this.internals.setValidity){this.internals.setValidity({})}};i.prototype.formStateRestoreCallback=function(i){if(i instanceof FormData){var e=this.value||"on";this.checked=i.get(this.name||this.componentId)===e}else if(typeof i==="string"){this.checked=i===(this.value||"on")}};i.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},d(this.el))};i.prototype.render=function(){return n(r,{key:"9dc66ed3d7fa512dec9ab58a451a8c5533000f3b",class:this.switchClassNames(),"aria-disabled":this.disabled?"true":null},n("label",{key:"2f4f9284be0dafe15a78def82f4e2da71b632c11",htmlFor:this.componentId},n("input",Object.assign({key:"3c183f75fb5ca94ffe50a1f75d233d454374fb98","aria-describedby":o(this.componentId,this.invalid,this.errorMessage||this.helperMessage),"aria-invalid":this.invalid?"true":undefined,checked:this.checked,class:"pds-switch__input",disabled:this.disabled,id:this.componentId,name:this.name?this.name:this.componentId,onChange:this.onSwitchUpdate,required:this.required,type:"checkbox",value:this.value},this.inheritedAttributes)),n("span",{key:"b6cf2e5d68d540413fbebb65e5f942af9dddd718",class:this.hideLabel?"visually-hidden":""},this.label)),this.helperMessage&&n("div",{key:"bb1c48c72dbce12e0ebf134d084648ed86125653",class:"pds-switch__message",id:a(this.componentId,"helper")},this.helperMessage),this.errorMessage&&n("div",{key:"771e1f08e84f8d37f647443e1835d9db3ea82a2f",class:"pds-switch__message pds-switch__message--error",id:a(this.componentId,"error"),"aria-live":"assertive"},n("pds-icon",{key:"d54e078c0ea22deedec1ff6b0d1c4881ed0befc1",icon:l,size:"small"}),this.errorMessage))};Object.defineProperty(i,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(i.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(i,"watchers",{get:function(){return{checked:["checkedChanged"]}},enumerable:false,configurable:true});return i}());h.style=c+p}}}));
+//# sourceMappingURL=p-aa2782b9.system.entry.js.map

package/dist/pine-core/{p-f55b9f90.system.entry.js → p-ab4307c7.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-B_C-mRjx.system.js","./p-BG6uGRQj.system.js","./p-BEn3hirk.system.js"],(function(i){"use strict";var n,e,o,r;return{setters:[function(i){n=i.r;e=i.h},function(i){o=i.s},function(i){r=i.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(--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(--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-grey-150)}: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(--pine-color-text-hover);text-decoration:underline}";var t=i("pds_link",function(){function i(i){n(this,i);this.external=false;this.variant="inline";this.fontSize="lg"}i.prototype.classNames=function(){var i=["pds-link"];if(this.fontSize){i.push("pds-link--"+this.fontSize)}if(this.variant){i.push("pds-link--"+this.variant)}return i.join(" ")};i.prototype.setLinkStyles=function(){if(!this.color)return;var i={secondary:"var(--pine-color-text-primary)",accent:"var(--pine-color-accent)",danger:"var(--pine-color-danger)"};var n=o(this.color,i);return n};i.prototype.render=function(){return e("a",{key:"34c7cf55bccf8bb42e1e0ce6d27205580f2777be",class:this.classNames(),href:this.href,id:this.componentId,part:"link",target:this.external?"_blank":undefined,style:this.setLinkStyles()},e("slot",{key:"e8aa022b0f7d74073b2235e29316e63c2c0cd06e"},this.href),this.external&&e("pds-icon",{key:"faa3d48198b12bd797ca60cb85aa0039e0457155",icon:r,size:this.fontSize}))};return i}());t.style=s}}}));
-//# sourceMappingURL=p-f55b9f90.system.entry.js.map
+System.register(["./p-Cxvdulqq.system.js","./p-BG6uGRQj.system.js","./p-BSkbMuB5.system.js"],(function(i){"use strict";var n,e,o,r;return{setters:[function(i){n=i.r;e=i.h},function(i){o=i.s},function(i){r=i.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(--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(--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-grey-150)}: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(--pine-color-text-hover);text-decoration:underline}";var t=i("pds_link",function(){function i(i){n(this,i);this.external=false;this.variant="inline";this.fontSize="lg"}i.prototype.classNames=function(){var i=["pds-link"];if(this.fontSize){i.push("pds-link--"+this.fontSize)}if(this.variant){i.push("pds-link--"+this.variant)}return i.join(" ")};i.prototype.setLinkStyles=function(){if(!this.color)return;var i={secondary:"var(--pine-color-text-primary)",accent:"var(--pine-color-accent)",danger:"var(--pine-color-danger)"};var n=o(this.color,i);return n};i.prototype.render=function(){return e("a",{key:"41fb1adaf85b50054f6ea67e96a36d221a00a5b7",class:this.classNames(),href:this.href,id:this.componentId,part:"link",target:this.external?"_blank":undefined,style:this.setLinkStyles()},e("slot",{key:"189205c07159e481e26d74db98b34e1d37edd8b5"},this.href),this.external&&e("pds-icon",{key:"19fc60fe515fa53b22ad770c5d8f52ef42d16fd5",icon:r,size:this.fontSize}))};return i}());t.style=s}}}));
+//# sourceMappingURL=p-ab4307c7.system.entry.js.map

package/dist/pine-core/{p-349a8869.entry.js → p-af56cb57.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,h as n}from"./p-BVCWKPy3.js";import{s as e}from"./p-tJa4KYNO.js";import{l as o}from"./p-DrJ5r5Pu.js";const 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(--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(--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-grey-150)}: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(--pine-color-text-hover);text-decoration:underline}";const r=class{constructor(n){i(this,n);this.external=false;this.variant="inline";this.fontSize="lg"}classNames(){const i=["pds-link"];if(this.fontSize){i.push("pds-link--"+this.fontSize)}if(this.variant){i.push("pds-link--"+this.variant)}return i.join(" ")}setLinkStyles(){if(!this.color)return;const i={secondary:"var(--pine-color-text-primary)",accent:"var(--pine-color-accent)",danger:"var(--pine-color-danger)"};const n=e(this.color,i);return n}render(){return n("a",{key:"34c7cf55bccf8bb42e1e0ce6d27205580f2777be",class:this.classNames(),href:this.href,id:this.componentId,part:"link",target:this.external?"_blank":undefined,style:this.setLinkStyles()},n("slot",{key:"e8aa022b0f7d74073b2235e29316e63c2c0cd06e"},this.href),this.external&&n("pds-icon",{key:"faa3d48198b12bd797ca60cb85aa0039e0457155",icon:o,size:this.fontSize}))}};r.style=s;export{r as pds_link};
-//# sourceMappingURL=p-349a8869.entry.js.map
+import{r as i,h as n}from"./p-Bf1dou5H.js";import{s as e}from"./p-tJa4KYNO.js";import{l as o}from"./p-D4MkIUXU.js";const 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(--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(--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-grey-150)}: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(--pine-color-text-hover);text-decoration:underline}";const r=class{constructor(n){i(this,n);this.external=false;this.variant="inline";this.fontSize="lg"}classNames(){const i=["pds-link"];if(this.fontSize){i.push("pds-link--"+this.fontSize)}if(this.variant){i.push("pds-link--"+this.variant)}return i.join(" ")}setLinkStyles(){if(!this.color)return;const i={secondary:"var(--pine-color-text-primary)",accent:"var(--pine-color-accent)",danger:"var(--pine-color-danger)"};const n=e(this.color,i);return n}render(){return n("a",{key:"41fb1adaf85b50054f6ea67e96a36d221a00a5b7",class:this.classNames(),href:this.href,id:this.componentId,part:"link",target:this.external?"_blank":undefined,style:this.setLinkStyles()},n("slot",{key:"189205c07159e481e26d74db98b34e1d37edd8b5"},this.href),this.external&&n("pds-icon",{key:"19fc60fe515fa53b22ad770c5d8f52ef42d16fd5",icon:o,size:this.fontSize}))}};r.style=s;export{r as pds_link};
+//# sourceMappingURL=p-af56cb57.entry.js.map

package/dist/pine-core/{p-8d7abc83.entry.js → p-b32d34d0.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,h as i,H as t,g as e}from"./p-BVCWKPy3.js";import{c as h,o,f as n,s as d}from"./p-DbQzNDdQ.js";const a=":host{display:block}.is-hidden{display:none}.pds-dropdown-menu--panel{background-color:var(--pine-color-background-container);left:var(--pine-dimension-none);min-width:170px;padding:var(--pine-dimension-xs);position:absolute;z-index:9999}";const r=class{constructor(i){s(this,i);this.isOpen=false;this.menuItems=[];this.currentFocusIndex=-1;this.placement="bottom-start";this.handleTriggerSlotChange=s=>{this.slotEl=s.target;const i=this.slotEl.assignedElements();this.triggerEl=i[0];this.triggerEl.onclick=this.handleClick;this.triggerEl.setAttribute("aria-haspopup","menu");this.triggerEl.setAttribute("aria-expanded","false")};this.handleSlotChange=s=>{this.slotEl=s.target;const i=this.slotEl.assignedElements();const t=i.filter((s=>s.tagName.toLowerCase()!=="pds-dropdown-menu-item"&&s.tagName.toLowerCase()!=="pds-dropdown-menu-separator"));if(t.length>0){throw new Error(`pds-dropdown-menu only accepts pds-dropdown-menu-item and pds-dropdown-menu-separator elements`)}this.menuItems=i.filter((s=>s.tagName.toLowerCase()==="pds-dropdown-menu-item"))};this.toggleDropdown=()=>{this.isOpen=!this.isOpen;if(this.isOpen){this.openDropdown()}else{this.closeDropdown()}};this.openDropdown=()=>{var s;h(this.triggerEl,this.panelEl,{placement:this.placement,middleware:[o(6),n(),d({padding:5})]}).then((({x:s,y:i})=>{Object.assign(this.panelEl.style,{left:`${s}px`,top:`${i}px`})}));(s=this.host.shadowRoot)===null||s===void 0?void 0:s.querySelector("pds-box").classList.remove("is-hidden");this.isOpen=true;this.triggerEl.setAttribute("aria-expanded","true")};this.closeDropdown=()=>{var s;(s=this.host.shadowRoot)===null||s===void 0?void 0:s.querySelector("pds-box").classList.add("is-hidden");this.isOpen=false;this.triggerEl.setAttribute("aria-expanded","false");this.currentFocusIndex=-1;this.triggerEl.focus()};this.handleClick=()=>{this.toggleDropdown()}}componentDidRender(){var s;this.panelEl=(s=this.host.shadowRoot)===null||s===void 0?void 0:s.querySelector("pds-box")}getFocusedItemIndex(){const s=document.activeElement;if(!s)return-1;return this.menuItems.findIndex((i=>i===s))}focusItemByIndex(s){var i,t,e,h;if(s>=0&&s<this.menuItems.length){this.currentFocusIndex=s;const o=this.menuItems[s];const n=(i=o.shadowRoot)===null||i===void 0?void 0:i.querySelector("button");const d=(h=(e=(t=o.shadowRoot)===null||t===void 0?void 0:t.querySelector("pds-link"))===null||e===void 0?void 0:e.shadowRoot)===null||h===void 0?void 0:h.querySelector("a");if(n){return n.focus()}else if(d){return d.focus()}else{o.focus()}}}focusNextItem(){let s=(this.currentFocusIndex+1)%this.menuItems.length;let i=0;const t=this.menuItems.length;while(i<t&&this.menuItems[s].disabled){s=(s+1)%this.menuItems.length;i++}if(i<t){this.focusItemByIndex(s)}}focusPreviousItem(){let s=this.currentFocusIndex<=0?this.menuItems.length-1:this.currentFocusIndex-1;let i=0;const t=this.menuItems.length;while(i<t&&this.menuItems[s].disabled){s=s<=0?this.menuItems.length-1:s-1;i++}if(i<t){this.focusItemByIndex(s)}}handleKeyDown(s){if(!this.isOpen)return;switch(s.key){case"Escape":s.preventDefault();this.closeDropdown();break;case"ArrowDown":s.preventDefault();this.focusNextItem();break;case"ArrowUp":s.preventDefault();this.focusPreviousItem();break;case"Home":s.preventDefault();if(this.menuItems.length>0){let s=0;while(s<this.menuItems.length&&this.menuItems[s].disabled){s++}if(s<this.menuItems.length){this.focusItemByIndex(s)}}break;case"End":s.preventDefault();if(this.menuItems.length>0){let s=this.menuItems.length-1;while(s>=0&&this.menuItems[s].disabled){s--}if(s>=0){this.focusItemByIndex(s)}}break;case"Tab":if(s.shiftKey){const i=this.getFocusedItemIndex();if(i>0){s.preventDefault();this.focusPreviousItem()}}else{const i=document.activeElement;const t=i===this.triggerEl;const e=this.getFocusedItemIndex();if(t&&this.menuItems.length>0){s.preventDefault();let i=0;while(i<this.menuItems.length&&this.menuItems[i].disabled){i++}if(i<this.menuItems.length){this.focusItemByIndex(i)}}else if(e===-1&&this.menuItems.length>0){s.preventDefault();let i=0;while(i<this.menuItems.length&&this.menuItems[i].disabled){i++}if(i<this.menuItems.length){this.focusItemByIndex(i)}}else if(e!==-1){s.preventDefault();this.focusNextItem()}}break}}handleWindowClick(s){if(this.isOpen&&!this.host.contains(s.target)&&s.target!==this.triggerEl){this.closeDropdown()}}render(){return i(t,{key:"1e4384c8ab3fb3ca73221dd7a7f156846e9b8274",id:this.componentId},i("slot",{key:"0b3b532a025580b36bbe06f86bdb776d99e0c896",name:"trigger",onSlotchange:this.handleTriggerSlotChange}),i("pds-box",{key:"20229e833fa45ff5ce730d3a38e8faab582335c6","border-radius":"sm",display:"flex",direction:"column",class:"pds-dropdown-menu--panel is-hidden",shadow:"100",role:"menu","aria-orientation":"vertical"},i("slot",{key:"47cad78c2e1b5150be13a399820fe64d09955e9d",onSlotchange:this.handleSlotChange})))}get host(){return e(this)}};r.style=a;export{r as pds_dropdown_menu};
-//# sourceMappingURL=p-8d7abc83.entry.js.map
+import{r as s,h as i,H as t,g as e}from"./p-Bf1dou5H.js";import{c as h,o,f as n,s as d}from"./p-DbQzNDdQ.js";const a=":host{display:block}.is-hidden{display:none}.pds-dropdown-menu--panel{background-color:var(--pine-color-background-container);left:var(--pine-dimension-none);min-width:170px;padding:var(--pine-dimension-xs);position:absolute;z-index:9999}";const r=class{constructor(i){s(this,i);this.isOpen=false;this.menuItems=[];this.currentFocusIndex=-1;this.placement="bottom-start";this.handleTriggerSlotChange=s=>{this.slotEl=s.target;const i=this.slotEl.assignedElements();this.triggerEl=i[0];this.triggerEl.onclick=this.handleClick;this.triggerEl.setAttribute("aria-haspopup","menu");this.triggerEl.setAttribute("aria-expanded","false")};this.handleSlotChange=s=>{this.slotEl=s.target;const i=this.slotEl.assignedElements();const t=i.filter((s=>s.tagName.toLowerCase()!=="pds-dropdown-menu-item"&&s.tagName.toLowerCase()!=="pds-dropdown-menu-separator"));if(t.length>0){throw new Error(`pds-dropdown-menu only accepts pds-dropdown-menu-item and pds-dropdown-menu-separator elements`)}this.menuItems=i.filter((s=>s.tagName.toLowerCase()==="pds-dropdown-menu-item"))};this.toggleDropdown=()=>{this.isOpen=!this.isOpen;if(this.isOpen){this.openDropdown()}else{this.closeDropdown()}};this.openDropdown=()=>{var s;h(this.triggerEl,this.panelEl,{placement:this.placement,middleware:[o(6),n(),d({padding:5})]}).then((({x:s,y:i})=>{Object.assign(this.panelEl.style,{left:`${s}px`,top:`${i}px`})}));(s=this.host.shadowRoot)===null||s===void 0?void 0:s.querySelector("pds-box").classList.remove("is-hidden");this.isOpen=true;this.triggerEl.setAttribute("aria-expanded","true")};this.closeDropdown=()=>{var s;(s=this.host.shadowRoot)===null||s===void 0?void 0:s.querySelector("pds-box").classList.add("is-hidden");this.isOpen=false;this.triggerEl.setAttribute("aria-expanded","false");this.currentFocusIndex=-1;this.triggerEl.focus()};this.handleClick=()=>{this.toggleDropdown()}}componentDidRender(){var s;this.panelEl=(s=this.host.shadowRoot)===null||s===void 0?void 0:s.querySelector("pds-box")}getFocusedItemIndex(){const s=document.activeElement;if(!s)return-1;return this.menuItems.findIndex((i=>i===s))}focusItemByIndex(s){var i,t,e,h;if(s>=0&&s<this.menuItems.length){this.currentFocusIndex=s;const o=this.menuItems[s];const n=(i=o.shadowRoot)===null||i===void 0?void 0:i.querySelector("button");const d=(h=(e=(t=o.shadowRoot)===null||t===void 0?void 0:t.querySelector("pds-link"))===null||e===void 0?void 0:e.shadowRoot)===null||h===void 0?void 0:h.querySelector("a");if(n){return n.focus()}else if(d){return d.focus()}else{o.focus()}}}focusNextItem(){let s=(this.currentFocusIndex+1)%this.menuItems.length;let i=0;const t=this.menuItems.length;while(i<t&&this.menuItems[s].disabled){s=(s+1)%this.menuItems.length;i++}if(i<t){this.focusItemByIndex(s)}}focusPreviousItem(){let s=this.currentFocusIndex<=0?this.menuItems.length-1:this.currentFocusIndex-1;let i=0;const t=this.menuItems.length;while(i<t&&this.menuItems[s].disabled){s=s<=0?this.menuItems.length-1:s-1;i++}if(i<t){this.focusItemByIndex(s)}}handleKeyDown(s){if(!this.isOpen)return;switch(s.key){case"Escape":s.preventDefault();this.closeDropdown();break;case"ArrowDown":s.preventDefault();this.focusNextItem();break;case"ArrowUp":s.preventDefault();this.focusPreviousItem();break;case"Home":s.preventDefault();if(this.menuItems.length>0){let s=0;while(s<this.menuItems.length&&this.menuItems[s].disabled){s++}if(s<this.menuItems.length){this.focusItemByIndex(s)}}break;case"End":s.preventDefault();if(this.menuItems.length>0){let s=this.menuItems.length-1;while(s>=0&&this.menuItems[s].disabled){s--}if(s>=0){this.focusItemByIndex(s)}}break;case"Tab":if(s.shiftKey){const i=this.getFocusedItemIndex();if(i>0){s.preventDefault();this.focusPreviousItem()}}else{const i=document.activeElement;const t=i===this.triggerEl;const e=this.getFocusedItemIndex();if(t&&this.menuItems.length>0){s.preventDefault();let i=0;while(i<this.menuItems.length&&this.menuItems[i].disabled){i++}if(i<this.menuItems.length){this.focusItemByIndex(i)}}else if(e===-1&&this.menuItems.length>0){s.preventDefault();let i=0;while(i<this.menuItems.length&&this.menuItems[i].disabled){i++}if(i<this.menuItems.length){this.focusItemByIndex(i)}}else if(e!==-1){s.preventDefault();this.focusNextItem()}}break}}handleWindowClick(s){if(this.isOpen&&!this.host.contains(s.target)&&s.target!==this.triggerEl){this.closeDropdown()}}render(){return i(t,{key:"1e4384c8ab3fb3ca73221dd7a7f156846e9b8274",id:this.componentId},i("slot",{key:"0b3b532a025580b36bbe06f86bdb776d99e0c896",name:"trigger",onSlotchange:this.handleTriggerSlotChange}),i("pds-box",{key:"20229e833fa45ff5ce730d3a38e8faab582335c6","border-radius":"sm",display:"flex",direction:"column",class:"pds-dropdown-menu--panel is-hidden",shadow:"100",role:"menu","aria-orientation":"vertical"},i("slot",{key:"47cad78c2e1b5150be13a399820fe64d09955e9d",onSlotchange:this.handleSlotChange})))}get host(){return e(this)}};r.style=a;export{r as pds_dropdown_menu};
+//# sourceMappingURL=p-b32d34d0.entry.js.map

package/dist/pine-core/{p-00616fc9.entry.js → p-b378ca03.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as s,h as i,H as r,g as t}from"./p-BVCWKPy3.js";import{m as a}from"./p-DTL_39D_.js";import{f as n,g as o}from"./p-DrJ5r5Pu.js";const l=":host{--pine-select-color-background-danger:var(--pine-color-red-050)}";const d=":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}";const c=':host{--pds-select-background:var(--pine-color-background-container);--pds-select-border:var(--pine-border);--pds-select-border-radius:var(--pine-dimension-125);--pds-select-border-radius-start-end:var(--pine-dimension-125);--pds-select-border-radius-start-start:var(--pine-dimension-125);--pds-select-border-radius-end-end:var(--pine-dimension-125);--pds-select-border-radius-end-start:var(--pine-dimension-125);--pds-select-min-height:36px;--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring);--box-shadow-focus-error:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring-danger)}:host .hidden,:host :host([hidden]){display:none}.pds-select{display:grid;-ms-flex-direction:column;flex-direction:column;grid-template-areas:"label label" "field field" "message message";grid-template-columns:1fr minmax(2rem, -webkit-min-content);grid-template-columns:1fr minmax(2rem, min-content);grid-template-rows:-webkit-min-content -webkit-min-content -webkit-min-content;grid-template-rows:min-content min-content min-content;position:relative;width:100%}.pds-select__label-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;grid-area:label;-ms-flex-pack:justify;justify-content:space-between;-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-select__action{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}label{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-select__label-wrapper label{-webkit-margin-after:0;margin-block-end:0}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--pds-select-background);border:var(--pds-select-border);border-radius:var(--pds-select-border-radius);border-bottom-left-radius:var(--pds-select-border-radius-end-start, var(--pds-select-border-radius));border-bottom-right-radius:var(--pds-select-border-radius-end-end, var(--pds-select-border-radius));border-top-left-radius:var(--pds-select-border-radius-start-start, var(--pds-select-border-radius));border-top-right-radius:var(--pds-select-border-radius-start-end, var(--pds-select-border-radius));font:var(--pine-typography-body);grid-area:field;letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-select-min-height);padding:calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-150);-webkit-padding-end:var(--pine-dimension-450);padding-inline-end:var(--pine-dimension-450);position:relative}select:hover{border-color:var(--pine-color-border-hover);cursor:pointer}select:focus-visible{border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}select:disabled{background-color:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}select:has(~.pds-select__message .pds-select__error-message){background-color:var(--pine-select-color-background-danger);border-color:var(--pine-color-border-danger)}select:has(~.pds-select__message .pds-select__error-message):focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host(.is-invalid) select{background-color:var(--pine-select-color-background-danger);border-color:var(--pine-color-border-danger)}:host(.is-invalid) select:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-select__error-message,.pds-select__helper-message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-select__error-message{-ms-flex-align:center;align-items:center;color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-select__message{grid-area:message}.pds-select__select-icon{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;grid-column:-1/-2;grid-row:2/3;height:var(--pds-select-min-height);pointer-events:none;position:relative;z-index:1}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}';const p=class{constructor(i){e(this,i);this.pdsSelectChange=s(this,"pdsSelectChange");this.disabled=false;this.multiple=false;this.required=false;this.onSelectUpdate=e=>{const s=e.target;const i=Array.from(s.options).filter((e=>e.selected)).map((e=>e.value));if(i.length===1&&!this.multiple){this.value=i[0]}else{this.value=i}this.pdsSelectChange.emit(e)};this.handleSlotChange=()=>{const e=this.slotContainer.querySelector("slot");this.selectEl.innerHTML="";const s=e.assignedElements({flatten:true});s.forEach((e=>{if(["OPTION","OPTGROUP"].includes(e.tagName)){const s=e.cloneNode(true);if(s.tagName==="OPTION"&&s.value===this.value){s.selected=true}this.selectEl.appendChild(s)}}));this.updateSelectedOption()}}valueChanged(){this.updateSelectedOption();this.updateFormValue()}connectedCallback(){if(this.el.attachInternals){this.internals=this.el.attachInternals()}}componentWillLoad(){this.updateSelectedOption()}componentDidLoad(){this.updateFormValue()}updateSelectedOption(){if(this.selectEl){const e=this.selectEl.options;Array.from(e).map((e=>{if(Array.isArray(this.value)){e.selected=this.value.includes(e.value)}else{e.selected=this.value===e.value}}))}}getHelperMessage(){return this.helperMessage&&i("p",{class:"pds-select__helper-message",id:a(this.componentId,"helper")},this.helperMessage)}getErrorMessage(){return this.errorMessage&&i("p",{class:"pds-select__error-message",id:a(this.componentId,"error"),"aria-live":"assertive"},i("pds-icon",{icon:n,size:"small"}),this.errorMessage)}renderMessages(){if(!this.helperMessage&&!this.errorMessage)return null;return i("div",{class:"pds-select__message"},this.getHelperMessage(),this.getErrorMessage())}classNames(){const e=[];if(this.invalid){e.push("is-invalid")}if(this.disabled){e.push("is-disabled")}return e.join("  ")}renderAction(){const e=this.el.querySelector('[slot="action"]')!==null;if(e){return i("div",{class:"pds-select__action",part:"action"},i("slot",{name:"action"}))}return null}updateFormValue(){if(this.internals&&this.internals.setFormValue){const e=this.value;if(Array.isArray(e)){if(e.length>1){const s=new FormData;e.forEach((e=>s.append(this.name||"",e)));this.internals.setFormValue(s)}else{this.internals.setFormValue(e[0]||null)}}else{this.internals.setFormValue(e||null)}if(this.selectEl&&this.internals&&this.internals.setValidity){this.internals.setValidity(this.selectEl.validity,this.selectEl.validationMessage,this.selectEl)}}}formResetCallback(){this.value="";this.updateFormValue()}formDisabledCallback(e){this.disabled=e}formStateRestoreCallback(e){if(typeof e==="string"){this.value=e}else if(e instanceof FormData&&this.name){const s=e.getAll(this.name);if(s.length>1){this.value=s.filter((e=>typeof e==="string"))}else if(s.length===1&&typeof s[0]==="string"){this.value=s[0]}}}render(){const e=this.el.querySelector('[slot="action"]')!==null;return i(r,{key:"1433acf644d6ee97fd10d317416addea8e411b23","aria-disabled":this.disabled?"true":null,class:this.classNames(),"has-action":e&&!this.hideLabel?"true":null},i("div",{key:"63af968e3d7c2d0ceea1bcbaee045979ef546188",class:"pds-select"},!this.hideLabel&&i("div",{key:"a209ceef42be283287fd3dfc93cc89e5af142ab5",class:"pds-select__label-wrapper"},i("label",{key:"e9504a280358f717dac11a8b87e313368c458d48",htmlFor:this.componentId},i("span",{key:"420f9159d8d1b001f9fe3dfbd6663d77d47eade0",class:this.hideLabel?"visually-hidden":""},this.label)),e&&this.renderAction()),i("select",{key:"413ad9963bad818f06cbf2775fabf582b6d69104","aria-label":this.hideLabel?this.label:undefined,autocomplete:this.autocomplete||undefined,class:"pds-select__field",disabled:this.disabled,id:this.componentId,multiple:this.multiple,name:this.name,onChange:this.onSelectUpdate,part:"select",required:this.required,ref:e=>this.selectEl=e}),i("div",{key:"92be560d834e33f5ef009f091c3bf74ff7e5db32","aria-hidden":"true",class:"hidden",ref:e=>this.slotContainer=e},i("slot",{key:"7dc0bde05b59acb0a87c75331805dfe7f0638d9e",onSlotchange:this.handleSlotChange})),this.renderMessages(),!this.multiple&&i("pds-icon",{key:"e6b0edd05a3e76f3a0ca35fb663a68964e2b4c1b",class:"pds-select__select-icon",icon:o})))}static get formAssociated(){return true}get el(){return t(this)}static get watchers(){return{value:["valueChanged"]}}};p.style=l+(d+c);export{p as pds_select};
-//# sourceMappingURL=p-00616fc9.entry.js.map
+import{r as e,c as s,h as i,H as r,g as t}from"./p-Bf1dou5H.js";import{m as a}from"./p-DTL_39D_.js";import{i as n,e as o}from"./p-D4MkIUXU.js";const l=":host{--pine-select-color-background-danger:var(--pine-color-red-050)}";const d=":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}";const c=':host{--pds-select-background:var(--pine-color-background-container);--pds-select-border:var(--pine-border);--pds-select-border-radius:var(--pine-dimension-125);--pds-select-border-radius-start-end:var(--pine-dimension-125);--pds-select-border-radius-start-start:var(--pine-dimension-125);--pds-select-border-radius-end-end:var(--pine-dimension-125);--pds-select-border-radius-end-start:var(--pine-dimension-125);--pds-select-min-height:36px;--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring);--box-shadow-focus-error:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring-danger)}:host .hidden,:host :host([hidden]){display:none}.pds-select{display:grid;-ms-flex-direction:column;flex-direction:column;grid-template-areas:"label label" "field field" "message message";grid-template-columns:1fr minmax(2rem, -webkit-min-content);grid-template-columns:1fr minmax(2rem, min-content);grid-template-rows:-webkit-min-content -webkit-min-content -webkit-min-content;grid-template-rows:min-content min-content min-content;position:relative;width:100%}.pds-select__label-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;grid-area:label;-ms-flex-pack:justify;justify-content:space-between;-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-select__action{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}label{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-select__label-wrapper label{-webkit-margin-after:0;margin-block-end:0}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--pds-select-background);border:var(--pds-select-border);border-radius:var(--pds-select-border-radius);border-bottom-left-radius:var(--pds-select-border-radius-end-start, var(--pds-select-border-radius));border-bottom-right-radius:var(--pds-select-border-radius-end-end, var(--pds-select-border-radius));border-top-left-radius:var(--pds-select-border-radius-start-start, var(--pds-select-border-radius));border-top-right-radius:var(--pds-select-border-radius-start-end, var(--pds-select-border-radius));font:var(--pine-typography-body);grid-area:field;letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-select-min-height);padding:calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-150);-webkit-padding-end:var(--pine-dimension-450);padding-inline-end:var(--pine-dimension-450);position:relative}select:hover{border-color:var(--pine-color-border-hover);cursor:pointer}select:focus-visible{border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}select:disabled{background-color:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}select:has(~.pds-select__message .pds-select__error-message){background-color:var(--pine-select-color-background-danger);border-color:var(--pine-color-border-danger)}select:has(~.pds-select__message .pds-select__error-message):focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host(.is-invalid) select{background-color:var(--pine-select-color-background-danger);border-color:var(--pine-color-border-danger)}:host(.is-invalid) select:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-select__error-message,.pds-select__helper-message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-select__error-message{-ms-flex-align:center;align-items:center;color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-select__message{grid-area:message}.pds-select__select-icon{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;grid-column:-1/-2;grid-row:2/3;height:var(--pds-select-min-height);pointer-events:none;position:relative;z-index:1}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}';const p=class{constructor(i){e(this,i);this.pdsSelectChange=s(this,"pdsSelectChange");this.disabled=false;this.multiple=false;this.required=false;this.onSelectUpdate=e=>{const s=e.target;const i=Array.from(s.options).filter((e=>e.selected)).map((e=>e.value));if(i.length===1&&!this.multiple){this.value=i[0]}else{this.value=i}this.pdsSelectChange.emit(e)};this.handleSlotChange=()=>{const e=this.slotContainer.querySelector("slot");this.selectEl.innerHTML="";const s=e.assignedElements({flatten:true});s.forEach((e=>{if(["OPTION","OPTGROUP"].includes(e.tagName)){const s=e.cloneNode(true);if(s.tagName==="OPTION"&&s.value===this.value){s.selected=true}this.selectEl.appendChild(s)}}));this.updateSelectedOption()}}valueChanged(){this.updateSelectedOption();this.updateFormValue()}connectedCallback(){if(this.el.attachInternals){this.internals=this.el.attachInternals()}}componentWillLoad(){this.updateSelectedOption()}componentDidLoad(){this.updateFormValue()}updateSelectedOption(){if(this.selectEl){const e=this.selectEl.options;Array.from(e).map((e=>{if(Array.isArray(this.value)){e.selected=this.value.includes(e.value)}else{e.selected=this.value===e.value}}))}}getHelperMessage(){return this.helperMessage&&i("p",{class:"pds-select__helper-message",id:a(this.componentId,"helper")},this.helperMessage)}getErrorMessage(){return this.errorMessage&&i("p",{class:"pds-select__error-message",id:a(this.componentId,"error"),"aria-live":"assertive"},i("pds-icon",{icon:n,size:"small"}),this.errorMessage)}renderMessages(){if(!this.helperMessage&&!this.errorMessage)return null;return i("div",{class:"pds-select__message"},this.getHelperMessage(),this.getErrorMessage())}classNames(){const e=[];if(this.invalid){e.push("is-invalid")}if(this.disabled){e.push("is-disabled")}return e.join("  ")}renderAction(){const e=this.el.querySelector('[slot="action"]')!==null;if(e){return i("div",{class:"pds-select__action",part:"action"},i("slot",{name:"action"}))}return null}updateFormValue(){if(this.internals&&this.internals.setFormValue){const e=this.value;if(Array.isArray(e)){if(e.length>1){const s=new FormData;e.forEach((e=>s.append(this.name||"",e)));this.internals.setFormValue(s)}else{this.internals.setFormValue(e[0]||null)}}else{this.internals.setFormValue(e||null)}if(this.selectEl&&this.internals&&this.internals.setValidity){this.internals.setValidity(this.selectEl.validity,this.selectEl.validationMessage,this.selectEl)}}}formResetCallback(){this.value="";this.updateFormValue()}formDisabledCallback(e){this.disabled=e}formStateRestoreCallback(e){if(typeof e==="string"){this.value=e}else if(e instanceof FormData&&this.name){const s=e.getAll(this.name);if(s.length>1){this.value=s.filter((e=>typeof e==="string"))}else if(s.length===1&&typeof s[0]==="string"){this.value=s[0]}}}render(){const e=this.el.querySelector('[slot="action"]')!==null;return i(r,{key:"7d2f9b013ba40e8feb4282099eaf2db32b94497b","aria-disabled":this.disabled?"true":null,class:this.classNames(),"has-action":e&&!this.hideLabel?"true":null},i("div",{key:"fad19d788ff8f3b3b6ec9ef198c753ef4b4dc4c4",class:"pds-select"},!this.hideLabel&&i("div",{key:"870c405e80fbeb3890116a53cd986056af7e4795",class:"pds-select__label-wrapper"},i("label",{key:"6c7232f371f0bd95a94584fe8403eefc25862f5b",htmlFor:this.componentId},i("span",{key:"7a6816bd7d51b05cd935f3e13e27f540cf09e1e1",class:this.hideLabel?"visually-hidden":""},this.label)),e&&this.renderAction()),i("select",{key:"a2bbae963ed55ed73eb614725258745ad20d9acb","aria-label":this.hideLabel?this.label:undefined,autocomplete:this.autocomplete||undefined,class:"pds-select__field",disabled:this.disabled,id:this.componentId,multiple:this.multiple,name:this.name,onChange:this.onSelectUpdate,part:"select",required:this.required,ref:e=>this.selectEl=e}),i("div",{key:"cd9ef83c08806ab2efc1c4b6851bc634168ede69","aria-hidden":"true",class:"hidden",ref:e=>this.slotContainer=e},i("slot",{key:"ae605bfc434bedf4b37e0e96a9124ea7b59d1ede",onSlotchange:this.handleSlotChange})),this.renderMessages(),!this.multiple&&i("pds-icon",{key:"360b635e7b4aed8522f0176be553c9e3804dbb3a",class:"pds-select__select-icon",icon:o})))}static get formAssociated(){return true}get el(){return t(this)}static get watchers(){return{value:["valueChanged"]}}};p.style=l+(d+c);export{p as pds_select};
+//# sourceMappingURL=p-b378ca03.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r as e,h as s,H as o}from"./p-Bf1dou5H.js";const r=":host{color:var(--pine-color-text-message);font:var(--pine-typography-body-medium)}";const t=class{constructor(s){e(this,s);this.icon="star"}render(){return s(o,{key:"4ff2ed5a1b7e551b6c4d86fb43fa64bc83b4e785",id:this.componentId},s("pds-box",{key:"0420487b64550d42621b9548e67c3a79e14b4c91","align-items":"center",gap:"xs"},s("pds-icon",{key:"dc8e675839b1f7a6fbce5c7fc10ece743f4a1905",icon:this.icon,size:"var(--pine-dimension-sm)","aria-hidden":"true"}),s("slot",{key:"9b01e2e02d26f8e7629612c617405b9ce7e5397b"})))}};t.style=r;export{t as pds_property};
+//# sourceMappingURL=p-b669e1d9.entry.js.map

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

@@ -0,0 +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;return a={next:s(0),throw:s(1),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-Cxvdulqq.system.js","./p-BSkbMuB5.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.g},function(e){a=e.t;s=e.e}],execute:function(){var l=":host{--box-shadow-focus:0 0 0 1px var(--pine-color-white), 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-width-thin) solid var(--pine-color-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-placeholder);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-grey-800);-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-grey-100);border-color:var(--pine-color-grey-400);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-grey-800)}.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-grey-050);border:var(--pine-border-width-thin) dashed var(--pine-color-grey-300);color:var(--pine-color-text-placeholder)}.pds-filter__trigger--more pds-icon{color:var(--pine-color-grey-800)}.pds-filter__trigger--more:hover,.pds-filter__trigger--more.pds-filter__trigger--open{background-color:var(--pine-color-grey-100);border-color:var(--pine-color-grey-400);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-grey-800)}.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:1000;}.pds-filter__popover:popover-open,.pds-filter__popover.is-open{display:block}@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.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 h="top left";if(p){var v=this.popoverEl.getBoundingClientRect().width||a;f=i.right-v;h="top right"}if(c){d=i.top-s-8;h=h.replace("top","bottom")}this.popoverEl.style.cssText="\n        position: fixed;\n        left: ".concat(f,"px;\n        top: ").concat(d,"px;\n        z-index: 1000;\n        transform-origin: ").concat(h,";\n      ")}};e.prototype.showFilter=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.variant==="clear"){console.warn("Clear variant does not support showFilter method");return[2]}if(this.popoverEl!=null){try{this.popoverEl.showPopover()}catch(e){this.popoverEl.style.display="block";this.popoverEl.classList.add("is-open")}}return[2]}))}))};e.prototype.hideFilter=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.variant==="clear"){console.warn("Clear variant does not support hideFilter method");return[2]}if(this.popoverEl!=null){try{this.popoverEl.hidePopover()}catch(e){this.popoverEl.style.display="none";this.popoverEl.classList.remove("is-open")}}return[2]}))}))};e.prototype.handlePopoverToggle=function(e){var r=this;var i=e.target;var t=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");if(!t&&i&&i.id==="".concat(this.componentId,"-popover")){var o=false;try{o=i.matches(":popover-open")}catch(e){o=i.style.display==="block"}this.isOpen=o;if(this.isOpen){setTimeout((function(){return r.adjustPopoverPosition()}),0);this.pdsFilterOpen.emit({componentId:this.componentId,variant:this.variant,text:this.text})}else{this.pdsFilterClose.emit({componentId:this.componentId,variant:this.variant,text:this.text})}}};e.prototype.handleDocumentClick=function(e){var r=this;if(!this.el.contains(e.target)&&this.isOpen&&this.variant!=="clear"){setTimeout((function(){if(r.popoverEl&&r.isOpen){var e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");var i=false;if(e){try{i=!r.popoverEl.matches(":popover-open")}catch(e){i=r.popoverEl.style.display!=="block"}}else{i=true}if(i){r.isOpen=false;if(!e){r.popoverEl.style.display="none";r.popoverEl.classList.remove("is-open")}r.pdsFilterClose.emit({componentId:r.componentId,variant:r.variant,text:r.text})}}}),0)}};e.prototype.handleEscapeKey=function(e){var r=this;if(e.key==="Escape"&&this.isOpen&&this.variant!=="clear"){setTimeout((function(){if(r.popoverEl&&r.isOpen){var e=HTMLElement.prototype.showPopover&&!navigator.userAgent.includes("Firefox");var i=false;if(e){try{i=!r.popoverEl.matches(":popover-open")}catch(e){i=r.popoverEl.style.display!=="block"}}else{i=true}if(i){r.isOpen=false;if(!e){r.popoverEl.style.display="none";r.popoverEl.classList.remove("is-open")}r.pdsFilterClose.emit({componentId:r.componentId,variant:r.variant,text:r.text})}}}),0)}};e.prototype.getIcon=function(){if(this.variant==="clear"){return 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:"b71d1cab5042924f757ddda1eacfb890f42e9fed",id:this.componentId},t("button",{key:"0ffe440aa5ac796b11a07f0628c51ed7a9d2788c",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:"b4c2039d6eb44f7f0126cbe7a6d93a24b5fbcece",class:"pds-filter__button-content",part:"button-content"},this.renderIcon(),this.text&&t("span",{key:"ef09dc1271e7229600cc9dc325e050639b68576d",class:"pds-filter__button-text",part:"button-text"},this.text),this.renderDropdownIcon())),this.variant!=="clear"&&t("div",{key:"32348303268d267afa96649f8b289bb729757a00",ref:function(r){return e.popoverEl=r},id:"".concat(this.componentId,"-popover"),class:"pds-filter__popover",popover:"auto",part:"popover"},t("slot",{key:"416aa12e660af5b69033f9145229da3b170d0414"})))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());p.style=l}}}));
+//# sourceMappingURL=p-b699a14f.system.entry.js.map

package/dist/pine-core/p-b699a14f.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pdsFilterCss","PdsFilter","exports","class_1","hostRef","_this","this","scrollRAF","lastScrollTime","variant","isOpen","handleNativePopoverToggle","event","target","id","concat","componentId","isCurrentlyOpen","matches","error","style","display","setTimeout","adjustPopoverPosition","pdsFilterOpen","emit","text","pdsFilterClose","handleKeyDown","key","preventDefault","handleClick","pdsFilterClear","closeOtherPopovers","supportsPopoverAPI","HTMLElement","prototype","showPopover","navigator","userAgent","includes","popoverEl","classList","add","remove","disconnectedCallback","cancelAnimationFrame","removeEventListener","hidePopover","componentDidRender","addEventListener","handleWindowResize","handleWindowScroll","supportsAnchorPositioning","document","documentElement","now","performance","throttleMs","requestAnimationFrame","el","isConnected","allFilters","querySelectorAll","forEach","filter","popover","_a","shadowRoot","querySelector","isPopoverOpen","triggerEl","triggerRect","getBoundingClientRect","viewportWidth","window","innerWidth","viewportHeight","innerHeight","popoverWidth","popoverHeight","height","bufferSpace","wouldOverflowRight","left","wouldOverflowBottom","bottom","top","transformOrigin","actualPopoverWidth","width","right","replace","cssText","showFilter","console","warn","hideFilter","handlePopoverToggle","handleDocumentClick","contains","popoverIsClosed","handleEscapeKey","getIcon","trash","icon","getTriggerClasses","classes","push","join","renderIcon","iconToRender","h","size","part","renderDropdownIcon","enlarge","class","render","Host","type","popoverTarget","undefined","popoverTargetAction","onKeyDown","onClick","ref"],"sources":["src/components/pds-filters/pds-filter/pds-filter.scss?tag=pds-filter&encapsulation=shadow","src/components/pds-filters/pds-filter/pds-filter.tsx"],"sourcesContent":[":host {\n  --box-shadow-focus: 0 0 0 1px var(--pine-color-white), 0 0 0 3px var(--pine-color-focus-ring);\n\n  display: inline-block;\n  position: relative;\n}\n\n.pds-filter__trigger {\n  align-items: center;\n  /* stylelint-disable-next-line property-no-unknown */\n  anchor-name: --filter-trigger;\n  background: var(--pine-color-background-container);\n  border: var(--pine-border-width-thin) solid var(--pine-color-border);\n  border-radius: var(--pine-dimension-100);\n  box-shadow: var(--pine-box-shadow-050);\n  box-sizing: border-box;\n  color: var(--pine-color-text-placeholder);\n  cursor: pointer;\n  display: inline-flex;\n  font-family: var(--pine-font-family-inter);\n  font-size: var(--pine-font-size-100);\n  font-weight: var(--pine-font-weight-400);\n  gap: var(--pine-dimension-050);\n  letter-spacing: var(--pine-letter-spacing-114);\n  line-height: var(--pine-line-height-150);\n  padding: var(--pine-dimension-025) var(--pine-dimension-125);\n  position: relative;\n  transition: all 0.2s ease;\n\n  pds-icon {\n    block-size: var(--pine-font-size-100);\n    color: var(--pine-color-grey-800);\n    flex-shrink: 0;\n    inline-size: var(--pine-font-size-100);\n  }\n\n  &:hover,\n  &.pds-filter__trigger--open {\n    background-color: var(--pine-color-grey-100);\n    border-color: var(--pine-color-grey-400);\n    color: var(--pine-color-text-hover);\n\n    pds-icon {\n      color: var(--pine-color-grey-800);\n    }\n  }\n\n  &:focus-visible {\n    box-shadow: var(--box-shadow-focus);\n    outline: none;\n  }\n\n  &:disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n}\n\n.pds-filter__trigger--selected {\n  background-color: var(--pine-color-purple-050);\n  border-color: var(--pine-color-purple-500);\n  color: var(--pine-color-purple-600);\n\n  pds-icon {\n    color: var(--pine-color-purple-600);\n  }\n\n  &:hover,\n  &.pds-filter__trigger--open {\n    background-color: var(--pine-color-purple-100);\n    border-color: var(--pine-color-purple-500);\n    color: var(--pine-color-purple-600);\n\n    pds-icon {\n      color: var(--pine-color-purple-600);\n    }\n  }\n\n  &:focus-visible {\n    box-shadow: var(--box-shadow-focus);\n    outline: none;\n  }\n}\n\n.pds-filter__trigger--more {\n  background-color: var(--pine-color-grey-050);\n  border: var(--pine-border-width-thin) dashed var(--pine-color-grey-300);\n  color: var(--pine-color-text-placeholder);\n\n  pds-icon {\n    color: var(--pine-color-grey-800);\n  }\n\n  &:hover,\n  &.pds-filter__trigger--open {\n    background-color: var(--pine-color-grey-100);\n    border-color: var(--pine-color-grey-400);\n    color: var(--pine-color-text-hover);\n\n    pds-icon {\n      color: var(--pine-color-grey-800);\n    }\n  }\n\n  &:focus-visible {\n    box-shadow: var(--box-shadow-focus);\n    outline: none;\n  }\n}\n\n.pds-filter__trigger--clear {\n  background: transparent;\n  border: var(--pine-border-width-thin) solid transparent;\n  border-radius: var(--pine-dimension-100);\n  box-shadow: none;\n  color: var(--pine-color-purple-600);\n\n  pds-icon {\n    color: var(--pine-color-purple-600);\n  }\n\n  &:hover {\n    background-color: var(--pine-color-purple-100);\n    border-color: var(--pine-color-purple-100);\n    color: var(--pine-color-purple-600);\n\n    pds-icon {\n      color: var(--pine-color-purple-600);\n    }\n  }\n\n  &:focus-visible {\n    box-shadow: var(--box-shadow-focus);\n    outline: none;\n  }\n}\n\n.pds-filter__button-content {\n  align-items: center;\n  display: inline-flex;\n  gap: var(--pine-dimension-050);\n  max-inline-size: 148px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.pds-filter__button-text {\n  line-height: var(--pine-line-height-150);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.pds-filter__dropdown-icon {\n  block-size: var(--pine-dimension-200);\n  flex-shrink: 0;\n  inline-size: var(--pine-dimension-200);\n}\n\n\n.pds-filter__popover {\n  background-color: var(--pine-color-background-container);\n  border: 0;\n  border-radius: var(--pine-dimension-100);\n  box-shadow: var(--pine-box-shadow-100);\n  display: none;\n  inline-size: 228px;\n  inset: unset;\n  padding: var(--pine-dimension-100);\n  z-index: 1000;\n\n  /* stylelint-disable-next-line selector-pseudo-class-no-unknown */\n  &:popover-open,\n  &.is-open {\n    display: block;\n  }\n\n  /* Modern browsers: CSS anchor positioning with JavaScript-controlled flipping */\n  @supports (anchor-name: --test) {\n    inset-block-start: calc(anchor(--filter-trigger bottom) + var(--pine-dimension-100));\n    inset-inline-start: anchor(--filter-trigger left);\n    position: fixed; /* Anchor positioning requires fixed positioning */\n    /* stylelint-disable-next-line property-no-unknown */\n    position-anchor: --filter-trigger;\n\n    /* CSS position-try disabled for precise JavaScript-controlled flipping */\n\n    /* Flipping classes applied by JavaScript for precise control */\n    &.popover-flip-horizontal {\n      inset-inline-start: anchor(--filter-trigger right);\n      transform: translateX(-100%);\n    }\n\n    &.popover-flip-vertical {\n      inset-block-start: anchor(--filter-trigger top);\n      transform: translateY(calc(-100% - var(--pine-dimension-100)));\n    }\n\n    &.popover-flip-horizontal.popover-flip-vertical {\n      inset-block-start: anchor(--filter-trigger top);\n      inset-inline-start: anchor(--filter-trigger right);\n      transform: translate(-100%, calc(-100% - var(--pine-dimension-100)));\n    }\n\n    /* Ensure fallback class works with flipping in modern browsers */\n    &.is-open.popover-flip-horizontal {\n      inset-inline-start: anchor(--filter-trigger right);\n      transform: translateX(-100%);\n    }\n\n    &.is-open.popover-flip-vertical {\n      inset-block-start: anchor(--filter-trigger top);\n      transform: translateY(calc(-100% - var(--pine-dimension-100)));\n    }\n\n    &.is-open.popover-flip-horizontal.popover-flip-vertical {\n      inset-block-start: anchor(--filter-trigger top);\n      inset-inline-start: anchor(--filter-trigger right);\n      transform: translate(-100%, calc(-100% - var(--pine-dimension-100)));\n    }\n\n  }\n}\n","import { Component, Element, Event, EventEmitter, Host, h, Prop, State, Method, Listen } from '@stencil/core';\nimport type { BasePdsProps } from '@utils/interfaces';\nimport type { PdsFilterOpenEventDetail, PdsFilterCloseEventDetail, PdsFilterClearEventDetail, PdsFilterVariant } from './filter-interface';\n\nimport { enlarge, trash } from '@pine-ds/icons/icons';\n\n/**\n * Individual filter component with cross-browser popover positioning.\n *\n * Uses a hybrid approach for optimal cross-browser compatibility:\n * - Modern browsers: CSS anchor positioning + JavaScript flip classes\n * - Fallback browsers: JavaScript positioning with viewport boundary detection\n *\n * @part button - Exposes the trigger button element for styling.\n * @part button-content - Exposes the button content container for styling.\n * @part button-text - Exposes the button text for styling.\n * @part icon - Exposes the icon component for styling.\n * @part popover - Exposes the popover container for styling.\n * @slot (default) - Popover content that will be displayed when the filter is open.\n */\n\n@Component({\n  tag: 'pds-filter',\n  styleUrl: 'pds-filter.scss',\n  shadow: true,\n})\nexport class PdsFilter implements BasePdsProps {\n  @Element() el!: HTMLPdsFilterElement;\n\n  private popoverEl: HTMLElement;\n  private scrollRAF: number | null = null;\n  private lastScrollTime = 0;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * The variant style of the filter trigger.\n   * @defaultValue 'default'\n   */\n  @Prop() variant: PdsFilterVariant = 'default';\n\n  /**\n   * The name of the icon to display in the trigger button.\n   * For 'clear' variant, this is ignored as it always shows trash icon.\n   */\n  @Prop() icon?: string;\n\n  /**\n   * The text content displayed in the trigger button.\n   */\n  @Prop() text?: string;\n\n\n  /**\n   * State to track if the popover is open.\n   */\n  @State() isOpen = false;\n\n  /**\n   * Event emitted when the filter popover is opened.\n   */\n  @Event() pdsFilterOpen: EventEmitter<PdsFilterOpenEventDetail>;\n\n  /**\n   * Event emitted when the filter popover is closed.\n   */\n  @Event() pdsFilterClose: EventEmitter<PdsFilterCloseEventDetail>;\n\n  /**\n   * Event emitted when the clear variant is clicked.\n   */\n  @Event() pdsFilterClear: EventEmitter<PdsFilterClearEventDetail>;\n\n\n  /**\n   * Component lifecycle: Clean up when disconnected from DOM.\n   * Prevents memory leaks by canceling pending operations and closing popovers.\n   */\n  disconnectedCallback() {\n    // Cancel pending animation frames\n    if (this.scrollRAF) {\n      cancelAnimationFrame(this.scrollRAF);\n      this.scrollRAF = null;\n    }\n\n    this.lastScrollTime = 0;\n\n    // Clean up native popover event listeners\n    if (this.popoverEl) {\n      const supportsPopoverAPI = HTMLElement.prototype.showPopover && !navigator.userAgent.includes('Firefox');\n      if (supportsPopoverAPI) {\n        this.popoverEl.removeEventListener('toggle', this.handleNativePopoverToggle);\n      }\n    }\n\n    // Ensure popover is closed\n    if (this.isOpen && this.popoverEl) {\n      try {\n        this.popoverEl.hidePopover();\n      } catch (error) {\n        this.popoverEl.style.display = 'none';\n        this.popoverEl.classList.remove('is-open');\n      }\n    }\n  }\n\n\n  componentDidRender() {\n    // Note: popoverEl is set via ref callback in render method\n    // For browsers with native popover API, we need direct element listeners\n    // since the document listener may not capture native popover toggle events\n    if (this.popoverEl) {\n      const supportsPopoverAPI = HTMLElement.prototype.showPopover && !navigator.userAgent.includes('Firefox');\n\n      if (supportsPopoverAPI) {\n        // Remove any existing listeners to avoid duplicates\n        this.popoverEl.removeEventListener('toggle', this.handleNativePopoverToggle);\n        // Add direct listener for native popover events\n        this.popoverEl.addEventListener('toggle', this.handleNativePopoverToggle);\n      }\n    }\n  }\n\n  /**\n   * Handle native popover toggle events directly on the element\n   * This is needed for browsers with native Popover API support\n   */\n  private handleNativePopoverToggle = (event: Event) => {\n    const target = event.target as HTMLElement;\n\n    if (target && target.id === `${this.componentId}-popover`) {\n      // Check current popover state\n      let isCurrentlyOpen = false;\n      try {\n        isCurrentlyOpen = target.matches(':popover-open');\n      } catch (error) {\n        // Fallback if :popover-open selector isn't supported\n        isCurrentlyOpen = target.style.display === 'block';\n      }\n\n      // Update state\n      this.isOpen = isCurrentlyOpen;\n\n      if (this.isOpen) {\n        setTimeout(() => this.adjustPopoverPosition(), 0);\n\n        this.pdsFilterOpen.emit({\n          componentId: this.componentId,\n          variant: this.variant,\n          text: this.text,\n        });\n      } else {\n        this.pdsFilterClose.emit({\n          componentId: this.componentId,\n          variant: this.variant,\n          text: this.text,\n        });\n      }\n    }\n  };\n\n  /**\n   * Reposition popovers on window resize.\n   */\n  @Listen('resize', { target: 'window' })\n  handleWindowResize() {\n    if (this.isOpen) {\n      setTimeout(() => this.adjustPopoverPosition(), 16);\n    }\n  }\n\n  /**\n   * Reposition popovers on scroll with performance throttling.\n   */\n  @Listen('scroll', { target: 'window', passive: true })\n  handleWindowScroll() {\n    if (this.isOpen) {\n      const supportsAnchorPositioning = \"anchorName\" in document.documentElement.style;\n      const now = performance.now();\n\n      const throttleMs = supportsAnchorPositioning ? 66 : 33;\n      if (now - this.lastScrollTime < throttleMs) {\n        return;\n      }\n\n      this.lastScrollTime = now;\n\n      if (this.scrollRAF) {\n        cancelAnimationFrame(this.scrollRAF);\n      }\n\n      this.scrollRAF = requestAnimationFrame(() => {\n        if (this.isOpen && this.popoverEl && this.el.isConnected) {\n          this.adjustPopoverPosition();\n        }\n        this.scrollRAF = null;\n      });\n    }\n  }\n\n  /**\n   * Closes other open filter popovers to ensure only one is open at a time.\n   */\n  private closeOtherPopovers() {\n    const allFilters = document.querySelectorAll('pds-filter');\n\n    allFilters.forEach((filter) => {\n      if (filter === this.el) return;\n\n      const popover = filter.shadowRoot?.querySelector('.pds-filter__popover') as HTMLElement;\n\n      if (popover) {\n        // Check for popover API support to avoid crashes\n        let isPopoverOpen = false;\n        try {\n          isPopoverOpen = popover.matches(':popover-open');\n        } catch (error) {\n          // Fallback if :popover-open selector isn't supported\n          isPopoverOpen = popover.style.display === 'block';\n        }\n\n        if (isPopoverOpen) {\n          try {\n            popover.hidePopover();\n          } catch (error) {\n            popover.style.display = 'none';\n            popover.classList.remove('is-open');\n          }\n        }\n      }\n    });\n  }\n\n  /**\n   * Adjusts popover position to keep it within viewport bounds.\n   * Uses CSS anchor positioning for modern browsers, JavaScript for fallback browsers.\n   */\n  private adjustPopoverPosition() {\n    if (!this.popoverEl || this.variant === 'clear') return;\n\n    const triggerEl = this.el.shadowRoot?.querySelector('.pds-filter__trigger') as HTMLElement;\n    if (!triggerEl) return;\n\n    const triggerRect = triggerEl.getBoundingClientRect();\n    const viewportWidth = window.innerWidth;\n    const viewportHeight = window.innerHeight;\n\n    const supportsAnchorPositioning = \"anchorName\" in document.documentElement.style;\n\n    // Get dimensions for boundary detection\n    const popoverWidth = 228;\n    const popoverHeight = this.popoverEl.getBoundingClientRect().height || 200;\n\n    // Boundary detection for flipping\n    const bufferSpace = 20;\n    const wouldOverflowRight = (triggerRect.left + popoverWidth + bufferSpace) > viewportWidth;\n    const wouldOverflowBottom = (triggerRect.bottom + 8 + popoverHeight + bufferSpace) > viewportHeight;\n\n    if (supportsAnchorPositioning) {\n      // Modern browsers: CSS anchor positioning + JavaScript-controlled flipping\n      this.popoverEl.classList.remove('popover-flip-horizontal', 'popover-flip-vertical');\n\n      if (wouldOverflowRight) {\n        this.popoverEl.classList.add('popover-flip-horizontal');\n      }\n\n      if (wouldOverflowBottom) {\n        this.popoverEl.classList.add('popover-flip-vertical');\n      }\n\n    } else {\n      // Fallback browsers: JavaScript positioning with boundary detection\n      let left = triggerRect.left;\n      let top = triggerRect.bottom + 8;\n      let transformOrigin = 'top left';\n\n      // Apply horizontal flipping if needed\n      if (wouldOverflowRight) {\n        const actualPopoverWidth = this.popoverEl.getBoundingClientRect().width || popoverWidth;\n        left = triggerRect.right - actualPopoverWidth;\n        transformOrigin = 'top right';\n      }\n\n      // Apply vertical flipping if needed\n      if (wouldOverflowBottom) {\n        top = triggerRect.top - popoverHeight - 8;\n        transformOrigin = transformOrigin.replace('top', 'bottom');\n      }\n\n      // Apply positioning in single DOM write for performance\n      this.popoverEl.style.cssText = `\n        position: fixed;\n        left: ${left}px;\n        top: ${top}px;\n        z-index: 1000;\n        transform-origin: ${transformOrigin};\n      `;\n    }\n  }\n\n  /**\n   * Opens the filter popover programmatically.\n   * Note: Clear variant does not support popover functionality.\n   */\n  @Method()\n  async showFilter() {\n    if (this.variant === 'clear') {\n      console.warn('Clear variant does not support showFilter method');\n      return;\n    }\n\n    if (this.popoverEl != null) {\n      try {\n        this.popoverEl.showPopover();\n      } catch (error) {\n        // Fallback for testing environment where showPopover is not available\n        this.popoverEl.style.display = 'block';\n        this.popoverEl.classList.add('is-open');\n      }\n    }\n  }\n\n  /**\n   * Closes the filter popover programmatically.\n   * Note: Clear variant does not support popover functionality.\n   */\n  @Method()\n  async hideFilter() {\n    if (this.variant === 'clear') {\n      console.warn('Clear variant does not support hideFilter method');\n      return;\n    }\n\n    if (this.popoverEl != null) {\n      try {\n        this.popoverEl.hidePopover();\n      } catch (error) {\n        // Fallback for testing environment where hidePopover is not available\n        this.popoverEl.style.display = 'none';\n        this.popoverEl.classList.remove('is-open');\n      }\n    }\n  }\n\n  /**\n   * Listen for popover toggle events for browsers without native Popover API (fallback).\n   * Native API browsers use direct element listeners to avoid conflicts.\n   */\n  @Listen('toggle', { target: 'document' })\n  handlePopoverToggle(event: Event) {\n    const target = event.target as HTMLElement;\n    const supportsPopoverAPI = HTMLElement.prototype.showPopover && !navigator.userAgent.includes('Firefox');\n\n    // Only handle events for fallback browsers (Firefox) to avoid duplicate handling\n    if (!supportsPopoverAPI && target && target.id === `${this.componentId}-popover`) {\n      // Check for popover API support to avoid crashes\n      let isCurrentlyOpen = false;\n      try {\n        isCurrentlyOpen = target.matches(':popover-open');\n      } catch (error) {\n        // Fallback if :popover-open selector isn't supported\n        isCurrentlyOpen = target.style.display === 'block';\n      }\n\n      // Update state\n      this.isOpen = isCurrentlyOpen;\n\n      if (this.isOpen) {\n        setTimeout(() => this.adjustPopoverPosition(), 0);\n\n        this.pdsFilterOpen.emit({\n          componentId: this.componentId,\n          variant: this.variant,\n          text: this.text,\n        });\n      } else {\n        this.pdsFilterClose.emit({\n          componentId: this.componentId,\n          variant: this.variant,\n          text: this.text,\n        });\n      }\n    }\n  }\n\n  /**\n   * Listen for clicks to detect outside dismissal.\n   */\n  @Listen('click', { target: 'document' })\n  handleDocumentClick(event: Event) {\n    // Check if click is outside and popover gets closed\n    if (!this.el.contains(event.target as Node) && this.isOpen && this.variant !== 'clear') {\n      setTimeout(() => {\n        if (this.popoverEl && this.isOpen) {\n          // Check for popover API support to avoid crashes\n          const supportsPopoverAPI = HTMLElement.prototype.showPopover && !navigator.userAgent.includes('Firefox');\n\n          let popoverIsClosed = false;\n          if (supportsPopoverAPI) {\n            try {\n              popoverIsClosed = !this.popoverEl.matches(':popover-open');\n            } catch (error) {\n              // Fallback if :popover-open selector isn't supported\n              popoverIsClosed = this.popoverEl.style.display !== 'block';\n            }\n          } else {\n            // Manual fallback - assume popover was closed by outside click\n            popoverIsClosed = true;\n          }\n\n          if (popoverIsClosed) {\n            this.isOpen = false;\n            if (!supportsPopoverAPI) {\n              this.popoverEl.style.display = 'none';\n              this.popoverEl.classList.remove('is-open');\n            }\n            this.pdsFilterClose.emit({\n              componentId: this.componentId,\n              variant: this.variant,\n              text: this.text,\n            });\n          }\n        }\n      }, 0);\n    }\n  }\n\n  /**\n   * Listen for Escape key to ensure close event fires.\n   */\n  @Listen('keydown', { target: 'document' })\n  handleEscapeKey(event: KeyboardEvent) {\n    if (event.key === 'Escape' && this.isOpen && this.variant !== 'clear') {\n      // Check if popover was closed by Escape\n      setTimeout(() => {\n        if (this.popoverEl && this.isOpen) {\n          // Check for popover API support to avoid crashes\n          const supportsPopoverAPI = HTMLElement.prototype.showPopover && !navigator.userAgent.includes('Firefox');\n\n          let popoverIsClosed = false;\n          if (supportsPopoverAPI) {\n            try {\n              popoverIsClosed = !this.popoverEl.matches(':popover-open');\n            } catch (error) {\n              // Fallback if :popover-open selector isn't supported\n              popoverIsClosed = this.popoverEl.style.display !== 'block';\n            }\n          } else {\n            // Manual fallback - assume popover was closed by Escape\n            popoverIsClosed = true;\n          }\n\n          if (popoverIsClosed) {\n            this.isOpen = false;\n            if (!supportsPopoverAPI) {\n              this.popoverEl.style.display = 'none';\n              this.popoverEl.classList.remove('is-open');\n            }\n            this.pdsFilterClose.emit({\n              componentId: this.componentId,\n              variant: this.variant,\n              text: this.text,\n            });\n          }\n        }\n      }, 0);\n    }\n  }\n\n  /**\n   * Handle keyboard interactions for clear variant only.\n   */\n  private handleKeyDown = (event: KeyboardEvent) => {\n    // Only handle clear variant manually, let native API handle everything else\n    if (this.variant === 'clear' && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault();\n      this.handleClick();\n    }\n  };\n\n  /**\n   * Handle trigger button click. Clear variant emits event, others toggle popover.\n   */\n  private handleClick = (event?: Event) => {\n    if (this.variant === 'clear') {\n      this.pdsFilterClear.emit({\n        componentId: this.componentId,\n        text: this.text,\n      });\n      return;\n    }\n\n    this.closeOtherPopovers();\n\n    // Check for popover API support\n    const supportsPopoverAPI = HTMLElement.prototype.showPopover && !navigator.userAgent.includes('Firefox');\n\n    if (!supportsPopoverAPI) {\n      // Manual fallback for browsers without popover API support\n      // Prevent default to avoid conflicts with any native behavior\n      if (event) {\n        event.preventDefault();\n      }\n\n      setTimeout(() => {\n        if (this.popoverEl != null) {\n          this.isOpen = !this.isOpen;\n          if (this.isOpen) {\n            this.popoverEl.style.display = 'block';\n            this.popoverEl.classList.add('is-open');\n            this.adjustPopoverPosition();\n            this.pdsFilterOpen.emit({\n              componentId: this.componentId,\n              variant: this.variant,\n              text: this.text,\n            });\n          } else {\n            this.popoverEl.style.display = 'none';\n            this.popoverEl.classList.remove('is-open');\n            this.pdsFilterClose.emit({\n              componentId: this.componentId,\n              variant: this.variant,\n              text: this.text,\n            });\n          }\n        }\n      }, 0);\n    }\n    // For browsers with native popover API, let the native behavior handle the toggle\n    // The toggle event listener will capture the state change and emit events\n  };\n\n  /**\n   * Get the appropriate icon for the variant.\n   */\n  private getIcon() {\n    if (this.variant === 'clear') {\n      return trash;\n    }\n    return this.icon;\n  }\n\n  /**\n   * Get CSS classes for the trigger button.\n   */\n  private getTriggerClasses() {\n    const classes = ['pds-filter__trigger'];\n    classes.push(`pds-filter__trigger--${this.variant}`);\n\n    if (this.isOpen && this.variant !== 'clear') {\n      classes.push('pds-filter__trigger--open');\n    }\n\n    return classes.join(' ');\n  }\n\n  /**\n   * Render the trigger icon.\n   */\n  private renderIcon() {\n    const iconToRender = this.getIcon();\n    if (iconToRender == null || iconToRender === '') return null;\n\n    return (\n      <pds-icon\n        icon={iconToRender}\n        size=\"var(--pine-font-size-100)\"\n        aria-hidden=\"true\"\n        part=\"icon\"\n      />\n    );\n  }\n\n  /**\n   * Render the dropdown icon for selected variant.\n   */\n  private renderDropdownIcon() {\n    if (this.variant === 'selected') {\n      return (\n        <pds-icon\n          icon={enlarge}\n          size=\"var(--pine-dimension-200)\"\n          aria-hidden=\"true\"\n          class=\"pds-filter__dropdown-icon\"\n          part=\"icon\"\n        />\n      );\n    }\n    return null;\n  }\n\n  render() {\n    return (\n      <Host id={this.componentId}>\n        <button\n          class={this.getTriggerClasses()}\n          type=\"button\"\n          popoverTarget={this.variant !== 'clear' ? `${this.componentId}-popover` : undefined}\n          popoverTargetAction={this.variant !== 'clear' ? 'toggle' : undefined}\n          onKeyDown={this.variant === 'clear' ? this.handleKeyDown : undefined}\n          onClick={(event) => this.handleClick(event)}\n          part=\"button\"\n          aria-expanded={this.isOpen ? 'true' : 'false'}\n          aria-haspopup={this.variant !== 'clear' ? 'true' : undefined}\n          aria-controls={this.variant !== 'clear' ? `${this.componentId}-popover` : undefined}\n        >\n          <span class=\"pds-filter__button-content\" part=\"button-content\">\n            {this.renderIcon()}\n            {this.text && (\n              <span class=\"pds-filter__button-text\" part=\"button-text\">\n                {this.text}\n              </span>\n            )}\n            {this.renderDropdownIcon()}\n          </span>\n        </button>\n\n        {this.variant !== 'clear' && (\n          <div\n            ref={el => this.popoverEl = el}\n            id={`${this.componentId}-popover`}\n            class=\"pds-filter__popover\"\n            popover=\"auto\"\n            part=\"popover\"\n          >\n            <slot />\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}