@pine-ds/core 3.7.0 → 3.8.0

package/dist/pine-core/p-74f03e75.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as r,h as i,H as t,g as s}from"./p-Bf1dou5H.js";import{a as n,m as d}from"./p-DTL_39D_.js";import{i as o}from"./p-C0M1gTKv.js";import{d as a}from"./p-tJa4KYNO.js";import{i as p}from"./p-D4MkIUXU.js";const l=":host{--pine-input-color-background-danger:var(--pine-color-red-050)}";const u=":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}";const c=":host{--pds-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-active);--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 #ffffff, 0 0 0 3px var(--pine-color-focus-ring);--box-shadow-focus-error:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring-danger);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: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);left: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);right: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}: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-end-end:var(--pine-dimension-none);--pds-button-border-radius-start-end:var(--pine-dimension-none);--pds-button-min-height:var(--pine-dimension-450)}: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-end-start:var(--pine-dimension-none);--pds-button-border-radius-start-start:var(--pine-dimension-none);--pds-button-min-height:var(--pine-dimension-450)}: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-start-end:var(--pine-dimension-none);--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-start:var(--pine-dimension-none);--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([disabled=true])::part(prepend),:host([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)}.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-active);-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 0.2s ease;transition:border-color 0.2s 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)}.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)}: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)}.has-error .pds-input__field{background-color:var(--pds-input-error-background);border-color:var(--pds-input-error-border)}.has-error .pds-input__field:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-input__error-message,.pds-input__helper-message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm);-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{-ms-flex-align:center;align-items:center;color:var(--pds-input-error-color);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}";const h=class{constructor(i){e(this,i);this.pdsBlur=r(this,"pdsBlur");this.pdsChange=r(this,"pdsChange");this.pdsFocus=r(this,"pdsFocus");this.pdsInput=r(this,"pdsInput");this.inheritedAttributes={};this.isComposing=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=e=>{const r=e.target;if(r){this.value=r.value||""}this.emitInputChange(e)};this.onChangeEvent=e=>{this.emitValueChange(e)};this.onBlurEvent=e=>{this.hasFocus=false;if(this.focusedValue!==this.value){this.emitValueChange(e)}this.pdsBlur.emit(e)};this.onFocusEvent=e=>{this.hasFocus=true;this.focusedValue=this.value;this.pdsFocus.emit(e)};this.onCompositionStart=()=>{this.isComposing=true};this.onCompositionEnd=()=>{this.isComposing=false}}async setFocus(){if(this.nativeInput){this.nativeInput.focus()}}updateAddonWidths(){requestAnimationFrame((()=>{if(this.prefixEl){const e=this.prefixEl.offsetWidth;this.el.style.setProperty("--prefix-width",`${e}px`)}if(this.suffixEl){const e=this.suffixEl.offsetWidth;this.el.style.setProperty("--suffix-width",`${e}px`)}}))}renderPrefix(){const e=this.el.querySelector('[slot="prefix"]')!==null;if(e){return i("div",{class:"pds-input__prefix",part:"prefix",ref:e=>this.prefixEl=e},i("slot",{name:"prefix",onSlotchange:()=>this.updateAddonWidths()}))}return null}renderSuffix(){const e=this.el.querySelector('[slot="suffix"]')!==null;if(e){return i("div",{class:"pds-input__suffix",part:"suffix",ref:e=>this.suffixEl=e},i("slot",{name:"suffix",onSlotchange:()=>this.updateAddonWidths()}))}return null}renderPrepend(){const e=this.el.querySelector('[slot="prepend"]')!==null;if(e){return i("div",{class:"pds-input__prepend",part:"prepend"},i("slot",{name:"prepend"}))}return null}renderAppend(){const e=this.el.querySelector('[slot="append"]')!==null;if(e){return i("div",{class:"pds-input__append",part:"append"},i("slot",{name:"append"}))}return null}renderAction(){const e=this.el.querySelector('[slot="action"]')!==null;if(e){return i("div",{class:"pds-input__action",part:"action"},i("slot",{name:"action"}))}return null}componentWillLoad(){this.inheritedAttributes=Object.assign({},o(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}connectedCallback(){if(this.el.attachInternals){this.internals=this.el.attachInternals()}}componentDidLoad(){this.debounceChanged();this.updateAddonWidths();this.updateFormValue()}componentDidUpdate(){this.updateAddonWidths()}debounceChanged(){const{pdsInput:e,debounce:r,originalPdsInput:i}=this;this.pdsInput=r===undefined?i!==null&&i!==void 0?i:e:a(e,r)}valueChanged(){const e=this.nativeInput;const r=this.getValue();if(e&&e.value!==r&&!this.isComposing){e.value=r}this.updateFormValue()}getValue(){return typeof this.value==="number"?this.value.toString():(this.value||"").toString()}emitValueChange(e){const{value:r}=this;const i=r==null?r:r.toString();this.focusedValue=i;this.pdsChange.emit({value:i,event:e})}emitInputChange(e){const{value:r}=this;const i=r==null?r:r.toString();this.pdsInput.emit({value:i,event:e})}updateFormValue(){if(this.internals&&this.internals.setFormValue){const 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)}}}formResetCallback(){this.value="";this.updateFormValue()}formDisabledCallback(e){this.disabled=e}formStateRestoreCallback(e){if(typeof e==="string"){this.value=e}else if(e instanceof FormData&&this.name){const r=e.get(this.name);if(typeof r==="string"){this.value=r}}}render(){const{componentId:e,disabled:r,errorMessage:s,helperMessage:o,invalid:a=false,label:l}=this;const u=this.getValue();const c={"pds-input__field-wrapper":true,"has-focus":this.hasFocus,"has-error":a||!!s,"is-disabled":r,"has-prefix":this.hasPrefix,"has-suffix":this.hasSuffix,"has-prepend":this.hasPrepend,"has-append":this.hasAppend};return i(t,{key:"354d45806da5e4b1c7a40f08f78d969b67e590ec","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},i("div",{key:"9298d99d233733fd4da14ae3e47f9f111539b976",class:"pds-input"},l&&i("div",{key:"ade5fa1c70587487d62f5c3f8f50c3c567ca1f76",class:"pds-input__label-wrapper"},i("label",{key:"86a3a890317e2bf4e8d0b0cdc2d4ea10c8656a9f",htmlFor:e,class:"pds-input__label"},i("span",{key:"279a7b4540cd984a7c99a083f18b7a1854415ef1",class:this.hideLabel?"visually-hidden":""},l,this.required&&i("span",{key:"a12223c985ae3a6474a1ea6cb850a500c38af4e4",class:"pds-input__required-indicator"}," *"))),!this.hideLabel&&this.renderAction()),i("div",{key:"1b618690bbe9178b9b4c917fb7894ec2c17ac563",class:c},this.renderPrepend(),this.renderPrefix(),i("input",Object.assign({key:"171361ec863409965e71b96a636c6c5450047bf6",ref:e=>this.nativeInput=e,class:"pds-input__field","aria-describedby":n(e,a,o),"aria-invalid":a?"true":undefined,autocomplete:this.autocomplete,disabled:r,id:e,max:this.max,maxlength:this.maxlength,min:this.min,minlength:this.minlength,name:this.name,pattern:this.pattern,placeholder:this.placeholder,readOnly:this.readonly,required:this.required,step:this.step,type:this.type,value:u,onInput:this.onInputEvent,onChange:this.onChangeEvent,onBlur:this.onBlurEvent,onFocus:this.onFocusEvent,onCompositionstart:this.onCompositionStart,onCompositionend:this.onCompositionEnd},this.inheritedAttributes)),this.renderSuffix(),this.renderAppend()),o&&i("p",{key:"22f2f1d5efe8c9178bb2eecba072de728826f0c0",class:"pds-input__helper-message",id:d(e,"helper")},o),s&&i("p",{key:"d13ca2940f42cfaac744db106dbd5c6442fdd7e0",class:"pds-input__error-message",id:d(e,"error")},i("pds-icon",{key:"a1622ddd2868470683a2413893cb87d7479acde1",icon:p,size:"small"}),s)))}static get formAssociated(){return true}get el(){return s(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"]}}};h.style=l+(u+c);export{h as pds_input};
-//# sourceMappingURL=p-74f03e75.entry.js.map

package/dist/pine-core/p-74f03e75.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["pdsInputTokensCss","labelCss","pdsInputCss","PdsInput","constructor","hostRef","this","inheritedAttributes","isComposing","hasPrefix","hasSuffix","hasPrepend","hasAppend","hasAction","type","value","hasFocus","onInputEvent","ev","input","target","emitInputChange","onChangeEvent","emitValueChange","onBlurEvent","focusedValue","pdsBlur","emit","onFocusEvent","pdsFocus","onCompositionStart","onCompositionEnd","setFocus","nativeInput","focus","updateAddonWidths","requestAnimationFrame","prefixEl","prefixWidth","offsetWidth","el","style","setProperty","suffixEl","suffixWidth","renderPrefix","querySelector","h","class","part","ref","name","onSlotchange","renderSuffix","renderPrepend","renderAppend","renderAction","componentWillLoad","Object","assign","inheritAriaAttributes","originalPdsInput","pdsInput","connectedCallback","attachInternals","internals","componentDidLoad","debounceChanged","updateFormValue","componentDidUpdate","debounce","undefined","debounceEvent","valueChanged","getValue","toString","event","newValue","pdsChange","setFormValue","setValidity","validity","validationMessage","formResetCallback","formDisabledCallback","disabled","formStateRestoreCallback","state","FormData","get","render","componentId","errorMessage","helperMessage","invalid","label","inputWrapperClasses","Host","key","readonly","hideLabel","fullWidth","htmlFor","required","assignDescription","autocomplete","id","max","maxlength","min","minlength","pattern","placeholder","readOnly","step","onInput","onChange","onBlur","onFocus","onCompositionstart","onCompositionend","messageId","icon","danger","size"],"sources":["src/components/pds-input/pds-input.tokens.scss?tag=pds-input&encapsulation=shadow","src/global/styles/utils/label.scss?tag=pds-input&encapsulation=shadow","src/components/pds-input/pds-input.scss?tag=pds-input&encapsulation=shadow","src/components/pds-input/pds-input.tsx"],"sourcesContent":["@use '~@kajabi-ui/styles/dist/pine/components/pds-input/pds-input.tokens'\n",":host {\n  display: inline-block;\n}\n\n:host([aria-disabled=\"true\"]) label {\n  color: var(--pine-color-text-label-disabled);\n}\n\n:host([aria-readonly=\"true\"]) {\n  label {\n    color: var(--pine-color-text-label-readonly);\n  }\n}\n\nlabel {\n  color: var(--pine-color-text-label);\n  font: var(--pine-typography-body-medium);\n  letter-spacing: var(--pine-letter-spacing);\n}\n",":host {\n  --pds-input-background: var(--pine-color-background-container);\n  --pds-input-border-color: var(--pine-color-border);\n  --pds-input-border-color-hover: var(--pine-color-border-hover);\n  --pds-input-border-color-disabled: var(--pine-color-border-disabled);\n\n  --pds-input-border-radius: var(--pine-dimension-125);\n  --pds-input-border-width: var(--pine-border-width-thin);\n  --pds-input-padding-x: var(--pine-dimension-150);\n  --pds-input-padding-y: calc(var(--pine-dimension-xs) - var(--pine-border-width));\n  --pds-input-font: var(--pine-typography-body);\n  --pds-input-text-color: var(--pine-color-text-active);\n  --pds-input-placeholder-color: var(--pine-color-text-placeholder);\n  --pds-input-icon-color: var(--pine-color-text-secondary);\n  --pds-input-disabled-background: var(--pine-color-background-container-disabled);\n  --pds-input-disabled-text-color: var(--pine-color-text-disabled);\n  --pds-input-error-color: var(--pine-color-text-message-danger);\n  --pds-input-error-background: var(--pine-input-color-background-danger);\n  --pds-input-error-border: var(--pine-color-border-danger);\n  --pds-input-error-border-hover: var(--pine-color-border-danger-hover);\n  --pds-input-addon-background: var(--pine-color-background-subtle);\n  --pds-input-addon-color: var(--pine-color-text-secondary);\n  --pds-input-field-min-height: var(--pine-dimension-450);\n  --box-shadow-focus: 0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring);\n  --box-shadow-focus-error: 0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring-danger);\n\n  display: inline;\n\n  pds-select::part(select) {\n    background-color: var(--pds-input-error-background);\n    border-color: var(--pds-input-error-border);\n  }\n\n  &::part(prefix),\n  &::part(suffix) {\n    align-items: center;\n    color: var(--pine-color-text-label-readonly);\n    display: flex;\n    height: 100%;\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    white-space: nowrap;\n    z-index: 1;\n  }\n\n  &::part(prefix) {\n    border-end-start-radius: var(--pds-input-border-radius);\n    border-inline-end: var(--pine-border-width-none);\n    border-start-start-radius: var(--pds-input-border-radius);\n    left: var(--pds-input-padding-x);\n  }\n\n  &::part(suffix) {\n    border-end-end-radius: var(--pds-input-border-radius);\n    border-inline-start: var(--pine-border-width-none);\n    border-start-end-radius: var(--pds-input-border-radius);\n    right: var(--pds-input-padding-x);\n  }\n\n  &::part(prepend),\n  &::part(append) {\n    align-items: center;\n    background-color: var(--pds-input-addon-background);\n    border: var(--pds-input-border-width) solid var(--pds-input-border-color);\n    color: var(--pds-input-addon-color);\n    display: flex;\n  }\n\n  &::part(prepend) {\n    border-end-start-radius: var(--pds-input-border-radius);\n    border-inline-end: var(--pine-border-width-none);\n    border-start-start-radius: var(--pds-input-border-radius);\n  }\n\n  &::part(append) {\n    border-end-end-radius: var(--pds-input-border-radius);\n    border-inline-start: var(--pine-border-width-none);\n    border-start-end-radius: var(--pds-input-border-radius);\n  }\n}\n\n/* stylelint-disable-next-line */\n:host([has-prepend]) ::slotted(pds-button[slot=\"prepend\"]) {\n  --pds-button-background: var(--pds-input-addon-background);\n  --pds-button-border: var(--pine-border-width-none);\n  --pds-button-border-radius-end-end: var(--pine-dimension-none);\n  --pds-button-border-radius-start-end: var(--pine-dimension-none);\n  --pds-button-min-height: var(--pine-dimension-450);\n}\n\n/* stylelint-disable-next-line */\n:host([has-append]) ::slotted(pds-button[slot=\"append\"]) {\n  --pds-button-background: var(--pds-input-addon-background);\n  --pds-button-border: var(--pine-border-width-none);\n  --pds-button-border-radius-end-start: var(--pine-dimension-none);\n  --pds-button-border-radius-start-start: var(--pine-dimension-none);\n  --pds-button-min-height: var(--pine-dimension-450);\n}\n\n/* stylelint-disable-next-line */\n:host([has-prepend]) ::slotted(pds-select[slot=\"prepend\"]) {\n  --pds-select-background: var(--pds-input-addon-background);\n  --pds-select-border: var(--pine-border-width-none);\n  --pds-select-border-radius-end-end: var(--pine-dimension-none);\n  --pds-select-border-radius-start-end: var(--pine-dimension-none);\n  --pds-select-min-height: calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)));\n}\n\n/* stylelint-disable-next-line */\n:host([has-append]) ::slotted(pds-select[slot=\"append\"]) {\n  --pds-select-background: var(--pds-input-addon-background);\n  --pds-select-border: var(--pine-border-width-none);\n  --pds-select-border-radius-end-start: var(--pine-dimension-none);\n  --pds-select-border-radius-start-start: var(--pine-dimension-none);\n  --pds-select-min-height: calc(var(--pine-dimension-450) - calc(2 * var(--pine-border-width)));\n}\n\n:host([aria-readonly=\"true\"]) {\n  input {\n    background-color: var(--pine-color-background-container-disabled);\n    color: var(--pine-color-text-readonly);\n  }\n}\n\n:host([disabled=\"true\"]) {\n  &::part(prepend),\n  &::part(append) {\n    background-color: var(--pds-input-disabled-background);\n    border: var(--pds-input-border-width) solid var(--pds-input-border-color-disabled);\n  }\n}\n\n:host([full-width=\"true\"]) {\n  width: 100%;\n}\n\n:host([invalid=\"true\"]) {\n  &::part(prepend),\n  &::part(append) {\n    background-color: var(--pds-input-error-background);\n    border: var(--pds-input-border-width) solid var(--pds-input-error-border);\n  }\n}\n\n.pds-input {\n  display: flex;\n  flex-direction: column;\n}\n\n.pds-input__label-wrapper {\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n  margin-block-end: var(--pine-dimension-2xs);\n}\n\n.pds-input__label {\n  color: var(--pine-color-text-active);\n  margin-block-end: var(--pine-dimension-2xs);\n}\n\n// When label is inside wrapper, remove its margin\n.pds-input__label-wrapper .pds-input__label {\n  margin-block-end: 0;\n}\n\n.pds-input__action {\n  align-items: center;\n  display: flex;\n  gap: var(--pine-dimension-xs);\n  margin-inline-start: var(--pine-dimension-xs);\n}\n\n.pds-input__field-wrapper {\n  align-items: center;\n  display: flex;\n  position: relative;\n  width: 100%;\n\n  &.has-prefix .pds-input__field {\n    padding-inline-start: calc(2 * var(--pds-input-padding-x) + var(--prefix-width, 1em));\n  }\n\n  &.has-suffix .pds-input__field {\n    padding-inline-end: calc(2 * var(--pds-input-padding-x) + var(--suffix-width, 1em));\n  }\n\n  &.has-prepend .pds-input__field {\n    border-end-start-radius: var(--pine-dimension-none);\n    border-start-start-radius: var(--pine-dimension-none);\n  }\n\n  &.has-append .pds-input__field {\n    border-end-end-radius: var(--pine-dimension-none);\n    border-start-end-radius: var(--pine-dimension-none);\n  }\n}\n\n.pds-input__field {\n  background: var(--pds-input-background);\n  border: var(--pds-input-border-width) solid var(--pds-input-border-color);\n  border-radius: var(--pds-input-border-radius);\n  box-sizing: border-box;\n  color: var(--pds-input-text-color);\n  flex: 1;\n  font: var(--pds-input-font);\n  letter-spacing: var(--pine-letter-spacing);\n  min-height: var(--pds-input-field-min-height);\n  min-width: var(--pine-dimension-none);\n  padding: var(--pds-input-padding-y) var(--pds-input-padding-x);\n  transition: border-color 0.2s ease;\n  width: 100%;\n\n  &:hover:not(:disabled) {\n    border-color: var(--pds-input-border-color-hover);\n  }\n\n  &:disabled {\n    background: var(--pds-input-disabled-background);\n    border-color: var(--pine-color-border-disabled);\n    color: var(--pds-input-disabled-text-color);\n    cursor: not-allowed;\n\n    &::placeholder {\n      color: var(--pine-color-text-placeholder-disabled);\n    }\n  }\n\n  .has-error &:hover:not(:disabled) {\n    border-color: var(--pds-input-error-border-hover);\n  }\n\n  &:focus-visible:not(.has-error) {\n    border-color: var(--pine-color-border-active);\n    outline: var(--pine-outline-focus);\n    outline-offset: var(--pine-border-width);\n\n    :host([has-prepend]) &,\n    :host([has-append]) &,\n    :host([has-prefix]) &,\n    :host([has-suffix]) & {\n      outline-offset: var(--pine-dimension-none);\n    }\n  }\n\n  &::placeholder {\n    color: var(--pds-input-placeholder-color);\n  }\n\n  .has-error & {\n    background-color: var(--pds-input-error-background);\n    border-color: var(--pds-input-error-border);\n\n    &:focus-visible {\n      outline-color: var(--pine-color-focus-ring-danger);\n    }\n  }\n}\n\n.pds-input__error-message,\n.pds-input__helper-message {\n  color: var(--pine-color-text-message);\n  font: var(--pine-typography-body-sm);\n  margin-block-end: var(--pine-dimension-none);\n  margin-block-start: var(--pine-dimension-2xs);\n}\n\n.pds-input__error-message {\n  align-items: center;\n  color: var(--pds-input-error-color);\n  display: flex;\n  gap: var(--pine-dimension-2xs);\n}\n\n.visually-hidden {\n  border: 0;\n  clip: rect(0 0 0 0);\n  clip-path: polygon(0 0, 0 0, 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from '@stencil/core';\nimport { assignDescription, messageId } from '../../utils/form';\nimport { inheritAriaAttributes } from '@utils/attributes';\nimport type { Attributes } from '@utils/attributes';\nimport { InputChangeEventDetail, InputInputEventDetail } from './input-interface';\nimport { debounceEvent } from '@utils/utils';\nimport { danger } from '@pine-ds/icons/icons';\n\n/**\n * @slot append - Content to be displayed after the input field\n * @slot prefix - Content that is displayed visually within the input field before the input field\n * @slot prepend - Content to be displayed before the input field\n * @slot suffix - Content that is displayed visually within the input field after the input field\n * @slot action - Content to be displayed in the label area, typically for help icons or links\n */\n@Component({\n  tag: 'pds-input',\n  styleUrls: ['pds-input.tokens.scss', '../../global/styles/utils/label.scss', 'pds-input.scss'],\n  shadow: true,\n  formAssociated: true,\n})\nexport class PdsInput {\n\n  private nativeInput?: HTMLInputElement;\n  private inheritedAttributes: Attributes = {};\n  private isComposing = false;\n  private prefixEl?: HTMLElement;\n  private suffixEl?: HTMLElement;\n  private focusedValue?: string | number | null;\n  private originalPdsInput?: EventEmitter<InputInputEventDetail>;\n  private internals?: ElementInternals;\n\n  @Element() el!: HTMLPdsInputElement;\n\n  /**\n   * If true, the input has prefix content (non-focusable)\n   */\n  @State() hasPrefix = false;\n\n  /**\n   * If true, the input has suffix content (non-focusable)\n   */\n  @State() hasSuffix = false;\n\n  /**\n   * If true, the input has prepend content (focusable)\n   */\n  @State() hasPrepend = false;\n\n  /**\n   * If true, the input has append content (focusable)\n   */\n  @State() hasAppend = false;\n\n  /**\n   * If true, the input has action content in the label area\n   */\n  @State() hasAction = false;\n\n  /**\n   * Emitted when the input loses focus.\n   */\n  @Event() pdsBlur!: EventEmitter<FocusEvent>;\n\n  /**\n   * Emitted when the value has changed.\n   *\n   * This event will not emit when programmatically setting the `value` property.\n   */\n  @Event() pdsChange!: EventEmitter<InputChangeEventDetail>;\n\n  /**\n   * Emitted when the input has focus.\n   */\n  @Event() pdsFocus!: EventEmitter<FocusEvent>;\n\n  /**\n   * Emitted when a keyboard input occurs.\n   */\n  @Event() pdsInput: EventEmitter<InputInputEventDetail>;\n\n  /**\n   * Sets focus on the native `input` in the `pds-input`. Use this method instead of the global\n   * `input.focus()`.\n   */\n  @Method()\n  async setFocus() {\n    if (this.nativeInput) {\n      this.nativeInput.focus();\n    }\n  }\n\n\n  /**\n   * Specifies if and how the browser provides `autocomplete` assistance for the field.\n   */\n  @Prop() autocomplete: string;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Sets the number of milliseconds to wait before updating the value.\n   */\n  @Prop() debounce?: number;\n\n  /**\n   * Determines whether or not the input field is disabled.\n   */\n  @Prop() disabled?: boolean;\n\n  /**\n   * Specifies the error message and provides an error-themed treatment to the field.\n   */\n  @Prop() errorMessage?: string;\n\n  /**\n   * Displays a message or hint below the input field.\n   */\n  @Prop() helperMessage?: string;\n\n  /**\n   * Determines whether or not the input field is invalid or throws an error.\n   */\n  @Prop() invalid?: boolean;\n\n  /**\n   * Text to be displayed as the input label.\n   */\n  @Prop() label?: string;\n\n  /**\n   * Visually hides the label text for instances where only the input should be displayed. Label remains accessible to assistive technology such as screen readers.\n   * Note: When true, the action slot is also hidden to maintain a minimal UI.\n   */\n  @Prop() hideLabel: boolean;\n\n  /**\n   * Specifies the maximum value for the input field.\n   */\n  @Prop() max?: string;\n\n  /**\n   * Specifies the maximum number of characters allowed in the input field.\n   */\n  @Prop() maxlength?: string;\n\n  /**\n   * Specifies the minimum value for the input field.\n   */\n  @Prop() min?: string;\n\n  /**\n   * Specifies the minimum number of characters allowed in the input field.\n   */\n  @Prop() minlength?: string;\n\n  /**\n   * Specifies the name. Submitted with the form name/value pair.\n   */\n  @Prop() name?: string;\n\n  /**\n   * Specifies the regular expression that the input value is checked against.\n   */\n  @Prop() pattern?: string;\n\n  /**\n   * Specifies a short hint that describes the expected value of the input field.\n   */\n  @Prop() placeholder?: string;\n\n  /**\n   * Determines whether or not the input field is readonly.\n   */\n  @Prop() readonly?: boolean;\n\n  /**\n   * Determines whether or not the input field is required.\n   */\n  @Prop() required?: boolean;\n\n  /**\n   * Works with the `min` and `max` attributes to define increments for the input field.\n   */\n  @Prop() step?: string;\n\n  /**\n   * Determines the type of control that will be displayed\n   * `'email'`, `'number'`, `'password'`, `'tel'`, `'text'`, `'url'`\n   * @defaultValue \"text\"\n   */\n  @Prop() type = 'text';\n\n  /**\n   * The value of the input.\n   */\n  @Prop({mutable: true}) value?: string | number | null = '';\n\n  /**\n   * Determines whether or not the input field takes full width of its container.\n   */\n  @Prop() fullWidth?: boolean;\n\n  /**\n   * Determines if the input has focus.\n   */\n  @State() hasFocus = false;\n\n  private updateAddonWidths() {\n    requestAnimationFrame(() => {\n      if (this.prefixEl) {\n        const prefixWidth = this.prefixEl.offsetWidth;\n        this.el.style.setProperty('--prefix-width', `${prefixWidth}px`);\n      }\n\n      if (this.suffixEl) {\n        const suffixWidth = this.suffixEl.offsetWidth;\n        this.el.style.setProperty('--suffix-width', `${suffixWidth}px`);\n      }\n    });\n  }\n\n  private renderPrefix() {\n    const hasPrefix = this.el.querySelector('[slot=\"prefix\"]') !== null;\n    if (hasPrefix) {\n      return (\n        <div class=\"pds-input__prefix\" part=\"prefix\" ref={(el) => this.prefixEl = el as HTMLElement}>\n          <slot name=\"prefix\" onSlotchange={() => this.updateAddonWidths()}></slot>\n        </div>\n      );\n    }\n    return null;\n  }\n\n  private renderSuffix() {\n    const hasSuffix = this.el.querySelector('[slot=\"suffix\"]') !== null;\n    if (hasSuffix) {\n      return (\n        <div class=\"pds-input__suffix\" part=\"suffix\" ref={(el) => this.suffixEl = el as HTMLElement}>\n          <slot name=\"suffix\" onSlotchange={() => this.updateAddonWidths()}></slot>\n        </div>\n      );\n    }\n    return null;\n  }\n\n  private renderPrepend() {\n    const hasPrepend = this.el.querySelector('[slot=\"prepend\"]') !== null;\n    if (hasPrepend) {\n      return (\n        <div class=\"pds-input__prepend\" part=\"prepend\">\n          <slot name=\"prepend\"></slot>\n        </div>\n      );\n    }\n    return null;\n  }\n\n  private renderAppend() {\n    const hasAppend = this.el.querySelector('[slot=\"append\"]') !== null;\n    if (hasAppend) {\n      return (\n        <div class=\"pds-input__append\" part=\"append\">\n          <slot name=\"append\"></slot>\n        </div>\n      );\n    }\n    return null;\n  }\n\n  private renderAction() {\n    const hasAction = this.el.querySelector('[slot=\"action\"]') !== null;\n    if (hasAction) {\n      return (\n        <div class=\"pds-input__action\" part=\"action\">\n          <slot name=\"action\"></slot>\n        </div>\n      );\n    }\n    return null;\n  }\n\n  componentWillLoad() {\n    this.inheritedAttributes = {\n      ...inheritAriaAttributes(this.el)\n    };\n    this.hasPrefix = this.el.querySelector('[slot=\"prefix\"]') !== null;\n    this.hasSuffix = this.el.querySelector('[slot=\"suffix\"]') !== null;\n    this.hasPrepend = this.el.querySelector('[slot=\"prepend\"]') !== null;\n    this.hasAppend = this.el.querySelector('[slot=\"append\"]') !== null;\n    this.hasAction = this.el.querySelector('[slot=\"action\"]') !== null;\n\n    // Store the original pdsInput event emitter\n    this.originalPdsInput = this.pdsInput;\n  }\n\n  connectedCallback() {\n    // Initialize ElementInternals for form association\n    if (this.el.attachInternals) {\n      this.internals = this.el.attachInternals();\n    }\n  }\n\n  componentDidLoad() {\n    this.debounceChanged();\n    this.updateAddonWidths();\n    // Set initial form value\n    this.updateFormValue();\n  }\n\n  componentDidUpdate() {\n    this.updateAddonWidths();\n  }\n\n  @Watch('debounce')\n  protected debounceChanged() {\n    const { pdsInput, debounce, originalPdsInput } = this;\n\n    /**\n     * If debounce is undefined, we have to manually revert the pdsInput emitter in case\n     * debounce used to be set to a number. Otherwise, the event would stay debounced.\n     */\n    this.pdsInput = debounce === undefined ? originalPdsInput ?? pdsInput : debounceEvent(pdsInput, debounce);\n  }\n\n  @Watch('value')\n  protected valueChanged() {\n    const nativeInput = this.nativeInput;\n    const value = this.getValue();\n\n    if (nativeInput && nativeInput.value !== value && !this.isComposing) {\n      nativeInput.value = value;\n    }\n\n    // Update form value when value changes\n    this.updateFormValue();\n  }\n\n  private getValue(): string {\n    return typeof this.value === 'number' ? this.value.toString() : (this.value || '').toString();\n  }\n\n  private onInputEvent = (ev: Event) => {\n    const input = ev.target as HTMLInputElement | null;\n    if (input) {\n      this.value = input.value || '';\n    }\n    this.emitInputChange(ev);\n  };\n\n  private onChangeEvent = (ev: Event) => {\n    this.emitValueChange(ev);\n  };\n\n  private onBlurEvent = (ev: FocusEvent) => {\n    this.hasFocus = false;\n\n    if (this.focusedValue !== this.value) {\n      /**\n       * Emits the `pdsChange` event when the input value\n       * is different than the value when the input was focused.\n       */\n      this.emitValueChange(ev);\n    }\n\n    this.pdsBlur.emit(ev);\n  };\n\n  private onFocusEvent = (ev: FocusEvent) => {\n    this.hasFocus = true;\n    this.focusedValue = this.value;\n\n    this.pdsFocus.emit(ev);\n  };\n\n  private onCompositionStart = () => {\n    this.isComposing = true;\n  }\n\n  private onCompositionEnd = () => {\n    this.isComposing = false;\n  }\n\n  /**\n   * Emits a pdsChange event\n   */\n  private emitValueChange(event?: Event) {\n    const { value } = this;\n    const newValue = value == null ? value : value.toString();\n\n    this.focusedValue = newValue;\n    this.pdsChange.emit({ value: newValue, event });\n  }\n\n  /**\n   * Emits a `pdsInput` event\n   */\n  private emitInputChange(event?: Event) {\n    const { value } = this;\n\n    // Checks for both null and undefined values\n    const newValue = value == null ? value : value.toString();\n\n    this.pdsInput.emit({ value: newValue, event });\n  }\n\n  /**\n   * Updates the form value using ElementInternals API\n   */\n  private updateFormValue() {\n    if (this.internals && this.internals.setFormValue) {\n      const value = this.getValue();\n      this.internals.setFormValue(value || null);\n\n      // Set validity based on native input validation\n      if (this.nativeInput && this.internals && this.internals.setValidity) {\n        this.internals.setValidity(\n          this.nativeInput.validity,\n          this.nativeInput.validationMessage,\n          this.nativeInput\n        );\n      }\n    }\n  }\n\n  /**\n   * Form Associated Custom Elements API: Called when the form is reset\n   */\n  formResetCallback() {\n    this.value = '';\n    this.updateFormValue();\n  }\n\n  /**\n   * Form Associated Custom Elements API: Called when the form is disabled\n   */\n  formDisabledCallback(disabled: boolean) {\n    this.disabled = disabled;\n  }\n\n  /**\n   * Form Associated Custom Elements API: Called to restore form state\n   */\n  formStateRestoreCallback(state: string | FormData | null) {\n    if (typeof state === 'string') {\n      this.value = state;\n    } else if (state instanceof FormData && this.name) {\n      // Extract value from FormData using the input's name\n      const value = state.get(this.name);\n      if (typeof value === 'string') {\n        this.value = value;\n      }\n    }\n  }\n\n  render() {\n    const {\n      componentId,\n      disabled,\n      errorMessage,\n      helperMessage,\n      invalid = false,\n      label,\n    } = this;\n\n    const value = this.getValue();\n\n    const inputWrapperClasses = {\n      'pds-input__field-wrapper': true,\n      'has-focus': this.hasFocus,\n      'has-error': invalid || !!errorMessage,\n      'is-disabled': disabled,\n      'has-prefix': this.hasPrefix,\n      'has-suffix': this.hasSuffix,\n      'has-prepend': this.hasPrepend,\n      'has-append': this.hasAppend,\n    };\n\n    return (\n      <Host\n        aria-disabled={this.disabled ? 'true' : null}\n        aria-readonly={this.readonly ? 'true' : null}\n        has-prefix={this.hasPrefix ? 'true' : null}\n        has-suffix={this.hasSuffix ? 'true' : null}\n        has-prepend={this.hasPrepend ? 'true' : null}\n        has-append={this.hasAppend ? 'true' : null}\n        has-action={this.hasAction && !this.hideLabel ? 'true' : null}\n        full-width={this.fullWidth ? 'true' : null}\n      >\n        <div class=\"pds-input\">\n          {label && (\n            <div class=\"pds-input__label-wrapper\">\n              <label htmlFor={componentId} class=\"pds-input__label\">\n                <span class={this.hideLabel ? 'visually-hidden' : ''}>\n                  {label}\n                  {this.required && <span class=\"pds-input__required-indicator\"> *</span>}\n                </span>\n              </label>\n              {!this.hideLabel && this.renderAction()}\n            </div>\n          )}\n\n          <div class={inputWrapperClasses}>\n            {this.renderPrepend()}\n            {this.renderPrefix()}\n            <input\n              ref={(input) => (this.nativeInput = input)}\n              class=\"pds-input__field\"\n              aria-describedby={assignDescription(componentId, invalid, helperMessage)}\n              aria-invalid={invalid ? \"true\" : undefined}\n              autocomplete={this.autocomplete}\n              disabled={disabled}\n              id={componentId}\n              max={this.max}\n              maxlength={this.maxlength}\n              min={this.min}\n              minlength={this.minlength}\n              name={this.name}\n              pattern={this.pattern}\n              placeholder={this.placeholder}\n              readOnly={this.readonly}\n              required={this.required}\n              step={this.step}\n              type={this.type}\n              value={value}\n              onInput={this.onInputEvent}\n              onChange={this.onChangeEvent}\n              onBlur={this.onBlurEvent}\n              onFocus={this.onFocusEvent}\n              onCompositionstart={this.onCompositionStart}\n              onCompositionend={this.onCompositionEnd}\n              {...this.inheritedAttributes}\n            />\n            {this.renderSuffix()}\n            {this.renderAppend()}\n          </div>\n\n          {helperMessage && (\n            <p class=\"pds-input__helper-message\" id={messageId(componentId, 'helper')}>\n              {helperMessage}\n            </p>\n          )}\n\n          {errorMessage && (\n            <p class=\"pds-input__error-message\" id={messageId(componentId, 'error')}>\n              <pds-icon icon={danger} size=\"small\" />\n              {errorMessage}\n            </p>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/pine-core/p-7b0517e5.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-Cxvdulqq.system.js","./p-kYMYDfJY.system.js"],(function(e){"use strict";var t,i,c,s,o,r;return{setters:[function(e){t=e.r;i=e.c;c=e.h;s=e.H;o=e.g},function(e){r=e.c}],execute:function(){var n=":host{--color-background-interactive:var(--pine-color-grey-200);border-color:inherit;display:table-row;vertical-align:inherit}:host::part(checkbox-cell){background-color:var(--pine-color-background-container);inset-inline-start:var(--pine-dimension-none);position:-webkit-sticky;position:sticky;z-index:1}:host(:hover),:host(:hover)::part(checkbox-cell),:host(:hover) ::slotted(pds-table-cell),:host(.is-selected),:host(.is-selected)::part(checkbox-cell),:host(.is-selected) ::slotted(pds-table-cell){background:var(--color-background-interactive)}";var a=e("pds_table_row",function(){function e(e){var c=this;t(this,e);this.pdsTableRowSelected=i(this,"pdsTableRowSelected");this.handleClick=function(){c.isSelected=!c.isSelected;c.handleSelect(c.isSelected)};this.handleSelect=function(e){c.indeterminate=false;if(!r("pds-table-head",c.hostElement)){var t=Array.from(c.hostElement.parentNode.children).indexOf(c.hostElement);c.pdsTableRowSelected.emit({rowIndex:t,isSelected:e})}};this.generateUniqueId=function(){var e=Math.random().toString(36).substring(2,8);var t=(new Date).toISOString().replace(/[:.]/g,"-");var i="".concat(e,"-").concat(t);return i}}e.prototype.classNames=function(){var e=[];if(this.isSelected){e.push("is-selected")}return e.join("  ")};e.prototype.componentWillRender=function(){this.tableRef=this.hostElement.closest("pds-table");if(this.tableRef&&this.tableRef.fixedColumn){var e=this.hostElement.querySelector("pds-table-cell");e===null||e===void 0?void 0:e.classList.add("is-fixed")}};e.prototype.componentWillLoad=function(){if(this.isSelected){this.handleSelect(this.isSelected)}};e.prototype.render=function(){return c(s,{key:"cffeb199c48f2a06af70a2e5a5b41a21649c24c7",class:this.classNames(),role:"row",part:"row"},this.tableRef&&this.tableRef.selectable&&c("pds-table-cell",{key:"02a80cd54efe360550e636f7bc0f11e3de59af1c",part:this.tableRef.fixedColumn?"checkbox-cell":"checkbox-cell",class:this.tableRef.selectable?"has-checkbox":""},c("pds-checkbox",{key:"a8cd6c303ec35f71e0a97f130c5d53a2e81a3e4a",componentId:this.generateUniqueId(),onClick:this.handleClick,indeterminate:this.indeterminate,label:"Select Row",hideLabel:true,checked:this.isSelected,part:"row-checkbox"})),c("slot",{key:"820a502627ffc329f650f7f0110e34ae3f096357"}))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return o(this)},enumerable:false,configurable:true});return e}());a.style=n}}}));
-//# sourceMappingURL=p-7b0517e5.system.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["pdsTableRowCss","PdsTableRow","exports","class_1","hostRef","_this","this","handleClick","isSelected","handleSelect","indeterminate","closest","hostElement","rowIndex","Array","from","parentNode","children","indexOf","pdsTableRowSelected","emit","generateUniqueId","randomString","Math","random","toString","substring","timestamp","Date","toISOString","replace","uniqueId","concat","prototype","classNames","push","join","componentWillRender","tableRef","fixedColumn","tableCell","querySelector","classList","add","componentWillLoad","render","h","Host","key","class","role","part","selectable","componentId","onClick","label","hideLabel","checked"],"sources":["src/components/pds-table/pds-table-row/pds-table-row.scss?tag=pds-table-row&encapsulation=shadow","src/components/pds-table/pds-table-row/pds-table-row.tsx"],"sourcesContent":[":host {\n  --color-background-interactive: var(--pine-color-grey-200);\n\n  border-color: inherit;\n  display: table-row;\n  vertical-align: inherit;\n\n  // used for pds-checkbox-cell\n  // because it is in the ShadowDom\n  &::part(checkbox-cell) {\n    background-color: var(--pine-color-background-container);\n    inset-inline-start: var(--pine-dimension-none);\n    position: sticky;\n    z-index: 1;\n  }\n}\n\n:host(:hover),\n:host(:hover)::part(checkbox-cell),\n:host(:hover) ::slotted(pds-table-cell),\n:host(.is-selected),\n:host(.is-selected)::part(checkbox-cell),\n:host(.is-selected) ::slotted(pds-table-cell) {\n  background: var(--color-background-interactive);\n}\n","import { Component, Element, Host, h, Event, EventEmitter, Prop } from '@stencil/core';\n\nimport { closest } from '../../../utils/closest';\n\n@Component({\n  tag: 'pds-table-row',\n  styleUrls: ['pds-table-row.scss'],\n  shadow: true,\n})\nexport class PdsTableRow {\n  @Element() hostElement: HTMLPdsTableRowElement;\n  private tableRef: HTMLPdsTableElement;\n\n  /**\n    * Determines if the row selected is in an indeterminate state.\n    */\n  @Prop({ mutable: true }) indeterminate?: boolean;\n\n  /**\n   * Determines if the table row is currently selected.\n   */\n  @Prop({ mutable: true }) isSelected?: boolean;\n\n  /**\n   * Event that is emitted when the checkbox is clicked, carrying the selected value.\n   */\n  @Event() pdsTableRowSelected: EventEmitter<{ rowIndex: number; isSelected: boolean; }>;\n\n  private handleClick = () => {\n    this.isSelected = !this.isSelected; // Toggle the selected state\n    this.handleSelect(this.isSelected);\n  }\n\n  private handleSelect = (isSelected: boolean) => {\n    this.indeterminate = false;\n\n    if (!closest('pds-table-head', this.hostElement)) {\n      const rowIndex = Array.from(this.hostElement.parentNode.children).indexOf(this.hostElement)\n      this.pdsTableRowSelected.emit({\n        rowIndex,\n        isSelected,\n      })\n    }\n  }\n\n  private classNames() {\n    const classNames = [];\n\n    if (this.isSelected) {\n      classNames.push(\"is-selected\");\n    }\n\n    return classNames.join('  ');\n  }\n\n  componentWillRender() {\n    this.tableRef = this.hostElement.closest('pds-table') as HTMLPdsTableElement;\n\n    if (this.tableRef && this.tableRef.fixedColumn) {\n      const tableCell = this.hostElement.querySelector('pds-table-cell');\n      tableCell?.classList.add(\"is-fixed\");\n    }\n  }\n\n  componentWillLoad() {\n    if (this.isSelected) {\n      this.handleSelect(this.isSelected);\n    }\n  }\n\n  private generateUniqueId = () => {\n    const randomString = Math.random().toString(36).substring(2, 8);\n    const timestamp = new Date().toISOString().replace(/[:.]/g, '-');\n    const uniqueId = `${randomString}-${timestamp}`;\n\n    return uniqueId;\n  }\n\n  render() {\n    return (\n      <Host\n        class={this.classNames()}\n        role=\"row\"\n        part=\"row\"\n      >\n        {this.tableRef && this.tableRef.selectable && (\n          <pds-table-cell part={this.tableRef.fixedColumn ? 'checkbox-cell' : 'checkbox-cell'} class={this.tableRef.selectable ? 'has-checkbox' : ''} >\n            <pds-checkbox\n              componentId={this.generateUniqueId()}\n              onClick={this.handleClick}\n              indeterminate={this.indeterminate}\n              label={\"Select Row\"}\n              hideLabel={true}\n              checked={this.isSelected}\n              part=\"row-checkbox\"\n            />\n          </pds-table-cell>\n        )}\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gNAAA,IAAMA,EAAiB,uiB,ICSVC,EAAWC,EAAA,2BALxB,SAAAC,EAAAC,GAAA,IAAAC,EAAAC,K,iEAwBUA,KAAWC,YAAG,WACpBF,EAAKG,YAAcH,EAAKG,WACxBH,EAAKI,aAAaJ,EAAKG,WACzB,EAEQF,KAAAG,aAAe,SAACD,GACtBH,EAAKK,cAAgB,MAErB,IAAKC,EAAQ,iBAAkBN,EAAKO,aAAc,CAChD,IAAMC,EAAWC,MAAMC,KAAKV,EAAKO,YAAYI,WAAWC,UAAUC,QAAQb,EAAKO,aAC/EP,EAAKc,oBAAoBC,KAAK,CAC5BP,SAAQA,EACRL,WAAUA,G,CAGhB,EA2BQF,KAAgBe,iBAAG,WACzB,IAAMC,EAAeC,KAAKC,SAASC,SAAS,IAAIC,UAAU,EAAG,GAC7D,IAAMC,GAAY,IAAIC,MAAOC,cAAcC,QAAQ,QAAS,KAC5D,IAAMC,EAAW,GAAAC,OAAGV,EAAY,KAAAU,OAAIL,GAEpC,OAAOI,CACT,CA0BD,CAzDS5B,EAAA8B,UAAAC,WAAA,WACN,IAAMA,EAAa,GAEnB,GAAI5B,KAAKE,WAAY,CACnB0B,EAAWC,KAAK,c,CAGlB,OAAOD,EAAWE,KAAK,K,EAGzBjC,EAAA8B,UAAAI,oBAAA,WACE/B,KAAKgC,SAAWhC,KAAKM,YAAYD,QAAQ,aAEzC,GAAIL,KAAKgC,UAAYhC,KAAKgC,SAASC,YAAa,CAC9C,IAAMC,EAAYlC,KAAKM,YAAY6B,cAAc,kBACjDD,IAAS,MAATA,SAAS,SAATA,EAAWE,UAAUC,IAAI,W,GAI7BxC,EAAA8B,UAAAW,kBAAA,WACE,GAAItC,KAAKE,WAAY,CACnBF,KAAKG,aAAaH,KAAKE,W,GAY3BL,EAAA8B,UAAAY,OAAA,WACE,OACEC,EAACC,EACC,CAAAC,IAAA,2CAAAC,MAAO3C,KAAK4B,aACZgB,KAAK,MACLC,KAAK,OAEJ7C,KAAKgC,UAAYhC,KAAKgC,SAASc,YAC9BN,EAAA,kBAAAE,IAAA,2CAAgBG,KAAM7C,KAAKgC,SAASC,YAAc,gBAAkB,gBAAiBU,MAAO3C,KAAKgC,SAASc,WAAa,eAAiB,IACtIN,EAAA,gBAAAE,IAAA,2CACEK,YAAa/C,KAAKe,mBAClBiC,QAAShD,KAAKC,YACdG,cAAeJ,KAAKI,cACpB6C,MAAO,aACPC,UAAW,KACXC,QAASnD,KAAKE,WACd2C,KAAK,kBAIXL,EAAa,QAAAE,IAAA,6C,gIAzFG,I","ignoreList":[]}

package/dist/pine-core/p-7b66bc50.entry.js

@@ -1,3 +0,0 @@
-import{r as e,c as t,h as o,H as i,g as n}from"./p-Bf1dou5H.js";import{c as r,o as s,f as a,s as l}from"./p-DbQzNDdQ.js";
-/*! @license DOMPurify 3.2.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.6/LICENSE */const{entries:c,setPrototypeOf:d,isFrozen:p,getPrototypeOf:u,getOwnPropertyDescriptor:f}=Object;let{freeze:h,seal:b,create:m}=Object;let{apply:g,construct:x}=typeof Reflect!=="undefined"&&Reflect;if(!h){h=function e(t){return t}}if(!b){b=function e(t){return t}}if(!g){g=function e(t,o,i){return t.apply(o,i)}}if(!x){x=function e(t,o){return new t(...o)}}const v=I(Array.prototype.forEach);const y=I(Array.prototype.lastIndexOf);const _=I(Array.prototype.pop);const w=I(Array.prototype.push);const k=I(Array.prototype.splice);const T=I(String.prototype.toLowerCase);const O=I(String.prototype.toString);const A=I(String.prototype.match);const E=I(String.prototype.replace);const S=I(String.prototype.indexOf);const R=I(String.prototype.trim);const D=I(Object.prototype.hasOwnProperty);const P=I(RegExp.prototype.test);const z=L(TypeError);function I(e){return function(t){if(t instanceof RegExp){t.lastIndex=0}for(var o=arguments.length,i=new Array(o>1?o-1:0),n=1;n<o;n++){i[n-1]=arguments[n]}return g(e,t,i)}}function L(e){return function(){for(var t=arguments.length,o=new Array(t),i=0;i<t;i++){o[i]=arguments[i]}return x(e,o)}}function C(e,t){let o=arguments.length>2&&arguments[2]!==undefined?arguments[2]:T;if(d){d(e,null)}let i=t.length;while(i--){let n=t[i];if(typeof n==="string"){const e=o(n);if(e!==n){if(!p(t)){t[i]=e}n=e}}e[n]=true}return e}function N(e){for(let t=0;t<e.length;t++){const o=D(e,t);if(!o){e[t]=null}}return e}function M(e){const t=m(null);for(const[o,i]of c(e)){const n=D(e,o);if(n){if(Array.isArray(i)){t[o]=N(i)}else if(i&&typeof i==="object"&&i.constructor===Object){t[o]=M(i)}else{t[o]=i}}}return t}function F(e,t){while(e!==null){const o=f(e,t);if(o){if(o.get){return I(o.get)}if(typeof o.value==="function"){return I(o.value)}}e=u(e)}function o(){return null}return o}const U=h(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]);const j=h(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","filter","font","g","glyph","glyphref","hkern","image","line","lineargradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]);const B=h(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]);const H=h(["animate","color-profile","cursor","discard","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]);const $=h(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover","mprescripts"]);const W=h(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]);const G=h(["#text"]);const X=h(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","face","for","headers","height","hidden","high","href","hreflang","id","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","pattern","placeholder","playsinline","popover","popovertarget","popovertargetaction","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","wrap","xmlns","slot"]);const q=h(["accent-height","accumulate","additive","alignment-baseline","amplitude","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","exponent","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","intercept","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","slope","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","tablevalues","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]);const Y=h(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]);const K=h(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]);const V=b(/\{\{[\w\W]*|[\w\W]*\}\}/gm);const Q=b(/<%[\w\W]*|[\w\W]*%>/gm);const Z=b(/\$\{[\w\W]*/gm);const J=b(/^data-[\-\w.\u00B7-\uFFFF]+$/);const ee=b(/^aria-[\-\w]+$/);const te=b(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i);const oe=b(/^(?:\w+script|data):/i);const ie=b(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g);const ne=b(/^html$/i);const re=b(/^[a-z][.\w]*(-[.\w]+)+$/i);var se=Object.freeze({__proto__:null,ARIA_ATTR:ee,ATTR_WHITESPACE:ie,CUSTOM_ELEMENT:re,DATA_ATTR:J,DOCTYPE_NAME:ne,ERB_EXPR:Q,IS_ALLOWED_URI:te,IS_SCRIPT_OR_DATA:oe,MUSTACHE_EXPR:V,TMPLIT_EXPR:Z});const ae={element:1,text:3,progressingInstruction:7,comment:8,document:9};const le=function e(){return typeof window==="undefined"?null:window};const ce=function e(t,o){if(typeof t!=="object"||typeof t.createPolicy!=="function"){return null}let i=null;const n="data-tt-policy-suffix";if(o&&o.hasAttribute(n)){i=o.getAttribute(n)}const r="dompurify"+(i?"#"+i:"");try{return t.createPolicy(r,{createHTML(e){return e},createScriptURL(e){return e}})}catch(e){console.warn("TrustedTypes policy "+r+" could not be created.");return null}};const de=function e(){return{afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]}};function pe(){let e=arguments.length>0&&arguments[0]!==undefined?arguments[0]:le();const t=e=>pe(e);t.version="3.2.6";t.removed=[];if(!e||!e.document||e.document.nodeType!==ae.document||!e.Element){t.isSupported=false;return t}let{document:o}=e;const i=o;const n=i.currentScript;const{DocumentFragment:r,HTMLTemplateElement:s,Node:a,Element:l,NodeFilter:d,NamedNodeMap:p=e.NamedNodeMap||e.MozNamedAttrMap,HTMLFormElement:u,DOMParser:f,trustedTypes:b}=e;const g=l.prototype;const x=F(g,"cloneNode");const I=F(g,"remove");const L=F(g,"nextSibling");const N=F(g,"childNodes");const V=F(g,"parentNode");if(typeof s==="function"){const e=o.createElement("template");if(e.content&&e.content.ownerDocument){o=e.content.ownerDocument}}let Q;let Z="";const{implementation:J,createNodeIterator:ee,createDocumentFragment:oe,getElementsByTagName:ie}=o;const{importNode:re}=i;let ue=de();t.isSupported=typeof c==="function"&&typeof V==="function"&&J&&J.createHTMLDocument!==undefined;const{MUSTACHE_EXPR:fe,ERB_EXPR:he,TMPLIT_EXPR:be,DATA_ATTR:me,ARIA_ATTR:ge,IS_SCRIPT_OR_DATA:xe,ATTR_WHITESPACE:ve,CUSTOM_ELEMENT:ye}=se;let{IS_ALLOWED_URI:_e}=se;let we=null;const ke=C({},[...U,...j,...B,...$,...G]);let Te=null;const Oe=C({},[...X,...q,...Y,...K]);let Ae=Object.seal(m(null,{tagNameCheck:{writable:true,configurable:false,enumerable:true,value:null},attributeNameCheck:{writable:true,configurable:false,enumerable:true,value:null},allowCustomizedBuiltInElements:{writable:true,configurable:false,enumerable:true,value:false}}));let Ee=null;let Se=null;let Re=true;let De=true;let Pe=false;let ze=true;let Ie=false;let Le=true;let Ce=false;let Ne=false;let Me=false;let Fe=false;let Ue=false;let je=false;let Be=true;let He=false;const $e="user-content-";let We=true;let Ge=false;let Xe={};let qe=null;const Ye=C({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]);let Ke=null;const Ve=C({},["audio","video","img","source","image","track"]);let Qe=null;const Ze=C({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]);const Je="http://www.w3.org/1998/Math/MathML";const et="http://www.w3.org/2000/svg";const tt="http://www.w3.org/1999/xhtml";let ot=tt;let it=false;let nt=null;const rt=C({},[Je,et,tt],O);let st=C({},["mi","mo","mn","ms","mtext"]);let at=C({},["annotation-xml"]);const lt=C({},["title","style","font","a","script"]);let ct=null;const dt=["application/xhtml+xml","text/html"];const pt="text/html";let ut=null;let ft=null;const ht=o.createElement("form");const bt=function e(t){return t instanceof RegExp||t instanceof Function};const mt=function e(){let t=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};if(ft&&ft===t){return}if(!t||typeof t!=="object"){t={}}t=M(t);ct=dt.indexOf(t.PARSER_MEDIA_TYPE)===-1?pt:t.PARSER_MEDIA_TYPE;ut=ct==="application/xhtml+xml"?O:T;we=D(t,"ALLOWED_TAGS")?C({},t.ALLOWED_TAGS,ut):ke;Te=D(t,"ALLOWED_ATTR")?C({},t.ALLOWED_ATTR,ut):Oe;nt=D(t,"ALLOWED_NAMESPACES")?C({},t.ALLOWED_NAMESPACES,O):rt;Qe=D(t,"ADD_URI_SAFE_ATTR")?C(M(Ze),t.ADD_URI_SAFE_ATTR,ut):Ze;Ke=D(t,"ADD_DATA_URI_TAGS")?C(M(Ve),t.ADD_DATA_URI_TAGS,ut):Ve;qe=D(t,"FORBID_CONTENTS")?C({},t.FORBID_CONTENTS,ut):Ye;Ee=D(t,"FORBID_TAGS")?C({},t.FORBID_TAGS,ut):M({});Se=D(t,"FORBID_ATTR")?C({},t.FORBID_ATTR,ut):M({});Xe=D(t,"USE_PROFILES")?t.USE_PROFILES:false;Re=t.ALLOW_ARIA_ATTR!==false;De=t.ALLOW_DATA_ATTR!==false;Pe=t.ALLOW_UNKNOWN_PROTOCOLS||false;ze=t.ALLOW_SELF_CLOSE_IN_ATTR!==false;Ie=t.SAFE_FOR_TEMPLATES||false;Le=t.SAFE_FOR_XML!==false;Ce=t.WHOLE_DOCUMENT||false;Fe=t.RETURN_DOM||false;Ue=t.RETURN_DOM_FRAGMENT||false;je=t.RETURN_TRUSTED_TYPE||false;Me=t.FORCE_BODY||false;Be=t.SANITIZE_DOM!==false;He=t.SANITIZE_NAMED_PROPS||false;We=t.KEEP_CONTENT!==false;Ge=t.IN_PLACE||false;_e=t.ALLOWED_URI_REGEXP||te;ot=t.NAMESPACE||tt;st=t.MATHML_TEXT_INTEGRATION_POINTS||st;at=t.HTML_INTEGRATION_POINTS||at;Ae=t.CUSTOM_ELEMENT_HANDLING||{};if(t.CUSTOM_ELEMENT_HANDLING&&bt(t.CUSTOM_ELEMENT_HANDLING.tagNameCheck)){Ae.tagNameCheck=t.CUSTOM_ELEMENT_HANDLING.tagNameCheck}if(t.CUSTOM_ELEMENT_HANDLING&&bt(t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)){Ae.attributeNameCheck=t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck}if(t.CUSTOM_ELEMENT_HANDLING&&typeof t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements==="boolean"){Ae.allowCustomizedBuiltInElements=t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements}if(Ie){De=false}if(Ue){Fe=true}if(Xe){we=C({},G);Te=[];if(Xe.html===true){C(we,U);C(Te,X)}if(Xe.svg===true){C(we,j);C(Te,q);C(Te,K)}if(Xe.svgFilters===true){C(we,B);C(Te,q);C(Te,K)}if(Xe.mathMl===true){C(we,$);C(Te,Y);C(Te,K)}}if(t.ADD_TAGS){if(we===ke){we=M(we)}C(we,t.ADD_TAGS,ut)}if(t.ADD_ATTR){if(Te===Oe){Te=M(Te)}C(Te,t.ADD_ATTR,ut)}if(t.ADD_URI_SAFE_ATTR){C(Qe,t.ADD_URI_SAFE_ATTR,ut)}if(t.FORBID_CONTENTS){if(qe===Ye){qe=M(qe)}C(qe,t.FORBID_CONTENTS,ut)}if(We){we["#text"]=true}if(Ce){C(we,["html","head","body"])}if(we.table){C(we,["tbody"]);delete Ee.tbody}if(t.TRUSTED_TYPES_POLICY){if(typeof t.TRUSTED_TYPES_POLICY.createHTML!=="function"){throw z('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.')}if(typeof t.TRUSTED_TYPES_POLICY.createScriptURL!=="function"){throw z('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.')}Q=t.TRUSTED_TYPES_POLICY;Z=Q.createHTML("")}else{if(Q===undefined){Q=ce(b,n)}if(Q!==null&&typeof Z==="string"){Z=Q.createHTML("")}}if(h){h(t)}ft=t};const gt=C({},[...j,...B,...H]);const xt=C({},[...$,...W]);const vt=function e(t){let o=V(t);if(!o||!o.tagName){o={namespaceURI:ot,tagName:"template"}}const i=T(t.tagName);const n=T(o.tagName);if(!nt[t.namespaceURI]){return false}if(t.namespaceURI===et){if(o.namespaceURI===tt){return i==="svg"}if(o.namespaceURI===Je){return i==="svg"&&(n==="annotation-xml"||st[n])}return Boolean(gt[i])}if(t.namespaceURI===Je){if(o.namespaceURI===tt){return i==="math"}if(o.namespaceURI===et){return i==="math"&&at[n]}return Boolean(xt[i])}if(t.namespaceURI===tt){if(o.namespaceURI===et&&!at[n]){return false}if(o.namespaceURI===Je&&!st[n]){return false}return!xt[i]&&(lt[i]||!gt[i])}if(ct==="application/xhtml+xml"&&nt[t.namespaceURI]){return true}return false};const yt=function e(o){w(t.removed,{element:o});try{V(o).removeChild(o)}catch(e){I(o)}};const _t=function e(o,i){try{w(t.removed,{attribute:i.getAttributeNode(o),from:i})}catch(e){w(t.removed,{attribute:null,from:i})}i.removeAttribute(o);if(o==="is"){if(Fe||Ue){try{yt(i)}catch(e){}}else{try{i.setAttribute(o,"")}catch(e){}}}};const wt=function e(t){let i=null;let n=null;if(Me){t="<remove></remove>"+t}else{const e=A(t,/^[\r\n\t ]+/);n=e&&e[0]}if(ct==="application/xhtml+xml"&&ot===tt){t='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+t+"</body></html>"}const r=Q?Q.createHTML(t):t;if(ot===tt){try{i=(new f).parseFromString(r,ct)}catch(e){}}if(!i||!i.documentElement){i=J.createDocument(ot,"template",null);try{i.documentElement.innerHTML=it?Z:r}catch(e){}}const s=i.body||i.documentElement;if(t&&n){s.insertBefore(o.createTextNode(n),s.childNodes[0]||null)}if(ot===tt){return ie.call(i,Ce?"html":"body")[0]}return Ce?i.documentElement:s};const kt=function e(t){return ee.call(t.ownerDocument||t,t,d.SHOW_ELEMENT|d.SHOW_COMMENT|d.SHOW_TEXT|d.SHOW_PROCESSING_INSTRUCTION|d.SHOW_CDATA_SECTION,null)};const Tt=function e(t){return t instanceof u&&(typeof t.nodeName!=="string"||typeof t.textContent!=="string"||typeof t.removeChild!=="function"||!(t.attributes instanceof p)||typeof t.removeAttribute!=="function"||typeof t.setAttribute!=="function"||typeof t.namespaceURI!=="string"||typeof t.insertBefore!=="function"||typeof t.hasChildNodes!=="function")};const Ot=function e(t){return typeof a==="function"&&t instanceof a};function At(e,o,i){v(e,(e=>{e.call(t,o,i,ft)}))}const Et=function e(o){let i=null;At(ue.beforeSanitizeElements,o,null);if(Tt(o)){yt(o);return true}const n=ut(o.nodeName);At(ue.uponSanitizeElement,o,{tagName:n,allowedTags:we});if(Le&&o.hasChildNodes()&&!Ot(o.firstElementChild)&&P(/<[/\w!]/g,o.innerHTML)&&P(/<[/\w!]/g,o.textContent)){yt(o);return true}if(o.nodeType===ae.progressingInstruction){yt(o);return true}if(Le&&o.nodeType===ae.comment&&P(/<[/\w]/g,o.data)){yt(o);return true}if(!we[n]||Ee[n]){if(!Ee[n]&&Rt(n)){if(Ae.tagNameCheck instanceof RegExp&&P(Ae.tagNameCheck,n)){return false}if(Ae.tagNameCheck instanceof Function&&Ae.tagNameCheck(n)){return false}}if(We&&!qe[n]){const e=V(o)||o.parentNode;const t=N(o)||o.childNodes;if(t&&e){const i=t.length;for(let n=i-1;n>=0;--n){const i=x(t[n],true);i.__removalCount=(o.__removalCount||0)+1;e.insertBefore(i,L(o))}}}yt(o);return true}if(o instanceof l&&!vt(o)){yt(o);return true}if((n==="noscript"||n==="noembed"||n==="noframes")&&P(/<\/no(script|embed|frames)/i,o.innerHTML)){yt(o);return true}if(Ie&&o.nodeType===ae.text){i=o.textContent;v([fe,he,be],(e=>{i=E(i,e," ")}));if(o.textContent!==i){w(t.removed,{element:o.cloneNode()});o.textContent=i}}At(ue.afterSanitizeElements,o,null);return false};const St=function e(t,i,n){if(Be&&(i==="id"||i==="name")&&(n in o||n in ht)){return false}if(De&&!Se[i]&&P(me,i));else if(Re&&P(ge,i));else if(!Te[i]||Se[i]){if(Rt(t)&&(Ae.tagNameCheck instanceof RegExp&&P(Ae.tagNameCheck,t)||Ae.tagNameCheck instanceof Function&&Ae.tagNameCheck(t))&&(Ae.attributeNameCheck instanceof RegExp&&P(Ae.attributeNameCheck,i)||Ae.attributeNameCheck instanceof Function&&Ae.attributeNameCheck(i))||i==="is"&&Ae.allowCustomizedBuiltInElements&&(Ae.tagNameCheck instanceof RegExp&&P(Ae.tagNameCheck,n)||Ae.tagNameCheck instanceof Function&&Ae.tagNameCheck(n)));else{return false}}else if(Qe[i]);else if(P(_e,E(n,ve,"")));else if((i==="src"||i==="xlink:href"||i==="href")&&t!=="script"&&S(n,"data:")===0&&Ke[t]);else if(Pe&&!P(xe,E(n,ve,"")));else if(n){return false}else;return true};const Rt=function e(t){return t!=="annotation-xml"&&A(t,ye)};const Dt=function e(o){At(ue.beforeSanitizeAttributes,o,null);const{attributes:i}=o;if(!i||Tt(o)){return}const n={attrName:"",attrValue:"",keepAttr:true,allowedAttributes:Te,forceKeepAttr:undefined};let r=i.length;while(r--){const e=i[r];const{name:s,namespaceURI:a,value:l}=e;const c=ut(s);const d=l;let p=s==="value"?d:R(d);n.attrName=c;n.attrValue=p;n.keepAttr=true;n.forceKeepAttr=undefined;At(ue.uponSanitizeAttribute,o,n);p=n.attrValue;if(He&&(c==="id"||c==="name")){_t(s,o);p=$e+p}if(Le&&P(/((--!?|])>)|<\/(style|title)/i,p)){_t(s,o);continue}if(n.forceKeepAttr){continue}if(!n.keepAttr){_t(s,o);continue}if(!ze&&P(/\/>/i,p)){_t(s,o);continue}if(Ie){v([fe,he,be],(e=>{p=E(p,e," ")}))}const u=ut(o.nodeName);if(!St(u,c,p)){_t(s,o);continue}if(Q&&typeof b==="object"&&typeof b.getAttributeType==="function"){if(a);else{switch(b.getAttributeType(u,c)){case"TrustedHTML":{p=Q.createHTML(p);break}case"TrustedScriptURL":{p=Q.createScriptURL(p);break}}}}if(p!==d){try{if(a){o.setAttributeNS(a,s,p)}else{o.setAttribute(s,p)}if(Tt(o)){yt(o)}else{_(t.removed)}}catch(e){_t(s,o)}}}At(ue.afterSanitizeAttributes,o,null)};const Pt=function e(t){let o=null;const i=kt(t);At(ue.beforeSanitizeShadowDOM,t,null);while(o=i.nextNode()){At(ue.uponSanitizeShadowNode,o,null);Et(o);Dt(o);if(o.content instanceof r){e(o.content)}}At(ue.afterSanitizeShadowDOM,t,null)};t.sanitize=function(e){let o=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};let n=null;let s=null;let l=null;let c=null;it=!e;if(it){e="\x3c!--\x3e"}if(typeof e!=="string"&&!Ot(e)){if(typeof e.toString==="function"){e=e.toString();if(typeof e!=="string"){throw z("dirty is not a string, aborting")}}else{throw z("toString is not a function")}}if(!t.isSupported){return e}if(!Ne){mt(o)}t.removed=[];if(typeof e==="string"){Ge=false}if(Ge){if(e.nodeName){const t=ut(e.nodeName);if(!we[t]||Ee[t]){throw z("root node is forbidden and cannot be sanitized in-place")}}}else if(e instanceof a){n=wt("\x3c!----\x3e");s=n.ownerDocument.importNode(e,true);if(s.nodeType===ae.element&&s.nodeName==="BODY"){n=s}else if(s.nodeName==="HTML"){n=s}else{n.appendChild(s)}}else{if(!Fe&&!Ie&&!Ce&&e.indexOf("<")===-1){return Q&&je?Q.createHTML(e):e}n=wt(e);if(!n){return Fe?null:je?Z:""}}if(n&&Me){yt(n.firstChild)}const d=kt(Ge?e:n);while(l=d.nextNode()){Et(l);Dt(l);if(l.content instanceof r){Pt(l.content)}}if(Ge){return e}if(Fe){if(Ue){c=oe.call(n.ownerDocument);while(n.firstChild){c.appendChild(n.firstChild)}}else{c=n}if(Te.shadowroot||Te.shadowrootmode){c=re.call(i,c,true)}return c}let p=Ce?n.outerHTML:n.innerHTML;if(Ce&&we["!doctype"]&&n.ownerDocument&&n.ownerDocument.doctype&&n.ownerDocument.doctype.name&&P(ne,n.ownerDocument.doctype.name)){p="<!DOCTYPE "+n.ownerDocument.doctype.name+">\n"+p}if(Ie){v([fe,he,be],(e=>{p=E(p,e," ")}))}return Q&&je?Q.createHTML(p):p};t.setConfig=function(){let e=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};mt(e);Ne=true};t.clearConfig=function(){ft=null;Ne=false};t.isValidAttribute=function(e,t,o){if(!ft){mt({})}const i=ut(e);const n=ut(t);return St(i,n,o)};t.addHook=function(e,t){if(typeof t!=="function"){return}w(ue[e],t)};t.removeHook=function(e,t){if(t!==undefined){const o=y(ue[e],t);return o===-1?undefined:k(ue[e],o,1)[0]}return _(ue[e])};t.removeHooks=function(e){ue[e]=[]};t.removeAllHooks=function(){ue=de()};return t}var ue=pe();const fe=":host{display:block}:host([disabled=true]) .pds-combobox__input-icon{color:var(--pine-color-text-disabled);pointer-events:none}.pds-combobox{position:relative}.pds-combobox__label{display:block;font-size:0.95rem;-webkit-margin-after:var(--pine-dimension-150);margin-block-end:var(--pine-dimension-150)}.pds-combobox__input-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;position:relative;width:100%}.pds-combobox__input{background:var(--pine-color-background-container);border:1px solid var(--pine-color-border);border-radius:var(--pine-dimension-125);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text-active);-ms-flex:1;flex:1;font:var(--pine-typography-body-medium);padding:var(--pine-dimension-xs) var(--pine-dimension-450) var(--pine-dimension-xs) var(--pine-dimension-150);-webkit-transition:border-color 0.2s ease;transition:border-color 0.2s ease;width:100%}.pds-combobox__input:hover:not(:disabled){border-color:var(--pine-color-border-hover)}.pds-combobox__input: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-combobox__input:disabled::-webkit-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:disabled::-moz-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:disabled:-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:disabled::-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:disabled::placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:focus-visible{border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-combobox__input::-webkit-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input::-moz-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input:-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input::-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input::placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input-icon{color:var(--pine-color-text-secondary);pointer-events:none;position:absolute;right:var(--pine-dimension-150);z-index:1}.pds-combobox__listbox{background:var(--pine-color-background-container);border:0;border-radius:var(--pine-dimension-125);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);list-style:none;margin:0;min-width:220px;overflow-y:auto;padding:var(--pine-dimension-xs);position:absolute;z-index:1000}.pds-combobox__option{-ms-flex-align:center;align-items:center;background:transparent;border-radius:var(--pine-dimension-125);color:var(--pine-color-text-secondary);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-medium);-ms-flex-pack:justify;justify-content:space-between;padding:var(--pine-dimension-xs) var(--pine-dimension-sm);position:relative;-webkit-transition:background 0.15s;transition:background 0.15s}.pds-combobox__option[aria-selected=true]{background:var(--pine-color-grey-150)}.pds-combobox__option:focus-visible{outline:0}.pds-combobox__option .pds-combobox__option--layout .pds-combobox__option-layout-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:100%}.pds-combobox__option:last-child{-webkit-margin-after:0;margin-block-end:0}.pds-combobox__option--highlighted,.pds-combobox__option[selected],.pds-combobox__option--selected{background:var(--pine-color-grey-150)}.pds-combobox__option-check{color:currentColor;font-size:var(--pine-dimension-150);-webkit-margin-start:var(--pine-dimension-150);margin-inline-start:var(--pine-dimension-150)}.pds-combobox__group-label{color:var(--pine-color-text-placeholder);cursor:default;font:var(--pine-typography-heading-caption);-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs);-webkit-margin-before:var(--pine-dimension-150);margin-block-start:var(--pine-dimension-150);padding:var(--pine-dimension-2xs) var(--pine-dimension-sm);text-transform:uppercase}.pds-combobox__group-label:first-child{-webkit-margin-before:0;margin-block-start:0}.pds-combobox__button-trigger{-ms-flex-align:center;align-items:center;background:var(--color-background-default, var(--pine-color-secondary));border:var(--pine-border);border-radius:var(--pine-border-radius-full);color:var(--color-text-default, #ffffff);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-medium);-ms-flex-pack:justify;justify-content:space-between;min-height:var(--pine-dimension-450);outline:none;padding:0 var(--pine-dimension-sm);-webkit-transition:border-color 0.15s, background 0.15s, -webkit-box-shadow 0.15s;transition:border-color 0.15s, background 0.15s, -webkit-box-shadow 0.15s;transition:border-color 0.15s, box-shadow 0.15s, background 0.15s;transition:border-color 0.15s, box-shadow 0.15s, background 0.15s, -webkit-box-shadow 0.15s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pds-combobox__button-trigger .pds-combobox__button-trigger-layout-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}.pds-combobox__button-trigger .trigger-content{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:100%}.pds-combobox__button-trigger:focus-visible{border-color:var(--color-border-focus, var(--pine-color-border));-webkit-box-shadow:0 0 0 2px var(--color-outline, var(--pine-color-focus-ring));box-shadow:0 0 0 2px var(--color-outline, var(--pine-color-focus-ring))}.pds-combobox__button-trigger:hover{background:var(--color-background-hover, var(--pine-color-secondary-hover));border-color:var(--color-border-hover, var(--pine-color-border-hover))}.pds-combobox__button-trigger[aria-disabled=true],.pds-combobox__button-trigger:disabled{background:var(--color-background-disabled, var(--pine-color-secondary-disabled));border-color:var(--color-border-disabled, var(--pine-color-border-disabled));color:var(--color-text-disabled, var(--pine-color-text-secondary-disabled));cursor:not-allowed;opacity:0.6}.pds-combobox__button-trigger-label{color:inherit;-ms-flex:1 1 auto;flex:1 1 auto;text-align:start}.pds-combobox__button-trigger-chevron{color:currentColor;-webkit-margin-start:var(--pine-dimension-150);margin-inline-start:var(--pine-dimension-150)}.pds-combobox__button-trigger--primary{--color-background-default:var(--pine-color-primary);--color-background-hover:var(--pine-color-primary-hover);--color-background-disabled:var(--pine-color-primary-disabled);--color-border-default:var(--pine-color-primary);--color-border-hover:var(--pine-color-primary-hover);--color-border-disabled:var(--pine-color-primary-disabled);--color-border-focus:var(--pine-color-primary);--color-text-default:var(--pine-color-text-primary);--color-text-disabled:var(--pine-color-text-primary-disabled);--color-outline:var(--pine-color-focus-ring)}.pds-combobox__button-trigger--accent{--color-background-default:var(--pine-color-accent);--color-background-hover:var(--pine-color-accent-hover);--color-background-disabled:var(--pine-color-accent-disabled);--color-border-default:var(--pine-color-accent);--color-border-hover:var(--pine-color-accent-hover);--color-border-disabled:var(--pine-color-accent-disabled);--color-border-focus:var(--pine-color-accent);--color-text-default:var(--pine-color-text-primary);--color-text-disabled:var(--pine-color-text-accent-disabled);--color-outline:var(--pine-color-focus-ring)}.pds-combobox__button-trigger--secondary{--color-background-default:var(--pine-color-secondary);--color-background-hover:var(--pine-color-secondary-hover);--color-background-disabled:var(--pine-color-secondary-disabled);--color-border-default:var(--pine-color-border);--color-border-hover:var(--pine-color-border-hover);--color-border-disabled:var(--pine-color-border-disabled);--color-border-focus:var(--pine-color-border);--color-text-default:var(--pine-color-text-secondary);--color-text-disabled:var(--pine-color-text-secondary-disabled);--color-outline:var(--pine-color-focus-ring)}.pds-combobox__button-trigger--destructive{--color-background-default:var(--pine-color-danger);--color-background-hover:var(--pine-color-danger-hover);--color-background-disabled:var(--pine-color-danger-disabled);--color-border-default:var(--pine-color-danger);--color-border-hover:var(--pine-color-danger-hover);--color-border-disabled:var(--pine-color-danger-disabled);--color-border-focus:var(--pine-color-danger);--color-text-default:var(--pine-color-text-primary);--color-text-disabled:var(--pine-color-text-danger-disabled);--color-outline:var(--pine-color-focus-ring-danger)}.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}[data-layout]{border-radius:var(--pine-dimension-125);padding-block:var(--pine-dimension-xs)}";const he=class{constructor(o){e(this,o);this.pdsComboboxChange=t(this,"pdsComboboxChange");this.customOptionLayouts=false;this.customTriggerContent=false;this.disabled=false;this.dropdownPlacement="bottom-start";this.dropdownWidth="236px";this.hideLabel=false;this.mode="filter";this.trigger="input";this.triggerWidth="fit-content";this.triggerVariant="secondary";this.value="";this.filteredItems=[];this.highlightedIndex=-1;this.isOpen=false;this.selectedOption=null;this.selectedOptionLayoutContent="";this.optionEls=[];this.allItems=[];this.handleInput=e=>{const t=e.target;this.value=t.value;this.isOpen=true;this.filterOptions();setTimeout((()=>this.openDropdownPositioning()),0)};this.handleInputClick=()=>{if(!this.isOpen){this.isOpen=true;this.filterOptions();setTimeout((()=>this.openDropdownPositioning()),0)}};this.handleKeyDown=e=>{if(!this.isOpen&&(e.key==="ArrowDown"||e.key==="ArrowUp"||e.altKey&&e.key==="ArrowDown")){e.preventDefault();this.isOpen=true;this.filterOptions();const t=this.filteredItems.filter((e=>e.tagName==="OPTION"));if(t.length>0){this.highlightedIndex=0}setTimeout((()=>{this.openDropdownPositioning();if(this.trigger==="input"){this.focusFirstOption()}else{this.focusFirstOptionForArrowKeys()}}),0);return}if(!this.isOpen){return}const t=this.filteredItems.filter((e=>e.tagName==="OPTION"));switch(e.key){case"ArrowDown":e.preventDefault();if(this.highlightedIndex<0&&t.length>0){this.highlightedIndex=0}else{this.highlightedIndex=Math.min(this.highlightedIndex+1,t.length-1)}this.updateOptionFocus();break;case"ArrowUp":e.preventDefault();if(this.highlightedIndex<0&&t.length>0){this.highlightedIndex=t.length-1}else{this.highlightedIndex=Math.max(this.highlightedIndex-1,0)}this.updateOptionFocus();break;case"Home":e.preventDefault();if(t.length>0){this.highlightedIndex=0;this.updateOptionFocus()}break;case"End":e.preventDefault();if(t.length>0){this.highlightedIndex=t.length-1;this.updateOptionFocus()}break;case"PageDown":e.preventDefault();if(t.length>0){const e=Math.min(this.highlightedIndex+10,t.length-1);this.highlightedIndex=e;this.updateOptionFocus()}break;case"PageUp":e.preventDefault();if(t.length>0){const e=Math.max(this.highlightedIndex-10,0);this.highlightedIndex=e;this.updateOptionFocus()}break;case"Enter":e.preventDefault();if(this.highlightedIndex>=0&&this.highlightedIndex<t.length){this.handleOptionClick(t[this.highlightedIndex]);this.restoreFocusToTrigger()}break;case"Escape":e.preventDefault();this.isOpen=false;this.highlightedIndex=-1;this.isArrowKeyNavigationMode=false;this.restoreFocusToTrigger();break;case"Tab":this.isOpen=false;this.highlightedIndex=-1;this.isArrowKeyNavigationMode=false;break}};this.isArrowKeyNavigationMode=false;this.onOptionClick=e=>{const t=Number(e.currentTarget.getAttribute("data-option-index"));const o=this.filteredItems.filter((e=>e.tagName==="OPTION"));const i=o[t];this.handleOptionClick(i)};this.onOptionMouseEnter=e=>{const t=Number(e.currentTarget.getAttribute("data-option-index"));this.highlightedIndex=t};this.onOptionMouseDown=e=>{e.preventDefault()};this.onOptionKeyDown=e=>{this.handleKeyDown(e)};this.onButtonTriggerClick=()=>{this.isOpen=!this.isOpen;if(this.isOpen){this.filterOptions();const e=this.filteredItems.filter((e=>e.tagName==="OPTION"));if(e.length>0){this.highlightedIndex=0;this.isArrowKeyNavigationMode=true}setTimeout((()=>this.openDropdownPositioning()),0)}else{this.isArrowKeyNavigationMode=false}};this.onButtonTriggerKeyDown=e=>{if((e.key==="Enter"||e.key===" "||e.key==="ArrowDown"||e.key==="ArrowUp")&&!this.isOpen){e.preventDefault();e.stopPropagation();this.isOpen=true;this.filterOptions();const t=this.filteredItems.filter((e=>e.tagName==="OPTION"));if(t.length>0){this.highlightedIndex=0}setTimeout((()=>{this.openDropdownPositioning();this.focusFirstOptionForArrowKeys()}),0)}else if(e.key==="Escape"){e.preventDefault();if(this.isOpen){this.isOpen=false;this.highlightedIndex=-1;this.updateAriaActiveDescendant();this.restoreFocusToTrigger()}}else if(this.isOpen){this.handleKeyDown(e)}};this.onButtonTriggerKeyUp=e=>{if(e.key===" "){e.preventDefault();e.stopPropagation()}};this.onComboboxFocusOut=e=>{var t;const o=e.relatedTarget;const i=o&&((t=this.listboxEl)===null||t===void 0?void 0:t.contains(o));const n=this.el.contains(o);if(!n&&!i){this.isOpen=false;this.highlightedIndex=-1;this.isArrowKeyNavigationMode=false;this.updateAriaActiveDescendant();if(this.selectedOption&&this.value!==this.getOptionLabel(this.selectedOption)){this.value=this.getOptionLabel(this.selectedOption)}}}}componentWillLoad(){this.updateOptions()}handleValueChange(){this.filterOptions()}handleSelectedOptionChange(){this.selectedOptionLayoutContent=this.selectedOption&&this.isOptionLayout(this.selectedOption)?this.getOptionLayoutContent(this.selectedOption):""}updateOptions(){var e;const t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector('slot[name="option"], slot:not([name])');if(t){const e=t.assignedElements({flatten:true});this.allItems=[];this.optionEls=[];e.forEach((e=>{if(e.tagName==="OPTION"){this.optionEls.push(e);this.allItems.push(e)}else if(e.tagName==="OPTGROUP"){const t=e;this.allItems.push(t);Array.from(t.children).forEach((e=>{if(e.tagName==="OPTION"){this.optionEls.push(e);this.allItems.push(e)}}))}else if(e.tagName==="PDS-TEXT"){this.allItems.push(e)}}));if(!this.selectedOption){const e=this.optionEls.find((e=>e.hasAttribute("selected")))||null;this.setSelectedOption(e)}this.filterOptions()}}getOptionLabel(e){return e.label||e.textContent||""}getOptionLayoutContent(e){return this.sanitizeHtml(e.innerHTML||"")}sanitizeHtml(e){const t={CUSTOM_ELEMENT_HANDLING:{tagNameCheck:e=>e.startsWith("pds-")||/^[a-z]+$/i.test(e),attributeNameCheck:e=>/^[a-zA-Z][a-zA-Z0-9-]*$/.test(e)||e.startsWith("data-")||e.startsWith("aria-"),allowCustomizedBuiltInElements:false},ALLOW_DATA_ATTR:true,ALLOW_ARIA_ATTR:true,FORBID_TAGS:["script","iframe","object","embed","form","input","textarea","select","button","style"],FORBID_ATTR:["onerror","onload","onclick","onmouseover","onmouseout","onmousemove","onfocus","onblur","onchange","onsubmit","onkeydown","onkeyup","onkeypress","onmousedown","onmouseup","ondblclick","oncontextmenu","onscroll"],ALLOWED_URI_REGEXP:/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|cid|xmpp|data):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i};return ue.sanitize(e,t)}isOptionLayout(e){return this.customOptionLayouts&&e.hasAttribute("data-layout")}isOptionSelected(e){return this.selectedOption===e}setSelectedOption(e){this.selectedOption=e}filterOptions(){if(this.allItems.length===0&&this.optionEls.length>0){this.allItems=[...this.optionEls]}if(this.mode==="select-only"){this.filteredItems=[...this.allItems]}else{const e=this.value.toLowerCase();const t=this.optionEls.filter((t=>{if(this.isOptionLayout(t)){const o=t.getAttribute("data-search-text")||t.textContent||"";return o.toLowerCase().includes(e)}return this.getOptionLabel(t).toLowerCase().includes(e)}));this.filteredItems=[];let o=null;this.allItems.forEach((e=>{if(e.tagName==="OPTGROUP"||e.tagName==="PDS-TEXT"){o=e}else if(e.tagName==="OPTION"&&t.includes(e)){const t=e;const i=t.parentElement;let n=null;if(i&&i.tagName==="OPTGROUP"){n=i}else if(o&&o.tagName==="PDS-TEXT"){n=o}if(n&&!this.filteredItems.includes(n)){this.filteredItems.push(n)}this.filteredItems.push(t)}}))}this.highlightedIndex=-1}openDropdownPositioning(){if(this.triggerEl&&this.listboxEl){this.listboxEl.style.width=this.dropdownWidth;if(this.maxHeight){this.listboxEl.style.maxHeight=this.maxHeight;this.listboxEl.style.overflowY="auto"}r(this.triggerEl,this.listboxEl,{placement:this.dropdownPlacement,strategy:"absolute",middleware:[s(12),a(),l({padding:5})]}).then((({x:e,y:t})=>{Object.assign(this.listboxEl.style,{left:`${e}px`,top:`${t}px`,position:"absolute",zIndex:1e3})}))}}async setFocus(){var e;if(this.inputEl){this.inputEl.focus()}else{(e=this.triggerEl)===null||e===void 0?void 0:e.focus()}}focusFirstOption(){if(this.isOpen){const e=this.filteredItems.filter((e=>e.tagName==="OPTION"));if(e.length>0){this.highlightedIndex=0;if(this.listboxEl){this.updateOptionFocus()}}}}focusFirstOptionForArrowKeys(){if(this.isOpen){this.isArrowKeyNavigationMode=true;const e=this.filteredItems.filter((e=>e.tagName==="OPTION"));if(e.length>0){this.highlightedIndex=0;if(this.listboxEl){const e=this.listboxEl.querySelectorAll('[role="option"]');const t=e[0];if(t){e.forEach((e=>{e.setAttribute("tabindex","-1")}));t.setAttribute("tabindex","0");t.focus();t.scrollIntoView({block:"nearest",behavior:"smooth"})}}this.updateAriaActiveDescendant()}}}updateOptionFocus(){if(!this.listboxEl||this.highlightedIndex<0)return;const e=this.listboxEl.querySelectorAll('[role="option"]');const t=e[this.highlightedIndex];if(t){const o=Array.from(e).some((e=>e===document.activeElement));if(o||this.isArrowKeyNavigationMode){e.forEach((e=>{e.setAttribute("tabindex","-1")}));t.setAttribute("tabindex","0");t.focus()}t.scrollIntoView({block:"nearest",behavior:"smooth"})}this.updateAriaActiveDescendant()}updateAriaActiveDescendant(){if(this.triggerEl&&this.highlightedIndex>=0){this.triggerEl.setAttribute("aria-activedescendant",`pds-combobox-option-${this.highlightedIndex}`)}else if(this.triggerEl){this.triggerEl.removeAttribute("aria-activedescendant")}}restoreFocusToTrigger(){setTimeout((()=>{if(this.inputEl){this.inputEl.focus()}else if(this.triggerEl){this.triggerEl.focus()}}),0)}async getSelectedValue(){return this.selectedOption?this.selectedOption.value:null}get selectedLabel(){return this.selectedOption?this.getOptionLabel(this.selectedOption):""}get selectedLayoutContent(){return this.selectedOptionLayoutContent}get selectedHasLayout(){return this.selectedOption?this.isOptionLayout(this.selectedOption):false}handleOptionClick(e){this.setSelectedOption(e);this.value=this.getOptionLabel(e);this.isOpen=false;this.pdsComboboxChange.emit({value:e.value})}renderDropdown(){if(!this.isOpen||this.filteredItems.length===0){return null}let e=0;const t=this.filteredItems.filter((e=>e.tagName==="OPTION"));return o("ul",{class:"pds-combobox__listbox",role:"listbox",id:"pds-combobox-listbox","aria-label":this.label||"Options","aria-multiselectable":"false",ref:e=>this.listboxEl=e},this.filteredItems.map(((i,n)=>{if(i.tagName==="OPTGROUP"){const e=i;return o("li",{key:`optgroup-${n}`,class:"pds-combobox__group-label",role:"presentation","aria-label":e.label},e.label)}else if(i.tagName==="PDS-TEXT"){const e=i;return o("li",{key:`pds-text-${n}`,class:"pds-combobox__group-label",role:"presentation"},e.textContent)}else if(i.tagName==="OPTION"){const n=i;const r=this.isOptionSelected(n);const s=this.highlightedIndex===e;const a=this.isOptionLayout(n);const l=e++;return o("li",{key:n.value,id:`pds-combobox-option-${l}`,role:"option","aria-selected":r?"true":"false","aria-setsize":t.length,"aria-posinset":l+1,"aria-label":a?n.getAttribute("aria-label")||this.getOptionLabel(n):undefined,tabindex:s?"0":"-1",class:{"pds-combobox__option":true,"pds-combobox__option--highlighted":s,"pds-combobox__option--layout":a},"data-option-index":l,onMouseDown:this.onOptionMouseDown,onClick:this.onOptionClick,onMouseEnter:this.onOptionMouseEnter,onKeyDown:this.onOptionKeyDown},a?o("pds-box",{class:"pds-combobox__option-layout-wrapper",innerHTML:this.getOptionLayoutContent(n)}):this.getOptionLabel(n),r&&o("pds-icon",{icon:"check",size:"regular",class:"pds-combobox__option-check"}))}return null})))}renderCaretIcon(){return o("pds-icon",{icon:"caret-down","aria-hidden":"true",class:"pds-combobox__button-trigger-chevron"})}renderLayoutContent(){return o("div",{class:"pds-combobox__button-trigger-layout-wrapper",innerHTML:this.selectedLayoutContent})}renderDefaultContent(){return o("span",{class:"pds-combobox__button-trigger-label"},this.selectedLabel||this.placeholder)}shouldShowLayoutContent(){return this.selectedHasLayout&&!!this.selectedLayoutContent}renderButtonTriggerContent(){if(this.customTriggerContent){if(this.shouldShowLayoutContent()){return[this.renderLayoutContent(),this.renderCaretIcon()]}return o("slot",{name:"trigger-content"})}if(this.shouldShowLayoutContent()){return[this.renderLayoutContent(),this.renderCaretIcon()]}return[this.renderDefaultContent(),this.renderCaretIcon()]}render(){const e=`pds-combobox__button-trigger pds-combobox__button-trigger--${this.triggerVariant}`;return o(i,{key:"a7e29f0e0c5ee43f1516b3668dbabb3231ecf728"},o("div",{key:"67da7d8953761ec64f30a4292785b7e8ed5d1449",class:"pds-combobox",tabIndex:-1,onFocusout:this.onComboboxFocusOut},this.label&&o("label",{key:"0f013de1a3d6ccdce2fe31c18b144f7178a2c30f",htmlFor:this.componentId,class:"pds-combobox__label"},o("span",{key:"3c7dfa84d68565e10b5784aa2365d9c5164b7d06",class:this.hideLabel?"visually-hidden":""},this.label)),this.trigger==="input"?o("div",{class:"pds-combobox__input-wrapper",style:{width:this.triggerWidth}},o("input",{ref:e=>{this.inputEl=e;this.triggerEl=e},class:"pds-combobox__input",type:"text",role:"combobox","aria-autocomplete":"list","aria-controls":"pds-combobox-listbox","aria-activedescendant":this.isOpen&&this.highlightedIndex>=0?`pds-combobox-option-${this.highlightedIndex}`:undefined,"aria-expanded":this.isOpen?"true":"false","aria-disabled":this.disabled?"true":"false","aria-label":this.hideLabel?this.label:undefined,id:this.componentId,value:this.value,placeholder:this.placeholder,disabled:this.disabled,onInput:this.handleInput,onClick:this.handleInputClick,onKeyDown:this.handleKeyDown,autocomplete:"off",part:"input"}),o("pds-icon",{icon:"enlarge","aria-hidden":"true",class:"pds-combobox__input-icon"})):o("div",{class:e,style:{width:this.triggerWidth},role:"combobox","aria-haspopup":"listbox","aria-controls":"pds-combobox-listbox","aria-activedescendant":this.isOpen&&this.highlightedIndex>=0?`pds-combobox-option-${this.highlightedIndex}`:undefined,"aria-expanded":this.isOpen?"true":"false","aria-disabled":this.disabled?"true":"false","aria-label":this.hideLabel?this.label:undefined,id:this.componentId,tabIndex:this.disabled?-1:0,onClick:this.onButtonTriggerClick,"data-layout":this.customTriggerContent,onKeyDown:this.onButtonTriggerKeyDown,onKeyUp:this.onButtonTriggerKeyUp,ref:e=>this.triggerEl=e,part:"button-trigger"},this.renderButtonTriggerContent()),o("div",{key:"cbf26d489f2ffc32fc1f0820f962aef74b62bed4",style:{display:"none"}},o("slot",{key:"ad01cd795f9cd5aba1bbe25d0dac2d489b3e5f20",onSlotchange:()=>this.updateOptions()})),this.renderDropdown()))}get el(){return n(this)}static get watchers(){return{value:["handleValueChange"],selectedOption:["handleSelectedOptionChange"]}}};he.style=fe;export{he as pds_combobox};
-//# sourceMappingURL=p-7b66bc50.entry.js.map