@pine-ds/core 4.7.1 → 4.8.0

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-Cw9J31qd.js";import{a as autoUpdate,c as computePosition,o as offset,f as flip,s as shift,b as size}from"./floating-ui.dom-BPqJgIq6.js";import{c as cancelDebouncedEvent,d as debounceEvent,f as flushDebouncedEvent}from"./utils-OYK5-nwe.js";import{i as isSpecTest,a as assignDescription,m as messageId}from"./form-BuRbS7Hp.js";import{e as enlarge,b as danger}from"./index-BJXk71tO.js";import{f as formatMessage,p as pluralize}from"./i18n-format-BJgZHCWe.js";import"./keep-hydrated-BLG6RDBt.js";var pdsMultiselectCss=function(){return":host{display:block}:host([aria-disabled=true]) .pds-multiselect__trigger{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}:host([aria-disabled=true]) .pds-multiselect__icon{color:var(--pine-color-text-disabled)}.pds-multiselect{position:relative}.pds-multiselect__label{color:var(--pine-color-text-label);display:block;font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing);-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-multiselect__wrapper{position:relative}.pds-multiselect__trigger{-ms-flex-align:center;align-items:center;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-125);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-medium);gap:var(--pine-dimension-xs);-ms-flex-pack:justify;justify-content:space-between;letter-spacing:var(--pine-letter-spacing);min-height:var(--pine-dimension-450);padding:var(--pine-dimension-xs) var(--pine-dimension-sm);position:relative;text-align:start;-webkit-transition:border-color var(--pine-motion-duration-base) ease, -webkit-box-shadow var(--pine-motion-duration-base) ease;transition:border-color var(--pine-motion-duration-base) ease, -webkit-box-shadow var(--pine-motion-duration-base) ease;transition:border-color var(--pine-motion-duration-base) ease, box-shadow var(--pine-motion-duration-base) ease;transition:border-color var(--pine-motion-duration-base) ease, box-shadow var(--pine-motion-duration-base) ease, -webkit-box-shadow var(--pine-motion-duration-base) ease;width:100%}.pds-multiselect__trigger:hover:not(.pds-multiselect__trigger--disabled){border-color:var(--pine-color-border-hover)}.pds-multiselect__trigger:focus:not(.pds-multiselect__trigger--disabled){border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-multiselect__trigger.pds-multiselect__trigger--open{border-color:var(--pine-color-border-active)}.pds-multiselect__trigger.pds-multiselect__trigger--invalid{background-color:var(--pine-color-red-050);border-color:var(--pine-color-border-danger)}.pds-multiselect__trigger.pds-multiselect__trigger--invalid:focus{outline-color:var(--pine-color-focus-ring-danger)}.pds-multiselect__trigger.pds-multiselect__trigger--disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}.pds-multiselect__trigger-text{color:var(--pine-color-text-strong);-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-multiselect__trigger-text.pds-multiselect__trigger-text--placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__trigger--disabled .pds-multiselect__trigger-text{color:var(--pine-color-text-disabled)}.pds-multiselect__icon{color:var(--pine-color-icon);-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none)}.pds-multiselect__pill-list{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--pine-dimension-2xs)}.pds-multiselect__pill-list--inline{-ms-flex:1;flex:1;min-width:0}.pds-multiselect__pill-list--below{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-multiselect__pill-overflow{color:var(--pine-color-text-muted);font:var(--pine-typography-body-sm-medium);white-space:nowrap}.pds-multiselect__trigger--pill-inline{-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--pine-dimension-2xs);min-height:var(--pine-dimension-450);padding:var(--pine-dimension-2xs) var(--pine-dimension-sm)}.pds-multiselect__trigger--pill-inline.pds-multiselect__trigger--open{border-color:var(--pine-color-border-active)}.pds-multiselect__trigger--pill-inline:focus-within:not(.pds-multiselect__trigger--disabled){border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-multiselect__trigger--pill-inline.pds-multiselect__trigger--invalid:focus-within{outline-color:var(--pine-color-focus-ring-danger)}.pds-multiselect__pill-toggle{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border-width:0;cursor:pointer;display:-ms-flexbox;display:flex;padding:0}.pds-multiselect__pill-toggle:focus{outline:3px solid transparent}.pds-multiselect__trigger--disabled .pds-multiselect__pill-toggle{cursor:not-allowed;pointer-events:none}.pds-multiselect__panel{background:var(--pine-color-background-overlay);border-radius:var(--pine-dimension-125);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:fixed;z-index:var(--pine-z-index-raised)}.pds-multiselect__search{-ms-flex-align:center;align-items:center;-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border);border-block-end-color:var(--pine-color-border-subtle);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.pds-multiselect__search pds-icon{color:var(--pine-color-text-muted);-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none)}.pds-multiselect__search-input{background:transparent;border:var(--pine-dimension-none);color:var(--pine-color-text-strong);-ms-flex:1;flex:1;font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);min-width:var(--pine-dimension-none);outline:none}.pds-multiselect__search-input::-webkit-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input::-moz-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input:-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input::-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input::placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__selected-section{-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border);border-block-end-color:var(--pine-color-border-subtle);padding:var(--pine-dimension-xs)}.pds-multiselect__selected-list{list-style:none;margin:var(--pine-dimension-none);padding:var(--pine-dimension-none)}.pds-multiselect__selected-item{color:var(--pine-color-text-strong);font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);overflow:hidden;padding:var(--pine-dimension-2xs) var(--pine-dimension-xs);text-overflow:ellipsis;white-space:nowrap}.pds-multiselect__listbox{background:transparent;border:var(--pine-dimension-none);-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none;margin:var(--pine-dimension-none);overflow-y:auto;padding:var(--pine-dimension-xs)}.pds-multiselect__group-header{color:var(--pine-color-text-muted);display:block;font:var(--pine-typography-body-sm-medium);letter-spacing:var(--pine-letter-spacing);padding:var(--pine-dimension-sm) var(--pine-dimension-xs) var(--pine-dimension-2xs);text-transform:uppercase}.pds-multiselect__listbox>li:first-child>.pds-multiselect__group-header{-webkit-padding-before:var(--pine-dimension-xs);padding-block-start:var(--pine-dimension-xs)}.pds-multiselect__group-list{list-style:none;margin:var(--pine-dimension-none);padding:var(--pine-dimension-none)}.pds-multiselect__option{-ms-flex-align:center;align-items:center;background:transparent;border-radius:var(--pine-dimension-xs);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-2xs) var(--pine-dimension-xs);-webkit-transition:background 0.15s;transition:background 0.15s}.pds-multiselect__option pds-checkbox{min-width:var(--pine-dimension-none);pointer-events:none;width:100%}.pds-multiselect__option pds-chip{pointer-events:auto}.pds-multiselect__option:hover:not(.pds-multiselect__option--disabled),.pds-multiselect__option.pds-multiselect__option--highlighted:not(.pds-multiselect__option--disabled){background:var(--pine-color-background-muted)}.pds-multiselect__option.pds-multiselect__option--disabled{cursor:not-allowed;opacity:0.5}.pds-multiselect__option:focus-visible{outline:var(--pine-dimension-none)}.pds-multiselect__option-action{-ms-flex-align:center;align-items:center;block-size:var(--pine-dimension-md);color:var(--pine-color-icon);cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;inline-size:var(--pine-dimension-md);-ms-flex-pack:center;justify-content:center;-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}.pds-multiselect__create-option{color:var(--pine-color-text-strong);width:100%}.pds-multiselect__create-option pds-icon{color:var(--pine-color-text-muted);-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none)}.pds-multiselect__empty,.pds-multiselect__loading{-ms-flex-align:center;align-items:center;color:var(--pine-color-text-muted);display:-ms-flexbox;display:flex;font:var(--pine-typography-body);-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-sm)}.pds-multiselect__load-more{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-xs)}.pds-multiselect__footer{-webkit-border-before:var(--pine-border);border-block-start:var(--pine-border);border-block-start-color:var(--pine-color-border-subtle);padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.pds-multiselect__helper{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs);-webkit-margin-start:var(--pine-dimension-none);margin-inline-start:var(--pine-dimension-none)}.pds-multiselect__error{-ms-flex-align:start;align-items:flex-start;color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;font:var(--pine-typography-body-sm-medium);gap:var(--pine-dimension-2xs);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs);-webkit-margin-start:var(--pine-dimension-none);margin-inline-start:var(--pine-dimension-none)}.pds-multiselect__error pds-icon{-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none);-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.visually-hidden{border:var(--pine-dimension-none);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:var(--pine-dimension-none);position:absolute;white-space:nowrap;width:1px}"};var PINE_ICON_NAME=/^[a-z0-9-]+$/i;var TABBABLE_SELECTOR='a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';var PdsMultiselect=function(){function i(i){var e=this;registerInstance(this,i);this.pdsMultiselectChange=createEvent(this,"pdsMultiselectChange");this.pdsMultiselectSearch=createEvent(this,"pdsMultiselectSearch");this.pdsMultiselectLoadOptions=createEvent(this,"pdsMultiselectLoadOptions");this.pdsMultiselectCreate=createEvent(this,"pdsMultiselectCreate");this.pdsMultiselectDismiss=createEvent(this,"pdsMultiselectDismiss");this.pdsMultiselectOptionAction=createEvent(this,"pdsMultiselectOptionAction");this.hasDisabledSlottedTrigger=false;this.placeholder="Select...";this.searchPlaceholder="Find...";this.searchOptionsLabel="Search options";this.selectedItemsLabel="Selected items";this.optionsLabel="Options";this.noOptionsFoundLabel="No options found";this.createOptionLabel='Add "{text}"';this.createOptionAriaLabel="Create new tag: {text}";this.itemRemovedLabel="{item} removed";this.pillRemoveLabel="Remove";this.selectedCountLabelOne="{count} item";this.selectedCountLabelOther="{count} items";this.closePanelOnSelect=false;this.value=[];this.disabled=false;this.asyncMethod="GET";this.debounce=300;this.fetchTimeout=3e4;this.maxHeight="300px";this.triggerWidth="100%";this.minWidth="250px";this.hideLabel=false;this.hideSelectedItems=false;this.selectedDisplay="count";this.pillPosition="inline";this.maxInlinePills=3;this.optionDisplay="text";this.required=false;this.loading=false;this.csrfHeaderName="X-CSRF-Token";this.optionActions=false;this.optionActionLabel="Edit {text}";this.optionActionDescription="Press Right Arrow to {action}";this.isOpen=false;this.searchQuery="";this.highlightedIndex=-1;this.internalOptions=[];this.selectedItems=[];this.currentPage=1;this.hasMore=false;this.creating=false;this.removalAnnouncement="";this.isOpening=false;this.isClosingViaSelection=false;this.initialAsyncFetchTriggered=false;this.pendingUnresolvedFetch=false;this.handleTriggerClick=function(i){if(e.disabled)return;if(i&&!e.slottedTriggerEl&&e.selectedDisplay==="pill"&&e.pillPosition==="inline"){var t=i.composedPath().some((function(i){var e;return((e=i.tagName)===null||e===void 0?void 0:e.toLowerCase())==="pds-chip"}));if(t)return}if(e.isOpen){e.closeDropdown()}else{e.openDropdown()}};this.handleTriggerKeyDown=function(i){if(e.disabled)return;if(i.target!==e.activeTriggerEl)return;switch(i.key){case"ArrowDown":case"ArrowUp":case"Enter":case" ":i.preventDefault();if(!e.isOpen){e.openDropdown()}break}};this.handleSearchInputChange=function(i){var t=i.target;e.searchQuery=t.value;e.highlightedIndex=-1;e.pdsMultiselectSearch.emit({query:e.searchQuery});if(e.asyncUrl){e.debouncedFetchAsyncOptions(e.searchQuery,1)}};this.handleSearchInputKeyDown=function(i){var t,s,n;var r=e.getFilteredOptions();switch(i.key){case"ArrowDown":{i.preventDefault();var o=e.highlightedIndex+1;while(o<r.length&&((t=r[o])===null||t===void 0?void 0:t.disabled)){o++}if(o<r.length){e.highlightedIndex=o;e.scrollOptionIntoView()}break}case"ArrowUp":{i.preventDefault();var a=Math.max(e.highlightedIndex-1,0);while(a>0&&((s=r[a])===null||s===void 0?void 0:s.disabled)){a--}if(!((n=r[a])===null||n===void 0?void 0:n.disabled)){e.highlightedIndex=a;e.scrollOptionIntoView()}break}case"Enter":i.preventDefault();if(e.highlightedIndex>=0){var l=r[e.highlightedIndex];if(l){e.selectOption(l)}}break;case"ArrowRight":{var l=r[e.highlightedIndex];var d=!i.altKey&&!i.ctrlKey&&!i.metaKey&&!i.shiftKey&&!i.isComposing;if(d&&l&&e.hasOptionAction(l)&&e.isCaretAtEndOfSearch()){i.preventDefault();e.runOptionAction(l)}break}case"Tab":{var c=i.shiftKey?undefined:e.getFooterTabbables()[0];c===null||c===void 0?void 0:c.focus();if(c===null||c===void 0?void 0:c.matches(":focus")){i.preventDefault()}else{e.closeDropdown()}break}}};this.handleFooterKeyDown=function(i){var t;if(i.key!=="Tab")return;var s=e.getFooterTabbables();var n=i.composedPath()[0];if(i.shiftKey&&n===s[0]){i.preventDefault();(t=e.searchInputEl)===null||t===void 0?void 0:t.focus()}else if(!i.shiftKey&&n===s[s.length-1]){e.closeDropdown()}};this.handleContainerFocusOut=function(){setTimeout((function(){var i;if(!e.isOpen||e.isOpening||e.isClosingViaSelection)return;var t=document.activeElement;var s=(i=e.el.shadowRoot)===null||i===void 0?void 0:i.contains(t);var n=e.el.contains(t);if(!s&&!n){e.pdsMultiselectDismiss.emit();e.closeDropdown()}}),0)};this.handleOptionMouseDown=function(i){return function(t){t.preventDefault();e.toggleOption(i)}};this.handleOptionClick=function(i){i.preventDefault()};this.handleOptionMouseEnter=function(i,t){return function(){if(t.disabled)return;e.highlightedIndex=i}};this.handleOptionActionMouseDown=function(i){i.preventDefault();i.stopPropagation()};this.handleOptionActionClick=function(i){return function(){e.runOptionAction(i)}};this.handleFooterMouseDown=function(i){i.preventDefault()};this.handleScroll=function(i){if(!e.asyncUrl||!e.hasMore||e.loading)return;var t=i.target;var s=t.scrollHeight-t.scrollTop-t.clientHeight;if(s<50){e.pdsMultiselectLoadOptions.emit({query:e.searchQuery,page:e.currentPage+1});e.debouncedFetchAsyncOptions(e.searchQuery,e.currentPage+1)}};this.handlePillRemove=function(i){return function(){var t,s;if(e.disabled)return;var n=String(i.id);e.value=e.value.filter((function(i){return i!==n}));e.syncSelectedItems();e.emitChange({removed:[n]});e.removalAnnouncement="";queueMicrotask((function(){e.removalAnnouncement=formatMessage(e.itemRemovedLabel,{item:i.text})}));e.isClosingViaSelection=true;if(e.isOpen){(t=e.searchInputEl)===null||t===void 0?void 0:t.focus()}else{(s=e.activeTriggerEl)===null||s===void 0?void 0:s.focus()}setTimeout((function(){e.isClosingViaSelection=false}),0)}}}i.prototype.connectedCallback=function(){if(this.el.attachInternals&&!this.internals){this.internals=this.el.attachInternals()}};i.prototype.formDisabledCallback=function(i){if(i&&!this.el.closest("fieldset[disabled]"))return;this.disabled=i};i.prototype.componentWillLoad=function(){this.originalSearchEmitter=this.pdsMultiselectSearch;this.syncSelectedItems();this.syncSlottedTrigger()};i.prototype.componentDidLoad=function(){var i=this;this.setupDebounce();this.setupMutationObserver();this.setupSlotChangeListener();this.updateFormValue();requestAnimationFrame((function(){i.updateOptionsFromSlot();i.syncSelectedItems()}));if(this.asyncUrl&&this.ensureValueArray().length>0){this.initialAsyncFetchTriggered=true;this.fetchOptions("",1)}};i.prototype.setupSlotChangeListener=function(){var i=this;var e;var t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector("slot:not([name])");if(t){t.addEventListener("slotchange",(function(){i.updateOptionsFromSlot();i.syncSelectedItems()}));this.updateOptionsFromSlot()}};i.prototype.disconnectedCallback=function(){var i,e;cancelDebouncedEvent(this.pdsMultiselectSearch);(i=this.observer)===null||i===void 0?void 0:i.disconnect();(e=this.cleanupAutoUpdate)===null||e===void 0?void 0:e.call(this);this.clearAsyncFetchState()};i.prototype.setupDebounce=function(){var i=this,e=i.pdsMultiselectSearch,t=i.debounce,s=i.originalSearchEmitter;this.pdsMultiselectSearch=t===undefined?s!==null&&s!==void 0?s:e:debounceEvent(e,t);flushDebouncedEvent(e)};i.prototype.valueChanged=function(i){if(typeof i==="string"){try{var e=JSON.parse(i);if(Array.isArray(e)){this.value=e;return}}catch(e){this.value=i?[i]:[];return}}this.syncSelectedItems();this.updateFormValue();if(this.asyncUrl){var t=this.ensureValueArray();var s=t.length>0&&this.selectedItems.length<t.length;if(s){if(this.loading){this.pendingUnresolvedFetch=true}else{this.fetchOptions("",1)}}}};i.prototype.optionsChanged=function(){if(this.options){this.internalOptions=__spreadArray([],this.options,true)}};i.prototype.internalOptionsChanged=function(){this.syncSelectedItems()};i.prototype.isOpenChanged=function(){var i;(i=this.slottedTriggerEl)===null||i===void 0?void 0:i.setAttribute("aria-expanded",String(this.isOpen))};i.prototype.disabledChanged=function(i){var e,t;this.syncSlottedTrigger();if(!i||!this.isOpen)return;var s=document.activeElement;var n=!!(((e=this.el.shadowRoot)===null||e===void 0?void 0:e.contains(s))||this.el.contains(s));this.closeDropdown();if(n)(t=this.activeTriggerEl)===null||t===void 0?void 0:t.focus()};i.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(e){(i=this.activeTriggerEl)===null||i===void 0?void 0:i.focus();return[2]}))}))};i.prototype.clear=function(){return __awaiter(this,void 0,void 0,(function(){var i,e;return __generator(this,(function(t){i=this.value.length>0||this.searchQuery!=="";e=this.ensureValueArray();this.value=[];this.searchQuery="";this.syncSelectedItems();this.updateFormValue();if(i){this.emitChange({removed:e})}return[2]}))}))};i.prototype.refreshOptions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:return[4,this.fetchOptions(this.searchQuery,1)];case 1:i.sent();return[2]}}))}))};i.prototype.handleWindowKeyDown=function(i){var e;if(!this.isOpen||i.defaultPrevented)return;if(i.key==="Escape"){i.preventDefault();this.pdsMultiselectDismiss.emit();this.closeDropdown();(e=this.activeTriggerEl)===null||e===void 0?void 0:e.focus()}};Object.defineProperty(i.prototype,"activeTriggerEl",{get:function(){var i;return(i=this.slottedTriggerEl)!==null&&i!==void 0?i:this.triggerEl},enumerable:false,configurable:true});i.prototype.syncSlottedTrigger=function(){var i=Array.from(this.el.children).find((function(i){return i.getAttribute("slot")==="trigger"}));if(i!==this.slottedTriggerEl){var e=this.slottedTriggerEl;if(e){e.removeEventListener("click",this.handleTriggerClick);e.removeEventListener("keydown",this.handleTriggerKeyDown);e.removeAttribute("aria-expanded");e.removeAttribute("aria-haspopup");e.removeAttribute("aria-disabled");this.setSlottedTriggerDisabled(e,false)}i===null||i===void 0?void 0:i.addEventListener("click",this.handleTriggerClick);i===null||i===void 0?void 0:i.addEventListener("keydown",this.handleTriggerKeyDown);this.slottedTriggerEl=i}if(!i)return;i.setAttribute("aria-haspopup","listbox");i.setAttribute("aria-expanded",String(this.isOpen));if(this.disabled){i.setAttribute("aria-disabled","true")}else{i.removeAttribute("aria-disabled")}this.setSlottedTriggerDisabled(i,this.disabled)};i.prototype.setSlottedTriggerDisabled=function(i,e){var t=this;if(!("disabled"in i)){if(e&&i.localName.includes("-")&&customElements.get(i.localName)===undefined){customElements.whenDefined(i.localName).then((function(){return t.syncSlottedTrigger()}))}return}var s=i;if(e&&!s.disabled){s.disabled=true;this.hasDisabledSlottedTrigger=true}else if(!e&&this.hasDisabledSlottedTrigger){s.disabled=false;this.hasDisabledSlottedTrigger=false}};i.prototype.setupMutationObserver=function(){var i=this;this.observer=new MutationObserver((function(e){if(e.some((function(e){return e.target===i.el}))){i.syncSlottedTrigger()}var t=i.slottedTriggerEl;if(!t||e.some((function(i){return!t.contains(i.target)}))){i.updateOptionsFromSlot()}}));this.observer.observe(this.el,{childList:true,subtree:true})};i.prototype.updateOptionsFromSlot=function(){var i=this;var e;var t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector("slot:not([name])");if(!t)return;var s=[];t.assignedElements({flatten:true}).forEach((function(e){if(e.tagName==="OPTGROUP"){var t=e;var n=t.label;var r=t.disabled;t.querySelectorAll("option").forEach((function(e){var t=i.parseSlottedOption(e,r);if(n){t.group=n}s.push(t)}))}else if(e.tagName==="OPTION"){s.push(i.parseSlottedOption(e,false))}}));if(s.length>0&&!this.asyncUrl&&!this.options){this.internalOptions=s}};i.prototype.parseSlottedOption=function(i,e){var t;var s={id:i.value,text:((t=i.textContent)===null||t===void 0?void 0:t.trim())||i.value,disabled:i.disabled||e||undefined};var n=i.getAttribute("data-dot-color");if(n){s.dotColor=n}var r=i.getAttribute("data-action-icon");if(r){s.actionIcon=r}var o=i.getAttribute("data-action-label");if(o){s.actionLabel=o}return s};i.prototype.clearAsyncFetchState=function(){var i;if(this.fetchDebounceTimer!==undefined){window.clearTimeout(this.fetchDebounceTimer);this.fetchDebounceTimer=undefined}if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}(i=this.abortController)===null||i===void 0?void 0:i.abort();this.abortController=undefined};i.prototype.debouncedFetchAsyncOptions=function(i,e){var t=this;if(e===void 0){e=1}var s;if(!this.asyncUrl)return;if(this.fetchDebounceTimer!==undefined){window.clearTimeout(this.fetchDebounceTimer)}var n=Math.max(0,(s=this.debounce)!==null&&s!==void 0?s:0);this.fetchDebounceTimer=window.setTimeout((function(){t.fetchDebounceTimer=undefined;t.fetchOptions(i,e)}),n)};i.prototype.syncSelectedItems=function(){var i=this.ensureValueArray();var e=this.getAllOptions();var t=[];var s=new Map(this.selectedItems.map((function(i){return[String(i.id),i]})));i.forEach((function(i){var n=e.find((function(e){return String(e.id)===String(i)}));if(n){t.push(n)}else if(s.has(String(i))){t.push(s.get(String(i)))}}));this.selectedItems=t};i.prototype.ensureValueArray=function(){if(typeof this.value==="string"){try{var i=JSON.parse(this.value);if(Array.isArray(i)){this.value=i;return i}}catch(i){var e=this.value;this.value=e?[e]:[];return this.value}}return Array.isArray(this.value)?this.value:[]};i.prototype.getAllOptions=function(){return this.options||this.internalOptions};i.prototype.getFilteredOptions=function(){var i=this.getAllOptions();var e=this.searchQuery.toLowerCase();var t=i.filter((function(i){if(e){return i.text.toLowerCase().includes(e)}return true}));if(this.createUrl&&this.searchQuery.trim()&&t.length===0){return[{id:"__create__",text:this.searchQuery.trim(),isCreateOption:true}]}return t};i.prototype.updateFormValue=function(){var i=this;var e;if(isSpecTest())return;if((e=this.internals)===null||e===void 0?void 0:e.setFormValue){var t=this.ensureValueArray();var s=new FormData;t.forEach((function(e){if(i.name){s.append(i.name,e)}}));this.internals.setFormValue(s);if(this.required&&t.length===0){this.internals.setValidity({valueMissing:true},"Please select at least one option.",this.activeTriggerEl)}else{this.internals.setValidity({})}}};i.prototype.getCsrfToken=function(){if(this.csrfToken){return this.csrfToken}var i=document.querySelector('meta[name="csrf-token"]');return(i===null||i===void 0?void 0:i.content)||null};i.prototype.fetchOptions=function(i){return __awaiter(this,arguments,void 0,(function(i,e){var t,s,n,r,o,a,l,d,c,u,h;var p=this;if(e===void 0){e=1}return __generator(this,(function(f){switch(f.label){case 0:if(!this.asyncUrl)return[2];(t=this.abortController)===null||t===void 0?void 0:t.abort();if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}this.abortController=new AbortController;this.loading=true;this.fetchTimeoutTimer=window.setTimeout((function(){var i;(i=p.abortController)===null||i===void 0?void 0:i.abort();p.fetchTimeoutTimer=undefined}),this.fetchTimeout);f.label=1;case 1:f.trys.push([1,4,5,6]);s=void 0;try{s=new URL(this.asyncUrl,window.location.origin)}catch(i){throw new TypeError("Invalid asyncUrl: ".concat(this.asyncUrl))}if(this.asyncMethod==="GET"){s.searchParams.set("search",i);s.searchParams.set("page",String(e))}n=this.getCsrfToken();r={"Content-Type":"application/json",Accept:"application/json"};if(n){o=this.csrfHeaderName||"X-CSRF-Token";r[o]=n}return[4,fetch(s.toString(),Object.assign({method:this.asyncMethod,signal:this.abortController.signal,headers:r},this.asyncMethod==="POST"&&{body:JSON.stringify({search:i,page:e})}))];case 2:a=f.sent();if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}if(!a.ok)throw new Error("Failed to fetch options");return[4,a.json()];case 3:l=f.sent();d=l.results.map((function(i){if(p.formatResult){return p.formatResult(i)}if(typeof i==="object"&&i!==null){return Object.assign({id:i.id,text:i.text},i)}return{id:String(i),text:String(i)}}));if(e===1){this.internalOptions=d}else{this.internalOptions=__spreadArray(__spreadArray([],this.internalOptions,true),d,true)}this.hasMore=l.totalCount?this.internalOptions.length<l.totalCount:false;this.currentPage=e;return[3,6];case 4:c=f.sent();if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}if(c.name!=="AbortError"){console.error("PdsMultiselect: Failed to fetch options",c)}return[3,6];case 5:this.loading=false;if(this.pendingUnresolvedFetch){this.pendingUnresolvedFetch=false;u=this.ensureValueArray();h=u.length>0&&this.selectedItems.length<u.length;if(h){this.fetchOptions("",1)}}return[7];case 6:return[2]}}))}))};i.prototype.createOption=function(i){return __awaiter(this,void 0,void 0,(function(){var e,t,s,n,r,o,a,l;var d=this;return __generator(this,(function(c){switch(c.label){case 0:if(!this.createUrl||!i.trim())return[2];if(this.creating)return[2];this.creating=true;c.label=1;case 1:c.trys.push([1,4,5,6]);e=new URL(this.createUrl,window.location.origin);t=this.getCsrfToken();s={"Content-Type":"application/json",Accept:"application/json"};if(t){n=this.csrfHeaderName||"X-CSRF-Token";s[n]=t}return[4,fetch(e.toString(),{method:"POST",headers:s,body:JSON.stringify({text:i.trim()})})];case 2:r=c.sent();if(!r.ok)throw new Error("Failed to create option");return[4,r.json()];case 3:o=c.sent();a=Object.assign({id:o.id,text:o.text},o);this.internalOptions=__spreadArray(__spreadArray([],this.internalOptions,true),[a],false);this.value=__spreadArray(__spreadArray([],this.value,true),[String(a.id)],false);this.syncSelectedItems();this.pdsMultiselectCreate.emit({query:i.trim(),newOption:a});this.emitChange({added:[String(a.id)]});this.searchQuery="";this.highlightedIndex=-1;requestAnimationFrame((function(){var i;(i=d.searchInputEl)===null||i===void 0?void 0:i.focus()}));return[3,6];case 4:l=c.sent();console.error("PdsMultiselect: Failed to create option",l);return[3,6];case 5:this.creating=false;return[7];case 6:return[2]}}))}))};i.prototype.getFooterTabbables=function(){var i=[];Array.from(this.el.children).filter((function(i){return i.getAttribute("slot")==="footer"})).forEach((function(e){return i.push.apply(i,__spreadArray([e],Array.from(e.querySelectorAll("*")),false))}));return i.map((function(i){var e;return i.matches(TABBABLE_SELECTOR)?i:(e=i.shadowRoot)===null||e===void 0?void 0:e.querySelector(TABBABLE_SELECTOR)})).filter((function(i){var e,t;return!!i&&((t=(e=i.checkVisibility)===null||e===void 0?void 0:e.call(i))!==null&&t!==void 0?t:true)}))};i.prototype.isCaretAtEndOfSearch=function(){var i,e;var t=this.searchInputEl;if(!t)return true;var s=t.value.length;return((i=t.selectionStart)!==null&&i!==void 0?i:s)===s&&((e=t.selectionEnd)!==null&&e!==void 0?e:s)===s};i.prototype.hasOptionAction=function(i){return this.optionActions&&typeof i.actionIcon==="string"&&PINE_ICON_NAME.test(i.actionIcon)&&!i.isCreateOption&&!i.disabled};Object.defineProperty(i.prototype,"isHoverless",{get:function(){var i,e,t;(i=this.hoverlessQuery)!==null&&i!==void 0?i:this.hoverlessQuery=(e=window.matchMedia)===null||e===void 0?void 0:e.call(window,"(hover: none)");return!!((t=this.hoverlessQuery)===null||t===void 0?void 0:t.matches)},enumerable:false,configurable:true});i.prototype.runOptionAction=function(i){var e;this.isClosingViaSelection=true;this.closeDropdown();(e=this.activeTriggerEl)===null||e===void 0?void 0:e.focus();this.pdsMultiselectOptionAction.emit({option:i})};i.prototype.openDropdown=function(){var i=this;if(this.disabled)return;this.isOpening=true;this.isOpen=true;this.highlightedIndex=-1;if(this.asyncUrl&&this.internalOptions.length===0&&!this.initialAsyncFetchTriggered){this.debouncedFetchAsyncOptions(this.searchQuery,1)}this.initialAsyncFetchTriggered=false;requestAnimationFrame((function(){var e;i.positionDropdown();(e=i.searchInputEl)===null||e===void 0?void 0:e.focus();setTimeout((function(){i.isOpening=false}),50)}))};i.prototype.closeDropdown=function(){var i=this;this.isOpen=false;this.highlightedIndex=-1;this.searchQuery="";if(this.isClosingViaSelection){setTimeout((function(){i.isClosingViaSelection=false}),0)}if(this.cleanupAutoUpdate){this.cleanupAutoUpdate();this.cleanupAutoUpdate=undefined}};i.prototype.positionDropdown=function(){var i=this;if(!this.containerEl||!this.panelEl)return;var e=this.slottedTriggerEl||this.pillInlineTriggerEl||this.triggerEl||this.containerEl;var t=this,s=t.minWidth,n=t.panelWidth;var r=function(){computePosition(e,i.panelEl,{placement:"bottom-start",strategy:"fixed",middleware:[offset(12),flip(),shift({padding:8}),size({apply:function(i){var e=i.rects,t=i.elements;Object.assign(t.floating.style,{width:n!==null&&n!==void 0?n:"".concat(e.reference.width,"px"),minWidth:s})}})]}).then((function(e){var t=e.x,s=e.y;if(i.panelEl){i.panelEl.style.left="".concat(t,"px");i.panelEl.style.top="".concat(s,"px")}}))};r();var o=autoUpdate(e,this.panelEl,r);this.cleanupAutoUpdate=function(){o();i.clearAsyncFetchState()}};i.prototype.scrollOptionIntoView=function(){var i=this;requestAnimationFrame((function(){var e;var t=(e=i.listboxEl)===null||e===void 0?void 0:e.querySelector('[data-index="'.concat(i.highlightedIndex,'"]'));t===null||t===void 0?void 0:t.scrollIntoView({block:"nearest",behavior:"smooth"})}))};i.prototype.emitChange=function(i){var e=i.added,t=e===void 0?[]:e,s=i.removed,n=s===void 0?[]:s;this.pdsMultiselectChange.emit({values:this.value,items:this.selectedItems,added:t,removed:n})};i.prototype.toggleOption=function(i){var e,t;if(i.disabled)return;if(i.isCreateOption){if(!this.creating){this.createOption(this.searchQuery)}return}var s=String(i.id);var n=this.value.includes(s);if(n){this.value=this.value.filter((function(i){return i!==s}))}else{if(this.maxSelections&&this.value.length>=this.maxSelections){return}this.value=__spreadArray(__spreadArray([],this.value,true),[s],false)}this.syncSelectedItems();this.emitChange(n?{removed:[s]}:{added:[s]});if(this.closePanelOnSelect){this.isClosingViaSelection=true;this.closeDropdown();(e=this.activeTriggerEl)===null||e===void 0?void 0:e.focus()}else{(t=this.searchInputEl)===null||t===void 0?void 0:t.focus()}};i.prototype.selectOption=function(i){this.toggleOption(i)};i.prototype.getGroupedRenderItems=function(i){var e=[];var t=null;i.forEach((function(i,s){var n=i.group;if(n!==undefined){if(!t||t.group!==n){t={type:"group",group:n,options:[]};e.push(t)}t.options.push({option:i,index:s})}else{t=null;e.push({type:"option",option:i,index:s})}}));return e};i.prototype.renderOption=function(i,e,t){var s=t.includes(String(i.id));var n=i.isCreateOption;var r=i.disabled;var o=e===this.highlightedIndex&&!n;var a="".concat(this.componentId,"-option-").concat(e);var l=n&&this.creating;var d=this.hasOptionAction(i);return h("li",{key:String(i.id),id:a,class:{"pds-multiselect__option":true,"pds-multiselect__option--highlighted":o,"pds-multiselect__option--selected":s,"pds-multiselect__option--create":n,"pds-multiselect__option--disabled":r||l},role:"option","aria-selected":s?"true":"false","aria-disabled":r||l?"true":undefined,"aria-label":n?formatMessage(this.createOptionAriaLabel,{text:i.text}):undefined,"aria-describedby":d?"".concat(a,"-action-description"):undefined,"data-index":e,onMouseDown:this.handleOptionMouseDown(i),onClick:this.handleOptionClick,onMouseEnter:this.handleOptionMouseEnter(e,i)},n?h("pds-box",{class:"pds-multiselect__create-option","align-items":"center",gap:"xs"},h("pds-icon",{name:"add",size:"small"}),h("pds-text",null,formatMessage(this.createOptionLabel,{text:i.text}))):h("pds-checkbox",{componentId:"".concat(this.componentId,"-checkbox-").concat(e),checked:s,label:i.text,disabled:r,style:{pointerEvents:"none"}},this.optionDisplay==="chip"&&h("pds-chip",{slot:"label",sentiment:"subtle",dot:!!i.dotColor,"dot-color":i.dotColor,"max-width":"100%"},i.text)),d&&this.renderOptionAction(i,a,o))};i.prototype.renderOptionAction=function(i,e,t){var s;var n=formatMessage((s=i.actionLabel)!==null&&s!==void 0?s:this.optionActionLabel,{text:i.text});return[h("span",{class:"pds-multiselect__option-action",title:n,"aria-hidden":"true",onMouseDown:this.handleOptionActionMouseDown,onClick:this.handleOptionActionClick(i)},(t||this.isHoverless)&&h("pds-icon",{name:i.actionIcon})),h("span",{id:"".concat(e,"-action-description"),hidden:true},formatMessage(this.optionActionDescription,{action:n}))]};i.prototype.renderSelectedItemsList=function(){if(this.hideSelectedItems||this.selectedItems.length===0)return null;return h("div",{class:"pds-multiselect__selected-section"},h("ul",{class:"pds-multiselect__selected-list",role:"list"},this.selectedItems.map((function(i){return h("li",{key:String(i.id),class:"pds-multiselect__selected-item"},i.text)}))))};i.prototype.renderDropdown=function(){var i=this;if(!this.isOpen)return null;var e=this.getFilteredOptions();var t=this.ensureValueArray();var s=!!this.el.querySelector('[slot="empty"]');var n=!!this.el.querySelector('[slot="loading"]');var r=!!this.el.querySelector('[slot="footer"]');return h("div",{class:"pds-multiselect__panel",ref:function(e){return i.panelEl=e},style:{minWidth:this.minWidth}},h("div",{class:"pds-multiselect__search"},h("pds-icon",{name:"search",size:"small"}),h("input",{ref:function(e){return i.searchInputEl=e},type:"text",class:"pds-multiselect__search-input",placeholder:this.searchPlaceholder,value:this.searchQuery,"aria-label":this.searchOptionsLabel,"aria-controls":"".concat(this.componentId,"-listbox"),"aria-activedescendant":this.highlightedIndex>=0?"".concat(this.componentId,"-option-").concat(this.highlightedIndex):undefined,role:"combobox","aria-haspopup":"listbox","aria-expanded":"true","aria-autocomplete":"list",autocomplete:"off",onInput:this.handleSearchInputChange,onKeyDown:this.handleSearchInputKeyDown})),this.renderSelectedItemsList(),h("ul",{class:"pds-multiselect__listbox",role:"listbox","aria-multiselectable":"true","aria-label":this.label||this.optionsLabel,id:"".concat(this.componentId,"-listbox"),ref:function(e){return i.listboxEl=e},style:{maxHeight:this.maxHeight},onScroll:this.handleScroll},this.loading&&h("li",{class:"pds-multiselect__loading",role:"presentation"},n?h("slot",{name:"loading"}):h("pds-loader",{size:"small"})),!this.loading&&e.length===0&&h("li",{class:"pds-multiselect__empty",role:"presentation"},s?h("slot",{name:"empty"}):h("span",null,this.noOptionsFoundLabel)),this.getGroupedRenderItems(e).map((function(e,s){if(e.type==="group"){return h("li",{key:"group-".concat(s),role:"group","aria-label":e.group,class:"pds-multiselect__group"},h("span",{class:"pds-multiselect__group-header","aria-hidden":"true"},e.group),h("ul",{class:"pds-multiselect__group-list",role:"presentation"},e.options.map((function(e){var s=e.option,n=e.index;return i.renderOption(s,n,t)}))))}return i.renderOption(e.option,e.index,t)})),this.hasMore&&!this.loading&&h("li",{class:"pds-multiselect__load-more",role:"presentation"},h("pds-loader",{size:"small"}))),r&&h("div",{class:"pds-multiselect__footer",onMouseDown:this.handleFooterMouseDown,onKeyDown:this.handleFooterKeyDown},h("slot",{name:"footer"})))};i.prototype.renderInlinePills=function(){var i=this;var e=this.selectedItems.length>0;if(!e){return h("span",{class:"pds-multiselect__trigger-text pds-multiselect__trigger-text--placeholder"},this.placeholder||"Select...")}var t=this.disabled?"text":"tag";var s=this.selectedItems.slice(0,Math.max(1,this.maxInlinePills));var n=this.selectedItems.length-s.length;return h("div",{class:"pds-multiselect__pill-list pds-multiselect__pill-list--inline","aria-label":this.selectedItemsLabel},s.map((function(e){return h("pds-chip",{key:String(e.id),"component-id":"".concat(i.componentId,"-pill-").concat(e.id),variant:t,size:"sm",sentiment:"neutral","dismiss-label":i.pillRemoveLabel,onPdsTagCloseClick:i.handlePillRemove(e)},e.text)})),n>0&&h("span",{class:"pds-multiselect__pill-overflow"},"+",n))};i.prototype.renderBelowPills=function(){var i=this;if(this.selectedItems.length===0)return null;var e=this.disabled?"text":"tag";return h("div",{class:"pds-multiselect__pill-list pds-multiselect__pill-list--below","aria-label":this.selectedItemsLabel},this.selectedItems.map((function(t){return h("pds-chip",{key:String(t.id),"component-id":"".concat(i.componentId,"-pill-").concat(t.id),variant:e,size:"md",sentiment:"neutral","dismiss-label":i.pillRemoveLabel,onPdsTagCloseClick:i.handlePillRemove(t)},t.text)})))};i.prototype.getTriggerText=function(){var i=this.selectedItems.length;if(i===0||this.selectedDisplay==="pill"&&this.pillPosition==="below"){return this.placeholder||"Select..."}return pluralize(this.el,i,this.resolveCountForms())};i.prototype.resolveCountForms=function(){var i={one:this.selectedCountLabelOne,other:this.selectedCountLabelOther};var e=this.selectedCountLabels;if(!e)return i;if(typeof e==="string"){try{var t=JSON.parse(e);return t&&typeof t==="object"?Object.assign(Object.assign({},i),t):i}catch(e){return i}}return Object.assign(Object.assign({},i),e)};i.prototype.render=function(){var i=this;var e=this.selectedItems.length>0;return h(Host,{key:"a7806379c53598d41af91be63ee5bd300cc87755","aria-disabled":this.disabled?"true":null},h("div",{key:"0213d40953f1735b84c038e0e0afd1bc289d45ad",class:"pds-multiselect",onFocusout:this.handleContainerFocusOut},this.label&&h("label",{key:"fa91c2337cdc9f5dea62173aeaa6b56e118a1316",id:"".concat(this.componentId,"-label"),htmlFor:this.componentId,class:{"pds-multiselect__label":true,"visually-hidden":this.hideLabel}},this.label),h("div",{key:"54209b3edfb3583ab1bcecd2b1df973955abfcc3",class:"pds-multiselect__wrapper",ref:function(e){return i.containerEl=e},style:{width:this.triggerWidth}},this.slottedTriggerEl?h("slot",{name:"trigger"}):this.selectedDisplay==="pill"&&this.pillPosition==="inline"?h("div",{ref:function(e){return i.pillInlineTriggerEl=e||undefined},part:"trigger",class:{"pds-multiselect__trigger":true,"pds-multiselect__trigger--open":this.isOpen,"pds-multiselect__trigger--disabled":this.disabled,"pds-multiselect__trigger--invalid":this.invalid||!!this.errorMessage,"pds-multiselect__trigger--has-value":e,"pds-multiselect__trigger--pill-inline":true},onClick:this.handleTriggerClick},this.renderInlinePills(),h("button",{ref:function(e){return i.triggerEl=e},type:"button",id:this.componentId,part:"pill-toggle",class:"pds-multiselect__pill-toggle",disabled:this.disabled,"aria-expanded":this.isOpen?"true":"false","aria-haspopup":"listbox","aria-labelledby":this.label?"".concat(this.componentId,"-label"):undefined,"aria-required":this.required?"true":undefined,"aria-describedby":assignDescription(this.componentId,this.invalid||!!this.errorMessage,this.helperMessage,this.errorMessage),"aria-invalid":this.invalid||!!this.errorMessage?"true":undefined,onKeyDown:this.handleTriggerKeyDown},h("pds-icon",{"aria-hidden":"true",class:"pds-multiselect__icon",icon:enlarge}))):h("button",{ref:function(e){return i.triggerEl=e},type:"button",part:"trigger",class:{"pds-multiselect__trigger":true,"pds-multiselect__trigger--open":this.isOpen,"pds-multiselect__trigger--disabled":this.disabled,"pds-multiselect__trigger--invalid":this.invalid||!!this.errorMessage,"pds-multiselect__trigger--has-value":e},id:this.componentId,disabled:this.disabled,"aria-required":this.required?"true":undefined,"aria-expanded":this.isOpen?"true":"false","aria-haspopup":"listbox","aria-describedby":assignDescription(this.componentId,this.invalid||!!this.errorMessage,this.helperMessage,this.errorMessage),"aria-invalid":this.invalid||!!this.errorMessage?"true":undefined,onClick:this.handleTriggerClick,onKeyDown:this.handleTriggerKeyDown},h("span",{class:{"pds-multiselect__trigger-text":true,"pds-multiselect__trigger-text--placeholder":!e||this.selectedDisplay==="pill"&&this.pillPosition==="below"}},this.getTriggerText()),h("pds-icon",{"aria-hidden":"true",class:"pds-multiselect__icon",icon:enlarge})),this.renderDropdown()),this.selectedDisplay==="pill"&&this.pillPosition==="below"&&this.renderBelowPills(),h("span",{key:"e3c1bb5c484d851b332e994cd2a528ae95cbfc4d",class:"visually-hidden","aria-live":"polite","aria-atomic":"true"},this.removalAnnouncement),this.helperMessage&&!(this.errorMessage&&this.errorMessage.length>0)&&h("p",{key:"2009f6487118252ef1ec14170ddd0c6853ad279f",class:"pds-multiselect__helper",id:messageId(this.componentId,"helper")},this.helperMessage),this.errorMessage&&h("p",{key:"c740f4845ff0c1ccff4633810c1d9d92fb2e8a78",class:"pds-multiselect__error",id:messageId(this.componentId,"error")},h("pds-icon",{key:"b2406ab3b0957a440593b4b986c98476258349be",icon:danger,size:"small"}),this.errorMessage),h("div",{key:"6d2db6563864c71ab92ed9a8d4133efca23b1c55",style:{display:"none"}},h("slot",{key:"2af0e0a7e2410b9850fd15ef524fb388c32dc320"}))))};Object.defineProperty(i,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(i.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(i,"watchers",{get:function(){return{debounce:[{setupDebounce:0}],value:[{valueChanged:0}],options:[{optionsChanged:0}],internalOptions:[{internalOptionsChanged:0}],isOpen:[{isOpenChanged:0}],disabled:[{disabledChanged:0}]}},enumerable:false,configurable:true});return i}();PdsMultiselect.style=pdsMultiselectCss();export{PdsMultiselect as pds_multiselect};
+import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-Cw9J31qd.js";import{a as autoUpdate,c as computePosition,o as offset,f as flip,s as shift,b as size}from"./floating-ui.dom-BPqJgIq6.js";import{c as cancelDebouncedEvent,d as debounceEvent,f as flushDebouncedEvent}from"./utils-OYK5-nwe.js";import{i as isSpecTest,a as assignDescription,m as messageId}from"./form-BuRbS7Hp.js";import{e as enlarge,b as danger}from"./index-BWDu62Mo.js";import{f as formatMessage,p as pluralize}from"./i18n-format-BJgZHCWe.js";import"./keep-hydrated-BLG6RDBt.js";var pdsMultiselectCss=function(){return":host{display:block}:host([aria-disabled=true]) .pds-multiselect__trigger{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}:host([aria-disabled=true]) .pds-multiselect__icon{color:var(--pine-color-text-disabled)}.pds-multiselect{position:relative}.pds-multiselect__label{color:var(--pine-color-text-label);display:block;font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing);-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-multiselect__wrapper{position:relative}.pds-multiselect__trigger{-ms-flex-align:center;align-items:center;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-125);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-medium);gap:var(--pine-dimension-xs);-ms-flex-pack:justify;justify-content:space-between;letter-spacing:var(--pine-letter-spacing);min-height:var(--pine-dimension-450);padding:var(--pine-dimension-xs) var(--pine-dimension-sm);position:relative;text-align:start;-webkit-transition:border-color var(--pine-motion-duration-base) ease, -webkit-box-shadow var(--pine-motion-duration-base) ease;transition:border-color var(--pine-motion-duration-base) ease, -webkit-box-shadow var(--pine-motion-duration-base) ease;transition:border-color var(--pine-motion-duration-base) ease, box-shadow var(--pine-motion-duration-base) ease;transition:border-color var(--pine-motion-duration-base) ease, box-shadow var(--pine-motion-duration-base) ease, -webkit-box-shadow var(--pine-motion-duration-base) ease;width:100%}.pds-multiselect__trigger:hover:not(.pds-multiselect__trigger--disabled){border-color:var(--pine-color-border-hover)}.pds-multiselect__trigger:focus:not(.pds-multiselect__trigger--disabled){border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-multiselect__trigger.pds-multiselect__trigger--open{border-color:var(--pine-color-border-active)}.pds-multiselect__trigger.pds-multiselect__trigger--invalid{background-color:var(--pine-color-red-050);border-color:var(--pine-color-border-danger)}.pds-multiselect__trigger.pds-multiselect__trigger--invalid:focus{outline-color:var(--pine-color-focus-ring-danger)}.pds-multiselect__trigger.pds-multiselect__trigger--disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}.pds-multiselect__trigger-text{color:var(--pine-color-text-strong);-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-multiselect__trigger-text.pds-multiselect__trigger-text--placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__trigger--disabled .pds-multiselect__trigger-text{color:var(--pine-color-text-disabled)}.pds-multiselect__icon{color:var(--pine-color-icon);-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none)}.pds-multiselect__pill-list{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--pine-dimension-2xs)}.pds-multiselect__pill-list--inline{-ms-flex:1;flex:1;min-width:0}.pds-multiselect__pill-list--below{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-multiselect__pill-overflow{color:var(--pine-color-text-muted);font:var(--pine-typography-body-sm-medium);white-space:nowrap}.pds-multiselect__trigger--pill-inline{-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--pine-dimension-2xs);min-height:var(--pine-dimension-450);padding:var(--pine-dimension-2xs) var(--pine-dimension-sm)}.pds-multiselect__trigger--pill-inline.pds-multiselect__trigger--open{border-color:var(--pine-color-border-active)}.pds-multiselect__trigger--pill-inline:focus-within:not(.pds-multiselect__trigger--disabled){border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-multiselect__trigger--pill-inline.pds-multiselect__trigger--invalid:focus-within{outline-color:var(--pine-color-focus-ring-danger)}.pds-multiselect__pill-toggle{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border-width:0;cursor:pointer;display:-ms-flexbox;display:flex;padding:0}.pds-multiselect__pill-toggle:focus{outline:3px solid transparent}.pds-multiselect__trigger--disabled .pds-multiselect__pill-toggle{cursor:not-allowed;pointer-events:none}.pds-multiselect__panel{background:var(--pine-color-background-overlay);border-radius:var(--pine-dimension-125);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:fixed;z-index:var(--pine-z-index-raised)}.pds-multiselect__search{-ms-flex-align:center;align-items:center;-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border);border-block-end-color:var(--pine-color-border-subtle);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.pds-multiselect__search pds-icon{color:var(--pine-color-text-muted);-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none)}.pds-multiselect__search-input{background:transparent;border:var(--pine-dimension-none);color:var(--pine-color-text-strong);-ms-flex:1;flex:1;font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);min-width:var(--pine-dimension-none);outline:none}.pds-multiselect__search-input::-webkit-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input::-moz-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input:-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input::-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__search-input::placeholder{color:var(--pine-color-text-placeholder)}.pds-multiselect__selected-section{-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border);border-block-end-color:var(--pine-color-border-subtle);padding:var(--pine-dimension-xs)}.pds-multiselect__selected-list{list-style:none;margin:var(--pine-dimension-none);padding:var(--pine-dimension-none)}.pds-multiselect__selected-item{color:var(--pine-color-text-strong);font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);overflow:hidden;padding:var(--pine-dimension-2xs) var(--pine-dimension-xs);text-overflow:ellipsis;white-space:nowrap}.pds-multiselect__listbox{background:transparent;border:var(--pine-dimension-none);-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none;margin:var(--pine-dimension-none);overflow-y:auto;padding:var(--pine-dimension-xs)}.pds-multiselect__group-header{color:var(--pine-color-text-muted);display:block;font:var(--pine-typography-body-sm-medium);letter-spacing:var(--pine-letter-spacing);padding:var(--pine-dimension-sm) var(--pine-dimension-xs) var(--pine-dimension-2xs);text-transform:uppercase}.pds-multiselect__listbox>li:first-child>.pds-multiselect__group-header{-webkit-padding-before:var(--pine-dimension-xs);padding-block-start:var(--pine-dimension-xs)}.pds-multiselect__group-list{list-style:none;margin:var(--pine-dimension-none);padding:var(--pine-dimension-none)}.pds-multiselect__option{-ms-flex-align:center;align-items:center;background:transparent;border-radius:var(--pine-dimension-xs);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-2xs) var(--pine-dimension-xs);-webkit-transition:background 0.15s;transition:background 0.15s}.pds-multiselect__option pds-checkbox{min-width:var(--pine-dimension-none);pointer-events:none;width:100%}.pds-multiselect__option pds-chip{pointer-events:auto}.pds-multiselect__option:hover:not(.pds-multiselect__option--disabled),.pds-multiselect__option.pds-multiselect__option--highlighted:not(.pds-multiselect__option--disabled){background:var(--pine-color-background-muted)}.pds-multiselect__option.pds-multiselect__option--disabled{cursor:not-allowed;opacity:0.5}.pds-multiselect__option:focus-visible{outline:var(--pine-dimension-none)}.pds-multiselect__option-action{-ms-flex-align:center;align-items:center;block-size:var(--pine-dimension-md);color:var(--pine-color-icon);cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;inline-size:var(--pine-dimension-md);-ms-flex-pack:center;justify-content:center;-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}.pds-multiselect__create-option{color:var(--pine-color-text-strong);width:100%}.pds-multiselect__create-option pds-icon{color:var(--pine-color-text-muted);-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none)}.pds-multiselect__empty,.pds-multiselect__loading{-ms-flex-align:center;align-items:center;color:var(--pine-color-text-muted);display:-ms-flexbox;display:flex;font:var(--pine-typography-body);-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-sm)}.pds-multiselect__load-more{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-xs)}.pds-multiselect__footer{-webkit-border-before:var(--pine-border);border-block-start:var(--pine-border);border-block-start-color:var(--pine-color-border-subtle);padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.pds-multiselect__helper{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs);-webkit-margin-start:var(--pine-dimension-none);margin-inline-start:var(--pine-dimension-none)}.pds-multiselect__error{-ms-flex-align:start;align-items:flex-start;color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;font:var(--pine-typography-body-sm-medium);gap:var(--pine-dimension-2xs);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs);-webkit-margin-start:var(--pine-dimension-none);margin-inline-start:var(--pine-dimension-none)}.pds-multiselect__error pds-icon{-ms-flex-negative:var(--pine-dimension-none);flex-shrink:var(--pine-dimension-none);-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.visually-hidden{border:var(--pine-dimension-none);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:var(--pine-dimension-none);position:absolute;white-space:nowrap;width:1px}"};var PINE_ICON_NAME=/^[a-z0-9-]+$/i;var TABBABLE_SELECTOR='a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';var PdsMultiselect=function(){function i(i){var e=this;registerInstance(this,i);this.pdsMultiselectChange=createEvent(this,"pdsMultiselectChange");this.pdsMultiselectSearch=createEvent(this,"pdsMultiselectSearch");this.pdsMultiselectLoadOptions=createEvent(this,"pdsMultiselectLoadOptions");this.pdsMultiselectCreate=createEvent(this,"pdsMultiselectCreate");this.pdsMultiselectDismiss=createEvent(this,"pdsMultiselectDismiss");this.pdsMultiselectOptionAction=createEvent(this,"pdsMultiselectOptionAction");this.hasDisabledSlottedTrigger=false;this.placeholder="Select...";this.searchPlaceholder="Find...";this.searchOptionsLabel="Search options";this.selectedItemsLabel="Selected items";this.optionsLabel="Options";this.noOptionsFoundLabel="No options found";this.createOptionLabel='Add "{text}"';this.createOptionAriaLabel="Create new tag: {text}";this.itemRemovedLabel="{item} removed";this.pillRemoveLabel="Remove";this.selectedCountLabelOne="{count} item";this.selectedCountLabelOther="{count} items";this.closePanelOnSelect=false;this.value=[];this.disabled=false;this.asyncMethod="GET";this.debounce=300;this.fetchTimeout=3e4;this.maxHeight="300px";this.triggerWidth="100%";this.minWidth="250px";this.hideLabel=false;this.hideSelectedItems=false;this.selectedDisplay="count";this.pillPosition="inline";this.maxInlinePills=3;this.optionDisplay="text";this.required=false;this.loading=false;this.csrfHeaderName="X-CSRF-Token";this.optionActions=false;this.optionActionLabel="Edit {text}";this.optionActionDescription="Press Right Arrow to {action}";this.isOpen=false;this.searchQuery="";this.highlightedIndex=-1;this.internalOptions=[];this.selectedItems=[];this.currentPage=1;this.hasMore=false;this.creating=false;this.removalAnnouncement="";this.isOpening=false;this.isClosingViaSelection=false;this.initialAsyncFetchTriggered=false;this.pendingUnresolvedFetch=false;this.handleTriggerClick=function(i){if(e.disabled)return;if(i&&!e.slottedTriggerEl&&e.selectedDisplay==="pill"&&e.pillPosition==="inline"){var t=i.composedPath().some((function(i){var e;return((e=i.tagName)===null||e===void 0?void 0:e.toLowerCase())==="pds-chip"}));if(t)return}if(e.isOpen){e.closeDropdown()}else{e.openDropdown()}};this.handleTriggerKeyDown=function(i){if(e.disabled)return;if(i.target!==e.activeTriggerEl)return;switch(i.key){case"ArrowDown":case"ArrowUp":case"Enter":case" ":i.preventDefault();if(!e.isOpen){e.openDropdown()}break}};this.handleSearchInputChange=function(i){var t=i.target;e.searchQuery=t.value;e.highlightedIndex=-1;e.pdsMultiselectSearch.emit({query:e.searchQuery});if(e.asyncUrl){e.debouncedFetchAsyncOptions(e.searchQuery,1)}};this.handleSearchInputKeyDown=function(i){var t,s,n;var r=e.getFilteredOptions();switch(i.key){case"ArrowDown":{i.preventDefault();var o=e.highlightedIndex+1;while(o<r.length&&((t=r[o])===null||t===void 0?void 0:t.disabled)){o++}if(o<r.length){e.highlightedIndex=o;e.scrollOptionIntoView()}break}case"ArrowUp":{i.preventDefault();var a=Math.max(e.highlightedIndex-1,0);while(a>0&&((s=r[a])===null||s===void 0?void 0:s.disabled)){a--}if(!((n=r[a])===null||n===void 0?void 0:n.disabled)){e.highlightedIndex=a;e.scrollOptionIntoView()}break}case"Enter":i.preventDefault();if(e.highlightedIndex>=0){var l=r[e.highlightedIndex];if(l){e.selectOption(l)}}break;case"ArrowRight":{var l=r[e.highlightedIndex];var d=!i.altKey&&!i.ctrlKey&&!i.metaKey&&!i.shiftKey&&!i.isComposing;if(d&&l&&e.hasOptionAction(l)&&e.isCaretAtEndOfSearch()){i.preventDefault();e.runOptionAction(l)}break}case"Tab":{var c=i.shiftKey?undefined:e.getFooterTabbables()[0];c===null||c===void 0?void 0:c.focus();if(c===null||c===void 0?void 0:c.matches(":focus")){i.preventDefault()}else{e.closeDropdown()}break}}};this.handleFooterKeyDown=function(i){var t;if(i.key!=="Tab")return;var s=e.getFooterTabbables();var n=i.composedPath()[0];if(i.shiftKey&&n===s[0]){i.preventDefault();(t=e.searchInputEl)===null||t===void 0?void 0:t.focus()}else if(!i.shiftKey&&n===s[s.length-1]){e.closeDropdown()}};this.handleContainerFocusOut=function(){setTimeout((function(){var i;if(!e.isOpen||e.isOpening||e.isClosingViaSelection)return;var t=document.activeElement;var s=(i=e.el.shadowRoot)===null||i===void 0?void 0:i.contains(t);var n=e.el.contains(t);if(!s&&!n){e.pdsMultiselectDismiss.emit();e.closeDropdown()}}),0)};this.handleOptionMouseDown=function(i){return function(t){t.preventDefault();e.toggleOption(i)}};this.handleOptionClick=function(i){i.preventDefault()};this.handleOptionMouseEnter=function(i,t){return function(){if(t.disabled)return;e.highlightedIndex=i}};this.handleOptionActionMouseDown=function(i){i.preventDefault();i.stopPropagation()};this.handleOptionActionClick=function(i){return function(){e.runOptionAction(i)}};this.handleFooterMouseDown=function(i){i.preventDefault()};this.handleScroll=function(i){if(!e.asyncUrl||!e.hasMore||e.loading)return;var t=i.target;var s=t.scrollHeight-t.scrollTop-t.clientHeight;if(s<50){e.pdsMultiselectLoadOptions.emit({query:e.searchQuery,page:e.currentPage+1});e.debouncedFetchAsyncOptions(e.searchQuery,e.currentPage+1)}};this.handlePillRemove=function(i){return function(){var t,s;if(e.disabled)return;var n=String(i.id);e.value=e.value.filter((function(i){return i!==n}));e.syncSelectedItems();e.emitChange({removed:[n]});e.removalAnnouncement="";queueMicrotask((function(){e.removalAnnouncement=formatMessage(e.itemRemovedLabel,{item:i.text})}));e.isClosingViaSelection=true;if(e.isOpen){(t=e.searchInputEl)===null||t===void 0?void 0:t.focus()}else{(s=e.activeTriggerEl)===null||s===void 0?void 0:s.focus()}setTimeout((function(){e.isClosingViaSelection=false}),0)}}}i.prototype.connectedCallback=function(){if(this.el.attachInternals&&!this.internals){this.internals=this.el.attachInternals()}};i.prototype.formDisabledCallback=function(i){if(i&&!this.el.closest("fieldset[disabled]"))return;this.disabled=i};i.prototype.componentWillLoad=function(){this.originalSearchEmitter=this.pdsMultiselectSearch;this.syncSelectedItems();this.syncSlottedTrigger()};i.prototype.componentDidLoad=function(){var i=this;this.setupDebounce();this.setupMutationObserver();this.setupSlotChangeListener();this.updateFormValue();requestAnimationFrame((function(){i.updateOptionsFromSlot();i.syncSelectedItems()}));if(this.asyncUrl&&this.ensureValueArray().length>0){this.initialAsyncFetchTriggered=true;this.fetchOptions("",1)}};i.prototype.setupSlotChangeListener=function(){var i=this;var e;var t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector("slot:not([name])");if(t){t.addEventListener("slotchange",(function(){i.updateOptionsFromSlot();i.syncSelectedItems()}));this.updateOptionsFromSlot()}};i.prototype.disconnectedCallback=function(){var i,e;cancelDebouncedEvent(this.pdsMultiselectSearch);(i=this.observer)===null||i===void 0?void 0:i.disconnect();(e=this.cleanupAutoUpdate)===null||e===void 0?void 0:e.call(this);this.clearAsyncFetchState()};i.prototype.setupDebounce=function(){var i=this,e=i.pdsMultiselectSearch,t=i.debounce,s=i.originalSearchEmitter;this.pdsMultiselectSearch=t===undefined?s!==null&&s!==void 0?s:e:debounceEvent(e,t);flushDebouncedEvent(e)};i.prototype.valueChanged=function(i){if(typeof i==="string"){try{var e=JSON.parse(i);if(Array.isArray(e)){this.value=e;return}}catch(e){this.value=i?[i]:[];return}}this.syncSelectedItems();this.updateFormValue();if(this.asyncUrl){var t=this.ensureValueArray();var s=t.length>0&&this.selectedItems.length<t.length;if(s){if(this.loading){this.pendingUnresolvedFetch=true}else{this.fetchOptions("",1)}}}};i.prototype.optionsChanged=function(){if(this.options){this.internalOptions=__spreadArray([],this.options,true)}};i.prototype.internalOptionsChanged=function(){this.syncSelectedItems()};i.prototype.isOpenChanged=function(){var i;(i=this.slottedTriggerEl)===null||i===void 0?void 0:i.setAttribute("aria-expanded",String(this.isOpen))};i.prototype.disabledChanged=function(i){var e,t;this.syncSlottedTrigger();if(!i||!this.isOpen)return;var s=document.activeElement;var n=!!(((e=this.el.shadowRoot)===null||e===void 0?void 0:e.contains(s))||this.el.contains(s));this.closeDropdown();if(n)(t=this.activeTriggerEl)===null||t===void 0?void 0:t.focus()};i.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(e){(i=this.activeTriggerEl)===null||i===void 0?void 0:i.focus();return[2]}))}))};i.prototype.clear=function(){return __awaiter(this,void 0,void 0,(function(){var i,e;return __generator(this,(function(t){i=this.value.length>0||this.searchQuery!=="";e=this.ensureValueArray();this.value=[];this.searchQuery="";this.syncSelectedItems();this.updateFormValue();if(i){this.emitChange({removed:e})}return[2]}))}))};i.prototype.refreshOptions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:return[4,this.fetchOptions(this.searchQuery,1)];case 1:i.sent();return[2]}}))}))};i.prototype.handleWindowKeyDown=function(i){var e;if(!this.isOpen||i.defaultPrevented)return;if(i.key==="Escape"){i.preventDefault();this.pdsMultiselectDismiss.emit();this.closeDropdown();(e=this.activeTriggerEl)===null||e===void 0?void 0:e.focus()}};Object.defineProperty(i.prototype,"activeTriggerEl",{get:function(){var i;return(i=this.slottedTriggerEl)!==null&&i!==void 0?i:this.triggerEl},enumerable:false,configurable:true});i.prototype.syncSlottedTrigger=function(){var i=Array.from(this.el.children).find((function(i){return i.getAttribute("slot")==="trigger"}));if(i!==this.slottedTriggerEl){var e=this.slottedTriggerEl;if(e){e.removeEventListener("click",this.handleTriggerClick);e.removeEventListener("keydown",this.handleTriggerKeyDown);e.removeAttribute("aria-expanded");e.removeAttribute("aria-haspopup");e.removeAttribute("aria-disabled");this.setSlottedTriggerDisabled(e,false)}i===null||i===void 0?void 0:i.addEventListener("click",this.handleTriggerClick);i===null||i===void 0?void 0:i.addEventListener("keydown",this.handleTriggerKeyDown);this.slottedTriggerEl=i}if(!i)return;i.setAttribute("aria-haspopup","listbox");i.setAttribute("aria-expanded",String(this.isOpen));if(this.disabled){i.setAttribute("aria-disabled","true")}else{i.removeAttribute("aria-disabled")}this.setSlottedTriggerDisabled(i,this.disabled)};i.prototype.setSlottedTriggerDisabled=function(i,e){var t=this;if(!("disabled"in i)){if(e&&i.localName.includes("-")&&customElements.get(i.localName)===undefined){customElements.whenDefined(i.localName).then((function(){return t.syncSlottedTrigger()}))}return}var s=i;if(e&&!s.disabled){s.disabled=true;this.hasDisabledSlottedTrigger=true}else if(!e&&this.hasDisabledSlottedTrigger){s.disabled=false;this.hasDisabledSlottedTrigger=false}};i.prototype.setupMutationObserver=function(){var i=this;this.observer=new MutationObserver((function(e){if(e.some((function(e){return e.target===i.el}))){i.syncSlottedTrigger()}var t=i.slottedTriggerEl;if(!t||e.some((function(i){return!t.contains(i.target)}))){i.updateOptionsFromSlot()}}));this.observer.observe(this.el,{childList:true,subtree:true})};i.prototype.updateOptionsFromSlot=function(){var i=this;var e;var t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector("slot:not([name])");if(!t)return;var s=[];t.assignedElements({flatten:true}).forEach((function(e){if(e.tagName==="OPTGROUP"){var t=e;var n=t.label;var r=t.disabled;t.querySelectorAll("option").forEach((function(e){var t=i.parseSlottedOption(e,r);if(n){t.group=n}s.push(t)}))}else if(e.tagName==="OPTION"){s.push(i.parseSlottedOption(e,false))}}));if(s.length>0&&!this.asyncUrl&&!this.options){this.internalOptions=s}};i.prototype.parseSlottedOption=function(i,e){var t;var s={id:i.value,text:((t=i.textContent)===null||t===void 0?void 0:t.trim())||i.value,disabled:i.disabled||e||undefined};var n=i.getAttribute("data-dot-color");if(n){s.dotColor=n}var r=i.getAttribute("data-action-icon");if(r){s.actionIcon=r}var o=i.getAttribute("data-action-label");if(o){s.actionLabel=o}return s};i.prototype.clearAsyncFetchState=function(){var i;if(this.fetchDebounceTimer!==undefined){window.clearTimeout(this.fetchDebounceTimer);this.fetchDebounceTimer=undefined}if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}(i=this.abortController)===null||i===void 0?void 0:i.abort();this.abortController=undefined};i.prototype.debouncedFetchAsyncOptions=function(i,e){var t=this;if(e===void 0){e=1}var s;if(!this.asyncUrl)return;if(this.fetchDebounceTimer!==undefined){window.clearTimeout(this.fetchDebounceTimer)}var n=Math.max(0,(s=this.debounce)!==null&&s!==void 0?s:0);this.fetchDebounceTimer=window.setTimeout((function(){t.fetchDebounceTimer=undefined;t.fetchOptions(i,e)}),n)};i.prototype.syncSelectedItems=function(){var i=this.ensureValueArray();var e=this.getAllOptions();var t=[];var s=new Map(this.selectedItems.map((function(i){return[String(i.id),i]})));i.forEach((function(i){var n=e.find((function(e){return String(e.id)===String(i)}));if(n){t.push(n)}else if(s.has(String(i))){t.push(s.get(String(i)))}}));this.selectedItems=t};i.prototype.ensureValueArray=function(){if(typeof this.value==="string"){try{var i=JSON.parse(this.value);if(Array.isArray(i)){this.value=i;return i}}catch(i){var e=this.value;this.value=e?[e]:[];return this.value}}return Array.isArray(this.value)?this.value:[]};i.prototype.getAllOptions=function(){return this.options||this.internalOptions};i.prototype.getFilteredOptions=function(){var i=this.getAllOptions();var e=this.searchQuery.toLowerCase();var t=i.filter((function(i){if(e){return i.text.toLowerCase().includes(e)}return true}));if(this.createUrl&&this.searchQuery.trim()&&t.length===0){return[{id:"__create__",text:this.searchQuery.trim(),isCreateOption:true}]}return t};i.prototype.updateFormValue=function(){var i=this;var e;if(isSpecTest())return;if((e=this.internals)===null||e===void 0?void 0:e.setFormValue){var t=this.ensureValueArray();var s=new FormData;t.forEach((function(e){if(i.name){s.append(i.name,e)}}));this.internals.setFormValue(s);if(this.required&&t.length===0){this.internals.setValidity({valueMissing:true},"Please select at least one option.",this.activeTriggerEl)}else{this.internals.setValidity({})}}};i.prototype.getCsrfToken=function(){if(this.csrfToken){return this.csrfToken}var i=document.querySelector('meta[name="csrf-token"]');return(i===null||i===void 0?void 0:i.content)||null};i.prototype.fetchOptions=function(i){return __awaiter(this,arguments,void 0,(function(i,e){var t,s,n,r,o,a,l,d,c,u,h;var p=this;if(e===void 0){e=1}return __generator(this,(function(f){switch(f.label){case 0:if(!this.asyncUrl)return[2];(t=this.abortController)===null||t===void 0?void 0:t.abort();if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}this.abortController=new AbortController;this.loading=true;this.fetchTimeoutTimer=window.setTimeout((function(){var i;(i=p.abortController)===null||i===void 0?void 0:i.abort();p.fetchTimeoutTimer=undefined}),this.fetchTimeout);f.label=1;case 1:f.trys.push([1,4,5,6]);s=void 0;try{s=new URL(this.asyncUrl,window.location.origin)}catch(i){throw new TypeError("Invalid asyncUrl: ".concat(this.asyncUrl))}if(this.asyncMethod==="GET"){s.searchParams.set("search",i);s.searchParams.set("page",String(e))}n=this.getCsrfToken();r={"Content-Type":"application/json",Accept:"application/json"};if(n){o=this.csrfHeaderName||"X-CSRF-Token";r[o]=n}return[4,fetch(s.toString(),Object.assign({method:this.asyncMethod,signal:this.abortController.signal,headers:r},this.asyncMethod==="POST"&&{body:JSON.stringify({search:i,page:e})}))];case 2:a=f.sent();if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}if(!a.ok)throw new Error("Failed to fetch options");return[4,a.json()];case 3:l=f.sent();d=l.results.map((function(i){if(p.formatResult){return p.formatResult(i)}if(typeof i==="object"&&i!==null){return Object.assign({id:i.id,text:i.text},i)}return{id:String(i),text:String(i)}}));if(e===1){this.internalOptions=d}else{this.internalOptions=__spreadArray(__spreadArray([],this.internalOptions,true),d,true)}this.hasMore=l.totalCount?this.internalOptions.length<l.totalCount:false;this.currentPage=e;return[3,6];case 4:c=f.sent();if(this.fetchTimeoutTimer!==undefined){window.clearTimeout(this.fetchTimeoutTimer);this.fetchTimeoutTimer=undefined}if(c.name!=="AbortError"){console.error("PdsMultiselect: Failed to fetch options",c)}return[3,6];case 5:this.loading=false;if(this.pendingUnresolvedFetch){this.pendingUnresolvedFetch=false;u=this.ensureValueArray();h=u.length>0&&this.selectedItems.length<u.length;if(h){this.fetchOptions("",1)}}return[7];case 6:return[2]}}))}))};i.prototype.createOption=function(i){return __awaiter(this,void 0,void 0,(function(){var e,t,s,n,r,o,a,l;var d=this;return __generator(this,(function(c){switch(c.label){case 0:if(!this.createUrl||!i.trim())return[2];if(this.creating)return[2];this.creating=true;c.label=1;case 1:c.trys.push([1,4,5,6]);e=new URL(this.createUrl,window.location.origin);t=this.getCsrfToken();s={"Content-Type":"application/json",Accept:"application/json"};if(t){n=this.csrfHeaderName||"X-CSRF-Token";s[n]=t}return[4,fetch(e.toString(),{method:"POST",headers:s,body:JSON.stringify({text:i.trim()})})];case 2:r=c.sent();if(!r.ok)throw new Error("Failed to create option");return[4,r.json()];case 3:o=c.sent();a=Object.assign({id:o.id,text:o.text},o);this.internalOptions=__spreadArray(__spreadArray([],this.internalOptions,true),[a],false);this.value=__spreadArray(__spreadArray([],this.value,true),[String(a.id)],false);this.syncSelectedItems();this.pdsMultiselectCreate.emit({query:i.trim(),newOption:a});this.emitChange({added:[String(a.id)]});this.searchQuery="";this.highlightedIndex=-1;requestAnimationFrame((function(){var i;(i=d.searchInputEl)===null||i===void 0?void 0:i.focus()}));return[3,6];case 4:l=c.sent();console.error("PdsMultiselect: Failed to create option",l);return[3,6];case 5:this.creating=false;return[7];case 6:return[2]}}))}))};i.prototype.getFooterTabbables=function(){var i=[];Array.from(this.el.children).filter((function(i){return i.getAttribute("slot")==="footer"})).forEach((function(e){return i.push.apply(i,__spreadArray([e],Array.from(e.querySelectorAll("*")),false))}));return i.map((function(i){var e;return i.matches(TABBABLE_SELECTOR)?i:(e=i.shadowRoot)===null||e===void 0?void 0:e.querySelector(TABBABLE_SELECTOR)})).filter((function(i){var e,t;return!!i&&((t=(e=i.checkVisibility)===null||e===void 0?void 0:e.call(i))!==null&&t!==void 0?t:true)}))};i.prototype.isCaretAtEndOfSearch=function(){var i,e;var t=this.searchInputEl;if(!t)return true;var s=t.value.length;return((i=t.selectionStart)!==null&&i!==void 0?i:s)===s&&((e=t.selectionEnd)!==null&&e!==void 0?e:s)===s};i.prototype.hasOptionAction=function(i){return this.optionActions&&typeof i.actionIcon==="string"&&PINE_ICON_NAME.test(i.actionIcon)&&!i.isCreateOption&&!i.disabled};Object.defineProperty(i.prototype,"isHoverless",{get:function(){var i,e,t;(i=this.hoverlessQuery)!==null&&i!==void 0?i:this.hoverlessQuery=(e=window.matchMedia)===null||e===void 0?void 0:e.call(window,"(hover: none)");return!!((t=this.hoverlessQuery)===null||t===void 0?void 0:t.matches)},enumerable:false,configurable:true});i.prototype.runOptionAction=function(i){var e;this.isClosingViaSelection=true;this.closeDropdown();(e=this.activeTriggerEl)===null||e===void 0?void 0:e.focus();this.pdsMultiselectOptionAction.emit({option:i})};i.prototype.openDropdown=function(){var i=this;if(this.disabled)return;this.isOpening=true;this.isOpen=true;this.highlightedIndex=-1;if(this.asyncUrl&&this.internalOptions.length===0&&!this.initialAsyncFetchTriggered){this.debouncedFetchAsyncOptions(this.searchQuery,1)}this.initialAsyncFetchTriggered=false;requestAnimationFrame((function(){var e;i.positionDropdown();(e=i.searchInputEl)===null||e===void 0?void 0:e.focus();setTimeout((function(){i.isOpening=false}),50)}))};i.prototype.closeDropdown=function(){var i=this;this.isOpen=false;this.highlightedIndex=-1;this.searchQuery="";if(this.isClosingViaSelection){setTimeout((function(){i.isClosingViaSelection=false}),0)}if(this.cleanupAutoUpdate){this.cleanupAutoUpdate();this.cleanupAutoUpdate=undefined}};i.prototype.positionDropdown=function(){var i=this;if(!this.containerEl||!this.panelEl)return;var e=this.slottedTriggerEl||this.pillInlineTriggerEl||this.triggerEl||this.containerEl;var t=this,s=t.minWidth,n=t.panelWidth;var r=function(){computePosition(e,i.panelEl,{placement:"bottom-start",strategy:"fixed",middleware:[offset(12),flip(),shift({padding:8}),size({apply:function(i){var e=i.rects,t=i.elements;Object.assign(t.floating.style,{width:n!==null&&n!==void 0?n:"".concat(e.reference.width,"px"),minWidth:s})}})]}).then((function(e){var t=e.x,s=e.y;if(i.panelEl){i.panelEl.style.left="".concat(t,"px");i.panelEl.style.top="".concat(s,"px")}}))};r();var o=autoUpdate(e,this.panelEl,r);this.cleanupAutoUpdate=function(){o();i.clearAsyncFetchState()}};i.prototype.scrollOptionIntoView=function(){var i=this;requestAnimationFrame((function(){var e;var t=(e=i.listboxEl)===null||e===void 0?void 0:e.querySelector('[data-index="'.concat(i.highlightedIndex,'"]'));t===null||t===void 0?void 0:t.scrollIntoView({block:"nearest",behavior:"smooth"})}))};i.prototype.emitChange=function(i){var e=i.added,t=e===void 0?[]:e,s=i.removed,n=s===void 0?[]:s;this.pdsMultiselectChange.emit({values:this.value,items:this.selectedItems,added:t,removed:n})};i.prototype.toggleOption=function(i){var e,t;if(i.disabled)return;if(i.isCreateOption){if(!this.creating){this.createOption(this.searchQuery)}return}var s=String(i.id);var n=this.value.includes(s);if(n){this.value=this.value.filter((function(i){return i!==s}))}else{if(this.maxSelections&&this.value.length>=this.maxSelections){return}this.value=__spreadArray(__spreadArray([],this.value,true),[s],false)}this.syncSelectedItems();this.emitChange(n?{removed:[s]}:{added:[s]});if(this.closePanelOnSelect){this.isClosingViaSelection=true;this.closeDropdown();(e=this.activeTriggerEl)===null||e===void 0?void 0:e.focus()}else{(t=this.searchInputEl)===null||t===void 0?void 0:t.focus()}};i.prototype.selectOption=function(i){this.toggleOption(i)};i.prototype.getGroupedRenderItems=function(i){var e=[];var t=null;i.forEach((function(i,s){var n=i.group;if(n!==undefined){if(!t||t.group!==n){t={type:"group",group:n,options:[]};e.push(t)}t.options.push({option:i,index:s})}else{t=null;e.push({type:"option",option:i,index:s})}}));return e};i.prototype.renderOption=function(i,e,t){var s=t.includes(String(i.id));var n=i.isCreateOption;var r=i.disabled;var o=e===this.highlightedIndex&&!n;var a="".concat(this.componentId,"-option-").concat(e);var l=n&&this.creating;var d=this.hasOptionAction(i);return h("li",{key:String(i.id),id:a,class:{"pds-multiselect__option":true,"pds-multiselect__option--highlighted":o,"pds-multiselect__option--selected":s,"pds-multiselect__option--create":n,"pds-multiselect__option--disabled":r||l},role:"option","aria-selected":s?"true":"false","aria-disabled":r||l?"true":undefined,"aria-label":n?formatMessage(this.createOptionAriaLabel,{text:i.text}):undefined,"aria-describedby":d?"".concat(a,"-action-description"):undefined,"data-index":e,onMouseDown:this.handleOptionMouseDown(i),onClick:this.handleOptionClick,onMouseEnter:this.handleOptionMouseEnter(e,i)},n?h("pds-box",{class:"pds-multiselect__create-option","align-items":"center",gap:"xs"},h("pds-icon",{name:"add",size:"small","aria-hidden":"true"}),h("pds-text",null,formatMessage(this.createOptionLabel,{text:i.text}))):h("pds-checkbox",{componentId:"".concat(this.componentId,"-checkbox-").concat(e),checked:s,label:i.text,disabled:r,style:{pointerEvents:"none"}},this.optionDisplay==="chip"&&h("pds-chip",{slot:"label",sentiment:"subtle",dot:!!i.dotColor,"dot-color":i.dotColor,"max-width":"100%"},i.text)),d&&this.renderOptionAction(i,a,o))};i.prototype.renderOptionAction=function(i,e,t){var s;var n=formatMessage((s=i.actionLabel)!==null&&s!==void 0?s:this.optionActionLabel,{text:i.text});return[h("span",{class:"pds-multiselect__option-action",title:n,"aria-hidden":"true",onMouseDown:this.handleOptionActionMouseDown,onClick:this.handleOptionActionClick(i)},(t||this.isHoverless)&&h("pds-icon",{name:i.actionIcon})),h("span",{id:"".concat(e,"-action-description"),hidden:true},formatMessage(this.optionActionDescription,{action:n}))]};i.prototype.renderSelectedItemsList=function(){if(this.hideSelectedItems||this.selectedItems.length===0)return null;return h("div",{class:"pds-multiselect__selected-section"},h("ul",{class:"pds-multiselect__selected-list",role:"list"},this.selectedItems.map((function(i){return h("li",{key:String(i.id),class:"pds-multiselect__selected-item"},i.text)}))))};i.prototype.renderDropdown=function(){var i=this;if(!this.isOpen)return null;var e=this.getFilteredOptions();var t=this.ensureValueArray();var s=!!this.el.querySelector('[slot="empty"]');var n=!!this.el.querySelector('[slot="loading"]');var r=!!this.el.querySelector('[slot="footer"]');return h("div",{class:"pds-multiselect__panel",ref:function(e){return i.panelEl=e},style:{minWidth:this.minWidth}},h("div",{class:"pds-multiselect__search"},h("pds-icon",{name:"search",size:"small","aria-hidden":"true"}),h("input",{ref:function(e){return i.searchInputEl=e},type:"text",class:"pds-multiselect__search-input",placeholder:this.searchPlaceholder,value:this.searchQuery,"aria-label":this.searchOptionsLabel,"aria-controls":"".concat(this.componentId,"-listbox"),"aria-activedescendant":this.highlightedIndex>=0?"".concat(this.componentId,"-option-").concat(this.highlightedIndex):undefined,role:"combobox","aria-haspopup":"listbox","aria-expanded":"true","aria-autocomplete":"list",autocomplete:"off",onInput:this.handleSearchInputChange,onKeyDown:this.handleSearchInputKeyDown})),this.renderSelectedItemsList(),h("ul",{class:"pds-multiselect__listbox",role:"listbox","aria-multiselectable":"true","aria-label":this.label||this.optionsLabel,id:"".concat(this.componentId,"-listbox"),ref:function(e){return i.listboxEl=e},style:{maxHeight:this.maxHeight},onScroll:this.handleScroll},this.loading&&h("li",{class:"pds-multiselect__loading",role:"presentation"},n?h("slot",{name:"loading"}):h("pds-loader",{size:"small"})),!this.loading&&e.length===0&&h("li",{class:"pds-multiselect__empty",role:"presentation"},s?h("slot",{name:"empty"}):h("span",null,this.noOptionsFoundLabel)),this.getGroupedRenderItems(e).map((function(e,s){if(e.type==="group"){return h("li",{key:"group-".concat(s),role:"group","aria-label":e.group,class:"pds-multiselect__group"},h("span",{class:"pds-multiselect__group-header","aria-hidden":"true"},e.group),h("ul",{class:"pds-multiselect__group-list",role:"presentation"},e.options.map((function(e){var s=e.option,n=e.index;return i.renderOption(s,n,t)}))))}return i.renderOption(e.option,e.index,t)})),this.hasMore&&!this.loading&&h("li",{class:"pds-multiselect__load-more",role:"presentation"},h("pds-loader",{size:"small"}))),r&&h("div",{class:"pds-multiselect__footer",onMouseDown:this.handleFooterMouseDown,onKeyDown:this.handleFooterKeyDown},h("slot",{name:"footer"})))};i.prototype.renderInlinePills=function(){var i=this;var e=this.selectedItems.length>0;if(!e){return h("span",{class:"pds-multiselect__trigger-text pds-multiselect__trigger-text--placeholder"},this.placeholder||"Select...")}var t=this.disabled?"text":"tag";var s=this.selectedItems.slice(0,Math.max(1,this.maxInlinePills));var n=this.selectedItems.length-s.length;return h("div",{class:"pds-multiselect__pill-list pds-multiselect__pill-list--inline","aria-label":this.selectedItemsLabel},s.map((function(e){return h("pds-chip",{key:String(e.id),"component-id":"".concat(i.componentId,"-pill-").concat(e.id),variant:t,size:"sm",sentiment:"neutral","dismiss-label":i.pillRemoveLabel,onPdsTagCloseClick:i.handlePillRemove(e)},e.text)})),n>0&&h("span",{class:"pds-multiselect__pill-overflow"},"+",n))};i.prototype.renderBelowPills=function(){var i=this;if(this.selectedItems.length===0)return null;var e=this.disabled?"text":"tag";return h("div",{class:"pds-multiselect__pill-list pds-multiselect__pill-list--below","aria-label":this.selectedItemsLabel},this.selectedItems.map((function(t){return h("pds-chip",{key:String(t.id),"component-id":"".concat(i.componentId,"-pill-").concat(t.id),variant:e,size:"md",sentiment:"neutral","dismiss-label":i.pillRemoveLabel,onPdsTagCloseClick:i.handlePillRemove(t)},t.text)})))};i.prototype.getTriggerText=function(){var i=this.selectedItems.length;if(i===0||this.selectedDisplay==="pill"&&this.pillPosition==="below"){return this.placeholder||"Select..."}return pluralize(this.el,i,this.resolveCountForms())};i.prototype.resolveCountForms=function(){var i={one:this.selectedCountLabelOne,other:this.selectedCountLabelOther};var e=this.selectedCountLabels;if(!e)return i;if(typeof e==="string"){try{var t=JSON.parse(e);return t&&typeof t==="object"?Object.assign(Object.assign({},i),t):i}catch(e){return i}}return Object.assign(Object.assign({},i),e)};i.prototype.render=function(){var i=this;var e=this.selectedItems.length>0;return h(Host,{key:"d0879469e6ff943374c2f035c0a8d6d57c25dc5f","aria-disabled":this.disabled?"true":null},h("div",{key:"80caa694099218561b85c93d547ec9208def0ec7",class:"pds-multiselect",onFocusout:this.handleContainerFocusOut},this.label&&h("label",{key:"b4eaa2c9e2901c28ecb0b8f55e63e33ad899e945",id:"".concat(this.componentId,"-label"),htmlFor:this.componentId,class:{"pds-multiselect__label":true,"visually-hidden":this.hideLabel}},this.label),h("div",{key:"404ed58aa6bfb2248ffad5e56ebabfe65149b9a4",class:"pds-multiselect__wrapper",ref:function(e){return i.containerEl=e},style:{width:this.triggerWidth}},this.slottedTriggerEl?h("slot",{name:"trigger"}):this.selectedDisplay==="pill"&&this.pillPosition==="inline"?h("div",{ref:function(e){return i.pillInlineTriggerEl=e||undefined},part:"trigger",class:{"pds-multiselect__trigger":true,"pds-multiselect__trigger--open":this.isOpen,"pds-multiselect__trigger--disabled":this.disabled,"pds-multiselect__trigger--invalid":this.invalid||!!this.errorMessage,"pds-multiselect__trigger--has-value":e,"pds-multiselect__trigger--pill-inline":true},onClick:this.handleTriggerClick},this.renderInlinePills(),h("button",{ref:function(e){return i.triggerEl=e},type:"button",id:this.componentId,part:"pill-toggle",class:"pds-multiselect__pill-toggle",disabled:this.disabled,"aria-expanded":this.isOpen?"true":"false","aria-haspopup":"listbox","aria-labelledby":this.label?"".concat(this.componentId,"-label"):undefined,"aria-required":this.required?"true":undefined,"aria-describedby":assignDescription(this.componentId,this.invalid||!!this.errorMessage,this.helperMessage,this.errorMessage),"aria-invalid":this.invalid||!!this.errorMessage?"true":undefined,onKeyDown:this.handleTriggerKeyDown},h("pds-icon",{"aria-hidden":"true",class:"pds-multiselect__icon",icon:enlarge}))):h("button",{ref:function(e){return i.triggerEl=e},type:"button",part:"trigger",class:{"pds-multiselect__trigger":true,"pds-multiselect__trigger--open":this.isOpen,"pds-multiselect__trigger--disabled":this.disabled,"pds-multiselect__trigger--invalid":this.invalid||!!this.errorMessage,"pds-multiselect__trigger--has-value":e},id:this.componentId,disabled:this.disabled,"aria-required":this.required?"true":undefined,"aria-expanded":this.isOpen?"true":"false","aria-haspopup":"listbox","aria-describedby":assignDescription(this.componentId,this.invalid||!!this.errorMessage,this.helperMessage,this.errorMessage),"aria-invalid":this.invalid||!!this.errorMessage?"true":undefined,onClick:this.handleTriggerClick,onKeyDown:this.handleTriggerKeyDown},h("span",{class:{"pds-multiselect__trigger-text":true,"pds-multiselect__trigger-text--placeholder":!e||this.selectedDisplay==="pill"&&this.pillPosition==="below"}},this.getTriggerText()),h("pds-icon",{"aria-hidden":"true",class:"pds-multiselect__icon",icon:enlarge})),this.renderDropdown()),this.selectedDisplay==="pill"&&this.pillPosition==="below"&&this.renderBelowPills(),h("span",{key:"73f17916a37722fefebd6b5a184a7b3dca6f4a9d",class:"visually-hidden","aria-live":"polite","aria-atomic":"true"},this.removalAnnouncement),this.helperMessage&&!(this.errorMessage&&this.errorMessage.length>0)&&h("p",{key:"1a987562b21da6f8d2f8c9f94e93e8c99a7abd74",class:"pds-multiselect__helper",id:messageId(this.componentId,"helper")},this.helperMessage),this.errorMessage&&h("p",{key:"ce1f7f48d6f8dee320d87cb7088f084e68cb3ab5",class:"pds-multiselect__error",id:messageId(this.componentId,"error")},h("pds-icon",{key:"8347dfdec6ef1b81d4cf9f72cba3d9ec965dcf08","aria-hidden":"true",icon:danger,size:"small"}),this.errorMessage),h("div",{key:"74cd840e102ad635d2f4bc23cf3bcfaa61d5cea1",style:{display:"none"}},h("slot",{key:"c2fd9e71363a9661062c8d88be0dd78fc98b964d"}))))};Object.defineProperty(i,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(i.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(i,"watchers",{get:function(){return{debounce:[{setupDebounce:0}],value:[{valueChanged:0}],options:[{optionsChanged:0}],internalOptions:[{internalOptionsChanged:0}],isOpen:[{isOpenChanged:0}],disabled:[{disabledChanged:0}]}},enumerable:false,configurable:true});return i}();PdsMultiselect.style=pdsMultiselectCss();export{PdsMultiselect as pds_multiselect};

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

@@ -1 +1 @@
-import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-Cw9J31qd.js";import{c as containsComposed,a as closest}from"./closest-DHPzKMVS.js";import{r as restoreReflectedDefault}from"./reflected-attribute-default-t3idJwV0.js";import{s as setAttributesIfChanged}from"./attributes-WXw_I_uJ.js";import{l as limitRestores}from"./keep-hydrated-BLG6RDBt.js";var cssEscape=function(t){var i=String(t);var s=i.length;var e=i.charCodeAt(0);var n="";for(var o=0;o<s;o++){var r=i.charCodeAt(o);if(r===0){n+="�";continue}if(r>=1&&r<=31||r===127||o===0&&r>=48&&r<=57||o===1&&r>=48&&r<=57&&e===45){n+="\\".concat(r.toString(16)," ");continue}if(o===0&&s===1&&r===45){n+="\\".concat(i.charAt(o));continue}if(r>=128||r===45||r===95||r>=48&&r<=57||r>=65&&r<=90||r>=97&&r<=122){n+=i.charAt(o);continue}n+="\\".concat(i.charAt(o))}return n};var pdsPopoverCss=function(){return":host{--sizing-max-width-default:352px;display:inline-block}:host .pds-popover__trigger-wrapper{display:inline-block}:host .pds-popover__content-slot-wrapper{display:none}"};var openAutoPopovers=[];function deepActiveElement(){var t;var i=document.activeElement;while((t=i===null||i===void 0?void 0:i.shadowRoot)===null||t===void 0?void 0:t.activeElement)i=i.shadowRoot.activeElement;return i}var PdsPopover=function(){function t(t){var i=this;registerInstance(this,t);this.pdsPopoverOpen=createEvent(this,"pdsPopoverOpen");this.pdsPopoverClose=createEvent(this,"pdsPopoverClose");this.active=false;this.isComponentMounted=true;this.hasLoaded=false;this.generatedPortalId=null;this.triggerEl=null;this.triggerObserver=null;this.portalEl=null;this.isRepositioning=false;this.scrollDebounceTimer=null;this.resizeDebounceTimer=null;this.movedNodes=[];this.openTimestamp=0;this.popoverTargetAction="show";this.popoverType="auto";this.maxWidth=352;this.placement="right";this.handleTriggerSlotChange=function(t){var s=t.target;var e=s.assignedElements();if(i.triggerEl!=null){i.triggerEl.removeEventListener("click",i.handleTriggerClick)}if(e.length>0){i.triggerEl=e[0];i.linkTriggerToPortal();i.triggerEl.addEventListener("click",i.handleTriggerClick)}else{i.triggerEl=null}i.observeTrigger()};this.handleContentSlotChange=function(){if(!i.active)return;i.updatePortalContent()};this.handleTriggerClick=function(t){var s=t.composedPath();var e=s.find((function(t){return t instanceof HTMLAnchorElement&&t.href}));if(!e){t.preventDefault()}switch(i.popoverTargetAction){case"show":i.show();break;case"hide":i.hide();break;case"toggle":default:i.toggle();break}};this.shadowFocusStyle=null;this.watchedDialog=null;this.onDialogClose=function(){i.hide()};this.handleSubmitFromPanel=function(t){if(!i.portalEl||!containsComposed(t.target,i.portalEl))return;if(containsComposed(i.portalEl,t.submitter)||containsComposed(i.portalEl,deepActiveElement())){t.preventDefault();t.stopPropagation()}}}t.prototype.restorePlacementDefault=function(t){this.placement=restoreReflectedDefault(this.el,"placement",t,"right")};t.prototype.componentDidLoad=function(){var t;this.boundClickOutsideHandler=this.handleClickOutside.bind(this);this.boundEscapeKeyHandler=this.handleEscapeKey.bind(this);this.boundScrollHandler=this.handleScroll.bind(this);this.boundResizeHandler=this.handleResize.bind(this);this.createPortal();this.hasLoaded=true;var i=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector('slot[name="trigger"]');if(i&&this.triggerEl==null){var s=typeof window!=="undefined"?window.Event:global.Event;var e=new s("slotchange");Object.defineProperty(e,"target",{value:i,enumerable:true});this.handleTriggerSlotChange(e)}else{this.linkTriggerToPortal()}};t.prototype.observeTrigger=function(){var t=this;var i;(i=this.triggerObserver)===null||i===void 0?void 0:i.disconnect();this.triggerObserver=null;if(this.triggerEl==null||typeof MutationObserver==="undefined")return;this.triggerObserver=new MutationObserver(limitRestores((function(){return t.linkTriggerToPortal()}),"pds-popover: stopped restoring its trigger ARIA, as another script keeps changing it. It may be wrong until the popover opens or closes.",this.triggerEl));this.triggerObserver.observe(this.triggerEl,{attributes:true,attributeFilter:["aria-expanded","aria-controls"]})};t.prototype.linkTriggerToPortal=function(){if(this.triggerEl==null||this.portalEl==null)return false;return setAttributesIfChanged(this.triggerEl,{"aria-expanded":String(this.active),"aria-controls":this.portalEl.id})};t.prototype.connectedCallback=function(){var t=this;var i;if(!this.hasLoaded)return;this.isComponentMounted=true;this.createPortal();(i=this.triggerEl)===null||i===void 0?void 0:i.addEventListener("click",this.handleTriggerClick);this.observeTrigger();this.linkTriggerToPortal();if(this.active){this.placePortal();requestAnimationFrame((function(){return t.handlePopoverPositioning()}))}};t.prototype.disconnectedCallback=function(){var t;if(this.el.isConnected)return;this.isComponentMounted=false;this.unwatchDialogClose();this.forgetOpen();if(this.active){this.restorePortalContent();this.active=false;this.linkTriggerToPortal();this.pdsPopoverClose.emit({componentId:this.componentId,popoverType:this.popoverType})}if(this.triggerEl!=null){this.triggerEl.removeEventListener("click",this.handleTriggerClick)}(t=this.triggerObserver)===null||t===void 0?void 0:t.disconnect();this.triggerObserver=null;this.removeLightDismissListeners();this.removeScrollAndResizeListeners();document.removeEventListener("submit",this.handleSubmitFromPanel,true);this.clearDebounceTimers();this.removePortal()};t.prototype.clearDebounceTimers=function(){if(this.scrollDebounceTimer!==null){clearTimeout(this.scrollDebounceTimer);this.scrollDebounceTimer=null}if(this.resizeDebounceTimer!==null){clearTimeout(this.resizeDebounceTimer);this.resizeDebounceTimer=null}};t.prototype.createPortal=function(){var t;if(this.portalEl!==null)return;this.portalEl=document.createElement("div");this.portalEl.className="pds-popover";this.portalEl.style.position="fixed";this.portalEl.style.zIndex="var(--pine-z-index-raised)";this.portalEl.style.maxWidth="".concat(this.maxWidth,"px");this.portalEl.style.display="none";this.portalEl.style.opacity="0";this.portalEl.style.visibility="hidden";this.portalEl.style.backgroundColor="var(--pine-color-background-overlay)";this.portalEl.style.borderRadius="var(--pine-dimension-125)";this.portalEl.style.boxShadow="var(--pine-box-shadow-200)";this.portalEl.style.margin="var(--pine-dimension-none)";this.portalEl.style.padding="var(--pine-dimension-md)";if(!this.componentId){(t=this.generatedPortalId)!==null&&t!==void 0?t:this.generatedPortalId="pds-popover-portal-".concat(PdsPopover.instanceCounter++);this.portalEl.id=this.generatedPortalId}else{this.portalEl.id="".concat(this.componentId,"-portal")}document.body.appendChild(this.portalEl);this.addPortalFocusStyles()};t.prototype.addPortalFocusStyles=function(){if(!this.portalEl)return;var t=this.portalEl.id;var i=cssEscape(t);var s=document.querySelector('style[data-pds-popover-focus="'.concat(i,'"]'));if(s)return;var e=document.createElement("style");e.setAttribute("data-pds-popover-focus",t);e.textContent="\n      #".concat(i,":focus {\n        outline: var(--pine-outline-focus, 2px solid var(--pine-color-focus-ring, #6366f1)) !important;\n        outline-offset: var(--pine-border-width, 1px);\n      }\n      #").concat(i,':focus:not(:focus-visible) {\n        outline: none;\n      }\n      [data-theme="dark"] #').concat(i," {\n        border: var(--pine-border);\n      }\n    ");document.head.appendChild(e)};t.prototype.updatePortalContent=function(){var t=this;var i;if(!this.portalEl)return;var s=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector(".pds-popover__content-slot-wrapper");var e=s===null||s===void 0?void 0:s.querySelector("slot");if(e){var n=e.assignedNodes();n.forEach((function(i){var s;var e=i.parentNode===t.portalEl;var n=t.movedNodes.some((function(t){return t.node===i}));if(e||n){return}var o=document.createComment("pds-popover-placeholder");(s=i.parentNode)===null||s===void 0?void 0:s.insertBefore(o,i);t.portalEl.appendChild(i);t.movedNodes.push({node:i,placeholder:o})}))}};t.prototype.restorePortalContent=function(){this.movedNodes.forEach((function(t){var i=t.node,s=t.placeholder;if(s.parentNode){s.parentNode.insertBefore(i,s);s.parentNode.removeChild(s)}}));this.movedNodes=[]};t.prototype.copyFocusStylesInto=function(t){var i,s,e;if(!(t instanceof ShadowRoot)){(i=this.shadowFocusStyle)===null||i===void 0?void 0:i.remove();this.shadowFocusStyle=null;return}if(((s=this.shadowFocusStyle)===null||s===void 0?void 0:s.parentNode)===t||!this.portalEl)return;var n=document.querySelector('style[data-pds-popover-focus="'.concat(cssEscape(this.portalEl.id),'"]'));if(!n)return;(e=this.shadowFocusStyle)===null||e===void 0?void 0:e.remove();this.shadowFocusStyle=n.cloneNode(true);t.appendChild(this.shadowFocusStyle)};t.prototype.removePortal=function(){var t;(t=this.shadowFocusStyle)===null||t===void 0?void 0:t.remove();this.shadowFocusStyle=null;if(this.portalEl){if(this.portalEl.parentNode){this.portalEl.parentNode.removeChild(this.portalEl)}var i=this.portalEl.id;var s=document.querySelector('style[data-pds-popover-focus="'.concat(cssEscape(i),'"]'));if(s&&s.parentNode){s.parentNode.removeChild(s)}}this.portalEl=null};t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){if(this.active||!this.portalEl)return[2];this.active=true;this.openTimestamp=Date.now();this.linkTriggerToPortal();this.placePortal();this.updatePortalContent();if(this.popoverType==="auto")this.portalEl.setAttribute("data-pds-popover-open","");this.portalEl.style.display="block";this.portalEl.style.opacity="1";this.portalEl.style.visibility="visible";requestAnimationFrame((function(){if(!t.isComponentMounted)return;t.handlePopoverPositioning()}));this.addScrollAndResizeListeners();document.addEventListener("submit",this.handleSubmitFromPanel,true);if(this.popoverType==="auto"){openAutoPopovers.push(this);this.addLightDismissListeners()}this.pdsPopoverOpen.emit({componentId:this.componentId,popoverType:this.popoverType});return[2]}))}))};t.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){if(!this.active||!this.portalEl)return[2];this.active=false;this.unwatchDialogClose();t=containsComposed(this.portalEl,deepActiveElement());this.linkTriggerToPortal();this.restorePortalContent();this.portalEl.style.border="";this.portalEl.removeAttribute("data-pds-popover-open");this.portalEl.style.display="none";this.portalEl.style.opacity="0";this.portalEl.style.visibility="hidden";if(t){this.returnFocusToTrigger()}this.forgetOpen();this.removeLightDismissListeners();this.removeScrollAndResizeListeners();document.removeEventListener("submit",this.handleSubmitFromPanel,true);this.clearDebounceTimers();this.pdsPopoverClose.emit({componentId:this.componentId,popoverType:this.popoverType});return[2]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.active){this.hide()}else{this.show()}return[2]}))}))};t.prototype.placePortal=function(){var t,i;if(!this.portalEl)return;var s=closest("dialog[open]",this.el);if(!s){this.unwatchDialogClose();this.portalEl.style.border="";if(this.portalEl.parentElement!==document.body)document.body.appendChild(this.portalEl);this.copyFocusStylesInto(document);return}var e=closest("form",this.el);var n=!((t=this.el.parentElement)===null||t===void 0?void 0:t.shadowRoot)&&!(e&&containsComposed(s,e));if(n){if(this.el.nextElementSibling!==this.portalEl)(i=this.el.parentNode)===null||i===void 0?void 0:i.insertBefore(this.portalEl,this.el.nextSibling)}else if(this.portalEl.parentNode!==s){s.appendChild(this.portalEl)}this.watchDialogClose(s);var o=this.portalEl.getRootNode();this.copyFocusStylesInto(o);this.portalEl.style.border=o instanceof ShadowRoot&&closest('[data-theme="dark"]',this.el)?"var(--pine-border)":""};t.prototype.forgetOpen=function(){var t=openAutoPopovers.indexOf(this);if(t>=0)openAutoPopovers.splice(t,1)};t.prototype.takesEscapeFrom=function(t){var i,s;var e=(s=(i=t.composedPath)===null||i===void 0?void 0:i.call(t)[0])!==null&&s!==void 0?s:t.target;var n=closest("dialog[open]",e);if(!n||containsComposed(n,this.portalEl))return true;return!(n.classList.contains("pds-modal__backdrop")||n.matches(":modal"))};t.prototype.addLightDismissListeners=function(){document.addEventListener("click",this.boundClickOutsideHandler,true);document.addEventListener("keydown",this.boundEscapeKeyHandler)};t.prototype.watchDialogClose=function(t){if(this.watchedDialog===t)return;this.unwatchDialogClose();this.watchedDialog=t;t.addEventListener("close",this.onDialogClose)};t.prototype.unwatchDialogClose=function(){var t;(t=this.watchedDialog)===null||t===void 0?void 0:t.removeEventListener("close",this.onDialogClose);this.watchedDialog=null};t.prototype.removeLightDismissListeners=function(){document.removeEventListener("click",this.boundClickOutsideHandler,true);document.removeEventListener("keydown",this.boundEscapeKeyHandler)};t.prototype.addScrollAndResizeListeners=function(){window.addEventListener("scroll",this.boundScrollHandler,true);window.addEventListener("resize",this.boundResizeHandler)};t.prototype.removeScrollAndResizeListeners=function(){window.removeEventListener("scroll",this.boundScrollHandler,true);window.removeEventListener("resize",this.boundResizeHandler)};t.prototype.handleClickOutside=function(t){var i,s;var e=t.timeStamp?Date.now()-(performance.now()-t.timeStamp):Date.now();if(e<=this.openTimestamp){return}var n=(s=(i=t.composedPath)===null||i===void 0?void 0:i.call(t)[0])!==null&&s!==void 0?s:t.target;var o=closest(".pds-datepicker-calendar-portal",n);var r=o===null||o===void 0?void 0:o.pdsDatepicker;if(r&&(containsComposed(this.portalEl,r)||containsComposed(this.triggerEl,r)))return;var h=containsComposed(this.portalEl,n);var a=containsComposed(this.triggerEl,n);if(!h&&!a){this.hide()}};t.prototype.returnFocusToTrigger=function(){if(!this.triggerEl)return;this.triggerEl.focus({preventScroll:true})};t.prototype.handleEscapeKey=function(t){if(t.key!=="Escape"||t.defaultPrevented)return;var i=__spreadArray([],openAutoPopovers,true).reverse().find((function(i){return i.takesEscapeFrom(t)}));if(i!==this)return;t.preventDefault();t.stopPropagation();this.hide()};t.prototype.handleScroll=function(){var t=this;if(!this.active)return;if(this.scrollDebounceTimer!==null){clearTimeout(this.scrollDebounceTimer)}this.scrollDebounceTimer=setTimeout((function(){t.handlePopoverPositioning();t.scrollDebounceTimer=null}),10)};t.prototype.handleResize=function(){var t=this;if(!this.active)return;if(this.resizeDebounceTimer!==null){clearTimeout(this.resizeDebounceTimer)}this.resizeDebounceTimer=setTimeout((function(){t.handlePopoverPositioning();t.resizeDebounceTimer=null}),100)};t.prototype.handlePopoverPositioning=function(){var t=this;if(this.isRepositioning){return}this.isRepositioning=true;if(this.triggerEl==null||this.portalEl==null){this.isRepositioning=false;return}var i=this.triggerEl.getBoundingClientRect();var s=this.portalEl.getBoundingClientRect();if(i.width===0||i.height===0){this.isRepositioning=false;return}var e=0;var n=0;var o=8;switch(this.placement){case"top":e=i.top-s.height-o;n=i.left+(i.width-s.width)/2;break;case"top-start":e=i.top-s.height-o;n=i.left;break;case"top-end":e=i.top-s.height-o;n=i.right-s.width;break;case"right":e=i.top+(i.height-s.height)/2;n=i.right+o;break;case"right-start":e=i.top;n=i.right+o;break;case"right-end":e=i.bottom-s.height;n=i.right+o;break;case"bottom":e=i.bottom+o;n=i.left+(i.width-s.width)/2;break;case"bottom-start":e=i.bottom+o;n=i.left;break;case"bottom-end":e=i.bottom+o;n=i.right-s.width;break;case"left":e=i.top+(i.height-s.height)/2;n=i.left-s.width-o;break;case"left-start":e=i.top;n=i.left-s.width-o;break;case"left-end":e=i.bottom-s.height;n=i.left-s.width-o;break}this.portalEl.style.top="".concat(e,"px");this.portalEl.style.left="".concat(n,"px");var r=this.portalEl.getBoundingClientRect();if(Math.abs(r.top-e)>.5||Math.abs(r.left-n)>.5){this.portalEl.style.top="".concat(2*e-r.top,"px");this.portalEl.style.left="".concat(2*n-r.left,"px")}setTimeout((function(){t.isRepositioning=false}),16)};t.prototype.render=function(){return h(Host,{key:"da8a0c715df1199231b1265085f3f9ae0234032d",id:this.componentId},h("span",{key:"f35023492399420829cec2e88556462f5ac1663e",class:"pds-popover__trigger-wrapper"},h("slot",{key:"38ebe92eebb87665467b3f92ff94dc8095450063",name:"trigger",onSlotchange:this.handleTriggerSlotChange})),h("div",{key:"8917930f4520544d14bbd68b4c7936dd60af19e3",class:"pds-popover__content-slot-wrapper"},h("slot",{key:"28d3f9112256edd95721a79a7072a9e35a3712bf",onSlotchange:this.handleContentSlotChange})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{placement:[{restorePlacementDefault:0}]}},enumerable:false,configurable:true});return t}();PdsPopover.instanceCounter=0;PdsPopover.style=pdsPopoverCss();export{PdsPopover as pds_popover};
+import{__awaiter,__generator,__spreadArray}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-Cw9J31qd.js";import{c as containsComposed,a as closest}from"./closest-DHPzKMVS.js";import{r as restoreReflectedDefault}from"./reflected-attribute-default-t3idJwV0.js";import{s as setAttributesIfChanged}from"./attributes-WXw_I_uJ.js";import{l as limitRestores}from"./keep-hydrated-BLG6RDBt.js";var cssEscape=function(t){var i=String(t);var e=i.length;var s=i.charCodeAt(0);var n="";for(var r=0;r<e;r++){var o=i.charCodeAt(r);if(o===0){n+="�";continue}if(o>=1&&o<=31||o===127||r===0&&o>=48&&o<=57||r===1&&o>=48&&o<=57&&s===45){n+="\\".concat(o.toString(16)," ");continue}if(r===0&&e===1&&o===45){n+="\\".concat(i.charAt(r));continue}if(o>=128||o===45||o===95||o>=48&&o<=57||o>=65&&o<=90||o>=97&&o<=122){n+=i.charAt(r);continue}n+="\\".concat(i.charAt(r))}return n};var pdsPopoverCss=function(){return":host{--sizing-max-width-default:352px;display:inline-block}:host .pds-popover__trigger-wrapper{display:inline-block}:host .pds-popover__content-slot-wrapper{display:none}"};var popoversTakingEscape=[];var HOVER_OPEN_DELAY_MS=120;var HOVER_CLOSE_DELAY_MS=200;function deepActiveElement(){var t;var i=document.activeElement;while((t=i===null||i===void 0?void 0:i.shadowRoot)===null||t===void 0?void 0:t.activeElement)i=i.shadowRoot.activeElement;return i}var PdsPopover=function(){function t(t){var i=this;registerInstance(this,t);this.pdsPopoverOpen=createEvent(this,"pdsPopoverOpen");this.pdsPopoverClose=createEvent(this,"pdsPopoverClose");this.active=false;this.isComponentMounted=true;this.hasLoaded=false;this.generatedPortalId=null;this.triggerEl=null;this.triggerObserver=null;this.portalEl=null;this.isRepositioning=false;this.scrollDebounceTimer=null;this.resizeDebounceTimer=null;this.movedNodes=[];this.openTimestamp=0;this.hoverOpened=false;this.closeWhenFocusLeaves=false;this.panelDistance=Infinity;this.popoverTargetAction="show";this.openOn="click";this.popoverType="auto";this.maxWidth=352;this.padding="md";this.placement="right";this.handleTriggerSlotChange=function(t){var e=t.target;var s=e.assignedElements();if(i.triggerEl!=null){i.triggerEl.removeEventListener("click",i.handleTriggerClick);i.stopListeningForHover(i.triggerEl)}if(s.length>0){i.triggerEl=s[0];i.linkTriggerToPortal();i.triggerEl.addEventListener("click",i.handleTriggerClick);i.listenForHover(i.triggerEl)}else{i.triggerEl=null}i.observeTrigger()};this.handleContentSlotChange=function(){if(!i.active)return;i.updatePortalContent()};this.handleTriggerClick=function(t){var e=t.composedPath();var s=e.find((function(t){return t instanceof HTMLAnchorElement&&t.href}));if(!s){t.preventDefault()}if(i.openOn==="hover"&&i.popoverTargetAction!=="hide"){var n=i.hoverOpened;i.pin();if(n)return}switch(i.popoverTargetAction){case"show":i.show();break;case"hide":i.hide();break;case"toggle":default:i.toggle();break}};this.handleHoverEnter=function(t){if(t.pointerType==="touch")return;i.clearHoverTimers();if(i.active)return;i.hoverOpenTimer=setTimeout((function(){i.hoverOpenTimer=undefined;if(i.active||i.portalEl==null)return;i.hoverOpened=true;i.show()}),HOVER_OPEN_DELAY_MS)};this.handleHoverLeave=function(t){if(t.pointerType==="touch")return;i.clearHoverTimers();if(!i.hoverOpened)return;i.hoverCloseTimer=setTimeout(i.closeFromHover,HOVER_CLOSE_DELAY_MS);if(t.currentTarget!==i.triggerEl)return;i.panelDistance=i.distanceToPanel(t);document.addEventListener("pointermove",i.handleMoveTowardPanel)};this.handleMoveTowardPanel=function(t){var e=i.distanceToPanel(t);if(e<i.panelDistance){clearTimeout(i.hoverCloseTimer);i.hoverCloseTimer=setTimeout(i.closeFromHover,HOVER_CLOSE_DELAY_MS)}i.panelDistance=e};this.handleHoverFocusOut=function(t){if(!i.closeWhenFocusLeaves||containsComposed(i.portalEl,t.relatedTarget))return;i.closeWhenFocusLeaves=false;i.hoverCloseTimer=setTimeout(i.closeFromHover,HOVER_CLOSE_DELAY_MS)};this.closeFromHover=function(){i.clearHoverTimers();if(!i.hoverOpened)return;if(containsComposed(i.portalEl,deepActiveElement())){i.closeWhenFocusLeaves=true;return}i.hide()};this.shadowFocusStyle=null;this.watchedDialog=null;this.onDialogClose=function(){i.hide()};this.handleSubmitFromPanel=function(t){if(!i.portalEl||!containsComposed(t.target,i.portalEl))return;if(containsComposed(i.portalEl,t.submitter)||containsComposed(i.portalEl,deepActiveElement())){t.preventDefault();t.stopPropagation()}}}t.prototype.openOnChanged=function(){this.pin();this.stopListeningForHover(this.triggerEl);this.stopListeningForHover(this.portalEl);if(!this.isComponentMounted)return;this.listenForHover(this.triggerEl);this.listenForHover(this.portalEl)};t.prototype.applyPadding=function(){if(this.portalEl!=null)this.portalEl.style.padding=this.paddingToken()};t.prototype.paddingToken=function(){switch(this.padding){case"none":return"var(--pine-dimension-none)";case"xs":return"var(--pine-dimension-xs)";case"sm":return"var(--pine-dimension-sm)";default:return"var(--pine-dimension-md)"}};t.prototype.restorePlacementDefault=function(t){this.placement=restoreReflectedDefault(this.el,"placement",t,"right")};t.prototype.componentDidLoad=function(){var t;this.boundClickOutsideHandler=this.handleClickOutside.bind(this);this.boundEscapeKeyHandler=this.handleEscapeKey.bind(this);this.boundScrollHandler=this.handleScroll.bind(this);this.boundResizeHandler=this.handleResize.bind(this);this.createPortal();this.hasLoaded=true;var i=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector('slot[name="trigger"]');if(i&&this.triggerEl==null){var e=typeof window!=="undefined"?window.Event:global.Event;var s=new e("slotchange");Object.defineProperty(s,"target",{value:i,enumerable:true});this.handleTriggerSlotChange(s)}else{this.linkTriggerToPortal()}};t.prototype.observeTrigger=function(){var t=this;var i;(i=this.triggerObserver)===null||i===void 0?void 0:i.disconnect();this.triggerObserver=null;if(this.triggerEl==null||typeof MutationObserver==="undefined")return;this.triggerObserver=new MutationObserver(limitRestores((function(){return t.linkTriggerToPortal()}),"pds-popover: stopped restoring its trigger ARIA, as another script keeps changing it. It may be wrong until the popover opens or closes.",this.triggerEl));this.triggerObserver.observe(this.triggerEl,{attributes:true,attributeFilter:["aria-expanded","aria-controls"]})};t.prototype.linkTriggerToPortal=function(){if(this.triggerEl==null||this.portalEl==null)return false;return setAttributesIfChanged(this.triggerEl,{"aria-expanded":String(this.active),"aria-controls":this.portalEl.id})};t.prototype.listenForHover=function(t){if(this.openOn!=="hover"||t==null)return;t.addEventListener("pointerenter",this.handleHoverEnter);t.addEventListener("pointerleave",this.handleHoverLeave);t.addEventListener("focusout",this.handleHoverFocusOut)};t.prototype.stopListeningForHover=function(t){if(t==null)return;t.removeEventListener("pointerenter",this.handleHoverEnter);t.removeEventListener("pointerleave",this.handleHoverLeave);t.removeEventListener("focusout",this.handleHoverFocusOut)};t.prototype.distanceToPanel=function(t){var i=t.clientX,e=t.clientY;var s=this.portalEl.getBoundingClientRect();return Math.hypot(Math.max(s.left-i,0,i-s.right),Math.max(s.top-e,0,e-s.bottom))};t.prototype.pin=function(){var t;this.clearHoverTimers();if(!this.hoverOpened)return;this.hoverOpened=false;if(this.popoverType==="auto")return;this.forgetOpen();(t=this.portalEl)===null||t===void 0?void 0:t.removeAttribute("data-pds-popover-open");document.removeEventListener("keydown",this.boundEscapeKeyHandler)};t.prototype.clearHoverTimers=function(){clearTimeout(this.hoverOpenTimer);clearTimeout(this.hoverCloseTimer);this.hoverOpenTimer=undefined;this.hoverCloseTimer=undefined;this.closeWhenFocusLeaves=false;document.removeEventListener("pointermove",this.handleMoveTowardPanel)};t.prototype.connectedCallback=function(){var t=this;var i;if(!this.hasLoaded)return;this.isComponentMounted=true;this.createPortal();(i=this.triggerEl)===null||i===void 0?void 0:i.addEventListener("click",this.handleTriggerClick);this.listenForHover(this.triggerEl);this.observeTrigger();this.linkTriggerToPortal();if(this.active){this.placePortal();requestAnimationFrame((function(){return t.handlePopoverPositioning()}))}};t.prototype.disconnectedCallback=function(){var t;if(this.el.isConnected)return;this.isComponentMounted=false;this.unwatchDialogClose();this.forgetOpen();if(this.active){this.restorePortalContent();this.active=false;this.linkTriggerToPortal();this.pdsPopoverClose.emit({componentId:this.componentId,popoverType:this.popoverType})}if(this.triggerEl!=null){this.triggerEl.removeEventListener("click",this.handleTriggerClick)}this.stopListeningForHover(this.triggerEl);(t=this.triggerObserver)===null||t===void 0?void 0:t.disconnect();this.triggerObserver=null;this.removeLightDismissListeners();this.removeScrollAndResizeListeners();document.removeEventListener("submit",this.handleSubmitFromPanel,true);this.clearDebounceTimers();this.clearHoverTimers();this.hoverOpened=false;this.removePortal()};t.prototype.clearDebounceTimers=function(){if(this.scrollDebounceTimer!==null){clearTimeout(this.scrollDebounceTimer);this.scrollDebounceTimer=null}if(this.resizeDebounceTimer!==null){clearTimeout(this.resizeDebounceTimer);this.resizeDebounceTimer=null}};t.prototype.createPortal=function(){var t;if(this.portalEl!==null)return;this.portalEl=document.createElement("div");this.portalEl.className="pds-popover";this.portalEl.style.position="fixed";this.portalEl.style.zIndex="var(--pine-z-index-raised)";this.portalEl.style.maxWidth="".concat(this.maxWidth,"px");this.portalEl.style.display="none";this.portalEl.style.opacity="0";this.portalEl.style.visibility="hidden";this.portalEl.style.backgroundColor="var(--pine-color-background-overlay)";this.portalEl.style.borderRadius="var(--pine-dimension-125)";this.portalEl.style.boxShadow="var(--pine-box-shadow-200)";this.portalEl.style.margin="var(--pine-dimension-none)";this.portalEl.style.padding=this.paddingToken();if(!this.componentId){(t=this.generatedPortalId)!==null&&t!==void 0?t:this.generatedPortalId="pds-popover-portal-".concat(PdsPopover.instanceCounter++);this.portalEl.id=this.generatedPortalId}else{this.portalEl.id="".concat(this.componentId,"-portal")}document.body.appendChild(this.portalEl);this.addPortalFocusStyles();this.listenForHover(this.portalEl)};t.prototype.addPortalFocusStyles=function(){if(!this.portalEl)return;var t=this.portalEl.id;var i=cssEscape(t);var e=document.querySelector('style[data-pds-popover-focus="'.concat(i,'"]'));if(e)return;var s=document.createElement("style");s.setAttribute("data-pds-popover-focus",t);s.textContent="\n      #".concat(i,":focus {\n        outline: var(--pine-outline-focus, 2px solid var(--pine-color-focus-ring, #6366f1)) !important;\n        outline-offset: var(--pine-border-width, 1px);\n      }\n      #").concat(i,':focus:not(:focus-visible) {\n        outline: none;\n      }\n      [data-theme="dark"] #').concat(i," {\n        border: var(--pine-border);\n      }\n    ");document.head.appendChild(s)};t.prototype.updatePortalContent=function(){var t=this;var i;if(!this.portalEl)return;var e=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector(".pds-popover__content-slot-wrapper");var s=e===null||e===void 0?void 0:e.querySelector("slot");if(s){var n=s.assignedNodes();n.forEach((function(i){var e;var s=i.parentNode===t.portalEl;var n=t.movedNodes.some((function(t){return t.node===i}));if(s||n){return}var r=document.createComment("pds-popover-placeholder");(e=i.parentNode)===null||e===void 0?void 0:e.insertBefore(r,i);t.portalEl.appendChild(i);t.movedNodes.push({node:i,placeholder:r})}))}};t.prototype.restorePortalContent=function(){this.movedNodes.forEach((function(t){var i=t.node,e=t.placeholder;if(e.parentNode){e.parentNode.insertBefore(i,e);e.parentNode.removeChild(e)}}));this.movedNodes=[]};t.prototype.copyFocusStylesInto=function(t){var i,e,s;if(!(t instanceof ShadowRoot)){(i=this.shadowFocusStyle)===null||i===void 0?void 0:i.remove();this.shadowFocusStyle=null;return}if(((e=this.shadowFocusStyle)===null||e===void 0?void 0:e.parentNode)===t||!this.portalEl)return;var n=document.querySelector('style[data-pds-popover-focus="'.concat(cssEscape(this.portalEl.id),'"]'));if(!n)return;(s=this.shadowFocusStyle)===null||s===void 0?void 0:s.remove();this.shadowFocusStyle=n.cloneNode(true);t.appendChild(this.shadowFocusStyle)};t.prototype.removePortal=function(){var t;(t=this.shadowFocusStyle)===null||t===void 0?void 0:t.remove();this.shadowFocusStyle=null;if(this.portalEl){if(this.portalEl.parentNode){this.portalEl.parentNode.removeChild(this.portalEl)}var i=this.portalEl.id;var e=document.querySelector('style[data-pds-popover-focus="'.concat(cssEscape(i),'"]'));if(e&&e.parentNode){e.parentNode.removeChild(e)}}this.portalEl=null};t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){if(this.active||!this.portalEl)return[2];this.active=true;this.openTimestamp=Date.now();this.linkTriggerToPortal();this.placePortal();this.updatePortalContent();if(this.popoverType==="auto"||this.hoverOpened)this.portalEl.setAttribute("data-pds-popover-open","");this.portalEl.style.display="block";this.portalEl.style.opacity="1";this.portalEl.style.visibility="visible";requestAnimationFrame((function(){if(!t.isComponentMounted)return;t.handlePopoverPositioning()}));this.addScrollAndResizeListeners();document.addEventListener("submit",this.handleSubmitFromPanel,true);if(this.popoverType==="auto"){popoversTakingEscape.push(this);this.addLightDismissListeners()}else if(this.hoverOpened){popoversTakingEscape.push(this);document.addEventListener("keydown",this.boundEscapeKeyHandler)}this.pdsPopoverOpen.emit({componentId:this.componentId,popoverType:this.popoverType});return[2]}))}))};t.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){this.clearHoverTimers();if(!this.active||!this.portalEl)return[2];this.active=false;this.hoverOpened=false;this.unwatchDialogClose();t=containsComposed(this.portalEl,deepActiveElement());this.linkTriggerToPortal();this.restorePortalContent();this.portalEl.style.border="";this.portalEl.removeAttribute("data-pds-popover-open");this.portalEl.style.display="none";this.portalEl.style.opacity="0";this.portalEl.style.visibility="hidden";if(t){this.returnFocusToTrigger()}this.forgetOpen();this.removeLightDismissListeners();this.removeScrollAndResizeListeners();document.removeEventListener("submit",this.handleSubmitFromPanel,true);this.clearDebounceTimers();this.pdsPopoverClose.emit({componentId:this.componentId,popoverType:this.popoverType});return[2]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.active){this.hide()}else{this.show()}return[2]}))}))};t.prototype.placePortal=function(){var t,i;if(!this.portalEl)return;var e=closest("dialog[open]",this.el);if(!e){this.unwatchDialogClose();this.portalEl.style.border="";if(this.portalEl.parentElement!==document.body)document.body.appendChild(this.portalEl);this.copyFocusStylesInto(document);return}var s=closest("form",this.el);var n=!((t=this.el.parentElement)===null||t===void 0?void 0:t.shadowRoot)&&!(s&&containsComposed(e,s));if(n){if(this.el.nextElementSibling!==this.portalEl)(i=this.el.parentNode)===null||i===void 0?void 0:i.insertBefore(this.portalEl,this.el.nextSibling)}else if(this.portalEl.parentNode!==e){e.appendChild(this.portalEl)}this.watchDialogClose(e);var r=this.portalEl.getRootNode();this.copyFocusStylesInto(r);this.portalEl.style.border=r instanceof ShadowRoot&&closest('[data-theme="dark"]',this.el)?"var(--pine-border)":""};t.prototype.forgetOpen=function(){var t=popoversTakingEscape.indexOf(this);if(t>=0)popoversTakingEscape.splice(t,1)};t.prototype.takesEscapeFrom=function(t){var i,e;var s=(e=(i=t.composedPath)===null||i===void 0?void 0:i.call(t)[0])!==null&&e!==void 0?e:t.target;var n=closest("dialog[open]",s);if(!n||containsComposed(n,this.portalEl))return true;return!(n.classList.contains("pds-modal__backdrop")||n.matches(":modal"))};t.prototype.addLightDismissListeners=function(){document.addEventListener("click",this.boundClickOutsideHandler,true);document.addEventListener("keydown",this.boundEscapeKeyHandler)};t.prototype.watchDialogClose=function(t){if(this.watchedDialog===t)return;this.unwatchDialogClose();this.watchedDialog=t;t.addEventListener("close",this.onDialogClose)};t.prototype.unwatchDialogClose=function(){var t;(t=this.watchedDialog)===null||t===void 0?void 0:t.removeEventListener("close",this.onDialogClose);this.watchedDialog=null};t.prototype.removeLightDismissListeners=function(){document.removeEventListener("click",this.boundClickOutsideHandler,true);document.removeEventListener("keydown",this.boundEscapeKeyHandler)};t.prototype.addScrollAndResizeListeners=function(){window.addEventListener("scroll",this.boundScrollHandler,true);window.addEventListener("resize",this.boundResizeHandler)};t.prototype.removeScrollAndResizeListeners=function(){window.removeEventListener("scroll",this.boundScrollHandler,true);window.removeEventListener("resize",this.boundResizeHandler)};t.prototype.handleClickOutside=function(t){var i,e;var s=t.timeStamp?Date.now()-(performance.now()-t.timeStamp):Date.now();if(s<=this.openTimestamp){return}var n=(e=(i=t.composedPath)===null||i===void 0?void 0:i.call(t)[0])!==null&&e!==void 0?e:t.target;var r=closest(".pds-datepicker-calendar-portal",n);var o=r===null||r===void 0?void 0:r.pdsDatepicker;if(o&&(containsComposed(this.portalEl,o)||containsComposed(this.triggerEl,o)))return;var h=containsComposed(this.portalEl,n);var a=containsComposed(this.triggerEl,n);if(!h&&!a){this.hide()}};t.prototype.returnFocusToTrigger=function(){if(!this.triggerEl)return;this.triggerEl.focus({preventScroll:true})};t.prototype.handleEscapeKey=function(t){if(t.key!=="Escape"||t.defaultPrevented)return;var i=__spreadArray([],popoversTakingEscape,true).reverse().find((function(i){return i.takesEscapeFrom(t)}));if(i!==this)return;t.preventDefault();t.stopPropagation();this.hide()};t.prototype.handleScroll=function(){var t=this;if(!this.active)return;if(this.scrollDebounceTimer!==null){clearTimeout(this.scrollDebounceTimer)}this.scrollDebounceTimer=setTimeout((function(){t.handlePopoverPositioning();t.scrollDebounceTimer=null}),10)};t.prototype.handleResize=function(){var t=this;if(!this.active)return;if(this.resizeDebounceTimer!==null){clearTimeout(this.resizeDebounceTimer)}this.resizeDebounceTimer=setTimeout((function(){t.handlePopoverPositioning();t.resizeDebounceTimer=null}),100)};t.prototype.handlePopoverPositioning=function(){var t=this;if(this.isRepositioning){return}this.isRepositioning=true;if(this.triggerEl==null||this.portalEl==null){this.isRepositioning=false;return}var i=this.triggerEl.getBoundingClientRect();var e=this.portalEl.getBoundingClientRect();if(i.width===0||i.height===0){this.isRepositioning=false;return}var s=0;var n=0;var r=8;switch(this.placement){case"top":s=i.top-e.height-r;n=i.left+(i.width-e.width)/2;break;case"top-start":s=i.top-e.height-r;n=i.left;break;case"top-end":s=i.top-e.height-r;n=i.right-e.width;break;case"right":s=i.top+(i.height-e.height)/2;n=i.right+r;break;case"right-start":s=i.top;n=i.right+r;break;case"right-end":s=i.bottom-e.height;n=i.right+r;break;case"bottom":s=i.bottom+r;n=i.left+(i.width-e.width)/2;break;case"bottom-start":s=i.bottom+r;n=i.left;break;case"bottom-end":s=i.bottom+r;n=i.right-e.width;break;case"left":s=i.top+(i.height-e.height)/2;n=i.left-e.width-r;break;case"left-start":s=i.top;n=i.left-e.width-r;break;case"left-end":s=i.bottom-e.height;n=i.left-e.width-r;break}this.portalEl.style.top="".concat(s,"px");this.portalEl.style.left="".concat(n,"px");var o=this.portalEl.getBoundingClientRect();if(Math.abs(o.top-s)>.5||Math.abs(o.left-n)>.5){this.portalEl.style.top="".concat(2*s-o.top,"px");this.portalEl.style.left="".concat(2*n-o.left,"px")}setTimeout((function(){t.isRepositioning=false}),16)};t.prototype.render=function(){return h(Host,{key:"e48b897acdc9e89f2e6b1449e7a358da7da1060c",id:this.componentId},h("span",{key:"b83b2c234b07703c2c850a9991c94939ed2fdaf7",class:"pds-popover__trigger-wrapper"},h("slot",{key:"0a7f7829ee445fd57cf824ebee1409b3c571f983",name:"trigger",onSlotchange:this.handleTriggerSlotChange})),h("div",{key:"8c1fe2d4d7c4342b4bd5eb4c56e596f17b4e14fa",class:"pds-popover__content-slot-wrapper"},h("slot",{key:"4ccfce1f335acbc436f7942e497f5d360f849d48",onSlotchange:this.handleContentSlotChange})))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{openOn:[{openOnChanged:0}],padding:[{applyPadding:0}],placement:[{restorePlacementDefault:0}]}},enumerable:false,configurable:true});return t}();PdsPopover.instanceCounter=0;PdsPopover.style=pdsPopoverCss();export{PdsPopover as pds_popover};