npm - udp-stencil-component-library - Versions diffs - 26.5.0-beta.2 → 26.5.0-beta.21 - Mend

udp-stencil-component-library 26.5.0-beta.2 → 26.5.0-beta.21

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 (1210) hide show

package/dist/stencil-library/stencil-toggle.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{r as t,c as i,h as e,H as p,a as o}from"./index-Cgpvu-iV.js";const n=class{constructor(e){t(this,e),this.toggledChange=i(this,"toggledChange",7),this.toggled=!1,this.labelPosition="left",this.disabled=!1,this.margin="normal",this.size="normal"}updateError(){this.errorMessage=this.error}initialValueChanged(t){void 0!==t&&(this.toggled="true"===t\|\|"1"===t\|\|"on"===t)}checkedChanged(){void 0!==this.checked&&this.checked!==this.toggled&&(this.toggled=this.checked)}componentWillLoad(){this.toggled=void 0!==this.initialValue?"true"===this.initialValue\|\|"1"===this.initialValue\|\|"on"===this.initialValue:this.checked\|\|!1,this.error&&(this.errorMessage=this.error),this._internalId="stencil-toggle-generated-"+n.S_TOGGLE_ID_COUNTER++}componentWillUpdate(){}toggleButton(){if(this.disabled)return;this.toggled=!this.toggled,void 0!==this.checked&&(this.checked=this.toggled),this.toggledChange.emit(this.toggled);const t=new CustomEvent("change",{detail:this.toggled?"true":"false",bubbles:!0});this.el.dispatchEvent(t);const i=new CustomEvent("input",{detail:this.toggled?"true":"false",bubbles:!0});this.el.dispatchEvent(i)}render(){const t=this.idItem\|\|this.id\|\|this._internalId,i=`${t}-button`,o=`${t}-label`,n=!!this.errorMessage,r=this.label&&e("label",{key:"0e0deb1fc10f04f46005ffa1917fedf0fe1d6fd3",id:o,class:`toggle-label label-${this.labelPosition}`,htmlFor:this.disabled?void 0:i},e("unity-typography",{key:"a98d4b027dfa66b2d36378e8a78a32ec257075eb",variant:"caption-text"},this.label)),a=e("div",{key:"24299332207ea5d70711ed84943cef9cf0b3aab1",class:"toggle-container "+(this.toggled?"toggled":"")},e("button",{key:"89e3789d2565466c78d507839f43ae0d2b6e64bb",id:i,onClick:()=>this.toggleButton(),disabled:this.disabled,"aria-checked":this.toggled.toString(),"aria-labelledby":o,role:"switch"},e("span",{key:"48cd11136ad3011494223f9d60567c47bea3c3b5",class:"toggle-knob"})));return e(p,{key:"7d9fae24bbc7388b365e109a7db94dabef941a05",class:{"udp-input":!0,"udp-input--error":n,"udp-input--disabled":this.disabled,"udp-input--checked":this.toggled,[`udp-input--margin-${this.margin}`]:!0,[`udp-input--size-${this.size}`]:!0},"aria-invalid":n?"true":"false"},e("div",{key:"0224e9f09c925ef406e8c39f8624bc74106ec3c4",class:`toggle-wrapper position-${this.labelPosition}`},"left"===this.labelPosition&&r,a,"right"===this.labelPosition&&r,"bottom"===this.labelPosition&&r,this.errorMessage&&e("div",{key:"b4cf1a5342dcdb50cc8faa67181e19a9a6d6d1d8",class:"error-message"},this.errorMessage)))}get el(){return o(this)}static get watchers(){return{error:[{updateError:0}],initialValue:[{initialValueChanged:0}],checked:[{checkedChanged:0}]}}};n.S_TOGGLE_ID_COUNTER=0,n.style=':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}:host(.udp-input--size-small) .toggle-container{width:32px;height:18px}:host(.udp-input--size-small) button{border-radius:18px}:host(.udp-input--size-small) .toggle-knob{width:14px;height:14px;top:2px;left:2px}:host(.udp-input--size-small) .toggled .toggle-knob{left:16px}:host(.udp-input--size-normal) .toggle-container{width:38px;height:22px}:host(.udp-input--size-normal) button{border-radius:22px}:host(.udp-input--size-normal) .toggle-knob{position:absolute;top:2px;left:2px;width:18px;height:18px}:host(.udp-input--size-normal) .toggled .toggle-knob{left:18px}:host(.udp-input--size-large) .toggle-container{width:44px;height:26px}:host(.udp-input--size-large) button{border-radius:26px}:host(.udp-input--size-large) .toggle-knob{width:22px;height:22px;top:2px;left:2px}:host(.udp-input--size-large) .toggled .toggle-knob{left:20px}.toggle-container{position:relative;display:inline-block}button{appearance:none;background-color:var(--gray-04, #ccc);width:100%;height:100%;position:relative;outline:none;border:none;cursor:pointer;transition:background-color 0.2s ease}.toggled button{background-color:var(--primary-color, #344861)}.toggle-knob{position:absolute;background-color:var(--white, #ffffff);border-radius:50%;transition:left 0.2s ease}:host(.udp-input--size-small) .label-left{margin-right:var(--spacing-02)}:host(.udp-input--size-small) .label-right{margin-left:var(--spacing-02)}:host(.udp-input--size-small) .label-bottom{margin-top:var(--spacing-02)}:host(.udp-input--size-normal) .label-left{margin-right:var(--spacing-03)}:host(.udp-input--size-normal) .label-right{margin-left:var(--spacing-03)}:host(.udp-input--size-normal) .label-bottom{margin-top:var(--spacing-03)}:host(.udp-input--size-large) .label-left{margin-right:var(--spacing-04)}:host(.udp-input--size-large) .label-right{margin-left:var(--spacing-04)}:host(.udp-input--size-large) .label-bottom{margin-top:var(--spacing-04)}.toggle-wrapper{display:flex;align-items:center}.toggle-wrapper.position-left{flex-direction:row}.toggle-wrapper.position-right{flex-direction:row}.toggle-wrapper.position-bottom{flex-direction:column;align-items:flex-start}.toggle-label{font-size:var(--caption-font-size, 0.875rem)}.label-left{margin-right:var(--spacing-03)}.label-right{margin-left:var(--spacing-03)}.label-bottom{margin-top:var(--spacing-03)}';export{n as stencil_toggle}
1	+ import{r as t,c as i,h as e,H as p,a as o}from"./index-Cgpvu-iV.js";const n=class{constructor(e){t(this,e),this.toggledChange=i(this,"toggledChange",7),this.toggled=!1,this.labelPosition="left",this.disabled=!1,this.margin="normal",this.size="normal"}updateError(){this.errorMessage=this.error}initialValueChanged(t){void 0!==t&&(this.toggled="true"===t\|\|"1"===t\|\|"on"===t)}checkedChanged(){void 0!==this.checked&&this.checked!==this.toggled&&(this.toggled=this.checked)}componentWillLoad(){this.toggled=void 0!==this.initialValue?"true"===this.initialValue\|\|"1"===this.initialValue\|\|"on"===this.initialValue:this.checked\|\|!1,this.error&&(this.errorMessage=this.error),this._internalId="stencil-toggle-generated-"+n.S_TOGGLE_ID_COUNTER++}componentWillUpdate(){}toggleButton(){if(this.disabled)return;this.toggled=!this.toggled,void 0!==this.checked&&(this.checked=this.toggled),this.toggledChange.emit(this.toggled);const t=new CustomEvent("change",{detail:this.toggled?"true":"false",bubbles:!0});this.el.dispatchEvent(t);const i=new CustomEvent("input",{detail:this.toggled?"true":"false",bubbles:!0});this.el.dispatchEvent(i)}render(){const t=this.idItem\|\|this.id\|\|this._internalId,i=`${t}-button`,o=`${t}-label`,n=!!this.errorMessage,r=this.label&&e("label",{key:"0421afb10967259ad97cc54d846a70e72fca96ce",id:o,class:`toggle-label label-${this.labelPosition}`,htmlFor:this.disabled?void 0:i},e("unity-typography",{key:"1c97fc41d24f79ff4d2931cd20102218f6c54d7e",variant:"caption-text"},this.label)),a=e("div",{key:"513ff3878f142041fcfdbc2f28ff14e8bd5fac3c",class:"toggle-container "+(this.toggled?"toggled":"")},e("button",{key:"24e18b1dcf5291fcc216329982bbe428fdde45f9",id:i,onClick:()=>this.toggleButton(),disabled:this.disabled,"aria-checked":this.toggled.toString(),"aria-labelledby":o,role:"switch"},e("span",{key:"a99ad461b0a6cafe8295bb3db312f16f2877d381",class:"toggle-knob"})));return e(p,{key:"2c99e0fd9af641bc23c22619fcf01ad0cebf1cc4",class:{"udp-input":!0,"udp-input--error":n,"udp-input--disabled":this.disabled,"udp-input--checked":this.toggled,[`udp-input--margin-${this.margin}`]:!0,[`udp-input--size-${this.size}`]:!0},"aria-invalid":n?"true":"false"},e("div",{key:"038b1d0200d0766c86280186ce0242d10acdb024",class:`toggle-wrapper position-${this.labelPosition}`},"left"===this.labelPosition&&r,a,"right"===this.labelPosition&&r,"bottom"===this.labelPosition&&r,this.errorMessage&&e("div",{key:"0267a872a230efc17e76364026023674a42ba223",class:"error-message"},this.errorMessage)))}get el(){return o(this)}static get watchers(){return{error:[{updateError:0}],initialValue:[{initialValueChanged:0}],checked:[{checkedChanged:0}]}}};n.S_TOGGLE_ID_COUNTER=0,n.style=':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}:host(.udp-input--size-small) .toggle-container{width:32px;height:18px}:host(.udp-input--size-small) button{border-radius:18px}:host(.udp-input--size-small) .toggle-knob{width:14px;height:14px;top:2px;left:2px}:host(.udp-input--size-small) .toggled .toggle-knob{left:16px}:host(.udp-input--size-normal) .toggle-container{width:38px;height:22px}:host(.udp-input--size-normal) button{border-radius:22px}:host(.udp-input--size-normal) .toggle-knob{position:absolute;top:2px;left:2px;width:18px;height:18px}:host(.udp-input--size-normal) .toggled .toggle-knob{left:18px}:host(.udp-input--size-large) .toggle-container{width:44px;height:26px}:host(.udp-input--size-large) button{border-radius:26px}:host(.udp-input--size-large) .toggle-knob{width:22px;height:22px;top:2px;left:2px}:host(.udp-input--size-large) .toggled .toggle-knob{left:20px}.toggle-container{position:relative;display:inline-block}button{appearance:none;background-color:var(--gray-04, #ccc);width:100%;height:100%;position:relative;outline:none;border:none;cursor:pointer;transition:background-color 0.2s ease}.toggled button{background-color:var(--primary-color, #344861)}.toggle-knob{position:absolute;background-color:var(--white, #ffffff);border-radius:50%;transition:left 0.2s ease}:host(.udp-input--size-small) .label-left{margin-right:var(--spacing-02)}:host(.udp-input--size-small) .label-right{margin-left:var(--spacing-02)}:host(.udp-input--size-small) .label-bottom{margin-top:var(--spacing-02)}:host(.udp-input--size-normal) .label-left{margin-right:var(--spacing-03)}:host(.udp-input--size-normal) .label-right{margin-left:var(--spacing-03)}:host(.udp-input--size-normal) .label-bottom{margin-top:var(--spacing-03)}:host(.udp-input--size-large) .label-left{margin-right:var(--spacing-04)}:host(.udp-input--size-large) .label-right{margin-left:var(--spacing-04)}:host(.udp-input--size-large) .label-bottom{margin-top:var(--spacing-04)}.toggle-wrapper{display:flex;align-items:center}.toggle-wrapper.position-left{flex-direction:row}.toggle-wrapper.position-right{flex-direction:row}.toggle-wrapper.position-bottom{flex-direction:column;align-items:flex-start}.toggle-label{font-size:var(--caption-font-size, 0.875rem)}.label-left{margin-right:var(--spacing-03)}.label-right{margin-left:var(--spacing-03)}.label-bottom{margin-top:var(--spacing-03)}';export{n as stencil_toggle}

package/dist/stencil-library/text-field_2.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{r as t,c as i,h as e,H as o,a as r}from"./index-Cgpvu-iV.js";import{createPopper as p}from"@popperjs/core";const n=class{constructor(e){t(this,e),this.change=i(this,"change",7),this.errorEvent=i(this,"error",7),this.error="",this.size="normal",this.margin="normal",this.onInput=t=>{if(this.readonly)return void(t.target.value=this.internalValue);const i=t.target.value;if(this.internalValue=i,void 0!==this.value&&(this.value=i),this.errorMessage){const t=this.validateCharacterLength(i);t!==this.errorMessage&&this.setAndDispatchError(t)}},this.onChange=t=>{if(this.readonly)return;const i=t.target.value,e=this.validateCharacterLength(i);this.setAndDispatchError(e\|\|""),this.change.emit(i)}}updateError(){this.errorMessage=this.error}updateInitialValue(){""!==this.internalValue&&void 0!==this.internalValue\|\|(this.internalValue=this.initialValue\|\|"")}updateValue(){void 0!==this.value&&(this.internalValue=this.value)}validateCharacterLength(t){if(!t)return"";const i=t.length;return this.minCharacter&&i<this.minCharacter?`Must be at least ${this.minCharacter} characters`:this.maxCharacter&&i>this.maxCharacter?`Must be no more than ${this.maxCharacter} characters`:""}setAndDispatchError(t){console.log("Setting text field error:",t),this.errorMessage=t,this.errorEvent.emit(t);const i=new CustomEvent("error",{detail:t,bubbles:!0,composed:!0});this.el.dispatchEvent(i)}componentWillLoad(){if(this.error&&(this.errorMessage=this.error),this.internalValue=void 0!==this.value?this.value:this.initialValue\|\|"",this.internalValue){const t=this.validateCharacterLength(this.internalValue);t&&this.setAndDispatchError(t)}}render(){const t=!!this.errorMessage,i={"bx--text-input":!0,"bx--text-input--error":t,"bx--text-input:user-invalid":t,"text-field--disabled":this.disabled};return e(o,{key:"f94ef43b36b71977e78b61c1035c4d90dfd89a00",class:{"udp-input":!0,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,"udp-input--required":this.required,[`udp-input--size-${this.size}`]:!0,[`udp-input--margin-${this.margin}`]:!0},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},e("div",{key:"683ea654c60c4a29ece942f35ab7512622f8b03d",class:"bx--form-item"},e("unity-typography",{key:"22990c9149a40979aa3fc715b1fec91eeb80f690",variant:"caption-text"},e("label",{key:"2910bc82cc702bb7c904a33e534bd6b0149db61d",htmlFor:this.id,class:"bx--label"},this.label,this.required?"":"")),e("input",this.hidden?{id:this.id,type:"hidden",value:this.internalValue}:{id:this.id,type:"text",class:Object.assign({},i),placeholder:this.placeholder,value:this.internalValue,required:this.required,disabled:this.disabled,readonly:this.readonly,maxLength:this.maxCharacter,inputMode:this.inputMode,onInput:this.onInput,onChange:this.onChange,udprecordid:"udpRecord-text-field-"+this.id}),t&&e("div",{key:"85da6bd5bb1c21081a3e0af83ec44a6dc179fbbb",class:"error-message"},e("unity-typography",{key:"d67e7263379defac2c4ec91687a932d27ced5d83",variant:"caption-text",color:"error"},this.errorMessage))))}get el(){return r(this)}static get watchers(){return{error:[{updateError:0}],initialValue:[{updateInitialValue:0}],value:[{updateValue:0}]}}};n.style=':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}';const s=class{constructor(i){t(this,i),this.options=[],this.large=!1,this.multiSelect=!1,this.disabled=!1,this.readonly=!1,this.size="normal",this.margin="normal",this.isOpen=!1,this.selectedOptions=[],this.selectedOption=null,this.handleBlur=()=>{setTimeout((()=>{this.isOpen=!1}),200)},this.handleOptionMouseDown=t=>{t.preventDefault()}}updateError(){this.errorMessage=this.error}initialValueChanged(t){void 0!==t&&this.setSelectionFromValue(t)}valueChanged(){void 0!==this.value&&this.setSelectionFromValue(this.value)}handleClickOutside(t){this.isOpen&&!t.composedPath().includes(this.el)&&(this.isOpen=!1)}componentWillLoad(){this.error&&(this.errorMessage=this.error);const t=this.initialValue\|\|this.value;t&&this.setSelectionFromValue(t)}disconnectedCallback(){this.destroyPopper()}handleOpenChange(t){t?requestAnimationFrame((()=>this.setupPopper())):this.destroyPopper()}toggleDropdown(){this.disabled\|\|this.readonly\|\|(this.isOpen=!this.isOpen)}setupPopper(){const t=this.el.shadowRoot.querySelector(".selected-option"),i=this.el.shadowRoot.querySelector(".options-list");t&&i&&(this.popperInstance=p(t,i,{strategy:"fixed",placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[0,4]}},{name:"preventOverflow",options:{padding:8}},{name:"flip"},{name:"sameWidth",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn:({state:t})=>{t.styles.popper.width=`${t.rects.reference.width}px`}}]}))}destroyPopper(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}setSelectionFromValue(t){if(t&&0!==this.options.length)if(this.multiSelect){const i=t.split(",").map((t=>t.trim())).filter((t=>t));this.selectedOptions=this.options.filter((t=>i.includes(t.value)))}else{const i=this.options.find((i=>i.value===t));this.selectedOption=i\|\|null}else this.multiSelect?this.selectedOptions=[]:this.selectedOption=null}optionsChanged(){var t;const i=this.multiSelect?this.selectedOptions.map((t=>t.value)).join(","):(null===(t=this.selectedOption)\|\|void 0===t?void 0:t.value)\|\|"";i&&this.setSelectionFromValue(i)}selectOption(t){if(this.disabled\|\|this.readonly)return;if(this.multiSelect){const i=this.selectedOptions.some((i=>i.value===t.value));this.selectedOptions=i?this.selectedOptions.filter((i=>i.value!==t.value)):[...this.selectedOptions,t]}else this.selectedOption=t,this.isOpen=!1;this.updateValueProp(),this.emitSelectedOptions();const i=this.options.findIndex((i=>i.value===t.value));if(-1!==i){const t=document.querySelector(`.options-list li:nth-child(${i+1})`);t&&t.classList.toggle("selected")}}updateValueProp(){this.value=this.multiSelect?this.selectedOptions.map((t=>t.value)).join(","):this.selectedOption?this.selectedOption.value:""}emitSelectedOptions(){let t;t=this.multiSelect?this.selectedOptions.map((t=>t.value)).join(","):this.selectedOption?this.selectedOption.value:"";const i=new CustomEvent("change",{detail:t,bubbles:!0,composed:!0});this.el.dispatchEvent(i);const e=new CustomEvent("input",{detail:t,bubbles:!0,composed:!0});this.el.dispatchEvent(e)}render(){const t=!!this.errorMessage,i={"selected-option":!0,focused:this.isOpen},r=this.multiSelect?this.selectedOptions.length>0:!!this.selectedOption;return e(o,{key:"81bcd76398b108c67262ed2bc07c0c3e6306ff26",class:{"udp-input":!0,"udp-selector":!0,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,"udp-input--required":this.required,"udp-input--large":this.large,[`udp-input--size-${this.size}`]:!0,[`udp-input--margin-${this.margin}`]:!0},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},e("div",{key:"25611676e04bc32befea2d57208a8d0d1d352197",class:"bx--form-item"},this.label&&e("unity-typography",{key:"d728363ff3fdee5fc0fb2f2726f300e3f9bfaf89",variant:"caption-text"},e("label",{key:"a68cd33b88c1aec0414cd3b04830f8bfd49fa93a",htmlFor:this.id,class:"bx--label"},this.label,this.required?"":"")),e("div",{key:"3fd8e0a434b408817eb41805f08d3eacf089c871",class:"udp-selector__container"},e("div",{key:"d1b6fb934c12cd5dfec9c69c32a494b892f69b97",class:i,onClick:()=>this.toggleDropdown(),tabindex:this.disabled\|\|this.readonly?"-1":"0",role:"combobox","aria-haspopup":"listbox","aria-expanded":this.isOpen.toString(),id:"udpRecord-udp-selector-"+this.id,udprecordid:"udpRecord-udp-selector-"+this.id},e("div",{key:"001953a77b09684d6bd08686f1dcf9f524b3727b",class:{"selected-option-label":!0,placeholder:!r}},this.multiSelect?this.selectedOptions.length>0?this.selectedOptions.map((t=>t.label)).join(", "):"Select option(s)":this.selectedOption?this.selectedOption.label:"Select an option"),this.multiSelect&&this.selectedOptions.length>0&&e("span",{key:"35c910ceb131550ecdf2a8191d2ed7a5c18d139a",class:"checkmark"}),e("div",{key:"1a75a986919404a4602ab34d35843a2626721089",class:"arrow"})),this.isOpen&&e("ul",{key:"27c69dd3c7c1312b5378c1234a11b870c5c19b15",class:"options-list"},this.options.map((t=>e("unity-typography",{variant:"button"},e("li",{class:this.isOptionSelected(t)?"selected":"",onClick:()=>this.selectOption(t),onMouseDown:this.handleOptionMouseDown},t.label,this.isOptionSelected(t)&&e("span",{class:"checkmark"}))))))),this.errorMessage&&e("div",{key:"d9e7dda02c84270e2badb061e4f04be27b2e8e0b",class:"error-message"},e("unity-typography",{key:"695d44a04351fca8644d934afe993dc030fd6b9c",variant:"caption-text",color:"error"},this.errorMessage))))}isOptionSelected(t){return this.multiSelect?this.selectedOptions.some((i=>i.value===t.value)):this.selectedOption&&this.selectedOption.value===t.value}get el(){return r(this)}static get watchers(){return{error:[{updateError:0}],initialValue:[{initialValueChanged:0}],value:[{valueChanged:0}],isOpen:[{handleOpenChange:0}],options:[{optionsChanged:0}]}}};s.style=':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}:host(.udp-input--size-small) .selected-option{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .selected-option{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .selected-option{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}.selected-option{border:none;border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));box-sizing:border-box;cursor:pointer;background-color:var(--input-background);display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-03);padding-bottom:9px;width:100%;font-size:var(--body-font-size);font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.selected-option:active,.selected-option:focus,.selected-option.focused{outline:none;border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}:host(.udp-input--error) .selected-option,:host(.udp-input--error) .selected-option:focus,:host(.udp-input--error) .selected-option:active,:host(.udp-input--error) .selected-option.focused{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .selected-option{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08));cursor:not-allowed;opacity:0.6}.selected-option-label{flex-grow:1;color:var(--ag-foreground-color, #000)}.selected-option-label.placeholder{color:var(--placeholder-color, #999)}.udp-selector--large .selected-option{background-color:var(--gray-08);color:white;width:60px;padding:var(--spacing-05);box-shadow:var(--elevation-08);width:100px;border-radius:50px;font-size:var(--body-font-size)}.arrow{position:relative;display:inline-block;width:10px;height:5px}.arrow::before,.arrow::after{content:\'\';position:absolute;bottom:0;width:0.6em;height:10px;border-bottom:var(--underline-standard) solid var(--gray-09)}.udp-selector--large .selected-option .arrow::before,.udp-selector--large .selected-option .arrow::after{border-bottom:1px solid white}.arrow::before{left:-0.1em;transform:rotate(-45deg)}.arrow::after{transform:rotate(45deg)}.udp-selector__container{position:relative}.options-list{max-width:100%;border:none;margin:4px 0 0 0;padding:0;list-style:none;z-index:9999;max-height:150px;overflow-y:auto;overflow-x:hidden;border-radius:var(--border-radius);box-shadow:var(--elevation-08);position:absolute;width:100%;box-sizing:border-box}.options-list li{position:relative;padding:10px;cursor:pointer;background-color:var(--input-background)}.options-list li:hover{background-color:var(--primary-color);color:white}';export{n as text_field,s as udp_selector}
1	+ import{r as t,c as i,h as e,H as o,a as r}from"./index-Cgpvu-iV.js";import{createPopper as p}from"@popperjs/core";const n=class{constructor(e){t(this,e),this.change=i(this,"change",7),this.errorEvent=i(this,"error",7),this.error="",this.size="normal",this.margin="normal",this.onInput=t=>{if(this.readonly)return void(t.target.value=this.internalValue);const i=t.target.value;if(this.internalValue=i,void 0!==this.value&&(this.value=i),this.errorMessage){const t=this.validateCharacterLength(i);t!==this.errorMessage&&this.setAndDispatchError(t)}},this.onChange=t=>{if(this.readonly)return;const i=t.target.value,e=this.validateCharacterLength(i);this.setAndDispatchError(e\|\|""),this.change.emit(i)}}updateError(){this.errorMessage=this.error}updateInitialValue(){""!==this.internalValue&&void 0!==this.internalValue\|\|(this.internalValue=this.initialValue\|\|"")}updateValue(){void 0!==this.value&&(this.internalValue=this.value)}validateCharacterLength(t){if(!t)return"";const i=t.length;return this.minCharacter&&i<this.minCharacter?`Must be at least ${this.minCharacter} characters`:this.maxCharacter&&i>this.maxCharacter?`Must be no more than ${this.maxCharacter} characters`:""}setAndDispatchError(t){console.log("Setting text field error:",t),this.errorMessage=t,this.errorEvent.emit(t);const i=new CustomEvent("error",{detail:t,bubbles:!0,composed:!0});this.el.dispatchEvent(i)}componentWillLoad(){if(this.error&&(this.errorMessage=this.error),this.internalValue=void 0!==this.value?this.value:this.initialValue\|\|"",this.internalValue){const t=this.validateCharacterLength(this.internalValue);t&&this.setAndDispatchError(t)}}render(){const t=!!this.errorMessage,i={"bx--text-input":!0,"bx--text-input--error":t,"bx--text-input:user-invalid":t,"text-field--disabled":this.disabled};return e(o,{key:"6b2b014a2b3583378992c589bd66c7aef995e4a1",class:{"udp-input":!0,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,"udp-input--required":this.required,[`udp-input--size-${this.size}`]:!0,[`udp-input--margin-${this.margin}`]:!0},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},e("div",{key:"c4633e094529485b6ac37da2fc8ea5325063c70f",class:"bx--form-item"},e("unity-typography",{key:"dc7acce50c6303929d1ed53356deb36dcbec865f",variant:"caption-text"},e("label",{key:"6446d2b556feae7791952e02901b76cc6808ced2",htmlFor:this.id,class:"bx--label"},this.label,this.required?"":"")),e("input",this.hidden?{id:this.id,type:"hidden",value:this.internalValue}:{id:this.id,type:"text",class:Object.assign({},i),placeholder:this.placeholder,value:this.internalValue,required:this.required,disabled:this.disabled,readonly:this.readonly,maxLength:this.maxCharacter,inputMode:this.inputMode,onInput:this.onInput,onChange:this.onChange,udprecordid:"udpRecord-text-field-"+this.id}),t&&e("div",{key:"e804e91220d9c42c6135b066745da989e01b7ab4",class:"error-message"},e("unity-typography",{key:"ca02019a86a444259e9b9b42d3c0dd59d1a4a282",variant:"caption-text",color:"error"},this.errorMessage))))}get el(){return r(this)}static get watchers(){return{error:[{updateError:0}],initialValue:[{updateInitialValue:0}],value:[{updateValue:0}]}}};n.style=':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}';const s=class{constructor(i){t(this,i),this.options=[],this.large=!1,this.multiSelect=!1,this.disabled=!1,this.readonly=!1,this.size="normal",this.margin="normal",this.isOpen=!1,this.selectedOptions=[],this.selectedOption=null,this.handleBlur=()=>{setTimeout((()=>{this.isOpen=!1}),200)},this.handleOptionMouseDown=t=>{t.preventDefault()}}updateError(){this.errorMessage=this.error}initialValueChanged(t){void 0!==t&&this.setSelectionFromValue(t)}valueChanged(){void 0!==this.value&&this.setSelectionFromValue(this.value)}handleClickOutside(t){this.isOpen&&!t.composedPath().includes(this.el)&&(this.isOpen=!1)}componentWillLoad(){this.error&&(this.errorMessage=this.error);const t=this.initialValue\|\|this.value;t&&this.setSelectionFromValue(t)}disconnectedCallback(){this.destroyPopper()}handleOpenChange(t){t?requestAnimationFrame((()=>this.setupPopper())):this.destroyPopper()}toggleDropdown(){this.disabled\|\|this.readonly\|\|(this.isOpen=!this.isOpen)}setupPopper(){const t=this.el.shadowRoot.querySelector(".selected-option"),i=this.el.shadowRoot.querySelector(".options-list");t&&i&&(this.popperInstance=p(t,i,{strategy:"fixed",placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[0,4]}},{name:"preventOverflow",options:{padding:8}},{name:"flip"},{name:"sameWidth",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn:({state:t})=>{t.styles.popper.width=`${t.rects.reference.width}px`}}]}))}destroyPopper(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}setSelectionFromValue(t){if(t&&0!==this.options.length)if(this.multiSelect){const i=t.split(",").map((t=>t.trim())).filter((t=>t));this.selectedOptions=this.options.filter((t=>i.includes(t.value)))}else{const i=this.options.find((i=>i.value===t));this.selectedOption=i\|\|null}else this.multiSelect?this.selectedOptions=[]:this.selectedOption=null}optionsChanged(){var t;const i=this.multiSelect?this.selectedOptions.map((t=>t.value)).join(","):(null===(t=this.selectedOption)\|\|void 0===t?void 0:t.value)\|\|"";i&&this.setSelectionFromValue(i)}selectOption(t){if(this.disabled\|\|this.readonly)return;if(this.multiSelect){const i=this.selectedOptions.some((i=>i.value===t.value));this.selectedOptions=i?this.selectedOptions.filter((i=>i.value!==t.value)):[...this.selectedOptions,t]}else this.selectedOption=t,this.isOpen=!1;this.updateValueProp(),this.emitSelectedOptions();const i=this.options.findIndex((i=>i.value===t.value));if(-1!==i){const t=document.querySelector(`.options-list li:nth-child(${i+1})`);t&&t.classList.toggle("selected")}}updateValueProp(){this.value=this.multiSelect?this.selectedOptions.map((t=>t.value)).join(","):this.selectedOption?this.selectedOption.value:""}emitSelectedOptions(){let t;t=this.multiSelect?this.selectedOptions.map((t=>t.value)).join(","):this.selectedOption?this.selectedOption.value:"";const i=new CustomEvent("change",{detail:t,bubbles:!0,composed:!0});this.el.dispatchEvent(i);const e=new CustomEvent("input",{detail:t,bubbles:!0,composed:!0});this.el.dispatchEvent(e)}render(){const t=!!this.errorMessage,i={"selected-option":!0,focused:this.isOpen},r=this.multiSelect?this.selectedOptions.length>0:!!this.selectedOption;return e(o,{key:"eb68e18da4fc39a4ac537a850cfe82eb26a5f65f",class:{"udp-input":!0,"udp-selector":!0,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,"udp-input--required":this.required,"udp-input--large":this.large,[`udp-input--size-${this.size}`]:!0,[`udp-input--margin-${this.margin}`]:!0},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},e("div",{key:"91dea3c94f3477d6e9dc8f0762e8b00806798823",class:"bx--form-item"},this.label&&e("unity-typography",{key:"ee68f93a79e4f057d73edcceccad3e502af81e23",variant:"caption-text"},e("label",{key:"51dfecce0ffa3838d10527b4ac38d023a395f5a4",htmlFor:this.id,class:"bx--label"},this.label,this.required?"":"")),e("div",{key:"48aa72caf246b2ad5e977c91dc17aeaed54824a3",class:"udp-selector__container"},e("div",{key:"73962114a45e3af2e63150895be28171454023d2",class:i,onClick:()=>this.toggleDropdown(),tabindex:this.disabled\|\|this.readonly?"-1":"0",role:"combobox","aria-haspopup":"listbox","aria-expanded":this.isOpen.toString(),id:"udpRecord-udp-selector-"+this.id,udprecordid:"udpRecord-udp-selector-"+this.id},e("div",{key:"b6702518eaa46d2f72b0353bca82b3639ec385d5",class:{"selected-option-label":!0,placeholder:!r}},this.multiSelect?this.selectedOptions.length>0?this.selectedOptions.map((t=>t.label)).join(", "):"Select option(s)":this.selectedOption?this.selectedOption.label:"Select an option"),this.multiSelect&&this.selectedOptions.length>0&&e("span",{key:"f86a9cf76b2a30bf4aa170fb69e0bed49d63c133",class:"checkmark"}),e("div",{key:"28a288df6405e9ef50660bf654b81688de546027",class:"arrow"})),this.isOpen&&e("ul",{key:"fca8898d3d9775bb43d8d7c5bc91041440dad0a6",class:"options-list"},this.options.map((t=>e("unity-typography",{variant:"button"},e("li",{class:this.isOptionSelected(t)?"selected":"",onClick:()=>this.selectOption(t),onMouseDown:this.handleOptionMouseDown},t.label,this.isOptionSelected(t)&&e("span",{class:"checkmark"}))))))),this.errorMessage&&e("div",{key:"5b60bdcef477714e91650fcddcbf76d0679da4d3",class:"error-message"},e("unity-typography",{key:"0c40320c737097affcb2dfad075c72919cb2ef47",variant:"caption-text",color:"error"},this.errorMessage))))}isOptionSelected(t){return this.multiSelect?this.selectedOptions.some((i=>i.value===t.value)):this.selectedOption&&this.selectedOption.value===t.value}get el(){return r(this)}static get watchers(){return{error:[{updateError:0}],initialValue:[{initialValueChanged:0}],value:[{valueChanged:0}],isOpen:[{handleOpenChange:0}],options:[{optionsChanged:0}]}}};s.style=':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}:host(.udp-input--size-small) .selected-option{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .selected-option{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .selected-option{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}.selected-option{border:none;border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));box-sizing:border-box;cursor:pointer;background-color:var(--input-background);display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-03);padding-bottom:9px;width:100%;font-size:var(--body-font-size);font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.selected-option:active,.selected-option:focus,.selected-option.focused{outline:none;border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}:host(.udp-input--error) .selected-option,:host(.udp-input--error) .selected-option:focus,:host(.udp-input--error) .selected-option:active,:host(.udp-input--error) .selected-option.focused{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .selected-option{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08));cursor:not-allowed;opacity:0.6}.selected-option-label{flex-grow:1;color:var(--ag-foreground-color, #000)}.selected-option-label.placeholder{color:var(--placeholder-color, #999)}.udp-selector--large .selected-option{background-color:var(--gray-08);color:white;width:60px;padding:var(--spacing-05);box-shadow:var(--elevation-08);width:100px;border-radius:50px;font-size:var(--body-font-size)}.arrow{position:relative;display:inline-block;width:10px;height:5px}.arrow::before,.arrow::after{content:\'\';position:absolute;bottom:0;width:0.6em;height:10px;border-bottom:var(--underline-standard) solid var(--gray-09)}.udp-selector--large .selected-option .arrow::before,.udp-selector--large .selected-option .arrow::after{border-bottom:1px solid white}.arrow::before{left:-0.1em;transform:rotate(-45deg)}.arrow::after{transform:rotate(45deg)}.udp-selector__container{position:relative}.options-list{max-width:100%;border:none;margin:4px 0 0 0;padding:0;list-style:none;z-index:9999;max-height:150px;overflow-y:auto;overflow-x:hidden;border-radius:var(--border-radius);box-shadow:var(--elevation-08);position:absolute;width:100%;box-sizing:border-box}.options-list li{position:relative;padding:10px;cursor:pointer;background-color:var(--input-background)}.options-list li:hover{background-color:var(--primary-color);color:white}';export{n as text_field,s as udp_selector}

package/dist/stencil-library/types-C9Z-dgvN.js ADDED Viewed

@@ -0,0 +1 @@

+ var e;!function(e){e[e.Hidden=1]="Hidden",e[e.SingleLineText=2]="SingleLineText",e[e.MultiLineText=3]="MultiLineText",e[e.Checkbox=4]="Checkbox",e[e.RadioButton=5]="RadioButton",e[e.DropdownSingleSelect=6]="DropdownSingleSelect",e[e.DropdownMultipleSelect=7]="DropdownMultipleSelect",e[e.ListMultiSelect=8]="ListMultiSelect",e[e.DateSelector=9]="DateSelector",e[e.TimeSelector=10]="TimeSelector",e[e.DateTimeSelector=11]="DateTimeSelector",e[e.FileUpload=12]="FileUpload",e[e.YesNo=13]="YesNo",e[e.Signature=14]="Signature",e[e.Tally=15]="Tally",e[e.Number=16]="Number",e[e.Paragraph=17]="Paragraph",e[e.ImageUpload=18]="ImageUpload",e[e.FormMetadataDisplay=19]="FormMetadataDisplay",e[e.Location=20]="Location",e[e.Table=21]="Table"}(e||(e={}));const t=new Set([e.Hidden,e.Paragraph,e.Tally,e.FormMetadataDisplay]);function a(e){return t.has(e)}var o;!function(e){e[e.Standard=1]="Standard",e[e.FollowUp=2]="FollowUp"}(o||(o={}));export{o as F,e as a,a as i}

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

	@@ -1 +1 @@
1	- import{r,h as e,H as a}from"./index-Cgpvu-iV.js";const s=class{constructor(e){r(this,e)}getColor(){switch(this.status){case"success":return"var(--success-color-main)";case"warning":return"var(--warning-color-main)";case"error":return"var(--error-color-main)";case"info":return"var(--info-color-main)";case"disabled":return"var(--disabled-color-main)";default:return"transparent"}}render(){const r={width:"4px",height:"100%",backgroundColor:this.getColor()};return e(a,{key:"~~81d6eda146be55ccee3d4180ec9e1fc643796d06~~",style:r})}};s.style=":host{display:block}";export{s as udp_adornment}
1	+ import{r,h as a,H as e}from"./index-Cgpvu-iV.js";const s=class{constructor(a){r(this,a)}getColor(){switch(this.status){case"success":return"var(--success-color-main)";case"warning":return"var(--warning-color-main)";case"error":return"var(--error-color-main)";case"info":return"var(--info-color-main)";case"disabled":return"var(--disabled-color-main)";default:return"transparent"}}render(){const r={width:"4px",height:"100%",backgroundColor:this.getColor()};return a(e,{key:"a46e6aec8c31876cdbbe468ba732f4ac61cf55e0",style:r})}};s.style=":host{display:block}";export{s as udp_adornment}

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

	@@ -1 +1 @@
1	- import{r as t,c as i,h as s,H as e,a as o}from"./index-Cgpvu-iV.js";import{L as n,a as r}from"./searchObject-CDJVsMG_.js";import{g as h}from"./entityUtilities-Bi7rt-yd.js";import{g as l}from"./udpOperatorHelper-Tmn9i7-P.js";import{b as a}from"./catalogTree-Ca8SiTsU.js";const d=t=>{if(!t\|\|!t.filterGroups\|\|0===t.filterGroups.length)return"";const i=s=>{const e=t.filterGroups.find((t=>t.groupId===s));if(!e)return"";const o=e.logicalSearchOperator===n.AND?"AND":"OR",r=[];return t.filterElements.filter((t=>t.groupId===s)).forEach((t=>{r.push(`[${t.searchField}] ${t.searchOperator} ${"string"==typeof t.searchValue?`"${t.searchValue}"`:t.searchValue}`)})),t.filterGroups.filter((t=>t.parentGroupId===s)).forEach((t=>{const s=i(t.groupId);s&&r.push(`(${s})`)})),r.join(` ${o} `)},s=t.filterGroups.find((t=>null===t.parentGroupId));return s?i(s.groupId):""};class c{constructor(t,i){this.scrollContainer=null,this.isDragStarted=!1,this.pendingItem=null,this.pendingLabel="",this.sourceRowEl=null,this.startX=0,this.startY=0,this.currentState={isDragging:!1,dragItem:null,insertionPoint:null},this.sourceOriginalStyle="",this.draggedItemHeight=0,this.ghostOriginalTop=0,this.placeholder=null,this.overlay=null,this.dropTargets=[],this.previousGapEls=[],this.lockedTarget=null,this.lockedPosition="before",this.autoScrollRAF=null,this.hostEl=t,this.callbacks=i,this.boundPointerDown=this.onPointerDown.bind(this),this.boundPointerMove=this.onPointerMove.bind(this),this.boundPointerUp=this.onPointerUp.bind(this),this.boundKeyDown=this.onKeyDown.bind(this),this.boundScroll=this.onScroll.bind(this),this.hostEl.addEventListener("pointerdown",this.boundPointerDown,!0)}destroy(){this.hostEl.removeEventListener("pointerdown",this.boundPointerDown,!0),this.cleanup()}setScrollContainer(t){this.scrollContainer=t}onPointerDown(t){if(0!==t.button)return;const i=t.composedPath(),s=i.find((t=>t instanceof HTMLElement&&t.hasAttribute("data-drag-handle")));if(!s)return;t.preventDefault();const e=s.dataset.dragType,o=s.dataset.dragId;if(!e\|\|!o)return;const n=i.find((t=>t instanceof HTMLElement&&("filter"===e?t.classList.contains("filter-row"):t.classList.contains("group-box")&&!t.classList.contains("root-group"))));this.pendingItem={type:e,id:o},this.pendingLabel=s.dataset.dragLabel\|\|("filter"===e?"Filter":"Group"),this.sourceRowEl=n\|\|null,this.startX=t.clientX,this.startY=t.clientY,this.isDragStarted=!1,document.addEventListener("pointermove",this.boundPointerMove),document.addEventListener("pointerup",this.boundPointerUp),document.addEventListener("keydown",this.boundKeyDown)}onPointerMove(t){const i=t.clientX-this.startX,s=t.clientY-this.startY;if(!this.isDragStarted){if(Math.sqrt(ii+ss)<5)return;this.beginDrag()}this.moveOverlay(t.clientX,t.clientY),this.updateInsertionPoint(t.clientY),this.handleAutoScroll(t.clientY)}onPointerUp(){this.isDragStarted&&this.currentState.insertionPoint&&this.currentState.dragItem&&this.callbacks.onDrop(this.currentState.dragItem,this.currentState.insertionPoint),this.cleanup()}onKeyDown(t){"Escape"===t.key&&this.cleanup()}beginDrag(){var t;if(this.isDragStarted=!0,this.sourceRowEl){const i=this.sourceRowEl.getBoundingClientRect();this.draggedItemHeight=i.height,this.ghostOriginalTop=i.top,this.sourceOriginalStyle=this.sourceRowEl.style.cssText,this.placeholder=document.createElement("div"),this.placeholder.style.height=`${i.height}px`,this.placeholder.style.pointerEvents="none",null===(t=this.sourceRowEl.parentNode)\|\|void 0===t\|\|t.insertBefore(this.placeholder,this.sourceRowEl.nextSibling),this.sourceRowEl.style.position="fixed",this.sourceRowEl.style.top=`${i.top}px`,this.sourceRowEl.style.left=`${i.left}px`,this.sourceRowEl.style.width=`${i.width}px`,this.sourceRowEl.style.height=`${i.height}px`,this.sourceRowEl.style.zIndex="10000",this.sourceRowEl.style.opacity="0.35",this.sourceRowEl.style.pointerEvents="none",this.sourceRowEl.style.transition="top 80ms ease-out, left 80ms ease-out, width 80ms ease-out",this.sourceRowEl.style.border="1px dashed var(--colorNeutralStroke1, #d1d1d1)",this.sourceRowEl.style.borderRadius="4px",this.sourceRowEl.style.boxSizing="border-box"}this.collectDropTargets(),this.createOverlay(),this.scrollContainer&&this.scrollContainer.addEventListener("scroll",this.boundScroll,{passive:!0}),document.body.style.cursor="grabbing",document.body.style.userSelect="none",this.currentState={isDragging:!0,dragItem:this.pendingItem,insertionPoint:null},this.callbacks.onStateChange(Object.assign({},this.currentState))}cleanup(){this.placeholder&&(this.placeholder.remove(),this.placeholder=null),this.sourceRowEl&&(this.sourceRowEl.style.cssText=this.sourceOriginalStyle,this.sourceRowEl=null),this.overlay&&(this.overlay.remove(),this.overlay=null),this.clearGap(),null!==this.autoScrollRAF&&(cancelAnimationFrame(this.autoScrollRAF),this.autoScrollRAF=null),this.scrollContainer&&this.scrollContainer.removeEventListener("scroll",this.boundScroll),document.body.style.cursor="",document.body.style.userSelect="",document.removeEventListener("pointermove",this.boundPointerMove),document.removeEventListener("pointerup",this.boundPointerUp),document.removeEventListener("keydown",this.boundKeyDown),this.pendingItem=null,this.pendingLabel="",this.isDragStarted=!1,this.dropTargets=[],this.draggedItemHeight=0,this.ghostOriginalTop=0,this.sourceOriginalStyle="",this.lockedTarget=null;const t=this.currentState.isDragging;this.currentState={isDragging:!1,dragItem:null,insertionPoint:null},t&&this.callbacks.onStateChange(Object.assign({},this.currentState))}createOverlay(){var t;this.overlay=document.createElement("div"),this.overlay.className="drag-overlay",this.overlay.textContent=this.pendingLabel,null===(t=this.hostEl.shadowRoot)\|\|void 0===t\|\|t.appendChild(this.overlay)}moveOverlay(t,i){this.overlay&&(this.overlay.style.left=`${t+12}px`,this.overlay.style.top=i-20+"px")}positionGhost(t,i){if(!this.sourceRowEl)return;const s=this.getGapElement(t,i).getBoundingClientRect();let e;e="before"===i?s.top-this.draggedItemHeight:s.bottom;const o=this.getGhostReferenceRect(t,i);this.sourceRowEl.style.top=`${e}px`,this.sourceRowEl.style.left=`${o.left}px`,this.sourceRowEl.style.width=`${o.width}px`}getGhostReferenceRect(t,i){if("group"===t.type&&"after"===i){const i=t.element.nextElementSibling;if(i){const t=Array.from(i.querySelectorAll(".filter-row, udp-advanced-search-filter-group"));for(const i of t)if(i!==this.sourceRowEl)return i.getBoundingClientRect();const s=i.querySelector(".add-new-container");if(s)return s.getBoundingClientRect()}}return t.element.getBoundingClientRect()}resetGhostPosition(){this.sourceRowEl&&(this.sourceRowEl.style.top=`${this.ghostOriginalTop}px`)}getGapElement(t,i){if("filter"===t.type)return t.element;if("after"===i)return t.element;const s=t.element.getRootNode();return s instanceof ShadowRoot&&s.host?s.host:t.element}applyGap(t,i){this.placeholder&&(this.placeholder.style.height="0px");const s=this.getGapElement(t,i);for(const t of this.previousGapEls)t!==s&&(t.style.marginTop="",t.style.marginBottom="");s.style.marginTop="",s.style.marginBottom="","before"===i?s.style.marginTop=`${this.draggedItemHeight}px`:s.style.marginBottom=`${this.draggedItemHeight}px`,this.previousGapEls=[s]}clearGap(){for(const t of this.previousGapEls)t.style.marginTop="",t.style.marginBottom="";this.previousGapEls=[],this.placeholder&&(this.placeholder.style.height=`${this.draggedItemHeight}px`)}collectDropTargets(){var t;this.dropTargets=[];const i=this.pendingItem,s=t=>{const e=t.shadowRoot;if(!e)return;e.querySelectorAll(".filter-row[data-filter-id]").forEach((t=>{const s=t.dataset.filterId;"filter"===(null==i?void 0:i.type)&&i.id===s\|\|this.dropTargets.push({type:"filter",id:s,element:t,rect:t.getBoundingClientRect(),midY:0})}));const o=e.querySelector(".group-box[data-group-id]");if(o&&!o.classList.contains("root-group")){const t=o.dataset.groupId;if("group"!==(null==i?void 0:i.type)\|\|i.id!==t){const i=o.querySelector(":scope > .group-header");i&&this.dropTargets.push({type:"group",id:t,element:i,rect:i.getBoundingClientRect(),midY:0})}}e.querySelectorAll("udp-advanced-search-filter-group").forEach((t=>s(t)))},e=null===(t=this.hostEl.shadowRoot)\|\|void 0===t?void 0:t.querySelector("udp-advanced-search-filter-group");e&&s(e);for(const t of this.dropTargets)t.midY=t.rect.top+t.rect.height/2;this.dropTargets.sort(((t,i)=>t.rect.top-i.rect.top))}updateInsertionPoint(t){var i,s;if(0===this.dropTargets.length)return this.clearGap(),this.resetGhostPosition(),this.lockedTarget=null,void this.commitInsertionPoint(null);let e=null,o="before";for(const i of this.dropTargets){const s=i.element.getBoundingClientRect();if(t>=s.top&&t<=s.bottom){e=i,o=t<s.top+s.height/2?"before":"after";break}}if(!e){const n=null===(i=this.dropTargets[0])\|\|void 0===i?void 0:i.element,r=null===(s=this.dropTargets[this.dropTargets.length-1])\|\|void 0===s?void 0:s.element;if(n&&t<n.getBoundingClientRect().top)e=this.dropTargets[0],o="before";else{if(!(r&&t>r.getBoundingClientRect().bottom))return;e=this.dropTargets[this.dropTargets.length-1],o="after"}}if("before"===o){const t=this.dropTargets.indexOf(e);t>0&&(e=this.dropTargets[t-1],o="after")}if(e===this.lockedTarget&&o===this.lockedPosition)return;const n=this.currentState.dragItem\|\|this.pendingItem;if(this.callbacks.isValidDrop&&n&&!this.callbacks.isValidDrop(n,e.type,e.id))return this.clearGap(),this.resetGhostPosition(),this.lockedTarget=null,void this.commitInsertionPoint(null);this.lockedTarget=e,this.lockedPosition=o,this.applyGap(e,o),this.positionGhost(e,o),this.commitInsertionPoint({position:o,targetId:e.id,targetType:e.type})}commitInsertionPoint(t){const i=this.currentState.insertionPoint;(null==i?void 0:i.position)===(null==t?void 0:t.position)&&(null==i?void 0:i.targetId)===(null==t?void 0:t.targetId)&&(null==i?void 0:i.targetType)===(null==t?void 0:t.targetType)\|\|(this.currentState=Object.assign(Object.assign({},this.currentState),{insertionPoint:t}),this.callbacks.onStateChange(Object.assign({},this.currentState)))}handleAutoScroll(t){if(!this.scrollContainer)return;const i=this.scrollContainer.getBoundingClientRect(),s=t-i.top,e=i.bottom-t;let o=0;if(s>0&&s<50?o=-10(1-s/50):e>0&&e<50&&(o=10(1-e/50)),null!==this.autoScrollRAF&&(cancelAnimationFrame(this.autoScrollRAF),this.autoScrollRAF=null),0!==o){const t=()=>{this.scrollContainer&&(this.scrollContainer.scrollTop+=o,this.refreshDropTargetRects(),this.autoScrollRAF=requestAnimationFrame(t))};this.autoScrollRAF=requestAnimationFrame(t)}}onScroll(){this.refreshDropTargetRects()}refreshDropTargetRects(){for(const t of this.dropTargets)t.rect=t.element.getBoundingClientRect(),t.midY=t.rect.top+t.rect.height/2}}const u=class{constructor(s){t(this,s),this.filterSave=i(this,"filterSave",7),this.searchChange=i(this,"searchChange",7),this.config={},this.maxDepth=2,this.showClearButton=!1,this.loading=!1,this.fieldsArray=[],this.openAddMenuForGroupId=null,this.filterString="",this.isExpanded=!0,this.isFilterValid=!0,this.errorMessages=[],this.nextGroupId=1,this.handleSearch=()=>{this.isFilterValid&&this.filterSave?(this.filterSave.emit(this.currentFilterData),this.filterString=d(this.currentFilterData),this.config.collapsible&&this.toggleExpanded()):console.warn("Cannot run search: filter is invalid.")},this.handleClear=()=>{const t=this.getNormalizedData(Object.assign(Object.assign({},this.currentFilterData),{filterElements:[],filterGroups:[]}));this.currentFilterData=t,this.isFilterValid=!0,this.errorMessages=[],this.searchChange.emit(t),this.filterSave&&(this.filterSave.emit(t),this.filterString=d(t)),this.config.collapsible&&this.toggleExpanded()},this.toggleExpanded=()=>{this.isExpanded=!this.isExpanded,this.updateHostClasses()},this.handleToggleAddMenu=t=>{const i=t.detail;if(this.openAddMenuForGroupId=this.openAddMenuForGroupId===i?null:i,null!==this.openAddMenuForGroupId){const t=this.animContainerEl;t&&requestAnimationFrame((()=>{t.scrollTop=t.scrollHeight}))}},this.handleDragStateChange=()=>{},this.isValidDragDrop=(t,i,s)=>{if("group"===t.type&&"group"===i){const i=parseInt(t.id,10),e=parseInt(s,10);if(i===e)return!1;if(this.isDescendant(e,i,this.currentFilterData.filterGroups))return!1}if("group"===t.type&&"filter"===i){const i=parseInt(t.id,10),e=this.currentFilterData.filterElements.find((t=>t._id===s));if(e){const t=e.groupId;if(t===i\|\|this.isDescendant(t,i,this.currentFilterData.filterGroups))return!1}}return!0},this.handleDragDrop=(t,i)=>{this.runUpdateCycle((s=>{"filter"===t.type?this.applyFilterDrop(s,t,i):"group"===t.type&&this.applyGroupDrop(s,t,i)}))},this.handleAddFilter=t=>{this.runUpdateCycle((i=>{var s,e;const o=null===(s=this.fieldsArray)\|\|void 0===s?void 0:s[0],n=l(o),r=(null===(e=null==n?void 0:n[0])\|\|void 0===e?void 0:e.value)\|\|"";i.filterElements.push({_id:`filter_${Math.random()}`,_type:null==o?void 0:o.type,groupId:t,searchField:null==o?void 0:o.name,searchOperator:r,searchValue:""})})),this.openAddMenuForGroupId=null},this.handleAddGroup=t=>{this.runUpdateCycle((i=>{i.filterGroups.push({groupId:this.nextGroupId++,parentGroupId:t,logicalSearchOperator:n.AND})})),this.openAddMenuForGroupId=null},this.handleRemoveFilter=t=>{this.runUpdateCycle((i=>{const s=i.filterElements.findIndex((i=>i._id===t));s>-1&&i.filterElements.splice(s,1)}))},this.handleRemoveGroup=t=>{this.runUpdateCycle((i=>{const s=t=>{const e=i.filterGroups.filter((i=>i.parentGroupId===t));let o=e.map((t=>t.groupId));return e.forEach((t=>{o=[...o,...s(t.groupId)]})),o},e=[t,...s(t)];i.filterGroups=i.filterGroups.filter((t=>!e.includes(t.groupId))),i.filterElements=i.filterElements.filter((t=>!e.includes(t.groupId)))}))},this.handleFilterChange=t=>{const{filterId:i,field:s,value:e,updates:o}=t.detail;this.runUpdateCycle((t=>{const n=t.filterElements.find((t=>t._id===i));n&&(o?Object.assign(n,o):n[s]=e)}))},this.handleDepthChange=t=>{const i=t.detail;"number"==typeof i&&i!==this.currentMaxDepth&&(this.currentMaxDepth=i,this.buildFieldTree())},this.handleGroupChange=t=>{const{groupId:i,logicalSearchOperator:s}=t.detail;this.runUpdateCycle((t=>{const e=t.filterGroups.find((t=>t.groupId===i));e&&(e.logicalSearchOperator=s)}))}}buildFieldTree(){if(this.entityName&&this.catalogObjectList){const t=h(this.entityName),i=t[0].toUpperCase()+t.slice(1);this.fieldsArray=a(this.catalogObjectList,i,this.currentMaxDepth)}}rebuildFieldTree(){this.buildFieldTree()}syncMaxDepth(t){this.currentMaxDepth=t,this.buildFieldTree()}syncInitialFilterData(t){this.currentFilterData=this.getNormalizedData(t),this.updateNextGroupId(this.currentFilterData)}componentWillLoad(){this.currentMaxDepth=this.maxDepth,this.buildFieldTree(),this.currentFilterData=this.getNormalizedData(this.initialFilterData),this.updateNextGroupId(this.currentFilterData)}componentDidLoad(){this.updateHostClasses(),this.dragManager=new c(this.el,{onStateChange:this.handleDragStateChange,onDrop:this.handleDragDrop,isValidDrop:this.isValidDragDrop}),this.animContainerEl&&this.dragManager.setScrollContainer(this.animContainerEl)}disconnectedCallback(){var t;null===(t=this.dragManager)\|\|void 0===t\|\|t.destroy()}async addFilterElement(t,i){var s,e,o;const n=new Set(["object","array"]),r=this.fieldsArray.find((i=>i.name===t)),h=null!==(e=null!==(s=null==r?void 0:r.type)&&void 0!==s?s:null==i?void 0:i.toLowerCase())&&void 0!==e?e:"string";if(n.has(h))return;const a=l(null!=r?r:{type:h}),d=(null===(o=null==a?void 0:a[0])\|\|void 0===o?void 0:o.value)\|\|"=",c=this.currentFilterData.filterGroups.find((t=>null===t.parentGroupId));this.runUpdateCycle((i=>{var s;i.filterElements.push({_id:`filter_${Math.random()}`,_type:h,groupId:null!==(s=null==c?void 0:c.groupId)&&void 0!==s?s:1,searchField:t,searchOperator:d,searchValue:""})}))}updateHostClasses(){this.isExpanded?(this.el.classList.add("host-expanded"),this.el.classList.remove("host-collapsed")):(this.el.classList.add("host-collapsed"),this.el.classList.remove("host-expanded"),this.el.style.height=null)}updateNextGroupId(t){this.nextGroupId=t&&t.filterGroups.length>0?Math.max(...t.filterGroups.map((t=>t.groupId)))+1:2}verifyFilterState(t){const i=[],s=/^[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12}$/;for(const s of t.filterGroups){if(null===s.parentGroupId)continue;const e=t.filterElements.some((t=>t.groupId===s.groupId)),o=t.filterGroups.some((t=>t.parentGroupId===s.groupId));e\|\|o\|\|i.push("A group has no filters. Add a filter or remove the group.")}return t.filterElements.forEach((t=>{delete t._error;const e=!t.searchValue,o=t.searchOperator===r.NULL\|\|t.searchOperator===r.NOT_NULL;if(null==t.searchField\|\|""===t.searchField){const s="Search Field cannot be empty.";t._error=s,i.push(s)}else if(t.searchOperator===r.BETWEEN){const s=(t.searchValue\|\|"").split(",");if(2!==s.length\|\|!s[0]\|\|!s[1]){const s=`Two values required when using BETWEEN operator for field "${t.searchField}".`;t._error=s,i.push(s)}}else if(e&&!o){const s=`Value cannot be empty for field "${t.searchField}".`;t._error=s,i.push(s)}else if("guid"===t._type&&!e&&!s.test(t.searchValue)){const s=`Invalid GUID for field "${t.searchField}".`;t._error=s,i.push(s)}})),{isValid:0===i.length,errors:i}}getNormalizedData(t){var i,s;if(t&&(null===(i=t.filterGroups)\|\|void 0===i?void 0:i.length)>0)return t;if(t&&(null===(s=t.filterElements)\|\|void 0===s?void 0:s.length)>0){const i=1;return Object.assign(Object.assign({},t),{filterGroups:[{groupId:i,parentGroupId:null,logicalSearchOperator:t.logicalSearchOperator\|\|n.AND}],filterElements:t.filterElements.map((t=>Object.assign(Object.assign({},t),{groupId:i})))})}return Object.assign(Object.assign({},t),{logicalSearchOperator:n.AND,filterGroups:[{groupId:1,parentGroupId:null,logicalSearchOperator:n.AND}],filterElements:[]})}runUpdateCycle(t){const i=JSON.parse(JSON.stringify(this.currentFilterData));t(i),this.currentFilterData=i;const s=this.verifyFilterState(i);this.isFilterValid=s.isValid,this.errorMessages=s.errors,this.searchChange.emit(i)}applyFilterDrop(t,i,s){const e=t.filterElements.find((t=>t._id===i.id));if(!e)return;const o=t.filterElements.indexOf(e);if(t.filterElements.splice(o,1),"filter"===s.targetType){const i=t.filterElements.find((t=>t._id===s.targetId));if(!i)return void t.filterElements.push(e);e.groupId=i.groupId;const o=t.filterElements.indexOf(i);t.filterElements.splice("before"===s.position?o:o+1,0,e)}else{const i=parseInt(s.targetId,10),o=t.filterGroups.find((t=>t.groupId===i));e.groupId="before"===s.position&&null!=(null==o?void 0:o.parentGroupId)?o.parentGroupId:i,t.filterElements.push(e)}}applyGroupDrop(t,i,s){const e=parseInt(i.id,10),o=t.filterGroups.find((t=>t.groupId===e));if(o)if("group"===s.targetType){const i=parseInt(s.targetId,10);if(this.isDescendant(i,e,t.filterGroups))return;if(e===i)return;const n=t.filterGroups.find((t=>t.groupId===i));if(!n)return;o.parentGroupId="before"===s.position?n.parentGroupId:i;const r=t.filterGroups.indexOf(o);t.filterGroups.splice(r,1);const h=t.filterGroups.indexOf(n);t.filterGroups.splice("before"===s.position?h:h+1,0,o)}else if("filter"===s.targetType){const i=t.filterElements.find((t=>t._id===s.targetId));i&&(o.parentGroupId=i.groupId)}}isDescendant(t,i,s){let e=s.find((i=>i.groupId===t));for(;e&&null!==e.parentGroupId;){if(e.parentGroupId===i)return!0;e=s.find((t=>t.groupId===e.parentGroupId))}return!1}render(){if(this.loading)return s(e,{class:{"is-loading":!0}},s("div",{class:"advanced-filter-loading"},s("udp-spinner",{size:"large"}),s("span",{class:"advanced-filter-loading-label"},"Loading filters…")));const t=this.currentFilterData.filterGroups.find((t=>null===t.parentGroupId)),i=!0===this.config.collapsible,o=!1!==this.config.resizable,n=!1!==this.config.showFooter,r={"advanced-filter-container":!0,"is-expanded":this.isExpanded},h={};return this.isExpanded&&this.config.height&&(h.height=this.config.height),s(e,{style:h,class:{"is-resizable":o,"host-expanded":this.isExpanded,"host-collapsed":!this.isExpanded}},s("div",{class:r},i&&s("div",{class:"collapsed-view"},s("udp-fluent-text-input",{value:this.filterString,readonly:!0,appearance:"filled-darker",includeErrorPadding:!1,class:"string-display-input"}),s("udp-fluent-button",{class:"toggle-button",size:"small",appearance:"transparent",onClick:this.toggleExpanded},s("span",null,this.isExpanded?"Collapse":"Expand"),s("svg",{class:"toggle-icon",viewBox:"0 0 16 16",slot:"end"},s("path",{d:"M4 6L8 10L12 6",stroke:"currentColor","stroke-width":"2"})))),s("div",{class:"anim-container",ref:t=>this.animContainerEl=t},s("div",{class:"content-wrapper"},(this.isExpanded\|\|!i)&&t&&s("udp-advanced-search-filter-group",{key:t.groupId,groupId:t.groupId,filterData:this.currentFilterData,fields:this.fieldsArray,isRoot:!0,isFilterValid:this.isFilterValid,errorMessages:this.errorMessages,maxDepth:this.currentMaxDepth,onAddFilter:t=>this.handleAddFilter(t.detail),onAddGroup:t=>this.handleAddGroup(t.detail),onRemoveFilter:t=>this.handleRemoveFilter(t.detail),onRemoveGroup:t=>this.handleRemoveGroup(t.detail),onFilterChange:this.handleFilterChange,onGroupChange:this.handleGroupChange,onDepthChange:this.handleDepthChange,openAddMenuForGroupId:this.openAddMenuForGroupId,onToggleAddMenu:this.handleToggleAddMenu}))),n&&s("div",{class:"advanced-filter-footer"},this.showClearButton&&s("udp-fluent-button",{appearance:"subtle",onClick:this.handleClear},"Clear"),s("udp-fluent-button",{disabled:!this.isFilterValid,onClick:this.handleSearch,appearance:"primary"},"Search"))))}get el(){return o(this)}static get watchers(){return{entityName:[{rebuildFieldTree:0}],catalogObjectList:[{rebuildFieldTree:0}],maxDepth:[{syncMaxDepth:0}],initialFilterData:[{syncInitialFilterData:0}]}}};u.style=":host{display:flex;flex-direction:column;font-family:sans-serif;box-sizing:border-box;overflow:visible}.advanced-filter-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:240px;width:100%}.advanced-filter-loading-label{color:var(--colorNeutralForeground3);font-size:var(--fontSizeBase300)}:host(.host-collapsed){resize:none;height:auto}:host(.host-expanded){overflow-y:auto}:host(.is-resizable.host-expanded){resize:vertical;min-height:180px;max-height:80vh;overflow:auto}.advanced-filter-container{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.collapsed-view{display:flex;align-items:center;gap:0.5rem;padding:10px;border-bottom:1px solid #eee}.anim-container{flex-grow:1;overflow-y:auto;overflow-x:auto;display:flex}.content-wrapper{padding-bottom:15px;flex-grow:1}.advanced-filter-footer{display:flex;justify-content:flex-end;border-top:1px solid #eee;padding:10px;flex-shrink:0;gap:10px;align-items:center}.string-display-input{width:100%}.search-button{opacity:0;transform:scale(0.95);pointer-events:none;margin-right:10px}.advanced-filter-container.is-expanded .anim-container{overflow-y:auto;min-height:130px}.advanced-filter-container.is-expanded .collapsed-view{display:none}.advanced-filter-container.is-expanded .search-button{opacity:1;transform:scale(1);pointer-events:auto}.advanced-filter-container:not(.is-expanded) .anim-container{max-height:0;min-height:0;overflow:hidden}.advanced-filter-container:not(.is-expanded) .advanced-filter-footer{opacity:0;height:0;padding:0;border:none;pointer-events:none;overflow:hidden}.drag-overlay{position:fixed;pointer-events:none;z-index:10001;background:var(--colorNeutralBackground1, #ffffff);border:1px solid var(--colorNeutralStroke1, #d1d1d1);border-radius:4px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.12);opacity:0.92;padding:0 12px;height:32px;line-height:32px;font-size:13px;font-family:var(--fontFamilyBase, 'Segoe UI', sans-serif);color:var(--colorNeutralForeground1, #242424);white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}";export{u as udp_advanced_search_builder}
1	+ import{r as t,c as i,h as s,H as e,a as o}from"./index-Cgpvu-iV.js";import{L as n,a as r}from"./searchObject-DpUZkcYC.js";import{g as h}from"./entityUtilities-Bi7rt-yd.js";import{g as l}from"./udpOperatorHelper-CBSPgsN-.js";import{b as a}from"./catalogTree-Ca8SiTsU.js";const d=t=>{if(!t\|\|!t.filterGroups\|\|0===t.filterGroups.length)return"";const i=s=>{const e=t.filterGroups.find((t=>t.groupId===s));if(!e)return"";const o=e.logicalSearchOperator===n.AND?"AND":"OR",r=[];return t.filterElements.filter((t=>t.groupId===s)).forEach((t=>{r.push(`[${t.searchField}] ${t.searchOperator} ${"string"==typeof t.searchValue?`"${t.searchValue}"`:t.searchValue}`)})),t.filterGroups.filter((t=>t.parentGroupId===s)).forEach((t=>{const s=i(t.groupId);s&&r.push(`(${s})`)})),r.join(` ${o} `)},s=t.filterGroups.find((t=>null===t.parentGroupId));return s?i(s.groupId):""};class c{constructor(t,i){this.scrollContainer=null,this.isDragStarted=!1,this.pendingItem=null,this.pendingLabel="",this.sourceRowEl=null,this.startX=0,this.startY=0,this.currentState={isDragging:!1,dragItem:null,insertionPoint:null},this.sourceOriginalStyle="",this.draggedItemHeight=0,this.ghostOriginalTop=0,this.placeholder=null,this.overlay=null,this.dropTargets=[],this.previousGapEls=[],this.lockedTarget=null,this.lockedPosition="before",this.autoScrollRAF=null,this.hostEl=t,this.callbacks=i,this.boundPointerDown=this.onPointerDown.bind(this),this.boundPointerMove=this.onPointerMove.bind(this),this.boundPointerUp=this.onPointerUp.bind(this),this.boundKeyDown=this.onKeyDown.bind(this),this.boundScroll=this.onScroll.bind(this),this.hostEl.addEventListener("pointerdown",this.boundPointerDown,!0)}destroy(){this.hostEl.removeEventListener("pointerdown",this.boundPointerDown,!0),this.cleanup()}setScrollContainer(t){this.scrollContainer=t}onPointerDown(t){if(0!==t.button)return;const i=t.composedPath(),s=i.find((t=>t instanceof HTMLElement&&t.hasAttribute("data-drag-handle")));if(!s)return;t.preventDefault();const e=s.dataset.dragType,o=s.dataset.dragId;if(!e\|\|!o)return;const n=i.find((t=>t instanceof HTMLElement&&("filter"===e?t.classList.contains("filter-row"):t.classList.contains("group-box")&&!t.classList.contains("root-group"))));this.pendingItem={type:e,id:o},this.pendingLabel=s.dataset.dragLabel\|\|("filter"===e?"Filter":"Group"),this.sourceRowEl=n\|\|null,this.startX=t.clientX,this.startY=t.clientY,this.isDragStarted=!1,document.addEventListener("pointermove",this.boundPointerMove),document.addEventListener("pointerup",this.boundPointerUp),document.addEventListener("keydown",this.boundKeyDown)}onPointerMove(t){const i=t.clientX-this.startX,s=t.clientY-this.startY;if(!this.isDragStarted){if(Math.sqrt(ii+ss)<5)return;this.beginDrag()}this.moveOverlay(t.clientX,t.clientY),this.updateInsertionPoint(t.clientY),this.handleAutoScroll(t.clientY)}onPointerUp(){this.isDragStarted&&this.currentState.insertionPoint&&this.currentState.dragItem&&this.callbacks.onDrop(this.currentState.dragItem,this.currentState.insertionPoint),this.cleanup()}onKeyDown(t){"Escape"===t.key&&this.cleanup()}beginDrag(){var t;if(this.isDragStarted=!0,this.sourceRowEl){const i=this.sourceRowEl.getBoundingClientRect();this.draggedItemHeight=i.height,this.ghostOriginalTop=i.top,this.sourceOriginalStyle=this.sourceRowEl.style.cssText,this.placeholder=document.createElement("div"),this.placeholder.style.height=`${i.height}px`,this.placeholder.style.pointerEvents="none",null===(t=this.sourceRowEl.parentNode)\|\|void 0===t\|\|t.insertBefore(this.placeholder,this.sourceRowEl.nextSibling),this.sourceRowEl.style.position="fixed",this.sourceRowEl.style.top=`${i.top}px`,this.sourceRowEl.style.left=`${i.left}px`,this.sourceRowEl.style.width=`${i.width}px`,this.sourceRowEl.style.height=`${i.height}px`,this.sourceRowEl.style.zIndex="10000",this.sourceRowEl.style.opacity="0.35",this.sourceRowEl.style.pointerEvents="none",this.sourceRowEl.style.transition="top 80ms ease-out, left 80ms ease-out, width 80ms ease-out",this.sourceRowEl.style.border="1px dashed var(--colorNeutralStroke1, #d1d1d1)",this.sourceRowEl.style.borderRadius="4px",this.sourceRowEl.style.boxSizing="border-box"}this.collectDropTargets(),this.createOverlay(),this.scrollContainer&&this.scrollContainer.addEventListener("scroll",this.boundScroll,{passive:!0}),document.body.style.cursor="grabbing",document.body.style.userSelect="none",this.currentState={isDragging:!0,dragItem:this.pendingItem,insertionPoint:null},this.callbacks.onStateChange(Object.assign({},this.currentState))}cleanup(){this.placeholder&&(this.placeholder.remove(),this.placeholder=null),this.sourceRowEl&&(this.sourceRowEl.style.cssText=this.sourceOriginalStyle,this.sourceRowEl=null),this.overlay&&(this.overlay.remove(),this.overlay=null),this.clearGap(),null!==this.autoScrollRAF&&(cancelAnimationFrame(this.autoScrollRAF),this.autoScrollRAF=null),this.scrollContainer&&this.scrollContainer.removeEventListener("scroll",this.boundScroll),document.body.style.cursor="",document.body.style.userSelect="",document.removeEventListener("pointermove",this.boundPointerMove),document.removeEventListener("pointerup",this.boundPointerUp),document.removeEventListener("keydown",this.boundKeyDown),this.pendingItem=null,this.pendingLabel="",this.isDragStarted=!1,this.dropTargets=[],this.draggedItemHeight=0,this.ghostOriginalTop=0,this.sourceOriginalStyle="",this.lockedTarget=null;const t=this.currentState.isDragging;this.currentState={isDragging:!1,dragItem:null,insertionPoint:null},t&&this.callbacks.onStateChange(Object.assign({},this.currentState))}createOverlay(){var t;this.overlay=document.createElement("div"),this.overlay.className="drag-overlay",this.overlay.textContent=this.pendingLabel,null===(t=this.hostEl.shadowRoot)\|\|void 0===t\|\|t.appendChild(this.overlay)}moveOverlay(t,i){this.overlay&&(this.overlay.style.left=`${t+12}px`,this.overlay.style.top=i-20+"px")}positionGhost(t,i){if(!this.sourceRowEl)return;const s=this.getGapElement(t,i).getBoundingClientRect();let e;e="before"===i?s.top-this.draggedItemHeight:s.bottom;const o=this.getGhostReferenceRect(t,i);this.sourceRowEl.style.top=`${e}px`,this.sourceRowEl.style.left=`${o.left}px`,this.sourceRowEl.style.width=`${o.width}px`}getGhostReferenceRect(t,i){if("group"===t.type&&"after"===i){const i=t.element.nextElementSibling;if(i){const t=Array.from(i.querySelectorAll(".filter-row, udp-advanced-search-filter-group"));for(const i of t)if(i!==this.sourceRowEl)return i.getBoundingClientRect();const s=i.querySelector(".add-new-container");if(s)return s.getBoundingClientRect()}}return t.element.getBoundingClientRect()}resetGhostPosition(){this.sourceRowEl&&(this.sourceRowEl.style.top=`${this.ghostOriginalTop}px`)}getGapElement(t,i){if("filter"===t.type)return t.element;if("after"===i)return t.element;const s=t.element.getRootNode();return s instanceof ShadowRoot&&s.host?s.host:t.element}applyGap(t,i){this.placeholder&&(this.placeholder.style.height="0px");const s=this.getGapElement(t,i);for(const t of this.previousGapEls)t!==s&&(t.style.marginTop="",t.style.marginBottom="");s.style.marginTop="",s.style.marginBottom="","before"===i?s.style.marginTop=`${this.draggedItemHeight}px`:s.style.marginBottom=`${this.draggedItemHeight}px`,this.previousGapEls=[s]}clearGap(){for(const t of this.previousGapEls)t.style.marginTop="",t.style.marginBottom="";this.previousGapEls=[],this.placeholder&&(this.placeholder.style.height=`${this.draggedItemHeight}px`)}collectDropTargets(){var t;this.dropTargets=[];const i=this.pendingItem,s=t=>{const e=t.shadowRoot;if(!e)return;e.querySelectorAll(".filter-row[data-filter-id]").forEach((t=>{const s=t.dataset.filterId;"filter"===(null==i?void 0:i.type)&&i.id===s\|\|this.dropTargets.push({type:"filter",id:s,element:t,rect:t.getBoundingClientRect(),midY:0})}));const o=e.querySelector(".group-box[data-group-id]");if(o&&!o.classList.contains("root-group")){const t=o.dataset.groupId;if("group"!==(null==i?void 0:i.type)\|\|i.id!==t){const i=o.querySelector(":scope > .group-header");i&&this.dropTargets.push({type:"group",id:t,element:i,rect:i.getBoundingClientRect(),midY:0})}}e.querySelectorAll("udp-advanced-search-filter-group").forEach((t=>s(t)))},e=null===(t=this.hostEl.shadowRoot)\|\|void 0===t?void 0:t.querySelector("udp-advanced-search-filter-group");e&&s(e);for(const t of this.dropTargets)t.midY=t.rect.top+t.rect.height/2;this.dropTargets.sort(((t,i)=>t.rect.top-i.rect.top))}updateInsertionPoint(t){var i,s;if(0===this.dropTargets.length)return this.clearGap(),this.resetGhostPosition(),this.lockedTarget=null,void this.commitInsertionPoint(null);let e=null,o="before";for(const i of this.dropTargets){const s=i.element.getBoundingClientRect();if(t>=s.top&&t<=s.bottom){e=i,o=t<s.top+s.height/2?"before":"after";break}}if(!e){const n=null===(i=this.dropTargets[0])\|\|void 0===i?void 0:i.element,r=null===(s=this.dropTargets[this.dropTargets.length-1])\|\|void 0===s?void 0:s.element;if(n&&t<n.getBoundingClientRect().top)e=this.dropTargets[0],o="before";else{if(!(r&&t>r.getBoundingClientRect().bottom))return;e=this.dropTargets[this.dropTargets.length-1],o="after"}}if("before"===o){const t=this.dropTargets.indexOf(e);t>0&&(e=this.dropTargets[t-1],o="after")}if(e===this.lockedTarget&&o===this.lockedPosition)return;const n=this.currentState.dragItem\|\|this.pendingItem;if(this.callbacks.isValidDrop&&n&&!this.callbacks.isValidDrop(n,e.type,e.id))return this.clearGap(),this.resetGhostPosition(),this.lockedTarget=null,void this.commitInsertionPoint(null);this.lockedTarget=e,this.lockedPosition=o,this.applyGap(e,o),this.positionGhost(e,o),this.commitInsertionPoint({position:o,targetId:e.id,targetType:e.type})}commitInsertionPoint(t){const i=this.currentState.insertionPoint;(null==i?void 0:i.position)===(null==t?void 0:t.position)&&(null==i?void 0:i.targetId)===(null==t?void 0:t.targetId)&&(null==i?void 0:i.targetType)===(null==t?void 0:t.targetType)\|\|(this.currentState=Object.assign(Object.assign({},this.currentState),{insertionPoint:t}),this.callbacks.onStateChange(Object.assign({},this.currentState)))}handleAutoScroll(t){if(!this.scrollContainer)return;const i=this.scrollContainer.getBoundingClientRect(),s=t-i.top,e=i.bottom-t;let o=0;if(s>0&&s<50?o=-10(1-s/50):e>0&&e<50&&(o=10(1-e/50)),null!==this.autoScrollRAF&&(cancelAnimationFrame(this.autoScrollRAF),this.autoScrollRAF=null),0!==o){const t=()=>{this.scrollContainer&&(this.scrollContainer.scrollTop+=o,this.refreshDropTargetRects(),this.autoScrollRAF=requestAnimationFrame(t))};this.autoScrollRAF=requestAnimationFrame(t)}}onScroll(){this.refreshDropTargetRects()}refreshDropTargetRects(){for(const t of this.dropTargets)t.rect=t.element.getBoundingClientRect(),t.midY=t.rect.top+t.rect.height/2}}const u=class{constructor(s){t(this,s),this.filterSave=i(this,"filterSave",7),this.searchChange=i(this,"searchChange",7),this.config={},this.maxDepth=2,this.showClearButton=!1,this.loading=!1,this.fieldsArray=[],this.openAddMenuForGroupId=null,this.filterString="",this.isExpanded=!0,this.isFilterValid=!0,this.errorMessages=[],this.nextGroupId=1,this.handleSearch=()=>{this.isFilterValid&&this.filterSave?(this.filterSave.emit(this.currentFilterData),this.filterString=d(this.currentFilterData),this.config.collapsible&&this.toggleExpanded()):console.warn("Cannot run search: filter is invalid.")},this.handleClear=()=>{const t=this.getNormalizedData(Object.assign(Object.assign({},this.currentFilterData),{filterElements:[],filterGroups:[]}));this.currentFilterData=t,this.isFilterValid=!0,this.errorMessages=[],this.searchChange.emit(t),this.filterSave&&(this.filterSave.emit(t),this.filterString=d(t)),this.config.collapsible&&this.toggleExpanded()},this.toggleExpanded=()=>{this.isExpanded=!this.isExpanded,this.updateHostClasses()},this.handleToggleAddMenu=t=>{const i=t.detail;if(this.openAddMenuForGroupId=this.openAddMenuForGroupId===i?null:i,null!==this.openAddMenuForGroupId){const t=this.animContainerEl;t&&requestAnimationFrame((()=>{t.scrollTop=t.scrollHeight}))}},this.handleDragStateChange=()=>{},this.isValidDragDrop=(t,i,s)=>{if("group"===t.type&&"group"===i){const i=parseInt(t.id,10),e=parseInt(s,10);if(i===e)return!1;if(this.isDescendant(e,i,this.currentFilterData.filterGroups))return!1}if("group"===t.type&&"filter"===i){const i=parseInt(t.id,10),e=this.currentFilterData.filterElements.find((t=>t._id===s));if(e){const t=e.groupId;if(t===i\|\|this.isDescendant(t,i,this.currentFilterData.filterGroups))return!1}}return!0},this.handleDragDrop=(t,i)=>{this.runUpdateCycle((s=>{"filter"===t.type?this.applyFilterDrop(s,t,i):"group"===t.type&&this.applyGroupDrop(s,t,i)}))},this.handleAddFilter=t=>{this.runUpdateCycle((i=>{var s,e;const o=null===(s=this.fieldsArray)\|\|void 0===s?void 0:s[0],n=l(o),r=(null===(e=null==n?void 0:n[0])\|\|void 0===e?void 0:e.value)\|\|"";i.filterElements.push({_id:`filter_${Math.random()}`,_type:null==o?void 0:o.type,groupId:t,searchField:null==o?void 0:o.name,searchOperator:r,searchValue:""})})),this.openAddMenuForGroupId=null},this.handleAddGroup=t=>{this.runUpdateCycle((i=>{i.filterGroups.push({groupId:this.nextGroupId++,parentGroupId:t,logicalSearchOperator:n.AND})})),this.openAddMenuForGroupId=null},this.handleRemoveFilter=t=>{this.runUpdateCycle((i=>{const s=i.filterElements.findIndex((i=>i._id===t));s>-1&&i.filterElements.splice(s,1)}))},this.handleRemoveGroup=t=>{this.runUpdateCycle((i=>{const s=t=>{const e=i.filterGroups.filter((i=>i.parentGroupId===t));let o=e.map((t=>t.groupId));return e.forEach((t=>{o=[...o,...s(t.groupId)]})),o},e=[t,...s(t)];i.filterGroups=i.filterGroups.filter((t=>!e.includes(t.groupId))),i.filterElements=i.filterElements.filter((t=>!e.includes(t.groupId)))}))},this.handleFilterChange=t=>{const{filterId:i,field:s,value:e,updates:o}=t.detail;this.runUpdateCycle((t=>{const n=t.filterElements.find((t=>t._id===i));n&&(o?Object.assign(n,o):n[s]=e)}))},this.handleDepthChange=t=>{const i=t.detail;"number"==typeof i&&i!==this.currentMaxDepth&&(this.currentMaxDepth=i,this.buildFieldTree())},this.handleGroupChange=t=>{const{groupId:i,logicalSearchOperator:s}=t.detail;this.runUpdateCycle((t=>{const e=t.filterGroups.find((t=>t.groupId===i));e&&(e.logicalSearchOperator=s)}))}}buildFieldTree(){if(this.entityName&&this.catalogObjectList){const t=h(this.entityName),i=t[0].toUpperCase()+t.slice(1);this.fieldsArray=a(this.catalogObjectList,i,this.currentMaxDepth)}}rebuildFieldTree(){this.buildFieldTree()}syncMaxDepth(t){this.currentMaxDepth=t,this.buildFieldTree()}syncInitialFilterData(t){this.currentFilterData=this.getNormalizedData(t),this.updateNextGroupId(this.currentFilterData)}componentWillLoad(){this.currentMaxDepth=this.maxDepth,this.buildFieldTree(),this.currentFilterData=this.getNormalizedData(this.initialFilterData),this.updateNextGroupId(this.currentFilterData)}componentDidLoad(){this.updateHostClasses(),this.dragManager=new c(this.el,{onStateChange:this.handleDragStateChange,onDrop:this.handleDragDrop,isValidDrop:this.isValidDragDrop}),this.animContainerEl&&this.dragManager.setScrollContainer(this.animContainerEl)}disconnectedCallback(){var t;null===(t=this.dragManager)\|\|void 0===t\|\|t.destroy()}async addFilterElement(t,i){var s,e,o;const n=new Set(["object","array"]),r=this.fieldsArray.find((i=>i.name===t)),h=null!==(e=null!==(s=null==r?void 0:r.type)&&void 0!==s?s:null==i?void 0:i.toLowerCase())&&void 0!==e?e:"string";if(n.has(h))return;const a=l(null!=r?r:{type:h}),d=(null===(o=null==a?void 0:a[0])\|\|void 0===o?void 0:o.value)\|\|"=",c=this.currentFilterData.filterGroups.find((t=>null===t.parentGroupId));this.runUpdateCycle((i=>{var s;i.filterElements.push({_id:`filter_${Math.random()}`,_type:h,groupId:null!==(s=null==c?void 0:c.groupId)&&void 0!==s?s:1,searchField:t,searchOperator:d,searchValue:""})}))}updateHostClasses(){this.isExpanded?(this.el.classList.add("host-expanded"),this.el.classList.remove("host-collapsed")):(this.el.classList.add("host-collapsed"),this.el.classList.remove("host-expanded"),this.el.style.height=null)}updateNextGroupId(t){this.nextGroupId=t&&t.filterGroups.length>0?Math.max(...t.filterGroups.map((t=>t.groupId)))+1:2}verifyFilterState(t){const i=[],s=/^[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12}$/;for(const s of t.filterGroups){if(null===s.parentGroupId)continue;const e=t.filterElements.some((t=>t.groupId===s.groupId)),o=t.filterGroups.some((t=>t.parentGroupId===s.groupId));e\|\|o\|\|i.push("A group has no filters. Add a filter or remove the group.")}return t.filterElements.forEach((t=>{delete t._error;const e=!t.searchValue,o=t.searchOperator===r.NULL\|\|t.searchOperator===r.NOT_NULL;if(null==t.searchField\|\|""===t.searchField){const s="Search Field cannot be empty.";t._error=s,i.push(s)}else if(t.searchOperator===r.BETWEEN){const s=(t.searchValue\|\|"").split(",");if(2!==s.length\|\|!s[0]\|\|!s[1]){const s=`Two values required when using BETWEEN operator for field "${t.searchField}".`;t._error=s,i.push(s)}}else if(e&&!o){const s=`Value cannot be empty for field "${t.searchField}".`;t._error=s,i.push(s)}else if("guid"===t._type&&!e&&!s.test(t.searchValue)){const s=`Invalid GUID for field "${t.searchField}".`;t._error=s,i.push(s)}})),{isValid:0===i.length,errors:i}}getNormalizedData(t){var i,s;if(t&&(null===(i=t.filterGroups)\|\|void 0===i?void 0:i.length)>0)return t;if(t&&(null===(s=t.filterElements)\|\|void 0===s?void 0:s.length)>0){const i=1;return Object.assign(Object.assign({},t),{filterGroups:[{groupId:i,parentGroupId:null,logicalSearchOperator:t.logicalSearchOperator\|\|n.AND}],filterElements:t.filterElements.map((t=>Object.assign(Object.assign({},t),{groupId:i})))})}return Object.assign(Object.assign({},t),{logicalSearchOperator:n.AND,filterGroups:[{groupId:1,parentGroupId:null,logicalSearchOperator:n.AND}],filterElements:[]})}runUpdateCycle(t){const i=JSON.parse(JSON.stringify(this.currentFilterData));t(i),this.currentFilterData=i;const s=this.verifyFilterState(i);this.isFilterValid=s.isValid,this.errorMessages=s.errors,this.searchChange.emit(i)}applyFilterDrop(t,i,s){const e=t.filterElements.find((t=>t._id===i.id));if(!e)return;const o=t.filterElements.indexOf(e);if(t.filterElements.splice(o,1),"filter"===s.targetType){const i=t.filterElements.find((t=>t._id===s.targetId));if(!i)return void t.filterElements.push(e);e.groupId=i.groupId;const o=t.filterElements.indexOf(i);t.filterElements.splice("before"===s.position?o:o+1,0,e)}else{const i=parseInt(s.targetId,10),o=t.filterGroups.find((t=>t.groupId===i));e.groupId="before"===s.position&&null!=(null==o?void 0:o.parentGroupId)?o.parentGroupId:i,t.filterElements.push(e)}}applyGroupDrop(t,i,s){const e=parseInt(i.id,10),o=t.filterGroups.find((t=>t.groupId===e));if(o)if("group"===s.targetType){const i=parseInt(s.targetId,10);if(this.isDescendant(i,e,t.filterGroups))return;if(e===i)return;const n=t.filterGroups.find((t=>t.groupId===i));if(!n)return;o.parentGroupId="before"===s.position?n.parentGroupId:i;const r=t.filterGroups.indexOf(o);t.filterGroups.splice(r,1);const h=t.filterGroups.indexOf(n);t.filterGroups.splice("before"===s.position?h:h+1,0,o)}else if("filter"===s.targetType){const i=t.filterElements.find((t=>t._id===s.targetId));i&&(o.parentGroupId=i.groupId)}}isDescendant(t,i,s){let e=s.find((i=>i.groupId===t));for(;e&&null!==e.parentGroupId;){if(e.parentGroupId===i)return!0;e=s.find((t=>t.groupId===e.parentGroupId))}return!1}render(){if(this.loading)return s(e,{class:{"is-loading":!0}},s("div",{class:"advanced-filter-loading"},s("udp-spinner",{size:"large"}),s("span",{class:"advanced-filter-loading-label"},"Loading filters…")));const t=this.currentFilterData.filterGroups.find((t=>null===t.parentGroupId)),i=!0===this.config.collapsible,o=!1!==this.config.resizable,n=!1!==this.config.showFooter,r={"advanced-filter-container":!0,"is-expanded":this.isExpanded},h={};return this.isExpanded&&this.config.height&&(h.height=this.config.height),s(e,{style:h,class:{"is-resizable":o,"host-expanded":this.isExpanded,"host-collapsed":!this.isExpanded}},s("div",{class:r},i&&s("div",{class:"collapsed-view"},s("udp-fluent-text-input",{value:this.filterString,readonly:!0,appearance:"filled-darker",includeErrorPadding:!1,class:"string-display-input"}),s("udp-fluent-button",{class:"toggle-button",size:"small",appearance:"transparent",onClick:this.toggleExpanded},s("span",null,this.isExpanded?"Collapse":"Expand"),s("svg",{class:"toggle-icon",viewBox:"0 0 16 16",slot:"end"},s("path",{d:"M4 6L8 10L12 6",stroke:"currentColor","stroke-width":"2"})))),s("div",{class:"anim-container",ref:t=>this.animContainerEl=t},s("div",{class:"content-wrapper"},(this.isExpanded\|\|!i)&&t&&s("udp-advanced-search-filter-group",{key:t.groupId,groupId:t.groupId,filterData:this.currentFilterData,fields:this.fieldsArray,isRoot:!0,isFilterValid:this.isFilterValid,errorMessages:this.errorMessages,maxDepth:this.currentMaxDepth,onAddFilter:t=>this.handleAddFilter(t.detail),onAddGroup:t=>this.handleAddGroup(t.detail),onRemoveFilter:t=>this.handleRemoveFilter(t.detail),onRemoveGroup:t=>this.handleRemoveGroup(t.detail),onFilterChange:this.handleFilterChange,onGroupChange:this.handleGroupChange,onDepthChange:this.handleDepthChange,openAddMenuForGroupId:this.openAddMenuForGroupId,onToggleAddMenu:this.handleToggleAddMenu}))),n&&s("div",{class:"advanced-filter-footer"},this.showClearButton&&s("udp-fluent-button",{appearance:"subtle",onClick:this.handleClear},"Clear"),s("udp-fluent-button",{disabled:!this.isFilterValid,onClick:this.handleSearch,appearance:"primary"},"Search"))))}get el(){return o(this)}static get watchers(){return{entityName:[{rebuildFieldTree:0}],catalogObjectList:[{rebuildFieldTree:0}],maxDepth:[{syncMaxDepth:0}],initialFilterData:[{syncInitialFilterData:0}]}}};u.style=":host{display:flex;flex-direction:column;font-family:sans-serif;box-sizing:border-box;overflow:visible}.advanced-filter-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:240px;width:100%}.advanced-filter-loading-label{color:var(--colorNeutralForeground3);font-size:var(--fontSizeBase300)}:host(.host-collapsed){resize:none;height:auto}:host(.host-expanded){overflow-y:auto}:host(.is-resizable.host-expanded){resize:vertical;min-height:180px;max-height:80vh;overflow:auto}.advanced-filter-container{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.collapsed-view{display:flex;align-items:center;gap:0.5rem;padding:10px;border-bottom:1px solid #eee}.anim-container{flex-grow:1;overflow-y:auto;overflow-x:auto;display:flex}.content-wrapper{padding-bottom:15px;flex-grow:1}.advanced-filter-footer{display:flex;justify-content:flex-end;border-top:1px solid #eee;padding:10px;flex-shrink:0;gap:10px;align-items:center}.string-display-input{width:100%}.search-button{opacity:0;transform:scale(0.95);pointer-events:none;margin-right:10px}.advanced-filter-container.is-expanded .anim-container{overflow-y:auto;min-height:130px}.advanced-filter-container.is-expanded .collapsed-view{display:none}.advanced-filter-container.is-expanded .search-button{opacity:1;transform:scale(1);pointer-events:auto}.advanced-filter-container:not(.is-expanded) .anim-container{max-height:0;min-height:0;overflow:hidden}.advanced-filter-container:not(.is-expanded) .advanced-filter-footer{opacity:0;height:0;padding:0;border:none;pointer-events:none;overflow:hidden}.drag-overlay{position:fixed;pointer-events:none;z-index:10001;background:var(--colorNeutralBackground1, #ffffff);border:1px solid var(--colorNeutralStroke1, #d1d1d1);border-radius:4px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.12);opacity:0.92;padding:0 12px;height:32px;line-height:32px;font-size:13px;font-family:var(--fontFamilyBase, 'Segoe UI', sans-serif);color:var(--colorNeutralForeground1, #242424);white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}";export{u as udp_advanced_search_builder}

package/dist/stencil-library/udp-advanced-search-filter-group.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{h as e,r as a,c as t}from"./index-Cgpvu-iV.js";import{a as i,L as n}from"./searchObject-CDJVsMG_.js";import{g as l}from"./udpOperatorHelper-Tmn9i7-P.js";import{f as r}from"./catalogTree-Ca8SiTsU.js";const d=(e,a="",t="")=>{const i=[];return e.forEach((e=>{var n;const l=a?`${a}.${e.name}`:e.name,r=null!==(n=e.displayName)&&void 0!==n?n:e.name,o=t?`${t}.${r}`:r,u=e.childFields&&e.childFields.length>0;i.push({value:l,label:u?`+ ${r}`:o,disabled:u\|\|void 0}),u&&i.push(...d(e.childFields,l,o))})),i},o=class{constructor(e){a(this,e),this.addFilter=t(this,"addFilter",7),this.addGroup=t(this,"addGroup",7),this.removeFilter=t(this,"removeFilter",7),this.removeGroup=t(this,"removeGroup",7),this.filterChange=t(this,"filterChange",7),this.groupChange=t(this,"groupChange",7),this.toggleAddMenu=t(this,"toggleAddMenu",7),this.depthChange=t(this,"depthChange",7),this.isRoot=!1,this.isFilterValid=!0,this.errorMessages=[],this.handleValueChange=(e,a)=>{this.filterChange.emit({filterId:a._id,field:"searchValue",value:e})},this.handleBetweenValueChange=(e,a,t)=>{const i=(a.searchValue\|\|",").split(",");i[t]=e,this.filterChange.emit({filterId:a._id,field:"searchValue",value:i.join(",")})}}getDropdownValue(e){return"object"==typeof e&&null!==e?e.value:String(e)}handleFilterFieldChange(e,a){var t;const i=r(this.fields,a),n=l(i);let d="";((null==i?void 0:i.type)\|\|"").toLowerCase().includes("bool")&&(d=!0),this.filterChange.emit({filterId:e._id,updates:{searchField:a,_type:(null==i?void 0:i.type)\|\|"string",searchValue:d}}),n.some((a=>a.value===e.searchOperator))\|\|this.filterChange.emit({filterId:e._id,updates:{searchOperator:(null===(t=null==n?void 0:n[0])\|\|void 0===t?void 0:t.value)\|\|""}})}render(){var a;const t=this.filterData.filterGroups.find((e=>e.groupId===this.groupId));if(!t)return null;const o=this.filterData.filterElements.filter((e=>e.groupId===this.groupId)),u=this.filterData.filterGroups.filter((e=>e.parentGroupId===this.groupId));return e("div",{class:{"group-box":!0,"root-group":this.isRoot},"data-group-id":String(this.groupId),"data-parent-group-id":null!=t.parentGroupId?String(t.parentGroupId):void 0},e("div",{class:"group-header"},this.isRoot?e("div",{style:{marginRight:"8px"}}):e("span",{class:"drag-handle","data-drag-handle":"","data-drag-type":"group","data-drag-id":String(this.groupId),"data-drag-label":`Group (${t.logicalSearchOperator===n.AND?"AND":"OR"})`},"⠿"),e("udp-fluent-dropdown",{class:"logical-op",options:[{value:"1",label:"AND"},{value:"2",label:"OR"}],value:String(t.logicalSearchOperator),appearance:"filled-darker",includeErrorPadding:!1,clearable:!1,onValueChanged:e=>this.groupChange.emit({groupId:this.groupId,logicalSearchOperator:parseInt(this.getDropdownValue(e.detail))})}),this.isRoot?e("div",{style:{marginLeft:"auto",marginRight:"12px",display:"flex",alignItems:"center",gap:"8px",flexShrink:"0"}},e("validation-chip",{isValid:this.isFilterValid,errorMessages:this.errorMessages}),e("div",{style:{width:"100px",flexShrink:"0"}},e("udp-fluent-dropdown",{class:"depth-select",controlSize:"small",options:[{value:"1",label:"Depth: 1"},{value:"2",label:"Depth: 2"},{value:"3",label:"Depth: 3"}],value:String(null!==(a=this.maxDepth)&&void 0!==a?a:2),appearance:"filled-lighter",includeErrorPadding:!1,clearable:!1,onValueChanged:e=>this.depthChange.emit(parseInt(this.getDropdownValue(e.detail),10))}))):e("div",{class:"actions"},e("udp-fluent-icon-button",{iconName:"subtract",appearance:"outline",size:"small",onClick:()=>this.removeGroup.emit(this.groupId)}))),e("div",{class:"group-content"},o.map((a=>{const t=r(this.fields,a.searchField),n=l(t);return e("div",{class:{"filter-row":!0,"is-invalid":!!a._error},key:a._id,"data-filter-id":a._id,"data-group-id":String(this.groupId)},e("span",{class:"drag-handle","data-drag-handle":"","data-drag-type":"filter","data-drag-id":a._id,"data-drag-label":a.searchField\|\|"Filter"},"⠿"),e("udp-autocomplete",{class:"field-select",options:d(this.fields),optionLabel:"label",optionValue:"value",optionDisabled:"disabled",value:a.searchField,placeholder:"Search fields...",appearance:"filled-darker",includeErrorPadding:!1,onValueChanged:e=>this.handleFilterFieldChange(a,this.getDropdownValue(e.detail))}),e("udp-fluent-dropdown",{class:"operator-select",options:n,value:a.searchOperator,appearance:"filled-darker",includeErrorPadding:!1,clearable:!1,onValueChanged:e=>{const t=this.getDropdownValue(e.detail);this.filterChange.emit({filterId:a._id,field:"searchOperator",value:t}),t!==i.NULL&&t!==i.NOT_NULL&&t!==i.BETWEEN\|\|this.filterChange.emit({filterId:a._id,field:"searchValue",value:""})}}),((a,t,n)=>{if(a.searchOperator===i.BETWEEN){const[t,i]=(a.searchValue\|\|",").split(",");return"date"===a._type?e("div",{class:"value-input between-input-container"},e("udp-date-input",{value:t,includeErrorPadding:!1,appearance:"filled-darker",onValueChanged:e=>n(e.detail,a,0)}),e("span",null,"and"),e("udp-date-input",{value:i,includeErrorPadding:!1,appearance:"filled-darker",onValueChanged:e=>n(e.detail,a,1)})):"datetime"===a._type?e("div",{class:"value-input between-input-container"},e("udp-date-time-input",{value:t,appearance:"filled-darker",includeErrorPadding:!1,onValueChanged:e=>n(e.detail,a,0)}),e("span",null,"and"),e("udp-date-time-input",{value:i,appearance:"filled-darker",includeErrorPadding:!1,onValueChanged:e=>n(e.detail,a,1)})):e("div",{class:"value-input between-input-container"},e("udp-fluent-text-input",{value:t,type:"number"===a._type?"number":"text",includeErrorPadding:!1,appearance:"filled-darker",onValueChanged:e=>n(e.detail,a,0)}),e("span",null,"and"),e("udp-fluent-text-input",{value:i,type:"number"===a._type?"number":"text",appearance:"filled-darker",includeErrorPadding:!1,onValueChanged:e=>n(e.detail,a,1)}))}if(a.searchOperator===i.IN)return e("udp-fluent-text-input",{placeholder:"value1, value2, ...",value:a.searchValue,includeErrorPadding:!1,appearance:"filled-darker",class:"value-input",onValueChanged:e=>t(e.detail,a)});const l=a.searchOperator===i.NULL\|\|a.searchOperator===i.NOT_NULL;switch(a._type){case"number":return e("udp-fluent-text-input",{placeholder:"Enter a number value...",type:"number",value:a.searchValue,appearance:"filled-darker",includeErrorPadding:!1,class:{"value-input":!0,"is-hidden":l},onValueChanged:e=>t(e.detail,a)});case"boolean":return e("udp-fluent-dropdown",{options:[{value:"true",label:"True"},{value:"false",label:"False"}],value:String(a.searchValue),appearance:"filled-darker",includeErrorPadding:!1,clearable:!1,class:{"value-input":!0,"is-hidden":l},onValueChanged:e=>{const i=e.detail;t("object"==typeof i?i.value:i,a)}});case"date":return e("udp-date-input",{value:a.searchValue,appearance:"filled-darker",includeErrorPadding:!1,class:{"value-input":!0,"is-hidden":l},onValueChanged:e=>t(e.detail,a)});case"datetime":return e("udp-date-time-input",{value:a.searchValue,appearance:"filled-darker",includeErrorPadding:!1,class:{"value-input":!0,"is-hidden":l},onValueChanged:e=>t(e.detail,a)});case"time":return e("udp-time-input",{value:a.searchValue,appearance:"filled-darker",includeErrorPadding:!1,class:{"value-input":!0,"is-hidden":l},onValueChanged:e=>t(e.detail,a)});case"guid":return e("udp-fluent-text-input",{placeholder:"Enter a GUID value...",value:a.searchValue,appearance:"filled-darker",includeErrorPadding:!1,class:{"value-input":!0,"is-hidden":l},onValueChanged:e=>t(e.detail,a)});default:return e("udp-fluent-text-input",{placeholder:"Enter a value...",value:a.searchValue,appearance:"filled-darker",includeErrorPadding:!1,class:{"value-input":!0,"is-hidden":l},onValueChanged:e=>t(e.detail,a)})}})(a,this.handleValueChange,this.handleBetweenValueChange),e("div",{class:"actions"},e("udp-fluent-icon-button",{iconName:"subtract",appearance:"outline",size:"small",onClick:()=>this.removeFilter.emit(a._id)})))})),u.map((a=>e("udp-advanced-search-filter-group",{key:a.groupId,groupId:a.groupId,filterData:this.filterData,fields:this.fields,isRoot:!1,openAddMenuForGroupId:this.openAddMenuForGroupId,onAddFilter:e=>{e.stopPropagation(),this.addFilter.emit(e.detail)},onAddGroup:e=>{e.stopPropagation(),this.addGroup.emit(e.detail)},onRemoveFilter:e=>{e.stopPropagation(),this.removeFilter.emit(e.detail)},onRemoveGroup:e=>{e.stopPropagation(),this.removeGroup.emit(e.detail)},onFilterChange:e=>{e.stopPropagation(),this.filterChange.emit(e.detail)},onGroupChange:e=>{e.stopPropagation(),this.groupChange.emit(e.detail)},onToggleAddMenu:e=>{e.stopPropagation(),this.toggleAddMenu.emit(e.detail)}}))),e("div",{class:"add-new-container"},e("udp-fluent-menu",{buttonType:"icon",endIconName:"add",appearance:"outline",shape:"circular",size:"small",items:[{text:"Add Filter",onClick:()=>this.addFilter.emit(this.groupId)},{text:"Add Group",onClick:()=>this.addGroup.emit(this.groupId)}]}))))}};o.style=":host{display:block;--color-guide-line:#CCC;--indent-size:30px;--color-row-background-hover:rgba(0, 0, 0, 0.05);--color-error:#ff4d4f;--color-drag-handle:#999}.group-box{position:relative;padding-left:0}.root-group{padding-left:0}.group-header,.filter-row{display:flex;align-items:center;gap:8px;position:relative;padding-top:5px;padding-bottom:5px}.group-content{position:relative;padding-left:var(--indent-size)}.group-content::before{content:'';position:absolute;left:calc(var(--indent-size) / 2);top:0;bottom:16px;width:1px;border-left:1px solid var(--color-guide-line)}.group-content>.filter-row::before{content:'';position:absolute;top:50%;left:-14px;width:14px;height:1px;border-bottom:1px solid var(--color-guide-line)}.group-box:not(.root-group)>.group-header::before{content:'';position:absolute;top:50%;left:-14px;width:14px;height:1px;border-bottom:1px solid var(--color-guide-line)}.group-content>.add-new-container::before{content:'';position:absolute;top:15px;left:-14px;width:14px;height:1px;border-bottom:1px solid var(--color-guide-line)}.logical-op{flex-shrink:0;width:auto}.field-select{flex:1 1 42%}.operator-select{flex:1 3 16%}.value-input{flex:1 1 42%}.value-input.is-hidden{visibility:hidden}.between-input-container{display:flex;align-items:center;gap:5px}.between-input-container udp-fluent-text-input,.between-input-container udp-date-input,.between-input-container udp-date-time-input,.between-input-container udp-time-input{flex:1}.between-input-container span{font-size:12px;color:#757575;flex-shrink:0}.drag-handle{font-size:1.2em;color:var(--color-drag-handle);cursor:grab;flex-shrink:0;user-select:none;touch-action:none}.drag-handle:active{cursor:grabbing}.actions{display:flex;gap:4px;margin-left:auto;margin-right:calc(var(--indent-size) / 2);flex-shrink:0}.add-new-container{position:relative;padding-left:8px;margin-top:5px;height:32px;display:flex;align-items:center}.logical-op{min-width:0}.is-invalid .value-input{--fluent-color-neutral-stroke-rest:var(--color-error)}";export{o as udp_advanced_search_filter_group}
1	+ import{h as e,r as a,c as t}from"./index-Cgpvu-iV.js";import{a as i,L as n}from"./searchObject-DpUZkcYC.js";import{g as l}from"./udpOperatorHelper-CBSPgsN-.js";import{f as r}from"./catalogTree-Ca8SiTsU.js";const d=(e,a="",t="")=>{const i=[];return e.forEach((e=>{var n;const l=a?`${a}.${e.name}`:e.name,r=null!==(n=e.displayName)&&void 0!==n?n:e.name,o=t?`${t}.${r}`:r,u=e.childFields&&e.childFields.length>0;i.push({value:l,label:u?`+ ${r}`:o,disabled:u\|\|void 0}),u&&i.push(...d(e.childFields,l,o))})),i},o=class{constructor(e){a(this,e),this.addFilter=t(this,"addFilter",7),this.addGroup=t(this,"addGroup",7),this.removeFilter=t(this,"removeFilter",7),this.removeGroup=t(this,"removeGroup",7),this.filterChange=t(this,"filterChange",7),this.groupChange=t(this,"groupChange",7),this.toggleAddMenu=t(this,"toggleAddMenu",7),this.depthChange=t(this,"depthChange",7),this.isRoot=!1,this.isFilterValid=!0,this.errorMessages=[],this.handleValueChange=(e,a)=>{this.filterChange.emit({filterId:a._id,field:"searchValue",value:e})},this.handleBetweenValueChange=(e,a,t)=>{const i=(a.searchValue\|\|",").split(",");i[t]=e,this.filterChange.emit({filterId:a._id,field:"searchValue",value:i.join(",")})}}getDropdownValue(e){return"object"==typeof e&&null!==e?e.value:String(e)}handleFilterFieldChange(e,a){var t;const i=r(this.fields,a),n=l(i);let d="";((null==i?void 0:i.type)\|\|"").toLowerCase().includes("bool")&&(d=!0),this.filterChange.emit({filterId:e._id,updates:{searchField:a,_type:(null==i?void 0:i.type)\|\|"string",searchValue:d}}),n.some((a=>a.value===e.searchOperator))\|\|this.filterChange.emit({filterId:e._id,updates:{searchOperator:(null===(t=null==n?void 0:n[0])\|\|void 0===t?void 0:t.value)\|\|""}})}render(){var a;const t=this.filterData.filterGroups.find((e=>e.groupId===this.groupId));if(!t)return null;const o=this.filterData.filterElements.filter((e=>e.groupId===this.groupId)),u=this.filterData.filterGroups.filter((e=>e.parentGroupId===this.groupId));return e("div",{class:{"group-box":!0,"root-group":this.isRoot},"data-group-id":String(this.groupId),"data-parent-group-id":null!=t.parentGroupId?String(t.parentGroupId):void 0},e("div",{class:"group-header"},this.isRoot?e("div",{style:{marginRight:"8px"}}):e("span",{class:"drag-handle","data-drag-handle":"","data-drag-type":"group","data-drag-id":String(this.groupId),"data-drag-label":`Group (${t.logicalSearchOperator===n.AND?"AND":"OR"})`},"⠿"),e("udp-fluent-dropdown",{class:"logical-op",options:[{value:"1",label:"AND"},{value:"2",label:"OR"}],value:String(t.logicalSearchOperator),appearance:"filled-darker",includeErrorPadding:!1,clearable:!1,onValueChanged:e=>this.groupChange.emit({groupId:this.groupId,logicalSearchOperator:parseInt(this.getDropdownValue(e.detail))})}),this.isRoot?e("div",{style:{marginLeft:"auto",marginRight:"12px",display:"flex",alignItems:"center",gap:"8px",flexShrink:"0"}},e("validation-chip",{isValid:this.isFilterValid,errorMessages:this.errorMessages}),e("div",{style:{width:"100px",flexShrink:"0"}},e("udp-fluent-dropdown",{class:"depth-select",controlSize:"small",options:[{value:"1",label:"Depth: 1"},{value:"2",label:"Depth: 2"},{value:"3",label:"Depth: 3"}],value:String(null!==(a=this.maxDepth)&&void 0!==a?a:2),appearance:"filled-lighter",includeErrorPadding:!1,clearable:!1,onValueChanged:e=>this.depthChange.emit(parseInt(this.getDropdownValue(e.detail),10))}))):e("div",{class:"actions"},e("udp-fluent-icon-button",{iconName:"subtract",appearance:"outline",size:"small",onClick:()=>this.removeGroup.emit(this.groupId)}))),e("div",{class:"group-content"},o.map((a=>{const t=r(this.fields,a.searchField),n=l(t);return e("div",{class:{"filter-row":!0,"is-invalid":!!a._error},key:a._id,"data-filter-id":a._id,"data-group-id":String(this.groupId)},e("span",{class:"drag-handle","data-drag-handle":"","data-drag-type":"filter","data-drag-id":a._id,"data-drag-label":a.searchField\|\|"Filter"},"⠿"),e("udp-autocomplete",{class:"field-select",options:d(this.fields),optionLabel:"label",optionValue:"value",optionDisabled:"disabled",value:a.searchField,placeholder:"Search fields...",appearance:"filled-darker",includeErrorPadding:!1,onValueChanged:e=>this.handleFilterFieldChange(a,this.getDropdownValue(e.detail))}),e("udp-fluent-dropdown",{class:"operator-select",options:n,value:a.searchOperator,appearance:"filled-darker",includeErrorPadding:!1,clearable:!1,onValueChanged:e=>{const t=this.getDropdownValue(e.detail);this.filterChange.emit({filterId:a._id,field:"searchOperator",value:t}),t!==i.NULL&&t!==i.NOT_NULL&&t!==i.BETWEEN\|\|this.filterChange.emit({filterId:a._id,field:"searchValue",value:""})}}),((a,t,n)=>{if(a.searchOperator===i.BETWEEN){const[t,i]=(a.searchValue\|\|",").split(",");return"date"===a._type?e("div",{class:"value-input between-input-container"},e("udp-date-input",{value:t,includeErrorPadding:!1,appearance:"filled-darker",onValueChanged:e=>n(e.detail,a,0)}),e("span",null,"and"),e("udp-date-input",{value:i,includeErrorPadding:!1,appearance:"filled-darker",onValueChanged:e=>n(e.detail,a,1)})):"datetime"===a._type?e("div",{class:"value-input between-input-container"},e("udp-date-time-input",{value:t,appearance:"filled-darker",includeErrorPadding:!1,onValueChanged:e=>n(e.detail,a,0)}),e("span",null,"and"),e("udp-date-time-input",{value:i,appearance:"filled-darker",includeErrorPadding:!1,onValueChanged:e=>n(e.detail,a,1)})):e("div",{class:"value-input between-input-container"},e("udp-fluent-text-input",{value:t,type:"number"===a._type?"number":"text",includeErrorPadding:!1,appearance:"filled-darker",onValueChanged:e=>n(e.detail,a,0)}),e("span",null,"and"),e("udp-fluent-text-input",{value:i,type:"number"===a._type?"number":"text",appearance:"filled-darker",includeErrorPadding:!1,onValueChanged:e=>n(e.detail,a,1)}))}if(a.searchOperator===i.IN)return e("udp-fluent-text-input",{placeholder:"value1, value2, ...",value:a.searchValue,includeErrorPadding:!1,appearance:"filled-darker",class:"value-input",onValueChanged:e=>t(e.detail,a)});const l=a.searchOperator===i.NULL\|\|a.searchOperator===i.NOT_NULL;switch(a._type){case"number":return e("udp-fluent-text-input",{placeholder:"Enter a number value...",type:"number",value:a.searchValue,appearance:"filled-darker",includeErrorPadding:!1,class:{"value-input":!0,"is-hidden":l},onValueChanged:e=>t(e.detail,a)});case"boolean":return e("udp-fluent-dropdown",{options:[{value:"true",label:"True"},{value:"false",label:"False"}],value:String(a.searchValue),appearance:"filled-darker",includeErrorPadding:!1,clearable:!1,class:{"value-input":!0,"is-hidden":l},onValueChanged:e=>{const i=e.detail;t("object"==typeof i?i.value:i,a)}});case"date":return e("udp-date-input",{value:a.searchValue,appearance:"filled-darker",includeErrorPadding:!1,class:{"value-input":!0,"is-hidden":l},onValueChanged:e=>t(e.detail,a)});case"datetime":return e("udp-date-time-input",{value:a.searchValue,appearance:"filled-darker",includeErrorPadding:!1,class:{"value-input":!0,"is-hidden":l},onValueChanged:e=>t(e.detail,a)});case"time":return e("udp-time-input",{value:a.searchValue,appearance:"filled-darker",includeErrorPadding:!1,class:{"value-input":!0,"is-hidden":l},onValueChanged:e=>t(e.detail,a)});case"guid":return e("udp-fluent-text-input",{placeholder:"Enter a GUID value...",value:a.searchValue,appearance:"filled-darker",includeErrorPadding:!1,class:{"value-input":!0,"is-hidden":l},onValueChanged:e=>t(e.detail,a)});default:return e("udp-fluent-text-input",{placeholder:"Enter a value...",value:a.searchValue,appearance:"filled-darker",includeErrorPadding:!1,class:{"value-input":!0,"is-hidden":l},onValueChanged:e=>t(e.detail,a)})}})(a,this.handleValueChange,this.handleBetweenValueChange),e("div",{class:"actions"},e("udp-fluent-icon-button",{iconName:"subtract",appearance:"outline",size:"small",onClick:()=>this.removeFilter.emit(a._id)})))})),u.map((a=>e("udp-advanced-search-filter-group",{key:a.groupId,groupId:a.groupId,filterData:this.filterData,fields:this.fields,isRoot:!1,openAddMenuForGroupId:this.openAddMenuForGroupId,onAddFilter:e=>{e.stopPropagation(),this.addFilter.emit(e.detail)},onAddGroup:e=>{e.stopPropagation(),this.addGroup.emit(e.detail)},onRemoveFilter:e=>{e.stopPropagation(),this.removeFilter.emit(e.detail)},onRemoveGroup:e=>{e.stopPropagation(),this.removeGroup.emit(e.detail)},onFilterChange:e=>{e.stopPropagation(),this.filterChange.emit(e.detail)},onGroupChange:e=>{e.stopPropagation(),this.groupChange.emit(e.detail)},onToggleAddMenu:e=>{e.stopPropagation(),this.toggleAddMenu.emit(e.detail)}}))),e("div",{class:"add-new-container"},e("udp-fluent-menu",{buttonType:"icon",endIconName:"add",appearance:"outline",shape:"circular",size:"small",items:[{text:"Add Filter",onClick:()=>this.addFilter.emit(this.groupId)},{text:"Add Group",onClick:()=>this.addGroup.emit(this.groupId)}]}))))}};o.style=":host{display:block;--color-guide-line:#CCC;--indent-size:30px;--color-row-background-hover:rgba(0, 0, 0, 0.05);--color-error:#ff4d4f;--color-drag-handle:#999}.group-box{position:relative;padding-left:0}.root-group{padding-left:0}.group-header,.filter-row{display:flex;align-items:center;gap:8px;position:relative;padding-top:5px;padding-bottom:5px}.group-content{position:relative;padding-left:var(--indent-size)}.group-content::before{content:'';position:absolute;left:calc(var(--indent-size) / 2);top:0;bottom:16px;width:1px;border-left:1px solid var(--color-guide-line)}.group-content>.filter-row::before{content:'';position:absolute;top:50%;left:-14px;width:14px;height:1px;border-bottom:1px solid var(--color-guide-line)}.group-box:not(.root-group)>.group-header::before{content:'';position:absolute;top:50%;left:-14px;width:14px;height:1px;border-bottom:1px solid var(--color-guide-line)}.group-content>.add-new-container::before{content:'';position:absolute;top:15px;left:-14px;width:14px;height:1px;border-bottom:1px solid var(--color-guide-line)}.logical-op{flex-shrink:0;width:auto}.field-select{flex:1 1 42%}.operator-select{flex:1 3 16%}.value-input{flex:1 1 42%}.value-input.is-hidden{visibility:hidden}.between-input-container{display:flex;align-items:center;gap:5px}.between-input-container udp-fluent-text-input,.between-input-container udp-date-input,.between-input-container udp-date-time-input,.between-input-container udp-time-input{flex:1}.between-input-container span{font-size:12px;color:#757575;flex-shrink:0}.drag-handle{font-size:1.2em;color:var(--color-drag-handle);cursor:grab;flex-shrink:0;user-select:none;touch-action:none}.drag-handle:active{cursor:grabbing}.actions{display:flex;gap:4px;margin-left:auto;margin-right:calc(var(--indent-size) / 2);flex-shrink:0}.add-new-container{position:relative;padding-left:8px;margin-top:5px;height:32px;display:flex;align-items:center}.logical-op{min-width:0}.is-invalid .value-input{--fluent-color-neutral-stroke-rest:var(--color-error)}";export{o as udp_advanced_search_filter_group}

package/dist/stencil-library/udp-ag-area-chart.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{r as t,h as i,H as e,a as s}from"./index-Cgpvu-iV.js";import{v4 as n}from"uuid";import{AgCharts as h,ModuleRegistry as a,AllCommunityModule as o}from"ag-charts-community";import{b as r,a as d}from"./charts-theme-B2HoYVMf.js";import"./theme-manager-DeVqiL0i.js";import"@fluentui/web-components";import"@fluentui/tokens";let c=!1;const l=(t,i)=>null==t?i:"number"==typeof t?`${t}px`:t,u=class{constructor(i){t(this,i),this.chartId=`udp-ag-area-chart-${n()}`,this.appearance="default",this.shape="square",this.chrome="full",this.handleThemeChanged=()=>{this.handleOptionsChanged()}}handleOptionsChanged(){if(!this.chart)return;const t=this.buildOptions();t&&this.chart.update(t)}componentDidLoad(){var t,i;c\|\|(a.registerModules([o]),c=!0);const e=null===(i=null===(t=this.el)\|\|void 0===t?void 0:t.shadowRoot)\|\|void 0===i?void 0:i.getElementById(this.chartId);if(!e)return;const s=this.buildOptions(e);s&&(this.chart=h.create(s),window.addEventListener("theme-changed",this.handleThemeChanged))}disconnectedCallback(){var t;window.removeEventListener("theme-changed",this.handleThemeChanged),null===(t=this.chart)\|\|void 0===t\|\|t.destroy(),this.chart=void 0}buildOptions(t){var i,e;const s=null!=t?t:null===(e=null===(i=this.el)\|\|void 0===i?void 0:i.shadowRoot)\|\|void 0===e?void 0:e.getElementById(this.chartId);if(!s)return null;const n=Object.assign(Object.assign({theme:r(this.el,{appearance:this.appearance,shape:this.shape,chrome:this.chrome}),background:{visible:!1}},this.chartOptions),{container:s});return d(n,this.el,this.appearance)}render(){return i(e,{key:"~~554a455f6bc30ad3c267fc7267c03d65f7af0141~~",style:{width:l(this.customWidth,"100%"),height:l(this.customHeight,"100%")}},i("div",{key:"~~a02544c8a750707f0f89d96e8fac4c8442bb2110~~",id:this.chartId,class:"chart-mount"}))}get el(){return s(this)}static get watchers(){return{chartOptions:[{handleOptionsChanged:0}],appearance:[{handleOptionsChanged:0}],shape:[{handleOptionsChanged:0}],chrome:[{handleOptionsChanged:0}]}}};u.style=":host{display:block;position:relative;width:100%;min-width:0;min-height:0;box-sizing:border-box}.chart-mount{position:absolute;inset:0}";export{u as udp_ag_area_chart}
1	+ import{r as t,h as i,H as e,a as s}from"./index-Cgpvu-iV.js";import{v4 as n}from"uuid";import{AgCharts as h,ModuleRegistry as a,AllCommunityModule as o}from"ag-charts-community";import{b as r,a as d}from"./charts-theme-B2HoYVMf.js";import"./theme-manager-DeVqiL0i.js";import"@fluentui/web-components";import"@fluentui/tokens";let c=!1;const l=(t,i)=>null==t?i:"number"==typeof t?`${t}px`:t,u=class{constructor(i){t(this,i),this.chartId=`udp-ag-area-chart-${n()}`,this.appearance="default",this.shape="square",this.chrome="full",this.handleThemeChanged=()=>{this.handleOptionsChanged()}}handleOptionsChanged(){if(!this.chart)return;const t=this.buildOptions();t&&this.chart.update(t)}componentDidLoad(){var t,i;c\|\|(a.registerModules([o]),c=!0);const e=null===(i=null===(t=this.el)\|\|void 0===t?void 0:t.shadowRoot)\|\|void 0===i?void 0:i.getElementById(this.chartId);if(!e)return;const s=this.buildOptions(e);s&&(this.chart=h.create(s),window.addEventListener("theme-changed",this.handleThemeChanged))}disconnectedCallback(){var t;window.removeEventListener("theme-changed",this.handleThemeChanged),null===(t=this.chart)\|\|void 0===t\|\|t.destroy(),this.chart=void 0}buildOptions(t){var i,e;const s=null!=t?t:null===(e=null===(i=this.el)\|\|void 0===i?void 0:i.shadowRoot)\|\|void 0===e?void 0:e.getElementById(this.chartId);if(!s)return null;const n=Object.assign(Object.assign({theme:r(this.el,{appearance:this.appearance,shape:this.shape,chrome:this.chrome}),background:{visible:!1}},this.chartOptions),{container:s});return d(n,this.el,this.appearance)}render(){return i(e,{key:"bd34df98c0643f8f26f566a4679df76753bd8cfc",style:{width:l(this.customWidth,"100%"),height:l(this.customHeight,"100%")}},i("div",{key:"66777ab5dedb3c03111809caea2bc2b81ec61979",id:this.chartId,class:"chart-mount"}))}get el(){return s(this)}static get watchers(){return{chartOptions:[{handleOptionsChanged:0}],appearance:[{handleOptionsChanged:0}],shape:[{handleOptionsChanged:0}],chrome:[{handleOptionsChanged:0}]}}};u.style=":host{display:block;position:relative;width:100%;min-width:0;min-height:0;box-sizing:border-box}.chart-mount{position:absolute;inset:0}";export{u as udp_ag_area_chart}

package/dist/stencil-library/udp-ag-bar-chart_4.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{r as t,h as i,H as s,a as h}from"./index-Cgpvu-iV.js";import{v4 as e}from"uuid";import{AgCharts as r,ModuleRegistry as a,AllCommunityModule as o}from"ag-charts-community";import{b as d,a as n}from"./charts-theme-B2HoYVMf.js";import{p as c,s as l,h as u,i as m,j as p}from"./chartUtils-DFIyEsL1.js";importas v from"@amcharts/amcharts4/charts";importas f from"@amcharts/amcharts4/core";import"./theme-manager-DeVqiL0i.js";import"@fluentui/web-components";import"@fluentui/tokens";let b=!1;const g=(t,i)=>null==t?i:"number"==typeof t?`${t}px`:t,y=class{constructor(i){t(this,i),this.chartId=`udp-ag-bar-chart-${e()}`,this.appearance="default",this.shape="square",this.chrome="full",this.handleThemeChanged=()=>{this.handleOptionsChanged()}}handleOptionsChanged(){if(!this.chart)return;const t=this.buildOptions();t&&this.chart.update(t)}componentDidLoad(){var t,i;b\|\|(a.registerModules([o]),b=!0);const s=null===(i=null===(t=this.el)\|\|void 0===t?void 0:t.shadowRoot)\|\|void 0===i?void 0:i.getElementById(this.chartId);if(!s)return;const h=this.buildOptions(s);h&&(this.chart=r.create(h),window.addEventListener("theme-changed",this.handleThemeChanged))}disconnectedCallback(){var t;window.removeEventListener("theme-changed",this.handleThemeChanged),null===(t=this.chart)\|\|void 0===t\|\|t.destroy(),this.chart=void 0}buildOptions(t){var i,s;const h=null!=t?t:null===(s=null===(i=this.el)\|\|void 0===i?void 0:i.shadowRoot)\|\|void 0===s?void 0:s.getElementById(this.chartId);if(!h)return null;const e=Object.assign(Object.assign({theme:d(this.el,{appearance:this.appearance,shape:this.shape,chrome:this.chrome}),background:{visible:!1}},this.chartOptions),{container:h});return n(e,this.el,this.appearance)}render(){return i(s,{key:"~~32b529cde458dc4de803d413c82e0ed41306d1a3~~",style:{width:g(this.customWidth,"100%"),height:g(this.customHeight,"100%")}},i("div",{key:"~~4d7e8e5713378b18bc55d79a9f7037a435b32569~~",id:this.chartId,class:"chart-mount"}))}get el(){return h(this)}static get watchers(){return{chartOptions:[{handleOptionsChanged:0}],appearance:[{handleOptionsChanged:0}],shape:[{handleOptionsChanged:0}],chrome:[{handleOptionsChanged:0}]}}};y.style=":host{display:block;position:relative;width:100%;min-width:0;min-height:0;box-sizing:border-box}.chart-mount{position:absolute;inset:0}";const C=class{constructor(i){t(this,i),this.data=void 0,this.title=void 0,this.subheader=void 0,this.kpis=void 0,this.yAxisLabel=void 0,this.customCardStyle={},this.kpisPosition="left",this.hideAdornment=!1,this.distBetweenGridLines=void 0,this.hideLegend=!1,this.hideBorder=!1,this.removePadding=!1,this.chartId=e()}transformData(){if(!this.data\|\|0===this.data.length\|\|null===this.valueField&&!this.data.every((t=>"number"==typeof t)))return;if(!this.data\|\|0===this.data.length)return;let t;var i;t=this.valueField?this.data.map((t=>c(t[this.valueField]))):this.data,i=t,Array.isArray(i)&&i.every((t=>"number"==typeof t))&&(this.transformedData=function(t){let i=[],s=Math.round(Math.min.apply(null,t)),h=Math.max.apply(null,t),e=parseFloat(((h-s)/10).toFixed(1));for(let t=0;t<10;t++)i.push({from:s+te,to:s+(t+1)e,count:0});for(let s=0;s<t.length;s++){let h=t[s],e=i.find((function(t){return h>=t.from&&h<=t.to}));e&&e.count++}return i}(t))}componentDidLoad(){this.transformData()}render(){return i("udp-xy-chart",{key:"~~5e10a64f48156eaa3da005d5f532003a9b16e4c6~~",chartId:this.chartId,title:this.title,subheader:this.subheader,data:this.transformedData,kpis:this.kpis,customWidth:this.customWidth,customHeight:this.customHeight,customCardWidth:this.customCardWidth,customCardStyle:this.customCardStyle,kpisPosition:this.kpisPosition,hideAdornment:this.hideAdornment,labelField:"from",valueField:"count",showBullets:!1,xDataType:"string",yDataType:"number",hideLegend:this.hideLegend,chartType:"Column",xAxisLabel:this.xAxisLabel,yAxisLabel:this.yAxisLabel,distBetweenGridLines:30,hideBorder:this.hideBorder,removePadding:this.removePadding})}get el(){return h(this)}static get watchers(){return{valueField:[{transformData:0}],data:[{transformData:0}],xAxisLabel:[{transformData:0}],yAxisLabel:[{transformData:0}]}}};C.style="";const x=class{constructor(i){t(this,i),this.data=void 0,this.valueField="",this.labelField="",this.title=void 0,this.subheader=void 0,this.hideLegend=!1,this.kpisPosition="left",this.kpis=void 0,this.hideAdornment=!1,this.ignoreZeroValues=!1,this.hideBorder=!1,this.removePadding=!1,this.getColor=void 0,this.chartId=e()}async renderChart(){const t=async()=>{var i,s,h;const e=null===(s=null===(i=this.el)\|\|void 0===i?void 0:i.shadowRoot)\|\|void 0===s?void 0:s.getElementById(this.chartId);if(!e)return await new Promise((t=>setTimeout(t,50))),t();this.valueField&&this.labelField&&(this.pieChart&&this.pieChart.dispose(),this.pieChart=f.create(e,v.PieChart),l(this.pieChart,e,this.enableExport),this.hideLegend\|\|u(this.pieChart,this.legendPosition),m(this.pieChart),p(this.pieChart,this.labelField,this.valueField,this.ignoreZeroValues,this.colorList,this.getColor),this.pieChart.data=null!==(h=this.data)&&void 0!==h?h:[])};await t()}componentDidLoad(){this.renderChart()}disconnectedCallback(){this.pieChart&&this.pieChart.dispose()}render(){return i("chart-container",{key:"~~07217e2869f20d78f6f959a0f194e20acd5a846e~~",kpis:this.kpis,chartId:this.chartId,title:this.title,subheader:this.subheader,chartHeight:this.customHeight,chartWidth:this.customWidth,cardWidth:this.customCardWidth,kpisPosition:this.kpisPosition,hideAdornment:this.hideAdornment,hideBorder:this.hideBorder,removePadding:this.removePadding})}get el(){return h(this)}static get watchers(){return{valueField:[{renderChart:0}],labelField:[{renderChart:0}],hideLegend:[{renderChart:0}],data:[{renderChart:0}],colorList:[{renderChart:0}],getColor:[{renderChart:0}],ignoreZeroValues:[{renderChart:0}],chartId:[{renderChart:0}]}}};x.style="";const w=class{constructor(i){t(this,i),this.xAxisField=void 0,this.yAxisField=void 0,this.title=void 0,this.subheader=void 0,this.kpis=void 0,this.xAxisLabel=void 0,this.yAxisLabel=void 0,this.kpisPosition="left",this.hideAdornment=!1,this.hideScrollbarX=!1,this.hideBorder=!1,this.valueYFields=void 0,this.showBullets=!1,this.chartId=e(),this.xDataType="date",this.yDataType="number",this.distBetweenGridLines=void 0,this.hideLegend=!1,this.removePadding=!1}render(){return i("udp-xy-chart",{key:"~~15e6a67bcf0350df91c81ca0f762db8a40624f74~~",title:this.title,subheader:this.subheader,data:this.data,chartId:this.chartId,kpis:this.kpis,customWidth:this.customWidth,customHeight:this.customHeight,customCardWidth:this.customCardWidth,kpisPosition:this.kpisPosition,hideAdornment:this.hideAdornment,labelField:this.xAxisField,valueField:this.yAxisField,showBullets:this.showBullets,xDataType:this.xDataType,yDataType:this.yDataType,hideLegend:this.hideLegend,xAxisLabel:this.xAxisLabel,yAxisLabel:this.yAxisLabel,chartType:"Line",hideBorder:this.hideBorder,removePadding:this.removePadding})}get el(){return h(this)}};w.style="#udp-line-chart{height:500px;width:500px;z-index:1000}";export{y as udp_ag_bar_chart,C as udp_distribution_chart,x as udp_donut_chart,w as udp_line_chart}
1	+ import{r as t,h as i,H as s,a as h}from"./index-Cgpvu-iV.js";import{v4 as e}from"uuid";import{AgCharts as r,ModuleRegistry as a,AllCommunityModule as o}from"ag-charts-community";import{b as n,a as d}from"./charts-theme-B2HoYVMf.js";import{p as l,s as c,h as u,i as m,j as p}from"./chartUtils-DFIyEsL1.js";importas v from"@amcharts/amcharts4/charts";importas f from"@amcharts/amcharts4/core";import"./theme-manager-DeVqiL0i.js";import"@fluentui/web-components";import"@fluentui/tokens";let b=!1;const g=(t,i)=>null==t?i:"number"==typeof t?`${t}px`:t,y=class{constructor(i){t(this,i),this.chartId=`udp-ag-bar-chart-${e()}`,this.appearance="default",this.shape="square",this.chrome="full",this.handleThemeChanged=()=>{this.handleOptionsChanged()}}handleOptionsChanged(){if(!this.chart)return;const t=this.buildOptions();t&&this.chart.update(t)}componentDidLoad(){var t,i;b\|\|(a.registerModules([o]),b=!0);const s=null===(i=null===(t=this.el)\|\|void 0===t?void 0:t.shadowRoot)\|\|void 0===i?void 0:i.getElementById(this.chartId);if(!s)return;const h=this.buildOptions(s);h&&(this.chart=r.create(h),window.addEventListener("theme-changed",this.handleThemeChanged))}disconnectedCallback(){var t;window.removeEventListener("theme-changed",this.handleThemeChanged),null===(t=this.chart)\|\|void 0===t\|\|t.destroy(),this.chart=void 0}buildOptions(t){var i,s;const h=null!=t?t:null===(s=null===(i=this.el)\|\|void 0===i?void 0:i.shadowRoot)\|\|void 0===s?void 0:s.getElementById(this.chartId);if(!h)return null;const e=Object.assign(Object.assign({theme:n(this.el,{appearance:this.appearance,shape:this.shape,chrome:this.chrome}),background:{visible:!1}},this.chartOptions),{container:h});return d(e,this.el,this.appearance)}render(){return i(s,{key:"8439ef8e44427eabd755fa33f1de39cea5bc1c9d",style:{width:g(this.customWidth,"100%"),height:g(this.customHeight,"100%")}},i("div",{key:"d298e7aa196a98a17e6267f704aef5d3938ea3f5",id:this.chartId,class:"chart-mount"}))}get el(){return h(this)}static get watchers(){return{chartOptions:[{handleOptionsChanged:0}],appearance:[{handleOptionsChanged:0}],shape:[{handleOptionsChanged:0}],chrome:[{handleOptionsChanged:0}]}}};y.style=":host{display:block;position:relative;width:100%;min-width:0;min-height:0;box-sizing:border-box}.chart-mount{position:absolute;inset:0}";const C=class{constructor(i){t(this,i),this.data=void 0,this.title=void 0,this.subheader=void 0,this.kpis=void 0,this.yAxisLabel=void 0,this.customCardStyle={},this.kpisPosition="left",this.hideAdornment=!1,this.distBetweenGridLines=void 0,this.hideLegend=!1,this.hideBorder=!1,this.removePadding=!1,this.chartId=e()}transformData(){if(!this.data\|\|0===this.data.length\|\|null===this.valueField&&!this.data.every((t=>"number"==typeof t)))return;if(!this.data\|\|0===this.data.length)return;let t;var i;t=this.valueField?this.data.map((t=>l(t[this.valueField]))):this.data,i=t,Array.isArray(i)&&i.every((t=>"number"==typeof t))&&(this.transformedData=function(t){let i=[],s=Math.round(Math.min.apply(null,t)),h=Math.max.apply(null,t),e=parseFloat(((h-s)/10).toFixed(1));for(let t=0;t<10;t++)i.push({from:s+te,to:s+(t+1)e,count:0});for(let s=0;s<t.length;s++){let h=t[s],e=i.find((function(t){return h>=t.from&&h<=t.to}));e&&e.count++}return i}(t))}componentDidLoad(){this.transformData()}render(){return i("udp-xy-chart",{key:"39416c9a39bf8311bf130014403156526e2c816e",chartId:this.chartId,title:this.title,subheader:this.subheader,data:this.transformedData,kpis:this.kpis,customWidth:this.customWidth,customHeight:this.customHeight,customCardWidth:this.customCardWidth,customCardStyle:this.customCardStyle,kpisPosition:this.kpisPosition,hideAdornment:this.hideAdornment,labelField:"from",valueField:"count",showBullets:!1,xDataType:"string",yDataType:"number",hideLegend:this.hideLegend,chartType:"Column",xAxisLabel:this.xAxisLabel,yAxisLabel:this.yAxisLabel,distBetweenGridLines:30,hideBorder:this.hideBorder,removePadding:this.removePadding})}get el(){return h(this)}static get watchers(){return{valueField:[{transformData:0}],data:[{transformData:0}],xAxisLabel:[{transformData:0}],yAxisLabel:[{transformData:0}]}}};C.style="";const x=class{constructor(i){t(this,i),this.data=void 0,this.valueField="",this.labelField="",this.title=void 0,this.subheader=void 0,this.hideLegend=!1,this.kpisPosition="left",this.kpis=void 0,this.hideAdornment=!1,this.ignoreZeroValues=!1,this.hideBorder=!1,this.removePadding=!1,this.getColor=void 0,this.chartId=e()}async renderChart(){const t=async()=>{var i,s,h;const e=null===(s=null===(i=this.el)\|\|void 0===i?void 0:i.shadowRoot)\|\|void 0===s?void 0:s.getElementById(this.chartId);if(!e)return await new Promise((t=>setTimeout(t,50))),t();this.valueField&&this.labelField&&(this.pieChart&&this.pieChart.dispose(),this.pieChart=f.create(e,v.PieChart),c(this.pieChart,e,this.enableExport),this.hideLegend\|\|u(this.pieChart,this.legendPosition),m(this.pieChart),p(this.pieChart,this.labelField,this.valueField,this.ignoreZeroValues,this.colorList,this.getColor),this.pieChart.data=null!==(h=this.data)&&void 0!==h?h:[])};await t()}componentDidLoad(){this.renderChart()}disconnectedCallback(){this.pieChart&&this.pieChart.dispose()}render(){return i("chart-container",{key:"a956145f87b61131fd35eb5b60b196795f0f47ab",kpis:this.kpis,chartId:this.chartId,title:this.title,subheader:this.subheader,chartHeight:this.customHeight,chartWidth:this.customWidth,cardWidth:this.customCardWidth,kpisPosition:this.kpisPosition,hideAdornment:this.hideAdornment,hideBorder:this.hideBorder,removePadding:this.removePadding})}get el(){return h(this)}static get watchers(){return{valueField:[{renderChart:0}],labelField:[{renderChart:0}],hideLegend:[{renderChart:0}],data:[{renderChart:0}],colorList:[{renderChart:0}],getColor:[{renderChart:0}],ignoreZeroValues:[{renderChart:0}],chartId:[{renderChart:0}]}}};x.style="";const w=class{constructor(i){t(this,i),this.xAxisField=void 0,this.yAxisField=void 0,this.title=void 0,this.subheader=void 0,this.kpis=void 0,this.xAxisLabel=void 0,this.yAxisLabel=void 0,this.kpisPosition="left",this.hideAdornment=!1,this.hideScrollbarX=!1,this.hideBorder=!1,this.valueYFields=void 0,this.showBullets=!1,this.chartId=e(),this.xDataType="date",this.yDataType="number",this.distBetweenGridLines=void 0,this.hideLegend=!1,this.removePadding=!1}render(){return i("udp-xy-chart",{key:"50a20655f6054861559a1daa2ce35bc6307e8673",title:this.title,subheader:this.subheader,data:this.data,chartId:this.chartId,kpis:this.kpis,customWidth:this.customWidth,customHeight:this.customHeight,customCardWidth:this.customCardWidth,kpisPosition:this.kpisPosition,hideAdornment:this.hideAdornment,labelField:this.xAxisField,valueField:this.yAxisField,showBullets:this.showBullets,xDataType:this.xDataType,yDataType:this.yDataType,hideLegend:this.hideLegend,xAxisLabel:this.xAxisLabel,yAxisLabel:this.yAxisLabel,chartType:"Line",hideBorder:this.hideBorder,removePadding:this.removePadding})}get el(){return h(this)}};w.style="#udp-line-chart{height:500px;width:500px;z-index:1000}";export{y as udp_ag_bar_chart,C as udp_distribution_chart,x as udp_donut_chart,w as udp_line_chart}

package/dist/stencil-library/udp-ag-bubble-chart.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{r as t,h as i,H as e,a as s}from"./index-Cgpvu-iV.js";import{v4 as n}from"uuid";import{AgCharts as h,ModuleRegistry as o,AllCommunityModule as a}from"ag-charts-community";import{b as r,a as d}from"./charts-theme-B2HoYVMf.js";import"./theme-manager-DeVqiL0i.js";import"@fluentui/web-components";import"@fluentui/tokens";let l=!1;const c=(t,i)=>null==t?i:"number"==typeof t?`${t}px`:t,u=class{constructor(i){t(this,i),this.chartId=`udp-ag-bubble-chart-${n()}`,this.appearance="default",this.shape="square",this.chrome="full",this.handleThemeChanged=()=>{this.handleOptionsChanged()}}handleOptionsChanged(){if(!this.chart)return;const t=this.buildOptions();t&&this.chart.update(t)}componentDidLoad(){var t,i;l\|\|(o.registerModules([a]),l=!0);const e=null===(i=null===(t=this.el)\|\|void 0===t?void 0:t.shadowRoot)\|\|void 0===i?void 0:i.getElementById(this.chartId);if(!e)return;const s=this.buildOptions(e);s&&(this.chart=h.create(s),window.addEventListener("theme-changed",this.handleThemeChanged))}disconnectedCallback(){var t;window.removeEventListener("theme-changed",this.handleThemeChanged),null===(t=this.chart)\|\|void 0===t\|\|t.destroy(),this.chart=void 0}buildOptions(t){var i,e;const s=null!=t?t:null===(e=null===(i=this.el)\|\|void 0===i?void 0:i.shadowRoot)\|\|void 0===e?void 0:e.getElementById(this.chartId);if(!s)return null;const n=Object.assign(Object.assign({theme:r(this.el,{appearance:this.appearance,shape:this.shape,chrome:this.chrome}),background:{visible:!1}},this.chartOptions),{container:s});return d(n,this.el,this.appearance)}render(){return i(e,{key:"~~15dfd4bf766f7a09d41c7f3783b056980333f6db~~",style:{width:c(this.customWidth,"100%"),height:c(this.customHeight,"100%")}},i("div",{key:"~~97fdf30098953133d8f2ec927d280d846ac9fc1e~~",id:this.chartId,class:"chart-mount"}))}get el(){return s(this)}static get watchers(){return{chartOptions:[{handleOptionsChanged:0}],appearance:[{handleOptionsChanged:0}],shape:[{handleOptionsChanged:0}],chrome:[{handleOptionsChanged:0}]}}};u.style=":host{display:block;position:relative;width:100%;min-width:0;min-height:0;box-sizing:border-box}.chart-mount{position:absolute;inset:0}";export{u as udp_ag_bubble_chart}
1	+ import{r as t,h as i,H as e,a as s}from"./index-Cgpvu-iV.js";import{v4 as n}from"uuid";import{AgCharts as h,ModuleRegistry as o,AllCommunityModule as a}from"ag-charts-community";import{b as r,a as d}from"./charts-theme-B2HoYVMf.js";import"./theme-manager-DeVqiL0i.js";import"@fluentui/web-components";import"@fluentui/tokens";let c=!1;const l=(t,i)=>null==t?i:"number"==typeof t?`${t}px`:t,u=class{constructor(i){t(this,i),this.chartId=`udp-ag-bubble-chart-${n()}`,this.appearance="default",this.shape="square",this.chrome="full",this.handleThemeChanged=()=>{this.handleOptionsChanged()}}handleOptionsChanged(){if(!this.chart)return;const t=this.buildOptions();t&&this.chart.update(t)}componentDidLoad(){var t,i;c\|\|(o.registerModules([a]),c=!0);const e=null===(i=null===(t=this.el)\|\|void 0===t?void 0:t.shadowRoot)\|\|void 0===i?void 0:i.getElementById(this.chartId);if(!e)return;const s=this.buildOptions(e);s&&(this.chart=h.create(s),window.addEventListener("theme-changed",this.handleThemeChanged))}disconnectedCallback(){var t;window.removeEventListener("theme-changed",this.handleThemeChanged),null===(t=this.chart)\|\|void 0===t\|\|t.destroy(),this.chart=void 0}buildOptions(t){var i,e;const s=null!=t?t:null===(e=null===(i=this.el)\|\|void 0===i?void 0:i.shadowRoot)\|\|void 0===e?void 0:e.getElementById(this.chartId);if(!s)return null;const n=Object.assign(Object.assign({theme:r(this.el,{appearance:this.appearance,shape:this.shape,chrome:this.chrome}),background:{visible:!1}},this.chartOptions),{container:s});return d(n,this.el,this.appearance)}render(){return i(e,{key:"3fc33c3d6fc57707d954156fe25a2d92692a090a",style:{width:l(this.customWidth,"100%"),height:l(this.customHeight,"100%")}},i("div",{key:"cae42588ffcfe40b38810763b6e8ddf27e926a44",id:this.chartId,class:"chart-mount"}))}get el(){return s(this)}static get watchers(){return{chartOptions:[{handleOptionsChanged:0}],appearance:[{handleOptionsChanged:0}],shape:[{handleOptionsChanged:0}],chrome:[{handleOptionsChanged:0}]}}};u.style=":host{display:block;position:relative;width:100%;min-width:0;min-height:0;box-sizing:border-box}.chart-mount{position:absolute;inset:0}";export{u as udp_ag_bubble_chart}

package/dist/stencil-library/udp-ag-combo-chart.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{r as t,h as i,H as e,a as s}from"./index-Cgpvu-iV.js";import{v4 as n}from"uuid";import{AgCharts as o,ModuleRegistry as h,AllCommunityModule as a}from"ag-charts-community";import{b as r,a as d}from"./charts-theme-B2HoYVMf.js";import"./theme-manager-DeVqiL0i.js";import"@fluentui/web-components";import"@fluentui/tokens";let c=!1;const l=(t,i)=>null==t?i:"number"==typeof t?`${t}px`:t,u=class{constructor(i){t(this,i),this.chartId=`udp-ag-combo-chart-${n()}`,this.appearance="default",this.shape="square",this.chrome="full",this.handleThemeChanged=()=>{this.handleOptionsChanged()}}handleOptionsChanged(){if(!this.chart)return;const t=this.buildOptions();t&&this.chart.update(t)}componentDidLoad(){var t,i;c\|\|(h.registerModules([a]),c=!0);const e=null===(i=null===(t=this.el)\|\|void 0===t?void 0:t.shadowRoot)\|\|void 0===i?void 0:i.getElementById(this.chartId);if(!e)return;const s=this.buildOptions(e);s&&(this.chart=o.create(s),window.addEventListener("theme-changed",this.handleThemeChanged))}disconnectedCallback(){var t;window.removeEventListener("theme-changed",this.handleThemeChanged),null===(t=this.chart)\|\|void 0===t\|\|t.destroy(),this.chart=void 0}buildOptions(t){var i,e;const s=null!=t?t:null===(e=null===(i=this.el)\|\|void 0===i?void 0:i.shadowRoot)\|\|void 0===e?void 0:e.getElementById(this.chartId);if(!s)return null;const n=Object.assign(Object.assign({theme:r(this.el,{appearance:this.appearance,shape:this.shape,chrome:this.chrome}),background:{visible:!1}},this.chartOptions),{container:s});return d(n,this.el,this.appearance)}render(){return i(e,{key:"~~0d45c3b3f5e816fe033909c179f98aa5aa0abae7~~",style:{width:l(this.customWidth,"100%"),height:l(this.customHeight,"100%")}},i("div",{key:"~~81219065b309203ab7ed7d58dcc8a61fdbcb4f18~~",id:this.chartId,class:"chart-mount"}))}get el(){return s(this)}static get watchers(){return{chartOptions:[{handleOptionsChanged:0}],appearance:[{handleOptionsChanged:0}],shape:[{handleOptionsChanged:0}],chrome:[{handleOptionsChanged:0}]}}};u.style=":host{display:block;position:relative;width:100%;min-width:0;min-height:0;box-sizing:border-box}.chart-mount{position:absolute;inset:0}";export{u as udp_ag_combo_chart}
1	+ import{r as t,h as i,H as e,a as s}from"./index-Cgpvu-iV.js";import{v4 as n}from"uuid";import{AgCharts as o,ModuleRegistry as h,AllCommunityModule as a}from"ag-charts-community";import{b as r,a as d}from"./charts-theme-B2HoYVMf.js";import"./theme-manager-DeVqiL0i.js";import"@fluentui/web-components";import"@fluentui/tokens";let c=!1;const l=(t,i)=>null==t?i:"number"==typeof t?`${t}px`:t,u=class{constructor(i){t(this,i),this.chartId=`udp-ag-combo-chart-${n()}`,this.appearance="default",this.shape="square",this.chrome="full",this.handleThemeChanged=()=>{this.handleOptionsChanged()}}handleOptionsChanged(){if(!this.chart)return;const t=this.buildOptions();t&&this.chart.update(t)}componentDidLoad(){var t,i;c\|\|(h.registerModules([a]),c=!0);const e=null===(i=null===(t=this.el)\|\|void 0===t?void 0:t.shadowRoot)\|\|void 0===i?void 0:i.getElementById(this.chartId);if(!e)return;const s=this.buildOptions(e);s&&(this.chart=o.create(s),window.addEventListener("theme-changed",this.handleThemeChanged))}disconnectedCallback(){var t;window.removeEventListener("theme-changed",this.handleThemeChanged),null===(t=this.chart)\|\|void 0===t\|\|t.destroy(),this.chart=void 0}buildOptions(t){var i,e;const s=null!=t?t:null===(e=null===(i=this.el)\|\|void 0===i?void 0:i.shadowRoot)\|\|void 0===e?void 0:e.getElementById(this.chartId);if(!s)return null;const n=Object.assign(Object.assign({theme:r(this.el,{appearance:this.appearance,shape:this.shape,chrome:this.chrome}),background:{visible:!1}},this.chartOptions),{container:s});return d(n,this.el,this.appearance)}render(){return i(e,{key:"272f88a981f58133feb7d18824147074cc620183",style:{width:l(this.customWidth,"100%"),height:l(this.customHeight,"100%")}},i("div",{key:"3df9ed3a2af1c8b4faabcc2fe69e2affc52e7c92",id:this.chartId,class:"chart-mount"}))}get el(){return s(this)}static get watchers(){return{chartOptions:[{handleOptionsChanged:0}],appearance:[{handleOptionsChanged:0}],shape:[{handleOptionsChanged:0}],chrome:[{handleOptionsChanged:0}]}}};u.style=":host{display:block;position:relative;width:100%;min-width:0;min-height:0;box-sizing:border-box}.chart-mount{position:absolute;inset:0}";export{u as udp_ag_combo_chart}

package/dist/stencil-library/udp-ag-donut-chart.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{r as t,h as i,H as e,a as s}from"./index-Cgpvu-iV.js";import{v4 as n}from"uuid";import{AgCharts as h,ModuleRegistry as o,AllCommunityModule as a}from"ag-charts-community";import{b as r,a as d}from"./charts-theme-B2HoYVMf.js";import"./theme-manager-DeVqiL0i.js";import"@fluentui/web-components";import"@fluentui/tokens";let c=!1;const l=(t,i)=>null==t?i:"number"==typeof t?`${t}px`:t,u=class{constructor(i){t(this,i),this.chartId=`udp-ag-donut-chart-${n()}`,this.appearance="default",this.shape="square",this.chrome="full",this.handleThemeChanged=()=>{this.handleOptionsChanged()}}handleOptionsChanged(){if(!this.chart)return;const t=this.buildOptions();t&&this.chart.update(t)}componentDidLoad(){var t,i;c\|\|(o.registerModules([a]),c=!0);const e=null===(i=null===(t=this.el)\|\|void 0===t?void 0:t.shadowRoot)\|\|void 0===i?void 0:i.getElementById(this.chartId);if(!e)return;const s=this.buildOptions(e);s&&(this.chart=h.create(s),window.addEventListener("theme-changed",this.handleThemeChanged))}disconnectedCallback(){var t;window.removeEventListener("theme-changed",this.handleThemeChanged),null===(t=this.chart)\|\|void 0===t\|\|t.destroy(),this.chart=void 0}buildOptions(t){var i,e;const s=null!=t?t:null===(e=null===(i=this.el)\|\|void 0===i?void 0:i.shadowRoot)\|\|void 0===e?void 0:e.getElementById(this.chartId);if(!s)return null;const n=Object.assign(Object.assign({theme:r(this.el,{appearance:this.appearance,shape:this.shape,chrome:this.chrome}),background:{visible:!1}},this.chartOptions),{container:s});return d(n,this.el,this.appearance)}render(){return i(e,{key:"~~f17d613a94794fcc4425d7fb001e1b9ea00d30d3~~",style:{width:l(this.customWidth,"100%"),height:l(this.customHeight,"100%")}},i("div",{key:"~~c8b80760b78b79e487a3cce606ef60ff205be7cb~~",id:this.chartId,class:"chart-mount"}))}get el(){return s(this)}static get watchers(){return{chartOptions:[{handleOptionsChanged:0}],appearance:[{handleOptionsChanged:0}],shape:[{handleOptionsChanged:0}],chrome:[{handleOptionsChanged:0}]}}};u.style=":host{display:block;position:relative;width:100%;min-width:0;min-height:0;box-sizing:border-box}.chart-mount{position:absolute;inset:0}";export{u as udp_ag_donut_chart}
1	+ import{r as t,h as i,H as e,a as s}from"./index-Cgpvu-iV.js";import{v4 as n}from"uuid";import{AgCharts as h,ModuleRegistry as o,AllCommunityModule as a}from"ag-charts-community";import{b as r,a as d}from"./charts-theme-B2HoYVMf.js";import"./theme-manager-DeVqiL0i.js";import"@fluentui/web-components";import"@fluentui/tokens";let l=!1;const c=(t,i)=>null==t?i:"number"==typeof t?`${t}px`:t,u=class{constructor(i){t(this,i),this.chartId=`udp-ag-donut-chart-${n()}`,this.appearance="default",this.shape="square",this.chrome="full",this.handleThemeChanged=()=>{this.handleOptionsChanged()}}handleOptionsChanged(){if(!this.chart)return;const t=this.buildOptions();t&&this.chart.update(t)}componentDidLoad(){var t,i;l\|\|(o.registerModules([a]),l=!0);const e=null===(i=null===(t=this.el)\|\|void 0===t?void 0:t.shadowRoot)\|\|void 0===i?void 0:i.getElementById(this.chartId);if(!e)return;const s=this.buildOptions(e);s&&(this.chart=h.create(s),window.addEventListener("theme-changed",this.handleThemeChanged))}disconnectedCallback(){var t;window.removeEventListener("theme-changed",this.handleThemeChanged),null===(t=this.chart)\|\|void 0===t\|\|t.destroy(),this.chart=void 0}buildOptions(t){var i,e;const s=null!=t?t:null===(e=null===(i=this.el)\|\|void 0===i?void 0:i.shadowRoot)\|\|void 0===e?void 0:e.getElementById(this.chartId);if(!s)return null;const n=Object.assign(Object.assign({theme:r(this.el,{appearance:this.appearance,shape:this.shape,chrome:this.chrome}),background:{visible:!1}},this.chartOptions),{container:s});return d(n,this.el,this.appearance)}render(){return i(e,{key:"b208194f140d1eb183b69321be3a532c432f0a18",style:{width:c(this.customWidth,"100%"),height:c(this.customHeight,"100%")}},i("div",{key:"0fd404210d6debde22e71fef7b727b156662adea",id:this.chartId,class:"chart-mount"}))}get el(){return s(this)}static get watchers(){return{chartOptions:[{handleOptionsChanged:0}],appearance:[{handleOptionsChanged:0}],shape:[{handleOptionsChanged:0}],chrome:[{handleOptionsChanged:0}]}}};u.style=":host{display:block;position:relative;width:100%;min-width:0;min-height:0;box-sizing:border-box}.chart-mount{position:absolute;inset:0}";export{u as udp_ag_donut_chart}

package/dist/stencil-library/udp-ag-line-chart.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{r as t,h as i,H as e,a as s}from"./index-Cgpvu-iV.js";import{v4 as n}from"uuid";import{AgCharts as h,ModuleRegistry as o,AllCommunityModule as a}from"ag-charts-community";import{b as r,a as d}from"./charts-theme-B2HoYVMf.js";import"./theme-manager-DeVqiL0i.js";import"@fluentui/web-components";import"@fluentui/tokens";let l=!1;const c=(t,i)=>null==t?i:"number"==typeof t?`${t}px`:t,u=class{constructor(i){t(this,i),this.chartId=`udp-ag-line-chart-${n()}`,this.appearance="default",this.shape="square",this.chrome="full",this.handleThemeChanged=()=>{this.handleOptionsChanged()}}handleOptionsChanged(){if(!this.chart)return;const t=this.buildOptions();t&&this.chart.update(t)}componentDidLoad(){var t,i;l\|\|(o.registerModules([a]),l=!0);const e=null===(i=null===(t=this.el)\|\|void 0===t?void 0:t.shadowRoot)\|\|void 0===i?void 0:i.getElementById(this.chartId);if(!e)return;const s=this.buildOptions(e);s&&(this.chart=h.create(s),window.addEventListener("theme-changed",this.handleThemeChanged))}disconnectedCallback(){var t;window.removeEventListener("theme-changed",this.handleThemeChanged),null===(t=this.chart)\|\|void 0===t\|\|t.destroy(),this.chart=void 0}buildOptions(t){var i,e;const s=null!=t?t:null===(e=null===(i=this.el)\|\|void 0===i?void 0:i.shadowRoot)\|\|void 0===e?void 0:e.getElementById(this.chartId);if(!s)return null;const n=Object.assign(Object.assign({theme:r(this.el,{appearance:this.appearance,shape:this.shape,chrome:this.chrome}),background:{visible:!1}},this.chartOptions),{container:s});return d(n,this.el,this.appearance)}render(){return i(e,{key:"~~df211e199ea5d2e92a232dd7b9a8ced7b34c63a5~~",style:{width:c(this.customWidth,"100%"),height:c(this.customHeight,"100%")}},i("div",{key:"~~10e8afb25fe711a395215fbfadb87fdb75dedd76~~",id:this.chartId,class:"chart-mount"}))}get el(){return s(this)}static get watchers(){return{chartOptions:[{handleOptionsChanged:0}],appearance:[{handleOptionsChanged:0}],shape:[{handleOptionsChanged:0}],chrome:[{handleOptionsChanged:0}]}}};u.style=":host{display:block;position:relative;width:100%;min-width:0;min-height:0;box-sizing:border-box}.chart-mount{position:absolute;inset:0}";export{u as udp_ag_line_chart}
1	+ import{r as t,h as i,H as e,a as s}from"./index-Cgpvu-iV.js";import{v4 as n}from"uuid";import{AgCharts as h,ModuleRegistry as o,AllCommunityModule as a}from"ag-charts-community";import{b as r,a as d}from"./charts-theme-B2HoYVMf.js";import"./theme-manager-DeVqiL0i.js";import"@fluentui/web-components";import"@fluentui/tokens";let l=!1;const c=(t,i)=>null==t?i:"number"==typeof t?`${t}px`:t,u=class{constructor(i){t(this,i),this.chartId=`udp-ag-line-chart-${n()}`,this.appearance="default",this.shape="square",this.chrome="full",this.handleThemeChanged=()=>{this.handleOptionsChanged()}}handleOptionsChanged(){if(!this.chart)return;const t=this.buildOptions();t&&this.chart.update(t)}componentDidLoad(){var t,i;l\|\|(o.registerModules([a]),l=!0);const e=null===(i=null===(t=this.el)\|\|void 0===t?void 0:t.shadowRoot)\|\|void 0===i?void 0:i.getElementById(this.chartId);if(!e)return;const s=this.buildOptions(e);s&&(this.chart=h.create(s),window.addEventListener("theme-changed",this.handleThemeChanged))}disconnectedCallback(){var t;window.removeEventListener("theme-changed",this.handleThemeChanged),null===(t=this.chart)\|\|void 0===t\|\|t.destroy(),this.chart=void 0}buildOptions(t){var i,e;const s=null!=t?t:null===(e=null===(i=this.el)\|\|void 0===i?void 0:i.shadowRoot)\|\|void 0===e?void 0:e.getElementById(this.chartId);if(!s)return null;const n=Object.assign(Object.assign({theme:r(this.el,{appearance:this.appearance,shape:this.shape,chrome:this.chrome}),background:{visible:!1}},this.chartOptions),{container:s});return d(n,this.el,this.appearance)}render(){return i(e,{key:"95d938de03e3eee2e0274f850046d6dbd22e48ed",style:{width:c(this.customWidth,"100%"),height:c(this.customHeight,"100%")}},i("div",{key:"16c87d0a61f2ed3c5af8e4002f4e034b8329ab25",id:this.chartId,class:"chart-mount"}))}get el(){return s(this)}static get watchers(){return{chartOptions:[{handleOptionsChanged:0}],appearance:[{handleOptionsChanged:0}],shape:[{handleOptionsChanged:0}],chrome:[{handleOptionsChanged:0}]}}};u.style=":host{display:block;position:relative;width:100%;min-width:0;min-height:0;box-sizing:border-box}.chart-mount{position:absolute;inset:0}";export{u as udp_ag_line_chart}

package/dist/stencil-library/udp-ag-pie-chart.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{r as t,h as i,H as e,a as s}from"./index-Cgpvu-iV.js";import{v4 as n}from"uuid";import{AgCharts as h,ModuleRegistry as o,AllCommunityModule as a}from"ag-charts-community";import{b as r,a as d}from"./charts-theme-B2HoYVMf.js";import"./theme-manager-DeVqiL0i.js";import"@fluentui/web-components";import"@fluentui/tokens";let c=!1;const l=(t,i)=>null==t?i:"number"==typeof t?`${t}px`:t,u=class{constructor(i){t(this,i),this.chartId=`udp-ag-pie-chart-${n()}`,this.appearance="default",this.shape="square",this.chrome="full",this.handleThemeChanged=()=>{this.handleOptionsChanged()}}handleOptionsChanged(){if(!this.chart)return;const t=this.buildOptions();t&&this.chart.update(t)}componentDidLoad(){var t,i;c\|\|(o.registerModules([a]),c=!0);const e=null===(i=null===(t=this.el)\|\|void 0===t?void 0:t.shadowRoot)\|\|void 0===i?void 0:i.getElementById(this.chartId);if(!e)return;const s=this.buildOptions(e);s&&(this.chart=h.create(s),window.addEventListener("theme-changed",this.handleThemeChanged))}disconnectedCallback(){var t;window.removeEventListener("theme-changed",this.handleThemeChanged),null===(t=this.chart)\|\|void 0===t\|\|t.destroy(),this.chart=void 0}buildOptions(t){var i,e;const s=null!=t?t:null===(e=null===(i=this.el)\|\|void 0===i?void 0:i.shadowRoot)\|\|void 0===e?void 0:e.getElementById(this.chartId);if(!s)return null;const n=Object.assign(Object.assign({theme:r(this.el,{appearance:this.appearance,shape:this.shape,chrome:this.chrome}),background:{visible:!1}},this.chartOptions),{container:s});return d(n,this.el,this.appearance)}render(){return i(e,{key:"~~30516bcdd9fb70b2b9cd5a2d6153f363fc839b5f~~",style:{width:l(this.customWidth,"100%"),height:l(this.customHeight,"100%")}},i("div",{key:"~~e367b3fce15d8b0d4523c6dcf76dfd5a511309fa~~",id:this.chartId,class:"chart-mount"}))}get el(){return s(this)}static get watchers(){return{chartOptions:[{handleOptionsChanged:0}],appearance:[{handleOptionsChanged:0}],shape:[{handleOptionsChanged:0}],chrome:[{handleOptionsChanged:0}]}}};u.style=":host{display:block;position:relative;width:100%;min-width:0;min-height:0;box-sizing:border-box}.chart-mount{position:absolute;inset:0}";export{u as udp_ag_pie_chart}
1	+ import{r as t,h as i,H as e,a as s}from"./index-Cgpvu-iV.js";import{v4 as n}from"uuid";import{AgCharts as h,ModuleRegistry as o,AllCommunityModule as a}from"ag-charts-community";import{b as r,a as d}from"./charts-theme-B2HoYVMf.js";import"./theme-manager-DeVqiL0i.js";import"@fluentui/web-components";import"@fluentui/tokens";let c=!1;const l=(t,i)=>null==t?i:"number"==typeof t?`${t}px`:t,u=class{constructor(i){t(this,i),this.chartId=`udp-ag-pie-chart-${n()}`,this.appearance="default",this.shape="square",this.chrome="full",this.handleThemeChanged=()=>{this.handleOptionsChanged()}}handleOptionsChanged(){if(!this.chart)return;const t=this.buildOptions();t&&this.chart.update(t)}componentDidLoad(){var t,i;c\|\|(o.registerModules([a]),c=!0);const e=null===(i=null===(t=this.el)\|\|void 0===t?void 0:t.shadowRoot)\|\|void 0===i?void 0:i.getElementById(this.chartId);if(!e)return;const s=this.buildOptions(e);s&&(this.chart=h.create(s),window.addEventListener("theme-changed",this.handleThemeChanged))}disconnectedCallback(){var t;window.removeEventListener("theme-changed",this.handleThemeChanged),null===(t=this.chart)\|\|void 0===t\|\|t.destroy(),this.chart=void 0}buildOptions(t){var i,e;const s=null!=t?t:null===(e=null===(i=this.el)\|\|void 0===i?void 0:i.shadowRoot)\|\|void 0===e?void 0:e.getElementById(this.chartId);if(!s)return null;const n=Object.assign(Object.assign({theme:r(this.el,{appearance:this.appearance,shape:this.shape,chrome:this.chrome}),background:{visible:!1}},this.chartOptions),{container:s});return d(n,this.el,this.appearance)}render(){return i(e,{key:"694f9d8a0b31872c20d5348ae42cdfbbc9ce4e43",style:{width:l(this.customWidth,"100%"),height:l(this.customHeight,"100%")}},i("div",{key:"515dc78b083db0486de3ac8030a0ac5ff5604e3a",id:this.chartId,class:"chart-mount"}))}get el(){return s(this)}static get watchers(){return{chartOptions:[{handleOptionsChanged:0}],appearance:[{handleOptionsChanged:0}],shape:[{handleOptionsChanged:0}],chrome:[{handleOptionsChanged:0}]}}};u.style=":host{display:block;position:relative;width:100%;min-width:0;min-height:0;box-sizing:border-box}.chart-mount{position:absolute;inset:0}";export{u as udp_ag_pie_chart}

package/dist/stencil-library/udp-ag-scatter-chart.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{r as t,h as i,H as e,a as s}from"./index-Cgpvu-iV.js";import{v4 as n}from"uuid";import{AgCharts as h,ModuleRegistry as o,AllCommunityModule as a}from"ag-charts-community";import{b as r,a as c}from"./charts-theme-B2HoYVMf.js";import"./theme-manager-DeVqiL0i.js";import"@fluentui/web-components";import"@fluentui/tokens";let d=!1;const l=(t,i)=>null==t?i:"number"==typeof t?`${t}px`:t,u=class{constructor(i){t(this,i),this.chartId=`udp-ag-scatter-chart-${n()}`,this.appearance="default",this.shape="square",this.chrome="full",this.handleThemeChanged=()=>{this.handleOptionsChanged()}}handleOptionsChanged(){if(!this.chart)return;const t=this.buildOptions();t&&this.chart.update(t)}componentDidLoad(){var t,i;d\|\|(o.registerModules([a]),d=!0);const e=null===(i=null===(t=this.el)\|\|void 0===t?void 0:t.shadowRoot)\|\|void 0===i?void 0:i.getElementById(this.chartId);if(!e)return;const s=this.buildOptions(e);s&&(this.chart=h.create(s),window.addEventListener("theme-changed",this.handleThemeChanged))}disconnectedCallback(){var t;window.removeEventListener("theme-changed",this.handleThemeChanged),null===(t=this.chart)\|\|void 0===t\|\|t.destroy(),this.chart=void 0}buildOptions(t){var i,e;const s=null!=t?t:null===(e=null===(i=this.el)\|\|void 0===i?void 0:i.shadowRoot)\|\|void 0===e?void 0:e.getElementById(this.chartId);if(!s)return null;const n=Object.assign(Object.assign({theme:r(this.el,{appearance:this.appearance,shape:this.shape,chrome:this.chrome}),background:{visible:!1}},this.chartOptions),{container:s});return c(n,this.el,this.appearance)}render(){return i(e,{key:"~~5c38162aa2417ac4bda63f2ed522ac129eef4c33~~",style:{width:l(this.customWidth,"100%"),height:l(this.customHeight,"100%")}},i("div",{key:"~~1c3c65c2fc9c8d4cd556cf77cbcc14ef73ed719b~~",id:this.chartId,class:"chart-mount"}))}get el(){return s(this)}static get watchers(){return{chartOptions:[{handleOptionsChanged:0}],appearance:[{handleOptionsChanged:0}],shape:[{handleOptionsChanged:0}],chrome:[{handleOptionsChanged:0}]}}};u.style=":host{display:block;position:relative;width:100%;min-width:0;min-height:0;box-sizing:border-box}.chart-mount{position:absolute;inset:0}";export{u as udp_ag_scatter_chart}
1	+ import{r as t,h as i,H as e,a as s}from"./index-Cgpvu-iV.js";import{v4 as n}from"uuid";import{AgCharts as h,ModuleRegistry as a,AllCommunityModule as o}from"ag-charts-community";import{b as r,a as d}from"./charts-theme-B2HoYVMf.js";import"./theme-manager-DeVqiL0i.js";import"@fluentui/web-components";import"@fluentui/tokens";let c=!1;const l=(t,i)=>null==t?i:"number"==typeof t?`${t}px`:t,u=class{constructor(i){t(this,i),this.chartId=`udp-ag-scatter-chart-${n()}`,this.appearance="default",this.shape="square",this.chrome="full",this.handleThemeChanged=()=>{this.handleOptionsChanged()}}handleOptionsChanged(){if(!this.chart)return;const t=this.buildOptions();t&&this.chart.update(t)}componentDidLoad(){var t,i;c\|\|(a.registerModules([o]),c=!0);const e=null===(i=null===(t=this.el)\|\|void 0===t?void 0:t.shadowRoot)\|\|void 0===i?void 0:i.getElementById(this.chartId);if(!e)return;const s=this.buildOptions(e);s&&(this.chart=h.create(s),window.addEventListener("theme-changed",this.handleThemeChanged))}disconnectedCallback(){var t;window.removeEventListener("theme-changed",this.handleThemeChanged),null===(t=this.chart)\|\|void 0===t\|\|t.destroy(),this.chart=void 0}buildOptions(t){var i,e;const s=null!=t?t:null===(e=null===(i=this.el)\|\|void 0===i?void 0:i.shadowRoot)\|\|void 0===e?void 0:e.getElementById(this.chartId);if(!s)return null;const n=Object.assign(Object.assign({theme:r(this.el,{appearance:this.appearance,shape:this.shape,chrome:this.chrome}),background:{visible:!1}},this.chartOptions),{container:s});return d(n,this.el,this.appearance)}render(){return i(e,{key:"8dcdcff26593fa18b67d508baa274fbc0bb28ab1",style:{width:l(this.customWidth,"100%"),height:l(this.customHeight,"100%")}},i("div",{key:"81f33c805c39c7b8ea9e38ac7dee2e748011ced8",id:this.chartId,class:"chart-mount"}))}get el(){return s(this)}static get watchers(){return{chartOptions:[{handleOptionsChanged:0}],appearance:[{handleOptionsChanged:0}],shape:[{handleOptionsChanged:0}],chrome:[{handleOptionsChanged:0}]}}};u.style=":host{display:block;position:relative;width:100%;min-width:0;min-height:0;box-sizing:border-box}.chart-mount{position:absolute;inset:0}";export{u as udp_ag_scatter_chart}

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

	@@ -1 +1 @@
1	- import{r as t,h as e}from"./index-Cgpvu-iV.js";import i from"@carbon/icons/es/download/16";const n=class{constructor(e){t(this,e),this.isLastItem=!1,this.loading=!1}getIconForFileExtension(t){if(null==t\|\|""===t.trim())return"document";switch(t.trim().replace(/^\./,"").toLowerCase()){case"pdf":return"documentPdf";case"jpg":case"jpeg":case"png":case"gif":return"image";case"zip":case"rar":case"7z":return"zip";case"mp3":case"wav":return"documentAudio";case"mp4":case"mov":return"documentVideo";default:return"document"}}handleDownloadClick(){const t=this.downloadUrl;if(null==t\|\|""===t.trim())return void console.warn("udp-attachment-item: no downloadUrl provided");const e=(this.fileName\|\|"download").replace(/.*[\/\\]/,""),i=document.createElement("a");i.href=t,i.download=e,i.rel="noopener noreferrer",document.body.appendChild(i),i.click(),i.remove()}formatDate(t){if(null==t)return"";const e=t instanceof Date?t:new Date(t);return Number.isNaN(e.getTime())?"":new Intl.DateTimeFormat((null===navigator\|\|void 0===navigator?void 0:navigator.language)\|\|"en-US",{year:"numeric",month:"numeric",day:"numeric"}).format(e)}renderSkeleton(t){return e("div",{class:t},e("div",{class:"first-column"},e("div",{class:"skeleton-icon-container"},e("udp-skeleton-loading",{width:"40px",height:"40px",borderRadius:"50%"})),e("div",{class:"skeleton-text-group"},e("udp-skeleton-loading",{width:"200px",height:"16px"}),e("div",{class:"file-details skeleton-file-details"},e("udp-skeleton-loading",{width:"60px",height:"12px"}),e("udp-skeleton-loading",{width:"120px",height:"12px"}),e("udp-skeleton-loading",{width:"90px",height:"12px"})))),e("div",{class:"skeleton-action"},e("udp-skeleton-loading",{width:"32px",height:"32px",borderRadius:"50%"})))}render(){const t={"attachment-item-container":!0,"last-item":this.isLastItem};return this.loading?this.renderSkeleton(t):e("div",{class:t},e("div",{class:"first-column"},e("div",{class:"icon-container"},e("udp-icon",{iconName:this.getIconForFileExtension(this.fileExtension),darkIcon:!1,color:"white"})),e("div",null,this.fileName&&e("udp-unity-typography",null,this.fileName),e("div",{class:"file-details"},this.fileSize&&e("udp-unity-typography",{variant:"caption-text"},this.fileSize),this.uploadedBy&&e("udp-unity-typography",{variant:"caption-text"},"Uploaded by ",this.uploadedBy),this.uploadedDate&&e("udp-unity-typography",{variant:"caption-text"},this.formatDate(this.uploadedDate))))),this.downloadUrl&&""!==this.downloadUrl.trim()&&e("udp-icon-button",{iconColor:"inherit",icon:i,onClick:()=>this.handleDownloadClick()}))}};n.style=".attachment-item-container{display:flex;align-items:center;justify-content:space-between;padding:8px;border-bottom:1px solid #e0e0e0;gap:var(--spacing-03)}.first-column{display:flex;align-items:center;gap:var(--spacing-03)}.icon-container{display:flex;align-items:center;justify-content:center;padding:var(--spacing-03, 8px);background-color:var(--primary-color, #0c2f50);border-radius:50%}.file-details{display:flex;gap:var(--spacing-04, 8px);flex-wrap:wrap}.last-item{border-bottom:none}.skeleton-icon-container{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.skeleton-text-group{display:flex;flex-direction:column;gap:var(--spacing-02, 8px);flex:1}.skeleton-file-details{width:100%}.skeleton-action{display:flex;justify-content:flex-end;min-width:32px}";const a=class{constructor(e){t(this,e),this.iconName="warning32",this.iconSize=48,this.imageWidth="100px"}render(){return e("div",{key:"~~1c23adb422b1a410358b21119256c1d08008677d~~",class:"container"},this.imageSrc?e("img",{src:this.imageSrc,alt:"empty state",class:"image",style:{width:this.imageWidth}}):e("udp-icon",{iconName:this.iconName}),this.primaryText&&e("div",{key:"~~1cb837cf2309e9470ebbd336f34938cea4427f34~~",class:"text-wrapper"},e("unity-typography",{key:"~~804252755f94c7e827cc8c306666d7e934340dde~~",variant:"h6"},this.primaryText)),this.secondaryText&&e("div",{key:"~~5902b539eb5eef4800e1315c1b7e325986b7f156~~",class:"text-wrapper"},e("unity-typography",{key:"~~e2ab6a0d5f9aa6a3db11780a23f8b467f4cbd128~~",variant:"body",class:"secondary-text"},this.secondaryText)),this.actionLabel&&e("div",{key:"~~1c6988eb838f5810bac68043df1e06c52bf95c75~~",class:"action-wrapper"},e("udp-button",{key:"~~f4a4294500d51e06b11d63340767756904b7c33d~~",onClick:this.actionClick,variant:"outlined",color:"secondary"},this.actionLabel)))}};a.style=":host{display:block;height:100%;width:100%;font-family:sans-serif}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;width:100%;padding:24px;box-sizing:border-box;background-color:#ffffff;border-radius:4px}.image{margin-bottom:16px}udp-icon{margin-bottom:16px;color:#333}.text-wrapper{margin-bottom:8px}.secondary-text{color:#6c757d}.action-wrapper{margin-top:16px}";export{n as udp_attachment_item,a as udp_empty_state_display}
1	+ import{r as t,h as e}from"./index-Cgpvu-iV.js";import i from"@carbon/icons/es/download/16";const n=class{constructor(e){t(this,e),this.isLastItem=!1,this.loading=!1}getIconForFileExtension(t){if(null==t\|\|""===t.trim())return"document";switch(t.trim().replace(/^\./,"").toLowerCase()){case"pdf":return"documentPdf";case"jpg":case"jpeg":case"png":case"gif":return"image";case"zip":case"rar":case"7z":return"zip";case"mp3":case"wav":return"documentAudio";case"mp4":case"mov":return"documentVideo";default:return"document"}}handleDownloadClick(){const t=this.downloadUrl;if(null==t\|\|""===t.trim())return void console.warn("udp-attachment-item: no downloadUrl provided");const e=(this.fileName\|\|"download").replace(/.*[\/\\]/,""),i=document.createElement("a");i.href=t,i.download=e,i.rel="noopener noreferrer",document.body.appendChild(i),i.click(),i.remove()}formatDate(t){if(null==t)return"";const e=t instanceof Date?t:new Date(t);return Number.isNaN(e.getTime())?"":new Intl.DateTimeFormat((null===navigator\|\|void 0===navigator?void 0:navigator.language)\|\|"en-US",{year:"numeric",month:"numeric",day:"numeric"}).format(e)}renderSkeleton(t){return e("div",{class:t},e("div",{class:"first-column"},e("div",{class:"skeleton-icon-container"},e("udp-skeleton-loading",{width:"40px",height:"40px",borderRadius:"50%"})),e("div",{class:"skeleton-text-group"},e("udp-skeleton-loading",{width:"200px",height:"16px"}),e("div",{class:"file-details skeleton-file-details"},e("udp-skeleton-loading",{width:"60px",height:"12px"}),e("udp-skeleton-loading",{width:"120px",height:"12px"}),e("udp-skeleton-loading",{width:"90px",height:"12px"})))),e("div",{class:"skeleton-action"},e("udp-skeleton-loading",{width:"32px",height:"32px",borderRadius:"50%"})))}render(){const t={"attachment-item-container":!0,"last-item":this.isLastItem};return this.loading?this.renderSkeleton(t):e("div",{class:t},e("div",{class:"first-column"},e("div",{class:"icon-container"},e("udp-icon",{iconName:this.getIconForFileExtension(this.fileExtension),darkIcon:!1,color:"white"})),e("div",null,this.fileName&&e("udp-unity-typography",null,this.fileName),e("div",{class:"file-details"},this.fileSize&&e("udp-unity-typography",{variant:"caption-text"},this.fileSize),this.uploadedBy&&e("udp-unity-typography",{variant:"caption-text"},"Uploaded by ",this.uploadedBy),this.uploadedDate&&e("udp-unity-typography",{variant:"caption-text"},this.formatDate(this.uploadedDate))))),this.downloadUrl&&""!==this.downloadUrl.trim()&&e("udp-icon-button",{iconColor:"inherit",icon:i,onClick:()=>this.handleDownloadClick()}))}};n.style=".attachment-item-container{display:flex;align-items:center;justify-content:space-between;padding:8px;border-bottom:1px solid #e0e0e0;gap:var(--spacing-03)}.first-column{display:flex;align-items:center;gap:var(--spacing-03)}.icon-container{display:flex;align-items:center;justify-content:center;padding:var(--spacing-03, 8px);background-color:var(--primary-color, #0c2f50);border-radius:50%}.file-details{display:flex;gap:var(--spacing-04, 8px);flex-wrap:wrap}.last-item{border-bottom:none}.skeleton-icon-container{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.skeleton-text-group{display:flex;flex-direction:column;gap:var(--spacing-02, 8px);flex:1}.skeleton-file-details{width:100%}.skeleton-action{display:flex;justify-content:flex-end;min-width:32px}";const a=class{constructor(e){t(this,e),this.iconName="warning32",this.iconSize=48,this.imageWidth="100px"}render(){return e("div",{key:"d34ae4f8054b0a74b5e2b3c7eaf928c9bf679288",class:"container"},this.imageSrc?e("img",{src:this.imageSrc,alt:"empty state",class:"image",style:{width:this.imageWidth}}):e("udp-icon",{iconName:this.iconName}),this.primaryText&&e("div",{key:"dd2e8490dccbb13908c0510cd96c2ee7f6d6237c",class:"text-wrapper"},e("unity-typography",{key:"6a5f2a59a5a00fc30d5d2a298fa478e1b0088624",variant:"h6"},this.primaryText)),this.secondaryText&&e("div",{key:"70b443857566dda2ddb94522657d85bd1b2e1d09",class:"text-wrapper"},e("unity-typography",{key:"c2ff77da669e5bbea6d2ee9d79807b212c4eac78",variant:"body",class:"secondary-text"},this.secondaryText)),this.actionLabel&&e("div",{key:"d0e30c61f3061ab64efb0627085177fdefbabb55",class:"action-wrapper"},e("udp-button",{key:"2f228826a8423c5ae0935ee395671dfebc84baee",onClick:this.actionClick,variant:"outlined",color:"secondary"},this.actionLabel)))}};a.style=":host{display:block;height:100%;width:100%;font-family:sans-serif}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;width:100%;padding:24px;box-sizing:border-box;background-color:#ffffff;border-radius:4px}.image{margin-bottom:16px}udp-icon{margin-bottom:16px;color:#333}.text-wrapper{margin-bottom:8px}.secondary-text{color:#6c757d}.action-wrapper{margin-top:16px}";export{n as udp_attachment_item,a as udp_empty_state_display}

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

	@@ -1 +1 @@
1	- import{r as t,h as d}from"./index-Cgpvu-iV.js";const i=class{constructor(d){t(this,d),this.attachments=[]}render(){var t;return d("udp-card",{key:"~~1deba0c8d4a449caf0df5328f43fc0a6f641d664~~"},(null===(t=this.attachments)\|\|void 0===t?void 0:t.length)>0?this.attachments.map(((t,i)=>d("udp-attachment-item",{fileName:null==t?void 0:t.fileName,fileSize:null==t?void 0:t.fileSize,fileExtension:null==t?void 0:t.fileExtension,uploadedBy:null==t?void 0:t.uploadedBy,uploadedDate:null==t?void 0:t.uploadedDate,isLastItem:i===this.attachments.length-1,downloadUrl:null==t?void 0:t.downloadUrl}))):d("udp-empty-state-display",{primaryText:"No Attachment"}))}};export{i as udp_attachment_list}
1	+ import{r as t,h as d}from"./index-Cgpvu-iV.js";const i=class{constructor(d){t(this,d),this.attachments=[]}render(){var t;return d("udp-card",{key:"14dc419ef767ca95bd3bcf8046f939f1dd10f163"},(null===(t=this.attachments)\|\|void 0===t?void 0:t.length)>0?this.attachments.map(((t,i)=>d("udp-attachment-item",{fileName:null==t?void 0:t.fileName,fileSize:null==t?void 0:t.fileSize,fileExtension:null==t?void 0:t.fileExtension,uploadedBy:null==t?void 0:t.uploadedBy,uploadedDate:null==t?void 0:t.uploadedDate,isLastItem:i===this.attachments.length-1,downloadUrl:null==t?void 0:t.downloadUrl}))):d("udp-empty-state-display",{primaryText:"No Attachment"}))}};export{i as udp_attachment_list}