npm - udp-stencil-component-library - Versions diffs - 25.18.2-beta.4 → 25.18.2-beta.6 - Mend

udp-stencil-component-library 25.18.2-beta.4 → 25.18.2-beta.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (536) hide show

package/dist/stencil-library/numeric-field_5.entry.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as e,H as p,a as n}from"./index-CaZq3YdB.js";const r=':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}';const o=class{constructor(e){t(this,e);this.change=i(this,"change");this.error="";this.size="normal";this.margin="normal";this.internalValue="";this.onInput=t=>{const i=t.target.value;this.internalValue=i;if(this.value!==undefined){this.value=i}};this.onChange=t=>{const i=t.target.value;this.change.emit(i)};this.onFocus=()=>{};this.onBlur=()=>{}}updateError(){this.errorMessage=this.error}initialValueChanged(t){if(this.internalValue===""||this.internalValue===undefined||this.value===undefined){if(t!==undefined){this.internalValue=t}}}valueChanged(){if(this.value!==undefined&&this.value!==this.internalValue){this.internalValue=this.value}}componentWillLoad(){this.internalValue=this.value!==undefined?this.value:this.initialValue||"";if(this.error){this.errorMessage=this.error}}render(){const t=!!this.errorMessage;const i={"bx--text-input":true,"bx--text-input--error":t,"text-field--disabled":this.disabled};return e(p,{key:"efe222e4acc6be9cbb2741e757673f6958e895da",class:{"udp-input":true,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--hidden":this.hidden,"udp-input--required":this.required,"udp-input--readonly":this.readonly,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},e("div",{key:"66feb024a13e9c2fb95a386d0e025b15a9fcebb5",class:"bx--form-item"},e("unity-typography",{key:"65469753637179be15c383bf8f6f819d9b5fdb10",variant:"caption-text"},e("label",{key:"cf0f7ddd918efde5aacba18537536bb2dd101e98",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),this.hidden?e("input",{id:this.id,type:"hidden",value:this.internalValue,name:this.name}):e("input",{id:this.id,name:this.name,type:"number",class:Object.assign({},i),placeholder:this.placeholder,value:this.internalValue,required:this.required,disabled:this.disabled,readOnly:this.readonly,onFocus:this.onFocus,onInput:this.onInput,onChange:this.onChange,onBlur:this.onBlur,inputMode:this.inputMode,min:this.min,max:this.max,step:this.step,udprecordid:"udpRecord-number-field-"+this.id}),t&&e("div",{key:"679fa05b23a7d3a41fb18f3a77859331f6460011",class:"error-message"},e("unity-typography",{key:"ea5f43b1356863a2dfe7b76918ddad8d646030a3",variant:"caption-text",color:"error"},this.errorMessage))))}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};o.style=r;const s=':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}';const u=class{constructor(e){t(this,e);this.change=i(this,"change");this.errorEvent=i(this,"error");this.size="normal";this.margin="normal";this.readonly=false;this.onInput=t=>{if(this.readonly){const i=t.target;i.value=this.internalValue;return}const i=t.target.value;this.internalValue=i;if(this.value!==undefined){this.value=i}if(this.errorMessage){const t=this.validateCharacterLength(i);if(t!==this.errorMessage){this.setAndDispatchError(t)}}this.adjustTextAreaHeight()};this.onChange=t=>{if(this.readonly){return}const i=t.target.value;const e=this.validateCharacterLength(i);if(e){this.setAndDispatchError(e)}else{this.setAndDispatchError("")}this.change.emit(i)}}updateError(){this.errorMessage=this.error}initialValueChanged(t){if(this.internalValue===""||this.internalValue===undefined||this.value===undefined){if(t!==undefined){this.internalValue=t;Promise.resolve().then((()=>this.adjustTextAreaHeight()))}}}valueChanged(){if(this.value!==undefined&&this.value!==this.internalValue){this.internalValue=this.value;Promise.resolve().then((()=>this.adjustTextAreaHeight()))}}validateCharacterLength(t){if(!t)return"";const i=t.length;if(this.minCharacter&&i<this.minCharacter){return`Must be at least ${this.minCharacter} characters`}if(this.maxCharacter&&i>this.maxCharacter){return`Must be no more than ${this.maxCharacter} characters`}return""}setAndDispatchError(t){console.log("Setting text area error:",t);this.errorMessage=t;this.errorEvent.emit(t);const i=new CustomEvent("error",{detail:t,bubbles:true,composed:true});this.el.dispatchEvent(i)}componentWillLoad(){this.internalValue=this.value!==undefined?this.value:this.initialValue||"";if(this.error){this.errorMessage=this.error}let t=this.rows;const i=this.minRows===undefined?1:this.minRows;if(t===undefined){t=i}t=Math.max(i,t);if(this.maxRows!==undefined){t=Math.min(this.maxRows,t)}this.internalRows=t;if(this.internalValue){const t=this.validateCharacterLength(this.internalValue);if(t){this.setAndDispatchError(t)}}}componentDidLoad(){this.adjustTextAreaHeight()}adjustTextAreaHeight(){if(!this.textareaEl){return}const t=this.minRows===undefined?1:this.minRows;const i=this.maxRows===undefined?Number.MAX_SAFE_INTEGER:this.maxRows;const e=this.textareaEl.scrollTop;this.textareaEl.style.overflowY="hidden";this.textareaEl.style.height="auto";this.textareaEl.rows=t;let p=t;while(this.textareaEl.scrollHeight>this.textareaEl.clientHeight&&p<i){p++;this.textareaEl.rows=p}if(p<i||i===Number.MAX_SAFE_INTEGER){while(p>t){this.textareaEl.rows=p-1;if(this.textareaEl.scrollHeight>this.textareaEl.clientHeight){this.textareaEl.rows=p;break}p--}}let n=Math.max(t,Math.min(p,i));this.textareaEl.style.height="";this.textareaEl.style.overflowY="";this.textareaEl.rows=n;if(this.internalRows!==n){this.internalRows=n}Promise.resolve().then((()=>{if(this.textareaEl)this.textareaEl.scrollTop=e}))}render(){const{disabled:t,id:i,internalValue:n,label:r,placeholder:o,required:s,readonly:u,errorMessage:a,fullWidth:d,internalRows:l}=this;return e(p,{key:"8030ffc085d6b53b0ae1a35f81d4da4c9e155c0e",class:{"udp-input":true,"udp-input--error":!!a,"udp-input--disabled":t,"udp-input--readonly":u,"udp-input--full-width":d,"udp-input--required":s,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true}},e("div",{key:"21806e67cd632ef1c0d141d57c356eaaeb68f098",class:"bx--form-item"},e("unity-typography",{key:"4094220f657f8cd5fcee94cf60a7d7cd62108ca9",variant:"caption-text"},e("label",{key:"fcda510639bd39ad292d9fb4721acac7cc35e456",htmlFor:i,class:"bx--label"},r,s?"*":"")),e("textarea",{key:"d53d49eed9d2e7a7b342a59ee71215eab199206b",ref:t=>this.textareaEl=t,id:i,class:{"bx--text-input":true,"bx--text-input--error":!!a,"text-area--disabled":t},placeholder:o,value:n,required:s,disabled:t,readonly:u,maxLength:this.maxCharacter,rows:l,onInput:this.onInput,onChange:this.onChange},n),a&&e("div",{key:"faf6cd4d6bb621416dc36b660581b9a6dc94c057",class:"error-message"},e("unity-typography",{key:"8433e5d11d1b43358baa1d2a961c4bfa3d7c95a7",variant:"caption-text",color:"error"},a))))}get el(){return n(this)}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};u.style=s;const a=':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}:host(.full-width-host){width:100%}';const d=class{constructor(e){t(this,e);this.change=i(this,"change");this.value="";this.readonly=false;this.fullWidth=false;this.size="normal";this.margin="normal";this.internalValue="";this.handleDateChange=t=>{const i=t.target;const e=i.value;this.internalValue=e;if(this.value!==undefined){this.value=e}this.change.emit(e)}}componentWillLoad(){this.internalValue=this.value||this.initialValue||"";this.errorMessage=this.error}updateError(){this.errorMessage=this.error}initialValueChanged(t){if(t!==undefined){this.internalValue=t}}valueChanged(t){if(t!==undefined){this.internalValue=t}}handleBlur(){}handleFocus(){}formatDateForHtml(t){var i;const e=new Date(t);if(isNaN(e===null||e===void 0?void 0:e.getTime()))return null;e===null||e===void 0?void 0:e.setTime((e===null||e===void 0?void 0:e.getTime())-(e===null||e===void 0?void 0:e.getTimezoneOffset())*60*1e3);const p=e===null||e===void 0?void 0:e.toISOString();if(!p)return null;return(i=p===null||p===void 0?void 0:p.split)===null||i===void 0?void 0:i.call(p,"T")[0]}render(){const t=!!this.errorMessage;const i=["bx--text-input"];if(t){i.push("bx--text-input--error")}if(this.disabled){i.push("date-selector--disabled")}if(this.fullWidth){i.push("bx--text-input--full-width")}const n=i.join(" ");return e(p,{key:"6508c42efac96e7db1d320ec4faed15fd849540c",class:{"udp-input":true,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,"udp-input--full-width":this.fullWidth,"udp-input--required":this.required,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},e("div",{key:"ecd12c48810b985d702ce70ab89e0670f387c257",class:"bx--form-item"},e("unity-typography",{key:"51a542e4f6c238965fc82312a10beb21386d4ead",variant:"caption-text"},e("label",{key:"af6d330c10eb905ee01e53e50d43038d10a0714f",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),e("input",{key:"183af2eb4d561a24098dee7c8eebb2b3436606d2",type:"date",id:this.id,name:this.name,class:n,value:this.internalValue,min:this.min?this.formatDateForHtml(this.min):null,max:this.max?this.formatDateForHtml(this.max):null,onInput:this.handleDateChange,onChange:this.handleDateChange,onBlur:this.handleBlur,onFocus:this.handleFocus,disabled:this.disabled,readonly:this.readonly,required:this.required,udprecordid:"udpRecord-udp-date-selector-"+this.id}),e("unity-typography",{key:"3233342e07981927427787adbc0dc0cad28d302c",class:"error-message",variant:"caption-text",color:"error"},this.errorMessage)))}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};d.style=a;const l=':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}:host(.full-width-host){width:100%}';const h=class{constructor(e){t(this,e);this.change=i(this,"change");this.value="";this.readonly=false;this.fullWidth=false;this.size="normal";this.margin="normal";this.internalValue="";this.handleDateChange=t=>{const i=t.target.value;this.internalValue=i;if(this.value!==undefined){this.value=i}this.change.emit(i)};this.handleBlur=()=>{};this.handleFocus=()=>{}}updateError(){this.errorMessage=this.error}initialValueChanged(t){if(this.internalValue===""||this.internalValue===undefined||this.value===undefined){if(t!==undefined){this.internalValue=t}}}valueChanged(){if(this.value!==undefined&&this.value!==this.internalValue){this.internalValue=this.value}}componentWillLoad(){this.internalValue=this.value!==undefined?this.value:this.initialValue||"";if(this.error){this.errorMessage=this.error}}formatDateForHtml(t){var i;const e=new Date(t);if(isNaN((i=new Date(e))===null||i===void 0?void 0:i.getTime()))return null;e===null||e===void 0?void 0:e.setTime((e===null||e===void 0?void 0:e.getTime())-(e===null||e===void 0?void 0:e.getTimezoneOffset())*60*1e3);const p=e===null||e===void 0?void 0:e.toISOString();if(!p)return null;const n=p.split(":");return`${n[0]}:${n[1]}`}render(){const t=!!this.errorMessage;const i=["bx--text-input"];if(t){i.push("bx--text-input--error")}if(this.disabled){i.push("datetime-selector--disabled")}if(this.fullWidth){i.push("bx--text-input--full-width")}const n=i.join(" ");return e(p,{key:"510b2b323027de453c53f54c4f2e07852e704559",class:{"udp-input":true,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,"udp-input--full-width":this.fullWidth,"udp-input--required":this.required,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},e("div",{key:"fc3b80d9a0613e7c85831183c7e73ee0ea6f5fa8",class:"bx--form-item"},e("unity-typography",{key:"96d28577fb180ffbd021ff475028c93cd1c10262",variant:"caption-text"},e("label",{key:"3f7eb4054fd21b7b684e6d0012fe249c5b164b3a",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),e("input",{key:"e8d1d3f9228b9a49bb3a2a5cd860660d2ed1f6c4",type:"datetime-local",id:this.id,name:this.name,class:n,value:this.internalValue,min:this.min?this.formatDateForHtml(this.min):null,max:this.max?this.formatDateForHtml(this.max):null,onInput:this.handleDateChange,onBlur:this.handleBlur,onFocus:this.handleFocus,disabled:this.disabled,readonly:this.readonly,required:this.required,udprecordid:"udpRecord-udp-datetime-selector-"+this.id}),e("unity-typography",{key:"6a3b75c91e17283f5e36a782735d5b09eb927aee",class:"error-message",variant:"caption-text",color:"error"},this.errorMessage)))}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};h.style=l;const c=':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}';const b=class{constructor(e){t(this,e);this.change=i(this,"change");this.input=i(this,"input");this.errorEvent=i(this,"error");this.value="";this.readonly=false;this.fullWidth=false;this.size="normal";this.margin="normal";this.internalValue="";this.handleInvalid=t=>{const i=t.target;const e=i.validationMessage;this.setAndDispatchError(e)};this.handleValid=t=>{const i=t.target;const e=this.validateTime(i.value);if(e){this.setAndDispatchError(e)}else if(i.validity.valid){this.setAndDispatchError("")}};this.handleTimeInput=t=>{const i=t.target;const e=i.value;this.internalValue=e;if(this.value!==undefined){this.value=e}if(this.errorMessage){const t=this.validateTime(e);if(t!==this.errorMessage){this.setAndDispatchError(t)}}this.input.emit(e)};this.handleTimeChange=t=>{const i=t.target;const e=i.value;this.internalValue=e;if(this.value!==undefined){this.value=e}const p=this.validateTime(e);if(p){this.setAndDispatchError(p)}else{this.setAndDispatchError("")}this.change.emit(e)}}componentWillLoad(){this.internalValue=this.value||this.initialValue||"";this.errorMessage=this.error}updateError(){console.log("Error prop changed:",this.error);this.errorMessage=this.error}initialValueChanged(t){if(t!==undefined){this.internalValue=t;const i=this.validateTime(t);if(i)this.setAndDispatchError(i)}}valueChanged(t){if(t!==undefined){this.internalValue=t}}handleBlur(){}handleFocus(){}validateTime(t){if(!t)return"";const i=t=>{const[i,e]=t.split(":").map(Number);return i*60+e};const e=i(t);if(this.min){const t=i(this.min);if(e<t){return`Time must be after ${this.min}`}}if(this.max){const t=i(this.max);if(e>t){return`Time must be before ${this.max}`}}return""}setAndDispatchError(t){console.log("Setting error:",t);this.errorMessage=t;this.errorEvent.emit(t);const i=new CustomEvent("error",{detail:t,bubbles:true,composed:true});this.el.dispatchEvent(i)}render(){const t=!!this.errorMessage;const i=["bx--text-input"];if(t){i.push("bx--text-input--error")}if(this.disabled){i.push("time-selector--disabled")}if(this.fullWidth){i.push("bx--text-input--full-width")}const n=i.join(" ");return e(p,{key:"d2249c774eaa3b6e0e9423581083d59b1bfc4336",class:{"udp-input":true,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,"udp-input--full-width":this.fullWidth,"udp-input--required":this.required,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},e("div",{key:"fe18b74861a9f5d1739317bbd357cce48ac81176",class:"bx--form-item"},e("unity-typography",{key:"5afab9726865da75b9b4f228ecd0ad553825a40a",variant:"caption-text"},e("label",{key:"46ff7f80e88357c25d86ac11a8835733bf19853e",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),e("input",{key:"e74de46ca5f386f91320f16af6f5b5fa9d61a9cf",type:"time",id:this.id,name:this.name,class:n,value:this.internalValue,min:this.min,max:this.max,onInput:this.handleTimeInput,onChange:this.handleTimeChange,onBlur:this.handleBlur,onFocus:this.handleFocus,onInvalid:this.handleInvalid,disabled:this.disabled,readonly:this.readonly,required:this.required,udprecordid:"udpRecord-udp-time-selector-"+this.id}),e("unity-typography",{key:"d1ec82959fd633a6a297a1cd3523432454afec52",class:"error-message",variant:"caption-text",color:"error"},this.errorMessage)))}get el(){return n(this)}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};b.style=c;export{o as numeric_field,u as text_area,d as udp_date_selector,h as udp_datetime_selector,b as udp_time_selector};
+import{r as t,c as i,h as e,H as p,a as n}from"./index-CaZq3YdB.js";const r=':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}';const o=class{constructor(e){t(this,e);this.change=i(this,"change");this.error="";this.size="normal";this.margin="normal";this.internalValue="";this.onInput=t=>{const i=t.target.value;this.internalValue=i;if(this.value!==undefined){this.value=i}};this.onChange=t=>{const i=t.target.value;this.change.emit(i)};this.onFocus=()=>{};this.onBlur=()=>{}}updateError(){this.errorMessage=this.error}initialValueChanged(t){if(this.internalValue===""||this.internalValue===undefined||this.value===undefined){if(t!==undefined){this.internalValue=t}}}valueChanged(){if(this.value!==undefined&&this.value!==this.internalValue){this.internalValue=this.value}}componentWillLoad(){this.internalValue=this.value!==undefined?this.value:this.initialValue||"";if(this.error){this.errorMessage=this.error}}render(){const t=!!this.errorMessage;const i={"bx--text-input":true,"bx--text-input--error":t,"text-field--disabled":this.disabled};return e(p,{key:"5b66f1827ef29b0229c3ae9dddc41f0450ff1bc8",class:{"udp-input":true,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--hidden":this.hidden,"udp-input--required":this.required,"udp-input--readonly":this.readonly,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},e("div",{key:"0f3813d731bfddf9c4bd1e92d1353dcdba8ca8db",class:"bx--form-item"},e("unity-typography",{key:"8f4efdc44e69a5abbba47c09f6ed2219e8a1f967",variant:"caption-text"},e("label",{key:"80e97e98b7270dc8c0bc14be4a2c0ec509fdb0fd",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),this.hidden?e("input",{id:this.id,type:"hidden",value:this.internalValue,name:this.name}):e("input",{id:this.id,name:this.name,type:"number",class:Object.assign({},i),placeholder:this.placeholder,value:this.internalValue,required:this.required,disabled:this.disabled,readOnly:this.readonly,onFocus:this.onFocus,onInput:this.onInput,onChange:this.onChange,onBlur:this.onBlur,inputMode:this.inputMode,min:this.min,max:this.max,step:this.step,udprecordid:"udpRecord-number-field-"+this.id}),t&&e("div",{key:"fa3c05e26d05edd9effcc140767d443d781b909a",class:"error-message"},e("unity-typography",{key:"60ee4505e360a162e85097a15859fc2e65969bc0",variant:"caption-text",color:"error"},this.errorMessage))))}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};o.style=r;const s=':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}';const u=class{constructor(e){t(this,e);this.change=i(this,"change");this.errorEvent=i(this,"error");this.size="normal";this.margin="normal";this.readonly=false;this.onInput=t=>{if(this.readonly){const i=t.target;i.value=this.internalValue;return}const i=t.target.value;this.internalValue=i;if(this.value!==undefined){this.value=i}if(this.errorMessage){const t=this.validateCharacterLength(i);if(t!==this.errorMessage){this.setAndDispatchError(t)}}this.adjustTextAreaHeight()};this.onChange=t=>{if(this.readonly){return}const i=t.target.value;const e=this.validateCharacterLength(i);if(e){this.setAndDispatchError(e)}else{this.setAndDispatchError("")}this.change.emit(i)}}updateError(){this.errorMessage=this.error}initialValueChanged(t){if(this.internalValue===""||this.internalValue===undefined||this.value===undefined){if(t!==undefined){this.internalValue=t;Promise.resolve().then((()=>this.adjustTextAreaHeight()))}}}valueChanged(){if(this.value!==undefined&&this.value!==this.internalValue){this.internalValue=this.value;Promise.resolve().then((()=>this.adjustTextAreaHeight()))}}validateCharacterLength(t){if(!t)return"";const i=t.length;if(this.minCharacter&&i<this.minCharacter){return`Must be at least ${this.minCharacter} characters`}if(this.maxCharacter&&i>this.maxCharacter){return`Must be no more than ${this.maxCharacter} characters`}return""}setAndDispatchError(t){console.log("Setting text area error:",t);this.errorMessage=t;this.errorEvent.emit(t);const i=new CustomEvent("error",{detail:t,bubbles:true,composed:true});this.el.dispatchEvent(i)}componentWillLoad(){this.internalValue=this.value!==undefined?this.value:this.initialValue||"";if(this.error){this.errorMessage=this.error}let t=this.rows;const i=this.minRows===undefined?1:this.minRows;if(t===undefined){t=i}t=Math.max(i,t);if(this.maxRows!==undefined){t=Math.min(this.maxRows,t)}this.internalRows=t;if(this.internalValue){const t=this.validateCharacterLength(this.internalValue);if(t){this.setAndDispatchError(t)}}}componentDidLoad(){this.adjustTextAreaHeight()}adjustTextAreaHeight(){if(!this.textareaEl){return}const t=this.minRows===undefined?1:this.minRows;const i=this.maxRows===undefined?Number.MAX_SAFE_INTEGER:this.maxRows;const e=this.textareaEl.scrollTop;this.textareaEl.style.overflowY="hidden";this.textareaEl.style.height="auto";this.textareaEl.rows=t;let p=t;while(this.textareaEl.scrollHeight>this.textareaEl.clientHeight&&p<i){p++;this.textareaEl.rows=p}if(p<i||i===Number.MAX_SAFE_INTEGER){while(p>t){this.textareaEl.rows=p-1;if(this.textareaEl.scrollHeight>this.textareaEl.clientHeight){this.textareaEl.rows=p;break}p--}}let n=Math.max(t,Math.min(p,i));this.textareaEl.style.height="";this.textareaEl.style.overflowY="";this.textareaEl.rows=n;if(this.internalRows!==n){this.internalRows=n}Promise.resolve().then((()=>{if(this.textareaEl)this.textareaEl.scrollTop=e}))}render(){const{disabled:t,id:i,internalValue:n,label:r,placeholder:o,required:s,readonly:u,errorMessage:a,fullWidth:d,internalRows:l}=this;return e(p,{key:"ca17436a4c7b653937f145bb5ad1d6b72d4288f1",class:{"udp-input":true,"udp-input--error":!!a,"udp-input--disabled":t,"udp-input--readonly":u,"udp-input--full-width":d,"udp-input--required":s,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true}},e("div",{key:"a60d4d2d0be6e9185b69f1817e8b12b0fe6d00a3",class:"bx--form-item"},e("unity-typography",{key:"3d98ead9011fe5591f2e375896dd49ec702fbafc",variant:"caption-text"},e("label",{key:"6fe1af1670c3c9eca732b6c6a1acf561a18e970e",htmlFor:i,class:"bx--label"},r,s?"*":"")),e("textarea",{key:"a3993402edfc75d4bb6a7656bac2f4fffef0f154",ref:t=>this.textareaEl=t,id:i,class:{"bx--text-input":true,"bx--text-input--error":!!a,"text-area--disabled":t},placeholder:o,value:n,required:s,disabled:t,readonly:u,maxLength:this.maxCharacter,rows:l,onInput:this.onInput,onChange:this.onChange},n),a&&e("div",{key:"0d3e3a857df2cf8eac691db282cf42a97d25fe61",class:"error-message"},e("unity-typography",{key:"1473a99c0176bc969a782e87f8a19e393b66ddfa",variant:"caption-text",color:"error"},a))))}get el(){return n(this)}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};u.style=s;const a=':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}:host(.full-width-host){width:100%}';const d=class{constructor(e){t(this,e);this.change=i(this,"change");this.value="";this.readonly=false;this.fullWidth=false;this.size="normal";this.margin="normal";this.internalValue="";this.handleDateChange=t=>{const i=t.target;const e=i.value;this.internalValue=e;if(this.value!==undefined){this.value=e}this.change.emit(e)}}componentWillLoad(){this.internalValue=this.value||this.initialValue||"";this.errorMessage=this.error}updateError(){this.errorMessage=this.error}initialValueChanged(t){if(t!==undefined){this.internalValue=t}}valueChanged(t){if(t!==undefined){this.internalValue=t}}handleBlur(){}handleFocus(){}formatDateForHtml(t){var i;const e=new Date(t);if(isNaN(e===null||e===void 0?void 0:e.getTime()))return null;e===null||e===void 0?void 0:e.setTime((e===null||e===void 0?void 0:e.getTime())-(e===null||e===void 0?void 0:e.getTimezoneOffset())*60*1e3);const p=e===null||e===void 0?void 0:e.toISOString();if(!p)return null;return(i=p===null||p===void 0?void 0:p.split)===null||i===void 0?void 0:i.call(p,"T")[0]}render(){const t=!!this.errorMessage;const i=["bx--text-input"];if(t){i.push("bx--text-input--error")}if(this.disabled){i.push("date-selector--disabled")}if(this.fullWidth){i.push("bx--text-input--full-width")}const n=i.join(" ");return e(p,{key:"059b2399e917f7ebb88d764e25c79853e4e3f01f",class:{"udp-input":true,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,"udp-input--full-width":this.fullWidth,"udp-input--required":this.required,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},e("div",{key:"d32d5ca325b9eec57923dee615fccac31e2a2d3d",class:"bx--form-item"},e("unity-typography",{key:"bd4d8d5a65f6db822172d726acf4f901aa173d6b",variant:"caption-text"},e("label",{key:"980e5f485074b96e7d5893d99cf96cf58181177f",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),e("input",{key:"099b7ff32e63380fca4d46c9ab2c42727d11c250",type:"date",id:this.id,name:this.name,class:n,value:this.internalValue,min:this.min?this.formatDateForHtml(this.min):null,max:this.max?this.formatDateForHtml(this.max):null,onInput:this.handleDateChange,onChange:this.handleDateChange,onBlur:this.handleBlur,onFocus:this.handleFocus,disabled:this.disabled,readonly:this.readonly,required:this.required,udprecordid:"udpRecord-udp-date-selector-"+this.id}),e("unity-typography",{key:"48bdb76b087160ee1904f708b9908c1b625b7995",class:"error-message",variant:"caption-text",color:"error"},this.errorMessage)))}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};d.style=a;const l=':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}:host(.full-width-host){width:100%}';const h=class{constructor(e){t(this,e);this.change=i(this,"change");this.value="";this.readonly=false;this.fullWidth=false;this.size="normal";this.margin="normal";this.internalValue="";this.handleDateChange=t=>{const i=t.target.value;this.internalValue=i;if(this.value!==undefined){this.value=i}this.change.emit(i)};this.handleBlur=()=>{};this.handleFocus=()=>{}}updateError(){this.errorMessage=this.error}initialValueChanged(t){if(this.internalValue===""||this.internalValue===undefined||this.value===undefined){if(t!==undefined){this.internalValue=t}}}valueChanged(){if(this.value!==undefined&&this.value!==this.internalValue){this.internalValue=this.value}}componentWillLoad(){this.internalValue=this.value!==undefined?this.value:this.initialValue||"";if(this.error){this.errorMessage=this.error}}formatDateForHtml(t){var i;const e=new Date(t);if(isNaN((i=new Date(e))===null||i===void 0?void 0:i.getTime()))return null;e===null||e===void 0?void 0:e.setTime((e===null||e===void 0?void 0:e.getTime())-(e===null||e===void 0?void 0:e.getTimezoneOffset())*60*1e3);const p=e===null||e===void 0?void 0:e.toISOString();if(!p)return null;const n=p.split(":");return`${n[0]}:${n[1]}`}render(){const t=!!this.errorMessage;const i=["bx--text-input"];if(t){i.push("bx--text-input--error")}if(this.disabled){i.push("datetime-selector--disabled")}if(this.fullWidth){i.push("bx--text-input--full-width")}const n=i.join(" ");return e(p,{key:"0eddaf6bead525751f2cbbfbdc6f1e8c9ee2ad60",class:{"udp-input":true,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,"udp-input--full-width":this.fullWidth,"udp-input--required":this.required,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},e("div",{key:"6e19a9481e654fde525031375c99013dc48c9a98",class:"bx--form-item"},e("unity-typography",{key:"f6c2b1855a412810762d485ec33adffa116f5a9a",variant:"caption-text"},e("label",{key:"c2660d82ad87c0cecc1cd46cefcb4f5ad37e28f7",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),e("input",{key:"c6f0a8d49ae387a193bb47d4de1748d8fe1d41a7",type:"datetime-local",id:this.id,name:this.name,class:n,value:this.internalValue,min:this.min?this.formatDateForHtml(this.min):null,max:this.max?this.formatDateForHtml(this.max):null,onInput:this.handleDateChange,onBlur:this.handleBlur,onFocus:this.handleFocus,disabled:this.disabled,readonly:this.readonly,required:this.required,udprecordid:"udpRecord-udp-datetime-selector-"+this.id}),e("unity-typography",{key:"ebefdc4a695d374c63dd6e62ba1602bf7389e9c2",class:"error-message",variant:"caption-text",color:"error"},this.errorMessage)))}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};h.style=l;const c=':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}';const b=class{constructor(e){t(this,e);this.change=i(this,"change");this.input=i(this,"input");this.errorEvent=i(this,"error");this.value="";this.readonly=false;this.fullWidth=false;this.size="normal";this.margin="normal";this.internalValue="";this.handleInvalid=t=>{const i=t.target;const e=i.validationMessage;this.setAndDispatchError(e)};this.handleValid=t=>{const i=t.target;const e=this.validateTime(i.value);if(e){this.setAndDispatchError(e)}else if(i.validity.valid){this.setAndDispatchError("")}};this.handleTimeInput=t=>{const i=t.target;const e=i.value;this.internalValue=e;if(this.value!==undefined){this.value=e}if(this.errorMessage){const t=this.validateTime(e);if(t!==this.errorMessage){this.setAndDispatchError(t)}}this.input.emit(e)};this.handleTimeChange=t=>{const i=t.target;const e=i.value;this.internalValue=e;if(this.value!==undefined){this.value=e}const p=this.validateTime(e);if(p){this.setAndDispatchError(p)}else{this.setAndDispatchError("")}this.change.emit(e)}}componentWillLoad(){this.internalValue=this.value||this.initialValue||"";this.errorMessage=this.error}updateError(){console.log("Error prop changed:",this.error);this.errorMessage=this.error}initialValueChanged(t){if(t!==undefined){this.internalValue=t;const i=this.validateTime(t);if(i)this.setAndDispatchError(i)}}valueChanged(t){if(t!==undefined){this.internalValue=t}}handleBlur(){}handleFocus(){}validateTime(t){if(!t)return"";const i=t=>{const[i,e]=t.split(":").map(Number);return i*60+e};const e=i(t);if(this.min){const t=i(this.min);if(e<t){return`Time must be after ${this.min}`}}if(this.max){const t=i(this.max);if(e>t){return`Time must be before ${this.max}`}}return""}setAndDispatchError(t){console.log("Setting error:",t);this.errorMessage=t;this.errorEvent.emit(t);const i=new CustomEvent("error",{detail:t,bubbles:true,composed:true});this.el.dispatchEvent(i)}render(){const t=!!this.errorMessage;const i=["bx--text-input"];if(t){i.push("bx--text-input--error")}if(this.disabled){i.push("time-selector--disabled")}if(this.fullWidth){i.push("bx--text-input--full-width")}const n=i.join(" ");return e(p,{key:"b926488bd2c3d8bc4223cf3583dcb88ecdd39395",class:{"udp-input":true,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,"udp-input--full-width":this.fullWidth,"udp-input--required":this.required,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},e("div",{key:"ba157e23a87f0a3cdf29b4f0e6dc4c3182d9dfee",class:"bx--form-item"},e("unity-typography",{key:"92bbe45ec95441bc92699cdc4b08d7bd3599d645",variant:"caption-text"},e("label",{key:"ff966556d6d5d6cd7bf501d527bc78e4c4e631eb",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),e("input",{key:"ea13d4b4853f7338ce576aaba30b74d834ab77ca",type:"time",id:this.id,name:this.name,class:n,value:this.internalValue,min:this.min,max:this.max,onInput:this.handleTimeInput,onChange:this.handleTimeChange,onBlur:this.handleBlur,onFocus:this.handleFocus,onInvalid:this.handleInvalid,disabled:this.disabled,readonly:this.readonly,required:this.required,udprecordid:"udpRecord-udp-time-selector-"+this.id}),e("unity-typography",{key:"b3124e90f0b568f668c4a49afa4b1d4afe70bccc",class:"error-message",variant:"caption-text",color:"error"},this.errorMessage)))}get el(){return n(this)}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};b.style=c;export{o as numeric_field,u as text_area,d as udp_date_selector,h as udp_datetime_selector,b as udp_time_selector};
 //# sourceMappingURL=numeric-field_5.entry.js.map

package/dist/stencil-library/primary-action-header.udp-tabs.entry.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"primary-action-header.udp-tabs.entry.esm.js","sources":["src/components/data-display/primary-action-header/primary-action-header.css?tag=primary-action-header&encapsulation=shadow","src/components/data-display/primary-action-header/primary-action-header.tsx","src/components/tabs/tab/tabs/udp-tabs.css?tag=udp-tabs&encapsulation=shadow","src/components/tabs/tab/tabs/udp-tabs.tsx"],"sourcesContent":["/* grid-primary-bar.css */\n:host {\n display: block;\n font-family: var(--font-family-base, sans-serif); \n background-color: var(--primary-action-header-background, #ffffff);\n color: var(--primary-action-header-text-color, rgba(0, 0, 0, 0.87));\n box-shadow: var(--primary-action-header-shadow, 0px 2px 4px -1px rgba(0,0,0,0.2));\n height: var(--primary-action-header-height, 48px);\n padding: var(--primary-action-header-padding, 0 var(--spacing-04));\n box-sizing: border-box;\n}\n\n.header-bar {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n\n.title-section {\n flex-shrink: 0;\n margin-right: var(--spacing-md, 16px);\n}\n\n/* Tabs are not fully supported yet - this is leftover from work Greg did with Mindscope */\n.tabs {\n flex-grow: 1;\n display: flex;\n justify-content: center;\n align-items: stretch;\n min-width: 0;\n}\n\n.tabs udp-tabs {\n width: 100%;\n display: flex;\n justify-content: center;\n}\n\n.tabs udp-tabs::part(tab-list) {\n /* This rule targets the 'tab-list' part within the udp-tabs component's shadow DOM. */\n /* It's a placeholder for any specific styling needed for the tab list container itself. */\n /* For example: display: flex; align-items: stretch; height: 100%; */\n}\n\n.tabs udp-tabs button {\n padding: 0 16px;\n margin: 0 var(--spacing-xxs, 4px);\n height: 100%;\n border: none;\n background-color: transparent;\n cursor: pointer;\n font-size: var(--font-size-sm, 0.875rem);\n color: var(--text-color-secondary, rgba(0, 0, 0, 0.6));\n text-transform: uppercase;\n font-weight: var(--font-weight-medium, 500);\n border-bottom: 2px solid transparent;\n transition: color 0.3s ease, border-bottom-color 0.3s ease;\n}\n\n.tabs udp-tabs button:hover {\n color: var(--primary-color-hover, var(--primary-color, #1976d2));\n}\n\n.tabs udp-tabs button.active {\n color: var(--primary-color, #1976d2);\n border-bottom: 2px solid var(--primary-color, #1976d2);\n}\n\n.button-section {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n gap: var(--spacing-sm, 8px);\n}\n\n.button-section stencil-icon-button {\n color: var(--primary-action-header-icon-color, var(--text-color-primary, rgba(0, 0, 0, 0.54)));\n}\n\n.button-section stencil-icon-button:hover {\n background-color: rgba(0,0,0,0.04);\n}\n\n\n.button-section custom-button {\n /* Styles for the primary action button */\n /* You might want to use your design system's button styles here */\n /* Example: margin-left: var(--spacing-sm, 8px); */\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport iconMapping from '../icons/iconMapping';\n\n@Component({\n tag: 'primary-action-header',\n styleUrl: 'primary-action-header.css',\n shadow: true,\n})\nexport class PrimaryActionHeader {\n @Prop() title: string;\n @Prop() hiddenActionButtons: string[] = [];\n @Prop() hiddenLabels: string[] = [];\n @Prop() actionButtons: any[] = [];\n @Prop() defaultActionButtons: any[] = [];\n @Prop() customSaveViewClick?: (event?: MouseEvent) => void;\n @Prop() customSizeToFitClick?: (event?: MouseEvent) => void;\n @Prop() customExportClick?: (event?: MouseEvent) => void;\n @Prop() primaryActionClick?: (event?: MouseEvent) => void;\n @Prop() customColumnViewClick?: (event?: MouseEvent) => void;\n @Prop() customFitColumnClick?: (event?: MouseEvent) => void;\n @Prop() customFilterViewClick?: (event?: MouseEvent) => void;\n @Prop() customClearClick?: (event?: MouseEvent) => void;\n @Prop() customExpandClick?: (event?: MouseEvent) => void;\n @Prop() customShowViewClick?: (event?: MouseEvent) => void;\n @Prop() activeTabIndex: number;\n @Prop() selectTab: (index: number) => void;\n @Prop() tabs: boolean = true;\n @Prop() actionButtonLabel: string = '';\n // @State() activeTabIndex: number = 0;\n\n getIconComponent(icon: string | Function, customIcon: Function) {\n if (customIcon) {\n return customIcon;\n }\n\n if (typeof icon === 'string') {\n return iconMapping[icon];\n }\n\n return icon;\n }\n\n renderIcon(ActualIcon: any) {\n if (ActualIcon && ActualIcon.elem === 'svg') {\n return (\n <svg {...ActualIcon.attrs}>\n {ActualIcon.content.map((content: any, index: number) => {\n return <path key={index} {...content.attrs} />;\n })}\n </svg>\n );\n }\n return null;\n }\n\n // selectTab(index: number) {\n // this.activeTabIndex = index;\n // }\n\n render() {\n console.log('active tab', this.activeTabIndex);\n\n return (\n <div class=\"header-bar\">\n <div class=\"title-section\">\n <unity-typography variant=\"h4\">{this.title}</unity-typography>\n </div>\n\n {/* IMPORTANT: NEED TO ADD A TABS COMPONENT SUPPORT - This is from work Greg did for mindscope demo */}\n {this.tabs && (\n <div class=\"tabs\">\n <udp-tabs>\n <button class={this.activeTabIndex === 0 ? 'active' : ''} slot=\"tab-title\" onClick={() => this.selectTab(0)}>\n Demo Grid\n </button>\n <button class={this.activeTabIndex === 1 ? 'active' : ''} slot=\"tab-title\" onClick={() => this.selectTab(1)}>\n Other Content\n </button>\n </udp-tabs>\n </div>\n )}\n\n <div class=\"button-section\">\n {this.defaultActionButtons.map(btn => {\n // Determine the actual icon to use\n const ActualIcon = this.getIconComponent(btn.icon, btn.customIcon);\n\n const clickHandler = (event?: MouseEvent) => {\n if (btn.clickHandler) {\n btn.clickHandler(event);\n } else {\n console.log(`${btn.label} Clicked but no custom handler defined`);\n }\n };\n\n if (!this.hiddenActionButtons.includes(btn.label) && btn.visible) {\n return (\n <stencil-icon-button secondary={btn.secondary} onClick={clickHandler} tooltip={btn.tooltip}>\n {/* Render icon directly */}\n {this.renderIcon(ActualIcon)}\n\n {/* Show label if it's not hidden and should be shown */}\n {!this.hiddenLabels.includes(btn.label) && btn.showLabel && <span>{btn.label}</span>}\n </stencil-icon-button>\n );\n }\n return null;\n })}\n {!this.actionButtonLabel && <div class=\"right-margin\" />}\n\n {this.actionButtonLabel && (\n <udp-button variant=\"contained\" color=\"secondary\" onClick={event => this.primaryActionClick(event)}>\n {this.actionButtonLabel}\n </udp-button>\n )}\n </div>\n </div>\n );\n }\n}\n",".tab-container {\n display: flex;\n flex-direction: column;\n}\n\n.tab-header {\n background-color: #ffffff;\n position: relative;\n display: flex;\n align-items: center;\n}\n\n.tab-scroll-container {\n display: flex;\n position: relative;\n overflow-x: auto;\n overflow-y: hidden;\n flex: 1;\n min-width: 0;\n}\n\n.tab-scroll-container::-webkit-scrollbar {\n height: 4px;\n}\n.tab-scroll-container::-webkit-scrollbar-track {\n background: transparent;\n}\n.tab-scroll-container::-webkit-scrollbar-thumb {\n background-color: rgba(0, 0, 0, 0.2);\n border-radius: 4px;\n}\n.tab-scroll-container::-webkit-scrollbar-thumb:hover {\n background-color: rgba(0, 0, 0, 0.3);\n}\n\n.tab-header::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 1px;\n background-color: var(--divider-color, #e0e0e0);\n}\n\n/* This is the base style for tab buttons */\n.tab-header button {\n padding: 16px;\n font-size: 14px;\n text-align: center;\n border: none;\n background: none;\n cursor: pointer;\n outline: none;\n transition: all 0.22s ease;\n color: #555555;;\n font-weight: 600;\n opacity: 0.9;\n white-space: nowrap;\n\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n}\n\n.tab-header.fill .tab-scroll-container {\n width: 100%;\n}\n.tab-header.fill .tab-scroll-container button {\n flex-grow: 1;\n}\n\n.tab-header button.active {\n color: var(--secondary-color, #344861);\n opacity: 1.0;\n}\n\n.tab-header button.scroll-arrow {\n position: absolute;\n top: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 40px;\n padding: 0;\n\n background: #ffffff;\n cursor: pointer;\n font-size: 16px;\n font-weight: bold;\n color: #757575;\n z-index: 2;\n transition: color 0.2s ease;\n\n flex-shrink: 0;\n opacity: 1;\n gap: 0;\n}\n\n.tab-header button.scroll-arrow:hover {\n color: #000;\n}\n\n.tab-header button.scroll-arrow.left {\n left: 0;\n}\n\n.tab-header button.scroll-arrow.right {\n right: 0;\n\n}\n\n.scroll-fade {\n position: absolute;\n top: 0;\n bottom: 0;\n width: 30px;\n z-index: 1;\n pointer-events: none;\n}\n\n.scroll-fade.left {\n left: 40px;\n background: linear-gradient(\n to right,\n #ffffff,\n rgba(255, 255, 255, 0)\n );\n}\n\n.scroll-fade.right {\n right: 40px;\n background: linear-gradient(\n to left,\n #ffffff,\n rgba(255, 255, 255, 0)\n );\n}\n\n.tab-header button udp-icon {\n font-size: 1.2em;\n line-height: 1;\n}\n\n.tab-header button.icon-start {\n flex-direction: row;\n}\n.tab-header button.icon-end {\n flex-direction: row-reverse;\n}\n.tab-header button.icon-top {\n flex-direction: column;\n gap: 4px;\n}\n.tab-header button.icon-bottom {\n flex-direction: column-reverse;\n gap: 4px;\n}\n\n.slider {\n position: absolute;\n bottom: 0;\n left: 0;\n height: 2px;\n background-color: var(--secondary-color, #344861);\n\n transition: transform 0.22s cubic-bezier(0.4, 0, 0.2, 1),\n width 0.22s cubic-bezier(0.4, 0, 0.2, 1);\n z-index: 1;\n}\n\n.tab-header button.disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n.tab-header button.disabled.active {\n color: #757575;\n opacity: 0.5;\n}\n","import { Component, h, State, Element, Watch, Listen, Prop, Event, EventEmitter } from '@stencil/core';\n\ninterface TabDetail {\n label: string;\n icon?: string;\n iconPlacement?: 'start' | 'end' | 'top' | 'bottom';\n hidden?: boolean;\n disabled?: boolean;\n}\n\n@Component({\n tag: 'udp-tabs',\n styleUrl: 'udp-tabs.css',\n shadow: true,\n})\nexport class UdpTabs {\n @Element() el: HTMLElement;\n\n /**\n * Specifies the layout variant of the tab header.\n *\n * - `'standard'`: Tabs will be sized based on their content.\n * - `'fill'`: Tabs will stretch to fill the available horizontal space.\n */\n @Prop() variant: 'fill' | 'standard' = 'fill';\n\n /**\n * (Controlled) The index of the currently active tab.\n * If this prop is provided, the component will be in \"controlled\" mode.\n * The parent must listen for `udpTabChange` to update this value.\n */\n @Prop() value?: number;\n\n /**\n * (Optional) An array of tab configuration objects.\n * If provided, this will be used to render tabs instead of slotted `<udp-tab>` components.\n * This mode is typically used with controlled tabs.\n */\n @Prop() tabs: TabDetail[] = [];\n\n /**\n * (Controlled) Emits the index of the tab that was clicked.\n * This is only emitted in \"controlled\" mode (when `value` is provided).\n */\n @Event() udpTabChange: EventEmitter<number>;\n\n @State() internalActiveTab: number = 0; // For uncontrolled mode\n @State() tabDetails: TabDetail[] = []; // Unified details from prop or slot\n @State() sliderStyle: { width: string; transform: string } = {\n width: '0',\n transform: 'translateX(0)',\n };\n @State() showScrollLeft: boolean = false;\n @State() showScrollRight: boolean = false;\n\n private slottedTabs: HTMLUdpTabElement[] = []; // Renamed from `tabs`\n private buttonRefs: HTMLButtonElement[] = [];\n private scrollContainerRef?: HTMLDivElement;\n\n /**\n * Returns true if the component is in controlled mode.\n */\n private get isControlled(): boolean {\n return this.value != null;\n }\n\n /**\n * Returns true if tabs are being provided by the `tabs` prop.\n */\n private get useTabsProp(): boolean {\n return this.tabs && this.tabs.length > 0;\n }\n\n /**\n * Returns the currently active tab index,\n * respecting controlled or uncontrolled mode.\n */\n private get activeTab(): number {\n return this.isControlled ? this.value : this.internalActiveTab;\n }\n\n @Listen('slotchange')\n handleSlotChange() {\n // If we're using the tabs prop, slot changes are irrelevant\n if (this.useTabsProp) return;\n this.initializeTabs();\n }\n\n @Listen('resize', { target: 'window' })\n handleResize() {\n requestAnimationFrame(() => {\n this.updateSliderPosition();\n this.checkScroll();\n });\n }\n\n componentDidLoad() {\n this.initializeTabs();\n }\n\n /**\n * Watcher for uncontrolled state changes.\n */\n @Watch('internalActiveTab')\n onActiveTabChange(newValue: number) {\n this.updateActiveTabs();\n this.updateSliderPosition();\n this.scrollTabIntoView(newValue);\n }\n\n /**\n * Watcher for controlled state changes.\n */\n @Watch('value')\n onValueChange(newValue: number) {\n this.updateActiveTabs();\n this.updateSliderPosition();\n this.scrollTabIntoView(newValue);\n }\n\n /**\n * Watcher for tabs prop changes.\n */\n @Watch('tabs')\n onTabsPropChange() {\n this.initializeTabs();\n }\n\n @Watch('variant')\n onVariantChange() {\n requestAnimationFrame(() => {\n this.updateSliderPosition();\n this.checkScroll();\n });\n }\n\n private initializeTabs() {\n this.buttonRefs = [];\n\n if (this.useTabsProp) {\n // --- Prop-based ---\n this.tabDetails = this.tabs.map(t => ({ ...t })); // Use data from prop\n this.slottedTabs = []; // Ensure we're not tracking slotted tabs\n } else {\n // --- Slot-based ---\n this.slottedTabs = Array.from(this.el.children).filter(\n (child): child is HTMLUdpTabElement => child.tagName.toLowerCase() === 'udp-tab',\n );\n\n this.tabDetails = this.slottedTabs.map(tab => ({\n label: tab.label,\n icon: tab.icon,\n iconPlacement: tab.iconPlacement,\n hidden: tab.hidden,\n disabled: tab.disabled,\n }));\n }\n\n // --- Common Logic ---\n // In uncontrolled mode, check if the default active tab is invalid.\n if (!this.isControlled) {\n if (this.tabDetails[this.internalActiveTab]?.hidden || this.tabDetails[this.internalActiveTab]?.disabled) {\n const firstValidIndex = this.tabDetails.findIndex(tab => !tab.hidden && !tab.disabled);\n this.internalActiveTab = firstValidIndex > -1 ? firstValidIndex : 0;\n }\n }\n\n this.updateActiveTabs();\n\n requestAnimationFrame(() => {\n this.updateSliderPosition();\n this.checkScroll();\n });\n }\n\n private updateActiveTabs() {\n // Only update slotted tabs if we're in slot mode\n if (!this.useTabsProp) {\n const currentActiveTab = this.activeTab;\n this.slottedTabs.forEach((tab, index) => {\n tab.active = index === currentActiveTab;\n });\n }\n // If in prop mode, the <button> 'active' class is handled by render()\n }\n\n private updateSliderPosition() {\n const activeButton = this.buttonRefs[this.activeTab]; // Use getter\n if (!activeButton) {\n this.sliderStyle = { width: '0px', transform: 'translateX(0px)' };\n return;\n }\n\n this.sliderStyle = {\n width: `${activeButton.offsetWidth}px`,\n transform: `translateX(${activeButton.offsetLeft}px)`,\n };\n }\n\n private checkScroll() {\n if (!this.scrollContainerRef) return;\n const { scrollLeft, scrollWidth, clientWidth } = this.scrollContainerRef;\n const isOverflowing = scrollWidth > clientWidth;\n this.showScrollLeft = isOverflowing && scrollLeft > 1;\n this.showScrollRight = isOverflowing && scrollLeft < scrollWidth - clientWidth - 1;\n }\n\n private tabClicked(tabIndex: number) {\n if (this.tabDetails[tabIndex]?.disabled) {\n return;\n }\n\n if (this.isControlled) {\n // In controlled mode, emit the event for the parent to handle.\n // The `onValueChange` watcher will handle UI updates when the prop changes.\n this.udpTabChange.emit(tabIndex);\n } else {\n // In uncontrolled mode, update state directly.\n // The `onActiveTabChange` watcher will handle UI updates.\n this.internalActiveTab = tabIndex;\n }\n }\n\n private scrollTabIntoView(tabIndex: number) {\n const tabButton = this.buttonRefs[tabIndex];\n const container = this.scrollContainerRef;\n\n if (!tabButton || !container) return;\n\n const { scrollLeft, clientWidth } = container;\n const tabLeft = tabButton.offsetLeft;\n const tabRight = tabLeft + tabButton.offsetWidth;\n\n const safeZonePadding = 70;\n const safeZoneLeft = scrollLeft + safeZonePadding;\n const safeZoneRight = scrollLeft + clientWidth - safeZonePadding;\n\n if (tabLeft < safeZoneLeft) {\n container.scrollTo({\n left: tabLeft - safeZonePadding,\n behavior: 'smooth',\n });\n } else if (tabRight > safeZoneRight) {\n container.scrollTo({\n left: tabRight - clientWidth + safeZonePadding,\n behavior: 'smooth',\n });\n }\n }\n\n private scrollToStart() {\n if (!this.scrollContainerRef) return;\n this.scrollContainerRef.scrollTo({ left: 0, behavior: 'smooth' });\n }\n\n private scrollToEnd() {\n if (!this.scrollContainerRef) return;\n const container = this.scrollContainerRef;\n const { scrollWidth, clientWidth } = container;\n const maxScrollLeft = scrollWidth - clientWidth;\n container.scrollTo({ left: maxScrollLeft, behavior: 'smooth' });\n }\n\n render() {\n const currentActiveTab = this.activeTab; // Use getter\n\n return (\n <div class=\"tab-container\">\n <div class={`tab-header ${this.variant}`}>\n {this.showScrollLeft && (\n <button\n class=\"scroll-arrow left\"\n onClick={() => this.scrollToStart()}\n aria-label=\"Scroll to first tab\"\n >\n <udp-icon iconName=\"chevronLeft16\" color=\"inherit\" />\n </button>\n )}\n\n {this.showScrollLeft && <div class=\"scroll-fade left\"></div>}\n\n <div\n class=\"tab-scroll-container\"\n ref={el => (this.scrollContainerRef = el)}\n onScroll={() => this.checkScroll()}\n >\n {this.tabDetails.map((tab, index) => {\n if (tab.hidden) {\n return null;\n }\n\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n const iconEl = tab.icon ? <udp-icon iconName={tab.icon} color={'inherit'} /> : null;\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n const labelEl = <span>{tab.label}</span>;\n\n return (\n <button\n class={{\n 'active': index === currentActiveTab,\n 'has-icon': !!tab.icon,\n [`icon-${tab.iconPlacement}`]: !!tab.icon,\n 'disabled': tab.disabled,\n }}\n disabled={tab.disabled}\n onClick={() => this.tabClicked(index)}\n role=\"tab\"\n aria-selected={index === currentActiveTab ? 'true' : 'false'}\n aria-disabled={tab.disabled ? 'true' : 'false'}\n ref={el => (this.buttonRefs[index] = el)}\n >\n {iconEl}\n {labelEl}\n </button>\n );\n })}\n\n <div class=\"slider\" style={this.sliderStyle}></div>\n </div>\n\n {this.showScrollRight && <div class=\"scroll-fade right\"></div>}\n\n {this.showScrollRight && (\n <button\n class=\"scroll-arrow right\"\n onClick={() => this.scrollToEnd()}\n aria-label=\"Scroll to last tab\"\n >\n <udp-icon iconName=\"chevronRight16\" color=\"inherit\" />\n </button>\n )}\n </div>\n\n {!this.isControlled && !this.useTabsProp && (\n <div>\n <slot></slot>\n </div>\n )}\n </div>\n );\n }\n}\n"],"names":[],"mappings":"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"}

package/dist/stencil-library/primary-action-header_2.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as o,h as t,c as e,a as i}from"./index-CaZq3YdB.js";import{i as r}from"./iconMapping-CPerGeNF.js";import"@carbon/icons/es/add/16";import"@carbon/icons/es/add/32";import"@carbon/icons/es/add--alt/16";import"@carbon/icons/es/add--filled/16";import"@carbon/icons/es/arrows--horizontal/16";import"@carbon/icons/es/attachment/16";import"@carbon/icons/es/batch-job/16";import"@carbon/icons/es/box/16";import"@carbon/icons/es/close/16";import"@carbon/icons/es/close/24";import"@carbon/icons/es/close/32";import"@carbon/icons/es/close--filled/16";import"@carbon/icons/es/close--outline/16";import"@carbon/icons/es/checkmark/16";import"@carbon/icons/es/checkmark/24";import"@carbon/icons/es/checkmark/32";import"@carbon/icons/es/chevron--left/16";import"@carbon/icons/es/chevron--right/16";import"@carbon/icons/es/chevron--down/16";import"@carbon/icons/es/data-enrichment/16";import"@carbon/icons/es/document/16";import"@carbon/icons/es/document--add/16";import"@carbon/icons/es/document--attachment/16";import"@carbon/icons/es/document--pdf/16";import"@carbon/icons/es/document--video/16";import"@carbon/icons/es/document--audio/16";import"@carbon/icons/es/draggable/16";import"@carbon/icons/es/edit/16";import"@carbon/icons/es/export/16";import"@carbon/icons/es/flag/16";import"@carbon/icons/es/information/16";import"@carbon/icons/es/information/32";import"@carbon/icons/es/link/16";import"@carbon/icons/es/overflow-menu--vertical/16";import"@carbon/icons/es/overflow-menu--vertical/32";import"@carbon/icons/es/return/16";import"@carbon/icons/es/save/16";import"@carbon/icons/es/settings/16";import"@carbon/icons/es/subtract/16";import"@carbon/icons/es/subtract--alt/16";import"@carbon/icons/es/subtract--filled/16";import"@carbon/icons/es/trash-can/16";import"@carbon/icons/es/user/16";import"@carbon/icons/es/view/16";import"@carbon/icons/es/warning/16";import"@carbon/icons/es/warning/32";import"@carbon/icons/es/warning--alt/16";import"@carbon/icons/es/warning--alt/32";import"@carbon/icons/es/product/16";import"@carbon/icons/es/workspace/16";import"@carbon/icons/es/arrow--up/16";import"@carbon/icons/es/arrow--down/16";import"@carbon/icons/es/arrow--right/16";import"@carbon/icons/es/arrow--left/16";import"@carbon/icons/es/copy/16";import"@carbon/icons/es/star/16";import"@carbon/icons/es/data-table/16";import"@carbon/icons/es/fit-to-width/16";import"@carbon/icons/es/search--advanced/16";import"@carbon/icons/es/reset/16";import"@carbon/icons/es/column/16";import"@carbon/icons/es/column--delete/16";import"@carbon/icons/es/watson-health/rotate--360/16";import"@carbon/icons/es/filter/16";import"@carbon/icons/es/app-connectivity/16";import"@carbon/icons/es/text--font/16";import"@carbon/icons/es/text--long-paragraph/16";import"@carbon/icons/es/character--whole-number/16";import"@carbon/icons/es/checkbox--checked/16";import"@carbon/icons/es/radio-button--checked/16";import"@carbon/icons/es/event--schedule/16";import"@carbon/icons/es/view--off/16";import"@carbon/icons/es/time/16";import"@carbon/icons/es/calendar/16";import"@carbon/icons/es/list--checked/16";import"@carbon/icons/es/list--bulleted/16";import"@carbon/icons/es/cloud--upload/16";import"@carbon/icons/es/locked/16";import"@carbon/icons/es/pause/16";import"@carbon/icons/es/unlocked/16";import"@carbon/icons/es/send/16";import"@carbon/icons/es/email/16";import"@carbon/icons/es/checkmark--outline/16";import"@carbon/icons/es/migrate--alt/16";import"@carbon/icons/es/checkbox--checked--filled/16";import"@carbon/icons/es/checkbox/16";import"@carbon/icons/es/ZIP/16";import"@carbon/icons/es/image/16";import"@carbon/icons/es/PPT/16";import"@carbon/icons/es/XLS/16";const n=":host{display:block;font-family:var(--font-family-base, sans-serif);background-color:var(--primary-action-header-background, #ffffff);color:var(--primary-action-header-text-color, rgba(0, 0, 0, 0.87));box-shadow:var(--primary-action-header-shadow, 0px 2px 4px -1px rgba(0,0,0,0.2));height:var(--primary-action-header-height, 48px);padding:var(--primary-action-header-padding, 0 var(--spacing-04));box-sizing:border-box}.header-bar{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.title-section{flex-shrink:0;margin-right:var(--spacing-md, 16px)}.tabs{flex-grow:1;display:flex;justify-content:center;align-items:stretch;min-width:0}.tabs udp-tabs{width:100%;display:flex;justify-content:center}.tabs udp-tabs::part(tab-list){}.tabs udp-tabs button{padding:0 16px;margin:0 var(--spacing-xxs, 4px);height:100%;border:none;background-color:transparent;cursor:pointer;font-size:var(--font-size-sm, 0.875rem);color:var(--text-color-secondary, rgba(0, 0, 0, 0.6));text-transform:uppercase;font-weight:var(--font-weight-medium, 500);border-bottom:2px solid transparent;transition:color 0.3s ease, border-bottom-color 0.3s ease}.tabs udp-tabs button:hover{color:var(--primary-color-hover, var(--primary-color, #1976d2))}.tabs udp-tabs button.active{color:var(--primary-color, #1976d2);border-bottom:2px solid var(--primary-color, #1976d2)}.button-section{display:flex;align-items:center;flex-shrink:0;gap:var(--spacing-sm, 8px)}.button-section stencil-icon-button{color:var(--primary-action-header-icon-color, var(--text-color-primary, rgba(0, 0, 0, 0.54)))}.button-section stencil-icon-button:hover{background-color:rgba(0,0,0,0.04)}.button-section custom-button{}";const a=class{constructor(t){o(this,t);this.hiddenActionButtons=[];this.hiddenLabels=[];this.actionButtons=[];this.defaultActionButtons=[];this.tabs=true;this.actionButtonLabel=""}getIconComponent(o,t){if(t){return t}if(typeof o==="string"){return r[o]}return o}renderIcon(o){if(o&&o.elem==="svg"){return t("svg",Object.assign({},o.attrs),o.content.map(((o,e)=>t("path",Object.assign({key:e},o.attrs)))))}return null}render(){console.log("active tab",this.activeTabIndex);return t("div",{key:"6619a0d1886bed91baf548f6577ffd29a6583e10",class:"header-bar"},t("div",{key:"42005c79b8749912231c96e12bdeb03ae5d0e3c5",class:"title-section"},t("unity-typography",{key:"2c9910a18282fb24d024428ac4f100fe4a884a0f",variant:"h4"},this.title)),this.tabs&&t("div",{key:"1557c08c085bfc8784322861d56bb6b3d0649ab6",class:"tabs"},t("udp-tabs",{key:"d0825c8efaed182864999508c19550e979ee5982"},t("button",{key:"a7f4a1ddcde103c52a316ea1460828b39503398f",class:this.activeTabIndex===0?"active":"",slot:"tab-title",onClick:()=>this.selectTab(0)},"Demo Grid"),t("button",{key:"f39ba5df6b9acc160f3951fd3f1a2407e413331b",class:this.activeTabIndex===1?"active":"",slot:"tab-title",onClick:()=>this.selectTab(1)},"Other Content"))),t("div",{key:"7a2fd6fd7dc477c7b6bce09394f6ea5763cd22e0",class:"button-section"},this.defaultActionButtons.map((o=>{const e=this.getIconComponent(o.icon,o.customIcon);const i=t=>{if(o.clickHandler){o.clickHandler(t)}else{console.log(`${o.label} Clicked but no custom handler defined`)}};if(!this.hiddenActionButtons.includes(o.label)&&o.visible){return t("stencil-icon-button",{secondary:o.secondary,onClick:i,tooltip:o.tooltip},this.renderIcon(e),!this.hiddenLabels.includes(o.label)&&o.showLabel&&t("span",null,o.label))}return null})),!this.actionButtonLabel&&t("div",{key:"1794f324f22d659d1e072e1a5f35e05ea81b9388",class:"right-margin"}),this.actionButtonLabel&&t("udp-button",{key:"8f2fe83b58c869cdfac6db0d48a7d03aaead6ec1",variant:"contained",color:"secondary",onClick:o=>this.primaryActionClick(o)},this.actionButtonLabel)))}};a.style=n;const s=".tab-container{display:flex;flex-direction:column}.tab-header{background-color:#ffffff;position:relative;display:flex;align-items:center}.tab-scroll-container{display:flex;position:relative;overflow-x:auto;overflow-y:hidden;flex:1;min-width:0}.tab-scroll-container::-webkit-scrollbar{height:4px}.tab-scroll-container::-webkit-scrollbar-track{background:transparent}.tab-scroll-container::-webkit-scrollbar-thumb{background-color:rgba(0, 0, 0, 0.2);border-radius:4px}.tab-scroll-container::-webkit-scrollbar-thumb:hover{background-color:rgba(0, 0, 0, 0.3)}.tab-header::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--divider-color, #e0e0e0)}.tab-header button{padding:16px;font-size:14px;text-align:center;border:none;background:none;cursor:pointer;outline:none;transition:all 0.22s ease;color:#555555;font-weight:600;opacity:0.9;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:8px}.tab-header.fill .tab-scroll-container{width:100%}.tab-header.fill .tab-scroll-container button{flex-grow:1}.tab-header button.active{color:var(--secondary-color, #344861);opacity:1.0}.tab-header button.scroll-arrow{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;width:40px;padding:0;background:#ffffff;cursor:pointer;font-size:16px;font-weight:bold;color:#757575;z-index:2;transition:color 0.2s ease;flex-shrink:0;opacity:1;gap:0}.tab-header button.scroll-arrow:hover{color:#000}.tab-header button.scroll-arrow.left{left:0}.tab-header button.scroll-arrow.right{right:0}.scroll-fade{position:absolute;top:0;bottom:0;width:30px;z-index:1;pointer-events:none}.scroll-fade.left{left:40px;background:linear-gradient(\n to right,\n #ffffff,\n rgba(255, 255, 255, 0)\n )}.scroll-fade.right{right:40px;background:linear-gradient(\n to left,\n #ffffff,\n rgba(255, 255, 255, 0)\n )}.tab-header button udp-icon{font-size:1.2em;line-height:1}.tab-header button.icon-start{flex-direction:row}.tab-header button.icon-end{flex-direction:row-reverse}.tab-header button.icon-top{flex-direction:column;gap:4px}.tab-header button.icon-bottom{flex-direction:column-reverse;gap:4px}.slider{position:absolute;bottom:0;left:0;height:2px;background-color:var(--secondary-color, #344861);transition:transform 0.22s cubic-bezier(0.4, 0, 0.2, 1),\n width 0.22s cubic-bezier(0.4, 0, 0.2, 1);z-index:1}.tab-header button.disabled{opacity:0.5;cursor:not-allowed}.tab-header button.disabled.active{color:#757575;opacity:0.5}";const c=class{constructor(t){o(this,t);this.udpTabChange=e(this,"udpTabChange");this.variant="fill";this.tabs=[];this.internalActiveTab=0;this.tabDetails=[];this.sliderStyle={width:"0",transform:"translateX(0)"};this.showScrollLeft=false;this.showScrollRight=false;this.slottedTabs=[];this.buttonRefs=[]}get isControlled(){return this.value!=null}get useTabsProp(){return this.tabs&&this.tabs.length>0}get activeTab(){return this.isControlled?this.value:this.internalActiveTab}handleSlotChange(){if(this.useTabsProp)return;this.initializeTabs()}handleResize(){requestAnimationFrame((()=>{this.updateSliderPosition();this.checkScroll()}))}componentDidLoad(){this.initializeTabs()}onActiveTabChange(o){this.updateActiveTabs();this.updateSliderPosition();this.scrollTabIntoView(o)}onValueChange(o){this.updateActiveTabs();this.updateSliderPosition();this.scrollTabIntoView(o)}onTabsPropChange(){this.initializeTabs()}onVariantChange(){requestAnimationFrame((()=>{this.updateSliderPosition();this.checkScroll()}))}initializeTabs(){var o,t;this.buttonRefs=[];if(this.useTabsProp){this.tabDetails=this.tabs.map((o=>Object.assign({},o)));this.slottedTabs=[]}else{this.slottedTabs=Array.from(this.el.children).filter((o=>o.tagName.toLowerCase()==="udp-tab"));this.tabDetails=this.slottedTabs.map((o=>({label:o.label,icon:o.icon,iconPlacement:o.iconPlacement,hidden:o.hidden,disabled:o.disabled})))}if(!this.isControlled){if(((o=this.tabDetails[this.internalActiveTab])===null\|\|o===void 0?void 0:o.hidden)\|\|((t=this.tabDetails[this.internalActiveTab])===null\|\|t===void 0?void 0:t.disabled)){const o=this.tabDetails.findIndex((o=>!o.hidden&&!o.disabled));this.internalActiveTab=o>-1?o:0}}this.updateActiveTabs();requestAnimationFrame((()=>{this.updateSliderPosition();this.checkScroll()}))}updateActiveTabs(){if(!this.useTabsProp){const o=this.activeTab;this.slottedTabs.forEach(((t,e)=>{t.active=e===o}))}}updateSliderPosition(){const o=this.buttonRefs[this.activeTab];if(!o){this.sliderStyle={width:"0px",transform:"translateX(0px)"};return}this.sliderStyle={width:`${o.offsetWidth}px`,transform:`translateX(${o.offsetLeft}px)`}}checkScroll(){if(!this.scrollContainerRef)return;const{scrollLeft:o,scrollWidth:t,clientWidth:e}=this.scrollContainerRef;const i=t>e;this.showScrollLeft=i&&o>1;this.showScrollRight=i&&o<t-e-1}tabClicked(o){var t;if((t=this.tabDetails[o])===null\|\|t===void 0?void 0:t.disabled){return}if(this.isControlled){this.udpTabChange.emit(o)}else{this.internalActiveTab=o}}scrollTabIntoView(o){const t=this.buttonRefs[o];const e=this.scrollContainerRef;if(!t\|\|!e)return;const{scrollLeft:i,clientWidth:r}=e;const n=t.offsetLeft;const a=n+t.offsetWidth;const s=70;const c=i+s;const l=i+r-s;if(n<c){e.scrollTo({left:n-s,behavior:"smooth"})}else if(a>l){e.scrollTo({left:a-r+s,behavior:"smooth"})}}scrollToStart(){if(!this.scrollContainerRef)return;this.scrollContainerRef.scrollTo({left:0,behavior:"smooth"})}scrollToEnd(){if(!this.scrollContainerRef)return;const o=this.scrollContainerRef;const{scrollWidth:t,clientWidth:e}=o;const i=t-e;o.scrollTo({left:i,behavior:"smooth"})}render(){const o=this.activeTab;return t("div",{key:"39658d24754621f8b22e718d126894451a4919d8",class:"tab-container"},t("div",{key:"49afc82bdbfafb7292c450bdd76c3e6fd5b9e9aa",class:`tab-header ${this.variant}`},this.showScrollLeft&&t("button",{key:"ade7254e3b26254f12e3aedfc6e6656904b188e6",class:"scroll-arrow left",onClick:()=>this.scrollToStart(),"aria-label":"Scroll to first tab"},t("udp-icon",{key:"095dcdf5234ef669ea45bc28d0fb9f025eba5326",iconName:"chevronLeft16",color:"inherit"})),this.showScrollLeft&&t("div",{key:"79c3ebfd7e482c60596fe92d42757d93dfb4e2b6",class:"scroll-fade left"}),t("div",{key:"7bac2bd5f30bb120284814b05ea4da8150c4cc40",class:"tab-scroll-container",ref:o=>this.scrollContainerRef=o,onScroll:()=>this.checkScroll()},this.tabDetails.map(((e,i)=>{if(e.hidden){return null}const r=e.icon?t("udp-icon",{iconName:e.icon,color:"inherit"}):null;const n=t("span",null,e.label);return t("button",{class:{active:i===o,"has-icon":!!e.icon,[`icon-${e.iconPlacement}`]:!!e.icon,disabled:e.disabled},disabled:e.disabled,onClick:()=>this.tabClicked(i),role:"tab","aria-selected":i===o?"true":"false","aria-disabled":e.disabled?"true":"false",ref:o=>this.buttonRefs[i]=o},r,n)})),t("div",{key:"f2c322a5bc7fe5c5e0aaace452727ddb287a17da",class:"slider",style:this.sliderStyle})),this.showScrollRight&&t("div",{key:"08399f60df57432e46b7365c0d5f653f512edc46",class:"scroll-fade right"}),this.showScrollRight&&t("button",{key:"9be19443a7c996472714beb53d9e3534b000c62e",class:"scroll-arrow right",onClick:()=>this.scrollToEnd(),"aria-label":"Scroll to last tab"},t("udp-icon",{key:"e4c5baf6a8e0ae67adb82c0b8be48ca277b25ce4",iconName:"chevronRight16",color:"inherit"}))),!this.isControlled&&!this.useTabsProp&&t("div",{key:"4b33abce9f558a0d0fb22533d81f11fc1dc18849"},t("slot",{key:"1ebca6515b93f563f063c5832e31e2d17a8dbcd8"})))}get el(){return i(this)}static get watchers(){return{internalActiveTab:["onActiveTabChange"],value:["onValueChange"],tabs:["onTabsPropChange"],variant:["onVariantChange"]}}};c.style=s;export{a as primary_action_header,c as udp_tabs};
2	+ //# sourceMappingURL=primary-action-header_2.entry.js.map

package/dist/stencil-library/primary-action-header_2.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["registerInstance","h","createEvent","getElement","iconMapping","primaryActionHeaderCss","PrimaryActionHeader","constructor","hostRef","this","hiddenActionButtons","hiddenLabels","actionButtons","defaultActionButtons","tabs","actionButtonLabel","getIconComponent","icon","customIcon","renderIcon","ActualIcon","elem","Object","assign","attrs","content","map","index","key","render","console","log","activeTabIndex","class","variant","title","slot","onClick","selectTab","btn","clickHandler","event","label","includes","visible","secondary","tooltip","showLabel","color","primaryActionClick","style","udpTabsCss","UdpTabs","udpTabChange","internalActiveTab","tabDetails","sliderStyle","width","transform","showScrollLeft","showScrollRight","slottedTabs","buttonRefs","isControlled","value","useTabsProp","length","activeTab","handleSlotChange","initializeTabs","handleResize","requestAnimationFrame","updateSliderPosition","checkScroll","componentDidLoad","onActiveTabChange","newValue","updateActiveTabs","scrollTabIntoView","onValueChange","onTabsPropChange","onVariantChange","_a","_b","t","Array","from","el","children","filter","child","tagName","toLowerCase","tab","iconPlacement","hidden","disabled","firstValidIndex","findIndex","currentActiveTab","forEach","active","activeButton","offsetWidth","offsetLeft","scrollContainerRef","scrollLeft","scrollWidth","clientWidth","isOverflowing","tabClicked","tabIndex","emit","tabButton","container","tabLeft","tabRight","safeZonePadding","safeZoneLeft","safeZoneRight","scrollTo","left","behavior","scrollToStart","scrollToEnd","maxScrollLeft","iconName","ref","onScroll","iconEl","labelEl","role","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/stencil-library/question-configs-renderer.section-configs-renderer.udp-forms-builder-menu.udp-forms-builder-question-item.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"question-configs-renderer.section-configs-renderer.udp-forms-builder-menu.udp-forms-builder-question-item.entry.esm.js","sources":["src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question-configs-renderer/question-configs-renderer.css?tag=question-configs-renderer&encapsulation=shadow","src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question-configs-renderer/question-configs-renderer.tsx","src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/section-configs-renderer/section-configs-renderer.css?tag=section-configs-renderer&encapsulation=shadow","src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/section-configs-renderer/section-configs-renderer.tsx","src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-menu/udp-forms-builder-menu.css?tag=udp-forms-builder-menu&encapsulation=shadow","src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-menu/udp-forms-builder-menu.tsx","src/components/forms/udp-forms/udp-forms-builder/forms-question-item/udp-forms-builder-question-item.css?tag=udp-forms-builder-question-item&encapsulation=shadow","src/components/forms/udp-forms/udp-forms-builder/forms-question-item/udp-forms-builder-question-item.tsx"],"sourcesContent":[".generic-configs-container {\n display: flex;\n flex-direction: column;\n /* gap: var(--spacing-04, 16px); /\n} \n\n\n.question-configs-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}","import { Component, h, Prop } from '@stencil/core';\n// import { Question } from '../../../types';\nimport questionsTemplate from '../../udp-forms-builder-question-template';\nimport { UdpFormsTypeEnum } from '../../../utils/enums';\n\n@Component({\n tag: 'question-configs-renderer',\n styleUrl: 'question-configs-renderer.css',\n shadow: true,\n})\nexport class QuestionConfigsRenderer {\n @Prop() formSectionsDraft: any[];\n @Prop() sIndex: number;\n @Prop() qIndex: number;\n @Prop() isViewOnly: boolean;\n @Prop() lookupOptions: any[];\n @Prop() onFormSectionsDraftChange: (updatedSections: any[]) => void;\n @Prop() formType: string;\n @Prop() isFollowUpFormConfigOn: boolean = false;\n @Prop() isCommentingConfigOn: boolean = false;\n\n\n private get question() {\n return this.formSectionsDraft?.[this.sIndex].formQuestions?.[this.qIndex];\n }\n\n private getHandler = (fieldTypeId: number, handlerName: string) => {\n const template = questionsTemplate.find(q => q.fieldTypeId === fieldTypeId);\n return template?.handlers?.[handlerName];\n };\n\n render() {\n const template = questionsTemplate.find(q => q.fieldTypeId === this.question.fieldTypeId);\n const isQuestionTextRequired = !(template && (template as any).questionTextOptional);\n return (\n <div class=\"generic-configs-container\">\n <div class=\"question-configs-header\">\n <unity-typography variant=\"h6\">{this.question.questionTypeName} Question</unity-typography>\n <div>\n {/ Show the ui to set the 'required' config only if the question properties allow it /}\n {!this.question.fieldProperties.ignoreRequiredConfig && (\n <stencil-toggle\n label=\"Required\"\n disabled={this.isViewOnly}\n checked={this.question.required === true}\n onToggledChange={() => {\n const newValue = !this.question.required;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');\n const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'required');\n this.onFormSectionsDraftChange(updated);\n }}\n labelPosition=\"right\"\n />\n )}\n </div>\n </div>\n\n <text-area\n label=\"Question Text\"\n value={this.question.questionText}\n disabled={this.isViewOnly}\n placeholder=\"Enter the question text here\"\n rows={2}\n maxRows={5}\n required={isQuestionTextRequired}\n fullWidth={true}\n margin={'dense'}\n onInput={e => {\n const newValue = (e.target as HTMLTextAreaElement).value;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');\n const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'questionText');\n this.onFormSectionsDraftChange(updated);\n }}\n />\n\n {/ Paragraph-specific configs moved to question-specific-configs-renderer /}\n\n <text-area\n label=\"Helper Text\"\n value={this.question.helperText}\n disabled={this.isViewOnly}\n placeholder=\"Enter the question's helper text here\"\n rows={2}\n maxRows={4}\n fullWidth={true}\n margin={'dense'}\n onInput={e => {\n const newValue = (e.target as HTMLTextAreaElement).value;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');\n const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'helperText');\n this.onFormSectionsDraftChange(updated);\n }}\n />\n <question-specific-configs-renderer\n formSectionsDraft={this.formSectionsDraft}\n sIndex={this.sIndex}\n qIndex={this.qIndex}\n isViewOnly={this.isViewOnly}\n onFormSectionsDraftChange={this.onFormSectionsDraftChange}\n lookupOptions={this.lookupOptions}\n />\n {this.isCommentingConfigOn && (\n <div>\n <stencil-toggle\n label=\"Allow Comments\"\n disabled={this.isViewOnly}\n checked={this.question.fieldProperties.allowComments === true}\n onToggledChange={() => {\n if (this.isViewOnly) return;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowComments');\n this.onFormSectionsDraftChange(updated);\n }}\n labelPosition=\"right\"\n />\n </div>\n )\n }\n {this.formType == UdpFormsTypeEnum.Standard && this.isFollowUpFormConfigOn && (\n <div>\n <stencil-toggle\n label=\"Allow Follow Up Forms\"\n disabled={this.isViewOnly}\n checked={this.question.fieldProperties.allowFollowUpForms === true}\n onToggledChange={() => {\n if (this.isViewOnly) return;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowFollowUpForms');\n this.onFormSectionsDraftChange(updated);\n }}\n labelPosition=\"right\"\n />\n </div>\n )\n }\n </div>\n );\n }\n}\n",".generic-configs-container {\n display: flex;\n flex-direction: column;\n} ","import { Component, h, Prop } from '@stencil/core';\nimport { deepCloneFormSections } from '../../forms-builder-utils';\n\n@Component({\n tag: 'section-configs-renderer',\n styleUrl: 'section-configs-renderer.css',\n shadow: true,\n})\nexport class SectionConfigsRenderer {\n @Prop() formSectionsDraft: any[];\n @Prop() sIndex: number;\n @Prop() isViewOnly: boolean;\n @Prop() onFormSectionsDraftChange: (updatedSections: any[]) => void;\n\n private get section() {\n return this.formSectionsDraft?.[this.sIndex];\n }\n \n private handleSectionFieldChange(sIndex: number, field: 'title' \| 'sectionText' \| 'sectionProperties', value: string) {\n const sectionsCopy = deepCloneFormSections(this.formSectionsDraft);\n const updatedSection = { ...sectionsCopy[sIndex], [field]: value };\n sectionsCopy[sIndex] = updatedSection;\n return sectionsCopy\n }\n\n private handleSectionRepeatablePropertyChange(sIndex: number, value: boolean) {\n const sectionsCopy = deepCloneFormSections(this.formSectionsDraft);\n const oldSection = {...sectionsCopy[sIndex]}\n const updatedProperties = {... oldSection.sectionProperties, isRepeatable: value}\n const updatedSection = { ...oldSection, sectionProperties: updatedProperties };\n sectionsCopy[sIndex] = updatedSection;\n return sectionsCopy\n }\n\n render() {\n return (\n <div class=\"generic-configs-container\">\n\n <text-area\n label=\"Title\"\n value={this.section.title \|\| \"\"}\n disabled={this.isViewOnly}\n placeholder=\"Enter the section title here\"\n rows={2}\n maxRows={5}\n fullWidth={true}\n onInput={(e) => {\n const newValue = (e.target as HTMLTextAreaElement).value;\n const updated = this.handleSectionFieldChange(this.sIndex, 'title', newValue);\n this.onFormSectionsDraftChange(updated);\n }}\n />\n <text-area\n label=\"Section Text\"\n value={this.section.sectionText \|\| \"\"}\n disabled={this.isViewOnly}\n placeholder=\"Enter the section text here\"\n rows={2}\n maxRows={4}\n fullWidth={true}\n onInput={(e) => {\n const newValue = (e.target as HTMLTextAreaElement).value;\n const updated = this.handleSectionFieldChange(this.sIndex, 'sectionText', newValue);\n this.onFormSectionsDraftChange(updated);\n }}\n />\n\n <stencil-toggle\n label=\"Repeatable\"\n disabled={this.isViewOnly}\n checked={this.section.sectionProperties?.isRepeatable === true \|\| false}\n onToggledChange={() => {\n const newValue = !this.section.sectionProperties.isRepeatable;\n const updated = this.handleSectionRepeatablePropertyChange(this.sIndex, newValue);\n this.onFormSectionsDraftChange(updated);\n }}\n labelPosition=\"right\"\n />\n </div>\n );\n }\n}\n",":host {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-05, 24px);\n / background-color: white; /\n border: 1px dashed var(--primary-color);\n padding: var(--spacing-05, 24px);\n box-sizing: border-box;\n background-color: var(--card-background-color, #fff);\n / border-radius: var(--border-radius, 4px); /\n}\n\n.menu-options-container {\n display: flex;\n flex: row;\n flex-wrap: wrap;\n gap: var(--spacing-03, 8px);\n}\n\n.menu-header-container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}","import { Component, h, Prop, Event, EventEmitter } from '@stencil/core';\nimport { getIconFromName } from '../../../../data-display/icons/iconUtils';\n\n@Component({\n tag: 'udp-forms-builder-menu',\n styleUrl: 'udp-forms-builder-menu.css',\n shadow: true,\n})\nexport class UdpFormsBuilderMenu {\n @Prop() isVisible: boolean;\n @Prop() questionsTemplate: any[] = [];\n\n @Event() addSection: EventEmitter<void>;\n @Event() addQuestion: EventEmitter<any>;\n @Event() cancelClick: EventEmitter<void>;\n\n render() {\n return [\n <div class='menu-header-container'>\n <unity-typography variant=\"body1\">Choose a Question Type</unity-typography>\n <stencil-icon-button icon={getIconFromName('close16')} onClick={() => this.cancelClick.emit()} />\n </div>,\n <div class=\"menu-options-container\">\n {/ <udp-button variant=\"outlined\" color=\"primary\" onClick={() => this.addSection.emit()} startIcon={<udp-icon iconName={'add'} color={'inherit'} />}>\n Add a Section\n </udp-button> /}\n {this.questionsTemplate.map(q => (\n <udp-button variant=\"contained\" color=\"primary\" onClick={() => this.addQuestion.emit(q)} startIcon={<udp-icon iconName={q.icon} color={'inherit'} />}>\n {q.questionTypeName}\n </udp-button>\n ))}\n {/ <udp-button variant=\"outlined\" color=\"primary\" onClick={() => this.cancelClick.emit()}>\n Cancel\n </udp-button> */}\n </div>,\n ];\n }\n}\n",".list-item {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--spacing-4, 16px);\n padding: var(--spacing-3, 12px) var(--spacing-4, 16px);\n border-bottom: 1px solid var(--border-color, #e0e0e0);\n background-color: var(--card-background-color, #FFF);\n transition: background-color 0.1s;\n}\n\n.list-item.clickable {\n cursor: grab;\n}\n\n.list-item.clickable:hover {\n background-color: var(--primary-color-alpha-15, #f5f5f5);\n}\n\n.avatar-container {\n align-items: center;\n}\n\n.text-container {\n flex-grow: 1;\n min-width: 0; \n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.primary-text,\n.secondary-text {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.primary-text {\n font-weight: 500;\n}\n\n.status-chip-container {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n}\n\n.actions-container {\n display: flex;\n flex-shrink: 0;\n}\n","import { Component, Prop, h, Host, Element, State } from '@stencil/core';\n\n@Component({\n tag: 'udp-forms-builder-question-item',\n styleUrl: 'udp-forms-builder-question-item.css',\n shadow: true,\n})\nexport class UdpFormsBuilderQuestionItem {\n @Element() private hostEl: HTMLElement;\n\n @State() private hasPrimaryTextSlot = false;\n @State() private hasSecondaryTextSlot = false;\n @State() private hasActionsSlot = false;\n @State() private hasStatusChipSlot = false;\n\n @Prop() primaryText: string;\n @Prop() secondaryText: string;\n @Prop() iconName: string;\n @Prop() avatarBackgroundColor: string = 'info';\n @Prop() avatarVariant: 'circular' \| 'rounded' \| 'square' = 'rounded';\n @Prop() clickable: boolean = false;\n @Prop() onClick: (event: MouseEvent \| KeyboardEvent) => void;\n\n componentWillLoad() {\n this.hasPrimaryTextSlot = !!this.hostEl.querySelector('[slot=\"primary-text\"]');\n this.hasSecondaryTextSlot = !!this.hostEl.querySelector('[slot=\"secondary-text\"]');\n this.hasActionsSlot = !!this.hostEl.querySelector('[slot=\"actions\"]');\n this.hasStatusChipSlot = !!this.hostEl.querySelector('[slot=\"status-chip\"]');\n }\n\n private handleKeyPress = (event: KeyboardEvent) => {\n if (this.clickable && (event.key === 'Enter' \|\| event.key === ' ')) {\n event.preventDefault();\n this.onClick(event);\n }\n };\n\n render() {\n const showPrimaryText = this.primaryText \|\| this.hasPrimaryTextSlot;\n const showSecondaryText = this.secondaryText \|\| this.hasSecondaryTextSlot;\n\n return (\n <Host>\n <div\n class={{\n 'list-item': true,\n 'clickable': this.clickable,\n }}\n onClick={this.onClick}\n onKeyPress={this.handleKeyPress}\n role={this.clickable ? 'button' : undefined}\n tabindex={this.clickable ? 0 : -1}\n >\n\n <div class=\"drag-and-drop-container\">\n <slot name=\"drag-and-drop\"></slot>\n </div>\n\n {this.iconName && (\n <div class=\"avatar-container\">\n <udp-avatar iconName={this.iconName} variant={this.avatarVariant} color={this.avatarBackgroundColor}></udp-avatar>\n </div>\n )}\n <div class=\"text-container\">\n {showPrimaryText && (\n <div class=\"primary-text\" title={this.primaryText}>\n <slot name=\"primary-text\">\n <unity-typography variant=\"body\">{this.primaryText}</unity-typography>\n </slot>\n </div>\n )}\n {showSecondaryText && (\n <div class=\"secondary-text\" title={this.secondaryText}>\n <slot name=\"secondary-text\">\n <unity-typography variant=\"body\" color=\"textSecondary\">\n {this.secondaryText}\n </unity-typography>\n </slot>\n </div>\n )}\n </div>\n {this.hasStatusChipSlot && (\n <div class=\"status-chip-container\">\n <slot name=\"status-chip\"></slot>\n </div> \n )}\n {this.hasActionsSlot && (\n <div class=\"actions-container\">\n <slot name=\"actions\"></slot>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"question-configs-renderer.section-configs-renderer.udp-forms-builder-menu.udp-forms-builder-question-item.entry.esm.js","sources":["src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question-configs-renderer/question-configs-renderer.css?tag=question-configs-renderer&encapsulation=shadow","src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question-configs-renderer/question-configs-renderer.tsx","src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/section-configs-renderer/section-configs-renderer.css?tag=section-configs-renderer&encapsulation=shadow","src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/section-configs-renderer/section-configs-renderer.tsx","src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-menu/udp-forms-builder-menu.css?tag=udp-forms-builder-menu&encapsulation=shadow","src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-menu/udp-forms-builder-menu.tsx","src/components/forms/udp-forms/udp-forms-builder/forms-question-item/udp-forms-builder-question-item.css?tag=udp-forms-builder-question-item&encapsulation=shadow","src/components/forms/udp-forms/udp-forms-builder/forms-question-item/udp-forms-builder-question-item.tsx"],"sourcesContent":[".generic-configs-container {\n display: flex;\n flex-direction: column;\n /* gap: var(--spacing-04, 16px); /\n} \n\n\n.question-configs-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}","import { Component, h, Prop } from '@stencil/core';\n// import { Question } from '../../../types';\nimport questionsTemplate from '../../udp-forms-builder-question-template';\nimport { UdpFormsTypeEnum } from '../../../udp-forms-utils/enums';\n\n@Component({\n tag: 'question-configs-renderer',\n styleUrl: 'question-configs-renderer.css',\n shadow: true,\n})\nexport class QuestionConfigsRenderer {\n @Prop() formSectionsDraft: any[];\n @Prop() sIndex: number;\n @Prop() qIndex: number;\n @Prop() isViewOnly: boolean;\n @Prop() lookupOptions: any[];\n @Prop() onFormSectionsDraftChange: (updatedSections: any[]) => void;\n @Prop() formType: string;\n @Prop() isFollowUpFormConfigOn: boolean = false;\n @Prop() isCommentingConfigOn: boolean = false;\n\n\n private get question() {\n return this.formSectionsDraft?.[this.sIndex].formQuestions?.[this.qIndex];\n }\n\n private getHandler = (fieldTypeId: number, handlerName: string) => {\n const template = questionsTemplate.find(q => q.fieldTypeId === fieldTypeId);\n return template?.handlers?.[handlerName];\n };\n\n render() {\n const template = questionsTemplate.find(q => q.fieldTypeId === this.question.fieldTypeId);\n const isQuestionTextRequired = !(template && (template as any).questionTextOptional);\n return (\n <div class=\"generic-configs-container\">\n <div class=\"question-configs-header\">\n <unity-typography variant=\"h6\">{this.question.questionTypeName} Question</unity-typography>\n <div>\n {/ Show the ui to set the 'required' config only if the question properties allow it /}\n {!this.question.fieldProperties.ignoreRequiredConfig && (\n <stencil-toggle\n label=\"Required\"\n disabled={this.isViewOnly}\n checked={this.question.required === true}\n onToggledChange={() => {\n const newValue = !this.question.required;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');\n const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'required');\n this.onFormSectionsDraftChange(updated);\n }}\n labelPosition=\"right\"\n />\n )}\n </div>\n </div>\n\n <text-area\n label=\"Question Text\"\n value={this.question.questionText}\n disabled={this.isViewOnly}\n placeholder=\"Enter the question text here\"\n rows={2}\n maxRows={5}\n required={isQuestionTextRequired}\n fullWidth={true}\n margin={'dense'}\n onInput={e => {\n const newValue = (e.target as HTMLTextAreaElement).value;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');\n const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'questionText');\n this.onFormSectionsDraftChange(updated);\n }}\n />\n\n {/ Paragraph-specific configs moved to question-specific-configs-renderer /}\n\n <text-area\n label=\"Helper Text\"\n value={this.question.helperText}\n disabled={this.isViewOnly}\n placeholder=\"Enter the question's helper text here\"\n rows={2}\n maxRows={4}\n fullWidth={true}\n margin={'dense'}\n onInput={e => {\n const newValue = (e.target as HTMLTextAreaElement).value;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');\n const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'helperText');\n this.onFormSectionsDraftChange(updated);\n }}\n />\n <question-specific-configs-renderer\n formSectionsDraft={this.formSectionsDraft}\n sIndex={this.sIndex}\n qIndex={this.qIndex}\n isViewOnly={this.isViewOnly}\n onFormSectionsDraftChange={this.onFormSectionsDraftChange}\n lookupOptions={this.lookupOptions}\n />\n {this.isCommentingConfigOn && (\n <div>\n <stencil-toggle\n label=\"Allow Comments\"\n disabled={this.isViewOnly}\n checked={this.question.fieldProperties.allowComments === true}\n onToggledChange={() => {\n if (this.isViewOnly) return;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowComments');\n this.onFormSectionsDraftChange(updated);\n }}\n labelPosition=\"right\"\n />\n </div>\n )\n }\n {this.formType == UdpFormsTypeEnum.Standard && this.isFollowUpFormConfigOn && (\n <div>\n <stencil-toggle\n label=\"Allow Follow Up Forms\"\n disabled={this.isViewOnly}\n checked={this.question.fieldProperties.allowFollowUpForms === true}\n onToggledChange={() => {\n if (this.isViewOnly) return;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowFollowUpForms');\n this.onFormSectionsDraftChange(updated);\n }}\n labelPosition=\"right\"\n />\n </div>\n )\n }\n </div>\n );\n }\n}\n",".generic-configs-container {\n display: flex;\n flex-direction: column;\n} ","import { Component, h, Prop } from '@stencil/core';\nimport { deepCloneFormSections } from '../../forms-builder-utils';\n\n@Component({\n tag: 'section-configs-renderer',\n styleUrl: 'section-configs-renderer.css',\n shadow: true,\n})\nexport class SectionConfigsRenderer {\n @Prop() formSectionsDraft: any[];\n @Prop() sIndex: number;\n @Prop() isViewOnly: boolean;\n @Prop() onFormSectionsDraftChange: (updatedSections: any[]) => void;\n\n private get section() {\n return this.formSectionsDraft?.[this.sIndex];\n }\n \n private handleSectionFieldChange(sIndex: number, field: 'title' \| 'sectionText' \| 'sectionProperties', value: string) {\n const sectionsCopy = deepCloneFormSections(this.formSectionsDraft);\n const updatedSection = { ...sectionsCopy[sIndex], [field]: value };\n sectionsCopy[sIndex] = updatedSection;\n return sectionsCopy\n }\n\n private handleSectionRepeatablePropertyChange(sIndex: number, value: boolean) {\n const sectionsCopy = deepCloneFormSections(this.formSectionsDraft);\n const oldSection = {...sectionsCopy[sIndex]}\n const updatedProperties = {... oldSection.sectionProperties, isRepeatable: value}\n const updatedSection = { ...oldSection, sectionProperties: updatedProperties };\n sectionsCopy[sIndex] = updatedSection;\n return sectionsCopy\n }\n\n render() {\n return (\n <div class=\"generic-configs-container\">\n\n <text-area\n label=\"Title\"\n value={this.section.title \|\| \"\"}\n disabled={this.isViewOnly}\n placeholder=\"Enter the section title here\"\n rows={2}\n maxRows={5}\n fullWidth={true}\n onInput={(e) => {\n const newValue = (e.target as HTMLTextAreaElement).value;\n const updated = this.handleSectionFieldChange(this.sIndex, 'title', newValue);\n this.onFormSectionsDraftChange(updated);\n }}\n />\n <text-area\n label=\"Section Text\"\n value={this.section.sectionText \|\| \"\"}\n disabled={this.isViewOnly}\n placeholder=\"Enter the section text here\"\n rows={2}\n maxRows={4}\n fullWidth={true}\n onInput={(e) => {\n const newValue = (e.target as HTMLTextAreaElement).value;\n const updated = this.handleSectionFieldChange(this.sIndex, 'sectionText', newValue);\n this.onFormSectionsDraftChange(updated);\n }}\n />\n\n <stencil-toggle\n label=\"Repeatable\"\n disabled={this.isViewOnly}\n checked={this.section.sectionProperties?.isRepeatable === true \|\| false}\n onToggledChange={() => {\n const newValue = !this.section.sectionProperties.isRepeatable;\n const updated = this.handleSectionRepeatablePropertyChange(this.sIndex, newValue);\n this.onFormSectionsDraftChange(updated);\n }}\n labelPosition=\"right\"\n />\n </div>\n );\n }\n}\n",":host {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-05, 24px);\n / background-color: white; /\n border: 1px dashed var(--primary-color);\n padding: var(--spacing-05, 24px);\n box-sizing: border-box;\n background-color: var(--card-background-color, #fff);\n / border-radius: var(--border-radius, 4px); /\n}\n\n.menu-options-container {\n display: flex;\n flex: row;\n flex-wrap: wrap;\n gap: var(--spacing-03, 8px);\n}\n\n.menu-header-container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}","import { Component, h, Prop, Event, EventEmitter } from '@stencil/core';\nimport { getIconFromName } from '../../../../data-display/icons/iconUtils';\n\n@Component({\n tag: 'udp-forms-builder-menu',\n styleUrl: 'udp-forms-builder-menu.css',\n shadow: true,\n})\nexport class UdpFormsBuilderMenu {\n @Prop() isVisible: boolean;\n @Prop() questionsTemplate: any[] = [];\n\n @Event() addSection: EventEmitter<void>;\n @Event() addQuestion: EventEmitter<any>;\n @Event() cancelClick: EventEmitter<void>;\n\n render() {\n return [\n <div class='menu-header-container'>\n <unity-typography variant=\"body1\">Choose a Question Type</unity-typography>\n <stencil-icon-button icon={getIconFromName('close16')} onClick={() => this.cancelClick.emit()} />\n </div>,\n <div class=\"menu-options-container\">\n {/ <udp-button variant=\"outlined\" color=\"primary\" onClick={() => this.addSection.emit()} startIcon={<udp-icon iconName={'add'} color={'inherit'} />}>\n Add a Section\n </udp-button> /}\n {this.questionsTemplate.map(q => (\n <udp-button variant=\"contained\" color=\"primary\" onClick={() => this.addQuestion.emit(q)} startIcon={<udp-icon iconName={q.icon} color={'inherit'} />}>\n {q.questionTypeName}\n </udp-button>\n ))}\n {/ <udp-button variant=\"outlined\" color=\"primary\" onClick={() => this.cancelClick.emit()}>\n Cancel\n </udp-button> */}\n </div>,\n ];\n }\n}\n",".list-item {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--spacing-4, 16px);\n padding: var(--spacing-3, 12px) var(--spacing-4, 16px);\n border-bottom: 1px solid var(--border-color, #e0e0e0);\n background-color: var(--card-background-color, #FFF);\n transition: background-color 0.1s;\n}\n\n.list-item.clickable {\n cursor: grab;\n}\n\n.list-item.clickable:hover {\n background-color: var(--primary-color-alpha-15, #f5f5f5);\n}\n\n.avatar-container {\n align-items: center;\n}\n\n.text-container {\n flex-grow: 1;\n min-width: 0; \n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.primary-text,\n.secondary-text {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.primary-text {\n font-weight: 500;\n}\n\n.status-chip-container {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n}\n\n.actions-container {\n display: flex;\n flex-shrink: 0;\n}\n","import { Component, Prop, h, Host, Element, State } from '@stencil/core';\n\n@Component({\n tag: 'udp-forms-builder-question-item',\n styleUrl: 'udp-forms-builder-question-item.css',\n shadow: true,\n})\nexport class UdpFormsBuilderQuestionItem {\n @Element() private hostEl: HTMLElement;\n\n @State() private hasPrimaryTextSlot = false;\n @State() private hasSecondaryTextSlot = false;\n @State() private hasActionsSlot = false;\n @State() private hasStatusChipSlot = false;\n\n @Prop() primaryText: string;\n @Prop() secondaryText: string;\n @Prop() iconName: string;\n @Prop() avatarBackgroundColor: string = 'info';\n @Prop() avatarVariant: 'circular' \| 'rounded' \| 'square' = 'rounded';\n @Prop() clickable: boolean = false;\n @Prop() onClick: (event: MouseEvent \| KeyboardEvent) => void;\n\n componentWillLoad() {\n this.hasPrimaryTextSlot = !!this.hostEl.querySelector('[slot=\"primary-text\"]');\n this.hasSecondaryTextSlot = !!this.hostEl.querySelector('[slot=\"secondary-text\"]');\n this.hasActionsSlot = !!this.hostEl.querySelector('[slot=\"actions\"]');\n this.hasStatusChipSlot = !!this.hostEl.querySelector('[slot=\"status-chip\"]');\n }\n\n private handleKeyPress = (event: KeyboardEvent) => {\n if (this.clickable && (event.key === 'Enter' \|\| event.key === ' ')) {\n event.preventDefault();\n this.onClick(event);\n }\n };\n\n render() {\n const showPrimaryText = this.primaryText \|\| this.hasPrimaryTextSlot;\n const showSecondaryText = this.secondaryText \|\| this.hasSecondaryTextSlot;\n\n return (\n <Host>\n <div\n class={{\n 'list-item': true,\n 'clickable': this.clickable,\n }}\n onClick={this.onClick}\n onKeyPress={this.handleKeyPress}\n role={this.clickable ? 'button' : undefined}\n tabindex={this.clickable ? 0 : -1}\n >\n\n <div class=\"drag-and-drop-container\">\n <slot name=\"drag-and-drop\"></slot>\n </div>\n\n {this.iconName && (\n <div class=\"avatar-container\">\n <udp-avatar iconName={this.iconName} variant={this.avatarVariant} color={this.avatarBackgroundColor}></udp-avatar>\n </div>\n )}\n <div class=\"text-container\">\n {showPrimaryText && (\n <div class=\"primary-text\" title={this.primaryText}>\n <slot name=\"primary-text\">\n <unity-typography variant=\"body\">{this.primaryText}</unity-typography>\n </slot>\n </div>\n )}\n {showSecondaryText && (\n <div class=\"secondary-text\" title={this.secondaryText}>\n <slot name=\"secondary-text\">\n <unity-typography variant=\"body\" color=\"textSecondary\">\n {this.secondaryText}\n </unity-typography>\n </slot>\n </div>\n )}\n </div>\n {this.hasStatusChipSlot && (\n <div class=\"status-chip-container\">\n <slot name=\"status-chip\"></slot>\n </div> \n )}\n {this.hasActionsSlot && (\n <div class=\"actions-container\">\n <slot name=\"actions\"></slot>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,0BAA0B,GAAG,wJAAwJ;;MCU9K,uBAAuB,GAAA,MAAA;AALpC,IAAA,WAAA,CAAA,OAAA,EAAA;;AAaU,QAAA,IAAsB,CAAA,sBAAA,GAAY,KAAK;AACvC,QAAA,IAAoB,CAAA,oBAAA,GAAY,KAAK;QAOrC,IAAA,CAAA,UAAU,GAAG,CAAC,WAAmB,EAAE,WAAmB,KAAI;;AAChE,YAAA,MAAM,QAAQ,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,WAAW,KAAK,WAAW,CAAC;AAC3E,YAAA,OAAO,CAAA,EAAA,GAAA,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAE,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAG,WAAW,CAAC;AAC1C,SAAC;AA6GF;AApHC,IAAA,IAAY,QAAQ,GAAA;;QAClB,OAAO,MAAA,CAAA,EAAA,GAAA,IAAI,CAAC,iBAAiB,0CAAG,IAAI,CAAC,MAAM,CAAA,CAAE,aAAa,MAAG,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAI,CAAC,MAAM,CAAC;;IAQ3E,MAAM,GAAA;QACJ,MAAM,QAAQ,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,WAAW,KAAK,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC;QACzF,MAAM,sBAAsB,GAAG,EAAE,QAAQ,IAAK,QAAgB,CAAC,oBAAoB,CAAC;QACpF,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,2BAA2B,EAAA,EACpC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,yBAAyB,EAAA,EAClC,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,IAAI,EAAA,EAAE,IAAI,CAAC,QAAQ,CAAC,gBAAgB,EAA6B,WAAA,CAAA,EAC3F,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAEG,CAAC,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,oBAAoB,KAClD,CACE,CAAA,gBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,UAAU,EAChB,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,KAAK,IAAI,EACxC,eAAe,EAAE,MAAK;gBACpB,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ;AACxC,gBAAA,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,uBAAuB,CAAC;gBACnF,MAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,UAAU,CAAC;AAC/F,gBAAA,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC;AACzC,aAAC,EACD,aAAa,EAAC,OAAO,EACrB,CAAA,CACH,CACG,CACF,EAEN,CACE,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EACrB,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,YAAY,EACjC,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,WAAW,EAAC,8BAA8B,EAC1C,IAAI,EAAE,CAAC,EACP,OAAO,EAAE,CAAC,EACV,QAAQ,EAAE,sBAAsB,EAChC,SAAS,EAAE,IAAI,EACf,MAAM,EAAE,OAAO,EACf,OAAO,EAAE,CAAC,IAAG;AACX,gBAAA,MAAM,QAAQ,GAAI,CAAC,CAAC,MAA8B,CAAC,KAAK;AACxD,gBAAA,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,uBAAuB,CAAC;gBACnF,MAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,cAAc,CAAC;AACnG,gBAAA,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC;aACxC,EACD,CAAA,EAIF,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,aAAa,EACnB,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,EAC/B,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,WAAW,EAAC,uCAAuC,EACnD,IAAI,EAAE,CAAC,EACP,OAAO,EAAE,CAAC,EACV,SAAS,EAAE,IAAI,EACf,MAAM,EAAE,OAAO,EACf,OAAO,EAAE,CAAC,IAAG;AACX,gBAAA,MAAM,QAAQ,GAAI,CAAC,CAAC,MAA8B,CAAC,KAAK;AACxD,gBAAA,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,uBAAuB,CAAC;gBACnF,MAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,YAAY,CAAC;AACjG,gBAAA,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC;aACxC,EACD,CAAA,EACF,CAAA,CAAA,oCAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EACzC,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,yBAAyB,EAAE,IAAI,CAAC,yBAAyB,EACzD,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,CAAA,EACD,IAAI,CAAC,oBAAoB,KACxB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CACE,CAAA,gBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EACtB,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,aAAa,KAAK,IAAI,EAC7D,eAAe,EAAE,MAAK;gBACpB,IAAI,IAAI,CAAC,UAAU;oBAAE;AACrB,gBAAA,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,kCAAkC,CAAC;AAC9F,gBAAA,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,eAAe,CAAC;AAC1F,gBAAA,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC;AACzC,aAAC,EACD,aAAa,EAAC,OAAO,EAAA,CACrB,CACE,CACN,EAED,IAAI,CAAC,QAAQ,IAAI,gBAAgB,CAAC,QAAQ,IAAI,IAAI,CAAC,sBAAsB,KACxE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CACE,CAAA,gBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAC7B,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,kBAAkB,KAAK,IAAI,EAClE,eAAe,EAAE,MAAK;gBACpB,IAAI,IAAI,CAAC,UAAU;oBAAE;AACrB,gBAAA,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,kCAAkC,CAAC;AAC9F,gBAAA,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,oBAAoB,CAAC;AAC/F,gBAAA,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC;aACxC,EACD,aAAa,EAAC,OAAO,GACrB,CACE,CACL,CAEC;;;;;ACvIZ,MAAM,yBAAyB,GAAG,gEAAgE;;MCQrF,sBAAsB,GAAA,MAAA;;;;AAMjC,IAAA,IAAY,OAAO,GAAA;;AACjB,QAAA,OAAO,CAAA,EAAA,GAAA,IAAI,CAAC,iBAAiB,0CAAG,IAAI,CAAC,MAAM,CAAC;;AAGtC,IAAA,wBAAwB,CAAC,MAAc,EAAE,KAAoD,EAAE,KAAa,EAAA;QAClH,MAAM,YAAY,GAAG,qBAAqB,CAAC,IAAI,CAAC,iBAAiB,CAAC;QAClE,MAAM,cAAc,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAQ,YAAY,CAAC,MAAM,CAAC,CAAE,EAAA,EAAA,CAAC,KAAK,GAAG,KAAK,GAAE;AAClE,QAAA,YAAY,CAAC,MAAM,CAAC,GAAG,cAAc;AACrC,QAAA,OAAO,YAAY;;IAGb,qCAAqC,CAAC,MAAc,EAAE,KAAc,EAAA;QAC1E,MAAM,YAAY,GAAG,qBAAqB,CAAC,IAAI,CAAC,iBAAiB,CAAC;AAClE,QAAA,MAAM,UAAU,GAAO,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,YAAY,CAAC,MAAM,CAAC,CAAC;QAC5C,MAAM,iBAAiB,GAAQ,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,UAAU,CAAC,iBAAiB,KAAE,YAAY,EAAE,KAAK,EAAA,CAAC;QACjF,MAAM,cAAc,mCAAQ,UAAU,CAAA,EAAA,EAAE,iBAAiB,EAAE,iBAAiB,GAAE;AAC9E,QAAA,YAAY,CAAC,MAAM,CAAC,GAAG,cAAc;AACrC,QAAA,OAAO,YAAY;;IAGrB,MAAM,GAAA;;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,2BAA2B,EAAA,EAEpC,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,IAAI,EAAE,EAC/B,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,WAAW,EAAC,8BAA8B,EAC1C,IAAI,EAAE,CAAC,EACP,OAAO,EAAE,CAAC,EACV,SAAS,EAAE,IAAI,EACf,OAAO,EAAE,CAAC,CAAC,KAAI;AACb,gBAAA,MAAM,QAAQ,GAAI,CAAC,CAAC,MAA8B,CAAC,KAAK;AACxD,gBAAA,MAAM,OAAO,GAAG,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAC;AAC7E,gBAAA,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC;aACxC,EACD,CAAA,EACF,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,cAAc,EACpB,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,WAAW,IAAI,EAAE,EACrC,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,WAAW,EAAC,6BAA6B,EACzC,IAAI,EAAE,CAAC,EACP,OAAO,EAAE,CAAC,EACV,SAAS,EAAE,IAAI,EACf,OAAO,EAAE,CAAC,CAAC,KAAI;AACb,gBAAA,MAAM,QAAQ,GAAI,CAAC,CAAC,MAA8B,CAAC,KAAK;AACxD,gBAAA,MAAM,OAAO,GAAG,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,MAAM,EAAE,aAAa,EAAE,QAAQ,CAAC;AACnF,gBAAA,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC;AACzC,aAAC,EACD,CAAA,EAEF,CAAA,CAAA,gBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACM,KAAK,EAAC,YAAY,EAClB,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,OAAO,CAAC,iBAAiB,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,YAAY,MAAK,IAAI,IAAI,KAAK,EACvE,eAAe,EAAE,MAAK;gBACpB,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,YAAY;AAC7D,gBAAA,MAAM,OAAO,GAAG,IAAI,CAAC,qCAAqC,CAAC,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC;AACjF,gBAAA,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC;aACxC,EACD,aAAa,EAAC,OAAO,EACrB,CAAA,CACF;;;;;AC9EZ,MAAM,sBAAsB,GAAG,sYAAsY;;MCQxZ,mBAAmB,GAAA,MAAA;AALhC,IAAA,WAAA,CAAA,OAAA,EAAA;;;;;AAOU,QAAA,IAAiB,CAAA,iBAAA,GAAU,EAAE;AA2BtC;IArBC,MAAM,GAAA;QACJ,OAAO;YACL,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAA,EAChC,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,OAAO,EAA0C,EAAA,wBAAA,CAAA,EAC3E,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,IAAI,EAAE,eAAe,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,GAAI,CAC7F;AACN,YAAA,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,wBAAwB,EAIhC,EAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,KAC3B,CAAY,CAAA,YAAA,EAAA,EAAA,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAU,CAAA,UAAA,EAAA,EAAA,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,EAAI,CAAA,EAAA,EACjJ,CAAC,CAAC,gBAAgB,CACR,CACd,CAAC,CAIE;SACP;;;;;ACnCL,MAAM,8BAA8B,GAAG,gvBAAgvB;;MCO1wB,2BAA2B,GAAA,MAAA;AALxC,IAAA,WAAA,CAAA,OAAA,EAAA;;AAQmB,QAAA,IAAkB,CAAA,kBAAA,GAAG,KAAK;AAC1B,QAAA,IAAoB,CAAA,oBAAA,GAAG,KAAK;AAC5B,QAAA,IAAc,CAAA,cAAA,GAAG,KAAK;AACtB,QAAA,IAAiB,CAAA,iBAAA,GAAG,KAAK;AAKlC,QAAA,IAAqB,CAAA,qBAAA,GAAW,MAAM;AACtC,QAAA,IAAa,CAAA,aAAA,GAAsC,SAAS;AAC5D,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AAU1B,QAAA,IAAA,CAAA,cAAc,GAAG,CAAC,KAAoB,KAAI;AAChD,YAAA,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE;gBAClE,KAAK,CAAC,cAAc,EAAE;AACtB,gBAAA,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;;AAEvB,SAAC;AA4DF;IAxEC,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,kBAAkB,GAAG,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,uBAAuB,CAAC;AAC9E,QAAA,IAAI,CAAC,oBAAoB,GAAG,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,yBAAyB,CAAC;AAClF,QAAA,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,kBAAkB,CAAC;AACrE,QAAA,IAAI,CAAC,iBAAiB,GAAG,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,sBAAsB,CAAC;;IAU9E,MAAM,GAAA;QACJ,MAAM,eAAe,GAAG,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,kBAAkB;QACnE,MAAM,iBAAiB,GAAG,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,oBAAoB;QAEzE,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE;AACL,gBAAA,WAAW,EAAE,IAAI;gBACjB,WAAW,EAAE,IAAI,CAAC,SAAS;AAC5B,aAAA,EACD,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,UAAU,EAAE,IAAI,CAAC,cAAc,EAC/B,IAAI,EAAE,IAAI,CAAC,SAAS,GAAG,QAAQ,GAAG,SAAS,EAC3C,QAAQ,EAAE,IAAI,CAAC,SAAS,GAAG,CAAC,GAAG,EAAE,EAAA,EAGjC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,yBAAyB,EAAA,EAClC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,eAAe,EAAA,CAAQ,CAC9B,EAEL,IAAI,CAAC,QAAQ,KACZ,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3B,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAY,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,CAAC,aAAa,EAAE,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAA,CAAe,CAC9G,CACP,EACD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EACxB,eAAe,KACd,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,cAAc,EAAC,KAAK,EAAE,IAAI,CAAC,WAAW,EAAA,EAC/C,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,cAAc,EAAA,EACvB,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,MAAM,EAAE,EAAA,IAAI,CAAC,WAAW,CAAoB,CACjE,CACH,CACP,EACA,iBAAiB,KAChB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,gBAAgB,EAAC,KAAK,EAAE,IAAI,CAAC,aAAa,EAAA,EACnD,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,gBAAgB,EAAA,EACzB,CAAA,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAkB,OAAO,EAAC,MAAM,EAAC,KAAK,EAAC,eAAe,EACnD,EAAA,IAAI,CAAC,aAAa,CACF,CACd,CACH,CACP,CACG,EACL,IAAI,CAAC,iBAAiB,KACrB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAA,EAChC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,aAAa,EAAA,CAAQ,CAC5B,CACP,EACA,IAAI,CAAC,cAAc,KAClB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,EAAA,EAC5B,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAA,CAAQ,CACxB,CACP,CACG,CACD;;;;;;;;"}