udp-stencil-component-library 1.0.0

package/dist/stencil-library/p-12799897.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as e,H as p}from"./p-CaIWDYyq.js";const n=':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-form-item-wrapper){display:block;width:100%;box-sizing:border-box}: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 r=class{constructor(e){t(this,e);this.change=i(this,"change");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}this.adjustTextAreaHeight()};this.onChange=t=>{if(this.readonly){return}const i=t.target.value;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()))}}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}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:u,readonly:a,errorMessage:s,fullWidth:d,internalRows:l}=this;return e(p,{key:"41305f157ed18d8033ecd42b8e71c61c4479e969",class:{"udp-input":true,"udp-input--error":!!s,"udp-input--disabled":t,"udp-input--readonly":a,"udp-input--full-width":d,"udp-input--required":u,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true}},e("div",{key:"a466d1dfe2f15374e52abf52aff3da7c4426e2c2",class:"bx--form-item"},e("unity-typography",{key:"9f45ce03a947dfb6f5db08b9cd89a165232a8c61",variant:"caption-text"},e("label",{key:"2e4df5f4567f92c6ecd32d5589846aee060dcecf",htmlFor:i,class:"bx--label"},r,u?"*":"")),e("textarea",{key:"7427d569547ea4f57886d4671fbec9c0d6b969e6",ref:t=>this.textareaEl=t,id:i,class:{"bx--text-input":true,"bx--text-input--error":!!s,"text-area--disabled":t},placeholder:o,value:n,required:u,disabled:t,readonly:a,maxLength:this.maxCharacter,rows:l,onInput:this.onInput,onChange:this.onChange},n),s&&e("div",{key:"18861a53bf2179cf7c3feb80d509d32b6b5143ad",class:"error-message"},e("unity-typography",{key:"f776d509589cd8e6f500b5da8714cf9fc313020c",variant:"caption-text",color:"error"},s))))}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};r.style=n;const o=':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-form-item-wrapper){display:block;width:100%;box-sizing:border-box}: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 u=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:"f322fd4cdf86a497a4a9222bc6c332525d8f47f6",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:"233d1c8193e91ec278cf3affbbfe157a0a1190ab",class:"bx--form-item"},e("unity-typography",{key:"1a041ab965c3e539594add30a22c3caf33c8b21f",variant:"caption-text"},e("label",{key:"74d424a3381e666a4daf401790bfd0e6ac25fb74",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),e("input",{key:"bf61c6999e5422dbf9b37a8085783c3ca3b8fc17",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:"07f1c58c243d63ae2d88a1f643bf91cf12b8f599",class:"error-message",variant:"caption-text",color:"error"},this.errorMessage)))}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};u.style=o;const a=':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-form-item-wrapper){display:block;width:100%;box-sizing:border-box}: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 s=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=()=>{}}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:"922ee14810e3056343d629920dfc1bf3db0b169b",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:"55366f34b6e40861cea704acac2b5e5af1272ed7",class:"bx--form-item"},e("unity-typography",{key:"e71ace1035b3f5528fcbda50a3505f7e865650e3",variant:"caption-text"},e("label",{key:"3f22ce12242d993f28dc1aed497fc569c8750ba0",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),e("input",{key:"f3820dab3c9bf7afe3280eedc66a81f36a1e8b54",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:"c76b07c0fa84e0981f3cd7423b6eb65a5f3d5584",class:"error-message",variant:"caption-text",color:"error"},this.errorMessage)))}static get watchers(){return{initialValue:["initialValueChanged"],value:["valueChanged"]}}};s.style=a;const d=':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-form-item-wrapper){display:block;width:100%;box-sizing:border-box}: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 l=class{constructor(e){t(this,e);this.change=i(this,"change");this.input=i(this,"input");this.value="";this.readonly=false;this.fullWidth=false;this.size="normal";this.margin="normal";this.internalValue="";this.handleTimeChange=t=>{const i=t.target;const e=i.value;this.internalValue=e;if(this.value!==undefined){this.value=e}this.change.emit(e);this.input.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(){}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:"343997e6ef8f5b6ab0a61f8d250e5293f572fb97",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:"955cf74003a576605bb7b24d5a67d145143aff4b",class:"bx--form-item"},e("unity-typography",{key:"d88946f3b292a2f6f950559972a2688896f3e4f1",variant:"caption-text"},e("label",{key:"c821e535f9ab9803f3f1c9290c1e7854b0b03692",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),e("input",{key:"d96345a2bcde2b65dbe7eb100e76a0acd71c5402",type:"time",id:this.id,name:this.name,class:n,value:this.internalValue,min:this.min,max:this.max,onInput:this.handleTimeChange,onChange:this.handleTimeChange,onBlur:this.handleBlur,onFocus:this.handleFocus,disabled:this.disabled,readonly:this.readonly,required:this.required,udprecordid:"udpRecord-udp-time-selector-"+this.id}),e("unity-typography",{key:"17daf5fc3b09a1fd9bb403e21f4f39364744cebe",class:"error-message",variant:"caption-text",color:"error"},this.errorMessage)))}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};l.style=d;export{r as text_area,u as udp_date_selector,s as udp_datetime_selector,l as udp_time_selector};
+//# sourceMappingURL=p-12799897.entry.js.map

package/dist/stencil-library/p-12799897.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["textAreaCss","TextArea","constructor","hostRef","this","size","margin","readonly","onInput","event","input","target","value","internalValue","newValue","undefined","adjustTextAreaHeight","onChange","change","emit","updateError","errorMessage","error","initialValueChanged","Promise","resolve","then","valueChanged","componentWillLoad","initialValue","initialNumRows","rows","currentMinRows","minRows","Math","max","maxRows","min","internalRows","componentDidLoad","textareaEl","Number","MAX_SAFE_INTEGER","previousScrollTop","scrollTop","style","overflowY","height","currentActualRows","scrollHeight","clientHeight","newCalculatedRows","render","disabled","id","label","placeholder","required","fullWidth","h","Host","key","class","variant","htmlFor","ref","el","maxLength","maxCharacter","color","udpDateSelectorCss","UdpDateSelector","handleDateChange","handleBlur","handleFocus","formatDateForHtml","dateString","date","Date","isNaN","getTime","setTime","getTimezoneOffset","isoString","toISOString","_a","split","call","isError","classNames","push","inputClass","join","type","name","onBlur","onFocus","udprecordid","udpDatetimeSelectorCss","UdpDateTimeSelector","splitISO","udpTimeSelectorCss","UdpTimeSelector","handleTimeChange"],"sources":["src/components/my-component/UI/inputs/text-area/text-area.css?tag=text-area&encapsulation=shadow","src/components/my-component/UI/inputs/text-area/text-area.tsx","src/components/my-component/UI/inputs/date-selector/udp-date-selector.css?tag=udp-date-selector&encapsulation=shadow","src/components/my-component/UI/inputs/date-selector/udp-date-selector.tsx","src/components/my-component/UI/inputs/date-time-selector/udp-datetime-selector.css?tag=udp-datetime-selector&encapsulation=shadow","src/components/my-component/UI/inputs/date-time-selector/udp-datetime-selector.tsx","src/components/my-component/UI/inputs/time-selector/udp-time-selector.css?tag=udp-time-selector&encapsulation=shadow","src/components/my-component/UI/inputs/time-selector/udp-time-selector.tsx"],"sourcesContent":["@import '../inputs.css';\n","import {\n  Component,\n  Prop,\n  h,\n  Host,\n  State,\n  Watch,\n  Event,\n  EventEmitter,\n} from '@stencil/core';\nimport { InputSize, InputMargin } from '../input-types';\n\n/**\n * A standardized textarea component with auto-resizing, error handling, and validation.\n * Supports both controlled and uncontrolled modes.\n *\n * This component emits a custom `change` event with the committed value and also\n * propagates standard DOM events like `input`, `focus`, and `blur` from the\n * underlying textarea element.\n *\n * @example\n * ```tsx\n * // Uncontrolled component with initial value\n * <text-area\n *   placeholder=\"Enter your message\"\n *   initialValue=\"Default message\"\n *   onChange={(e) => console.log('Final value:', e.detail)}\n * />\n *\n * // Controlled component\n * <text-area\n *   placeholder=\"Enter your message\"\n *   value={messageValue}\n *   onChange={(e) => setMessageValue(e.detail)}\n * />\n *\n * // With validation and auto-resize\n * <text-area\n *   label=\"Description\"\n *   placeholder=\"Enter description...\"\n *   required={true}\n *   error={descriptionError}\n *   value={description}\n *   minRows={3}\n *   maxRows={10}\n *   onChange={handleDescriptionChange}\n * />\n * ```\n */\n@Component({\n  tag: 'text-area',\n  styleUrl: 'text-area.css',\n  shadow: true,\n})\nexport class TextArea {\n  /**\n   * Label text displayed above the textarea. Used for accessibility and user guidance.\n   */\n  @Prop() label: string;\n\n  /**\n   * Unique identifier for the textarea element. Used for form association and accessibility.\n   */\n  @Prop() id: string;\n\n  /**\n   * Name attribute for the textarea element. Used for form submission.\n   */\n  @Prop() name: string;\n\n  /**\n   * Placeholder text shown when the textarea is empty. Provides hints about expected input.\n   */\n  @Prop() placeholder: string;\n\n  /**\n   * Initial value for the textarea. Used for uncontrolled components to set the default value.\n   * Only used when `value` prop is not provided.\n   */\n  @Prop() initialValue: string;\n\n  /**\n   * Current value of the textarea. When provided, makes this a controlled component.\n   * The component will use this value and update it through events.\n   */\n  @Prop({ mutable: true }) value: string;\n\n  /**\n   * Error message to display below the textarea. Shows validation errors or other issues.\n   */\n  @Prop() error: string;\n\n  /**\n   * Whether the field is required for form submission. Adds visual indicator and validation.\n   */\n  @Prop() required: boolean;\n\n  /**\n   * Whether the field is disabled. Users cannot interact with the field.\n   */\n  @Prop() disabled: boolean;\n\n  /**\n   * Whether the textarea should take the full width of its container.\n   */\n  @Prop() fullWidth: boolean;\n\n  /**\n   * Maximum number of characters allowed in the textarea. Enforces character limits.\n   */\n  @Prop() maxCharacter?: number;\n\n  /**\n   * Initial number of rows for the textarea.\n   */\n  @Prop() rows: number;\n\n  /**\n   * Minimum number of rows for auto-resizing.\n   */\n  @Prop() minRows: number;\n\n  /**\n   * Maximum number of rows for auto-resizing.\n   */\n  @Prop() maxRows: number;\n\n  /**\n   * Size variant controlling the padding and spacing of the textarea.\n   * - 'small': Compact spacing for data-heavy interfaces\n   * - 'normal': Standard spacing (default)\n   * - 'large': Generous spacing for accessibility\n   */\n  @Prop() size: InputSize = 'normal';\n\n  /**\n   * Margin variant for the input spacing.\n   * - 'none': No margin\n   * - 'dense': Minimal margin spacing\n   * - 'normal': Standard margin spacing (default)\n   */\n  @Prop() margin: InputMargin = 'normal';\n\n  /**\n   * If `true`, the component is read-only.\n   */\n  @Prop() readonly = false;\n\n  /**\n   * Internal state for the component's value\n   */\n  @State() internalValue: string;\n\n  /**\n   * Internal state for the error message.\n   */\n  @State() errorMessage: string;\n\n  /**\n   * Internal state for the number of rows.\n   */\n  @State() internalRows: number;\n\n  /**\n   * Emitted when the value of the component changes (on blur).\n   */\n  @Event() change: EventEmitter<string>;\n\n\n  private textareaEl: HTMLTextAreaElement;\n\n  /**\n   * Updates the error message when the error prop changes.\n   * @internal\n   */\n  @Watch('error')\n  updateError() {\n    this.errorMessage = this.error;\n  }\n\n  /**\n   * Updates the internal value when initialValue prop changes.\n   * @internal\n   */\n  @Watch('initialValue')\n  initialValueChanged(newValue: string) {\n    if ((this.internalValue === '' || this.internalValue === undefined) || this.value === undefined) {\n      if (newValue !== undefined) {\n        this.internalValue = newValue;\n        Promise.resolve().then(() => this.adjustTextAreaHeight());\n      }\n    }\n  }\n\n  /**\n   * Updates the internal value when value prop changes.\n   * @internal\n   */\n  @Watch('value')\n  protected valueChanged() {\n    if (this.value !== undefined && this.value !== this.internalValue) {\n      this.internalValue = this.value;\n      Promise.resolve().then(() => this.adjustTextAreaHeight());\n    }\n  }\n\n  /**\n   * @internal\n   */\n  componentWillLoad() {\n    this.internalValue = this.value !== undefined ? this.value : (this.initialValue || '');\n    if (this.error) {\n      this.errorMessage = this.error;\n    }\n\n    let initialNumRows = this.rows;\n    const currentMinRows = this.minRows === undefined ? 1 : this.minRows;\n\n    if (initialNumRows === undefined) {\n      initialNumRows = currentMinRows;\n    }\n\n    initialNumRows = Math.max(currentMinRows, initialNumRows);\n\n    if (this.maxRows !== undefined) {\n      initialNumRows = Math.min(this.maxRows, initialNumRows);\n    }\n    this.internalRows = initialNumRows;\n  }\n\n  /**\n   * @internal\n   */\n  componentDidLoad() {\n    this.adjustTextAreaHeight();\n  }\n\n  /**\n   * @internal\n   */\n  private adjustTextAreaHeight() {\n    if (!this.textareaEl) {\n      return;\n    }\n\n    const min = this.minRows === undefined ? 1 : this.minRows;\n    const max = this.maxRows === undefined ? Number.MAX_SAFE_INTEGER : this.maxRows;\n    const previousScrollTop = this.textareaEl.scrollTop;\n\n    this.textareaEl.style.overflowY = 'hidden';\n    this.textareaEl.style.height = 'auto';\n\n    this.textareaEl.rows = min;\n    let currentActualRows = min;\n\n    while (this.textareaEl.scrollHeight > this.textareaEl.clientHeight && currentActualRows < max) {\n      currentActualRows++;\n      this.textareaEl.rows = currentActualRows;\n    }\n\n    if (currentActualRows < max || max === Number.MAX_SAFE_INTEGER) {\n      while (currentActualRows > min) {\n        this.textareaEl.rows = currentActualRows - 1;\n        if (this.textareaEl.scrollHeight > this.textareaEl.clientHeight) {\n          this.textareaEl.rows = currentActualRows;\n          break;\n        }\n        currentActualRows--;\n      }\n    }\n\n    let newCalculatedRows = Math.max(min, Math.min(currentActualRows, max));\n\n    this.textareaEl.style.height = '';\n    this.textareaEl.style.overflowY = '';\n\n    this.textareaEl.rows = newCalculatedRows;\n\n    if (this.internalRows !== newCalculatedRows) {\n      this.internalRows = newCalculatedRows;\n    }\n\n    Promise.resolve().then(() => {\n      if (this.textareaEl) this.textareaEl.scrollTop = previousScrollTop;\n    });\n  }\n\n  /**\n   * @internal\n   */\n  private onInput = (event: InputEvent) => {\n    if (this.readonly) {\n      const input = event.target as HTMLTextAreaElement;\n      input.value = this.internalValue;\n      return;\n    }\n    const newValue = (event.target as HTMLTextAreaElement).value;\n    this.internalValue = newValue;\n\n    if (this.value !== undefined) {\n      this.value = newValue;\n    }\n\n    this.adjustTextAreaHeight();\n  };\n\n  /**\n   * @internal\n   */\n  private onChange = (event: Event) => {\n    if (this.readonly) {\n      return;\n    }\n    const newValue = (event.target as HTMLTextAreaElement).value;\n    this.change.emit(newValue);\n  };\n\n  render() {\n    const { disabled, id, internalValue, label, placeholder, required, readonly, errorMessage, fullWidth, internalRows } = this;\n\n    return (\n      <Host\n        class={{\n          'udp-input': true,\n          'udp-input--error': !!errorMessage,\n          'udp-input--disabled': disabled,\n          'udp-input--readonly': readonly,\n          'udp-input--full-width': fullWidth,\n          'udp-input--required': required,\n          [`udp-input--size-${this.size}`]: true,\n          [`udp-input--margin-${this.margin}`]: true,\n        }}\n      >\n        <div class=\"bx--form-item\">\n          <unity-typography variant=\"caption-text\">\n            <label htmlFor={id} class=\"bx--label\">\n              {label}\n              {required ? '*' : ''}\n            </label>\n          </unity-typography>\n          <textarea\n            ref={el => (this.textareaEl = el as HTMLTextAreaElement)}\n            id={id}\n            class={{\n              'bx--text-input': true,\n              'bx--text-input--error': !!errorMessage,\n              'text-area--disabled': disabled,\n            }}\n            placeholder={placeholder}\n            value={internalValue}\n            required={required}\n            disabled={disabled}\n            readonly={readonly}\n            maxLength={this.maxCharacter}\n            rows={internalRows}\n            onInput={this.onInput}\n            onChange={this.onChange}\n          >\n            {internalValue}\n          </textarea>\n          {errorMessage && (\n            <div class=\"error-message\">\n              <unity-typography variant=\"caption-text\" color=\"error\">{errorMessage}</unity-typography>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../inputs.css';\n\n:host(.full-width-host) {\n  width: 100%;\n}","import { Component, h, Host, State, Event, EventEmitter, Prop, Watch } from '@stencil/core';\nimport { InputSize, InputMargin } from '../input-types';\n\n/**\n * A standardized date input component with validation, min/max constraints, and precise date selection.\n * Supports both controlled and uncontrolled modes.\n *\n * This component emits a custom `change` event with the committed value and also\n * propagates standard DOM events like `input`, `focus`, and `blur` from the\n * underlying input element.\n *\n * **Date Handling:**\n * - Uses HTML5 `date` input for consistent browser behavior and native date picker\n * - Supports YYYY-MM-DD format as per HTML5 specification\n * - Provides min/max date constraints for validation\n *\n * @example\n * ```tsx\n * // Uncontrolled component with initial value\n * <udp-date-selector\n *   label=\"Event Date\"\n *   initialValue=\"2024-01-15\"\n *   onChange={(e) => console.log('Selected:', e.detail)}\n * />\n *\n * // Controlled component\n * <udp-date-selector\n *   label=\"Appointment Date\"\n *   value={appointmentDate}\n *   onChange={(e) => setAppointmentDate(e.detail)}\n * />\n *\n * // With validation and constraints\n * <udp-date-selector\n *   label=\"Booking Date\"\n *   value={bookingDate}\n *   min=\"2024-01-01\"\n *   max=\"2024-12-31\"\n *   required={true}\n *   error={dateError}\n *   onChange={handleDateChange}\n * />\n * ```\n */\n@Component({\n  tag: 'udp-date-selector',\n  styleUrl: 'udp-date-selector.css',\n  shadow: true,\n})\nexport class UdpDateSelector {\n  /**\n   * Unique identifier for the input element. Used for form association and accessibility.\n   */\n  @Prop() id: string;\n\n  /**\n   * Name attribute for the input element. Used for form submission.\n   */\n  @Prop() name: string;\n\n  /**\n   * Label text displayed above the input field. Used for accessibility and user guidance.\n   */\n  @Prop() label: string;\n\n  /**\n   * Minimum date value allowed. Uses YYYY-MM-DD format (e.g., \"2024-01-01\").\n   * Enforces lower bounds validation for date selection.\n   */\n  @Prop() min: string;\n\n  /**\n   * Maximum date value allowed. Uses YYYY-MM-DD format (e.g., \"2024-12-31\").\n   * Enforces upper bounds validation for date selection.\n   */\n  @Prop() max: string;\n\n  /**\n   * Whether the field is required for form submission. Adds visual indicator (*) and validation.\n   */\n  @Prop() required: boolean;\n\n  /**\n   * Error message to display below the input field. Shows validation errors or other issues.\n   */\n  @Prop() error: string;\n\n  /**\n   * Initial value for the date selector. Used for uncontrolled components to set the default value.\n   * Uses YYYY-MM-DD format (e.g., \"2024-01-15\"). Only used when `value` prop is not provided.\n   */\n  @Prop() initialValue: string;\n\n  /**\n   * Current value of the date selector. When provided, makes this a controlled component.\n   * Uses YYYY-MM-DD format (e.g., \"2024-01-15\"). The component will use this value and update it through events.\n   */\n  @Prop({ mutable: true }) value: string = '';\n\n  /**\n   * Whether the field is disabled. Users cannot interact with the field when disabled.\n   */\n  @Prop() disabled: boolean;\n\n  /**\n   * Whether the input is readonly.\n   */\n  @Prop() readonly: boolean = false;\n\n  /**\n   * Whether the input should take the full width of its container.\n   */\n  @Prop() fullWidth: boolean = false;\n\n  /**\n   * Size variant controlling the padding and spacing of the input.\n   * - 'small': Compact spacing for data-heavy interfaces\n   * - 'normal': Standard spacing (default)\n   * - 'large': Generous spacing for accessibility\n   */\n  @Prop() size: InputSize = 'normal';\n\n  /**\n   * Margin variant for the input spacing.\n   * - 'none': No margin\n   * - 'dense': Minimal margin spacing\n   * - 'normal': Standard margin spacing (default)\n   */\n  @Prop() margin: InputMargin = 'normal';\n\n  @State() internalValue: string = ''; // Internal state for value management\n  @State() errorMessage: string;\n\n  /**\n   * Emitted when the date value changes through user interaction or programmatic update.\n   * Contains the new date value in YYYY-MM-DD format.\n   */\n  @Event() change: EventEmitter<string>;\n\n\n\n  /**\n   * Component lifecycle method called when the component is about to load.\n   * Initializes the internal value from either the value prop or initialValue prop.\n   */\n  componentWillLoad() {\n    // Initialize from controlled value or initial value\n    this.internalValue = this.value || this.initialValue || '';\n    this.errorMessage = this.error;\n  }\n\n  /**\n   * Watcher for the error prop. Updates the internal error message when the error prop changes.\n   */\n  @Watch('error')\n  updateError() {\n    this.errorMessage = this.error;\n  }\n\n  /**\n   * Watcher for the initialValue prop. Updates the internal value when initialValue changes\n   * (useful for form resets, dynamic initial values, etc.).\n   * @param newValue - The new initial value\n   */\n  @Watch('initialValue')\n  initialValueChanged(newValue: string) {\n    if (newValue !== undefined) {\n      this.internalValue = newValue;\n    }\n  }\n\n  /**\n   * Watcher for the value prop. Updates the internal value when the value prop changes\n   * (controlled component behavior).\n   * @param newValue - The new controlled value\n   */\n  @Watch('value')\n  valueChanged(newValue: string) {\n    if (newValue !== undefined) {\n      this.internalValue = newValue;\n    }\n  }\n\n  /**\n   * Handles the blur event on the date input. Standard focus events bubble naturally.\n   */\n  handleBlur() {\n    // Standard focus events bubble naturally - no custom emission needed\n  }\n\n  /**\n   * Handles the focus event on the date input. Standard focus events bubble naturally.\n   */\n  handleFocus() {\n    // Standard focus events bubble naturally - no custom emission needed\n  }\n\n  /**\n   * Handles changes to the date input value. Updates internal state and emits standard events.\n   * @param event - The input event from the date input\n   */\n  handleDateChange = (event: Event) => {\n    const target = event.target as HTMLInputElement;\n    const newValue = target.value;\n\n    // Update internal value\n    this.internalValue = newValue;\n\n    // Update controlled value if this is a controlled component\n    if (this.value !== undefined) {\n      this.value = newValue;\n    }\n\n    // Emit standard events for integration with form libraries and custom handlers\n    this.change.emit(newValue);\n  }\n\n  formatDateForHtml(dateString: string) {\n    // convert to date\n    // when converting to ISO string, javascript will edit the date to compensate for the timezone, we dont want that here so we manually subtract the offset that it will add\n    const date = new Date(dateString);\n    if (isNaN(date?.getTime())) return null;\n    date?.setTime(date?.getTime() - date?.getTimezoneOffset() * 60 * 1000);\n\n    const isoString = date?.toISOString();\n    if (!isoString) return null;\n\n    return isoString?.split?.('T')[0];\n  }\n\n  render() {\n    const isError: boolean = !!this.errorMessage;\n    const classNames = ['bx--text-input'];\n    if (isError) {\n      classNames.push('bx--text-input--error');\n    }\n    if (this.disabled) {\n      classNames.push('date-selector--disabled');\n    }\n    if (this.fullWidth) {\n      classNames.push('bx--text-input--full-width');\n    }\n    const inputClass = classNames.join(' ');\n\n    return (\n      <Host\n        class={{\n          'udp-input': true,\n          'udp-input--error': isError,\n          'udp-input--disabled': this.disabled,\n          'udp-input--readonly': this.readonly,\n          'udp-input--full-width': this.fullWidth,\n          'udp-input--required': this.required,\n          [`udp-input--size-${this.size}`]: true,\n          [`udp-input--margin-${this.margin}`]: true,\n        }}\n        aria-invalid={isError ? 'true' : 'false'}\n        aria-required={this.required ? 'true' : 'false'}\n      >\n        <div class=\"bx--form-item\">\n          <unity-typography variant=\"caption-text\">\n            <label htmlFor={this.id} class=\"bx--label\">\n              {this.label}\n              {this.required ? '*' : ''}\n            </label>\n          </unity-typography>\n          <input\n            type=\"date\"\n            id={this.id}\n            name={this.name}\n            class={inputClass}\n            value={this.internalValue}\n            min={this.min ? this.formatDateForHtml(this.min) : null}\n            max={this.max ? this.formatDateForHtml(this.max) : null}\n            onInput={this.handleDateChange}\n            onChange={this.handleDateChange}\n            onBlur={this.handleBlur}\n            onFocus={this.handleFocus}\n            disabled={this.disabled}\n            readonly={this.readonly}\n            required={this.required}\n            //@ts-ignore\n            udprecordid={'udpRecord-udp-date-selector-' + this.id}\n          />\n          <unity-typography class=\"error-message\" variant=\"caption-text\" color=\"error\">\n            {this.errorMessage}\n          </unity-typography>\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../inputs.css';\n\n:host(.full-width-host) {\n  width: 100%;\n}","import { Component, h, Host, State, EventEmitter, Prop, Event, Watch } from '@stencil/core';\nimport { InputSize, InputMargin } from '../input-types';\n\n/**\n * A standardized date-time input component with validation, min/max constraints, and timezone handling.\n * Supports both controlled and uncontrolled modes.\n *\n * This component emits a custom `change` event with the committed value and also\n * propagates standard DOM events like `input`, `focus`, and `blur` from the\n * underlying input element.\n *\n * **Date Handling:**\n * - Uses HTML5 `datetime-local` input for consistent browser behavior\n * - Handles timezone compensation for accurate date storage\n * - Supports ISO date strings and JavaScript Date constructor formats\n *\n * @example\n * ```tsx\n * // Uncontrolled component with initial value\n * <udp-datetime-selector\n *   label=\"Meeting Time\"\n *   initialValue=\"2024-12-25T14:30\"\n *   onChange={(e) => console.log('Selected:', e.detail)}\n * />\n *\n * // Controlled component\n * <udp-datetime-selector\n *   label=\"Appointment\"\n *   value={appointmentTime}\n *   onChange={(e) => setAppointmentTime(e.detail)}\n * />\n *\n * // With validation and constraints\n * <udp-datetime-selector\n *   label=\"Event Date\"\n *   value={eventDate}\n *   min=\"2024-01-01T00:00\"\n *   max=\"2024-12-31T23:59\"\n *   required={true}\n *   error={dateError}\n *   onChange={handleDateChange}\n * />\n * ```\n */\n@Component({\n  tag: 'udp-datetime-selector',\n  styleUrl: 'udp-datetime-selector.css',\n  shadow: true,\n})\nexport class UdpDateTimeSelector {\n  /**\n   * Unique identifier for the input element. Used for form association and accessibility.\n   */\n  @Prop() id: string;\n\n  /**\n   * Name attribute for the input element. Used for form submission.\n   */\n  @Prop() name: string;\n\n  /**\n   * Label text displayed above the input field. Used for accessibility and user guidance.\n   */\n  @Prop() label: string;\n\n  /**\n   * Minimum date-time value allowed. Supports any date format supported by the JavaScript Date constructor.\n   * Recommended format: ISO 8601 (YYYY-MM-DDTHH:mm) for consistency.\n   */\n  @Prop() min: string;\n\n  /**\n   * Maximum date-time value allowed. Supports any date format supported by the JavaScript Date constructor.\n   * Recommended format: ISO 8601 (YYYY-MM-DDTHH:mm) for consistency.\n   */\n  @Prop() max: string;\n\n  /**\n   * Error message to display below the input field. Shows validation errors or other issues.\n   */\n  @Prop() error: string;\n\n  /**\n   * Whether the field is required for form submission. Adds visual indicator (*) and validation.\n   */\n  @Prop() required: boolean;\n\n  /**\n   * Initial value for the date-time selector. Used for uncontrolled components to set the default value.\n   * Only used when `value` prop is not provided.\n   */\n  @Prop() initialValue: string;\n\n  /**\n   * Current value of the date-time selector. When provided, makes this a controlled component.\n   * The component will use this value and update it through events.\n   */\n  @Prop({ mutable: true }) value: string = '';\n\n  /**\n   * Whether the field is disabled. Users cannot interact with the field when disabled.\n   */\n  @Prop() disabled: boolean;\n\n  /**\n   * Whether the input is readonly.\n   */\n  @Prop() readonly: boolean = false;\n\n  /**\n   * Whether the input should take the full width of its container.\n   */\n  @Prop() fullWidth: boolean = false;\n\n  /**\n   * Size variant controlling the padding and spacing of the input.\n   * - 'small': Compact spacing for data-heavy interfaces\n   * - 'normal': Standard spacing (default)\n   * - 'large': Generous spacing for accessibility\n   */\n  @Prop() size: InputSize = 'normal';\n\n  /**\n   * Margin variant for the input spacing.\n   * - 'none': No margin\n   * - 'dense': Minimal margin spacing\n   * - 'normal': Standard margin spacing (default)\n   */\n  @Prop() margin: InputMargin = 'normal';\n\n  /**\n   * Internal value state. Manages the current date-time value independently of props.\n   * @internal\n   */\n  @State() internalValue: string = '';\n\n  /**\n   * Internal error message state. Manages display of validation errors.\n   * @internal\n   */\n  @State() errorMessage: string;\n\n  /**\n   * Emitted when the date-time value changes (on blur, enter, etc.).\n   * Provides the final committed value when user finishes editing.\n   *\n   * @event change\n   * @param {string} value - The current value of the date-time selector in ISO format\n   *\n   * @example\n   * ```tsx\n   * <udp-datetime-selector onChange={(e) => handleDateChange(e.detail)} />\n   * ```\n   */\n  @Event() change: EventEmitter<string>;\n\n  /**\n   * Emitted when the date-time receives input (on every change).\n   * Provides real-time updates as the user selects date/time.\n   *\n   * @event input\n   * @param {string} value - The current value of the date-time selector in ISO format\n   *\n   * @example\n   * <udp-datetime-selector onInput={(e) => handleLiveUpdate(e.detail)} />\n   * Updates the internal value when initialValue prop changes.\n   * Only updates if current value is empty or if this is an uncontrolled component.\n   * @internal\n   */\n  @Watch('initialValue')\n  initialValueChanged(newValue: string) {\n    // Only update if we don't have a value yet or if this is uncontrolled (no value prop)\n    if ((this.internalValue === '' || this.internalValue === undefined) || this.value === undefined) {\n      if (newValue !== undefined) {\n        this.internalValue = newValue;\n      }\n    }\n  }\n\n  /**\n   * Updates the internal value when value prop changes.\n   * For controlled components, the value prop takes precedence.\n   * @internal\n   */\n  @Watch('value')\n  valueChanged() {\n    // If value prop is provided, this is a controlled component\n    if (this.value !== undefined && this.value !== this.internalValue) {\n      this.internalValue = this.value;\n    }\n  }\n\n  /**\n   * Component lifecycle method. Initializes error message and internal value.\n   * @internal\n   */\n  componentWillLoad() {\n    // Initialize value: use value prop if provided (controlled), otherwise use initialValue (uncontrolled)\n    this.internalValue = this.value !== undefined ? this.value : (this.initialValue || '');\n\n    if (this.error) {\n      this.errorMessage = this.error;\n    }\n  }\n\n  /**\n   * Handles input events (date-time changes). Updates internal state and emits events.\n   * For controlled components, also updates the value prop.\n   * @param event - The native input event\n   * @internal\n   */\n  private handleDateChange = (event: Event) => {\n    const newValue = (event.target as HTMLInputElement).value;\n    this.internalValue = newValue; // Update internal state\n\n    // If this is a controlled component (value prop provided), update the value prop\n    if (this.value !== undefined) {\n      this.value = newValue;\n    }\n\n    // Emit events for real-time and committed updates\n    this.change.emit(newValue);\n  }\n\n  /**\n   * Handles blur events. Event bubbles up to stencil-field automatically.\n   * @param event - The focus event\n   * @internal\n   */\n  private handleBlur = () => {\n    // Event will bubble up to stencil-field automatically\n  }\n\n  /**\n   * Handles focus events. Event bubbles up to stencil-field automatically.\n   * @param event - The focus event\n   * @internal\n   */\n  private handleFocus = () => {\n    // Event will bubble up to stencil-field automatically\n  }\n\n  /**\n   * Formats a date string for HTML datetime-local input.\n   */\n  formatDateForHtml(dateString: string) {\n    // convert to date\n    const date = new Date(dateString);\n\n    if (isNaN(new Date(date)?.getTime())) return null;\n\n    // when converting to ISO string, javascript will edit the date to compensate for the timezone, we dont want that here so we manually subtract the offset that it will add\n\n    date?.setTime(date?.getTime() - date?.getTimezoneOffset() * 60 * 1000);\n\n    const isoString = date?.toISOString();\n    if (!isoString) return null;\n    // html wants the format YYYY-MM-DDThh:mm, ISO strings have YYYY-MM-DDTHH:MM:SS.mmmZ, so split it on ':' and take the first 2 sections\n    const splitISO = isoString.split(':');\n\n    return `${splitISO[0]}:${splitISO[1]}`;\n  }\n\n  /**\n   * Renders the date-time selector component.\n   * @returns JSX element\n   * @internal\n   */\n  render() {\n    const isError: boolean = !!this.errorMessage;\n    const classNames = ['bx--text-input'];\n    if (isError) {\n      classNames.push('bx--text-input--error');\n    }\n    if (this.disabled) {\n      classNames.push('datetime-selector--disabled');\n    }\n    if (this.fullWidth) {\n      classNames.push('bx--text-input--full-width');\n    }\n    const inputClass = classNames.join(' ');\n    return (\n      <Host\n        class={{\n          'udp-input': true,\n          'udp-input--error': isError,\n          'udp-input--disabled': this.disabled,\n          'udp-input--readonly': this.readonly,\n          'udp-input--full-width': this.fullWidth,\n          'udp-input--required': this.required,\n          [`udp-input--size-${this.size}`]: true,\n          [`udp-input--margin-${this.margin}`]: true,\n        }}\n        aria-invalid={isError ? 'true' : 'false'}\n        aria-required={this.required ? 'true' : 'false'}\n      >\n        <div class=\"bx--form-item\">\n          <unity-typography variant=\"caption-text\">\n            <label htmlFor={this.id} class=\"bx--label\">\n              {this.label}\n              {this.required ? '*' : ''}\n            </label>\n          </unity-typography>\n          <input\n            type=\"datetime-local\"\n            id={this.id}\n            name={this.name}\n            class={inputClass}\n            value={this.internalValue}\n            min={this.min ? this.formatDateForHtml(this.min) : null}\n            max={this.max ? this.formatDateForHtml(this.max) : null}\n            onInput={this.handleDateChange}\n            onBlur={this.handleBlur}\n            onFocus={this.handleFocus}\n            disabled={this.disabled}\n            readonly={this.readonly}\n            required={this.required}\n            //@ts-ignore\n            udprecordid={'udpRecord-udp-datetime-selector-' + this.id}\n          />\n          <unity-typography class=\"error-message\" variant=\"caption-text\" color=\"error\">\n            {this.errorMessage}\n          </unity-typography>\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../inputs.css';\n","import { Component, h, Host, State, Event, EventEmitter, Prop, Watch } from '@stencil/core';\nimport { InputSize, InputMargin } from '../input-types';\n\n/**\n * A standardized time input component with validation, min/max constraints, and precise time selection.\n * Supports both controlled and uncontrolled modes with proper event emission for integration\n * with form libraries and custom event handlers.\n *\n * **Time Handling:**\n * - Uses HTML5 `time` input for consistent browser behavior and native time picker\n * - Supports HH:mm format (24-hour time) as per HTML5 specification\n * - Provides min/max time constraints for validation\n *\n * @example\n * ```tsx\n * // Uncontrolled component with initial value\n * <udp-time-selector\n *   label=\"Meeting Time\"\n *   initialValue=\"14:30\"\n *   onChange={(e) => console.log('Selected:', e.detail)}\n * />\n *\n * // Controlled component\n * <udp-time-selector\n *   label=\"Appointment Time\"\n *   value={appointmentTime}\n *   onChange={(e) => setAppointmentTime(e.detail)}\n * />\n *\n * // With validation and constraints\n * <udp-time-selector\n *   label=\"Business Hours\"\n *   value={businessTime}\n *   min=\"09:00\"\n *   max=\"17:00\"\n *   required={true}\n *   error={timeError}\n *   onChange={handleTimeChange}\n * />\n * ```\n */\n@Component({\n  tag: 'udp-time-selector',\n  styleUrl: 'udp-time-selector.css',\n  shadow: true,\n})\nexport class UdpTimeSelector {\n  /**\n   * Unique identifier for the input element. Used for form association and accessibility.\n   */\n  @Prop() id: string;\n\n  /**\n   * Name attribute for the input element. Used for form submission.\n   */\n  @Prop() name: string;\n\n  /**\n   * Label text displayed above the input field. Used for accessibility and user guidance.\n   */\n  @Prop() label: string;\n\n  /**\n   * Minimum time value allowed. Uses HH:mm format (e.g., \"09:00\").\n   * Enforces lower bounds validation for time selection.\n   */\n  @Prop() min: string;\n\n  /**\n   * Maximum time value allowed. Uses HH:mm format (e.g., \"17:00\").\n   * Enforces upper bounds validation for time selection.\n   */\n  @Prop() max: string;\n\n  /**\n   * Whether the field is required for form submission. Adds visual indicator (*) and validation.\n   */\n  @Prop() required: boolean;\n\n  /**\n   * Error message to display below the input field. Shows validation errors or other issues.\n   */\n  @Prop() error: string;\n\n  /**\n   * Initial value for the time selector. Used for uncontrolled components to set the default value.\n   * Uses HH:mm format (e.g., \"14:30\"). Only used when `value` prop is not provided.\n   */\n  @Prop() initialValue: string;\n\n  /**\n   * Current value of the time selector. When provided, makes this a controlled component.\n   * Uses HH:mm format (e.g., \"14:30\"). The component will use this value and update it through events.\n   */\n  @Prop({ mutable: true }) value: string = '';\n\n  /**\n   * Whether the field is disabled. Users cannot interact with the field when disabled.\n   */\n  @Prop() disabled: boolean;\n\n  /**\n   * Whether the input is readonly.\n   */\n  @Prop() readonly: boolean = false;\n\n  /**\n   * Whether the input should take the full width of its container.\n   */\n  @Prop() fullWidth: boolean = false;\n\n  /**\n   * Size variant controlling the padding and spacing of the input.\n   * - 'small': Compact spacing for data-heavy interfaces\n   * - 'normal': Standard spacing (default)\n   * - 'large': Generous spacing for accessibility\n   */\n  @Prop() size: InputSize = 'normal';\n\n  /**\n   * Margin variant for the input spacing.\n   * - 'none': No margin\n   * - 'dense': Minimal margin spacing\n   * - 'normal': Standard margin spacing (default)\n   */\n  @Prop() margin: InputMargin = 'normal';\n\n  @State() internalValue: string = ''; // Internal state for value management\n  @State() errorMessage: string;\n\n  /**\n   * Emitted when the time value changes through user interaction or programmatic update.\n   * Contains the new time value in HH:mm format.\n   */\n  @Event() change: EventEmitter<string>;\n\n  /**\n   * Emitted when the user types in the time input field.\n   * Contains the current input value (may be incomplete during typing).\n   */\n  @Event() input: EventEmitter<string>;\n\n  /**\n   * Component lifecycle method called when the component is about to load.\n   * Initializes the internal value from either the value prop or initialValue prop.\n   */\n  componentWillLoad() {\n    // Initialize from controlled value or initial value\n    this.internalValue = this.value || this.initialValue || '';\n    this.errorMessage = this.error;\n  }\n\n  /**\n   * Watcher for the error prop. Updates the internal error message when the error prop changes.\n   */\n  @Watch('error')\n  updateError() {\n    this.errorMessage = this.error;\n  }\n\n  /**\n   * Watcher for the initialValue prop. Updates the internal value when initialValue changes\n   * (useful for form resets, dynamic initial values, etc.).\n   * @param newValue - The new initial value\n   */\n  @Watch('initialValue')\n  initialValueChanged(newValue: string) {\n    if (newValue !== undefined) {\n      this.internalValue = newValue;\n    }\n  }\n\n  /**\n   * Watcher for the value prop. Updates the internal value when the value prop changes\n   * (controlled component behavior).\n   * @param newValue - The new controlled value\n   */\n  @Watch('value')\n  valueChanged(newValue: string) {\n    if (newValue !== undefined) {\n      this.internalValue = newValue;\n    }\n  }\n\n  /**\n   * Handles the blur event on the time input. Standard focus events bubble naturally.\n   */\n  handleBlur() {\n    // Standard focus events bubble naturally - no custom emission needed\n  }\n\n  /**\n   * Handles the focus event on the time input. Standard focus events bubble naturally.\n   */\n  handleFocus() {\n    // Standard focus events bubble naturally - no custom emission needed\n  }\n\n  /**\n   * Handles changes to the time input value. Updates internal state and emits standard events.\n   * @param event - The input event from the time input\n   */\n  handleTimeChange = (event: Event) => {\n    const target = event.target as HTMLInputElement;\n    const newValue = target.value;\n\n    // Update internal value\n    this.internalValue = newValue;\n\n    // Update controlled value if this is a controlled component\n    if (this.value !== undefined) {\n      this.value = newValue;\n    }\n\n    // Emit standard events for integration with form libraries and custom handlers\n    this.change.emit(newValue);\n    this.input.emit(newValue);\n  }\n\n  render() {\n    const isError: boolean = !!this.errorMessage;\n    const classNames = ['bx--text-input'];\n    if (isError) {\n      classNames.push('bx--text-input--error');\n    }\n    if (this.disabled) {\n      classNames.push('time-selector--disabled');\n    }\n    if (this.fullWidth) {\n      classNames.push('bx--text-input--full-width');\n    }\n    const inputClass = classNames.join(' ');\n\n    return (\n      <Host\n        class={{\n          'udp-input': true,\n          'udp-input--error': isError,\n          'udp-input--disabled': this.disabled,\n          'udp-input--readonly': this.readonly,\n          'udp-input--full-width': this.fullWidth,\n          'udp-input--required': this.required,\n          [`udp-input--size-${this.size}`]: true,\n          [`udp-input--margin-${this.margin}`]: true,\n        }}\n        aria-invalid={isError ? 'true' : 'false'}\n        aria-required={this.required ? 'true' : 'false'}\n      >\n        <div class=\"bx--form-item\">\n          <unity-typography variant=\"caption-text\">\n            <label htmlFor={this.id} class=\"bx--label\">\n              {this.label}\n              {this.required ? '*' : ''}\n            </label>\n          </unity-typography>\n          <input\n            type=\"time\"\n            id={this.id}\n            name={this.name}\n            class={inputClass}\n            value={this.internalValue}\n            min={this.min}\n            max={this.max}\n            onInput={this.handleTimeChange}\n            onChange={this.handleTimeChange}\n            onBlur={this.handleBlur}\n            onFocus={this.handleFocus}\n            disabled={this.disabled}\n            readonly={this.readonly}\n            required={this.required}\n            //@ts-ignore\n            udprecordid={'udpRecord-udp-time-selector-' + this.id}\n          />\n          <unity-typography class=\"error-message\" variant=\"caption-text\" color=\"error\">\n            {this.errorMessage}\n          </unity-typography>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/stencil-library/p-137657ce.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as o}from"./p-CaIWDYyq.js";const e=".toggle-button{width:36px;height:20px;position:relative;display:inline-block;cursor:pointer;background-color:#ccc;border-radius:20px;}.toggle-button.toggled{background-color:var(--primary-color)}.toggle-button .slider{position:absolute;width:15.6px;height:15.6px;left:2.4px;bottom:2.4px;background-color:white;border-radius:50%;transition:0.4s}.toggle-button.toggled .slider{left:18px;}";const r=class{constructor(o){t(this,o);this.toggled=false}render(){return o("div",{key:"6115ea99ae705a522cb7f2ab4097a7c7564a2b67",class:`toggle-button ${this.toggled?"toggled":""}`,onClick:this.onToggle},o("div",{key:"96df4e3908c547ae1927bb299f8316b5a5b741a8",class:"slider"}))}};r.style=e;export{r as toggle_button};
+//# sourceMappingURL=p-137657ce.entry.js.map

package/dist/stencil-library/p-137657ce.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["toggleButtonCss","ToggleButton","constructor","hostRef","this","toggled","render","h","key","class","onClick","onToggle"],"sources":["src/toggle-button.css?tag=toggle-button&encapsulation=shadow","src/toggle-button.tsx"],"sourcesContent":[".toggle-button {\n    width: 36px; /* 30px * 1.2 */\n    height: 20px; /* 17px * 1.2 */\n    position: relative;\n    display: inline-block;\n    cursor: pointer;\n    background-color: #ccc;\n    border-radius: 20px; /* 17px * 1.2 */\n  }\n  \n  .toggle-button.toggled {\n    background-color: var(--primary-color)\n  }\n  \n  .toggle-button .slider {\n    position: absolute;\n    width: 15.6px; /* 13px * 1.2 */\n    height: 15.6px; /* 13px * 1.2 */\n    left: 2.4px; /* 2px * 1.2 */\n    bottom: 2.4px; /* 2px * 1.2 */\n    background-color: white;\n    border-radius: 50%;\n    transition: 0.4s;\n  }\n  \n  .toggle-button.toggled .slider {\n    left: 18px; /* 15px * 1.2 */\n  }\n  ","// toggle-button.tsx\nimport { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'toggle-button',\n  styleUrl: 'toggle-button.css',\n  shadow: true\n})\nexport class ToggleButton {\n  @Prop() toggled: boolean = false;\n  @Prop() onToggle: () => void;\n\n  render() {\n    return (\n      <div\n        class={`toggle-button ${this.toggled ? 'toggled' : ''}`}\n        onClick={this.onToggle}\n      >\n        <div class=\"slider\"></div>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAkB,qY,MCQXC,EAAY,MALzB,WAAAC,CAAAC,G,UAMUC,KAAOC,QAAY,KAa5B,CAVC,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MAAO,iBAAiBL,KAAKC,QAAU,UAAY,KACnDK,QAASN,KAAKO,UAEdJ,EAAA,OAAAC,IAAA,2CAAKC,MAAM,W","ignoreList":[]}

package/dist/stencil-library/p-140f4f00.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as i}from"./p-CaIWDYyq.js";import{ChevronDown16 as s,ChevronUp16 as e}from"@carbon/icons";import{isEmpty as o}from"lodash";const n=".expand{transform:rotate(0deg);transition:transform 0.3s ease-in-out}.expandOpen{transform:rotate(180deg)}.iconButtonWrapper{border-radius:var(--spacing-01);margin:auto 0px;margin-bottom:var(--spacing-01)}.expandedList{margin-left:var(--spacing-05);display:flex;flex-direction:column}.checkboxGroup{display:flex;justify-content:space-between;align-items:'center'}.iconButtonContainer{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.form-control-label{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding-top:var(--spacing-01)}";const a=class{constructor(i){t(this,i);this.defaultExpandedListState=true;this.checkedItems={};this.checkedParent=false;this.expanded=this.defaultExpandedListState;this.parentIndeterminate=false;this.initializeCheckedItems=t=>{var i;let s={};(i=this.options)===null||i===void 0?void 0:i.forEach((i=>{var e;if(!(i===null||i===void 0?void 0:i.options)||((e=i===null||i===void 0?void 0:i.options)===null||e===void 0?void 0:e.length)===0){s[i.value]=t===null||t===void 0?void 0:t.includes(i.value)}}));this.checkedItems=s;this.updateParentCheckboxState(this.checkedItems,t)};this.updateParentCheckboxState=(t,i)=>{const s=this.getChildrenValues();const e=o(t)?s.length>0&&s.every((t=>i.includes(t))):Object.values(t).every((t=>t));this.checkedParent=e;this.parentIndeterminate=!e&&(o(t)?s.some((t=>i.includes(t))):Object.values(t).some((t=>t)))};this.getChildrenValues=()=>{var t;return this.getChildrenObjectsWithNoChildren((t=this.options)!==null&&t!==void 0?t:[],"value")};this.handleOnClickChildCheckboxOnChange=(t,i)=>{const s=t.target;const e=s.name;const o=s.checked;this.checkedItems=Object.assign(Object.assign({},this.checkedItems),{[e]:o});const n=o?[...i,e]:i.filter((t=>t!==e));this.handleChange(n)};this.handleParentCheckboxOnChange=(t,i)=>{const s=t.target;const e=s.checked;this.checkedParent=e;if(!e){this.checkedItems={};this.handleChange(i.filter((t=>!this.getChildrenValues().includes(t))))}else{const t=this.getChildrenValues().filter((t=>!i.includes(t)));let s=[...i,...t];for(let i of t){this.checkedItems=Object.assign(Object.assign({},this.checkedItems),{[i]:e})}this.handleChange(s)}this.expanded=true;this.parentIndeterminate=false};this.getChildrenObjectsWithNoChildren=(t,i)=>{if(!!!t)return[];return t.reduce(((t,s)=>{var e;const o=(e=s===null||s===void 0?void 0:s.options)!==null&&e!==void 0?e:[];const n=this.getChildrenObjectsWithNoChildren(o,i);if(n.length>0){t.push(...n)}else if(o.length===0){t.push(s[i])}return t}),[])}}componentWillLoad(){this.initializeCheckedItems(this.values)}componentWillUpdate(){this.updateParentCheckboxState(this.checkedItems,this.values)}reinitializeCheckedState(){this.initializeCheckedItems(this.values)}render(){var t,o,n;const a=(t=this.options)===null||t===void 0?void 0:t.map((t=>{var s;if(((s=t===null||t===void 0?void 0:t.options)===null||s===void 0?void 0:s.length)>0){return i("check-box-group",{key:t.value,title:t.title,options:t.options,values:this.values,valueKey:t.value,handleChange:this.handleChange})}return i("div",{class:"form-control-label"},i("input",{type:"checkbox",checked:this.checkedItems[t.value]||false,onChange:t=>this.handleOnClickChildCheckboxOnChange(t,this.values),name:t.value}),i("unity-typography",{variant:"data-display-three"},t.title))}));return i("div",{class:"form-group"},((o=this.options)===null||o===void 0?void 0:o.length)>0?i("div",{class:"checkboxGroup"},i("div",{class:"form-control-label"},i("input",{type:"checkbox",checked:this.checkedParent,indeterminate:this.parentIndeterminate,onChange:t=>this.handleParentCheckboxOnChange(t,this.values)}),i("unity-typography",{variant:"data-display-three"},this.title)),i("div",{class:"iconButtonContainer"},i("stencil-icon-button",{iconName:"cancelBoxSelectionButton",iconClassName:"iconButtonWrapper",tooltip:"Expand",icon:this.expanded?s:e,buttonId:"cancelBoxSelectionButton",onClick:()=>this.expanded=!this.expanded}))):i("div",null,i("div",{class:"form-control-label"},i("input",{type:"checkbox",checked:this.checkedItems[this.valueKey]||false,onChange:t=>this.handleOnClickChildCheckboxOnChange(t,this.values),name:this.valueKey}),i("unity-typography",{variant:"data-display-three"},this.title))),this.expanded&&((n=this.options)===null||n===void 0?void 0:n.length)>0&&i("div",{class:"expandedList"},a))}static get watchers(){return{options:["reinitializeCheckedState"]}}};a.style=n;export{a as check_box_group};
+//# sourceMappingURL=p-140f4f00.entry.js.map

package/dist/stencil-library/p-140f4f00.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["checkBoxGroupCss","CheckboxGroup","constructor","hostRef","this","defaultExpandedListState","checkedItems","checkedParent","expanded","parentIndeterminate","initializeCheckedItems","values","preCheckedItems","_a","options","forEach","option","length","value","includes","updateParentCheckboxState","childrenValues","getChildrenValues","checkedAll","isEmpty","every","val","Object","checked","some","getChildrenObjectsWithNoChildren","handleOnClickChildCheckboxOnChange","event","target","name","assign","newValues","filter","handleChange","handleParentCheckboxOnChange","v","arr","valueKey","reduce","result","obj","children","childrenWithNoChildren","push","componentWillLoad","componentWillUpdate","reinitializeCheckedState","render","childrenList","map","h","key","title","class","type","onChange","variant","_b","indeterminate","iconName","iconClassName","tooltip","icon","ChevronDown16","ChevronUp16","buttonId","onClick","_c"],"sources":["src/components/my-component/UI/map/udp-map/utils/check-box-group.css?tag=check-box-group&encapsulation=shadow","src/components/my-component/UI/map/udp-map/utils/check-box-group.tsx"],"sourcesContent":[".expand {\n    transform: rotate(0deg);\n    transition: transform 0.3s ease-in-out;\n  }\n  .expandOpen {\n    transform: rotate(180deg);\n  }\n  .iconButtonWrapper {\n    border-radius: var(--spacing-01);\n    margin: auto 0px;\n    margin-bottom: var(--spacing-01)\n  }\n  .expandedList {\n    margin-left: var(--spacing-05);\n    display: flex;\n    flex-direction: column;\n  }\n  .checkboxGroup {\n    display: flex;\n    justify-content: space-between;\n    align-items: 'center';\n  }\n  .iconButtonContainer{\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n  }\n  .form-control-label{\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-start;\n    align-items: center;\n    padding-top: var(--spacing-01);\n  }\n","import { Component, Prop, State, Watch, h } from '@stencil/core';\nimport { ChevronDown16, ChevronUp16 } from '@carbon/icons';\nimport { isEmpty } from 'lodash';\n\n@Component({\n  tag: 'check-box-group',\n  styleUrl: 'check-box-group.css',\n  shadow: true,\n})\nexport class CheckboxGroup {\n  @Prop() title: string;\n  @Prop() options: any[];\n  @Prop() handleChange: any;\n  @Prop() defaultExpandedListState: boolean = true;\n  @Prop() values: string[];\n  @Prop() valueKey: string;\n  \n  @State() checkedItems: { [key: string]: boolean } = {};\n  @State() checkedParent: boolean = false;\n  @State() expanded: boolean = this.defaultExpandedListState;\n  @State() parentIndeterminate: boolean = false;\n\n  componentWillLoad() {\n    this.initializeCheckedItems(this.values);\n  }\n\n  componentWillUpdate() {\n    this.updateParentCheckboxState(this.checkedItems, this.values);\n  }\n\n  @Watch('options')\n  reinitializeCheckedState() {\n    this.initializeCheckedItems(this.values);\n  }\n\n  initializeCheckedItems = (values: string[]) => {\n    let preCheckedItems: { [key: string]: boolean } = {};\n    this.options?.forEach(option => {\n      if (!option?.options || option?.options?.length === 0) {\n        preCheckedItems[option.value] = values?.includes(option.value);\n      }\n    });\n    this.checkedItems = preCheckedItems;\n\n    this.updateParentCheckboxState(this.checkedItems, values);\n  };\n\n  updateParentCheckboxState = (checkedItems: { [key: string]: boolean }, values: string[]) => {\n    const childrenValues = this.getChildrenValues();\n    const checkedAll = isEmpty(checkedItems)\n      ? childrenValues.length > 0 && childrenValues.every((val: any) => values.includes(val))\n      : Object.values(checkedItems).every(checked => checked);\n\n    this.checkedParent = checkedAll;\n    this.parentIndeterminate =\n      !checkedAll && (isEmpty(checkedItems) ? childrenValues.some((val: any) => values.includes(val)) : Object.values(checkedItems).some(checked => checked));\n  };\n\n  getChildrenValues = () => {\n    return this.getChildrenObjectsWithNoChildren(this.options ?? [], 'value');\n  };\n\n  handleOnClickChildCheckboxOnChange = (event: Event, values: string[]) => {\n    const target = event.target as HTMLInputElement;\n    const name = target.name;\n    const checked = target.checked;\n\n    this.checkedItems = {\n      ...this.checkedItems,\n      [name]: checked,\n    };\n    const newValues = checked ? [...values, name] : values.filter(val => val !== name);\n    this.handleChange(newValues);\n  };\n\n  handleParentCheckboxOnChange = (event: Event, values: string[]) => {\n    const target = event.target as HTMLInputElement;\n    const checked = target.checked;\n    this.checkedParent = checked;\n    if (!checked) {\n      this.checkedItems = {};\n      this.handleChange(values.filter((val: any) => !this.getChildrenValues().includes(val)));\n    } else {\n      const newValues = this.getChildrenValues().filter((option: any) => !values.includes(option));\n      let val = [...values, ...newValues];\n      for (let v of newValues) {\n        this.checkedItems = {\n          ...this.checkedItems,\n          [v]: checked,\n        };\n      }\n      this.handleChange(val);\n    }\n\n    this.expanded = true;\n    this.parentIndeterminate = false;\n  };\n\n  getChildrenObjectsWithNoChildren = (arr: any[], valueKey: any) => {\n    if (!!!arr) return [];\n    return arr.reduce((result, obj) => {\n      const children = obj?.options ?? [];\n      const childrenWithNoChildren = this.getChildrenObjectsWithNoChildren(children, valueKey);\n      if (childrenWithNoChildren.length > 0) {\n        result.push(...childrenWithNoChildren);\n      } else if (children.length === 0) {\n        result.push(obj[valueKey]);\n      }\n      return result;\n    }, []);\n  };\n\n  render() {\n    const childrenList = this.options?.map(option => {\n      if (option?.options?.length > 0) {\n        return <check-box-group key={option.value} title={option.title} options={option.options} values={this.values} valueKey={option.value} handleChange={this.handleChange} />;\n      }\n\n      return (\n        <div class=\"form-control-label\">\n          <input\n            type=\"checkbox\"\n            checked={this.checkedItems[option.value] || false}\n            onChange={event => this.handleOnClickChildCheckboxOnChange(event, this.values)}\n            name={option.value}\n          />\n          <unity-typography variant={'data-display-three'}>{option.title}</unity-typography>\n        </div>\n      );\n    });\n\n    return (\n      <div class=\"form-group\">\n        {this.options?.length > 0 ? (\n          <div class={'checkboxGroup'}>\n            <div class=\"form-control-label\">\n              <input\n                type=\"checkbox\"\n                checked={this.checkedParent}\n                indeterminate={this.parentIndeterminate}\n                onChange={event => this.handleParentCheckboxOnChange(event, this.values)}\n              />\n              <unity-typography variant={'data-display-three'}>{this.title}</unity-typography>\n            </div>\n            <div class={'iconButtonContainer'}>\n              <stencil-icon-button\n                iconName={'cancelBoxSelectionButton'}\n                iconClassName={'iconButtonWrapper'}\n                tooltip={'Expand'}\n                icon={this.expanded ? ChevronDown16 : ChevronUp16}\n                buttonId={'cancelBoxSelectionButton'}\n                onClick={() => (this.expanded = !this.expanded)}\n              />\n            </div>\n          </div>\n        ) : (\n          <div>\n            <div class=\"form-control-label\">\n              <input\n                type=\"checkbox\"\n                checked={this.checkedItems[this.valueKey] || false}\n                onChange={event => this.handleOnClickChildCheckboxOnChange(event, this.values)}\n                name={this.valueKey}\n              />\n              <unity-typography variant={'data-display-three'}>{this.title}</unity-typography>\n            </div>\n          </div>\n        )}\n        {this.expanded && this.options?.length > 0 && <div class={'expandedList'}>{childrenList}</div>}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/stencil-library/p-19c1d81c.entry.js

@@ -0,0 +1,2 @@
+export{U as udp_fetch}from"./p-BTDU_umf.js";import"./p-CaIWDYyq.js";import"axios";
+//# sourceMappingURL=p-19c1d81c.entry.js.map

package/dist/stencil-library/p-19c1d81c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

package/dist/stencil-library/p-22AseVqC.js

@@ -0,0 +1,2 @@
+const e=e=>structuredClone(e);const t=(t,r,o,i)=>{const l=e(t);const n=Object.assign({},l[r][o]);const d=n.fieldProperties||{};n.fieldProperties=i(d);l[r][o]=n;return l};const r=(e,r,o,i,l)=>t(e,r,o,(e=>Object.assign(Object.assign({},e),{items:[...e.items||[],{display:i,value:l}]})));const o=(e,r,o,i)=>t(e,r,o,(e=>{const t=[...e.items||[]];t.splice(i,1);return Object.assign(Object.assign({},e),{items:t})}));const i=(e,r,o,i,l,n)=>{const d=e.target;return t(r,o,i,(e=>{const t=[...e.items||[]];t[l]=Object.assign(Object.assign({},t[l]),{[n]:d.value});return Object.assign(Object.assign({},e),{items:t})}))};const l=(e,r,o,i)=>t(r,o,i,(t=>Object.assign(Object.assign({},t),{lookupId:e})));const n=(e,r,o)=>t(e,r,o,(e=>{if(e.items){return{lookupId:""}}else{return{items:[{display:"",value:""}]}}}));const d=(e,r,o,i,l)=>{const n=e.target;return t(r,o,i,(e=>Object.assign(Object.assign({},e),{[l]:n.value})))};const a=(e,r,o,i,l)=>{const n=e.target;return t(r,o,i,(e=>Object.assign(Object.assign({},e),{[l]:n.checked})))};const s=(e,r,o,i)=>t(e,r,o,(e=>Object.assign(Object.assign({},e),{[i]:!e[i]})));const p=(e,r,o,i,l)=>{const n=e.target;return t(r,o,i,(e=>Object.assign(Object.assign({},e),{[l]:n.value})))};const c=(t,r,o,i,l)=>{const n=e(r);const d=Object.assign({},n[o][i]);d[l]=t;n[o][i]=d;return n};const h=[{fieldTypeId:1,questionTypeName:"Hidden",icon:"formHiddenField",handlers:{handleGenericProperty:c},defaultFieldProperties:{}},{fieldTypeId:2,questionTypeName:"Single Line Text",icon:"formTextField",handlers:{handleGenericProperty:c,handleFieldPropertyMinMaxCharacter:d},defaultFieldProperties:{maxCharacter:64,minCharacter:0}},{fieldTypeId:3,questionTypeName:"Multi Line Text",icon:"formTextArea",handlers:{handleGenericProperty:c,handleFieldPropertyMinMaxCharacter:d},defaultFieldProperties:{maxCharacter:256,minCharacter:10}},{fieldTypeId:4,questionTypeName:"Checkbox",icon:"formCheckbox",isContainsOptionItems:true,handlers:{handleGenericProperty:c,handleFieldPropertyAddListItem:r,handleFieldPropertyRemoveListItem:o,handleFieldPropertyListItemChange:i,handleFieldPropertyToggleManualOrLookupOptions:n,handleFieldPropertyLookupChange:l},defaultFieldProperties:{items:[{display:"",value:""}]}},{fieldTypeId:5,questionTypeName:"Radio Button",icon:"formRadioButton",isContainsOptionItems:true,handlers:{handleGenericProperty:c,handleFieldPropertyAddListItem:r,handleFieldPropertyRemoveListItem:o,handleFieldPropertyListItemChange:i,handleFieldPropertyToggleManualOrLookupOptions:n,handleFieldPropertyLookupChange:l},defaultFieldProperties:{items:[{display:"",value:""}]}},{fieldTypeId:6,questionTypeName:"Dropdown Single Select",icon:"formSingleSelectField",isContainsOptionItems:true,handlers:{handleGenericProperty:c,handleFieldPropertyAddListItem:r,handleFieldPropertyRemoveListItem:o,handleFieldPropertyListItemChange:i,handleFieldPropertyToggleManualOrLookupOptions:n,handleFieldPropertyLookupChange:l},defaultFieldProperties:{items:[{display:"",value:""}]}},{fieldTypeId:7,questionTypeName:"Dropdown Multiple Select",icon:"formMultiSelectField",isContainsOptionItems:true,handlers:{handleGenericProperty:c,handleFieldPropertyAddListItem:r,handleFieldPropertyRemoveListItem:o,handleFieldPropertyListItemChange:i,handleFieldPropertyToggleManualOrLookupOptions:n,handleFieldPropertyLookupChange:l},defaultFieldProperties:{items:[{display:"",value:""}]}},{fieldTypeId:8,questionTypeName:"List",icon:"list",isContainsOptionItems:true,handlers:{handleGenericProperty:c,handleFieldPropertyAddListItem:r,handleFieldPropertyRemoveListItem:o,handleFieldPropertyListItemChange:i,handleFieldPropertyToggleManualOrLookupOptions:n,handleFieldPropertyLookupChange:l},defaultFieldProperties:{items:[{display:"",value:""}]}},{fieldTypeId:9,questionTypeName:"Date Selector",icon:"formDateField",handlers:{handleGenericProperty:c,handleFieldPropertyDateTime:p,handleFieldPropertyBoolean:a,handleFieldPropertyBooleanToggle:s},defaultFieldProperties:{allowFutureDate:false,maxDate:"2099-12-31",minDate:"1980-01-01"}},{fieldTypeId:10,questionTypeName:"Time Selector",icon:"formTimeField",handlers:{handleGenericProperty:c,handleFieldPropertyDateTime:p},defaultFieldProperties:{maxTime:"17:00:00",minTime:"09:00:00"}},{fieldTypeId:11,questionTypeName:"DateTime Selector",icon:"formDateTimeField",handlers:{handleGenericProperty:c,handleFieldPropertyDateTime:p,handleFieldPropertyBoolean:a,handleFieldPropertyBooleanToggle:s},defaultFieldProperties:{allowFutureDate:false,maxDateTime:"2099-12-31 23:59:59",minDateTime:"1980-01-01 00:00:00"}},{fieldTypeId:12,questionTypeName:"File Upload",icon:"formFileUpload",handlers:{handleGenericProperty:c,handleFieldPropertyBoolean:a,handleFieldPropertyBooleanToggle:s},defaultFieldProperties:{hideDragAndDrop:false,hideButton:false}}];export{e as d,h as q};
+//# sourceMappingURL=p-22AseVqC.js.map

package/dist/stencil-library/p-22AseVqC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-22AseVqC.js","sources":["src/components/my-component/UI/forms/udp-forms/udp-forms-builder/forms-builder-utils.ts","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-question-template.ts"],"sourcesContent":["export const deepCloneFormSections = (formSections: any[][]): any[][] => {\n  return structuredClone(formSections);\n};","import { deepCloneFormSections } from './forms-builder-utils';\n\ntype FormSections = any[][];\n\n// === Helper Functions ===\n\nconst updateFieldProperties = (formSections: FormSections, sIndex: number, qIndex: number, updateFn: (props: any) => any): FormSections => {\n  const newSections = deepCloneFormSections(formSections);\n  const questionItem = { ...newSections[sIndex][qIndex] };\n  const oldProps = questionItem.fieldProperties || {};\n  questionItem.fieldProperties = updateFn(oldProps);\n  newSections[sIndex][qIndex] = questionItem;\n  return newSections;\n};\n\n// === Handlers ===\n\nconst handleFieldPropertyAddListItem = (formSections: FormSections, sIndex: number, qIndex: number, displayText: string, valueText: string) =>\n  updateFieldProperties(formSections, sIndex, qIndex, props => ({\n    ...props,\n    items: [...(props.items || []), { display: displayText, value: valueText }],\n  }));\n\nconst handleFieldPropertyRemoveListItem = (formSections: FormSections, sIndex: number, qIndex: number, itemIndex: number) =>\n  updateFieldProperties(formSections, sIndex, qIndex, props => {\n    const items = [...(props.items || [])];\n    items.splice(itemIndex, 1);\n    return { ...props, items };\n  });\n\nconst handleFieldPropertyListItemChange = (event: Event, formSections: FormSections, sIndex: number, qIndex: number, idx: number, field: 'display' | 'value') => {\n  const input = event.target as HTMLInputElement;\n  return updateFieldProperties(formSections, sIndex, qIndex, props => {\n    const items = [...(props.items || [])];\n    items[idx] = { ...items[idx], [field]: input.value };\n    return { ...props, items };\n  });\n};\n\nconst handleFieldPropertyLookupChange = (selectedLookupId: string, formSections: FormSections, sIndex: number, qIndex: number) => {\n  return updateFieldProperties(formSections, sIndex, qIndex, props => ({\n    ...props,\n    lookupId: selectedLookupId,\n  }));\n};\n\nconst handleFieldPropertyToggleManualOrLookupOptions = (formSections: FormSections, sIndex: number, qIndex: number) => {\n  return updateFieldProperties(formSections, sIndex, qIndex, props => {\n    if (props.items) {\n      return {\n        lookupId: '', // you can replace this with undefined if preferred\n      };\n    } else {\n      return {\n        items: [\n          {\n            display: '',\n            value: '',\n          },\n        ],\n      };\n    }\n  });\n};\n\nconst handleFieldPropertyMinMaxCharacter = (event: Event, formSections: FormSections, sIndex: number, qIndex: number, fieldName: 'maxCharacter' | 'minCharacter') => {\n  const input = event.target as HTMLInputElement;\n  return updateFieldProperties(formSections, sIndex, qIndex, props => ({\n    ...props,\n    [fieldName]: input.value,\n  }));\n};\n\nconst handleFieldPropertyBoolean = (event: Event, formSections: FormSections, sIndex: number, qIndex: number, fieldName: 'allowFutureDate' | 'hideDragAndDrop' | 'hideButton') => {\n  const input = event.target as HTMLInputElement;\n  return updateFieldProperties(formSections, sIndex, qIndex, props => ({\n    ...props,\n    [fieldName]: input.checked,\n  }));\n};\n\nconst handleFieldPropertyBooleanToggle = (formSections: FormSections, sIndex: number, qIndex: number, fieldName: 'allowFutureDate' | 'hideDragAndDrop' | 'hideButton') =>\n  updateFieldProperties(formSections, sIndex, qIndex, props => ({\n    ...props,\n    [fieldName]: !props[fieldName],\n  }));\n\nconst handleFieldPropertyDateTime = (event: Event, formSections: FormSections, sIndex: number, qIndex: number, fieldName: string) => {\n  const input = event.target as HTMLInputElement;\n  return updateFieldProperties(formSections, sIndex, qIndex, props => ({\n    ...props,\n    [fieldName]: input.value,\n  }));\n};\n\nconst handleGenericProperty = (value: any, formSections: FormSections, sIndex: number, qIndex: number, fieldName: 'questionText' | 'helperText' | 'required') => {\n  const newSections = deepCloneFormSections(formSections);\n  const questionItem = { ...newSections[sIndex][qIndex] };\n  questionItem[fieldName] = value;\n  newSections[sIndex][qIndex] = questionItem;\n  return newSections;\n};\n\nconst questionsTemplate = [\n  {\n    fieldTypeId: 1,\n    questionTypeName: 'Hidden',\n    icon: 'formHiddenField',\n    handlers: { handleGenericProperty },\n    defaultFieldProperties: {},\n  },\n  {\n    fieldTypeId: 2,\n    questionTypeName: 'Single Line Text',\n    icon: 'formTextField',\n    handlers: { handleGenericProperty, handleFieldPropertyMinMaxCharacter },\n    defaultFieldProperties: { maxCharacter: 64, minCharacter: 0 },\n  },\n  {\n    fieldTypeId: 3,\n    questionTypeName: 'Multi Line Text',\n    icon: 'formTextArea',\n    handlers: { handleGenericProperty, handleFieldPropertyMinMaxCharacter },\n    defaultFieldProperties: { maxCharacter: 256, minCharacter: 10 },\n  },\n  {\n    fieldTypeId: 4,\n    questionTypeName: 'Checkbox',\n    icon: 'formCheckbox',\n    isContainsOptionItems: true,\n    handlers: {\n      handleGenericProperty,\n      handleFieldPropertyAddListItem,\n      handleFieldPropertyRemoveListItem,\n      handleFieldPropertyListItemChange,\n      handleFieldPropertyToggleManualOrLookupOptions,\n      handleFieldPropertyLookupChange,\n    },\n    defaultFieldProperties: {\n      items: [\n        {\n          display: '',\n          value: '',\n        },\n      ],\n    },\n  },\n  {\n    fieldTypeId: 5,\n    questionTypeName: 'Radio Button',\n    icon: 'formRadioButton',\n    isContainsOptionItems: true,\n    handlers: {\n      handleGenericProperty,\n      handleFieldPropertyAddListItem,\n      handleFieldPropertyRemoveListItem,\n      handleFieldPropertyListItemChange,\n      handleFieldPropertyToggleManualOrLookupOptions,\n      handleFieldPropertyLookupChange,\n    },\n    defaultFieldProperties: {\n      items: [\n        {\n          display: '',\n          value: '',\n        },\n      ],\n    },\n  },\n  {\n    fieldTypeId: 6,\n    questionTypeName: 'Dropdown Single Select',\n    icon: 'formSingleSelectField',\n    isContainsOptionItems: true,\n    handlers: {\n      handleGenericProperty,\n      handleFieldPropertyAddListItem,\n      handleFieldPropertyRemoveListItem,\n      handleFieldPropertyListItemChange,\n      handleFieldPropertyToggleManualOrLookupOptions,\n      handleFieldPropertyLookupChange,\n    },\n    defaultFieldProperties: {\n      items: [\n        {\n          display: '',\n          value: '',\n        },\n      ],\n    },\n  },\n  {\n    fieldTypeId: 7,\n    questionTypeName: 'Dropdown Multiple Select',\n    icon: 'formMultiSelectField',\n    isContainsOptionItems: true,\n    handlers: {\n      handleGenericProperty,\n      handleFieldPropertyAddListItem,\n      handleFieldPropertyRemoveListItem,\n      handleFieldPropertyListItemChange,\n      handleFieldPropertyToggleManualOrLookupOptions,\n      handleFieldPropertyLookupChange,\n    },\n    defaultFieldProperties: {\n      items: [\n        {\n          display: '',\n          value: '',\n        },\n      ],\n    },\n  },\n  {\n    fieldTypeId: 8,\n    questionTypeName: 'List',\n    icon: 'list',\n    isContainsOptionItems: true,\n    handlers: {\n      handleGenericProperty,\n      handleFieldPropertyAddListItem,\n      handleFieldPropertyRemoveListItem,\n      handleFieldPropertyListItemChange,\n      handleFieldPropertyToggleManualOrLookupOptions,\n      handleFieldPropertyLookupChange,\n    },\n    defaultFieldProperties: {\n      items: [\n        {\n          display: '',\n          value: '',\n        },\n      ],\n    },\n  },\n  {\n    fieldTypeId: 9,\n    questionTypeName: 'Date Selector',\n    icon: 'formDateField',\n    handlers: {\n      handleGenericProperty,\n      handleFieldPropertyDateTime,\n      handleFieldPropertyBoolean,\n      handleFieldPropertyBooleanToggle,\n    },\n    defaultFieldProperties: { allowFutureDate: false, maxDate: '2099-12-31', minDate: '1980-01-01' },\n  },\n  {\n    fieldTypeId: 10,\n    questionTypeName: 'Time Selector',\n    icon: 'formTimeField',\n    handlers: { handleGenericProperty, handleFieldPropertyDateTime },\n    defaultFieldProperties: { maxTime: '17:00:00', minTime: '09:00:00' },\n  },\n  {\n    fieldTypeId: 11,\n    questionTypeName: 'DateTime Selector',\n    icon: 'formDateTimeField',\n    handlers: {\n      handleGenericProperty,\n      handleFieldPropertyDateTime,\n      handleFieldPropertyBoolean,\n      handleFieldPropertyBooleanToggle,\n    },\n    defaultFieldProperties: { allowFutureDate: false, maxDateTime: '2099-12-31 23:59:59', minDateTime: '1980-01-01 00:00:00' },\n  },\n  {\n    fieldTypeId: 12,\n    questionTypeName: 'File Upload',\n    icon: 'formFileUpload',\n    handlers: { handleGenericProperty, handleFieldPropertyBoolean, handleFieldPropertyBooleanToggle },\n    defaultFieldProperties: { hideDragAndDrop: false, hideButton: false },\n  },\n  // commented out -> need to confirm it's supported on the server side\n  // {\n  //   fieldTypeId: 13,\n  //   questionTypeName: 'Description',\n  //   icon: 'text',\n  //   handlers: {},\n  //   defaultFieldProperties: {},\n  // },\n];\n\nexport default questionsTemplate;\n"],"names":[],"mappings":"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"}

package/dist/stencil-library/p-2652e3e0.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as i,F as e,c as s}from"./p-CaIWDYyq.js";import n from"@carbon/icons/es/chevron--right/16";import a from"@carbon/icons/es/edit/16";import r from"@carbon/icons/es/view/16";const o=class{constructor(i){t(this,i);this.formBuilderHandler=()=>{this.history.push(`/page/${this.pageBuilderId}?udpf_formId=${this.data.id}&udpf_version=${this.data.version}`)};this.formRendererHandler=()=>{this.history.push(`/page/${this.renderPageId}?udpf_formId=${this.data.id}&udpf_version=${this.data.version}`)};this.handleTitleClick=t=>{t.preventDefault();this.formBuilderHandler()}}render(){const t=i(e,{key:"b2c6c089a6b5169eca23960418b80c9508734a70"},i("unity-typography",{key:"61f8f739161bb108dde9928c052ee0da86a59506",variant:"body1",color:"textSecondary"},"Version: ",this.data.version),!this.isSideSheetList&&i("unity-typography",{key:"b9b6a8c3c15d8151a0e55afa49cc3af2c28515e3",variant:"body1",color:"textSecondary"},"Last Modified: ",new Date(this.data.lastModifiedOn).toLocaleDateString()),i("unity-typography",{key:"00e4504691304471439ba65ab6a91b9146d52447",variant:"body1",color:"textSecondary"},"Created On: ",this.isSideSheetList?new Date(this.data.createdOn).toLocaleDateString():new Date(this.data.initialCreatedOn).toLocaleDateString()));const s=i(e,{key:"041660e862ab56ef141ad41a306168a7f5a88397"},!this.isSideSheetList&&i("stencil-icon-button",{key:"4cf56b6b42d433d1ec58ce0eb2d1726555b1ed3a",icon:a,tooltip:"Edit in Builder",onClick:t=>{t.stopPropagation();this.formBuilderHandler()}}),i("stencil-icon-button",{key:"b073eceb4834be1c756370d53ae18b8facf49f6c",icon:r,tooltip:"View in Renderer",onClick:t=>{t.stopPropagation();this.formRendererHandler()}}),!this.isSideSheetList&&i("stencil-icon-button",{key:"df5e88f1149dfd7cdaa4e479e55d9c38d44b9077",icon:n,tooltip:"See Version History",onClick:t=>{var i;t.stopPropagation();(i=this.openSideSheet)===null||i===void 0?void 0:i.call(this)}}));return i("udp-card",{key:"d8ea5bc611ad8889d07ae07cdce3cece53ee7c7e",cardTitle:this.data.name,subheader:this.data.description,actions:s,onTitleClick:this.handleTitleClick,disableContentPadding:true,adornmentStatus:"info"},t)}};const c=":host{display:block}.udp-list-renderer-container{display:flex;flex-direction:column}.item-list-container{display:flex;flex-direction:column}.item-list-container.spacing-xs{gap:var(--spacing-02)}.item-list-container.spacing-sm{gap:var(--spacing-03)}.item-list-container.spacing-md{gap:var(--spacing-04)}.item-list-container.spacing-lg{gap:var(--spacing-06)}.item-list-container.spacing-condensed{gap:var(--spacing-01)}.loading-container{display:flex;justify-content:center;align-items:center;padding:var(--spacing-07);min-height:100px;}";const h=class{constructor(i){t(this,i);this.pageChange=s(this,"pageChange");this.data=[];this.pagination=false;this.itemsPerPage=10;this.isServerSide=false;this.totalItems=0;this.currentPage=1;this.isLoading=false;this.spacing="md";this.internalCurrentPage=1}currentPageChanged(t){if(t!==this.internalCurrentPage){this.internalCurrentPage=t}}componentWillLoad(){this.internalCurrentPage=this.currentPage}getPaginatedData(){if(!this.pagination||this.isServerSide){return this.data}const t=(this.internalCurrentPage-1)*this.itemsPerPage;const i=t+this.itemsPerPage;return this.data.slice(t,i)}getTotalPages(){if(!this.pagination)return 1;if(this.isServerSide){if(this.totalItems===0||this.itemsPerPage===0)return 1;return Math.ceil(this.totalItems/this.itemsPerPage)}if(this.data.length===0||this.itemsPerPage===0)return 1;return Math.ceil(this.data.length/this.itemsPerPage)}handlePageChange(t){if(this.isLoading)return;if(t>=1&&t<=this.getTotalPages()){if(this.isServerSide){this.pageChange.emit(t)}else{this.internalCurrentPage=t;this.currentPage=t;this.pageChange.emit(t)}}}renderItems(){if(!this.itemComponent){console.warn("[udp-item-list] itemComponent prop is required.");return i("p",null,"Error: itemComponent prop is not defined.")}if(!this.componentDataMap){console.warn("[udp-item-list] componentDataMap prop is required.");return i("p",null,"Error: componentDataMap prop is not defined.")}const t=this.getPaginatedData();if(!t||t.length===0){return i("p",null,"No items to display.")}return t.map((t=>{const e={};for(const i in this.componentDataMap){if(t.hasOwnProperty(i)){const s=this.componentDataMap[i];e[s]=t[i]}}const s=this.itemComponent;return i(s,Object.assign({},e))}))}render(){if(this.isLoading&&(!this.data||this.data.length===0)){return i("div",{class:"loading-container"},i("p",null,"Loading..."))}const t={"item-list-container":true,[`spacing-${this.spacing}`]:true};return i("host",null,i("div",{class:t},this.renderItems()),this.pagination&&this.getTotalPages()>1&&i("udp-pagination",{currentPage:this.internalCurrentPage,totalPages:this.getTotalPages(),isLoading:this.isLoading,onPageChange:t=>this.handlePageChange(t.detail)}))}static get watchers(){return{currentPage:["currentPageChanged"]}}};h.style=c;export{o as udp_forms_list_card,h as udp_list_renderer};
+//# sourceMappingURL=p-2652e3e0.entry.js.map

package/dist/stencil-library/p-2652e3e0.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["UdpFormsListCard","constructor","hostRef","this","formBuilderHandler","history","push","pageBuilderId","data","id","version","formRendererHandler","renderPageId","handleTitleClick","e","preventDefault","render","contentJsx","h","Fragment","key","variant","color","isSideSheetList","Date","lastModifiedOn","toLocaleDateString","createdOn","initialCreatedOn","actionsJsx","icon","Edit","tooltip","onClick","stopPropagation","View","ChevronRight24","_a","openSideSheet","call","cardTitle","name","subheader","description","actions","onTitleClick","disableContentPadding","adornmentStatus","udpListRendererCss","UdpItemList","pagination","itemsPerPage","isServerSide","totalItems","currentPage","isLoading","spacing","internalCurrentPage","currentPageChanged","newValue","componentWillLoad","getPaginatedData","startIndex","endIndex","slice","getTotalPages","Math","ceil","length","handlePageChange","newPage","pageChange","emit","renderItems","itemComponent","console","warn","componentDataMap","itemsToRender","map","item","props","sourceKey","hasOwnProperty","targetKey","ItemCmp","Object","assign","class","containerClasses","totalPages","onPageChange","event","detail"],"sources":["src/components/my-component/UI/forms/udp-forms/udp-forms-list/udp-forms-list-card.tsx","src/components/my-component/UI/data-display/list-renderer/udp-list-renderer.css?tag=udp-list-renderer&encapsulation=shadow","src/components/my-component/UI/data-display/list-renderer/udp-list-renderer.tsx"],"sourcesContent":["import { Component, h, Prop, Fragment } from '@stencil/core';\nimport ChevronRight24 from '@carbon/icons/es/chevron--right/16';\nimport Edit from '@carbon/icons/es/edit/16';\nimport View from '@carbon/icons/es/view/16';\n\n@Component({\n  tag: 'udp-forms-list-card',\n  shadow: true,\n})\nexport class UdpFormsListCard {\n  @Prop() history: any;\n  @Prop() pageBuilderId: string;\n  @Prop() renderPageId: string;\n  @Prop() data: any;\n  @Prop() openSideSheet: any;\n  @Prop() isSideSheetList: boolean;\n\n  formBuilderHandler = () => {\n    this.history.push(`/page/${this.pageBuilderId}?udpf_formId=${this.data.id}&udpf_version=${this.data.version}`);\n  };\n\n  formRendererHandler = () => {\n    this.history.push(`/page/${this.renderPageId}?udpf_formId=${this.data.id}&udpf_version=${this.data.version}`);\n  };\n\n  private handleTitleClick = (e: CustomEvent) => {\n    e.preventDefault();\n    this.formBuilderHandler();\n  };\n\n  render() {\n    const contentJsx = (\n      <Fragment>\n        <unity-typography variant=\"body1\" color=\"textSecondary\">\n          Version: {this.data.version}\n        </unity-typography>\n        {!this.isSideSheetList && (\n          <unity-typography variant=\"body1\" color=\"textSecondary\">\n            Last Modified: {new Date(this.data.lastModifiedOn).toLocaleDateString()}\n          </unity-typography>\n        )}\n        <unity-typography variant=\"body1\" color=\"textSecondary\">\n          Created On: {this.isSideSheetList ? new Date(this.data.createdOn).toLocaleDateString() : new Date(this.data.initialCreatedOn).toLocaleDateString()}\n        </unity-typography>\n      </Fragment>\n    );\n\n    const actionsJsx = (\n      <Fragment>\n        {!this.isSideSheetList && (\n          <stencil-icon-button\n            icon={Edit}\n            tooltip=\"Edit in Builder\"\n            onClick={e => {\n              e.stopPropagation();\n              this.formBuilderHandler();\n            }}\n          />\n        )}\n        <stencil-icon-button\n          icon={View}\n          tooltip=\"View in Renderer\"\n          onClick={e => {\n            e.stopPropagation();\n            this.formRendererHandler();\n          }}\n        />\n        {!this.isSideSheetList && (\n          <stencil-icon-button\n            icon={ChevronRight24}\n            tooltip=\"See Version History\"\n            onClick={e => {\n              e.stopPropagation();\n              this.openSideSheet?.();\n            }}\n          />\n        )}\n      </Fragment>\n    );\n\n    return (\n      <udp-card\n        cardTitle={this.data.name}\n        subheader={this.data.description}\n        actions={actionsJsx}\n        onTitleClick={this.handleTitleClick}\n        disableContentPadding={true}\n        adornmentStatus={'info'}\n      >\n        {contentJsx}\n      </udp-card>\n    );\n  }\n}\n",":host {\n  display: block;\n}\n\n.udp-list-renderer-container {\n  display: flex;\n  flex-direction: column;\n}\n\n.item-list-container   {\n  display: flex;\n  flex-direction: column;\n}\n\n/* Spacing variants */\n.item-list-container.spacing-xs {\n  gap: var(--spacing-02);\n}\n\n.item-list-container.spacing-sm {\n  gap: var(--spacing-03);\n}\n\n.item-list-container.spacing-md {\n  gap: var(--spacing-04);\n}\n\n.item-list-container.spacing-lg {\n  gap: var(--spacing-06);\n}\n\n.item-list-container.spacing-condensed {\n  gap: var(--spacing-01);\n}\n\n.loading-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: var(--spacing-07); /* 2rem */\n  min-height: 100px; /* Adjust as needed, or use a spacing variable if appropriate */\n} ","import { Component, Prop, h, State, Watch, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'udp-list-renderer',\n  styleUrl: 'udp-list-renderer.css',\n  shadow: true,\n})\nexport class UdpItemList {\n  /**\n   * The tag name of the component to render for each item in the list.\n   * For example, 'my-item-component'.\n   */\n  @Prop() itemComponent: string;\n\n  /**\n   * Array of objects to be rendered in the list.\n   */\n  @Prop() data: any[] = [];\n\n  /**\n   * Object mapping source data fields to prop names for the item component.\n   * Example: {元のフィールド: '新しいフィールド'}\n   * This will pass props to ItemComponent as: <ItemComponent newField={sourceData.originalField} />\n   */\n  @Prop() componentDataMap: { [key: string]: string };\n\n  /**\n   * Whether to enable pagination.\n   */\n  @Prop() pagination: boolean = false;\n\n  /**\n   * Number of items to display per page.\n   */\n  @Prop() itemsPerPage: number = 10;\n\n  /**\n   * Whether pagination is handled server-side.\n   */\n  @Prop() isServerSide: boolean = false;\n\n  /**\n   * Total number of items (required for server-side pagination).\n   */\n  @Prop() totalItems: number = 0;\n\n  /**\n   * Callback function for page changes. Required when isServerSide is true.\n   * Emits the new page number.\n   */\n  @Event() pageChange: EventEmitter<number>;\n\n  /**\n   * Current page number (used for server-side pagination or can be controlled externally).\n   * Defaults to 1.\n   */\n  @Prop({ mutable: true, reflect: true }) currentPage: number = 1;\n\n  /**\n   * Whether the list is in a loading state.\n   */\n  @Prop() isLoading: boolean = false;\n\n  /**\n   * Defines the spacing between items.\n   * Options: 'xs', 'sm', 'md', 'lg', 'condensed'\n   * Default: 'sm'\n   */\n  @Prop({ reflect: true }) spacing: 'xs' | 'sm' | 'md' | 'lg' | 'condensed' = 'md';\n\n  @State() internalCurrentPage: number = 1;\n\n  @Watch('currentPage')\n  currentPageChanged(newValue: number) {\n    if (newValue !== this.internalCurrentPage) {\n      this.internalCurrentPage = newValue;\n    }\n  }\n\n  componentWillLoad() {\n    this.internalCurrentPage = this.currentPage;\n  }\n\n  private getPaginatedData() {\n    if (!this.pagination || this.isServerSide) {\n      return this.data;\n    }\n    const startIndex = (this.internalCurrentPage - 1) * this.itemsPerPage;\n    const endIndex = startIndex + this.itemsPerPage;\n    return this.data.slice(startIndex, endIndex);\n  }\n\n  private getTotalPages(): number {\n    if (!this.pagination) return 1;\n    if (this.isServerSide) {\n      if (this.totalItems === 0 || this.itemsPerPage === 0) return 1;\n      return Math.ceil(this.totalItems / this.itemsPerPage);\n    }\n    if (this.data.length === 0 || this.itemsPerPage === 0) return 1;\n    return Math.ceil(this.data.length / this.itemsPerPage);\n  }\n\n  private handlePageChange(newPage: number) {\n    if (this.isLoading) return;\n    if (newPage >= 1 && newPage <= this.getTotalPages()) {\n      if (this.isServerSide) {\n        this.pageChange.emit(newPage);\n      } else {\n        this.internalCurrentPage = newPage;\n        this.currentPage = newPage;\n        this.pageChange.emit(newPage);\n      }\n    }\n  }\n\n  private renderItems() {\n    if (!this.itemComponent) {\n      console.warn('[udp-item-list] itemComponent prop is required.');\n      return <p>Error: itemComponent prop is not defined.</p>;\n    }\n    if (!this.componentDataMap) {\n      console.warn('[udp-item-list] componentDataMap prop is required.');\n      return <p>Error: componentDataMap prop is not defined.</p>;\n    }\n\n    const itemsToRender = this.getPaginatedData();\n\n    if (!itemsToRender || itemsToRender.length === 0) {\n      return <p>No items to display.</p>;\n    }\n\n    return itemsToRender.map(item => {\n      const props = {};\n      for (const sourceKey in this.componentDataMap) {\n        if (item.hasOwnProperty(sourceKey)) {\n          const targetKey = this.componentDataMap[sourceKey];\n          props[targetKey] = item[sourceKey];\n        }\n      }\n      const ItemCmp = this.itemComponent;\n      return <ItemCmp {...props} />;\n    });\n  }\n\n  render() {\n    if (this.isLoading && (!this.data || this.data.length === 0)) {\n      return (\n        <div class=\"loading-container\">\n          <p>Loading...</p>\n        </div>\n      );\n    }\n\n    const containerClasses = {\n      'item-list-container': true,\n      [`spacing-${this.spacing}`]: true,\n    };\n\n    return (\n      <host>\n        <div class={containerClasses}>{this.renderItems()}</div>\n        {this.pagination && this.getTotalPages() > 1 && (\n          <udp-pagination\n            currentPage={this.internalCurrentPage}\n            totalPages={this.getTotalPages()}\n            isLoading={this.isLoading}\n            onPageChange={event => this.handlePageChange(event.detail)}\n          ></udp-pagination>\n        )}\n      </host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/stencil-library/p-340acdfa.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as s,a as i}from"./p-CaIWDYyq.js";import{debounce as e}from"lodash";import{g as n}from"./p-Basdb1b1.js";import{c as r,m as o}from"./p-B-daVutk.js";import{C as a}from"./p-Cn7PuhQz.js";import{S as l,c}from"./p-BlJaGZ4k.js";import"axios";class h{async saveFormData(t,s){return null}async loadExistingSubmission(){return null}supportsAutoSave(){return true}}function u(t){if(!Array.isArray(t)){return false}return t.every((t=>t instanceof File))}class f extends h{constructor(t,s,i){super();this.formId=t;this.formVersion=s;this.tenantId=i}objectToFormData(t){var s;const i=[];const e={};for(let n in t){let r;if((s=t[n])===null||s===void 0?void 0:s.value){r=t[n].value}else{r=t[n]}if(u(r)){if(r.length>0){i.push(r[0]);e[n]=r[0].name}}else if(Array.isArray(r)){e[n]=r.map((t=>typeof t==="string"?t:t.value)).join(",")}else{if(r!==null&&r!==undefined&&r!==""){e[n]=r}}}const n=r({formData:JSON.stringify(e),formFiles:i[0]});return n}async getForm(){const t=await o("GET",`${a.productV1ApiUrl}/UdpForm/${this.formId}/describe/public?tenantId=${this.tenantId}`,{}).then((t=>{if(t.id){return t}else{alert("form not found");return null}})).catch((()=>{alert("form not found");return null}));if(t.styleOverrides&&typeof t.styleOverrides==="string"){t.styleOverrides=JSON.parse(t.styleOverrides)}return t}async submitForm(t){const s=this.objectToFormData(t);return await o("POST",`${a.productV1ApiUrl}/UdpForm/${this.formId}/${this.formVersion}/submit/public?tenantId=${this.tenantId}`,s,true).then((()=>true)).catch((()=>false))}}class p extends h{constructor(t,s,i,e,n){super();this.formId=t;this.formVersion=s;this.userId=i;this.existingSubmission=e;this.updateExistingSubmission=n}async getForm(){const t=await o("GET",`${a.productV1ApiUrl}/UdpForm/${this.formId}${this.formVersion?`/${this.formVersion}`:""}/describe`);if(t.styleOverrides&&typeof t.styleOverrides==="string"){t.styleOverrides=JSON.parse(t.styleOverrides)}return t}async loadExistingSubmission(){try{const t=new l(1,1).addFilter("unityUserId",this.userId,c.EQUALS).addFilter("formId",this.formId,c.EQUALS).addFilter("formVersion",this.formVersion.toString(),c.EQUALS).addOrder("id","DESC");const s=await t.execute("UdpFormSubmission");if((s===null||s===void 0?void 0:s.pageList)&&s.pageList.length>0){const t=s.pageList[0];this.existingSubmission=t;this.updateExistingSubmission(t);return t}return null}catch(t){console.error("Error fetching existing form response:",t);return null}}createFormDataForSubmission(t,s){var i,e,n;let o;if(s==="submitted"){o=2}else if(s==="in-progress"){o=1}else{o=typeof s==="number"?s:1}const a={FormId:this.formId,FormVersion:this.formVersion.toString(),Status:o.toString()};if((i=this.existingSubmission)===null||i===void 0?void 0:i.id){a.Id=this.existingSubmission.id}const l=[];const c={};for(let s in t){let i=((e=t[s])===null||e===void 0?void 0:e.value)||t[s];let r=(n=t[s])===null||n===void 0?void 0:n.files;if(r&&Array.isArray(r)){l.push(...r);if(i&&i.trim()!==""){c[s]=i}}else if(u(i)){l.push(...i);if(i.length>0){c[s]=i.map((t=>t.name)).join(",")}}else if(Array.isArray(i)){c[s]=i.map((t=>typeof t==="string"?t:t.value)).join(",")}else{if(i!==null&&i!==undefined&&i!==""){c[s]=i}}}const h=r(a);l.forEach((t=>h.append("FormFiles",t)));Object.keys(c).forEach((t=>{var s;h.append(`Data[${t}]`,((s=c[t])===null||s===void 0?void 0:s.toString())||"")}));return h}async saveFormData(t,s){const i=this.createFormDataForSubmission(t,s);let e;if(this.existingSubmission){e=await o("PUT",`${a.productV1ApiUrl}/UdpFormSubmission/${this.existingSubmission.id}`,i,true)}else{e=await o("POST",`${a.productV1ApiUrl}/UdpFormSubmission`,i,true)}this.updateExistingSubmission(e);return e}async submitForm(t){try{await this.saveFormData(t,"submitted");return true}catch(t){console.error("Private form submission failed:",t);return false}}}class m{static create(t,s,i,e,n,r,o){if(t){return new f(s,i,e)}else{if(!n){throw new Error("User ID is required for private forms")}return new p(s,i,n,r||null,o||(()=>{}))}}}const d=class{constructor(s){t(this,s);this.isPublic=false;this.userId=null;this.autoSaveDelay=2e3;this.initialValues={};this.submitSuccessful=false;this.existingSubmission=null;this.currentFormData={};this.isSaving=false;this.saveError=null;this.isSubmitted=false;this.tenantId=n();this.handleFormChange=t=>{if(JSON.stringify(t)!==JSON.stringify(this.currentFormData)){this.debouncedAutoSave(t)}};this.handleFinish=()=>{if(this.triggerAction){this.triggerAction(null,{action:"finish"})}}}async componentWillLoad(){this.loading=true;this.formHandler=m.create(this.isPublic,this.formId,this.version,this.tenantId,this.userId,this.existingSubmission,(t=>{this.existingSubmission=t}));this.debouncedAutoSave=e((async t=>{await this.handleAutoSave(t)}),this.autoSaveDelay);if(this.formId&&this.version){await this.loadForm()}this.loading=false}async loadForm(){try{const t=await this.formHandler.getForm();this.form=t;if(this.userId&&this.formHandler.loadExistingSubmission){const t=await this.formHandler.loadExistingSubmission();if(t){this.existingSubmission=t;this.initialValues=t.data||{};if(t.status===2){this.isSubmitted=true}this.initialValues=await this.processInitialValues(this.initialValues);this.currentFormData=Object.assign({},this.initialValues);if(t.status===2||t.status==="submitted"){this.isSubmitted=true}}}}catch(t){console.error("Failed to load form:",t)}}async handleSubmit(t){try{const s=await this.formHandler.submitForm(t);this.submitSuccessful=s}catch(t){console.error("Form submission failed:",t);throw t}}async handleAutoSave(t){if(!this.formHandler.supportsAutoSave()||!this.userId||!this.formHandler.saveFormData){return}this.isSaving=true;this.saveError=null;try{await this.formHandler.saveFormData(t,"in-progress");this.currentFormData=Object.assign({},t)}catch(t){console.error("Auto-save failed:",t);this.saveError="Failed to save form data"}finally{this.isSaving=false}}async processInitialValues(t){const s=Object.assign({},t);for(const[i,e]of Object.entries(t)){if(typeof e==="string"&&this.isFileReference(e)){s[i]=await this.parseFileReferences(e)}}return s}isFileReference(t){return typeof t==="string"&&t.includes("|")&&(t.includes("udp:")||t.includes("b64:"))}async parseFileReferences(t){const s=t.split(",").map((t=>t.trim())).filter((t=>t));const i=[];for(const t of s){try{const s=await this.parseFileReference(t);if(s){i.push(s)}}catch(s){console.error("Error parsing file reference:",t,s)}}return i}async parseFileReference(t){const s=t.split("|");if(s.length!==2){console.warn("Invalid file reference format:",t);return null}const[i,e]=s;if(e.startsWith("udp:")){const t=e.substring(4);return await this.createUdpDriveFileFromId(i,t)}else if(e.startsWith("b64:")){const t=e.substring(4);return this.createUdpDriveFileFromBase64(i,t)}console.warn("Unknown file reference format:",e);return null}async createUdpDriveFileFromId(t,s){const i=t.split(".").pop()||"";const e=new Blob([""],{type:this.getMimeTypeFromExtension(i)});const n=new File([e],t,{type:e.type,lastModified:Date.now()});const r=n;r.driveFileId=s;r.tenantId=this.tenantId;r.productId=0;r.path="";r.extension=i;return r}createUdpDriveFileFromBase64(t,s){const i=t.split(".").pop()||"";const e=atob(s);const n=new Uint8Array(e.length);for(let t=0;t<e.length;t++){n[t]=e.charCodeAt(t)}const r=new Blob([n],{type:this.getMimeTypeFromExtension(i)});const o=new File([r],t,{type:r.type,lastModified:Date.now()});o.driveFileId="";o.tenantId=this.tenantId;o.productId=0;o.path="";o.extension=i;return o}getMimeTypeFromExtension(t){const s={pdf:"application/pdf",doc:"application/msword",docx:"application/vnd.openxmlformats-officedocument.wordprocessingml.document",xls:"application/vnd.ms-excel",xlsx:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",ppt:"application/vnd.ms-powerpoint",pptx:"application/vnd.openxmlformats-officedocument.presentationml.presentation",txt:"text/plain",csv:"text/csv",json:"application/json",xml:"application/xml",html:"text/html",css:"text/css",js:"application/javascript",png:"image/png",jpg:"image/jpeg",jpeg:"image/jpeg",gif:"image/gif",svg:"image/svg+xml",zip:"application/zip",rar:"application/x-rar-compressed","7z":"application/x-7z-compressed"};return s[t.toLowerCase()]||"application/octet-stream"}render(){if(this.loading){return s("div",{class:"loading-container"},s("unity-spinner",{size:"medium"}))}if(!this.form){return s("div",{class:"error-container"},s("unity-typography",{variant:"body1"},"Form not found"))}return s("udp-forms-ui",{form:this.form,initialValues:this.initialValues,submitSuccessful:this.submitSuccessful,isSaving:this.isSaving,saveError:this.saveError,showAutoSaveStatus:this.formHandler.supportsAutoSave()&&!!this.userId,readonly:this.isSubmitted,onSubmit:this.handleSubmit.bind(this),onChange:this.handleFormChange,onAction:this.triggerAction,onFinish:this.handleFinish})}get el(){return i(this)}};export{d as udp_forms_renderer};
+//# sourceMappingURL=p-340acdfa.entry.js.map

package/dist/stencil-library/p-340acdfa.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseFormHandler","saveFormData","_values","_status","loadExistingSubmission","supportsAutoSave","isFileArray","array","Array","isArray","every","item","File","PublicFormHandler","constructor","formId","formVersion","tenantId","super","this","objectToFormData","obj","files","formObj","key","value","_a","length","push","name","map","join","undefined","formData","createFormData","JSON","stringify","formFiles","getForm","makeApiCall","ConfigService","productV1ApiUrl","then","data","id","alert","catch","styleOverrides","parse","submitForm","values","PrivateFormHandler","userId","existingSubmission","updateExistingSubmission","search","SearchBuilder","addFilter","SearchOperators","EQUALS","toString","addOrder","response","execute","pageList","submission","error","console","createFormDataForSubmission","status","statusValue","formSubmissionData","FormId","FormVersion","Status","Id","dataWithoutFiles","_b","fieldFiles","_c","trim","f","forEach","file","append","Object","keys","FormHandlerFactory","create","isPublic","version","Error","UdpFormsRenderer","hostRef","autoSaveDelay","initialValues","submitSuccessful","currentFormData","isSaving","saveError","isSubmitted","getCurrentTenantId","handleFormChange","debouncedAutoSave","handleFinish","triggerAction","action","componentWillLoad","loading","formHandler","debounce","async","handleAutoSave","loadForm","form","existingData","processInitialValues","assign","handleSubmit","success","processedValues","entries","isFileReference","parseFileReferences","includes","references","split","ref","filter","udpDriveFiles","reference","udpDriveFile","parseFileReference","parts","warn","filename","dataRef","startsWith","driveFileId","substring","createUdpDriveFileFromId","base64Data","createUdpDriveFileFromBase64","extension","pop","placeholderBlob","Blob","type","getMimeTypeFromExtension","lastModified","Date","now","productId","path","binaryString","atob","bytes","Uint8Array","i","charCodeAt","blob","mimeTypes","pdf","doc","docx","xls","xlsx","ppt","pptx","txt","csv","json","xml","html","css","js","png","jpg","jpeg","gif","svg","zip","rar","toLowerCase","render","h","class","size","variant","showAutoSaveStatus","readonly","onSubmit","bind","onChange","onAction","onFinish"],"sources":["src/components/my-component/UI/forms/udp-forms/udp-forms-renderer/form-handler/BaseFormHandler.ts","src/components/my-component/UI/forms/udp-forms/udp-forms-renderer/form-handler/formUtils.ts","src/components/my-component/UI/forms/udp-forms/udp-forms-renderer/form-handler/PublicFormHandler.ts","src/components/my-component/UI/forms/udp-forms/udp-forms-renderer/form-handler/PrivateFormHandler.ts","src/components/my-component/UI/forms/udp-forms/udp-forms-renderer/form-handler/FormHandlerFactory.ts","src/components/my-component/UI/forms/udp-forms/udp-forms-renderer/udp-forms-renderer.tsx"],"sourcesContent":["import { IFormHandler } from './IFormHandler';\nimport { UdpForm, UdpFormSubmission, UdpFormSubmissionStatus } from '../../types';\n\n/**\n * Base class for form handlers with common functionality\n */\nexport abstract class BaseFormHandler implements IFormHandler {\n  abstract getForm(): Promise<UdpForm>;\n  abstract submitForm(values: { [name: string]: any }): Promise<boolean>;\n\n  /**\n   * Default implementation - does nothing\n   * Override in subclasses that support auto-save\n   */\n  async saveFormData(_values: { [name: string]: any }, _status: UdpFormSubmissionStatus): Promise<UdpFormSubmission> {\n    // Default implementation - no-op\n    return null as any;\n  }\n\n  /**\n   * Default implementation - returns null\n   * Override in subclasses that support loading existing submissions\n   */\n  async loadExistingSubmission(): Promise<UdpFormSubmission | null> {\n    return null;\n  }\n\n  /**\n   * Default implementation - returns true\n   * Override in subclasses that don't support auto-save\n   */\n  supportsAutoSave(): boolean {\n    return true;\n  }\n}\n","/**\n * Utility function to check if an array contains File objects\n */\nexport function isFileArray(array: any): array is File[] {\n  // Check if it's an array\n  if (!Array.isArray(array)) {\n    return false;\n  }\n\n  // Check if all elements in the array are instances of File\n  return array.every(item => item instanceof File);\n}\n","import { BaseFormHandler } from './BaseFormHandler';\nimport { Guid, UdpForm, StyleOverrides } from '../../types';\nimport { makeApiCall, createFormData } from '../../../../../../../udp-utilities/api/makeApiCall/makeApiCall';\nimport { ConfigService } from 'src/udp-utilities/api-config';\nimport { isFileArray } from './formUtils';\n\n/**\n * Public form submission handler (legacy endpoint)\n */\nexport class PublicFormHandler extends BaseFormHandler {\n  constructor(\n    private formId: Guid,\n    private formVersion: number,\n    private tenantId: Guid\n  ) {\n    super();\n  }\n\n  private objectToFormData(obj): FormData {\n    // Separate files from regular data\n    const files: File[] = [];\n    const formObj = {};\n\n    for (let key in obj) {\n      let value;\n      if (obj[key]?.value) {\n        value = obj[key].value;\n      } else {\n        value = obj[key];\n      }\n\n      if (isFileArray(value)) {\n        // Collect files for formFiles only if there are files\n        if (value.length > 0) {\n          files.push(value[0]);\n          formObj[key] = value[0].name;\n        }\n        // If no files, skip this field entirely\n      } else if (Array.isArray(value)) {\n        formObj[key] = value.map(item => (typeof item === 'string' ? item : item.value)).join(',');\n      } else {\n        // Only include fields with meaningful values\n        // Skip null, undefined, or empty string values entirely\n        if (value !== null && value !== undefined && value !== '') {\n          formObj[key] = value;\n        }\n      }\n    }\n\n    // Use createFormData helper with the structured data\n    const formData = createFormData({\n      formData: JSON.stringify(formObj),\n      formFiles: files[0] // Public handler only supports single file\n    });\n\n    return formData;\n  }\n\n  async getForm(): Promise<UdpForm> {\n    const formData: UdpForm = await makeApiCall('GET', `${ConfigService.productV1ApiUrl}/UdpForm/${this.formId}/describe/public?tenantId=${this.tenantId}`, {})\n      .then(data => {\n        if (data.id) {\n          return data;\n        } else {\n          alert('form not found');\n          return null;\n        }\n      })\n      .catch(() => {\n        // this would get thrown when the form exists but is private\n        alert('form not found');\n        return null;\n      });\n    if (formData.styleOverrides && typeof formData.styleOverrides === 'string') {\n      formData.styleOverrides = JSON.parse(formData.styleOverrides) as StyleOverrides;\n    }\n    return formData;\n  }\n\n  async submitForm(values: { [name: string]: any }): Promise<boolean> {\n    const formData = this.objectToFormData(values);\n\n    return await makeApiCall(\n      'POST',\n      `${ConfigService.productV1ApiUrl}/UdpForm/${this.formId}/${this.formVersion}/submit/public?tenantId=${this.tenantId}`,\n      formData,\n      true,\n    )\n      .then(() => true)\n      .catch(() => false);\n  }\n}\n","import { BaseFormHandler } from './BaseFormHandler';\nimport { Guid, UdpForm, UdpFormSubmission, UdpFormSubmissionStatus, StyleOverrides } from '../../types';\nimport { makeApiCall, createFormData } from '../../../../../../../udp-utilities/api/makeApiCall/makeApiCall';\nimport { SearchBuilder, SearchOperators } from '../../../../../../../udp-utilities/search';\nimport { ConfigService } from 'src/udp-utilities/api-config';\nimport { isFileArray } from './formUtils';\n\n/**\n * Private form submission handler (new UdpFormSubmission endpoint)\n */\nexport class PrivateFormHandler extends BaseFormHandler {\n  constructor(\n    private formId: Guid,\n    private formVersion: number,\n    private userId: Guid,\n    private existingSubmission: UdpFormSubmission | null,\n    private updateExistingSubmission: (submission: UdpFormSubmission) => void\n  ) {\n    super();\n  }\n\n  async getForm(): Promise<UdpForm> {\n    const formData: UdpForm = await makeApiCall(\n      'GET',\n      `${ConfigService.productV1ApiUrl}/UdpForm/${this.formId}${this.formVersion ? `/${this.formVersion}` : ''}/describe`\n    );\n    if (formData.styleOverrides && typeof formData.styleOverrides === 'string') {\n      formData.styleOverrides = JSON.parse(formData.styleOverrides) as StyleOverrides;\n    }\n    return formData;\n  }\n\n  async loadExistingSubmission(): Promise<UdpFormSubmission | null> {\n    try {\n      const search = new SearchBuilder(1, 1) // Only need the first result\n        .addFilter('unityUserId', this.userId, SearchOperators.EQUALS)\n        .addFilter('formId', this.formId, SearchOperators.EQUALS)\n        .addFilter('formVersion', this.formVersion.toString(), SearchOperators.EQUALS)\n        .addOrder('id', 'DESC'); // Get the most recent submission if multiple exist\n\n      const response = await search.execute('UdpFormSubmission');\n\n      // Check if we got any results\n      if (response?.pageList && response.pageList.length > 0) {\n        const submission = response.pageList[0] as UdpFormSubmission;\n        this.existingSubmission = submission;\n        this.updateExistingSubmission(submission);\n        return submission;\n      }\n\n      return null;\n    } catch (error) {\n      console.error('Error fetching existing form response:', error);\n      return null;\n    }\n  }\n\n  private createFormDataForSubmission(data: { [name: string]: any }, status: UdpFormSubmissionStatus): FormData {\n    // Convert status string to numeric value\n    let statusValue: number;\n    if (status === 'submitted') {\n      statusValue = 2;\n    } else if (status === 'in-progress') {\n      statusValue = 1;\n    } else {\n      statusValue = typeof status === 'number' ? status : 1;\n    }\n\n    // Prepare the base form submission data\n    const formSubmissionData: Record<string, any> = {\n      FormId: this.formId,\n      FormVersion: this.formVersion.toString(),\n      Status: statusValue.toString(),\n    };\n\n    if (this.existingSubmission?.id) {\n      formSubmissionData.Id = this.existingSubmission.id;\n    }\n\n    // Separate files from regular data\n    const files: File[] = [];\n    const dataWithoutFiles: Record<string, any> = {};\n\n    for (let key in data) {\n      let value = data[key]?.value || data[key];\n      let fieldFiles = data[key]?.files; // Check if this field has associated files\n\n      if (fieldFiles && Array.isArray(fieldFiles)) {\n        // This field has File objects - add them to files array and use the string value for data\n        files.push(...fieldFiles);\n        // Only include file field in data if it has a meaningful value\n        if (value && value.trim() !== '') {\n          dataWithoutFiles[key] = value;\n        }\n        // If no files and no value, skip this field entirely\n      } else if (isFileArray(value)) {\n        // Legacy file handling - collect files for FormFiles\n        files.push(...value);\n        // Store filename in data only if there are files\n        if (value.length > 0) {\n          dataWithoutFiles[key] = value.map(f => f.name).join(',');\n        }\n        // If no files, skip this field entirely\n      } else if (Array.isArray(value)) {\n        dataWithoutFiles[key] = value.map(item => (typeof item === 'string' ? item : item.value)).join(',');\n      } else {\n        // Only include non-file fields if they have a meaningful value\n        // Skip null, undefined, or empty string values entirely\n        if (value !== null && value !== undefined && value !== '') {\n          dataWithoutFiles[key] = value;\n        }\n      }\n    }\n\n    // Add form data using the helper function\n    const formData = createFormData(formSubmissionData);\n\n    // Add files to FormFiles collection\n    files.forEach(file => formData.append('FormFiles', file));\n\n    // Convert data to Dictionary<string, string> format expected by server\n    Object.keys(dataWithoutFiles).forEach(key => {\n      formData.append(`Data[${key}]`, dataWithoutFiles[key]?.toString() || '');\n    });\n\n    return formData;\n  }\n\n  async saveFormData(values: { [name: string]: any }, status: UdpFormSubmissionStatus): Promise<UdpFormSubmission> {\n    const formData = this.createFormDataForSubmission(values, status);\n\n    let submission: UdpFormSubmission;\n\n    if (this.existingSubmission) {\n      // Update existing submission\n      submission = await makeApiCall(\n        'PUT',\n        `${ConfigService.productV1ApiUrl}/UdpFormSubmission/${this.existingSubmission.id}`,\n        formData,\n        true\n      );\n    } else {\n      // Create new submission\n      submission = await makeApiCall(\n        'POST',\n        `${ConfigService.productV1ApiUrl}/UdpFormSubmission`,\n        formData,\n        true\n      );\n    }\n\n    // Update the existing submission reference\n    this.updateExistingSubmission(submission);\n    return submission;\n  }\n\n  async submitForm(values: { [name: string]: any }): Promise<boolean> {\n    try {\n      await this.saveFormData(values, 'submitted');\n      return true;\n    } catch (error) {\n      console.error('Private form submission failed:', error);\n      return false;\n    }\n  }\n}\n","import { Build } from '@stencil/core';\nimport { IFormHandler } from './IFormHandler';\nimport { MockFormHandler } from './MockFormHandler';\nimport { PublicFormHandler } from './PublicFormHandler';\nimport { PrivateFormHandler } from './PrivateFormHandler';\nimport { Guid, UdpFormSubmission } from '../../types';\n\n/**\n * Factory for creating form handlers\n */\nexport class FormHandlerFactory {\n  static create(\n    isPublic: boolean,\n    formId: Guid,\n    version: number,\n    tenantId: Guid,\n    userId?: Guid | null,\n    existingSubmission?: UdpFormSubmission | null,\n    updateExistingSubmission?: (submission: UdpFormSubmission) => void\n  ): IFormHandler {\n    // Use mock handler in development\n    if (Build.isDev) {\n      return new MockFormHandler();\n    }\n\n    if (isPublic) {\n      return new PublicFormHandler(formId, version, tenantId);\n    } else {\n      if (!userId) {\n        throw new Error('User ID is required for private forms');\n      }\n      return new PrivateFormHandler(\n        formId,\n        version,\n        userId,\n        existingSubmission || null,\n        updateExistingSubmission || (() => {})\n      );\n    }\n  }\n}\n","import { Component, Prop, State, Element, h } from '@stencil/core';\nimport { debounce } from 'lodash';\nimport { Guid, UdpDriveFile } from 'src/global/types';\nimport { UdpForm, UdpFormSubmission } from '../types';\nimport { getCurrentTenantId } from 'src/udp-utilities/tenant/tenantUtils';\nimport { IFormHandler } from './form-handler/IFormHandler';\nimport { FormHandlerFactory } from './form-handler/FormHandlerFactory';\n\n@Component({\n  tag: 'udp-forms-renderer',\n  shadow: true,\n})\nexport class UdpFormsRenderer {\n  @Prop() formId: Guid;\n  @Prop() version: number;\n  @Prop() triggerAction: (actionId: Guid, params: Object) => void;\n  @Prop() isPublic: boolean = false;\n  @Prop() callbackUrl: string;\n  @Prop() userId: Guid | null = null; // User ID for authenticated users\n  @Prop() autoSaveDelay: number = 2000; // Debounce delay for auto-save in milliseconds\n  @State() form: UdpForm;\n  @State() initialValues: { [name: string]: any } = {};\n  @State() submitSuccessful: boolean = false;\n  @Element() el: HTMLElement;\n  @State() loading: boolean;\n  @State() existingSubmission: UdpFormSubmission | null = null;\n  @State() currentFormData: { [name: string]: any } = {};\n  @State() isSaving: boolean = false;\n  @State() saveError: string | null = null;\n  @State() isSubmitted: boolean = false;\n\n  private tenantId: Guid = getCurrentTenantId();\n  private debouncedAutoSave: (values: { [name: string]: any }) => void;\n  private formHandler: IFormHandler;\n\n  async componentWillLoad() {\n    this.loading = true;\n    this.formHandler = FormHandlerFactory.create(\n      this.isPublic,\n      this.formId,\n      this.version,\n      this.tenantId,\n      this.userId,\n      this.existingSubmission,\n      (submission) => {\n        this.existingSubmission = submission;\n      }\n    );\n\n    // Set up debounced auto-save function\n    this.debouncedAutoSave = debounce(async (values: { [name: string]: any }) => {\n      await this.handleAutoSave(values);\n    }, this.autoSaveDelay);\n\n    if (this.formId && this.version) {\n      await this.loadForm();\n    }\n    this.loading = false;\n  }\n\n  private async loadForm() {\n    try {\n      // Load form structure\n      const formData = await this.formHandler.getForm();\n      this.form = formData;\n\n      // Try to load existing submission if handler supports it\n      if (this.userId && this.formHandler.loadExistingSubmission) {\n        const existingData = await this.formHandler.loadExistingSubmission();\n        if (existingData) {\n          this.existingSubmission = existingData;\n          this.initialValues = existingData.data || {};\n          // Check if the form is submitted (status 2)\n          if (existingData.status === 2) {\n            this.isSubmitted = true;\n          }\n          // Process file data to convert file references to UdpDriveFile objects\n          this.initialValues = await this.processInitialValues(this.initialValues);\n          this.currentFormData = { ...this.initialValues };\n\n          if (existingData.status === 2 || existingData.status === 'submitted') {\n            this.isSubmitted = true;\n          }\n        }\n      }\n    } catch (error) {\n      console.error('Failed to load form:', error);\n    }\n  }\n\n  private async handleSubmit(values: { [name: string]: any }) {\n    try {\n      const success = await this.formHandler.submitForm(values);\n      this.submitSuccessful = success;\n    } catch (error) {\n      console.error('Form submission failed:', error);\n      throw error;\n    }\n  }\n\n  private async handleAutoSave(values: { [name: string]: any }) {\n    // Only auto-save if handler supports it and user is authenticated\n    if (!this.formHandler.supportsAutoSave() || !this.userId || !this.formHandler.saveFormData) {\n      return;\n    }\n\n    this.isSaving = true;\n    this.saveError = null;\n\n    try {\n      await this.formHandler.saveFormData(values, 'in-progress');\n      this.currentFormData = { ...values };\n    } catch (error) {\n      console.error('Auto-save failed:', error);\n      this.saveError = 'Failed to save form data';\n    } finally {\n      this.isSaving = false;\n    }\n  }\n\n  private handleFormChange = (values: { [name: string]: any }) => {\n    // Trigger auto-save if form data has changed\n    if (JSON.stringify(values) !== JSON.stringify(this.currentFormData)) {\n      this.debouncedAutoSave(values);\n    }\n  };\n\n  /**\n   * Process initial values to convert file references to UdpDriveFile objects\n   */\n  private async processInitialValues(values: { [name: string]: any }): Promise<{ [name: string]: any }> {\n    const processedValues = { ...values };\n\n    for (const [key, value] of Object.entries(values)) {\n      if (typeof value === 'string' && this.isFileReference(value)) {\n        processedValues[key] = await this.parseFileReferences(value);\n      }\n    }\n\n    return processedValues;\n  }\n\n  /**\n   * Check if a string value is a file reference (contains | and udp: or b64:)\n   */\n  private isFileReference(value: string): boolean {\n    return typeof value === 'string' && value.includes('|') && (value.includes('udp:') || value.includes('b64:'));\n  }\n\n  /**\n   * Parse file references from the special format: \"filename|udp:driveFileId\" or \"filename|b64:base64data\"\n   */\n  private async parseFileReferences(value: string): Promise<UdpDriveFile[]> {\n    const references = value.split(',').map(ref => ref.trim()).filter(ref => ref);\n    const udpDriveFiles: UdpDriveFile[] = [];\n\n    for (const reference of references) {\n      try {\n        const udpDriveFile = await this.parseFileReference(reference);\n        if (udpDriveFile) {\n          udpDriveFiles.push(udpDriveFile);\n        }\n      } catch (error) {\n        console.error('Error parsing file reference:', reference, error);\n      }\n    }\n\n    return udpDriveFiles;\n  }\n\n  /**\n   * Parse a single file reference\n   */\n  private async parseFileReference(reference: string): Promise<UdpDriveFile | null> {\n    const parts = reference.split('|');\n    if (parts.length !== 2) {\n      console.warn('Invalid file reference format:', reference);\n      return null;\n    }\n\n    const [filename, dataRef] = parts;\n\n    if (dataRef.startsWith('udp:')) {\n      // Handle UDP Drive file reference\n      const driveFileId = dataRef.substring(4); // Remove 'udp:' prefix\n      return await this.createUdpDriveFileFromId(filename, driveFileId);\n    } else if (dataRef.startsWith('b64:')) {\n      // Handle base64 encoded file\n      const base64Data = dataRef.substring(4); // Remove 'b64:' prefix\n      return this.createUdpDriveFileFromBase64(filename, base64Data);\n    }\n\n    console.warn('Unknown file reference format:', dataRef);\n    return null;\n  }\n\n  /**\n   * Create a UdpDriveFile from a drive file ID\n   */\n  private async createUdpDriveFileFromId(filename: string, driveFileId: string): Promise<UdpDriveFile> {\n    // Extract file extension from filename\n    const extension = filename.split('.').pop() || '';\n\n    // Create a placeholder File object - the actual content will be downloaded when needed\n    const placeholderBlob = new Blob([''], { type: this.getMimeTypeFromExtension(extension) });\n    const file = new File([placeholderBlob], filename, {\n      type: placeholderBlob.type,\n      lastModified: Date.now()\n    });\n\n    // Create UdpDriveFile by extending the File object\n    const udpDriveFile = file as UdpDriveFile;\n\n    // Add UDP-specific properties\n    udpDriveFile.driveFileId = driveFileId as Guid;\n    udpDriveFile.tenantId = this.tenantId;\n    udpDriveFile.productId = 0; // Will be filled by server\n    udpDriveFile.path = '';\n    udpDriveFile.extension = extension;\n\n    return udpDriveFile;\n  }\n\n  /**\n   * Create a UdpDriveFile from base64 data\n   */\n  private createUdpDriveFileFromBase64(filename: string, base64Data: string): UdpDriveFile {\n    // Extract file extension from filename\n    const extension = filename.split('.').pop() || '';\n\n    // Decode base64 data\n    const binaryString = atob(base64Data);\n    const bytes = new Uint8Array(binaryString.length);\n    for (let i = 0; i < binaryString.length; i++) {\n      bytes[i] = binaryString.charCodeAt(i);\n    }\n\n    const blob = new Blob([bytes], { type: this.getMimeTypeFromExtension(extension) });\n\n    // Create a UdpDriveFile that extends File\n    const udpDriveFile: UdpDriveFile = new File([blob], filename, {\n      type: blob.type,\n      lastModified: Date.now()\n    }) as UdpDriveFile;\n\n    // Add UDP-specific properties\n    udpDriveFile.driveFileId = '' as Guid; // No drive file ID for base64 files\n    udpDriveFile.tenantId = this.tenantId;\n    udpDriveFile.productId = 0;\n    udpDriveFile.path = '';\n    udpDriveFile.extension = extension;\n\n    return udpDriveFile;\n  }\n\n  /**\n   * Get MIME type from file extension\n   */\n  private getMimeTypeFromExtension(extension: string): string {\n    const mimeTypes: { [key: string]: string } = {\n      'pdf': 'application/pdf',\n      'doc': 'application/msword',\n      'docx': 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',\n      'xls': 'application/vnd.ms-excel',\n      'xlsx': 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n      'ppt': 'application/vnd.ms-powerpoint',\n      'pptx': 'application/vnd.openxmlformats-officedocument.presentationml.presentation',\n      'txt': 'text/plain',\n      'csv': 'text/csv',\n      'json': 'application/json',\n      'xml': 'application/xml',\n      'html': 'text/html',\n      'css': 'text/css',\n      'js': 'application/javascript',\n      'png': 'image/png',\n      'jpg': 'image/jpeg',\n      'jpeg': 'image/jpeg',\n      'gif': 'image/gif',\n      'svg': 'image/svg+xml',\n      'zip': 'application/zip',\n      'rar': 'application/x-rar-compressed',\n      '7z': 'application/x-7z-compressed'\n    };\n\n    return mimeTypes[extension.toLowerCase()] || 'application/octet-stream';\n  }\n\n  private handleFinish = () => {\n    // Trigger any finish actions\n    if (this.triggerAction) {\n      this.triggerAction(null as any, { action: 'finish' });\n    }\n  };\n\n  render() {\n    if (this.loading) {\n      return (\n        <div class=\"loading-container\">\n          <unity-spinner size=\"medium\" />\n        </div>\n      );\n    }\n\n    if (!this.form) {\n      return (\n        <div class=\"error-container\">\n          <unity-typography variant=\"body1\">Form not found</unity-typography>\n        </div>\n      );\n    }\n\n    return (\n      <udp-forms-ui\n        form={this.form}\n        initialValues={this.initialValues}\n        submitSuccessful={this.submitSuccessful}\n        isSaving={this.isSaving}\n        saveError={this.saveError}\n        showAutoSaveStatus={this.formHandler.supportsAutoSave() && !!this.userId}\n        readonly={this.isSubmitted}\n        onSubmit={this.handleSubmit.bind(this)}\n        onChange={this.handleFormChange}\n        onAction={this.triggerAction}\n        onFinish={this.handleFinish}\n      />\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/stencil-library/p-34b51e8d.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as a,H as t}from"./p-CaIWDYyq.js";const s=":host{display:block;width:100%}";const n=class{constructor(a){e(this,a);this.span={}}getSpanStyles(){return Object.entries(this.span).map((([e,a])=>`\n  @container (min-width: ${e}px) {\n    :host {\n      --udp-grid-item-span: ${a};\n    }\n  }`)).join("\n")}render(){return a(t,{key:"882e3f42e5df93fe24aee4b95858d2ada4da8e03"},a("style",{key:"f89a1470b3c19ece473caaa834ca8404b1c1e4a5"},this.getSpanStyles()),a("slot",{key:"256a750a072346ae00035bba4fe2abd2a2969de2"}))}};n.style=s;export{n as udp_container_query_grid_item};
+//# sourceMappingURL=p-34b51e8d.entry.js.map

package/dist/stencil-library/p-34b51e8d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["udpContainerQueryGridItemCss","UdpContainerQueryGridItem","constructor","hostRef","this","span","getSpanStyles","Object","entries","map","breakpoint","cols","join","render","h","Host","key"],"sources":["src/components/my-component/UI/layout/udp-container-query-grid-item/udp-container-query-grid-item.css?tag=udp-container-query-grid-item&encapsulation=shadow","src/components/my-component/UI/layout/udp-container-query-grid-item/udp-container-query-grid-item.tsx"],"sourcesContent":["/* udp-container-query-grid-item.css */\n:host {\n  display: block;\n  width: 100%;\n}","// udp-container-query-grid-item.tsx\nimport { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'udp-container-query-grid-item',\n  styleUrl: 'udp-container-query-grid-item.css',\n  shadow: true,\n})\nexport class UdpContainerQueryGridItem {\n  @Prop() span?: { [breakpoint: number]: number } = {};\n\n  private getSpanStyles(): string {\n    return Object.entries(this.span)\n      .map(\n        ([breakpoint, cols]) => `\n  @container (min-width: ${breakpoint}px) {\n    :host {\n      --udp-grid-item-span: ${cols};\n    }\n  }`,\n      )\n      .join('\\n');\n  }\n\n  render() {\n    return (\n      <Host>\n        <style>{this.getSpanStyles()}</style>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAA+B,kC,MCQxBC,EAAyB,MALtC,WAAAC,CAAAC,G,UAMUC,KAAIC,KAAsC,EAuBnD,CArBS,aAAAC,GACN,OAAOC,OAAOC,QAAQJ,KAAKC,MACxBI,KACC,EAAEC,EAAYC,KAAU,8BACLD,oDAEGC,mBAIvBC,KAAK,K,CAGV,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,SAAAE,IAAA,4CAAQZ,KAAKE,iBACbQ,EAAa,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/stencil-library/p-35f55182.entry.js

@@ -0,0 +1,2 @@
+import{r,h as a,H as e}from"./p-CaIWDYyq.js";const s=":host{display:block}";const o=class{constructor(a){r(this,a)}getColor(){switch(this.status){case"success":return"var(--success-color-main)";case"warning":return"var(--warning-color-main)";case"error":return"var(--error-color-main)";case"info":return"var(--info-color-main)";case"disabled":return"var(--disabled-color-main)";default:return"transparent"}}render(){const r={width:"4px",height:"100%",backgroundColor:this.getColor()};return a(e,{key:"df8d013feeca0855f0b7fed28a42d27f7d8477c4",style:r})}};o.style=s;export{o as udp_adornment};
+//# sourceMappingURL=p-35f55182.entry.js.map

package/dist/stencil-library/p-35f55182.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["udpAdornmentCss","UdpAdornment","getColor","this","status","render","style","width","height","backgroundColor","h","Host","key"],"sources":["src/components/my-component/UI/data-display/adornment/udp-adornment/udp-adornment.css?tag=udp-adornment&encapsulation=shadow","src/components/my-component/UI/data-display/adornment/udp-adornment/udp-adornment.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n","import { Component, Prop, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'udp-adornment',\n  styleUrl: 'udp-adornment.css',\n  shadow: true,\n})\nexport class UdpAdornment {\n  // Prop to accept the status\n  @Prop() status: 'success' | 'warning' | 'error' | 'info' | 'disabled';\n\n  // Method to determine the color based on status\n  private getColor(): string {\n    switch (this.status) {\n      case 'success':\n        return 'var(--success-color-main)';\n      case 'warning':\n        return 'var(--warning-color-main)';\n      case 'error':\n        return 'var(--error-color-main)';\n      case 'info':\n        return 'var(--info-color-main)';\n      case 'disabled':\n        return 'var(--disabled-color-main)'; // Assuming this is the correct variable for disabled\n      default:\n        return 'transparent';\n    }\n  }\n\n  render() {\n    const style = { width: '4px', height: '100%', backgroundColor: this.getColor() };\n\n    return <Host style={style}></Host>;\n  }\n}\n"],"mappings":"6CAAA,MAAMA,EAAkB,uB,MCOXC,EAAY,M,yBAKf,QAAAC,GACN,OAAQC,KAAKC,QACX,IAAK,UACH,MAAO,4BACT,IAAK,UACH,MAAO,4BACT,IAAK,QACH,MAAO,0BACT,IAAK,OACH,MAAO,yBACT,IAAK,WACH,MAAO,6BACT,QACE,MAAO,c,CAIb,MAAAC,GACE,MAAMC,EAAQ,CAAEC,MAAO,MAAOC,OAAQ,OAAQC,gBAAiBN,KAAKD,YAEpE,OAAOQ,EAACC,EAAI,CAAAC,IAAA,2CAACN,MAAOA,G","ignoreList":[]}

package/dist/stencil-library/p-395aa831.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as t}from"./p-CaIWDYyq.js";const d="";const e=class{constructor(t){a(this,t);this.props={}}componentWillLoad(){}render(){return t("udp-calendar-base",Object.assign({key:"82ca75a44de0df0f6c825ad14d20fafe90db7f07",initialView:"dayGridMonth"},this.props))}};e.style=d;export{e as udp_calendar_month};
+//# sourceMappingURL=p-395aa831.entry.js.map

package/dist/stencil-library/p-395aa831.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["udpCalendarMonthCss","UdpCalendarMonth","constructor","hostRef","this","props","componentWillLoad","render","h","Object","assign","key","initialView"],"sources":["src/components/my-component/UI/calendar/udp-calendar-month.css?tag=udp-calendar-month&encapsulation=shadow","src/components/my-component/UI/calendar/udp-calendar-month.tsx"],"sourcesContent":[null,"import { Component, h, Prop } from '@stencil/core'\nimport './udp-calendar-month.css'\n\n@Component({\n  tag: 'udp-calendar-month',\n  styleUrl: 'udp-calendar-month.css',\n  shadow: true,\n})\nexport class UdpCalendarMonth {\n  @Prop() props: any = {}\n\n  componentWillLoad() { \n    \n  }\n\n  render() {\n    return (\n      <udp-calendar-base initialView='dayGridMonth' {...this.props}></udp-calendar-base>\n    )\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAsB,G,MCQfC,EAAgB,MAL7B,WAAAC,CAAAC,G,UAMUC,KAAKC,MAAQ,EAWtB,CATC,iBAAAC,G,CAIA,MAAAC,GACE,OACEC,EAAmB,oBAAAC,OAAAC,OAAA,CAAAC,IAAA,2CAAAC,YAAY,gBAAmBR,KAAKC,O","ignoreList":[]}

package/dist/stencil-library/p-3deb56d6.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as n}from"./p-CaIWDYyq.js";import{createStore as r}from"@stencil/store";import o from"axios";import{C as s}from"./p-Cn7PuhQz.js";const a={user:null};const{state:e}=r(a);var i={state:e};function c(){return i.state.user}async function l(t,n,r={},s,a=true){var e;const i=c();const l=Object.assign(Object.assign({},r.headers),{currentTenantId:(e=i===null||i===void 0?void 0:i.currentTenantId)!==null&&e!==void 0?e:""});r.headers=l;const u=`${t}/${n}`;try{const{data:t}=await o(Object.assign({url:u},r));return{data:t,loading:false,error:null}}catch(t){return{data:null,loading:false,error:t}}}function u(){return{currentTenantId:"someTenantId",accessToken:"someAccessToken"}}const d=u();const h=s.integrationV1ApiUrl;const f=s.config.UNITY_PRODUCT_ID;const m=class{constructor(n){t(this,n);this.tpacb=null;this.loadingTpacb=true;this.tpacbError=null}async componentWillLoad(){const t=`tenantProductApiCatalogBase/tenant/${d===null||d===void 0?void 0:d.currentTenantId}/product/${f}`;const{data:n,loading:r,error:o}=await l(h,t,{},!!!d,false);this.tpacb=n;this.loadingTpacb=r;this.tpacbError=o}render(){if(this.loadingTpacb){return n("div",null,"Loading...")}if(this.tpacbError){return n("div",null,"Error: ",JSON.stringify(this.tpacbError))}return n("div",null,JSON.stringify(this.tpacb))}};export{m as test_api};
+//# sourceMappingURL=p-3deb56d6.entry.js.map