npm - udp-stencil-component-library - Versions diffs - 25.18.2-beta.1 → 25.18.2-beta.11 - Mend

udp-stencil-component-library 25.18.2-beta.1 → 25.18.2-beta.11

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

Files changed (2057) hide show

package/dist/stencil-library/udp-chip_3.entry.js CHANGED Viewed

@@ -1,2 +1 @@
-import{r as o,c as r,h as i,a as c,H as e}from"./index-CaZq3YdB.js";import{createPopper as t}from"@popperjs/core";const n=":host{display:inline-flex;vertical-align:middle;--udp-chip-primary-color:var(--primary-color);--udp-chip-primary-color-text:var(--primary-contrast-text);--udp-chip-secondary-color:var(--secondary-color);--udp-chip-secondary-color-text:var(--secondary-contrast-text);--udp-chip-success-color:var(--success-color-main);--udp-chip-success-color-text:var(--success-contrast-text);--udp-chip-error-color:var(--error-color-main);--udp-chip-error-color-text:var(--error-contrast-text);--udp-chip-warning-color:var(--warning-color-main);--udp-chip-warning-color-text:var(--warning-contrast-text);--udp-chip-info-color:var(--info-color-main);--udp-chip-info-color-text:var(--info-contrast-text);--udp-chip-monochrome-color:#FFFFFF;--udp-chip-monochrome-color-text:var(--text-main);--udp-chip-gray-color:var(--gray-02);--udp-chip-gray-color-text:var(--text-main);--udp-chip-gray-color-border:var(--gray-04);--font-family:var(--font-family);--spacing-01:var(--spacing-01);--spacing-02:var(--spacing-02);--udp-chip-primary-color-light:var(--primary-color-hint);--udp-chip-secondary-color-light:var(--secondary-color-hint);--udp-chip-success-color-light:var(--success-color-hint);--udp-chip-error-color-light:var(--error-color-hint);--udp-chip-warning-color-light:var(--warning-color-hint);--udp-chip-info-color-light:var(--info-color-hint);--udp-chip-monochrome-color-light:var(--gray-02);--udp-chip-gray-color-light:var(--gray-02)}.chip{font-family:var(--font-family);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;white-space:nowrap;transition:background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, border-color 0.1s ease-in-out;border:1px solid transparent;border-radius:16px;gap:4px;cursor:default}.chip--clickable{cursor:pointer}.chip--clickable:hover{box-shadow:0 1px 2px rgba(0, 0, 0, 0.15)}.chip--outlined.chip--clickable:hover{box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)}.chip__label{line-height:1;}.chip--size-medium{height:32px;font-size:13px;padding:8px}.chip--size-medium .chip__label{padding:0 var(--spacing-02)}.chip--size-medium .chip__icon--start{margin-left:0px;margin-right:4px}.chip--size-medium .chip__delete-icon{height:20px;width:20px;margin-right:-4px}.chip--size-medium .chip__delete-icon svg{width:14px;height:14px}.chip--size-small{height:auto;font-size:12px;padding:5px 4px;border-radius:12px;}.chip--size-small .chip__label{padding:0 4px}.chip--size-small .chip__icon--start{margin-left:0;margin-right:3px}.chip--size-small .chip__delete-icon{height:18px;width:18px;margin-right:-2px}.chip--size-small .chip__delete-icon svg{width:12px;height:12px}.chip__delete-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:background-color 0.15s ease-in-out}.chip--filled.chip--color-primary{background-color:var(--udp-chip-primary-color);color:var(--udp-chip-primary-color-text)}.chip--filled.chip--color-secondary{background-color:var(--udp-chip-secondary-color);color:var(--udp-chip-secondary-color-text)}.chip--filled.chip--color-success{background-color:var(--udp-chip-success-color);color:var(--udp-chip-success-color-text)}.chip--filled.chip--color-error{background-color:var(--udp-chip-error-color);color:var(--udp-chip-error-color-text)}.chip--filled.chip--color-warning{background-color:var(--udp-chip-warning-color);color:var(--udp-chip-warning-color-text)}.chip--filled.chip--color-info{background-color:var(--udp-chip-info-color);color:var(--udp-chip-info-color-text)}.chip--filled.chip--color-monochrome{background-color:var(--udp-chip-monochrome-color);color:var(--udp-chip-monochrome-color-text)}.chip--filled.chip--color-gray{background-color:var(--udp-chip-gray-color);color:var(--udp-chip-gray-color-text)}.chip--filled:not(.chip--color-warning):not(.chip--color-gray) .chip__delete-icon{background-color:rgba(255, 255, 255, 0.15)}.chip--filled:not(.chip--color-warning):not(.chip--color-gray) .chip__delete-icon:hover{background-color:rgba(255, 255, 255, 0.25)}.chip--filled.chip--color-warning .chip__delete-icon,.chip--filled.chip--color-gray .chip__delete-icon,.chip--filled.chip--color-monochrome .chip__delete-icon{background-color:rgba(0, 0, 0, 0.08)}.chip--filled.chip--color-warning .chip__delete-icon:hover,.chip--filled.chip--color-gray .chip__delete-icon:hover,.chip--filled.chip--color-monochrome .chip__delete-icon:hover{background-color:rgba(0, 0, 0, 0.16)}.chip--outlined{background-color:transparent}.chip--outlined.chip--color-primary{border-color:var(--udp-chip-primary-color);color:var(--udp-chip-primary-color)}.chip--outlined.chip--color-secondary{border-color:var(--udp-chip-secondary-color);color:var(--udp-chip-secondary-color)}.chip--outlined.chip--color-success{border-color:var(--udp-chip-success-color);color:var(--udp-chip-success-color)}.chip--outlined.chip--color-error{border-color:var(--udp-chip-error-color);color:var(--udp-chip-error-color)}.chip--outlined.chip--color-warning{border-color:var(--udp-chip-warning-color);color:var(--udp-chip-warning-color)}.chip--outlined.chip--color-info{border-color:var(--udp-chip-info-color);color:var(--udp-chip-info-color)}.chip--outlined.chip--color-monochrome{color:inherit;border-color:currentColor;}.chip--outlined.chip--color-gray{border-color:var(--udp-chip-gray-color-border);color:var(--udp-chip-gray-color-text)}.chip--outlined.chip--color-primary .chip__delete-icon{background-color:var(--udp-chip-primary-color-light)}.chip--outlined.chip--color-secondary .chip__delete-icon{background-color:var(--udp-chip-secondary-color-light)}.chip--outlined.chip--color-success .chip__delete-icon{background-color:var(--udp-chip-success-color-light)}.chip--outlined.chip--color-error .chip__delete-icon{background-color:var(--udp-chip-error-color-light)}.chip--outlined.chip--color-warning .chip__delete-icon{background-color:var(--udp-chip-warning-color-light)}.chip--outlined.chip--color-info .chip__delete-icon{background-color:var(--udp-chip-info-color-light)}.chip--outlined.chip--color-monochrome .chip__delete-icon{background-color:var(--udp-chip-monochrome-color-light)}.chip--outlined.chip--color-gray .chip__delete-icon{background-color:var(--udp-chip-gray-color-light)}.chip--outlined .chip__delete-icon:hover{background-color:rgba(0, 0, 0, 0.08)}";const a=class{constructor(i){o(this,i);this.chipClick=r(this,"chipClick");this.chipDelete=r(this,"chipDelete");this.variant="filled";this.color="gray";this.size="medium";this.deleteButton=false;this.clickable=false;this.handleDeleteClick=o=>{o.stopPropagation();this.chipDelete.emit(this.label)};this.handleChipClick=()=>{if(this.clickable){this.chipClick.emit(this.label)}}}render(){const o={chip:true,[`chip--${this.variant}`]:true,[`chip--color-${this.color}`]:true,[`chip--size-${this.size}`]:true,"chip--clickable":this.clickable};return i("div",{key:"2fabbe9d005532b99e5d0bb75db328e4d4f95d0d",class:o,onClick:this.handleChipClick},this.startIcon&&i("span",{key:"90aa944d607d65ca584dad5fc08f593998a9a114",class:"chip__icon chip__icon--start"},i("udp-icon",{key:"07d3f8863069836eb5105fd2c6bfc839b3751a17",iconName:this.startIcon,color:"inherit"})),i("span",{key:"25e02b01494dccbcc344e847f17496d310787eef",class:"chip__label"},this.label),this.deleteButton&&i("span",{key:"661365b514b8c7b59a56c2d64889dfdc11be24c3",class:"chip__delete-icon",onClick:this.handleDeleteClick,title:"Remove"},i("svg",{key:"872fa3327129e0433bb48a6e821384605db99e1d",width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor"},i("path",{key:"203e568853d1e581275d2aa68639ed0123ebe922",d:"M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z"}))))}};a.style=n;const l=".udp-icon-button{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;border:none;border-radius:var(--border-radius, 4px);cursor:pointer;font-family:inherit;font-weight:500;text-decoration:none;transition:all 0.2s ease-in-out;position:relative;outline:none;box-sizing:border-box}.udp-icon-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.udp-icon-button:disabled{opacity:0.6;cursor:default}.icon-container{display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon{display:block;fill:currentColor}.label{display:flex;align-items:center}.size-x-small{min-height:24px;padding:4px;font-size:0.8rem}.size-x-small.has-label{padding:4px 8px}.size-x-small .icon{width:14px;height:14px}.icon-only.size-x-small{width:24px;height:24px}.size-small{min-height:32px;padding:6px;font-size:0.875rem}.size-small.has-label{padding:6px 12px}.size-small .icon{width:16px;height:16px}.size-medium{min-height:40px;padding:8px;font-size:0.875rem}.size-medium.has-label{padding:8px 16px}.size-medium .icon{width:20px;height:20px}.size-large{min-height:48px;padding:12px;font-size:1rem}.size-large.has-label{padding:12px 20px}.size-large .icon{width:24px;height:24px}.icon-only{border-radius:50%}.icon-only.size-small{width:32px;height:32px}.icon-only.size-medium{width:40px;height:40px}.icon-only.size-large{width:48px;height:48px}.variant-text{background:transparent;border:1px solid transparent}.variant-text:hover:not(:disabled){background:rgba(var(--primary-color-rgb, 0, 0, 0), 0.04)}.variant-text:active:not(:disabled){background:rgba(var(--primary-color-rgb, 0, 0, 0), 0.08)}.variant-outlined{background:transparent;border:1px solid currentColor}.variant-outlined:hover:not(:disabled){background:rgba(var(--primary-color-rgb, 0, 0, 0), 0.04)}.variant-outlined:active:not(:disabled){background:rgba(var(--primary-color-rgb, 0, 0, 0), 0.08)}.variant-contained{background:var(--primary-color, #1976d2);color:var(--primary-color-contrast, #fff);border:1px solid var(--primary-color, #1976d2)}.variant-contained:hover:not(:disabled){background:var(--primary-color-dark, #1565c0);border-color:var(--primary-color-dark, #1565c0)}.variant-contained:active:not(:disabled){background:var(--primary-color-darker, #0d47a1);border-color:var(--primary-color-darker, #0d47a1)}.color-primary{color:var(--primary-color, #1976d2)}.color-primary.variant-contained{background:var(--primary-color, #1976d2);color:var(--primary-color-contrast, #fff);border-color:var(--primary-color, #1976d2)}.color-secondary{color:var(--secondary-color, #dc004e)}.color-secondary.variant-contained{background:var(--secondary-color, #dc004e);color:var(--secondary-color-contrast, #fff);border-color:var(--secondary-color, #dc004e)}.color-secondary.variant-contained:hover:not(:disabled){background:var(--secondary-color-dark, #c5004a);border-color:var(--secondary-color-dark, #c5004a)}.color-success{color:var(--success-color, #2e7d32)}.color-success.variant-contained{background:var(--success-color, #2e7d32);color:var(--success-color-contrast, #fff);border-color:var(--success-color, #2e7d32)}.color-error{color:var(--error-color, #d32f2f)}.color-error.variant-contained{background:var(--error-color, #d32f2f);color:var(--error-color-contrast, #fff);border-color:var(--error-color, #d32f2f)}.color-warning{color:var(--warning-color, #ed6c02)}.color-warning.variant-contained{background:var(--warning-color, #ed6c02);color:var(--warning-color-contrast, #fff);border-color:var(--warning-color, #ed6c02)}.color-info{color:var(--info-color, #0288d1)}.color-info.variant-contained{background:var(--info-color, #0288d1);color:var(--info-color-contrast, #fff);border-color:var(--info-color, #0288d1)}.color-inherit{color:inherit}.color-inherit.variant-contained{background:currentColor;color:var(--background-color, #fff);border-color:currentColor}.icon-color-primary{fill:var(--primary-color, #1976d2) !important}.icon-color-secondary{fill:var(--secondary-color, #dc004e) !important}.icon-color-success{fill:var(--success-color, #2e7d32) !important}.icon-color-error{fill:var(--error-color, #d32f2f) !important}.icon-color-warning{fill:var(--warning-color, #ed6c02) !important}.icon-color-info{fill:var(--info-color, #0288d1) !important}.icon-color-inherit{fill:inherit !important}";const s=class{constructor(i){o(this,i);this.click=r(this,"click");this.variant="text";this.color="primary";this.size="medium";this.disabled=false;this.type="button";this.ariaLabel="";this.handleClick=o=>{o.stopPropagation();if(!this.disabled){this.click.emit(o)}}}renderIcon(){if(!this.icon)return null;const o=this.icon;const r=this.iconColor?`icon-color-${this.iconColor}`:"";return i("svg",Object.assign({},o.attrs,{class:`icon ${r}`.trim()}),o.content.map(((o,r)=>{if(o.elem==="path"){return i("path",Object.assign({},o.attrs,{key:r}))}else if(o.elem==="circle"){return i("circle",Object.assign({},o.attrs,{key:r}))}return null})))}renderButton(){var o;const r=(o=this.el.textContent)===null||o===void 0?void 0:o.trim();const c=this.ariaLabel||this.tooltip||undefined;const e={"udp-icon-button":true,[`variant-${this.variant}`]:true,[`color-${this.color}`]:true,[`size-${this.size}`]:true,"has-label":!!r,"icon-only":!r};const t=i("button",{type:this.type,disabled:this.disabled,class:e,onClick:this.handleClick,"aria-label":c,id:this.buttonId},i("span",{class:"icon-container"},this.renderIcon()),r&&i("span",{class:"label"},i("slot",null)));if(this.badgeContent){return i("udp-badge",{content:this.badgeContent},t)}return t}renderLink(){var o;const r=(o=this.el.textContent)===null||o===void 0?void 0:o.trim();const c=this.ariaLabel||this.tooltip||undefined;const e={"udp-icon-button":true,[`variant-${this.variant}`]:true,[`color-${this.color}`]:true,[`size-${this.size}`]:true,"has-label":!!r,"icon-only":!r};const t=i("a",{href:this.href,class:e,onClick:this.handleClick,"aria-label":c,id:this.buttonId},i("span",{class:"icon-container"},this.renderIcon()),r&&i("span",{class:"label"},i("slot",null)));if(this.badgeContent){return i("udp-badge",{content:this.badgeContent},t)}return t}render(){const o=this.href?this.renderLink():this.renderButton();if(this.tooltip){return i("udp-ambient-tool-tip",{content:this.tooltip},o)}return o}get el(){return c(this)}};s.style=l;const d=":host{display:block;position:fixed;z-index:9999;pointer-events:none;opacity:0;transform:scale(0.95);transition:opacity 0.2s ease-out;border-radius:8px}:host(.is-visible){pointer-events:auto;opacity:1;transform:scale(1)}.menu-panel{background-color:white;border-radius:8px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border:1px solid #e0e0e0;overflow:hidden}";const p=class{constructor(r){o(this,r);this.open=false;this.handleTransitionEnd=()=>{if(!this.open&&this.hostEl.parentElement===document.body){document.body.removeChild(this.hostEl)}this.destroyPopper()};this.handleKeyDown=o=>{var r;if(o.key==="Escape"){(r=this.handleClose)===null||r===void 0?void 0:r.call(this)}};this.handleClickOutside=o=>{var r;const i=o.composedPath();const c=this.getAnchorElement();if(c&&i.includes(c)){return}(r=this.handleClose)===null||r===void 0?void 0:r.call(this)}}disconnectedCallback(){this.removeListeners();this.destroyPopper()}handleOpenChange(o){o?this.present():this.dismiss()}present(){document.body.appendChild(this.hostEl);this.addListeners();requestAnimationFrame((()=>{this.setupPopper();this.hostEl.classList.add("is-visible")}))}dismiss(){this.removeListeners();this.hostEl.classList.remove("is-visible");this.hostEl.addEventListener("transitionend",this.handleTransitionEnd,{once:true})}addListeners(){document.addEventListener("keydown",this.handleKeyDown);setTimeout((()=>{if(this.open){document.addEventListener("click",this.handleClickOutside)}}),0)}removeListeners(){document.removeEventListener("keydown",this.handleKeyDown);document.removeEventListener("click",this.handleClickOutside)}getAnchorElement(){return typeof this.anchor==="string"?document.getElementById(this.anchor):this.anchor}setupPopper(){const o=this.getAnchorElement();if(!o){console.error("UdpMenu: Anchor element could not be found.");return}if(this.popperInstance){this.popperInstance.destroy()}this.popperInstance=t(o,this.hostEl,{strategy:"fixed",placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[0,8]}},{name:"preventOverflow",options:{padding:8}},{name:"flip"}]})}destroyPopper(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}}render(){return i(e,{key:"c5e8ea4f22f2071292099477f1ff8d605a02bbd3"},i("div",{key:"cafe00243d33febff310b602fa00eb8952a879d9",class:"menu-panel",role:"menu"},i("slot",{key:"2c65e091649eeaffdbe1b453daff6bd8bb82179e"})))}get hostEl(){return c(this)}static get watchers(){return{open:["handleOpenChange"]}}};p.style=d;export{a as udp_chip,s as udp_icon_button,p as udp_menu};
-//# sourceMappingURL=udp-chip_3.entry.js.map
+import{r as o,c as r,h as i,a as c,H as e}from"./index-DFnjA9NX.js";import{createPopper as a}from"@popperjs/core";const t=class{constructor(i){o(this,i),this.chipClick=r(this,"chipClick"),this.chipDelete=r(this,"chipDelete"),this.variant="filled",this.color="gray",this.size="medium",this.deleteButton=!1,this.clickable=!1,this.handleDeleteClick=o=>{o.stopPropagation(),this.chipDelete.emit(this.label)},this.handleChipClick=()=>{this.clickable&&this.chipClick.emit(this.label)}}render(){return i("div",{key:"2fabbe9d005532b99e5d0bb75db328e4d4f95d0d",class:{chip:!0,[`chip--${this.variant}`]:!0,[`chip--color-${this.color}`]:!0,[`chip--size-${this.size}`]:!0,"chip--clickable":this.clickable},onClick:this.handleChipClick},this.startIcon&&i("span",{key:"90aa944d607d65ca584dad5fc08f593998a9a114",class:"chip__icon chip__icon--start"},i("udp-icon",{key:"07d3f8863069836eb5105fd2c6bfc839b3751a17",iconName:this.startIcon,color:"inherit"})),i("span",{key:"25e02b01494dccbcc344e847f17496d310787eef",class:"chip__label"},this.label),this.deleteButton&&i("span",{key:"661365b514b8c7b59a56c2d64889dfdc11be24c3",class:"chip__delete-icon",onClick:this.handleDeleteClick,title:"Remove"},i("svg",{key:"872fa3327129e0433bb48a6e821384605db99e1d",width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor"},i("path",{key:"203e568853d1e581275d2aa68639ed0123ebe922",d:"M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z"}))))}};t.style=":host{display:inline-flex;vertical-align:middle;--udp-chip-primary-color:var(--primary-color);--udp-chip-primary-color-text:var(--primary-contrast-text);--udp-chip-secondary-color:var(--secondary-color);--udp-chip-secondary-color-text:var(--secondary-contrast-text);--udp-chip-success-color:var(--success-color-main);--udp-chip-success-color-text:var(--success-contrast-text);--udp-chip-error-color:var(--error-color-main);--udp-chip-error-color-text:var(--error-contrast-text);--udp-chip-warning-color:var(--warning-color-main);--udp-chip-warning-color-text:var(--warning-contrast-text);--udp-chip-info-color:var(--info-color-main);--udp-chip-info-color-text:var(--info-contrast-text);--udp-chip-monochrome-color:#FFFFFF;--udp-chip-monochrome-color-text:var(--text-main);--udp-chip-gray-color:var(--gray-02);--udp-chip-gray-color-text:var(--text-main);--udp-chip-gray-color-border:var(--gray-04);--font-family:var(--font-family);--spacing-01:var(--spacing-01);--spacing-02:var(--spacing-02);--udp-chip-primary-color-light:var(--primary-color-hint);--udp-chip-secondary-color-light:var(--secondary-color-hint);--udp-chip-success-color-light:var(--success-color-hint);--udp-chip-error-color-light:var(--error-color-hint);--udp-chip-warning-color-light:var(--warning-color-hint);--udp-chip-info-color-light:var(--info-color-hint);--udp-chip-monochrome-color-light:var(--gray-02);--udp-chip-gray-color-light:var(--gray-02)}.chip{font-family:var(--font-family);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;white-space:nowrap;transition:background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, border-color 0.1s ease-in-out;border:1px solid transparent;border-radius:16px;gap:4px;cursor:default}.chip--clickable{cursor:pointer}.chip--clickable:hover{box-shadow:0 1px 2px rgba(0, 0, 0, 0.15)}.chip--outlined.chip--clickable:hover{box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)}.chip__label{line-height:1;}.chip--size-medium{height:32px;font-size:13px;padding:8px}.chip--size-medium .chip__label{padding:0 var(--spacing-02)}.chip--size-medium .chip__icon--start{margin-left:0px;margin-right:4px}.chip--size-medium .chip__delete-icon{height:20px;width:20px;margin-right:-4px}.chip--size-medium .chip__delete-icon svg{width:14px;height:14px}.chip--size-small{height:auto;font-size:12px;padding:5px 4px;border-radius:12px;}.chip--size-small .chip__label{padding:0 4px}.chip--size-small .chip__icon--start{margin-left:0;margin-right:3px}.chip--size-small .chip__delete-icon{height:18px;width:18px;margin-right:-2px}.chip--size-small .chip__delete-icon svg{width:12px;height:12px}.chip__delete-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:background-color 0.15s ease-in-out}.chip--filled.chip--color-primary{background-color:var(--udp-chip-primary-color);color:var(--udp-chip-primary-color-text)}.chip--filled.chip--color-secondary{background-color:var(--udp-chip-secondary-color);color:var(--udp-chip-secondary-color-text)}.chip--filled.chip--color-success{background-color:var(--udp-chip-success-color);color:var(--udp-chip-success-color-text)}.chip--filled.chip--color-error{background-color:var(--udp-chip-error-color);color:var(--udp-chip-error-color-text)}.chip--filled.chip--color-warning{background-color:var(--udp-chip-warning-color);color:var(--udp-chip-warning-color-text)}.chip--filled.chip--color-info{background-color:var(--udp-chip-info-color);color:var(--udp-chip-info-color-text)}.chip--filled.chip--color-monochrome{background-color:var(--udp-chip-monochrome-color);color:var(--udp-chip-monochrome-color-text)}.chip--filled.chip--color-gray{background-color:var(--udp-chip-gray-color);color:var(--udp-chip-gray-color-text)}.chip--filled:not(.chip--color-warning):not(.chip--color-gray) .chip__delete-icon{background-color:rgba(255, 255, 255, 0.15)}.chip--filled:not(.chip--color-warning):not(.chip--color-gray) .chip__delete-icon:hover{background-color:rgba(255, 255, 255, 0.25)}.chip--filled.chip--color-warning .chip__delete-icon,.chip--filled.chip--color-gray .chip__delete-icon,.chip--filled.chip--color-monochrome .chip__delete-icon{background-color:rgba(0, 0, 0, 0.08)}.chip--filled.chip--color-warning .chip__delete-icon:hover,.chip--filled.chip--color-gray .chip__delete-icon:hover,.chip--filled.chip--color-monochrome .chip__delete-icon:hover{background-color:rgba(0, 0, 0, 0.16)}.chip--outlined{background-color:transparent}.chip--outlined.chip--color-primary{border-color:var(--udp-chip-primary-color);color:var(--udp-chip-primary-color)}.chip--outlined.chip--color-secondary{border-color:var(--udp-chip-secondary-color);color:var(--udp-chip-secondary-color)}.chip--outlined.chip--color-success{border-color:var(--udp-chip-success-color);color:var(--udp-chip-success-color)}.chip--outlined.chip--color-error{border-color:var(--udp-chip-error-color);color:var(--udp-chip-error-color)}.chip--outlined.chip--color-warning{border-color:var(--udp-chip-warning-color);color:var(--udp-chip-warning-color)}.chip--outlined.chip--color-info{border-color:var(--udp-chip-info-color);color:var(--udp-chip-info-color)}.chip--outlined.chip--color-monochrome{color:inherit;border-color:currentColor;}.chip--outlined.chip--color-gray{border-color:var(--udp-chip-gray-color-border);color:var(--udp-chip-gray-color-text)}.chip--outlined.chip--color-primary .chip__delete-icon{background-color:var(--udp-chip-primary-color-light)}.chip--outlined.chip--color-secondary .chip__delete-icon{background-color:var(--udp-chip-secondary-color-light)}.chip--outlined.chip--color-success .chip__delete-icon{background-color:var(--udp-chip-success-color-light)}.chip--outlined.chip--color-error .chip__delete-icon{background-color:var(--udp-chip-error-color-light)}.chip--outlined.chip--color-warning .chip__delete-icon{background-color:var(--udp-chip-warning-color-light)}.chip--outlined.chip--color-info .chip__delete-icon{background-color:var(--udp-chip-info-color-light)}.chip--outlined.chip--color-monochrome .chip__delete-icon{background-color:var(--udp-chip-monochrome-color-light)}.chip--outlined.chip--color-gray .chip__delete-icon{background-color:var(--udp-chip-gray-color-light)}.chip--outlined .chip__delete-icon:hover{background-color:rgba(0, 0, 0, 0.08)}";const n=class{constructor(i){o(this,i),this.click=r(this,"click"),this.variant="text",this.color="primary",this.size="medium",this.disabled=!1,this.type="button",this.ariaLabel="",this.handleClick=o=>{o.stopPropagation(),this.disabled||this.click.emit(o)}}renderIcon(){if(!this.icon)return null;const o=this.icon;return i("svg",Object.assign({},o.attrs,{class:("icon "+(this.iconColor?`icon-color-${this.iconColor}`:"")).trim()}),o.content.map(((o,r)=>"path"===o.elem?i("path",Object.assign({},o.attrs,{key:r})):"circle"===o.elem?i("circle",Object.assign({},o.attrs,{key:r})):null)))}renderButton(){var o;const r=null===(o=this.el.textContent)||void 0===o?void 0:o.trim(),c=this.ariaLabel||this.tooltip||void 0,e=i("button",{type:this.type,disabled:this.disabled,class:{"udp-icon-button":!0,[`variant-${this.variant}`]:!0,[`color-${this.color}`]:!0,[`size-${this.size}`]:!0,"has-label":!!r,"icon-only":!r},onClick:this.handleClick,"aria-label":c,id:this.buttonId},i("span",{class:"icon-container"},this.renderIcon()),r&&i("span",{class:"label"},i("slot",null)));return this.badgeContent?i("udp-badge",{content:this.badgeContent},e):e}renderLink(){var o;const r=null===(o=this.el.textContent)||void 0===o?void 0:o.trim(),c=this.ariaLabel||this.tooltip||void 0,e=i("a",{href:this.href,class:{"udp-icon-button":!0,[`variant-${this.variant}`]:!0,[`color-${this.color}`]:!0,[`size-${this.size}`]:!0,"has-label":!!r,"icon-only":!r},onClick:this.handleClick,"aria-label":c,id:this.buttonId},i("span",{class:"icon-container"},this.renderIcon()),r&&i("span",{class:"label"},i("slot",null)));return this.badgeContent?i("udp-badge",{content:this.badgeContent},e):e}render(){const o=this.href?this.renderLink():this.renderButton();return this.tooltip?i("udp-ambient-tool-tip",{content:this.tooltip},o):o}get el(){return c(this)}};n.style=".udp-icon-button{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;border:none;border-radius:var(--border-radius, 4px);cursor:pointer;font-family:inherit;font-weight:500;text-decoration:none;transition:all 0.2s ease-in-out;position:relative;outline:none;box-sizing:border-box}.udp-icon-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.udp-icon-button:disabled{opacity:0.6;cursor:default}.icon-container{display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon{display:block;fill:currentColor}.label{display:flex;align-items:center}.size-x-small{min-height:24px;padding:4px;font-size:0.8rem}.size-x-small.has-label{padding:4px 8px}.size-x-small .icon{width:14px;height:14px}.icon-only.size-x-small{width:24px;height:24px}.size-small{min-height:32px;padding:6px;font-size:0.875rem}.size-small.has-label{padding:6px 12px}.size-small .icon{width:16px;height:16px}.size-medium{min-height:40px;padding:8px;font-size:0.875rem}.size-medium.has-label{padding:8px 16px}.size-medium .icon{width:20px;height:20px}.size-large{min-height:48px;padding:12px;font-size:1rem}.size-large.has-label{padding:12px 20px}.size-large .icon{width:24px;height:24px}.icon-only{border-radius:50%}.icon-only.size-small{width:32px;height:32px}.icon-only.size-medium{width:40px;height:40px}.icon-only.size-large{width:48px;height:48px}.variant-text{background:transparent;border:1px solid transparent}.variant-text:hover:not(:disabled){background:rgba(var(--primary-color-rgb, 0, 0, 0), 0.04)}.variant-text:active:not(:disabled){background:rgba(var(--primary-color-rgb, 0, 0, 0), 0.08)}.variant-outlined{background:transparent;border:1px solid currentColor}.variant-outlined:hover:not(:disabled){background:rgba(var(--primary-color-rgb, 0, 0, 0), 0.04)}.variant-outlined:active:not(:disabled){background:rgba(var(--primary-color-rgb, 0, 0, 0), 0.08)}.variant-contained{background:var(--primary-color, #1976d2);color:var(--primary-color-contrast, #fff);border:1px solid var(--primary-color, #1976d2)}.variant-contained:hover:not(:disabled){background:var(--primary-color-dark, #1565c0);border-color:var(--primary-color-dark, #1565c0)}.variant-contained:active:not(:disabled){background:var(--primary-color-darker, #0d47a1);border-color:var(--primary-color-darker, #0d47a1)}.color-primary{color:var(--primary-color, #1976d2)}.color-primary.variant-contained{background:var(--primary-color, #1976d2);color:var(--primary-color-contrast, #fff);border-color:var(--primary-color, #1976d2)}.color-secondary{color:var(--secondary-color, #dc004e)}.color-secondary.variant-contained{background:var(--secondary-color, #dc004e);color:var(--secondary-color-contrast, #fff);border-color:var(--secondary-color, #dc004e)}.color-secondary.variant-contained:hover:not(:disabled){background:var(--secondary-color-dark, #c5004a);border-color:var(--secondary-color-dark, #c5004a)}.color-success{color:var(--success-color, #2e7d32)}.color-success.variant-contained{background:var(--success-color, #2e7d32);color:var(--success-color-contrast, #fff);border-color:var(--success-color, #2e7d32)}.color-error{color:var(--error-color, #d32f2f)}.color-error.variant-contained{background:var(--error-color, #d32f2f);color:var(--error-color-contrast, #fff);border-color:var(--error-color, #d32f2f)}.color-warning{color:var(--warning-color, #ed6c02)}.color-warning.variant-contained{background:var(--warning-color, #ed6c02);color:var(--warning-color-contrast, #fff);border-color:var(--warning-color, #ed6c02)}.color-info{color:var(--info-color, #0288d1)}.color-info.variant-contained{background:var(--info-color, #0288d1);color:var(--info-color-contrast, #fff);border-color:var(--info-color, #0288d1)}.color-inherit{color:inherit}.color-inherit.variant-contained{background:currentColor;color:var(--background-color, #fff);border-color:currentColor}.icon-color-primary{fill:var(--primary-color, #1976d2) !important}.icon-color-secondary{fill:var(--secondary-color, #dc004e) !important}.icon-color-success{fill:var(--success-color, #2e7d32) !important}.icon-color-error{fill:var(--error-color, #d32f2f) !important}.icon-color-warning{fill:var(--warning-color, #ed6c02) !important}.icon-color-info{fill:var(--info-color, #0288d1) !important}.icon-color-inherit{fill:inherit !important}";const l=class{constructor(r){o(this,r),this.open=!1,this.handleTransitionEnd=()=>{this.open||this.hostEl.parentElement!==document.body||document.body.removeChild(this.hostEl),this.destroyPopper()},this.handleKeyDown=o=>{var r;"Escape"===o.key&&(null===(r=this.handleClose)||void 0===r||r.call(this))},this.handleClickOutside=o=>{var r;const i=o.composedPath(),c=this.getAnchorElement();c&&i.includes(c)||null===(r=this.handleClose)||void 0===r||r.call(this)}}disconnectedCallback(){this.removeListeners(),this.destroyPopper()}handleOpenChange(o){o?this.present():this.dismiss()}present(){document.body.appendChild(this.hostEl),this.addListeners(),requestAnimationFrame((()=>{this.setupPopper(),this.hostEl.classList.add("is-visible")}))}dismiss(){this.removeListeners(),this.hostEl.classList.remove("is-visible"),this.hostEl.addEventListener("transitionend",this.handleTransitionEnd,{once:!0})}addListeners(){document.addEventListener("keydown",this.handleKeyDown),setTimeout((()=>{this.open&&document.addEventListener("click",this.handleClickOutside)}),0)}removeListeners(){document.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("click",this.handleClickOutside)}getAnchorElement(){return"string"==typeof this.anchor?document.getElementById(this.anchor):this.anchor}setupPopper(){const o=this.getAnchorElement();o?(this.popperInstance&&this.popperInstance.destroy(),this.popperInstance=a(o,this.hostEl,{strategy:"fixed",placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[0,8]}},{name:"preventOverflow",options:{padding:8}},{name:"flip"}]})):console.error("UdpMenu: Anchor element could not be found.")}destroyPopper(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}render(){return i(e,{key:"589a03f2d0fdfc4761d533c4943552664d12e851"},i("div",{key:"6186d0a942c46b4c32d6cb695ea563e27e4d0dde",class:"menu-panel",role:"menu"},i("slot",{key:"f9c0ba9d29aaf48bf58a31096092935e793bf7eb"})))}get hostEl(){return c(this)}static get watchers(){return{open:[{handleOpenChange:0}]}}};l.style=":host{display:block;position:fixed;z-index:9999;pointer-events:none;opacity:0;transform:scale(0.95);transition:opacity 0.2s ease-out;border-radius:8px}:host(.is-visible){pointer-events:auto;opacity:1;transform:scale(1)}.menu-panel{background-color:white;border-radius:8px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border:1px solid #e0e0e0;overflow:hidden}";export{t as udp_chip,n as udp_icon_button,l as udp_menu}

package/dist/stencil-library/udp-container-query-grid-item.entry.js CHANGED Viewed

@@ -1,2 +1 @@
-import{r as e,h as t,H as a}from"./index-CaZq3YdB.js";const c=":host{display:block;width:100%}";const n=class{constructor(t){e(this,t);this.span={}}getSpanStyles(){return Object.entries(this.span).map((([e,t])=>`\n  @container (min-width: ${e}px) {\n    :host {\n      --udp-grid-item-span: ${t};\n    }\n  }`)).join("\n")}render(){return t(a,{key:"a12c7a9e3567019bfa3129cf0b45b9e5f9454044"},t("style",{key:"c41e5e648f8a78f965ff1044479ca1e7c785b598"},this.getSpanStyles()),t("slot",{key:"a6ac351a5a3ec74ce36667cdef91c88c1459482a"}))}};n.style=c;export{n as udp_container_query_grid_item};
-//# sourceMappingURL=udp-container-query-grid-item.entry.js.map
+import{r as e,h as t,H as n}from"./index-DFnjA9NX.js";const d=class{constructor(t){e(this,t),this.span={}}getSpanStyles(){return Object.entries(this.span).map((([e,t])=>`\n  @container (min-width: ${e}px) {\n    :host {\n      --udp-grid-item-span: ${t};\n    }\n  }`)).join("\n")}render(){return t(n,{key:"9e1c6d6c0f8011400b6271af8bcdbf5574d725dc"},t("style",{key:"6243776119bad211fe96af76fdc18d8fe4b8aa1e"},this.getSpanStyles()),t("slot",{key:"57c8cab142be8b9fcd66509c70bd0e01a08b08d8"}))}};d.style=":host{display:block;width:100%}";export{d as udp_container_query_grid_item}

package/dist/stencil-library/udp-container-query-grid.entry.js CHANGED Viewed

@@ -1,2 +1 @@
-import{r as e,h as t,H as c}from"./index-CaZq3YdB.js";const r=":host{display:block;width:100%}.grid-container{width:100%}";const i=class{constructor(t){e(this,t);this.columns={0:1,400:2,600:3,800:4};this.gaps={0:1,400:1.5,600:2,800:2.5}}render(){const e={};const r=new Set([...Object.keys(this.columns),...Object.keys(this.gaps)].map(Number));Array.from(r).sort(((e,t)=>t-e)).forEach((t=>{e[t]=Object.assign(Object.assign({},this.columns[t]&&{"grid-template-columns":`repeat(${this.columns[t]}, 1fr)`}),this.gaps[t]&&{gap:`${this.gaps[t]}rem`})}));return t(c,{key:"63e6f7902336ffc08bd3bb251907877325cf0d12"},t("udp-container-query",{key:"c8206e4612990b72e81105673e2c72e3e63410bb",queries:e},t("div",{key:"cc01e88216ba2dd069ad1cd194ceb8c5026b4a37",class:"grid-container"},t("slot",{key:"37b9a99849d97ef8e8c33d1e401f90b919115a51"}))),t("style",{key:"4ec725b30fc8e830798e4816ae1bc0c5a9b38fd4"},`\n          .grid-container {\n            display: grid;\n            grid-template-columns: repeat(${this.columns[0]}, 1fr);\n            gap: ${this.gaps[0]}rem;\n            width: 100%;\n          }\n        `))}};i.style=r;export{i as udp_container_query_grid};
-//# sourceMappingURL=udp-container-query-grid.entry.js.map
+import{r as e,h as t,H as r}from"./index-DFnjA9NX.js";const a=class{constructor(t){e(this,t),this.columns={0:1,400:2,600:3,800:4},this.gaps={0:1,400:1.5,600:2,800:2.5}}render(){const e={},a=new Set([...Object.keys(this.columns),...Object.keys(this.gaps)].map(Number));return Array.from(a).sort(((e,t)=>t-e)).forEach((t=>{e[t]=Object.assign(Object.assign({},this.columns[t]&&{"grid-template-columns":`repeat(${this.columns[t]}, 1fr)`}),this.gaps[t]&&{gap:`${this.gaps[t]}rem`})})),t(r,{key:"8fcf614cb145b65faa50f9cd77f2196931e5ac3e"},t("udp-container-query",{key:"7f9e61025ff57faae311f536f479e36360334b44",queries:e},t("div",{key:"c810de4cea74a5278556751f9148123e91ad7f21",class:"grid-container"},t("slot",{key:"71a1ab5854110ebfaaab31bc76751d8925881801"}))),t("style",{key:"39d63f3510f1bf7abc892c3131480c71b969cb5d"},`\n          .grid-container {\n            display: grid;\n            grid-template-columns: repeat(${this.columns[0]}, 1fr);\n            gap: ${this.gaps[0]}rem;\n            width: 100%;\n          }\n        `))}};a.style=":host{display:block;width:100%}.grid-container{width:100%}";export{a as udp_container_query_grid}

package/dist/stencil-library/udp-container-query.entry.js CHANGED Viewed

@@ -1,2 +1 @@
-import{r as t,h as e,H as n}from"./index-CaZq3YdB.js";const s=":host{display:block;container-type:inline-size;width:100%}:host(.container-query) ::slotted(*){transition:all 0.3s ease}";const a=class{constructor(e){t(this,e);this.queries={}}getContainerQueryStyle(){const t=Object.entries(this.queries).map((([t,e])=>{const n=Object.entries(e).map((([t,e])=>`${t}: ${e};`)).join("\n      ");return`\n  @container (min-width: ${t}px) {\n    ::slotted(*) {\n      ${n}\n    }\n  }`})).join("\n");return t}render(){return e(n,{key:"9bc9f62ca83c3c794e909ee966947675fb9870da",class:{[this.customClass]:!!this.customClass}},e("style",{key:"43ba2fd574da0e60066064c06413a84004e57d83"},this.getContainerQueryStyle()),e("slot",{key:"17633bfe61d8993a986de0263a4a68399d0f9262"}))}};a.style=s;export{a as udp_container_query};
-//# sourceMappingURL=udp-container-query.entry.js.map
+import{r as e,h as t,H as n}from"./index-DFnjA9NX.js";const s=class{constructor(t){e(this,t),this.queries={}}getContainerQueryStyle(){return Object.entries(this.queries).map((([e,t])=>`\n  @container (min-width: ${e}px) {\n    ::slotted(*) {\n      ${Object.entries(t).map((([e,t])=>`${e}: ${t};`)).join("\n      ")}\n    }\n  }`)).join("\n")}render(){return t(n,{key:"abba69fdcf35ed43f74dea1cfa19a6e7e9ae80d2",class:{[this.customClass]:!!this.customClass}},t("style",{key:"dc349f2310a763938cd017553a49296e397cf645"},this.getContainerQueryStyle()),t("slot",{key:"481e4dfe1f0f7a7fcf153461d5f3a0cfae6ecfee"}))}};s.style=":host{display:block;container-type:inline-size;width:100%}:host(.container-query) ::slotted(*){transition:all 0.3s ease}";export{s as udp_container_query}

package/dist/stencil-library/udp-container.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as d,h as i}from"./index-DFnjA9NX.js";const t=class{constructor(i){d(this,i),this.fluid=!1,this.maxWidth="lg",this.padding=!0}render(){return i("div",{key:"fb6ff14c09a223d0181b361acc1243f070e062e3",class:{"udp-container":!0,"udp-container--fluid":this.fluid,"udp-container--padded":this.padding,[`udp-container--${this.maxWidth}`]:!0}},i("slot",{key:"00a20124101fcbed8deef25139de5598b44f178a"}))}};t.style=":host{display:block;width:100%}.udp-container{width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box}.udp-container--padded{padding-left:1rem;padding-right:1rem}.udp-container--fluid{max-width:100%}.udp-container--sm{max-width:640px}.udp-container--md{max-width:768px}.udp-container--lg{max-width:1024px}.udp-container--xl{max-width:1280px}.udp-container--2xl{max-width:1536px}";export{t as udp_container}

package/dist/stencil-library/udp-date-range-selector.entry.js CHANGED Viewed

@@ -1,2 +1 @@
-import{r,c as a,h as t,H as e}from"./index-CaZq3YdB.js";import"cally";const o=".grid{display:flex;gap:16px}:host([orientation='horizontal']) .grid{flex-direction:row}:host([orientation='vertical']) .grid{flex-direction:column}calendar-month{--color-accent:var(--primary-color);--color-text-on-accent:#ffffff}:host([variant='range']) calendar-month::part(button){border-radius:3px}:host([variant='range']) calendar-month::part(range-inner){border-radius:0}:host([variant='range']) calendar-month::part(range-start){border-start-end-radius:0;border-end-end-radius:0}:host([variant='range']) calendar-month::part(range-end){border-start-start-radius:0;border-end-start-radius:0}:host([variant='range']) calendar-month::part(range-start range-end){border-radius:3px}calendar-range::part(button),calendar-date::part(button),calendar-multi::part(button){border:1px solid black;background-color:#ffffff;border-radius:50%;width:26px;height:26px}calendar-range::part(button):hover,calendar-date::part(button):hover,calendar-multi::part(button):hover{background-color:#eeecec}calendar-month::part(button){width:calc(var(--calendar-width) / 7);height:calc(var(--calendar-width) / 7)}calendar-month::part(highlight-day){color:var(--primary-color);font-weight:bold}calendar-month::part(primary-border){border:1px solid var(--primary-color)}calendar-month::part(secondary-border){border:1px solid var(--secondary-color)}calendar-month::part(warning-border){border:1px solid var(--warning-color-main)}calendar-month::part(primary-dot){position:relative}calendar-month::part(primary-dot)::after{content:' ';position:absolute;top:2px;right:2px;width:6px;height:6px;border-radius:50%;background-color:var(--primary-color)}calendar-month::part(secondary-dot){position:relative}calendar-month::part(secondary-dot)::after{content:' ';position:absolute;top:2px;right:2px;width:6px;height:6px;border-radius:50%;background-color:var(--secondary-color)}calendar-month::part(warning-dot){position:relative}calendar-month::part(warning-dot)::after{content:' ';position:absolute;top:2px;right:2px;width:6px;height:6px;border-radius:50%;background-color:var(--warning-color-main);}";const n=class{constructor(t){r(this,t);this.change=a(this,"change");this.width="260px";this.orientation="horizontal";this.variant="range";this.monthsToDisplay=2;this.handleChange=r=>{this.change.emit(r.target.value)}}render(){const r=this.variant==="multi"?"calendar-multi":this.variant==="single"?"calendar-date":"calendar-range";return t(e,{key:"98fb48f793658c67a5ae8e84daa712295a9e3080",style:{"--calendar-width":this.width}},t(r,{key:"03bd3adc716431fcfc7da2ab6bc40ccb804e9113",value:this.value,min:this.minDate,max:this.maxDate,firstDayOfWeek:0,months:this.monthsToDisplay,showOutsideDays:true,pageBy:"single",isDateDisallowed:this.isDateDisallowed,getDayParts:this.getDayParts,onChange:this.handleChange},t("udp-icon",{key:"7f8a4aa9e0ecebdc6e806c3d20fe9fb55559e0ab",slot:"previous",iconName:"chevronLeft16",color:"inherit"}),t("udp-icon",{key:"ab0efbca0d3bd404c2e9fe43864eac1f156a73d0",slot:"next",iconName:"chevronRight16",color:"inherit"}),t("div",{key:"aadb14be39e4ef95630514ae378aa254bcfb2d53",class:"grid"},Array.from({length:this.monthsToDisplay}).map(((r,a)=>t("calendar-month",{offset:a}))))))}};n.style=o;export{n as udp_date_range_selector};
-//# sourceMappingURL=udp-date-range-selector.entry.js.map
+import{r,c as a,h as t,H as e}from"./index-DFnjA9NX.js";import"cally";const o=class{constructor(t){r(this,t),this.change=a(this,"change"),this.width="260px",this.orientation="horizontal",this.variant="range",this.monthsToDisplay=2,this.handleChange=r=>{this.change.emit(r.target.value)}}render(){return t(e,{key:"872a0ac12d8ba50108eb2c996f5c68d853fe538b",style:{"--calendar-width":this.width}},t("multi"===this.variant?"calendar-multi":"single"===this.variant?"calendar-date":"calendar-range",{key:"e1348c050e9b49f4a5826bd5f6b07be7e6e2ed2b",value:this.value,min:this.minDate,max:this.maxDate,firstDayOfWeek:0,months:this.monthsToDisplay,showOutsideDays:!0,pageBy:"single",isDateDisallowed:this.isDateDisallowed,getDayParts:this.getDayParts,onChange:this.handleChange},t("udp-icon",{key:"eaf925e2c0ad13010adc17825dd012377e736a69",slot:"previous",iconName:"chevronLeft16",color:"inherit"}),t("udp-icon",{key:"1bc7f790f4b310fd80ed48824b63acef742ef196",slot:"next",iconName:"chevronRight16",color:"inherit"}),t("div",{key:"df184ba087089ce5e53ea80d1cda01e6428e36f3",class:"grid"},Array.from({length:this.monthsToDisplay}).map(((r,a)=>t("calendar-month",{offset:a}))))))}};o.style=".grid{display:flex;gap:16px}:host([orientation='horizontal']) .grid{flex-direction:row}:host([orientation='vertical']) .grid{flex-direction:column}calendar-month{--color-accent:var(--primary-color);--color-text-on-accent:#ffffff}:host([variant='range']) calendar-month::part(button){border-radius:3px}:host([variant='range']) calendar-month::part(range-inner){border-radius:0}:host([variant='range']) calendar-month::part(range-start){border-start-end-radius:0;border-end-end-radius:0}:host([variant='range']) calendar-month::part(range-end){border-start-start-radius:0;border-end-start-radius:0}:host([variant='range']) calendar-month::part(range-start range-end){border-radius:3px}calendar-range::part(button),calendar-date::part(button),calendar-multi::part(button){border:1px solid black;background-color:#ffffff;border-radius:50%;width:26px;height:26px}calendar-range::part(button):hover,calendar-date::part(button):hover,calendar-multi::part(button):hover{background-color:#eeecec}calendar-month::part(button){width:calc(var(--calendar-width) / 7);height:calc(var(--calendar-width) / 7)}calendar-month::part(highlight-day){color:var(--primary-color);font-weight:bold}calendar-month::part(primary-border){border:1px solid var(--primary-color)}calendar-month::part(secondary-border){border:1px solid var(--secondary-color)}calendar-month::part(warning-border){border:1px solid var(--warning-color-main)}calendar-month::part(primary-dot){position:relative}calendar-month::part(primary-dot)::after{content:' ';position:absolute;top:2px;right:2px;width:6px;height:6px;border-radius:50%;background-color:var(--primary-color)}calendar-month::part(secondary-dot){position:relative}calendar-month::part(secondary-dot)::after{content:' ';position:absolute;top:2px;right:2px;width:6px;height:6px;border-radius:50%;background-color:var(--secondary-color)}calendar-month::part(warning-dot){position:relative}calendar-month::part(warning-dot)::after{content:' ';position:absolute;top:2px;right:2px;width:6px;height:6px;border-radius:50%;background-color:var(--warning-color-main);}";export{o as udp_date_range_selector}

package/dist/stencil-library/udp-divider.entry.js CHANGED Viewed

@@ -1,2 +1 @@
-import{r as t,h as i,H as a}from"./index-CaZq3YdB.js";const o=":host{display:block}.horizontal{width:100%;height:1px;background-color:rgba(0, 0, 0, 0.12);min-width:1px}.vertical{width:1px;background-color:rgba(0, 0, 0, 0.12);min-height:1px}";const r=class{constructor(i){t(this,i);this.variant="horizontal"}render(){const t=this.variant==="vertical"?{height:this.size}:{width:this.size};return i(a,{key:"13426ac01a766a6dc6ec7985aa965d4b401bb912",style:t},i("div",{key:"44997c022555ad9d6b7c736c677f524d5e15ff27",class:this.variant==="horizontal"?"horizontal":"vertical"}))}};r.style=o;export{r as udp_divider};
-//# sourceMappingURL=udp-divider.entry.js.map
+import{r as i,h as t,H as r}from"./index-DFnjA9NX.js";const a=class{constructor(t){i(this,t),this.variant="horizontal"}render(){return t(r,{key:"13426ac01a766a6dc6ec7985aa965d4b401bb912",style:"vertical"===this.variant?{height:this.size}:{width:this.size}},t("div",{key:"44997c022555ad9d6b7c736c677f524d5e15ff27",class:"horizontal"===this.variant?"horizontal":"vertical"}))}};a.style=":host{display:block}.horizontal{width:100%;height:1px;background-color:rgba(0, 0, 0, 0.12);min-width:1px}.vertical{width:1px;background-color:rgba(0, 0, 0, 0.12);min-height:1px}";export{a as udp_divider}

package/dist/stencil-library/udp-drive-utils-CIrjVGiJ.js CHANGED Viewed

@@ -1,2 +1 @@
-import t from"axios";import{C as e}from"./configService-BqLfkVKh.js";function n(t){return t&&typeof t==="object"&&"driveFileId"in t}function o(t){return t instanceof File}function i(t){const e={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",webp:"image/webp",bmp:"image/bmp",tiff:"image/tiff",zip:"application/zip",rar:"application/x-rar-compressed","7z":"application/x-7z-compressed"};const n=t.trim().toLowerCase();return e[n]||"application/octet-stream"}async function a(n){try{const o=`${e.tenantV1ApiUrl}/UdpDrive/${n.driveFileId}/stream`;const a=await t({method:"GET",url:o,responseType:"blob",timeout:3e5,headers:{}});const c=a.data;const r=n.name||`file.${n.extension}`;return new File([c],r,{type:c.type||i(n.extension),lastModified:n.lastUpdated?new Date(n.lastUpdated).getTime():Date.now()})}catch(t){console.error("Error downloading file from UdpDriveFile:",t);const e=n.name||`file.${n.extension}`;return new File([""],e,{type:"application/octet-stream"})}}async function c(t,e="file"){try{if(t.startsWith("data:")){const n=await fetch(t);const o=await n.blob();return new File([o],e,{type:o.type})}else{const n=await fetch(t);const o=await n.blob();const i=t.split("/").pop()||e;return new File([o],i,{type:o.type})}}catch(t){console.error("Error creating file from string:",t);return new File([""],e,{type:"application/octet-stream"})}}function r(t){return typeof t==="string"&&t.includes("|")&&(t.includes("udp:")||t.includes("b64:"))}async function s(t){const e=t.split(",").map((t=>t.trim())).filter((t=>t));const n=[];for(const t of e){try{const e=await p(t);if(e){n.push(e)}}catch(e){console.error("Error parsing file reference:",t,e)}}return n}async function p(t){const e=t.split("|");if(e.length!==2){console.warn("Invalid file reference format:",t);return null}const[n,o]=e;if(o.startsWith("udp:")){const t=n.split(".").pop()||"";const e=i(t);const a=new Blob([""],{type:e});const c=new File([a],n,{type:e});c.driveFileId=o.substring(4);c.extension=t;return c}else if(o.startsWith("b64:")){const t=o.substring(4);const e=`data:application/octet-stream;base64,${t}`;try{return await c(e,n)}catch(t){console.error("Error processing base64 file:",t);return null}}console.warn("Unknown file reference format:",o);return null}export{n as a,o as b,c,a as d,s as e,i as g,r as i,p};
-//# sourceMappingURL=udp-drive-utils-CIrjVGiJ.js.map
+import e from"axios";import{C as t}from"./configService-BqLfkVKh.js";function n(e){return e&&"object"==typeof e&&"driveFileId"in e}function i(e){return e instanceof File}function a(e){return{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",webp:"image/webp",bmp:"image/bmp",tiff:"image/tiff",zip:"application/zip",rar:"application/x-rar-compressed","7z":"application/x-7z-compressed"}[e.trim().toLowerCase()]||"application/octet-stream"}async function o(n){try{const i=`${t.tenantV1ApiUrl}/UdpDrive/${n.driveFileId}/stream`,o=(await e({method:"GET",url:i,responseType:"blob",timeout:3e5,headers:{}})).data,r=n.name||`file.${n.extension}`;return new File([o],r,{type:o.type||a(n.extension),lastModified:n.lastUpdated?new Date(n.lastUpdated).getTime():Date.now()})}catch(e){return console.error("Error downloading file from UdpDriveFile:",e),new File([""],n.name||`file.${n.extension}`,{type:"application/octet-stream"})}}async function r(e,t="file"){try{if(e.startsWith("data:")){const n=await fetch(e),i=await n.blob();return new File([i],t,{type:i.type})}{const n=await fetch(e),i=await n.blob(),a=e.split("/").pop()||t;return new File([i],a,{type:i.type})}}catch(e){return console.error("Error creating file from string:",e),new File([""],t,{type:"application/octet-stream"})}}function c(e){return"string"==typeof e&&e.includes("|")&&(e.includes("udp:")||e.includes("b64:"))}async function p(e){const t=e.split(",").map((e=>e.trim())).filter((e=>e)),n=[];for(const e of t)try{const t=await s(e);t&&n.push(t)}catch(t){console.error("Error parsing file reference:",e,t)}return n}async function s(e){const t=e.split("|");if(2!==t.length)return console.warn("Invalid file reference format:",e),null;const[n,i]=t;if(i.startsWith("udp:")){const e=n.split(".").pop()||"",t=a(e),o=new Blob([""],{type:t}),r=new File([o],n,{type:t});return r.driveFileId=i.substring(4),r.extension=e,r}if(i.startsWith("b64:")){const e=`data:application/octet-stream;base64,${i.substring(4)}`;try{return await r(e,n)}catch(e){return console.error("Error processing base64 file:",e),null}}return console.warn("Unknown file reference format:",i),null}export{n as a,i as b,r as c,o as d,p as e,a as g,c as i,s as p}

package/dist/stencil-library/udp-dynamic-container-with-menu.entry.js CHANGED Viewed

@@ -1,2 +1 @@
-import{r as e,c as i,h as t,a as s}from"./index-CaZq3YdB.js";const n=".container{width:100%;overflow:hidden;display:flex;flex-wrap:nowrap;flex:1;min-width:600px;}.menu{display:flex;flex-direction:column;gap:8px}.chips{display:flex;gap:8px;flex-grow:1;}.overflow{display:flex}";function a(e,i){let t=null;return(...s)=>{if(t){clearTimeout(t)}t=setTimeout((()=>{e(...s)}),i)}}const c=class{constructor(t){e(this,t);this.udpChipClicked=i(this,"udpChipClicked");this.visibleChildren=null;this.menuChildren=[];this.anchorEl=null;this.containerWidth=0;this.rerender=0;this.renderReady=false;this.popoverOpen=false;this.externalToggle="";this.menuItems=[];this.open=false;this.id="";this.handlePopover=()=>{this.popoverOpen=!this.popoverOpen};this.boundCalculateChildren=a(this.calculateChildren.bind(this),300)}componentWillLoad(){}componentWillUpdate(){}async calculateChildren(){if(!this.el.shadowRoot)return;console.log("Calculating children...");console.log("Menu Items:",JSON.stringify(this.menuItems));const e=this.el.shadowRoot.querySelector(".container");console.log("Container:",e);if(e){this.containerWidth=e.offsetWidth;console.log("Container Width:",this.containerWidth)}let i=0;const t=[];const s=[];this.menuItems.forEach((e=>{var n;if(e){const a=((n=e.props)===null||n===void 0?void 0:n.width)||100;if(i+a<=this.containerWidth){i+=a;t.push(e)}else{s.push(e)}}}));this.visibleChildren=[...t];this.menuChildren=[...s];this.rerender+=1}childrenChanged(){this.calculateChildren()}async componentDidLoad(){await this.calculateChildren().then((()=>{this.renderReady=true}));window.addEventListener("resize",this.boundCalculateChildren);const e=Array.from(document.querySelectorAll("stencil-chip"));e.forEach((e=>{e.addEventListener("chipClicked",(e=>{const i=e.detail;this.handleChipClick(i)}))}))}disconnectedCallback(){window.removeEventListener("resize",this.boundCalculateChildren)}handleChipClick(e){this.udpChipClicked.emit(e)}render(){return t("div",{key:"7aa41191a2fd7b8852f465ac8a1957fb57a9791d",class:"container"},t("div",{key:"d62603a8717a3b95f6d4552c6ba44ad58885da3c",class:"chips"},console.log("Received data for chips via executeQwith",this.visibleChildren),this.visibleChildren&&this.visibleChildren.map(((e,i)=>t("stencil-chip",{color:"secondary",key:i,text:e.description,"show-delete":"false",externalToggleString:this.externalToggle})))),t("div",{key:"584c495f74c2f53a0c6b53e3b23fe1dbbba481f4",class:"overflow"},t("udp-pop-over",{key:"8ee9fb7ca327b54f6bf120d1e57fed80eb7211b4",isOpen:this.popoverOpen,anchorElement:document.getElementById("anchorElement")},t("div",{key:"84ed96340e2c4eb20ee83dafb868301eea36b939",class:"menu"},this.menuChildren&&this.menuChildren.map(((e,i)=>t("stencil-chip",{key:i,text:e.label,"show-delete":"false"}," ")))))))}get el(){return s(this)}static get watchers(){return{menuItems:["childrenChanged"]}}};c.style=n;export{c as udp_dynamic_container_with_menu};
-//# sourceMappingURL=udp-dynamic-container-with-menu.entry.js.map
+import{r as e,c as i,h as t,a as s}from"./index-DFnjA9NX.js";const n=class{constructor(t){e(this,t),this.udpChipClicked=i(this,"udpChipClicked"),this.visibleChildren=null,this.menuChildren=[],this.anchorEl=null,this.containerWidth=0,this.rerender=0,this.renderReady=!1,this.popoverOpen=!1,this.externalToggle="",this.menuItems=[],this.open=!1,this.id="",this.handlePopover=()=>{this.popoverOpen=!this.popoverOpen},this.boundCalculateChildren=function(e){let i=null;return(...t)=>{i&&clearTimeout(i),i=setTimeout((()=>{e(...t)}),300)}}(this.calculateChildren.bind(this))}componentWillLoad(){}componentWillUpdate(){}async calculateChildren(){if(!this.el.shadowRoot)return;console.log("Calculating children..."),console.log("Menu Items:",JSON.stringify(this.menuItems));const e=this.el.shadowRoot.querySelector(".container");console.log("Container:",e),e&&(this.containerWidth=e.offsetWidth,console.log("Container Width:",this.containerWidth));let i=0;const t=[],s=[];this.menuItems.forEach((e=>{var n;if(e){const c=(null===(n=e.props)||void 0===n?void 0:n.width)||100;i+c<=this.containerWidth?(i+=c,t.push(e)):s.push(e)}})),this.visibleChildren=[...t],this.menuChildren=[...s],this.rerender+=1}childrenChanged(){this.calculateChildren()}async componentDidLoad(){await this.calculateChildren().then((()=>{this.renderReady=!0})),window.addEventListener("resize",this.boundCalculateChildren),Array.from(document.querySelectorAll("stencil-chip")).forEach((e=>{e.addEventListener("chipClicked",(e=>{this.handleChipClick(e.detail)}))}))}disconnectedCallback(){window.removeEventListener("resize",this.boundCalculateChildren)}handleChipClick(e){this.udpChipClicked.emit(e)}render(){return t("div",{key:"f09bf517019dc24f5a721b4c8be5856eb0b457ac",class:"container"},t("div",{key:"6881c4b03240b798a2377957131d824a6086f2a0",class:"chips"},console.log("Received data for chips via executeQwith",this.visibleChildren),this.visibleChildren&&this.visibleChildren.map(((e,i)=>t("stencil-chip",{color:"secondary",key:i,text:e.description,"show-delete":"false",externalToggleString:this.externalToggle})))),t("div",{key:"039f9472b7beb854f632859ba4c4718bea5a05c8",class:"overflow"},t("udp-pop-over",{key:"358e339b4e83af974cd5470a593638becac83754",isOpen:this.popoverOpen,anchorElement:document.getElementById("anchorElement")},t("div",{key:"ec28e9f5ad344f13d319da7576188200044c60f5",class:"menu"},this.menuChildren&&this.menuChildren.map(((e,i)=>t("stencil-chip",{key:i,text:e.label,"show-delete":"false"}," ")))))))}get el(){return s(this)}static get watchers(){return{menuItems:[{childrenChanged:0}]}}};n.style=".container{width:100%;overflow:hidden;display:flex;flex-wrap:nowrap;flex:1;min-width:600px;}.menu{display:flex;flex-direction:column;gap:8px}.chips{display:flex;gap:8px;flex-grow:1;}.overflow{display:flex}";export{n as udp_dynamic_container_with_menu}

package/dist/stencil-library/udp-dynamic-form.entry.js CHANGED Viewed

@@ -1,2 +1 @@
-import{r as e,h as a,a as t}from"./index-CaZq3YdB.js";const n=".form-root{display:flex;flex-wrap:wrap}";const l=class{constructor(a){e(this,a);this.formData={};this.exampleList=[{name:"Tom Hanks",age:65,gender:"male",nationality:"American",bestMovies:["Forrest Gump","Saving Private Ryan","Cast Away"]},{name:"Meryl Streep",age:72,gender:"female",nationality:"American",bestMovies:["The Devil Wears Prada","Sophie's Choice","The Iron Lady"]},{name:"Leonardo DiCaprio",age:47,gender:"male",nationality:"American",bestMovies:["Titanic","The Revenant","Inception"]},{name:"Scarlett Johansson",age:37,gender:"female",nationality:"American",bestMovies:["Lost in Translation","Marriage Story","Avengers: Endgame"]},{name:"Robert Downey Jr.",age:56,gender:"male",nationality:"American",bestMovies:["Iron Man","The Avengers","Chaplin"]}];this.formConfigArray=[{"field-name":"ClientContact","search-operator":"IN",label:"Client Contact",width:"half",groupId:2},{"field-name":"phoneNumber","search-operator":"IN",label:"Phone Number",width:"half",groupId:2},{"field-name":"title","search-operator":"IN",label:"Title","operator-selector":true,groupId:2},{"field-name":"defaultClient","search-operator":"IN",label:"Default Client",groupId:2},{"field-name":"contactStatus","search-operator":"IN",label:"Contact Status",width:"half",groupId:2},{"field-name":"languageID","search-operator":"IN",label:"Language ID",width:"half",type:"select",options:[{label:"English",value:"1"},{label:"French",value:"2"}]},{"field-name":"file",label:"File",width:"half",type:"file"},{"field-name":"list",label:"list",displayKey:"name",multiSelect:true,useCheckbox:false,disableSelection:false,valueKey:"id",type:"list",items:[{id:0,name:"Tom Hanks",age:65,gender:"male",nationality:"American",bestMovies:["Forrest Gump","Saving Private Ryan","Cast Away"],selected:true},{id:1,name:"Meryl Streep",age:72,gender:"female",nationality:"American",bestMovies:["The Devil Wears Prada","Sophie's Choice","The Iron Lady"]},{id:2,name:"Leonardo DiCaprio",age:47,gender:"male",nationality:"American",bestMovies:["Titanic","The Revenant","Inception"]},{id:3,name:"Scarlett Johansson",age:37,gender:"female",nationality:"American",bestMovies:["Lost in Translation","Marriage Story","Avengers: Endgame"]},{id:4,name:"Robert Downey Jr.",age:56,gender:"male",nationality:"American",bestMovies:["Iron Man","The Avengers","Chaplin"]}]}];this.selectorOptions=[{value:"=",label:"Equals"},{value:"IN",label:"Contains"},{value:"<>",label:"Does not Equal"},{value:">",label:"Greater Than"},{value:"<",label:"Less Than"},{value:">=",label:"Greater Than or Equal To"},{value:"<=",label:"Less Than or Equal To"},{value:"LIKE",label:"Like"},{value:"STARTSWITH",label:"Starts With"},{value:"BETWEEN",label:"Between"}];this.handleInputChange=(e,a)=>{if(a){this.formData[a]=e.target.value}else{const a=e.detail;if(a&&a.fieldName){if(a.fieldName.endsWith("_operator")){const e=a.fieldName.replace("_operator","");this.formData[e+"_operator"]=a.value}else{this.formData[a.fieldName]=a.value}}}}}componentWillLoad(){console.warn('The "udp-dynamic-form" component is deprecated and will be removed in a future version. Please use <stencil-form> and <stencil-field> components instead.')}componentDidLoad(){}async getFormData(){return this.formConfigArray.filter((e=>this.formData[e["field-name"]])).map((e=>({searchField:e["field-name"],searchOperator:this.formData[e["field-name"]+"_operator"]||e["search-operator"],searchValue:this.formData[e["field-name"]],groupId:e["groupId"]})))}getField(e){switch(e.type){case"select":return a("udp-selector",{label:e.label,name:e["field-name"],options:e.options,onChange:this.handleInputChange});case"file":return a("file-upload",{allowMultiple:true,disallowedFileTypes:["image/png","image/jpeg"]});case"list":return a("selectable-list",Object.assign({},e));default:return a("text-field",{label:e.label,placeholder:`Enter ${e.label}`,value:this.formData[e["field-name"]]||"",onInput:a=>this.handleInputChange(a,e["field-name"])})}}renderFormFields(){return this.formConfigArray.map((e=>{const t=e["operator-selector"]?{display:"flex",flexDirection:"row",background:"#ccc",padding:"10px",borderRadius:"8px",marginBottom:"20px",gap:"24px"}:{display:"flex",flexDirection:"column",marginBottom:"20px",marginRight:"24px"};const n=this.getField(e);const l=e["operator-selector"]?a("udp-selector",{label:"Search Condition",name:e["field-name"]+"_operator",options:this.selectorOptions,onChange:this.handleInputChange}):null;return a("div",{style:t},n,l)}))}render(){return a("div",{key:"c10796a72e30f052d3ba638f6e7f88f6cff947fb",class:"form-root"},this.renderFormFields())}get el(){return t(this)}};l.style=n;export{l as udp_dynamic_form};
-//# sourceMappingURL=udp-dynamic-form.entry.js.map
+import{r as e,h as a,a as t}from"./index-DFnjA9NX.js";const n=class{constructor(a){e(this,a),this.formData={},this.exampleList=[{name:"Tom Hanks",age:65,gender:"male",nationality:"American",bestMovies:["Forrest Gump","Saving Private Ryan","Cast Away"]},{name:"Meryl Streep",age:72,gender:"female",nationality:"American",bestMovies:["The Devil Wears Prada","Sophie's Choice","The Iron Lady"]},{name:"Leonardo DiCaprio",age:47,gender:"male",nationality:"American",bestMovies:["Titanic","The Revenant","Inception"]},{name:"Scarlett Johansson",age:37,gender:"female",nationality:"American",bestMovies:["Lost in Translation","Marriage Story","Avengers: Endgame"]},{name:"Robert Downey Jr.",age:56,gender:"male",nationality:"American",bestMovies:["Iron Man","The Avengers","Chaplin"]}],this.formConfigArray=[{"field-name":"ClientContact","search-operator":"IN",label:"Client Contact",width:"half",groupId:2},{"field-name":"phoneNumber","search-operator":"IN",label:"Phone Number",width:"half",groupId:2},{"field-name":"title","search-operator":"IN",label:"Title","operator-selector":!0,groupId:2},{"field-name":"defaultClient","search-operator":"IN",label:"Default Client",groupId:2},{"field-name":"contactStatus","search-operator":"IN",label:"Contact Status",width:"half",groupId:2},{"field-name":"languageID","search-operator":"IN",label:"Language ID",width:"half",type:"select",options:[{label:"English",value:"1"},{label:"French",value:"2"}]},{"field-name":"file",label:"File",width:"half",type:"file"},{"field-name":"list",label:"list",displayKey:"name",multiSelect:!0,useCheckbox:!1,disableSelection:!1,valueKey:"id",type:"list",items:[{id:0,name:"Tom Hanks",age:65,gender:"male",nationality:"American",bestMovies:["Forrest Gump","Saving Private Ryan","Cast Away"],selected:!0},{id:1,name:"Meryl Streep",age:72,gender:"female",nationality:"American",bestMovies:["The Devil Wears Prada","Sophie's Choice","The Iron Lady"]},{id:2,name:"Leonardo DiCaprio",age:47,gender:"male",nationality:"American",bestMovies:["Titanic","The Revenant","Inception"]},{id:3,name:"Scarlett Johansson",age:37,gender:"female",nationality:"American",bestMovies:["Lost in Translation","Marriage Story","Avengers: Endgame"]},{id:4,name:"Robert Downey Jr.",age:56,gender:"male",nationality:"American",bestMovies:["Iron Man","The Avengers","Chaplin"]}]}],this.selectorOptions=[{value:"=",label:"Equals"},{value:"IN",label:"Contains"},{value:"<>",label:"Does not Equal"},{value:">",label:"Greater Than"},{value:"<",label:"Less Than"},{value:">=",label:"Greater Than or Equal To"},{value:"<=",label:"Less Than or Equal To"},{value:"LIKE",label:"Like"},{value:"STARTSWITH",label:"Starts With"},{value:"BETWEEN",label:"Between"}],this.handleInputChange=(e,a)=>{if(a)this.formData[a]=e.target.value;else{const a=e.detail;if(a&&a.fieldName)if(a.fieldName.endsWith("_operator")){const e=a.fieldName.replace("_operator","");this.formData[e+"_operator"]=a.value}else this.formData[a.fieldName]=a.value}}}componentWillLoad(){console.warn('The "udp-dynamic-form" component is deprecated and will be removed in a future version. Please use <stencil-form> and <stencil-field> components instead.')}componentDidLoad(){}async getFormData(){return this.formConfigArray.filter((e=>this.formData[e["field-name"]])).map((e=>({searchField:e["field-name"],searchOperator:this.formData[e["field-name"]+"_operator"]||e["search-operator"],searchValue:this.formData[e["field-name"]],groupId:e.groupId})))}getField(e){switch(e.type){case"select":return a("udp-selector",{label:e.label,name:e["field-name"],options:e.options,onChange:this.handleInputChange});case"file":return a("file-upload",{allowMultiple:!0,disallowedFileTypes:["image/png","image/jpeg"]});case"list":return a("selectable-list",Object.assign({},e));default:return a("text-field",{label:e.label,placeholder:`Enter ${e.label}`,value:this.formData[e["field-name"]]||"",onInput:a=>this.handleInputChange(a,e["field-name"])})}}renderFormFields(){return this.formConfigArray.map((e=>{const t=e["operator-selector"]?{display:"flex",flexDirection:"row",background:"#ccc",padding:"10px",borderRadius:"8px",marginBottom:"20px",gap:"24px"}:{display:"flex",flexDirection:"column",marginBottom:"20px",marginRight:"24px"},n=this.getField(e),l=e["operator-selector"]?a("udp-selector",{label:"Search Condition",name:e["field-name"]+"_operator",options:this.selectorOptions,onChange:this.handleInputChange}):null;return a("div",{style:t},n,l)}))}render(){return a("div",{key:"c10796a72e30f052d3ba638f6e7f88f6cff947fb",class:"form-root"},this.renderFormFields())}get el(){return t(this)}};n.style=".form-root{display:flex;flex-wrap:wrap}";export{n as udp_dynamic_form}

package/dist/stencil-library/udp-form-api-utils-vPSYCvIA.js CHANGED Viewed

@@ -1,2 +1 @@
-import e from"axios";import{g as r}from"./tenantUtils-Basdb1b1.js";import{C as a}from"./configService-BqLfkVKh.js";const s=(s,t,o,i)=>e.post(`${a.productV1ApiUrl}/UdpFormLatestVersionView/search`,{eagerLoad:false,pageNumber:s,pageSize:t,filterElements:[...o,{searchField:"tenantId",searchOperator:"=",searchValue:r()}],orderElements:[i]});const t=(s,t,o)=>e.post(`${a.productV1ApiUrl}/UdpForm/search`,{eagerLoad:false,pageNumber:t,pageSize:o,filterElements:[{searchField:"tenantId",searchOperator:"=",searchValue:r()},{searchField:"id",searchOperator:"=",searchValue:s}],orderElements:[{sortColumn:"Version",sortDirection:"DESC"}]});export{t as a,s as f};
-//# sourceMappingURL=udp-form-api-utils-vPSYCvIA.js.map
+import e from"axios";import{g as r}from"./tenantUtils-Basdb1b1.js";import{C as a}from"./configService-BqLfkVKh.js";const s=(s,t,o,i)=>e.post(`${a.productV1ApiUrl}/UdpFormLatestVersionView/search`,{eagerLoad:!1,pageNumber:s,pageSize:t,filterElements:[...o,{searchField:"tenantId",searchOperator:"=",searchValue:r()}],orderElements:[i]}),t=(s,t,o)=>e.post(`${a.productV1ApiUrl}/UdpForm/search`,{eagerLoad:!1,pageNumber:t,pageSize:o,filterElements:[{searchField:"tenantId",searchOperator:"=",searchValue:r()},{searchField:"id",searchOperator:"=",searchValue:s}],orderElements:[{sortColumn:"Version",sortDirection:"DESC"}]});export{t as a,s as f}

package/dist/stencil-library/udp-forms-builder-question-template-BsYOju9V.js ADDED Viewed

@@ -0,0 +1 @@

+ import{a as e,c as l}from"./enums-D5dod6Ie.js";const o=e=>structuredClone(e),r={background:{backgroundImage:null,backgroundColor:null},headerBackgroundColor:null,fontFamily:null,helperText:{variant:null,fontFamily:null},questionText:{variant:null,fontFamily:null},titleText:{variant:null,fontFamily:null},paragraphText:{variant:null,fontFamily:null}},t={title:"",sectionText:"",sectionProperties:{},formQuestions:[]},a={isPrivate:!0,type:e.Standard,version:1,name:"",description:""};const n=(e,l,r,t)=>{const a=o(e),n=Object.assign({},a[l].formQuestions[r]);return n.fieldProperties=t(n.fieldProperties||{}),a[l].formQuestions[r]=n,a},i=(e,l,o,r,t)=>n(e,l,o,(e=>Object.assign(Object.assign({},e),{items:[...e.items||[],{display:r,value:t}]}))),d=(e,l,o,r)=>n(e,l,o,(e=>{const l=[...e.items||[]];return l.splice(r,1),Object.assign(Object.assign({},e),{items:l})})),p=(e,l,o,r,t,a)=>{const i=e.target;return n(l,o,r,(e=>{const l=[...e.items||[]];return l[t]=Object.assign(Object.assign({},l[t]),{[a]:i.value}),Object.assign(Object.assign({},e),{items:l})}))},s=(e,l,o,r)=>n(l,o,r,(l=>Object.assign(Object.assign({},l),{lookupId:e}))),m=(e,l,o)=>n(e,l,o,(e=>{const{items:l,lookupId:o}=e,r=function(e,l){var o={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&l.indexOf(r)<0&&(o[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(r=Object.getOwnPropertySymbols(e);t<r.length;t++)l.indexOf(r[t])<0&&Object.prototype.propertyIsEnumerable.call(e,r[t])&&(o[r[t]]=e[r[t]])}return o}(e,["items","lookupId"]);return Object.assign(Object.assign({},r),l&&!o?{lookupId:""}:{items:[{display:"",value:""}]})})),y=(e,l,o,r,t)=>{const a=e.target;return n(l,o,r,(e=>Object.assign(Object.assign({},e),{[t]:a.value})))},F=(e,l,o,r)=>n(e,l,o,(e=>Object.assign(Object.assign({},e),{[r]:!e[r]}))),u=(e,l,o,r,t)=>{const a=e.target;return n(l,o,r,(e=>Object.assign(Object.assign({},e),{[t]:a.value})))},h=(e,l,r,t,a)=>{const n=o(l),i=Object.assign({},n[r].formQuestions[t]);return i[a]=e,n[r].formQuestions[t]=i,n},c=[{fieldTypeId:l.Hidden,questionTypeName:"Hidden",icon:"formHiddenField",handlers:{handleGenericProperty:h,handleFieldPropertyBooleanToggle:F},defaultFieldProperties:{allowComments:!1,allowFollowUpForms:!1}},{fieldTypeId:l.SingleLineText,questionTypeName:"Single Line Text",icon:"formTextField",handlers:{handleGenericProperty:h,handleFieldPropertyMinMaxCharacter:y,handleFieldPropertyBooleanToggle:F},defaultFieldProperties:{allowComments:!1,allowFollowUpForms:!1,maxCharacter:64,minCharacter:0}},{fieldTypeId:l.MultiLineText,questionTypeName:"Multi Line Text",icon:"formTextArea",handlers:{handleGenericProperty:h,handleFieldPropertyMinMaxCharacter:y,handleFieldPropertyBooleanToggle:F},defaultFieldProperties:{allowComments:!1,allowFollowUpForms:!1,maxCharacter:256,minCharacter:0}},{fieldTypeId:l.Checkbox,questionTypeName:"Checkbox",icon:"formCheckbox",isContainsOptionItems:!0,handlers:{handleGenericProperty:h,handleFieldPropertyAddListItem:i,handleFieldPropertyRemoveListItem:d,handleFieldPropertyListItemChange:p,handleFieldPropertyToggleManualOrLookupOptions:m,handleFieldPropertyLookupChange:s,handleFieldPropertyBooleanToggle:F},defaultFieldProperties:{allowComments:!1,allowFollowUpForms:!1,items:[{display:"",value:""}]}},{fieldTypeId:l.RadioButton,questionTypeName:"Radio Button",icon:"formRadioButton",isContainsOptionItems:!0,handlers:{handleGenericProperty:h,handleFieldPropertyAddListItem:i,handleFieldPropertyRemoveListItem:d,handleFieldPropertyListItemChange:p,handleFieldPropertyToggleManualOrLookupOptions:m,handleFieldPropertyLookupChange:s,handleFieldPropertyBooleanToggle:F},defaultFieldProperties:{allowComments:!1,allowFollowUpForms:!1,items:[{display:"",value:""}]}},{fieldTypeId:l.DropdownSingleSelect,questionTypeName:"Dropdown Single Select",icon:"formSingleSelectField",isContainsOptionItems:!0,handlers:{handleGenericProperty:h,handleFieldPropertyAddListItem:i,handleFieldPropertyRemoveListItem:d,handleFieldPropertyListItemChange:p,handleFieldPropertyToggleManualOrLookupOptions:m,handleFieldPropertyLookupChange:s,handleFieldPropertyBooleanToggle:F},defaultFieldProperties:{allowComments:!1,allowFollowUpForms:!1,items:[{display:"",value:""}]}},{fieldTypeId:l.DropdownMultipleSelect,questionTypeName:"Dropdown Multiple Select",icon:"formMultiSelectField",isContainsOptionItems:!0,handlers:{handleGenericProperty:h,handleFieldPropertyAddListItem:i,handleFieldPropertyRemoveListItem:d,handleFieldPropertyListItemChange:p,handleFieldPropertyToggleManualOrLookupOptions:m,handleFieldPropertyLookupChange:s,handleFieldPropertyBooleanToggle:F},defaultFieldProperties:{allowComments:!1,allowFollowUpForms:!1,items:[{display:"",value:""}]}},{fieldTypeId:l.ListMultiSelect,questionTypeName:"List",icon:"list",isContainsOptionItems:!0,handlers:{handleGenericProperty:h,handleFieldPropertyAddListItem:i,handleFieldPropertyRemoveListItem:d,handleFieldPropertyListItemChange:p,handleFieldPropertyToggleManualOrLookupOptions:m,handleFieldPropertyLookupChange:s,handleFieldPropertyBooleanToggle:F},defaultFieldProperties:{allowComments:!1,allowFollowUpForms:!1,items:[{display:"",value:""}]}},{fieldTypeId:l.DateSelector,questionTypeName:"Date Selector",icon:"formDateField",handlers:{handleGenericProperty:h,handleFieldPropertyDateTime:u,handleFieldPropertyBooleanToggle:F},defaultFieldProperties:{allowComments:!1,allowFollowUpForms:!1,allowFutureDate:!1,maxDate:"2099-12-31",minDate:"1980-01-01"}},{fieldTypeId:l.TimeSelector,questionTypeName:"Time Selector",icon:"formTimeField",handlers:{handleGenericProperty:h,handleFieldPropertyDateTime:u,handleFieldPropertyBooleanToggle:F},defaultFieldProperties:{allowComments:!1,allowFollowUpForms:!1,maxTime:"17:00:00",minTime:"09:00:00"}},{fieldTypeId:l.DateTimeSelector,questionTypeName:"DateTime Selector",icon:"formDateTimeField",handlers:{handleGenericProperty:h,handleFieldPropertyDateTime:u,handleFieldPropertyBooleanToggle:F},defaultFieldProperties:{allowComments:!1,allowFollowUpForms:!1,allowFutureDate:!1,maxDateTime:"2099-12-31 23:59:59",minDateTime:"1980-01-01 00:00:00"}},{fieldTypeId:l.FileUpload,questionTypeName:"File Upload",icon:"formFileUpload",handlers:{handleGenericProperty:h,handleFieldPropertyBooleanToggle:F},defaultFieldProperties:{allowComments:!1,allowFollowUpForms:!1,hideDragAndDrop:!1,hideButton:!1}},{fieldTypeId:l.YesNo,questionTypeName:"Yes/No",icon:"checkMark",handlers:{handleGenericProperty:h,handleFieldPropertyBooleanToggle:F},defaultFieldProperties:{allowComments:!1,allowFollowUpForms:!1}},{fieldTypeId:l.Signature,questionTypeName:"Signature",icon:"document",handlers:{handleGenericProperty:h,handleFieldPropertyBooleanToggle:F},defaultFieldProperties:{allowComments:!1,allowFollowUpForms:!1,includeLocation:!1}},{fieldTypeId:l.Tally,questionTypeName:"Tally Display",icon:"formNumberField",handlers:{handleGenericProperty:h,handleFieldPropertyBooleanToggle:F},defaultFieldProperties:{allowComments:!1,allowFollowUpForms:!1,ignoreRequiredConfig:!0}},{fieldTypeId:l.Number,questionTypeName:"Numeric",icon:"box",handlers:{handleGenericProperty:h,handleFieldPropertyBooleanToggle:F},defaultFieldProperties:{allowComments:!1,allowFollowUpForms:!1}},{fieldTypeId:l.Paragraph,questionTypeName:"Paragraph",icon:"formTextArea",handlers:{handleGenericProperty:h,handleParagraphValueChange:(e,l,o,r)=>{var t;const a=e.target,i=null!==(t=null==a?void 0:a.value)&&void 0!==t?t:"";return n(l,o,r,(e=>Object.assign(Object.assign({},e),{paragraphText:i})))}},defaultFieldProperties:{paragraphText:""},questionTextOptional:!0},{fieldTypeId:l.ImageUpload,questionTypeName:"Image Upload",icon:"formFileUpload",handlers:{handleGenericProperty:h,handleFieldPropertyBooleanToggle:F},defaultFieldProperties:{hideDragAndDrop:!1,allowComments:!1,allowFollowUpForms:!1,hideButton:!1}},{fieldTypeId:l.FormMetadataDisplay,questionTypeName:"Form Metadata Display",icon:"user",handlers:{handleGenericProperty:h,handleFieldPropertyBooleanToggle:F},defaultFieldProperties:{displayOwnerFullName:!0,displayOwnerEmail:!0,displaySubmissionDate:!0,allowComments:!1,allowFollowUpForms:!1}}];export{t as a,o as d,a as f,c as q,r as s}

package/dist/stencil-library/udp-forms-builder-style-override.entry.js CHANGED Viewed

@@ -1,2 +1 @@
-import{r as i,h as l,H as o}from"./index-CaZq3YdB.js";const e=["body","body1","body2","h1","h2","h3","h4","h5","h6","caption-text","data-display-one","data-display-two","data-display-three","data-display-four","button"];const d=":host{display:flex;flex-direction:column;gap:var(--spacing-4, 16px)}";const t=class{constructor(l){i(this,l)}styleOverrideHandler(i,l,o){const e=Object.assign({},this.formMetadata);if(!e.styleOverrides){e.styleOverrides={}}if(l){if(!e.styleOverrides[i]){e.styleOverrides[i]={}}e.styleOverrides[i][l]=o}else{e.styleOverrides[i]=o}this.onFormMetadataChange(e)}renderStyleTextField(i,o,e,d){return l("div",{class:"form-style-override-item-container"},l("text-field",{label:i,value:o||"",placeholder:i,onInput:i=>{i.preventDefault();this.styleOverrideHandler(e,d!==null&&d!==void 0?d:null,i.target.value)}}))}renderStyleDropdownField(i,o,d,t){const a=[{value:"",label:"None"},...e.map((i=>({value:i,label:i})))];return l("div",{class:"form-style-override-item-container"},l("udp-selector",{label:i,key:`${d}-${t!==null&&t!==void 0?t:""}`,initialValue:o,options:a,disabled:false,onChange:i=>{console.log(i);this.styleOverrideHandler(d,t,i.detail)}}))}render(){var i,e,d,t,a,n,r,v,s,u,h,y,p,c,b,f,g,x,T,m,F,k,C,B,H,_,q,I,j,w,O,P,Q,S;return l(o,{key:"ad322bbae798a71e4c0e1bcf6ee1e0b19efd0b2d"},l("unity-typography",{key:"69654e44f3287ca0ef7da615aa115d946bdc2267",variant:"h6"},"Backgrounds and Colors"),this.renderStyleTextField("Background Image",(d=(e=(i=this.formMetadata)===null||i===void 0?void 0:i.background)===null||e===void 0?void 0:e.backgroundImage)!==null&&d!==void 0?d:"","background","backgroundImage"),this.renderStyleTextField("Background Color",(n=(a=(t=this.formMetadata)===null||t===void 0?void 0:t.background)===null||a===void 0?void 0:a.backgroundColor)!==null&&n!==void 0?n:"","background","backgroundColor"),this.renderStyleTextField("Header Background Color",(v=(r=this.formMetadata)===null||r===void 0?void 0:r.headerBackgroundColor)!==null&&v!==void 0?v:"","headerBackgroundColor"),l("udp-divider",{key:"0bf14bc71b0197d5825417b38758cb8b4be57f06"}),l("unity-typography",{key:"980dea5b0a0e044a3f5d83d58fd64a1ba3e97c42",variant:"h6"},"Fonts"),this.renderStyleTextField("Font Family",(u=(s=this.formMetadata)===null||s===void 0?void 0:s.fontFamily)!==null&&u!==void 0?u:"","fontFamily"),this.renderStyleTextField("Question Text Font Family",(p=(y=(h=this.formMetadata)===null||h===void 0?void 0:h.questionText)===null||y===void 0?void 0:y.fontFamily)!==null&&p!==void 0?p:"","questionText","fontFamily"),this.renderStyleDropdownField("Question Text Typography",(f=(b=(c=this.formMetadata)===null||c===void 0?void 0:c.questionText)===null||b===void 0?void 0:b.variant)!==null&&f!==void 0?f:"","questionText","variant"),this.renderStyleTextField("Title Text Font Family",(T=(x=(g=this.formMetadata)===null||g===void 0?void 0:g.titleText)===null||x===void 0?void 0:x.fontFamily)!==null&&T!==void 0?T:"","titleText","fontFamily"),this.renderStyleDropdownField("Title Text Typography",(k=(F=(m=this.formMetadata)===null||m===void 0?void 0:m.titleText)===null||F===void 0?void 0:F.variant)!==null&&k!==void 0?k:"","titleText","variant"),this.renderStyleTextField("Paragraph Text Font Family",(H=(B=(C=this.formMetadata)===null||C===void 0?void 0:C.paragraphText)===null||B===void 0?void 0:B.fontFamily)!==null&&H!==void 0?H:"","paragraphText","fontFamily"),this.renderStyleDropdownField("Paragraph Text Typography",(I=(q=(_=this.formMetadata)===null||_===void 0?void 0:_.paragraphText)===null||q===void 0?void 0:q.variant)!==null&&I!==void 0?I:"","paragraphText","variant"),this.renderStyleTextField("Helper Text Font Family",(O=(w=(j=this.formMetadata)===null||j===void 0?void 0:j.helperText)===null||w===void 0?void 0:w.fontFamily)!==null&&O!==void 0?O:"","helperText","fontFamily"),this.renderStyleDropdownField("Helper Text Typography",(S=(Q=(P=this.formMetadata)===null||P===void 0?void 0:P.helperText)===null||Q===void 0?void 0:Q.variant)!==null&&S!==void 0?S:"","helperText","variant"))}};t.style=d;export{t as udp_forms_builder_style_override};
-//# sourceMappingURL=udp-forms-builder-style-override.entry.js.map
+import{r as i,h as l,H as o}from"./index-DFnjA9NX.js";const e=["body","body1","body2","h1","h2","h3","h4","h5","h6","caption-text","data-display-one","data-display-two","data-display-three","data-display-four","button"],t=class{constructor(l){i(this,l)}styleOverrideHandler(i,l,o){const e=Object.assign({},this.formMetadata);e.styleOverrides||(e.styleOverrides={}),l?(e.styleOverrides[i]||(e.styleOverrides[i]={}),e.styleOverrides[i][l]=o):e.styleOverrides[i]=o,this.onFormMetadataChange(e)}renderStyleTextField(i,o,e,t){return l("div",{class:"form-style-override-item-container"},l("text-field",{label:i,value:o||"",placeholder:i,onInput:i=>{i.preventDefault(),this.styleOverrideHandler(e,null!=t?t:null,i.target.value)}}))}renderStyleDropdownField(i,o,t,d){const a=[{value:"",label:"None"},...e.map((i=>({value:i,label:i})))];return l("div",{class:"form-style-override-item-container"},l("udp-selector",{label:i,key:`${t}-${null!=d?d:""}`,initialValue:o,options:a,disabled:!1,onChange:i=>{console.log(i),this.styleOverrideHandler(t,d,i.detail)}}))}render(){var i,e,t,d,a,n,r,v,u,s,h,y,p,c,b,g,x,T,f,m,F,k,C,B,H,_,j,I,q,w,D,N,O,P;return l(o,{key:"ad322bbae798a71e4c0e1bcf6ee1e0b19efd0b2d"},l("unity-typography",{key:"69654e44f3287ca0ef7da615aa115d946bdc2267",variant:"h6"},"Backgrounds and Colors"),this.renderStyleTextField("Background Image",null!==(t=null===(e=null===(i=this.formMetadata)||void 0===i?void 0:i.background)||void 0===e?void 0:e.backgroundImage)&&void 0!==t?t:"","background","backgroundImage"),this.renderStyleTextField("Background Color",null!==(n=null===(a=null===(d=this.formMetadata)||void 0===d?void 0:d.background)||void 0===a?void 0:a.backgroundColor)&&void 0!==n?n:"","background","backgroundColor"),this.renderStyleTextField("Header Background Color",null!==(v=null===(r=this.formMetadata)||void 0===r?void 0:r.headerBackgroundColor)&&void 0!==v?v:"","headerBackgroundColor"),l("udp-divider",{key:"0bf14bc71b0197d5825417b38758cb8b4be57f06"}),l("unity-typography",{key:"980dea5b0a0e044a3f5d83d58fd64a1ba3e97c42",variant:"h6"},"Fonts"),this.renderStyleTextField("Font Family",null!==(s=null===(u=this.formMetadata)||void 0===u?void 0:u.fontFamily)&&void 0!==s?s:"","fontFamily"),this.renderStyleTextField("Question Text Font Family",null!==(p=null===(y=null===(h=this.formMetadata)||void 0===h?void 0:h.questionText)||void 0===y?void 0:y.fontFamily)&&void 0!==p?p:"","questionText","fontFamily"),this.renderStyleDropdownField("Question Text Typography",null!==(g=null===(b=null===(c=this.formMetadata)||void 0===c?void 0:c.questionText)||void 0===b?void 0:b.variant)&&void 0!==g?g:"","questionText","variant"),this.renderStyleTextField("Title Text Font Family",null!==(f=null===(T=null===(x=this.formMetadata)||void 0===x?void 0:x.titleText)||void 0===T?void 0:T.fontFamily)&&void 0!==f?f:"","titleText","fontFamily"),this.renderStyleDropdownField("Title Text Typography",null!==(k=null===(F=null===(m=this.formMetadata)||void 0===m?void 0:m.titleText)||void 0===F?void 0:F.variant)&&void 0!==k?k:"","titleText","variant"),this.renderStyleTextField("Paragraph Text Font Family",null!==(H=null===(B=null===(C=this.formMetadata)||void 0===C?void 0:C.paragraphText)||void 0===B?void 0:B.fontFamily)&&void 0!==H?H:"","paragraphText","fontFamily"),this.renderStyleDropdownField("Paragraph Text Typography",null!==(I=null===(j=null===(_=this.formMetadata)||void 0===_?void 0:_.paragraphText)||void 0===j?void 0:j.variant)&&void 0!==I?I:"","paragraphText","variant"),this.renderStyleTextField("Helper Text Font Family",null!==(D=null===(w=null===(q=this.formMetadata)||void 0===q?void 0:q.helperText)||void 0===w?void 0:w.fontFamily)&&void 0!==D?D:"","helperText","fontFamily"),this.renderStyleDropdownField("Helper Text Typography",null!==(P=null===(O=null===(N=this.formMetadata)||void 0===N?void 0:N.helperText)||void 0===O?void 0:O.variant)&&void 0!==P?P:"","helperText","variant"))}};t.style=":host{display:flex;flex-direction:column;gap:var(--spacing-4, 16px)}";export{t as udp_forms_builder_style_override}

package/dist/stencil-library/udp-forms-builder.entry.js CHANGED Viewed

@@ -1,2 +1 @@
-import{r as i,h as t,a as o}from"./index-CaZq3YdB.js";import{m as s}from"./makeApiCall-B-daVutk.js";import{f as e,q as n,d as r,a,s as c}from"./udp-forms-builder-question-template-DQJb7f4Y.js";import{g as l}from"./iconUtils-DcPvHO4A.js";import{g as h}from"./tenantUtils-Basdb1b1.js";import d from"sortablejs";import{v4 as u}from"uuid";import{U as p,a as m}from"./enums-CHxgVY-B.js";import{C as f}from"./configService-BqLfkVKh.js";import"axios";import"./iconMapping-CPerGeNF.js";import"@carbon/icons/es/add/16";import"@carbon/icons/es/add/32";import"@carbon/icons/es/add--alt/16";import"@carbon/icons/es/add--filled/16";import"@carbon/icons/es/arrows--horizontal/16";import"@carbon/icons/es/attachment/16";import"@carbon/icons/es/batch-job/16";import"@carbon/icons/es/box/16";import"@carbon/icons/es/close/16";import"@carbon/icons/es/close/24";import"@carbon/icons/es/close/32";import"@carbon/icons/es/close--filled/16";import"@carbon/icons/es/close--outline/16";import"@carbon/icons/es/checkmark/16";import"@carbon/icons/es/checkmark/24";import"@carbon/icons/es/checkmark/32";import"@carbon/icons/es/chevron--left/16";import"@carbon/icons/es/chevron--right/16";import"@carbon/icons/es/chevron--down/16";import"@carbon/icons/es/data-enrichment/16";import"@carbon/icons/es/document/16";import"@carbon/icons/es/document--add/16";import"@carbon/icons/es/document--attachment/16";import"@carbon/icons/es/document--pdf/16";import"@carbon/icons/es/document--video/16";import"@carbon/icons/es/document--audio/16";import"@carbon/icons/es/draggable/16";import"@carbon/icons/es/edit/16";import"@carbon/icons/es/export/16";import"@carbon/icons/es/flag/16";import"@carbon/icons/es/information/16";import"@carbon/icons/es/information/32";import"@carbon/icons/es/link/16";import"@carbon/icons/es/overflow-menu--vertical/16";import"@carbon/icons/es/overflow-menu--vertical/32";import"@carbon/icons/es/return/16";import"@carbon/icons/es/save/16";import"@carbon/icons/es/settings/16";import"@carbon/icons/es/subtract/16";import"@carbon/icons/es/subtract--alt/16";import"@carbon/icons/es/subtract--filled/16";import"@carbon/icons/es/trash-can/16";import"@carbon/icons/es/user/16";import"@carbon/icons/es/view/16";import"@carbon/icons/es/warning/16";import"@carbon/icons/es/warning/32";import"@carbon/icons/es/warning--alt/16";import"@carbon/icons/es/warning--alt/32";import"@carbon/icons/es/product/16";import"@carbon/icons/es/workspace/16";import"@carbon/icons/es/arrow--up/16";import"@carbon/icons/es/arrow--down/16";import"@carbon/icons/es/arrow--right/16";import"@carbon/icons/es/arrow--left/16";import"@carbon/icons/es/copy/16";import"@carbon/icons/es/star/16";import"@carbon/icons/es/data-table/16";import"@carbon/icons/es/fit-to-width/16";import"@carbon/icons/es/search--advanced/16";import"@carbon/icons/es/reset/16";import"@carbon/icons/es/column/16";import"@carbon/icons/es/column--delete/16";import"@carbon/icons/es/watson-health/rotate--360/16";import"@carbon/icons/es/filter/16";import"@carbon/icons/es/app-connectivity/16";import"@carbon/icons/es/text--font/16";import"@carbon/icons/es/text--long-paragraph/16";import"@carbon/icons/es/character--whole-number/16";import"@carbon/icons/es/checkbox--checked/16";import"@carbon/icons/es/radio-button--checked/16";import"@carbon/icons/es/event--schedule/16";import"@carbon/icons/es/view--off/16";import"@carbon/icons/es/time/16";import"@carbon/icons/es/calendar/16";import"@carbon/icons/es/list--checked/16";import"@carbon/icons/es/list--bulleted/16";import"@carbon/icons/es/cloud--upload/16";import"@carbon/icons/es/locked/16";import"@carbon/icons/es/pause/16";import"@carbon/icons/es/unlocked/16";import"@carbon/icons/es/send/16";import"@carbon/icons/es/email/16";import"@carbon/icons/es/checkmark--outline/16";import"@carbon/icons/es/migrate--alt/16";import"@carbon/icons/es/checkbox--checked--filled/16";import"@carbon/icons/es/checkbox/16";import"@carbon/icons/es/ZIP/16";import"@carbon/icons/es/image/16";import"@carbon/icons/es/PPT/16";import"@carbon/icons/es/XLS/16";const b=":host{display:block;--udp-form-primary-color:#007bff;--udp-form-spacing-unit:16px}.udp-forms-page{display:flex;flex-direction:column;gap:var(--spacing-06, 32px);padding:var(--spacing-06, 32px);padding-bottom:var(--spacing-12)}.form-section-questions-container{display:flex;flex-direction:column}.form-details-container{display:flex;flex-direction:column;padding:var(--spacing-05, 24px);background-color:var(--card-background-color, white)}.form-details-version-container{margin-bottom:var(--spacing-05)}.udp-form-builder-field-container,.udp-forms-builder-item-generic-configs,.udp-forms-builder-item-specific-configs{display:flex;flex-direction:column;gap:var(--spacing-04, 16px)}.form-section{}.form-section-header{display:flex;flex-direction:row;justify-content:space-between;background-color:var(--primary-color-dark, #000);color:var(--primary-contrast-text, #FFF);padding:var(--spacing-04, 16px) var(--spacing-05, 24px);align-items:center}.add-question-button-container{display:flex;justify-content:center;align-items:center}.question-editor-container{padding:var(--spacing-05, 24px);display:flex;flex-direction:column;gap:var(--spacing-05, 24px)}.add-question-to-section-button-container{padding:var(--spacing-02, 8px) 0;margin:auto}.sortable-ghost{opacity:0.5;transform:scale(0.98);background:#f4f4f4;border:1px dashed #ccc}.sortable-chosen{background:#eef6ff;box-shadow:0 0 4px 2px rgba(51, 153, 255, 0.3)}.form-question-drag-handle{transform:rotate(90deg);cursor:grab}.form-question-drag-handle:active{cursor:grabbing}.form-question-drag-handle .drag-wrapper{cursor:inherit}.form-question-drag-handle stencil-icon-button{pointer-events:none;}";var g=undefined&&undefined.__rest||function(i,t){var o={};for(var s in i)if(Object.prototype.hasOwnProperty.call(i,s)&&t.indexOf(s)<0)o[s]=i[s];if(i!=null&&typeof Object.getOwnPropertySymbols==="function")for(var e=0,s=Object.getOwnPropertySymbols(i);e<s.length;e++){if(t.indexOf(s[e])<0&&Object.prototype.propertyIsEnumerable.call(i,s[e]))o[s[e]]=i[s[e]]}return o};const v=class{constructor(t){i(this,t);this.isFollowUpFormConfigOn=false;this.isPublicFormConfigOn=false;this.isCommentingConfigOn=true;this.formsBuilderUrlPath="";this.formMetadata=e;this.formSections=[];this.formSectionsDraft=[];this.isNewForm=true;this.isMostRecentFormVersion=false;this.isError=false;this.isLoading=false;this.isShowStyleOverrides=false;this.isStyleSheetOpen=false;this.isDialogOpen=false;this.showMenuAtIndex=null;this.editingQuestion=null;this.editingSection=null;this.isQuestionEditorOpen=false;this.isSectionEditorOpen=false;this.lookupOptionsDataProcessed=[];this.dialogAction=null;this.dialogMessage="Are you sure you want to delete this?";this.sortableInstances=[];this.formsBuilderPageId=p.FormBuilderPageId;this.formTypeOptions=Object.keys(m).filter((i=>isNaN(Number(i)))).map((i=>({value:String(m[i]),label:i})));this.toggleStyleSheet=()=>{this.isStyleSheetOpen=!this.isStyleSheetOpen};this.getQuestionTypeName=i=>{const t=n.find((t=>t.fieldTypeId===i));return t?t.questionTypeName:"Unknown"};this.getIsContainsOptionItems=i=>{const t=n.find((t=>t.fieldTypeId===i));return t?t.isContainsOptionItems||false:false};this.getIconForQuestion=i=>{const t=n.find((t=>t.fieldTypeId===i));return t?t.icon:null};this.handleQuestionDelete=(i,t)=>{const o=r(this.formSections);o[i].formQuestions.splice(t,1);this.formSections=o};this.handleQuestionCopy=(i,t)=>{const o=r(this.formSections);const s=this.formSections[i].formQuestions[t];const e=Object.assign(Object.assign({},s),{questionText:(s.questionText||"")+" (Copy)",id:u()});o[i].formQuestions.splice(t+1,0,e);this.formSections=o};this.handleQuestionClick=(i,t)=>{this.editingQuestion={sIndex:i,qIndex:t};this.isQuestionEditorOpen=true;this.formSectionsDraft=r(this.formSections)};this.closeQuestionEditor=()=>{this.isQuestionEditorOpen=false;this.editingQuestion=null;this.formSectionsDraft=null};this.addQuestionOfType=(i,t,o)=>{const s={questionTypeName:i.questionTypeName,fieldTypeId:i.fieldTypeId,fieldProperties:i.defaultFieldProperties,helperText:"",questionText:"",section:t!==undefined?t+1:this.formSections.length>0?this.formSections[this.formSections.length-1].formQuestions[0].section:1,isContainsOptionItems:i.isContainsOptionItems,icon:i.icon,required:false,form:null,isPrivate:true,id:u()};const e=r(this.formSections);let n=t;let c=o;if(t!==undefined&&o!==undefined){if(e[t].formQuestions){e[t].formQuestions.splice(o,0,s)}else{const i=e.length-1;e[i].formQuestions.push(s);n=i;c=e[i].formQuestions.length-1}}else{const i=e.length-1;if(i<0||e[i].formQuestions.length===0){e.push(Object.assign(Object.assign({},a),{formQuestions:[s]}));n=e.length-1;c=0}else{e[i].formQuestions.push(s);n=i;c=e[i].formQuestions.length-1}}this.formSectionsDraft=e;if(this.showMenuAtIndex)this.showMenuAtIndex=null;return{sIndex:n,qIndex:c}};this.handleSectionMoveDown=i=>{if(i>=this.formSections.length-1)return;const t=[...this.formSections];[t[i],t[i+1]]=[t[i+1],t[i]];this.formSections=t};this.handleSectionMoveUp=i=>{if(i<=0)return;const t=[...this.formSections];[t[i],t[i-1]]=[t[i-1],t[i]];this.formSections=t};this.handleSectionDelete=i=>{const t=[...this.formSections];t.splice(i,1);this.formSections=t};this.updateFormSectionsWithDraft=()=>{this.formSections=this.formSectionsDraft;this.formSectionsDraft=null};this.hasUnsavedFormSectionsChanges=()=>JSON.stringify(this.formSections)!==JSON.stringify(this.formSectionsDraft);this.handleSectionEditClick=i=>{this.editingSection={sIndex:i};this.isSectionEditorOpen=true;this.formSectionsDraft=r(this.formSections)};this.closeSectionEditor=()=>{this.isSectionEditorOpen=false;this.editingSection=null;this.formSectionsDraft=null}}async initializeForm(){this.formMetadata.isPrivate=e.isPrivate;this.formMetadata.tenantId=h();this.formMetadata.type=e.type;this.formMetadata.version=e.version;this.formMetadata.name=e.name;this.formMetadata.description=e.description;this.formMetadata.styleOverrides=c;try{this.isLoading=true;const i=await s("GET",f.productV1ApiUrl+"/UdpLookup");if(!i){throw new Error(`Error fetching lookup data`)}this.lookupOptionsDataProcessed=i.map((i=>Object.assign(Object.assign({},i),{value:i.id,label:i.name})));if(this.formId&&this.version){const i=await s("GET",`${f.productV1ApiUrl}/UdpForm/${this.formId}/${this.version}/describe`);const t=await s("GET",`${f.productV1ApiUrl}/UdpForm/${this.formId}/describe`);this.isNewForm=false;if(!i||!t||!i.id||!t){throw new Error(`Error fetching form data`)}if(i.id==t.id&&i.version==t.version){this.isMostRecentFormVersion=true}const o=structuredClone(i.udpFormUdpFormSection).map((i=>Object.assign(Object.assign({},i),{formQuestions:[]})));o.forEach((i=>{if(!i.sectionProperties){i.sectionProperties={}}else{i.sectionProperties=JSON.parse(i.sectionProperties)}}));i.formQuestions.forEach((i=>{const t=o.find((t=>t.id===i.formSectionId));if(t){const o=Object.assign({},i.fieldProperties);if("lookupId"in o&&"items"in o){delete o.items}t.formQuestions.push(Object.assign(Object.assign({},i),{fieldProperties:o,questionTypeName:this.getQuestionTypeName(i.fieldTypeId),isContainsOptionItems:this.getIsContainsOptionItems(i.fieldTypeId),icon:this.getIconForQuestion(i.fieldTypeId)}))}}));o.forEach((i=>{i.formQuestions.sort(((i,t)=>i.questionOrder-t.questionOrder))}));o.sort(((i,t)=>i.order-t.order));const e=g(i,[]);e.styleOverrides=this.deepMerge(c,JSON.parse(e.styleOverrides)||{});this.formMetadata=e;this.formSections=o;this.isLoading=false}}catch(i){this.isError=true;this.enqueueSnackbar("Error loading form data",{variant:"error",anchorOrigin:{vertical:"top",horizontal:"center"}})}finally{this.isLoading=false}}async submitForm(){if(!this.isValidForm()){return}this.isLoading=true;try{const i={name:this.formMetadata.name,description:this.formMetadata.description,tenantId:this.formMetadata.tenantId,isPrivate:this.formMetadata.isPrivate,type:this.formMetadata.type,styleOverrides:JSON.stringify(this.formMetadata.styleOverrides),id:this.formMetadata.id,version:this.formMetadata.version};const t=`${f.productV1ApiUrl}/UdpForm${this.isMostRecentFormVersion?"/versions":""}`;const o=await s("POST",t,i);const e=o.id;const n=o.version;if(!o||!o.id||!o.version){throw new Error(`Invalid form response: ${JSON.stringify(o)}`)}let r=0;let a=0;const c=[];for(const[i,t]of this.formSections.entries()){r+=1;const o=Object.assign(Object.assign({},t),{formId:e,formVersion:n,order:r,sectionProperties:JSON.stringify(t.sectionProperties),name:`section${r}`});const l=await s("POST",`${f.productV1ApiUrl}/UdpFormSection`,o);if(!l||!l.id){throw new Error(`Invalid section response: ${JSON.stringify(l)}`)}const h=l.id;for(const o of t.formQuestions){a+=1;const t=Object.assign(Object.assign({},o),{formId:e,formVersion:n,section:i+1,questionOrder:a,formSectionId:h,name:`question${a}`});const r=s("POST",`${f.productV1ApiUrl}/UdpFormQuestion`,t);c.push(r)}}await Promise.all(c);this.enqueueSnackbar("Success",{variant:"success",anchorOrigin:{vertical:"top",horizontal:"center"}});if(this.formsBuilderUrlPath){this.history.push(`${this.formsBuilderUrlPath}&udpf_formId=${e}&udpf_version=${n}`);return}this.history.push(`/page/${this.formsBuilderPageId}?udpf_formId=${e}&udpf_version=${n}`)}catch(i){console.error("Form submission error:",i);this.enqueueSnackbar("Error saving form",{variant:"error",anchorOrigin:{vertical:"top",horizontal:"center"}})}finally{this.isLoading=false}}componentDidLoad(){this.initializeSortable()}componentDidUpdate(){this.initializeSortable()}componentWillLoad(){this.initializeForm()}onFormIdOrVersionChange(){this.initializeForm()}initializeSortable(){if(!(this.isNewForm||this.isMostRecentFormVersion)){return}this.sortableInstances.forEach((i=>i.destroy()));this.sortableInstances=[];this.formSections.forEach(((i,t)=>{const o=this.hostEl.shadowRoot.querySelector(`#section-${t}`);if(o){const i=new d(o,{animation:200,easing:"cubic-bezier(0.25, 1, 0.5, 1)",draggable:"udp-forms-builder-question-item",handle:".form-question-drag-handle",ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",direction:"vertical",forceFallback:false,dragoverBubble:false,swapThreshold:.6,onEnd:i=>this.handleDragEnd(i,t)});this.sortableInstances.push(i)}}))}handleDragEnd(i,t){const o=i.oldIndex;const s=i.newIndex;if(o===s||o==null||s==null)return;const e=structuredClone(this.formSections[t]);const[n]=e.formQuestions.splice(o,1);e.formQuestions.splice(s,0,n);const a=r(this.formSections);a[t]=e;this.formSections=a}deepMerge(i,t){const o=Object.assign({},i);for(const s in t){if(t[s]&&typeof t[s]==="object"&&!Array.isArray(t[s])){o[s]=this.deepMerge(i[s]||{},t[s])}else{o[s]=t[s]}}return o}isValidForm(){return this.validateFormMetadata()&&this.validateFormSections()&&this.validateAllQuestions()}validateFormMetadata(){var i;if(!((i=this.formMetadata.name)===null||i===void 0?void 0:i.trim())){this.enqueueSnackbar("Please enter a form name.",{variant:"error",anchorOrigin:{vertical:"top",horizontal:"center"}});return false}return true}validateFormSections(){if(this.formSections.length<1){this.enqueueSnackbar("Please add at least one section to the form.",{variant:"error",anchorOrigin:{vertical:"top",horizontal:"center"}});return false}for(let i=0;i<this.formSections.length;i++){const t=this.formSections[i];const o=(t===null||t===void 0?void 0:t.formQuestions)||[];if(o.length<1){const o=(t===null||t===void 0?void 0:t.title)?`"${t.title}"`:`#${i+1}`;this.enqueueSnackbar(`Section ${o} must contain at least one question.`,{variant:"error",anchorOrigin:{vertical:"top",horizontal:"center"}});return false}}return true}validateAllQuestions(){for(let i=0;i<this.formSections.length;i++){const t=this.formSections[i];const o=(t===null||t===void 0?void 0:t.formQuestions)||[];for(let t=0;t<o.length;t++){const o=this.validateQuestionItem(i,t);if(!o){this.enqueueSnackbar("Please validate all questions.",{variant:"error",anchorOrigin:{vertical:"top",horizontal:"center"}});return false}}}return true}validateQuestionItem(i,t){const o=this.formSections[i].formQuestions[t];const s=n.find((i=>i.fieldTypeId===o.fieldTypeId));const e=!(s&&s.questionTextOptional);if(e&&!o.questionText){return false}if(o.isContainsOptionItems){const i=o.fieldProperties;if(!(i===null||i===void 0?void 0:i.lookupId)){if(!Array.isArray(i===null||i===void 0?void 0:i.items)||i.items.length===0){return false}const t=i.items.some((i=>!i.display||!i.value));if(t){return false}}}return true}render(){if(this.isError){return t("div",null," There is an Error With the Form Builder")}const i=this.isNewForm||this.isMostRecentFormVersion;return t("div",null,t("primary-action-header",{title:"UDP Form Builder",actionButtonLabel:i?this.isMostRecentFormVersion?`Create New Version (v.${this.version+1})`:"Create New Form":"",primaryActionClick:i?()=>this.submitForm():null,defaultActionButtons:i?[{label:"Style Overrides",clickHandler:this.toggleStyleSheet,tooltip:"Style Overrides",visible:false,icon:l("settings")}]:[],tabs:false}),t("udp-side-sheet",{open:this.isQuestionEditorOpen,onUdpSideSheetClose:()=>this.closeQuestionEditor(),onUdpPrimaryButtonClick:()=>{if(!this.hasUnsavedFormSectionsChanges()){return}this.updateFormSectionsWithDraft();this.closeQuestionEditor()},primaryButtonDisabled:!this.hasUnsavedFormSectionsChanges(),title:"Edit Question",position:"right",width:"md",primaryButtonLabel:"Update"},this.isQuestionEditorOpen&&t("div",{class:"question-editor-container"},t("question-configs-renderer",{formSectionsDraft:this.formSectionsDraft,sIndex:this.editingQuestion.sIndex,qIndex:this.editingQuestion.qIndex,isViewOnly:!i,onFormSectionsDraftChange:i=>this.formSectionsDraft=i,lookupOptions:this.lookupOptionsDataProcessed,formType:this.formMetadata.type,isFollowUpFormConfigOn:this.isFollowUpFormConfigOn,isCommentingConfigOn:this.isCommentingConfigOn}))),t("udp-side-sheet",{open:this.isSectionEditorOpen,onUdpSideSheetClose:()=>this.closeSectionEditor(),title:"Edit Section Fields",position:"right",width:"md",primaryButtonDisabled:!this.hasUnsavedFormSectionsChanges(),primaryButtonLabel:"Update",onUdpPrimaryButtonClick:()=>{if(!this.hasUnsavedFormSectionsChanges()){return}this.updateFormSectionsWithDraft();this.closeSectionEditor()}},this.isSectionEditorOpen&&t("div",{class:"section-editor-container"},t("section-configs-renderer",{formSectionsDraft:this.formSectionsDraft,sIndex:this.editingSection.sIndex,isViewOnly:!i,onFormSectionsDraftChange:i=>this.formSectionsDraft=i}))),t("fluent-dialog",{open:this.isDialogOpen,message:this.dialogMessage,labelOne:"Confirm",labelTwo:"Cancel",actionOne:()=>{if(typeof this.dialogAction==="function"){this.dialogAction()}},actionTwo:()=>this.isDialogOpen=false}),this.isLoading&&t("udp-linear-loader",null),!this.isLoading&&t("udp-container",{maxWidth:"lg"},t("div",{class:"udp-forms-page"},t("div",{class:"form-details-container"},t("div",{class:"form-details-name-container"},i?t("div",{class:"form-details-name-input"},t("text-field",{label:"Form Name",value:this.formMetadata.name,placeholder:"Form Name",disabled:!i,required:true,margin:"none",maxCharacter:128,onInput:i=>{this.formMetadata=Object.assign(Object.assign({},this.formMetadata),{name:i.target.value})}})):t("div",{class:"form-details-name-display"},t("unity-typography",{variant:"h2"},this.formMetadata.name+" (View Only)"))),t("div",{class:"form-details-description-container"},i?t("div",{class:"form-details-details-input"},t("text-area",{label:"Form Description",value:this.formMetadata.description,placeholder:"Form Description",disabled:!i,required:false,margin:"none",maxCharacter:256,onInput:i=>{this.formMetadata=Object.assign(Object.assign({},this.formMetadata),{description:i.target.value})}})):t("div",{class:"form-details-description-display"},t("unity-typography",null,this.formMetadata.description))),this.isFollowUpFormConfigOn&&(this.isNewForm?t("udp-selector",{label:"Form Type",key:"udo-form-type-selector",initialValue:this.formMetadata.type,options:this.formTypeOptions,disabled:!i||!this.isNewForm,required:true,onChange:i=>{this.formMetadata=Object.assign(Object.assign({},this.formMetadata),{type:i.detail})}}):t("div",{class:"form-details-version-container"},t("unity-typography",null,"Form Type: ",m[this.formMetadata.type]))),t("div",{class:"form-details-version-container"},t("unity-typography",null,"Version: ",this.formMetadata.version)),this.isPublicFormConfigOn&&t("div",{class:"form-details-private-container"},t("div",{class:"toggle-container"},t("stencil-toggle",{label:"Private Form",margin:"none",disabled:!i,checked:this.formMetadata.isPrivate===true,labelPosition:"right",onToggledChange:()=>{let i=!this.formMetadata.isPrivate;this.formMetadata=Object.assign(Object.assign({},this.formMetadata),{isPrivate:i})}})))),i&&t("div",{class:"add-question-button-container"},t("udp-button",{startIcon:t("udp-icon",{iconName:"add",color:"inherit"}),onClick:()=>{const i=this.formSections.length;const t=r(this.formSections);t.push(Object.assign(Object.assign({},a),{order:i+1,title:`Section ${i+1}`}));this.formSections=t}},"Add a Section")),this.formSections.map(((o,s)=>{var e,c;return t("div",{key:s,class:"form-section"},t("div",{class:"form-section-header"},t("div",{class:"form-section-header-title"},t("unity-typography",{variant:"h6",color:"inherit"},o.title)),i&&t("div",{class:"form-section-header-actions"},s>0&&t("stencil-icon-button",{icon:l("arrowUp"),tooltip:"Move Section Up",onClick:()=>{this.handleSectionMoveUp(s)}}),s<this.formSections.length-1&&t("stencil-icon-button",{icon:l("arrowDown"),tooltip:"Move Section Down",onClick:()=>{this.handleSectionMoveDown(s)}}),t("stencil-icon-button",{icon:l("edit"),tooltip:`Edit Section Fields`,onClick:()=>this.handleSectionEditClick(s)}),t("stencil-icon-button",{icon:l("trashCan"),tooltip:"Delete Section",onClick:i=>{i.stopPropagation();this.dialogMessage="Are you sure you want to delete this section?";this.dialogAction=()=>{this.handleSectionDelete(s);this.isDialogOpen=false};this.isDialogOpen=true}}))),t("div",{class:"form-section-questions-container"},(this.isNewForm||this.isMostRecentFormVersion)&&this.showMenuAtIndex&&this.showMenuAtIndex.sIndex===s&&this.showMenuAtIndex.qIndex===0&&t("udp-forms-builder-menu",{isVisible:true,questionsTemplate:n,onAddSection:()=>{const i=this.formSections.length;const t=r(this.formSections);t.push(Object.assign(Object.assign({},a),{order:i,title:`Section ${i+1}`}));this.formSections=t;this.showMenuAtIndex={sIndex:i,qIndex:0}},onAddQuestion:i=>{const t=this.showMenuAtIndex?this.addQuestionOfType(i.detail,this.showMenuAtIndex.sIndex,this.showMenuAtIndex.qIndex):this.addQuestionOfType(i.detail);this.editingQuestion=Object.assign({},t);this.isQuestionEditorOpen=true},onCancelClick:()=>this.showMenuAtIndex=null}),t("div",{class:"form-section-questions-draggable-container",id:`section-${s}`},o.formQuestions.map(((o,e)=>t("udp-forms-builder-question-item",{key:o.id,iconName:o.icon,primaryText:`${o.questionText}`,secondaryText:o.helperText?o.helperText:null,avatarBackgroundColor:this.validateQuestionItem(s,e)?"info":"warning"},t("stencil-chip",{slot:"status-chip",text:"Required",showDelete:false,clickable:false,hidden:!o.required}),i&&t("div",{slot:"drag-and-drop"},t("div",{class:"form-question-drag-handle"},t("div",{class:"drag-wrapper"},t("stencil-icon-button",{icon:l("draggable"),tooltip:"Move Question",noBackground:true})))),t("div",{slot:"actions"},i?t("fragment",null,t("stencil-icon-button",{icon:l("edit"),tooltip:"Edit Question Details",onClick:i=>{i.stopPropagation();this.handleQuestionClick(s,e)},noBackground:true}),t("stencil-icon-button",{icon:l("copy"),tooltip:"Duplicate Question",onClick:i=>{i.stopPropagation();this.handleQuestionCopy(s,e)},noBackground:true}),t("stencil-icon-button",{icon:l("trashCan"),tooltip:"Delete Question",onClick:i=>{i.stopPropagation();this.dialogMessage="Are you sure you want to delete this question?";this.dialogAction=()=>{this.handleQuestionDelete(s,e);this.isDialogOpen=false};this.isDialogOpen=true},noBackground:true})):t("stencil-icon-button",{icon:l("view"),tooltip:"View Question Details",onClick:i=>{i.stopPropagation();this.handleQuestionClick(s,e)},noBackground:true})))))),i&&!this.showMenuAtIndex&&t("div",{class:"add-question-to-section-button-container"},t("udp-button",{variant:"text",onClick:()=>{this.showMenuAtIndex={sIndex:s,qIndex:o.formQuestions.length}},startIcon:t("udp-icon",{iconName:"add",color:"inherit"})},"Add a Question")),i&&((e=this.showMenuAtIndex)===null||e===void 0?void 0:e.sIndex)===s&&((c=this.showMenuAtIndex)===null||c===void 0?void 0:c.qIndex)===o.formQuestions.length&&o.formQuestions.length>0&&t("udp-forms-builder-menu",{isVisible:true,questionsTemplate:n,onAddSection:()=>{const i=r(this.formSections);i.splice(s+1,0,[]);this.formSections=i;this.showMenuAtIndex=null},onAddQuestion:i=>{if(this.showMenuAtIndex){const t=this.addQuestionOfType(i.detail,this.showMenuAtIndex.sIndex,this.showMenuAtIndex.qIndex);this.editingQuestion=Object.assign({},t);this.isQuestionEditorOpen=true}},onCancelClick:()=>this.showMenuAtIndex=null})))})))))}get hostEl(){return o(this)}static get watchers(){return{formId:["onFormIdOrVersionChange"],version:["onFormIdOrVersionChange"]}}};v.style=b;export{v as udp_forms_builder};
-//# sourceMappingURL=udp-forms-builder.entry.js.map
+import{r as i,h as t,a as o}from"./index-DFnjA9NX.js";import{m as s}from"./makeApiCall-B-daVutk.js";import{f as e,q as n,d as r,a as c,s as a}from"./udp-forms-builder-question-template-BsYOju9V.js";import{g as l}from"./iconUtils-DcPvHO4A.js";import{g as h}from"./tenantUtils-Basdb1b1.js";import d from"sortablejs";import{v4 as p}from"uuid";import{U as m,a as u}from"./enums-D5dod6Ie.js";import{C as b}from"./configService-BqLfkVKh.js";import"axios";import"./iconMapping-CPerGeNF.js";import"@carbon/icons/es/add/16";import"@carbon/icons/es/add/32";import"@carbon/icons/es/add--alt/16";import"@carbon/icons/es/add--filled/16";import"@carbon/icons/es/arrows--horizontal/16";import"@carbon/icons/es/attachment/16";import"@carbon/icons/es/batch-job/16";import"@carbon/icons/es/box/16";import"@carbon/icons/es/close/16";import"@carbon/icons/es/close/24";import"@carbon/icons/es/close/32";import"@carbon/icons/es/close--filled/16";import"@carbon/icons/es/close--outline/16";import"@carbon/icons/es/checkmark/16";import"@carbon/icons/es/checkmark/24";import"@carbon/icons/es/checkmark/32";import"@carbon/icons/es/chevron--left/16";import"@carbon/icons/es/chevron--right/16";import"@carbon/icons/es/chevron--down/16";import"@carbon/icons/es/data-enrichment/16";import"@carbon/icons/es/document/16";import"@carbon/icons/es/document--add/16";import"@carbon/icons/es/document--attachment/16";import"@carbon/icons/es/document--pdf/16";import"@carbon/icons/es/document--video/16";import"@carbon/icons/es/document--audio/16";import"@carbon/icons/es/draggable/16";import"@carbon/icons/es/edit/16";import"@carbon/icons/es/export/16";import"@carbon/icons/es/flag/16";import"@carbon/icons/es/information/16";import"@carbon/icons/es/information/32";import"@carbon/icons/es/link/16";import"@carbon/icons/es/overflow-menu--vertical/16";import"@carbon/icons/es/overflow-menu--vertical/32";import"@carbon/icons/es/return/16";import"@carbon/icons/es/save/16";import"@carbon/icons/es/settings/16";import"@carbon/icons/es/subtract/16";import"@carbon/icons/es/subtract--alt/16";import"@carbon/icons/es/subtract--filled/16";import"@carbon/icons/es/trash-can/16";import"@carbon/icons/es/user/16";import"@carbon/icons/es/view/16";import"@carbon/icons/es/warning/16";import"@carbon/icons/es/warning/32";import"@carbon/icons/es/warning--alt/16";import"@carbon/icons/es/warning--alt/32";import"@carbon/icons/es/product/16";import"@carbon/icons/es/workspace/16";import"@carbon/icons/es/arrow--up/16";import"@carbon/icons/es/arrow--down/16";import"@carbon/icons/es/arrow--right/16";import"@carbon/icons/es/arrow--left/16";import"@carbon/icons/es/copy/16";import"@carbon/icons/es/star/16";import"@carbon/icons/es/data-table/16";import"@carbon/icons/es/fit-to-width/16";import"@carbon/icons/es/search--advanced/16";import"@carbon/icons/es/reset/16";import"@carbon/icons/es/column/16";import"@carbon/icons/es/column--delete/16";import"@carbon/icons/es/watson-health/rotate--360/16";import"@carbon/icons/es/filter/16";import"@carbon/icons/es/app-connectivity/16";import"@carbon/icons/es/text--font/16";import"@carbon/icons/es/text--long-paragraph/16";import"@carbon/icons/es/character--whole-number/16";import"@carbon/icons/es/checkbox--checked/16";import"@carbon/icons/es/radio-button--checked/16";import"@carbon/icons/es/event--schedule/16";import"@carbon/icons/es/view--off/16";import"@carbon/icons/es/time/16";import"@carbon/icons/es/calendar/16";import"@carbon/icons/es/list--checked/16";import"@carbon/icons/es/list--bulleted/16";import"@carbon/icons/es/cloud--upload/16";import"@carbon/icons/es/locked/16";import"@carbon/icons/es/pause/16";import"@carbon/icons/es/unlocked/16";import"@carbon/icons/es/send/16";import"@carbon/icons/es/email/16";import"@carbon/icons/es/checkmark--outline/16";import"@carbon/icons/es/migrate--alt/16";import"@carbon/icons/es/checkbox--checked--filled/16";import"@carbon/icons/es/checkbox/16";import"@carbon/icons/es/ZIP/16";import"@carbon/icons/es/image/16";import"@carbon/icons/es/PPT/16";import"@carbon/icons/es/XLS/16";const f=class{constructor(t){i(this,t),this.isFollowUpFormConfigOn=!1,this.isPublicFormConfigOn=!1,this.isCommentingConfigOn=!0,this.formsBuilderUrlPath="",this.formMetadata=e,this.formSections=[],this.formSectionsDraft=[],this.isNewForm=!0,this.isMostRecentFormVersion=!1,this.isError=!1,this.isLoading=!1,this.isShowStyleOverrides=!1,this.isStyleSheetOpen=!1,this.isDialogOpen=!1,this.showMenuAtIndex=null,this.editingQuestion=null,this.editingSection=null,this.isQuestionEditorOpen=!1,this.isSectionEditorOpen=!1,this.lookupOptionsDataProcessed=[],this.dialogAction=null,this.dialogMessage="Are you sure you want to delete this?",this.sortableInstances=[],this.formsBuilderPageId=m.FormBuilderPageId,this.formTypeOptions=Object.keys(u).filter((i=>isNaN(Number(i)))).map((i=>({value:String(u[i]),label:i}))),this.toggleStyleSheet=()=>{this.isStyleSheetOpen=!this.isStyleSheetOpen},this.getQuestionTypeName=i=>{const t=n.find((t=>t.fieldTypeId===i));return t?t.questionTypeName:"Unknown"},this.getIsContainsOptionItems=i=>{const t=n.find((t=>t.fieldTypeId===i));return t&&t.isContainsOptionItems||!1},this.getIconForQuestion=i=>{const t=n.find((t=>t.fieldTypeId===i));return t?t.icon:null},this.handleQuestionDelete=(i,t)=>{const o=r(this.formSections);o[i].formQuestions.splice(t,1),this.formSections=o},this.handleQuestionCopy=(i,t)=>{const o=r(this.formSections),s=this.formSections[i].formQuestions[t],e=Object.assign(Object.assign({},s),{questionText:(s.questionText||"")+" (Copy)",id:p()});o[i].formQuestions.splice(t+1,0,e),this.formSections=o},this.handleQuestionClick=(i,t)=>{this.editingQuestion={sIndex:i,qIndex:t},this.isQuestionEditorOpen=!0,this.formSectionsDraft=r(this.formSections)},this.closeQuestionEditor=()=>{this.isQuestionEditorOpen=!1,this.editingQuestion=null,this.formSectionsDraft=null},this.addQuestionOfType=(i,t,o)=>{const s={questionTypeName:i.questionTypeName,fieldTypeId:i.fieldTypeId,fieldProperties:i.defaultFieldProperties,helperText:"",questionText:"",section:void 0!==t?t+1:this.formSections.length>0?this.formSections[this.formSections.length-1].formQuestions[0].section:1,isContainsOptionItems:i.isContainsOptionItems,icon:i.icon,required:!1,form:null,isPrivate:!0,id:p()},e=r(this.formSections);let n=t,a=o;if(void 0!==t&&void 0!==o)if(e[t].formQuestions)e[t].formQuestions.splice(o,0,s);else{const i=e.length-1;e[i].formQuestions.push(s),n=i,a=e[i].formQuestions.length-1}else{const i=e.length-1;i<0||0===e[i].formQuestions.length?(e.push(Object.assign(Object.assign({},c),{formQuestions:[s]})),n=e.length-1,a=0):(e[i].formQuestions.push(s),n=i,a=e[i].formQuestions.length-1)}return this.formSectionsDraft=e,this.showMenuAtIndex&&(this.showMenuAtIndex=null),{sIndex:n,qIndex:a}},this.handleSectionMoveDown=i=>{if(i>=this.formSections.length-1)return;const t=[...this.formSections];[t[i],t[i+1]]=[t[i+1],t[i]],this.formSections=t},this.handleSectionMoveUp=i=>{if(i<=0)return;const t=[...this.formSections];[t[i],t[i-1]]=[t[i-1],t[i]],this.formSections=t},this.handleSectionDelete=i=>{const t=[...this.formSections];t.splice(i,1),this.formSections=t},this.updateFormSectionsWithDraft=()=>{this.formSections=this.formSectionsDraft,this.formSectionsDraft=null},this.hasUnsavedFormSectionsChanges=()=>JSON.stringify(this.formSections)!==JSON.stringify(this.formSectionsDraft),this.handleSectionEditClick=i=>{this.editingSection={sIndex:i},this.isSectionEditorOpen=!0,this.formSectionsDraft=r(this.formSections)},this.closeSectionEditor=()=>{this.isSectionEditorOpen=!1,this.editingSection=null,this.formSectionsDraft=null}}async initializeForm(){this.formMetadata.isPrivate=e.isPrivate,this.formMetadata.tenantId=h(),this.formMetadata.type=e.type,this.formMetadata.version=e.version,this.formMetadata.name=e.name,this.formMetadata.description=e.description,this.formMetadata.styleOverrides=a;try{this.isLoading=!0;const i=await s("GET",b.productV1ApiUrl+"/UdpLookup");if(!i)throw new Error("Error fetching lookup data");if(this.lookupOptionsDataProcessed=i.map((i=>Object.assign(Object.assign({},i),{value:i.id,label:i.name}))),this.formId&&this.version){const i=await s("GET",`${b.productV1ApiUrl}/UdpForm/${this.formId}/${this.version}/describe`),t=await s("GET",`${b.productV1ApiUrl}/UdpForm/${this.formId}/describe`);if(this.isNewForm=!1,!(i&&t&&i.id&&t))throw new Error("Error fetching form data");i.id==t.id&&i.version==t.version&&(this.isMostRecentFormVersion=!0);const o=structuredClone(i.udpFormUdpFormSection).map((i=>Object.assign(Object.assign({},i),{formQuestions:[]})));o.forEach((i=>{i.sectionProperties=i.sectionProperties?JSON.parse(i.sectionProperties):{}})),i.formQuestions.forEach((i=>{const t=o.find((t=>t.id===i.formSectionId));if(t){const o=Object.assign({},i.fieldProperties);"lookupId"in o&&"items"in o&&delete o.items,t.formQuestions.push(Object.assign(Object.assign({},i),{fieldProperties:o,questionTypeName:this.getQuestionTypeName(i.fieldTypeId),isContainsOptionItems:this.getIsContainsOptionItems(i.fieldTypeId),icon:this.getIconForQuestion(i.fieldTypeId)}))}})),o.forEach((i=>{i.formQuestions.sort(((i,t)=>i.questionOrder-t.questionOrder))})),o.sort(((i,t)=>i.order-t.order));const e=function(i,t){var o={};for(var s in i)Object.prototype.hasOwnProperty.call(i,s)&&t.indexOf(s)<0&&(o[s]=i[s]);if(null!=i&&"function"==typeof Object.getOwnPropertySymbols){var e=0;for(s=Object.getOwnPropertySymbols(i);e<s.length;e++)t.indexOf(s[e])<0&&Object.prototype.propertyIsEnumerable.call(i,s[e])&&(o[s[e]]=i[s[e]])}return o}(i,[]);e.styleOverrides=this.deepMerge(a,JSON.parse(e.styleOverrides)||{}),this.formMetadata=e,this.formSections=o,this.isLoading=!1}}catch(i){this.isError=!0,this.enqueueSnackbar("Error loading form data",{variant:"error",anchorOrigin:{vertical:"top",horizontal:"center"}})}finally{this.isLoading=!1}}async submitForm(){if(this.isValidForm()){this.isLoading=!0;try{const i={name:this.formMetadata.name,description:this.formMetadata.description,tenantId:this.formMetadata.tenantId,isPrivate:this.formMetadata.isPrivate,type:this.formMetadata.type,styleOverrides:JSON.stringify(this.formMetadata.styleOverrides),id:this.formMetadata.id,version:this.formMetadata.version},t=`${b.productV1ApiUrl}/UdpForm${this.isMostRecentFormVersion?"/versions":""}`,o=await s("POST",t,i),e=o.id,n=o.version;if(!o||!o.id||!o.version)throw new Error(`Invalid form response: ${JSON.stringify(o)}`);let r=0,c=0;const a=[];for(const[i,t]of this.formSections.entries()){r+=1;const o=Object.assign(Object.assign({},t),{formId:e,formVersion:n,order:r,sectionProperties:JSON.stringify(t.sectionProperties),name:`section${r}`}),l=await s("POST",`${b.productV1ApiUrl}/UdpFormSection`,o);if(!l||!l.id)throw new Error(`Invalid section response: ${JSON.stringify(l)}`);const h=l.id;for(const o of t.formQuestions){c+=1;const t=Object.assign(Object.assign({},o),{formId:e,formVersion:n,section:i+1,questionOrder:c,formSectionId:h,name:`question${c}`}),r=s("POST",`${b.productV1ApiUrl}/UdpFormQuestion`,t);a.push(r)}}if(await Promise.all(a),this.enqueueSnackbar("Success",{variant:"success",anchorOrigin:{vertical:"top",horizontal:"center"}}),this.formsBuilderUrlPath)return void this.history.push(`${this.formsBuilderUrlPath}&udpf_formId=${e}&udpf_version=${n}`);this.history.push(`/page/${this.formsBuilderPageId}?udpf_formId=${e}&udpf_version=${n}`)}catch(i){console.error("Form submission error:",i),this.enqueueSnackbar("Error saving form",{variant:"error",anchorOrigin:{vertical:"top",horizontal:"center"}})}finally{this.isLoading=!1}}}componentDidLoad(){this.initializeSortable()}componentDidUpdate(){this.initializeSortable()}componentWillLoad(){this.initializeForm()}onFormIdOrVersionChange(){this.initializeForm()}initializeSortable(){(this.isNewForm||this.isMostRecentFormVersion)&&(this.sortableInstances.forEach((i=>i.destroy())),this.sortableInstances=[],this.formSections.forEach(((i,t)=>{const o=this.hostEl.shadowRoot.querySelector(`#section-${t}`);if(o){const i=new d(o,{animation:200,easing:"cubic-bezier(0.25, 1, 0.5, 1)",draggable:"udp-forms-builder-question-item",handle:".form-question-drag-handle",ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",direction:"vertical",forceFallback:!1,dragoverBubble:!1,swapThreshold:.6,onEnd:i=>this.handleDragEnd(i,t)});this.sortableInstances.push(i)}})))}handleDragEnd(i,t){const o=i.oldIndex,s=i.newIndex;if(o===s||null==o||null==s)return;const e=structuredClone(this.formSections[t]),[n]=e.formQuestions.splice(o,1);e.formQuestions.splice(s,0,n);const c=r(this.formSections);c[t]=e,this.formSections=c}deepMerge(i,t){const o=Object.assign({},i);for(const s in t)o[s]=t[s]&&"object"==typeof t[s]&&!Array.isArray(t[s])?this.deepMerge(i[s]||{},t[s]):t[s];return o}isValidForm(){return this.validateFormMetadata()&&this.validateFormSections()&&this.validateAllQuestions()}validateFormMetadata(){var i;return!!(null===(i=this.formMetadata.name)||void 0===i?void 0:i.trim())||(this.enqueueSnackbar("Please enter a form name.",{variant:"error",anchorOrigin:{vertical:"top",horizontal:"center"}}),!1)}validateFormSections(){if(this.formSections.length<1)return this.enqueueSnackbar("Please add at least one section to the form.",{variant:"error",anchorOrigin:{vertical:"top",horizontal:"center"}}),!1;for(let i=0;i<this.formSections.length;i++){const t=this.formSections[i];if(((null==t?void 0:t.formQuestions)||[]).length<1)return this.enqueueSnackbar(`Section ${(null==t?void 0:t.title)?`"${t.title}"`:`#${i+1}`} must contain at least one question.`,{variant:"error",anchorOrigin:{vertical:"top",horizontal:"center"}}),!1}return!0}validateAllQuestions(){for(let i=0;i<this.formSections.length;i++){const t=this.formSections[i],o=(null==t?void 0:t.formQuestions)||[];for(let t=0;t<o.length;t++)if(!this.validateQuestionItem(i,t))return this.enqueueSnackbar("Please validate all questions.",{variant:"error",anchorOrigin:{vertical:"top",horizontal:"center"}}),!1}return!0}validateQuestionItem(i,t){const o=this.formSections[i].formQuestions[t],s=n.find((i=>i.fieldTypeId===o.fieldTypeId));if(!(s&&s.questionTextOptional||o.questionText))return!1;if(o.isContainsOptionItems){const i=o.fieldProperties;if(!(null==i?void 0:i.lookupId)){if(!Array.isArray(null==i?void 0:i.items)||0===i.items.length)return!1;if(i.items.some((i=>!i.display||!i.value)))return!1}}return!0}render(){if(this.isError)return t("div",null," There is an Error With the Form Builder");const i=this.isNewForm||this.isMostRecentFormVersion;return t("div",null,t("primary-action-header",{title:"UDP Form Builder",actionButtonLabel:i?this.isMostRecentFormVersion?`Create New Version (v.${this.version+1})`:"Create New Form":"",primaryActionClick:i?()=>this.submitForm():null,defaultActionButtons:i?[{label:"Style Overrides",clickHandler:this.toggleStyleSheet,tooltip:"Style Overrides",visible:!1,icon:l("settings")}]:[],tabs:!1}),t("udp-side-sheet",{open:this.isQuestionEditorOpen,onUdpSideSheetClose:()=>this.closeQuestionEditor(),onUdpPrimaryButtonClick:()=>{this.hasUnsavedFormSectionsChanges()&&(this.updateFormSectionsWithDraft(),this.closeQuestionEditor())},primaryButtonDisabled:!this.hasUnsavedFormSectionsChanges(),title:"Edit Question",position:"right",width:"md",primaryButtonLabel:"Update"},this.isQuestionEditorOpen&&t("div",{class:"question-editor-container"},t("question-configs-renderer",{formSectionsDraft:this.formSectionsDraft,sIndex:this.editingQuestion.sIndex,qIndex:this.editingQuestion.qIndex,isViewOnly:!i,onFormSectionsDraftChange:i=>this.formSectionsDraft=i,lookupOptions:this.lookupOptionsDataProcessed,formType:this.formMetadata.type,isFollowUpFormConfigOn:this.isFollowUpFormConfigOn,isCommentingConfigOn:this.isCommentingConfigOn}))),t("udp-side-sheet",{open:this.isSectionEditorOpen,onUdpSideSheetClose:()=>this.closeSectionEditor(),title:"Edit Section Fields",position:"right",width:"md",primaryButtonDisabled:!this.hasUnsavedFormSectionsChanges(),primaryButtonLabel:"Update",onUdpPrimaryButtonClick:()=>{this.hasUnsavedFormSectionsChanges()&&(this.updateFormSectionsWithDraft(),this.closeSectionEditor())}},this.isSectionEditorOpen&&t("div",{class:"section-editor-container"},t("section-configs-renderer",{formSectionsDraft:this.formSectionsDraft,sIndex:this.editingSection.sIndex,isViewOnly:!i,onFormSectionsDraftChange:i=>this.formSectionsDraft=i}))),t("fluent-dialog",{open:this.isDialogOpen,message:this.dialogMessage,labelOne:"Confirm",labelTwo:"Cancel",actionOne:()=>{"function"==typeof this.dialogAction&&this.dialogAction()},actionTwo:()=>this.isDialogOpen=!1}),this.isLoading&&t("udp-linear-loader",null),!this.isLoading&&t("udp-container",{maxWidth:"lg"},t("div",{class:"udp-forms-page"},t("div",{class:"form-details-container"},t("div",{class:"form-details-name-container"},i?t("div",{class:"form-details-name-input"},t("text-field",{label:"Form Name",value:this.formMetadata.name,placeholder:"Form Name",disabled:!i,required:!0,margin:"none",maxCharacter:128,onInput:i=>{this.formMetadata=Object.assign(Object.assign({},this.formMetadata),{name:i.target.value})}})):t("div",{class:"form-details-name-display"},t("unity-typography",{variant:"h2"},this.formMetadata.name+" (View Only)"))),t("div",{class:"form-details-description-container"},i?t("div",{class:"form-details-details-input"},t("text-area",{label:"Form Description",value:this.formMetadata.description,placeholder:"Form Description",disabled:!i,required:!1,margin:"none",maxCharacter:256,onInput:i=>{this.formMetadata=Object.assign(Object.assign({},this.formMetadata),{description:i.target.value})}})):t("div",{class:"form-details-description-display"},t("unity-typography",null,this.formMetadata.description))),this.isFollowUpFormConfigOn&&(this.isNewForm?t("udp-selector",{label:"Form Type",key:"udo-form-type-selector",initialValue:this.formMetadata.type,options:this.formTypeOptions,disabled:!i||!this.isNewForm,required:!0,onChange:i=>{this.formMetadata=Object.assign(Object.assign({},this.formMetadata),{type:i.detail})}}):t("div",{class:"form-details-version-container"},t("unity-typography",null,"Form Type: ",u[this.formMetadata.type]))),t("div",{class:"form-details-version-container"},t("unity-typography",null,"Version: ",this.formMetadata.version)),this.isPublicFormConfigOn&&t("div",{class:"form-details-private-container"},t("div",{class:"toggle-container"},t("stencil-toggle",{label:"Private Form",margin:"none",disabled:!i,checked:!0===this.formMetadata.isPrivate,labelPosition:"right",onToggledChange:()=>{let i=!this.formMetadata.isPrivate;this.formMetadata=Object.assign(Object.assign({},this.formMetadata),{isPrivate:i})}})))),i&&t("div",{class:"add-question-button-container"},t("udp-button",{startIcon:t("udp-icon",{iconName:"add",color:"inherit"}),onClick:()=>{const i=this.formSections.length,t=r(this.formSections);t.push(Object.assign(Object.assign({},c),{order:i+1,title:`Section ${i+1}`})),this.formSections=t}},"Add a Section")),this.formSections.map(((o,s)=>{var e,a;return t("div",{key:s,class:"form-section"},t("div",{class:"form-section-header"},t("div",{class:"form-section-header-title"},t("unity-typography",{variant:"h6",color:"inherit"},o.title)),i&&t("div",{class:"form-section-header-actions"},s>0&&t("stencil-icon-button",{icon:l("arrowUp"),tooltip:"Move Section Up",onClick:()=>{this.handleSectionMoveUp(s)}}),s<this.formSections.length-1&&t("stencil-icon-button",{icon:l("arrowDown"),tooltip:"Move Section Down",onClick:()=>{this.handleSectionMoveDown(s)}}),t("stencil-icon-button",{icon:l("edit"),tooltip:"Edit Section Fields",onClick:()=>this.handleSectionEditClick(s)}),t("stencil-icon-button",{icon:l("trashCan"),tooltip:"Delete Section",onClick:i=>{i.stopPropagation(),this.dialogMessage="Are you sure you want to delete this section?",this.dialogAction=()=>{this.handleSectionDelete(s),this.isDialogOpen=!1},this.isDialogOpen=!0}}))),t("div",{class:"form-section-questions-container"},(this.isNewForm||this.isMostRecentFormVersion)&&this.showMenuAtIndex&&this.showMenuAtIndex.sIndex===s&&0===this.showMenuAtIndex.qIndex&&t("udp-forms-builder-menu",{isVisible:!0,questionsTemplate:n,onAddSection:()=>{const i=this.formSections.length,t=r(this.formSections);t.push(Object.assign(Object.assign({},c),{order:i,title:`Section ${i+1}`})),this.formSections=t,this.showMenuAtIndex={sIndex:i,qIndex:0}},onAddQuestion:i=>{const t=this.showMenuAtIndex?this.addQuestionOfType(i.detail,this.showMenuAtIndex.sIndex,this.showMenuAtIndex.qIndex):this.addQuestionOfType(i.detail);this.editingQuestion=Object.assign({},t),this.isQuestionEditorOpen=!0},onCancelClick:()=>this.showMenuAtIndex=null}),t("div",{class:"form-section-questions-draggable-container",id:`section-${s}`},o.formQuestions.map(((o,e)=>t("udp-forms-builder-question-item",{key:o.id,iconName:o.icon,primaryText:`${o.questionText}`,secondaryText:o.helperText?o.helperText:null,avatarBackgroundColor:this.validateQuestionItem(s,e)?"info":"warning"},t("stencil-chip",{slot:"status-chip",text:"Required",showDelete:!1,clickable:!1,hidden:!o.required}),i&&t("div",{slot:"drag-and-drop"},t("div",{class:"form-question-drag-handle"},t("div",{class:"drag-wrapper"},t("stencil-icon-button",{icon:l("draggable"),tooltip:"Move Question",noBackground:!0})))),t("div",{slot:"actions"},i?t("fragment",null,t("stencil-icon-button",{icon:l("edit"),tooltip:"Edit Question Details",onClick:i=>{i.stopPropagation(),this.handleQuestionClick(s,e)},noBackground:!0}),t("stencil-icon-button",{icon:l("copy"),tooltip:"Duplicate Question",onClick:i=>{i.stopPropagation(),this.handleQuestionCopy(s,e)},noBackground:!0}),t("stencil-icon-button",{icon:l("trashCan"),tooltip:"Delete Question",onClick:i=>{i.stopPropagation(),this.dialogMessage="Are you sure you want to delete this question?",this.dialogAction=()=>{this.handleQuestionDelete(s,e),this.isDialogOpen=!1},this.isDialogOpen=!0},noBackground:!0})):t("stencil-icon-button",{icon:l("view"),tooltip:"View Question Details",onClick:i=>{i.stopPropagation(),this.handleQuestionClick(s,e)},noBackground:!0})))))),i&&!this.showMenuAtIndex&&t("div",{class:"add-question-to-section-button-container"},t("udp-button",{variant:"text",onClick:()=>{this.showMenuAtIndex={sIndex:s,qIndex:o.formQuestions.length}},startIcon:t("udp-icon",{iconName:"add",color:"inherit"})},"Add a Question")),i&&(null===(e=this.showMenuAtIndex)||void 0===e?void 0:e.sIndex)===s&&(null===(a=this.showMenuAtIndex)||void 0===a?void 0:a.qIndex)===o.formQuestions.length&&o.formQuestions.length>0&&t("udp-forms-builder-menu",{isVisible:!0,questionsTemplate:n,onAddSection:()=>{const i=r(this.formSections);i.splice(s+1,0,[]),this.formSections=i,this.showMenuAtIndex=null},onAddQuestion:i=>{if(this.showMenuAtIndex){const t=this.addQuestionOfType(i.detail,this.showMenuAtIndex.sIndex,this.showMenuAtIndex.qIndex);this.editingQuestion=Object.assign({},t),this.isQuestionEditorOpen=!0}},onCancelClick:()=>this.showMenuAtIndex=null})))})))))}get hostEl(){return o(this)}static get watchers(){return{formId:[{onFormIdOrVersionChange:0}],version:[{onFormIdOrVersionChange:0}]}}};f.style=":host{display:block;--udp-form-primary-color:#007bff;--udp-form-spacing-unit:16px}.udp-forms-page{display:flex;flex-direction:column;gap:var(--spacing-06, 32px);padding:var(--spacing-06, 32px);padding-bottom:var(--spacing-12)}.form-section-questions-container{display:flex;flex-direction:column}.form-details-container{display:flex;flex-direction:column;padding:var(--spacing-05, 24px);background-color:var(--card-background-color, white)}.form-details-version-container{margin-bottom:var(--spacing-05)}.udp-form-builder-field-container,.udp-forms-builder-item-generic-configs,.udp-forms-builder-item-specific-configs{display:flex;flex-direction:column;gap:var(--spacing-04, 16px)}.form-section{}.form-section-header{display:flex;flex-direction:row;justify-content:space-between;background-color:var(--primary-color-dark, #000);color:var(--primary-contrast-text, #FFF);padding:var(--spacing-04, 16px) var(--spacing-05, 24px);align-items:center}.add-question-button-container{display:flex;justify-content:center;align-items:center}.question-editor-container{padding:var(--spacing-05, 24px);display:flex;flex-direction:column;gap:var(--spacing-05, 24px)}.add-question-to-section-button-container{padding:var(--spacing-02, 8px) 0;margin:auto}.sortable-ghost{opacity:0.5;transform:scale(0.98);background:#f4f4f4;border:1px dashed #ccc}.sortable-chosen{background:#eef6ff;box-shadow:0 0 4px 2px rgba(51, 153, 255, 0.3)}.form-question-drag-handle{transform:rotate(90deg);cursor:grab}.form-question-drag-handle:active{cursor:grabbing}.form-question-drag-handle .drag-wrapper{cursor:inherit}.form-question-drag-handle stencil-icon-button{pointer-events:none;}";export{f as udp_forms_builder}

package/dist/stencil-library/udp-forms-follow-up-list-card.entry.js CHANGED Viewed

@@ -1,2 +1 @@
-import{r as e,h as t,F as a}from"./index-CaZq3YdB.js";import{a as d}from"./enums-CHxgVY-B.js";const r=class{constructor(t){e(this,t)}render(){const e=t(a,{key:"af4d232501675041c5634dec614cb7e1d85306e8"},t("unity-typography",{key:"dcbe122b7125db4985ef56e2b3dfdc43aa8d3dff",variant:"body1",color:"textSecondary"},"Version: ",this.listItemData.version),t("unity-typography",{key:"3e979696dceff562c3877fb4301a80e7e8284018",variant:"body1",color:"textSecondary"},"Form Type: ",d[this.listItemData.type]));return t("udp-card",{key:"5a232f80f8e4ad9b1bc2953d14c894c4ceff0c1f",cardTitle:this.listItemData.name,subheader:this.listItemData.description,onTitleClick:()=>this.handleLaunchFollowUpForm(),disableContentPadding:true,adornmentStatus:"info"},e)}};export{r as udp_forms_follow_up_list_card};
-//# sourceMappingURL=udp-forms-follow-up-list-card.entry.js.map
+import{r as e,h as t,F as d}from"./index-DFnjA9NX.js";import{a as o}from"./enums-D5dod6Ie.js";const a=class{constructor(t){e(this,t)}render(){const e=t(d,{key:"0148fa047cd997bc9cff28cd98833074e8dc8f64"},t("unity-typography",{key:"e6d1704c0d97d94253cfda377818114234bd46c9",variant:"body1",color:"textSecondary"},"Version: ",this.listItemData.version),t("unity-typography",{key:"f6e98358257ddf8596abfdb100f5a633c063752a",variant:"body1",color:"textSecondary"},"Form Type: ",o[this.listItemData.type]));return t("udp-card",{key:"6a5285ec5d718bb09965e61621544e81b900e9eb",cardTitle:this.listItemData.name,subheader:this.listItemData.description,onTitleClick:()=>this.handleLaunchFollowUpForm(),disableContentPadding:!0,adornmentStatus:"info"},e)}};export{a as udp_forms_follow_up_list_card}

package/dist/stencil-library/udp-forms-list-card.entry.js CHANGED Viewed

@@ -1,2 +1 @@
-import{r as t,c as i,h as e,F as s}from"./index-CaZq3YdB.js";import{U as o,a}from"./enums-CHxgVY-B.js";import{d as r}from"./utils-CiUp9KGZ.js";import c from"@carbon/icons/es/chevron--right/16";import d from"@carbon/icons/es/edit/16";import n from"@carbon/icons/es/document--add/16";const f=class{constructor(e){t(this,e);this.closeSidesheet=i(this,"closeSidesheet");this.isFollowUpFormConfigOn=false;this.isRendererRedirectConfigOn=false;this.getFormBuilderUrl=()=>{if(this.formsBuilderUrlPath){return`${this.formsBuilderUrlPath}&udpf_formId=${this.data.id}&udpf_version=${this.data.version}`}return`/page/${o.FormBuilderPageId}?udpf_formId=${this.data.id}&udpf_version=${this.data.version}`};this.getFormRendererUrl=()=>{if(this.formsRendererUrlPath){return`${this.formsRendererUrlPath}?udpf_formId=${this.data.id}&udpf_version=${this.data.version}`}return`/page/${o.FormRendererPageId}?udpf_formId=${this.data.id}&udpf_version=${this.data.version}`};this.formBuilderHandler=()=>{this.history.push(this.getFormBuilderUrl())};this.formRendererHandler=()=>{this.history.push(this.getFormRendererUrl())};this.handleEditOrTitleClick=t=>{t.preventDefault();this.closeSidesheet.emit();this.formBuilderHandler()}}render(){const t=e(s,{key:"d147cd365334db16baab195c839a13069337eb0e"},e("unity-typography",{key:"63bf9ba3ded1002d17ef846254c8f6174f325c69",variant:"body1",color:"textSecondary"},"Version: ",this.data.version),!this.isSideSheetList&&e("unity-typography",{key:"aa8d6c66f6e34b18ce0f1b38d5dbba82dc14c7cd",variant:"body1",color:"textSecondary"},"Last Modified: ",r(this.data.lastModifiedOn)),e("unity-typography",{key:"8aa407465e6fbf43cc1ade9e5a98ea68109f7321",variant:"body1",color:"textSecondary"},"Created On: ",this.isSideSheetList?r(this.data.createdOn):r(this.data.initialCreatedOn)),this.isFollowUpFormConfigOn&&e("unity-typography",{key:"69e11f19e5554ff8cd9ff59e4a948bd3c81a4c08",variant:"body1",color:"textSecondary"},"Form Type: ",a[this.data.type]));const i=e(s,{key:"913b413f01a2f7bf78b9a8a90fa9540dbd30c80e"},e("stencil-icon-button",{key:"60aeffc4db6eb3b309e2f2f63fa83130b1017cb1",icon:d,tooltip:"Edit Form Template",onClick:t=>this.handleEditOrTitleClick(t)}),!this.isSideSheetList&&this.isRendererRedirectConfigOn&&e("stencil-icon-button",{key:"d7e4876e82883ce69315cbea065cc55302e18ebe",icon:n,tooltip:"View Form",onClick:t=>{t.stopPropagation();this.formRendererHandler()}}),!this.isSideSheetList&&e("stencil-icon-button",{key:"831140171eb3783a8f21a7b9570b696fde1ce3ea",icon:c,tooltip:"See Form Version History",onClick:t=>{var i;t.stopPropagation();(i=this.openSideSheet)===null||i===void 0?void 0:i.call(this)}}));return e("udp-card",{key:"ac261f525899bd85f3360fb781af5956eac882b9",cardTitle:this.data.name,subheader:this.data.description,actions:i,onTitleClick:this.handleEditOrTitleClick,disableContentPadding:true,adornmentStatus:"info"},t)}};export{f as udp_forms_list_card};
-//# sourceMappingURL=udp-forms-list-card.entry.js.map
+import{r as t,c as i,h as e,F as o}from"./index-DFnjA9NX.js";import{U as s,a as d}from"./enums-D5dod6Ie.js";import{d as a}from"./utils-kwLwITIE.js";import r from"@carbon/icons/es/chevron--right/16";import n from"@carbon/icons/es/edit/16";import c from"@carbon/icons/es/document--add/16";const h=class{constructor(e){t(this,e),this.closeSidesheet=i(this,"closeSidesheet"),this.isFollowUpFormConfigOn=!1,this.isRendererRedirectConfigOn=!1,this.getFormBuilderUrl=()=>this.formsBuilderUrlPath?`${this.formsBuilderUrlPath}&udpf_formId=${this.data.id}&udpf_version=${this.data.version}`:`/page/${s.FormBuilderPageId}?udpf_formId=${this.data.id}&udpf_version=${this.data.version}`,this.getFormRendererUrl=()=>this.formsRendererUrlPath?`${this.formsRendererUrlPath}?udpf_formId=${this.data.id}&udpf_version=${this.data.version}`:`/page/${s.FormRendererPageId}?udpf_formId=${this.data.id}&udpf_version=${this.data.version}`,this.formBuilderHandler=()=>{this.history.push(this.getFormBuilderUrl())},this.formRendererHandler=()=>{this.history.push(this.getFormRendererUrl())},this.handleEditOrTitleClick=t=>{t.preventDefault(),this.closeSidesheet.emit(),this.formBuilderHandler()}}render(){const t=e(o,{key:"3166b3f05f873b49f68e8ba3589bea738609a96d"},e("unity-typography",{key:"037d7678981cadedb7d0f93fac64beb1c7916494",variant:"body1",color:"textSecondary"},"Version: ",this.data.version),!this.isSideSheetList&&e("unity-typography",{key:"5a23010323d0a47fce7631ed80fd93d501a3225a",variant:"body1",color:"textSecondary"},"Last Modified: ",a(this.data.lastModifiedOn)),e("unity-typography",{key:"21557df926c9f21ae828c33266599ef646602c9b",variant:"body1",color:"textSecondary"},"Created On: ",a(this.isSideSheetList?this.data.createdOn:this.data.initialCreatedOn)),this.isFollowUpFormConfigOn&&e("unity-typography",{key:"985f213e727138071649f58d50e79ff0fb8eee62",variant:"body1",color:"textSecondary"},"Form Type: ",d[this.data.type])),i=e(o,{key:"8707b318aa94dd0da14dae0ee74ac7c2a7dfeb94"},e("stencil-icon-button",{key:"9bd8e2612509a1edb47174079b7b10ebfdc99592",icon:n,tooltip:"Edit Form Template",onClick:t=>this.handleEditOrTitleClick(t)}),!this.isSideSheetList&&this.isRendererRedirectConfigOn&&e("stencil-icon-button",{key:"55e61c2569e0ed68aab3f1b06574ca97ee3db383",icon:c,tooltip:"View Form",onClick:t=>{t.stopPropagation(),this.formRendererHandler()}}),!this.isSideSheetList&&e("stencil-icon-button",{key:"f0f7c2274b0b808f37bc0d4951282e548eb20670",icon:r,tooltip:"See Form Version History",onClick:t=>{var i;t.stopPropagation(),null===(i=this.openSideSheet)||void 0===i||i.call(this)}}));return e("udp-card",{key:"669b56c71cebf72528a33d5994e2496ad10da12d",cardTitle:this.data.name,subheader:this.data.description,actions:i,onTitleClick:this.handleEditOrTitleClick,disableContentPadding:!0,adornmentStatus:"info"},t)}};export{h as udp_forms_list_card}

package/dist/stencil-library/udp-forms-list.entry.js CHANGED Viewed

@@ -1,2 +1 @@
-import{r as e,h as t,a as i}from"./index-CaZq3YdB.js";import{f as s,a}from"./udp-form-api-utils-vPSYCvIA.js";import{U as r}from"./enums-CHxgVY-B.js";import"axios";import"./tenantUtils-Basdb1b1.js";import"./configService-BqLfkVKh.js";const o=":host{display:block}.udp-form-filter-container{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-05);flex-wrap:nowrap;padding:var(--spacing-05) 0}.error-banner{background-color:#fdecea;border:1px solid #f5c6cb;color:#a94442;padding:12px;margin-bottom:12px;border-radius:4px}.selector-group,.search-group{display:flex;gap:0.75rem;align-items:flex-end}.selector-group{flex-grow:1;flex-shrink:1;max-width:500px}";const n=class{constructor(t){e(this,t);this.isPublicFormConfigOn=false;this.isCreateNewFormHeaderActionConfigOn=false;this.isFollowUpFormConfigOn=false;this.isRendererRedirectConfigOn=false;this.isSideSheetOpen=false;this.mainFormsList=[];this.sideSheetFormsList=[];this.mainListPageNumber=1;this.sideSheetListPageNumber=1;this.mainTotalItems=0;this.sideSheetTotalItems=0;this.isLoading=true;this.errorMessage="";this.sortState={sortDirection:"DESC",sortColumn:"lastModifiedOn"};this.searchFilters=[];this.nameFilter="";this.formsBuilderPageId=r.FormBuilderPageId;this.SIDE_SHEET_PAGE_SIZE=5;this.MAIN_PAGE_SIZE=5;this.componentMap={history:"history",isSideSheetList:"isSideSheetList",openSideSheet:"openSideSheet",data:"data",titleClick:"titleClick",formsBuilderUrlPath:"formsBuilderUrlPath",formsRendererUrlPath:"formsRendererUrlPath",isFollowUpFormConfigOn:"isFollowUpFormConfigOn"};this.SORT_DIRECTIONS=[{label:"Asc",value:"ASC"},{label:"Desc",value:"DESC"}];this.SORT_COLUMNS=[{label:"Last Modified",value:"lastModifiedOn"},{label:"Created On",value:"initialCreatedOn"},{label:"Name",value:"name"}];this.FORM_TYPES=[{label:"Any",value:"0"},{label:"Standard",value:"1"},{label:"FollowUp",value:"2"}];this.debouncedFormNameSearch=(()=>{let e;return()=>{clearTimeout(e);e=window.setTimeout((()=>this.loadMainForms()),300)}})();this.handleHeaderPrimaryActionClick=()=>{if(this.formsBuilderUrlPath){this.history.push(this.formsBuilderUrlPath);return}this.history.push(`/page/${this.formsBuilderPageId}`)};this.handleSideSheetPrimaryAction=()=>{const e=this.mainFormsList.find((e=>e.data.id===this.sideSheetFormsList[0].data.id)).data;const t=e.id;const i=e.version;if(this.formsBuilderUrlPath){this.history.push(`${this.formsBuilderUrlPath}&udpf_formId=${t}&udpf_version=${i}`);this.isSideSheetOpen=false;return}this.history.push(`/page/${this.formsBuilderPageId}?udpf_formId=${t}&udpf_version=${i}`);this.isSideSheetOpen=false};this.handleSideSheetClose=()=>{this.sideSheetFormsList=[];this.sideSheetListPageNumber=1;this.sideSheetTotalItems=0;this.isSideSheetOpen=false}}componentDidLoad(){return this.loadMainForms()}async loadMainForms(){var e;this.isLoading=true;this.errorMessage="";try{const t=await s(this.mainListPageNumber,this.MAIN_PAGE_SIZE,this.searchFilters,this.sortState);const i=t.data;if(!i||!Array.isArray(i.pageList)){throw new Error("Malformed data received from server.")}this.mainFormsList=this.formatList(i.pageList,false);this.mainTotalItems=(e=i.total)!==null&&e!==void 0?e:0}catch(e){console.error("Error loading forms data:",e);this.errorMessage="Failed to load forms. Please try again."}finally{this.isLoading=false}}async loadFormVersions(){var e;this.isLoading=true;this.errorMessage="";try{const t=await a(this.currentFormId,this.sideSheetListPageNumber,this.SIDE_SHEET_PAGE_SIZE);const i=t.data;if(!i||!Array.isArray(i.pageList)){throw new Error("Malformed form versions data.")}this.sideSheetFormsList=this.formatList(i.pageList,true);this.sideSheetTotalItems=(e=i.total)!==null&&e!==void 0?e:0}catch(e){console.error("Error loading form versions:",e);this.errorMessage="Failed to load form versions."}finally{this.isLoading=false}}formatList(e,t){return e.map((e=>({data:e,history:this.history,isSideSheetList:t,openSideSheet:()=>this.handleOpenSideSheet(e.id),formsBuilderUrlPath:this.formsBuilderUrlPath,formsRendererUrlPath:this.formsRendererUrlPath,isFollowUpFormConfigOn:this.isFollowUpFormConfigOn,isRendererRedirectConfigOn:this.isRendererRedirectConfigOn})))}async handleMainPageChange(e){this.mainListPageNumber=e;await this.loadMainForms()}handleOrderFilterChange({fieldName:e,value:t}){this.sortState=Object.assign(Object.assign({},this.sortState),{[e]:t})}handleFormNameSearchFilterChange(e){const t=e.target;this.nameFilter=t.value;const i="name";const s="LIKE";const a={searchField:i,searchOperator:s,searchValue:t.value};let r=this.searchFilters.filter((e=>e.searchField!==i));if(t.value.trim()!==""){r.push(a)}this.searchFilters=r;this.mainListPageNumber=1}async handleFormTypeFilterChange(e){const t=e.target;const i=t.value;const s="type";let a=this.searchFilters.filter((e=>e.searchField!==s));if(i!=="0"){const e={searchField:s,searchOperator:"=",searchValue:i};a.push(e)}this.searchFilters=a;this.mainListPageNumber=1;await this.loadMainForms()}async refetchMainListData(e,t){if(JSON.stringify(e)===JSON.stringify(t))return;this.mainListPageNumber=1;await this.loadMainForms()}async handleOpenSideSheet(e){this.currentFormId=e;this.sideSheetListPageNumber=1;this.isSideSheetOpen=true;await this.loadFormVersions()}async handleSideSheetPageChange(e){this.sideSheetListPageNumber=e;await this.loadFormVersions()}renderFilters(){return t("div",{class:"udp-form-filter-container"},t("div",{class:"search-group"},t("text-field",{label:"Search Name",value:this.nameFilter,placeholder:"Search Form Name",onInput:async e=>{this.handleFormNameSearchFilterChange(e);this.debouncedFormNameSearch()},margin:"none"})),t("div",{class:"selector-group"},this.isPublicFormConfigOn&&t("udp-selector",{label:"Form Type",name:"sortColumn",options:this.FORM_TYPES,onChange:async e=>await this.handleFormTypeFilterChange(e),initialValue:"0"}),t("udp-selector",{label:"Sort By",name:"sortColumn",options:this.SORT_COLUMNS,onChange:e=>this.handleOrderFilterChange({fieldName:"sortColumn",value:e.detail}),initialValue:this.sortState.sortColumn}),t("udp-selector",{label:"Sort Direction",name:"sortDirection",options:this.SORT_DIRECTIONS,onChange:e=>this.handleOrderFilterChange({fieldName:"sortDirection",value:e.detail}),initialValue:this.sortState.sortDirection})))}renderSideSheet(){return t("udp-side-sheet",{primaryButtonLabel:"Create New Form Version",title:"Form Version History",open:this.isSideSheetOpen,onUdpSideSheetClose:()=>this.handleSideSheetClose(),position:"right",width:"md",onUdpPrimaryButtonClick:()=>this.handleSideSheetPrimaryAction()},this.isLoading&&this.isSideSheetOpen&&t("udp-linear-loader",null),t("udp-list-renderer",{itemComponent:"udp-forms-list-card",data:this.sideSheetFormsList,pagination:true,isServerSide:true,isLoading:this.isLoading,itemsPerPage:this.SIDE_SHEET_PAGE_SIZE,currentPage:this.sideSheetListPageNumber,totalItems:this.sideSheetTotalItems,onPageChange:e=>this.handleSideSheetPageChange(e.detail),componentDataMap:this.componentMap,spacing:"md",onCloseSidesheet:()=>this.handleSideSheetClose()}))}renderErrorMessage(){return this.errorMessage?t("div",{class:"error-banner"},t("unity-typography",{variant:"body2"},this.errorMessage)):null}render(){return t("div",{key:"e73a567c697644cb26d5ea3eb12c40347917ea74",class:"udp-forms-list-container"},this.isCreateNewFormHeaderActionConfigOn?t("primary-action-header",{title:"UDP Forms",primaryActionClick:()=>this.handleHeaderPrimaryActionClick(),actionButtonLabel:"Create New Form",tabs:false}):t("primary-action-header",{title:"UDP Forms",tabs:false}),this.isLoading&&t("udp-linear-loader",{key:"65c7818ef8ec9adce0855bccf674d7d1d59d15c1"}),this.renderSideSheet(),t("udp-container",{key:"5d57f227d1743af987227e1f9af4c4a326b988d9",maxWidth:"lg"},this.renderErrorMessage(),this.renderFilters(),t("udp-list-renderer",{key:"974973524dbc459391bd38a323cbec764c1af5e0",itemComponent:"udp-forms-list-card",data:this.mainFormsList,pagination:true,isServerSide:true,isLoading:this.isLoading,itemsPerPage:this.MAIN_PAGE_SIZE,currentPage:this.mainListPageNumber,totalItems:this.mainTotalItems,onPageChange:e=>this.handleMainPageChange(e.detail),componentDataMap:this.componentMap,spacing:"md"})),t("udp-forms-list-card",{key:"887d870d0cec70391e04ce9739a3af4ee5404fce",style:{display:"none"}}),t("div",{key:"c3e09b6ecdf501ec37d31a91dc7de007efb95e3e",style:{height:"60px"}}))}get el(){return i(this)}static get watchers(){return{sortState:["refetchMainListData"]}}};n.style=o;export{n as udp_forms_list};
-//# sourceMappingURL=udp-forms-list.entry.js.map
+import{r as t,h as e,a as i}from"./index-DFnjA9NX.js";import{f as s,a}from"./udp-form-api-utils-vPSYCvIA.js";import{U as r}from"./enums-D5dod6Ie.js";import"axios";import"./tenantUtils-Basdb1b1.js";import"./configService-BqLfkVKh.js";const o=class{constructor(e){t(this,e),this.isPublicFormConfigOn=!1,this.isCreateNewFormHeaderActionConfigOn=!1,this.isFollowUpFormConfigOn=!1,this.isRendererRedirectConfigOn=!1,this.isSideSheetOpen=!1,this.mainFormsList=[],this.sideSheetFormsList=[],this.mainListPageNumber=1,this.sideSheetListPageNumber=1,this.mainTotalItems=0,this.sideSheetTotalItems=0,this.isLoading=!0,this.errorMessage="",this.sortState={sortDirection:"DESC",sortColumn:"initialCreatedOn"},this.searchFilters=[],this.nameFilter="",this.formsBuilderPageId=r.FormBuilderPageId,this.SIDE_SHEET_PAGE_SIZE=5,this.MAIN_PAGE_SIZE=5,this.componentMap={history:"history",isSideSheetList:"isSideSheetList",openSideSheet:"openSideSheet",data:"data",titleClick:"titleClick",formsBuilderUrlPath:"formsBuilderUrlPath",formsRendererUrlPath:"formsRendererUrlPath",isFollowUpFormConfigOn:"isFollowUpFormConfigOn"},this.SORT_DIRECTIONS=[{label:"Asc",value:"ASC"},{label:"Desc",value:"DESC"}],this.SORT_COLUMNS=[{label:"Created On",value:"initialCreatedOn"},{label:"Last Modified",value:"lastModifiedOn"},{label:"Name",value:"name"}],this.FORM_TYPES=[{label:"Any",value:"0"},{label:"Standard",value:"1"},{label:"FollowUp",value:"2"}],this.debouncedFormNameSearch=(()=>{let t;return()=>{clearTimeout(t),t=window.setTimeout((()=>this.loadMainForms()),300)}})(),this.handleHeaderPrimaryActionClick=()=>{this.history.push(this.formsBuilderUrlPath?this.formsBuilderUrlPath:`/page/${this.formsBuilderPageId}`)},this.handleSideSheetPrimaryAction=()=>{const t=this.mainFormsList.find((t=>t.data.id===this.sideSheetFormsList[0].data.id)).data,e=t.id,i=t.version;if(this.formsBuilderUrlPath)return this.history.push(`${this.formsBuilderUrlPath}&udpf_formId=${e}&udpf_version=${i}`),void(this.isSideSheetOpen=!1);this.history.push(`/page/${this.formsBuilderPageId}?udpf_formId=${e}&udpf_version=${i}`),this.isSideSheetOpen=!1},this.handleSideSheetClose=()=>{this.sideSheetFormsList=[],this.sideSheetListPageNumber=1,this.sideSheetTotalItems=0,this.isSideSheetOpen=!1}}componentDidLoad(){return this.loadMainForms()}async loadMainForms(){var t;this.isLoading=!0,this.errorMessage="";try{const e=(await s(this.mainListPageNumber,this.MAIN_PAGE_SIZE,this.searchFilters,this.sortState)).data;if(!e||!Array.isArray(e.pageList))throw new Error("Malformed data received from server.");this.mainFormsList=this.formatList(e.pageList,!1),this.mainTotalItems=null!==(t=e.total)&&void 0!==t?t:0}catch(t){console.error("Error loading forms data:",t),this.errorMessage="Failed to load forms. Please try again."}finally{this.isLoading=!1}}async loadFormVersions(){var t;this.isLoading=!0,this.errorMessage="";try{const e=(await a(this.currentFormId,this.sideSheetListPageNumber,this.SIDE_SHEET_PAGE_SIZE)).data;if(!e||!Array.isArray(e.pageList))throw new Error("Malformed form versions data.");this.sideSheetFormsList=this.formatList(e.pageList,!0),this.sideSheetTotalItems=null!==(t=e.total)&&void 0!==t?t:0}catch(t){console.error("Error loading form versions:",t),this.errorMessage="Failed to load form versions."}finally{this.isLoading=!1}}formatList(t,e){return t.map((t=>({data:t,history:this.history,isSideSheetList:e,openSideSheet:()=>this.handleOpenSideSheet(t.id),formsBuilderUrlPath:this.formsBuilderUrlPath,formsRendererUrlPath:this.formsRendererUrlPath,isFollowUpFormConfigOn:this.isFollowUpFormConfigOn,isRendererRedirectConfigOn:this.isRendererRedirectConfigOn})))}async handleMainPageChange(t){this.mainListPageNumber=t,await this.loadMainForms()}handleOrderFilterChange({fieldName:t,value:e}){this.sortState=Object.assign(Object.assign({},this.sortState),{[t]:e})}handleFormNameSearchFilterChange(t){const e=t.target;this.nameFilter=e.value;const i="name",s={searchField:i,searchOperator:"LIKE",searchValue:e.value};let a=this.searchFilters.filter((t=>t.searchField!==i));""!==e.value.trim()&&a.push(s),this.searchFilters=a,this.mainListPageNumber=1}async handleFormTypeFilterChange(t){const e=t.target.value,i="type";let s=this.searchFilters.filter((t=>t.searchField!==i));"0"!==e&&s.push({searchField:i,searchOperator:"=",searchValue:e}),this.searchFilters=s,this.mainListPageNumber=1,await this.loadMainForms()}async refetchMainListData(t,e){JSON.stringify(t)!==JSON.stringify(e)&&(this.mainListPageNumber=1,await this.loadMainForms())}async handleOpenSideSheet(t){this.currentFormId=t,this.sideSheetListPageNumber=1,this.isSideSheetOpen=!0,await this.loadFormVersions()}async handleSideSheetPageChange(t){this.sideSheetListPageNumber=t,await this.loadFormVersions()}renderFilters(){return e("div",{class:"udp-form-filter-container"},e("div",{class:"search-group"},e("text-field",{label:"Search Name",value:this.nameFilter,placeholder:"Search Form Name",onInput:async t=>{this.handleFormNameSearchFilterChange(t),this.debouncedFormNameSearch()},margin:"none"})),e("div",{class:"selector-group"},this.isPublicFormConfigOn&&e("udp-selector",{label:"Form Type",name:"sortColumn",options:this.FORM_TYPES,onChange:async t=>await this.handleFormTypeFilterChange(t),initialValue:"0"}),e("udp-selector",{label:"Sort By",name:"sortColumn",options:this.SORT_COLUMNS,onChange:t=>this.handleOrderFilterChange({fieldName:"sortColumn",value:t.detail}),initialValue:this.sortState.sortColumn}),e("udp-selector",{label:"Sort Direction",name:"sortDirection",options:this.SORT_DIRECTIONS,onChange:t=>this.handleOrderFilterChange({fieldName:"sortDirection",value:t.detail}),initialValue:this.sortState.sortDirection})))}renderSideSheet(){return e("udp-side-sheet",{primaryButtonLabel:"Create New Form Version",title:"Form Version History",open:this.isSideSheetOpen,onUdpSideSheetClose:()=>this.handleSideSheetClose(),position:"right",width:"md",onUdpPrimaryButtonClick:()=>this.handleSideSheetPrimaryAction()},this.isLoading&&this.isSideSheetOpen&&e("udp-linear-loader",null),e("udp-list-renderer",{itemComponent:"udp-forms-list-card",data:this.sideSheetFormsList,pagination:!0,isServerSide:!0,isLoading:this.isLoading,itemsPerPage:this.SIDE_SHEET_PAGE_SIZE,currentPage:this.sideSheetListPageNumber,totalItems:this.sideSheetTotalItems,onPageChange:t=>this.handleSideSheetPageChange(t.detail),componentDataMap:this.componentMap,spacing:"md",onCloseSidesheet:()=>this.handleSideSheetClose()}))}renderErrorMessage(){return this.errorMessage?e("div",{class:"error-banner"},e("unity-typography",{variant:"body2"},this.errorMessage)):null}render(){return e("div",{key:"521f65ec8356fbd1cc33ca101ae454acd65047ec",class:"udp-forms-list-container"},e("primary-action-header",this.isCreateNewFormHeaderActionConfigOn?{title:"UDP Forms",primaryActionClick:()=>this.handleHeaderPrimaryActionClick(),actionButtonLabel:"Create New Form",tabs:!1}:{title:"UDP Forms",tabs:!1}),this.isLoading&&e("udp-linear-loader",{key:"6a080e748bd474223c77805ee51a94baaba7698f"}),this.renderSideSheet(),e("udp-container",{key:"682a613ced5e4d9c8b0aec6ce4b4450efd4b3967",maxWidth:"lg"},this.renderErrorMessage(),this.renderFilters(),e("udp-list-renderer",{key:"8e49e0bdef5d4ee15ec56c2358e68b38c4b69080",itemComponent:"udp-forms-list-card",data:this.mainFormsList,pagination:!0,isServerSide:!0,isLoading:this.isLoading,itemsPerPage:this.MAIN_PAGE_SIZE,currentPage:this.mainListPageNumber,totalItems:this.mainTotalItems,onPageChange:t=>this.handleMainPageChange(t.detail),componentDataMap:this.componentMap,spacing:"md"})),e("udp-forms-list-card",{key:"5386a41357733fc99e6b8540596bd64a758af33a",style:{display:"none"}}),e("div",{key:"675cf300948e4f506f7470366f643451d9be5096",style:{height:"60px"}}))}get el(){return i(this)}static get watchers(){return{sortState:[{refetchMainListData:0}]}}};o.style=":host{display:block}.udp-form-filter-container{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-05);flex-wrap:nowrap;padding:var(--spacing-05) 0}.error-banner{background-color:#fdecea;border:1px solid #f5c6cb;color:#a94442;padding:12px;margin-bottom:12px;border-radius:4px}.selector-group,.search-group{display:flex;gap:0.75rem;align-items:flex-end}.selector-group{flex-grow:1;flex-shrink:1;max-width:500px}";export{o as udp_forms_list}