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

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

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

Files changed (317) hide show

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

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,H as o,a as r}from"./index-CaZq3YdB.js";import{createPopper as n}from"@popperjs/core";const p=':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.change=e(this,"change");this.errorEvent=e(this,"error");this.error="";this.size="normal";this.margin="normal";this.onInput=t=>{if(this.readonly){const e=t.target;e.value=this.internalValue;return}const e=t.target.value;this.internalValue=e;if(this.value!==undefined){this.value=e}if(this.errorMessage){const t=this.validateCharacterLength(e);if(t!==this.errorMessage){this.setAndDispatchError(t)}}};this.onChange=t=>{if(this.readonly){return}const e=t.target.value;const i=this.validateCharacterLength(e);if(i){this.setAndDispatchError(i)}else{this.setAndDispatchError("")}this.change.emit(e)}}updateError(){this.errorMessage=this.error}updateInitialValue(){if(this.internalValue===""||this.internalValue===undefined){this.internalValue=this.initialValue||""}}updateValue(){if(this.value!==undefined){this.internalValue=this.value}}validateCharacterLength(t){if(!t)return"";const e=t.length;if(this.minCharacter&&e<this.minCharacter){return`Must be at least ${this.minCharacter} characters`}if(this.maxCharacter&&e>this.maxCharacter){return`Must be no more than ${this.maxCharacter} characters`}return""}setAndDispatchError(t){console.log("Setting text field error:",t);this.errorMessage=t;this.errorEvent.emit(t);const e=new CustomEvent("error",{detail:t,bubbles:true,composed:true});this.el.dispatchEvent(e)}componentWillLoad(){if(this.error){this.errorMessage=this.error}this.internalValue=this.value!==undefined?this.value:this.initialValue||"";if(this.internalValue){const t=this.validateCharacterLength(this.internalValue);if(t){this.setAndDispatchError(t)}}}render(){const t=!!this.errorMessage;const e={"bx--text-input":true,"bx--text-input--error":t,"bx--text-input:user-invalid":t,"text-field--disabled":this.disabled};return i(o,{key:"388dbeafb0b5a726b437ff4898735ec4a11d1e7d",class:{"udp-input":true,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,"udp-input--required":this.required,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},i("div",{key:"9d66a1d7ec9d2ccd74efa320ed8faebae66afc67",class:"bx--form-item"},i("unity-typography",{key:"9743d1324aeabdf63e34d66b84391a163127ca68",variant:"caption-text"},i("label",{key:"33d613ec484961c27197d0a38e6b3be09df11739",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),this.hidden?i("input",{id:this.id,type:"hidden",value:this.internalValue}):i("input",{id:this.id,type:"text",class:Object.assign({},e),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&&i("div",{key:"4f695e2ea3d0d83b0a8b64616458aff67ebaf009",class:"error-message"},i("unity-typography",{key:"9399d49f19ccd3419f910497c01379e4b3d0d6a7",variant:"caption-text",color:"error"},this.errorMessage))))}get el(){return r(this)}static get watchers(){return{error:["updateError"],initialValue:["updateInitialValue"],value:["updateValue"]}}};s.style=p;const a=':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}:host(.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}';const u=class{constructor(e){t(this,e);this.options=[];this.large=false;this.multiSelect=false;this.disabled=false;this.readonly=false;this.size="normal";this.margin="normal";this.isOpen=false;this.selectedOptions=[];this.selectedOption=null;this.handleBlur=()=>{setTimeout((()=>{this.isOpen=false}),200)};this.handleOptionMouseDown=t=>{t.preventDefault()}}updateError(){this.errorMessage=this.error}initialValueChanged(t){if(t!==undefined){this.setSelectionFromValue(t)}}valueChanged(){if(this.value!==undefined){this.setSelectionFromValue(this.value)}}handleClickOutside(t){if(this.isOpen&&!t.composedPath().includes(this.el)){this.isOpen=false}}componentWillLoad(){if(this.error){this.errorMessage=this.error}const t=this.initialValue||this.value;if(t){this.setSelectionFromValue(t)}}disconnectedCallback(){this.destroyPopper()}handleOpenChange(t){if(t){requestAnimationFrame((()=>this.setupPopper()))}else{this.destroyPopper()}}toggleDropdown(){if(this.disabled||this.readonly){return}this.isOpen=!this.isOpen}setupPopper(){const t=this.el.shadowRoot.querySelector(".selected-option");const e=this.el.shadowRoot.querySelector(".options-list");if(t&&e){this.popperInstance=n(t,e,{strategy:"fixed",placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[0,4]}},{name:"preventOverflow",options:{padding:8}},{name:"flip"},{name:"sameWidth",enabled:true,phase:"beforeWrite",requires:["computeStyles"],fn:({state:t})=>{t.styles.popper.width=`${t.rects.reference.width}px`}}]})}}destroyPopper(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}}setSelectionFromValue(t){if(!t||this.options.length===0){if(this.multiSelect){this.selectedOptions=[]}else{this.selectedOption=null}return}if(this.multiSelect){const e=t.split(",").map((t=>t.trim())).filter((t=>t));this.selectedOptions=this.options.filter((t=>e.includes(t.value)))}else{const e=this.options.find((e=>e.value===t));this.selectedOption=e||null}}optionsChanged(){var t;const e=this.multiSelect?this.selectedOptions.map((t=>t.value)).join(","):((t=this.selectedOption)===null||t===void 0?void 0:t.value)||"";if(e){this.setSelectionFromValue(e)}}selectOption(t){if(this.disabled||this.readonly){return}if(this.multiSelect){const e=this.selectedOptions.some((e=>e.value===t.value));if(e){this.selectedOptions=this.selectedOptions.filter((e=>e.value!==t.value))}else{this.selectedOptions=[...this.selectedOptions,t]}}else{this.selectedOption=t;this.isOpen=false}this.updateValueProp();this.emitSelectedOptions();const e=this.options.findIndex((e=>e.value===t.value));if(e!==-1){const t=document.querySelector(`.options-list li:nth-child(${e+1})`);if(t){t.classList.toggle("selected")}}}updateValueProp(){if(this.multiSelect){this.value=this.selectedOptions.map((t=>t.value)).join(",")}else{this.value=this.selectedOption?this.selectedOption.value:""}}emitSelectedOptions(){let t;if(this.multiSelect){t=this.selectedOptions.map((t=>t.value)).join(",")}else{t=this.selectedOption?this.selectedOption.value:""}const e=new CustomEvent("change",{detail:t,bubbles:true,composed:true});this.el.dispatchEvent(e);const i=new CustomEvent("input",{detail:t,bubbles:true,composed:true});this.el.dispatchEvent(i)}render(){const t=!!this.errorMessage;const e={"selected-option":true,focused:this.isOpen};const r=this.multiSelect?this.selectedOptions.length>0:!!this.selectedOption;return i(o,{key:"db8d5a2fb7a711cf6ecf2c2a317cd36b9ef29500",class:{"udp-input":true,"udp-selector":true,"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}`]:true,[`udp-input--margin-${this.margin}`]:true},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},i("div",{key:"4cb64ce38200b154d8e1f82dbc56c13849f8d655",class:"bx--form-item"},this.label&&i("unity-typography",{key:"b237f6f3c9e2091d96fba27389aaa365e73d1caf",variant:"caption-text"},i("label",{key:"0dc5303a649a83a2c13f7d872db6767d1ebc786a",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),i("div",{key:"4a54ebca6d891176778b083967475c9a31bba369",class:"udp-selector__container"},i("div",{key:"e5509c7dcfcdd1e64d9b33f5247fdd1ae87893c6",class:e,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},i("div",{key:"72803fb7f4add66ff314cbc18b9f72fc6dfc67f3",class:{"selected-option-label":true,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&&i("span",{key:"431d7127377c465f93412d739a345aecea7706c5",class:"checkmark"}),i("div",{key:"67cd1a08e9fb127264635fc58422ec51a1dc0eca",class:"arrow"})),this.isOpen&&i("ul",{key:"7c6e7d2afeb95dabe428a42dd9c681f3868bab3d",class:"options-list"},this.options.map((t=>i("unity-typography",{variant:"button"},i("li",{class:this.isOptionSelected(t)?"selected":"",onClick:()=>this.selectOption(t),onMouseDown:this.handleOptionMouseDown},t.label,this.isOptionSelected(t)&&i("span",{class:"checkmark"}))))))),this.errorMessage&&i("div",{key:"b49aeab27f25ea8cb5e8de0f6ee7a4a9eb9bf91f",class:"error-message"},i("unity-typography",{key:"9dde88c0624b5f28fd2b32c8bda364555f3fe0cd",variant:"caption-text",color:"error"},this.errorMessage))))}isOptionSelected(t){if(this.multiSelect){return this.selectedOptions.some((e=>e.value===t.value))}else{return this.selectedOption&&this.selectedOption.value===t.value}}get el(){return r(this)}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"],isOpen:["handleOpenChange"],options:["optionsChanged"]}}};u.style=a;export{s as text_field,u as udp_selector};
+import{r as t,c as e,h as i,H as o,a as r}from"./index-CaZq3YdB.js";import{createPopper as n}from"@popperjs/core";const p=':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.change=e(this,"change");this.errorEvent=e(this,"error");this.error="";this.size="normal";this.margin="normal";this.onInput=t=>{if(this.readonly){const e=t.target;e.value=this.internalValue;return}const e=t.target.value;this.internalValue=e;if(this.value!==undefined){this.value=e}if(this.errorMessage){const t=this.validateCharacterLength(e);if(t!==this.errorMessage){this.setAndDispatchError(t)}}};this.onChange=t=>{if(this.readonly){return}const e=t.target.value;const i=this.validateCharacterLength(e);if(i){this.setAndDispatchError(i)}else{this.setAndDispatchError("")}this.change.emit(e)}}updateError(){this.errorMessage=this.error}updateInitialValue(){if(this.internalValue===""||this.internalValue===undefined){this.internalValue=this.initialValue||""}}updateValue(){if(this.value!==undefined){this.internalValue=this.value}}validateCharacterLength(t){if(!t)return"";const e=t.length;if(this.minCharacter&&e<this.minCharacter){return`Must be at least ${this.minCharacter} characters`}if(this.maxCharacter&&e>this.maxCharacter){return`Must be no more than ${this.maxCharacter} characters`}return""}setAndDispatchError(t){console.log("Setting text field error:",t);this.errorMessage=t;this.errorEvent.emit(t);const e=new CustomEvent("error",{detail:t,bubbles:true,composed:true});this.el.dispatchEvent(e)}componentWillLoad(){if(this.error){this.errorMessage=this.error}this.internalValue=this.value!==undefined?this.value:this.initialValue||"";if(this.internalValue){const t=this.validateCharacterLength(this.internalValue);if(t){this.setAndDispatchError(t)}}}render(){const t=!!this.errorMessage;const e={"bx--text-input":true,"bx--text-input--error":t,"bx--text-input:user-invalid":t,"text-field--disabled":this.disabled};return i(o,{key:"cd443e0566c2064503c9a16332c175cbab66b564",class:{"udp-input":true,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,"udp-input--required":this.required,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},i("div",{key:"f9c1c085ae39f49c966ce3b68785f6e6b25e3011",class:"bx--form-item"},i("unity-typography",{key:"c5a8973711298673e2240a805e5c31f7e4eb960a",variant:"caption-text"},i("label",{key:"2d4533dbd0a57fe86167c153ddd4bc11ce468626",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),this.hidden?i("input",{id:this.id,type:"hidden",value:this.internalValue}):i("input",{id:this.id,type:"text",class:Object.assign({},e),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&&i("div",{key:"bd6594ada0613e1bf5973b3ab85947ebfcaa143d",class:"error-message"},i("unity-typography",{key:"98b6b2fb24d5c53f7db1bb7ee736d0178b59f325",variant:"caption-text",color:"error"},this.errorMessage))))}get el(){return r(this)}static get watchers(){return{error:["updateError"],initialValue:["updateInitialValue"],value:["updateValue"]}}};s.style=p;const a=':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}:host(.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}';const u=class{constructor(e){t(this,e);this.options=[];this.large=false;this.multiSelect=false;this.disabled=false;this.readonly=false;this.size="normal";this.margin="normal";this.isOpen=false;this.selectedOptions=[];this.selectedOption=null;this.handleBlur=()=>{setTimeout((()=>{this.isOpen=false}),200)};this.handleOptionMouseDown=t=>{t.preventDefault()}}updateError(){this.errorMessage=this.error}initialValueChanged(t){if(t!==undefined){this.setSelectionFromValue(t)}}valueChanged(){if(this.value!==undefined){this.setSelectionFromValue(this.value)}}handleClickOutside(t){if(this.isOpen&&!t.composedPath().includes(this.el)){this.isOpen=false}}componentWillLoad(){if(this.error){this.errorMessage=this.error}const t=this.initialValue||this.value;if(t){this.setSelectionFromValue(t)}}disconnectedCallback(){this.destroyPopper()}handleOpenChange(t){if(t){requestAnimationFrame((()=>this.setupPopper()))}else{this.destroyPopper()}}toggleDropdown(){if(this.disabled||this.readonly){return}this.isOpen=!this.isOpen}setupPopper(){const t=this.el.shadowRoot.querySelector(".selected-option");const e=this.el.shadowRoot.querySelector(".options-list");if(t&&e){this.popperInstance=n(t,e,{strategy:"fixed",placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[0,4]}},{name:"preventOverflow",options:{padding:8}},{name:"flip"},{name:"sameWidth",enabled:true,phase:"beforeWrite",requires:["computeStyles"],fn:({state:t})=>{t.styles.popper.width=`${t.rects.reference.width}px`}}]})}}destroyPopper(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}}setSelectionFromValue(t){if(!t||this.options.length===0){if(this.multiSelect){this.selectedOptions=[]}else{this.selectedOption=null}return}if(this.multiSelect){const e=t.split(",").map((t=>t.trim())).filter((t=>t));this.selectedOptions=this.options.filter((t=>e.includes(t.value)))}else{const e=this.options.find((e=>e.value===t));this.selectedOption=e||null}}optionsChanged(){var t;const e=this.multiSelect?this.selectedOptions.map((t=>t.value)).join(","):((t=this.selectedOption)===null||t===void 0?void 0:t.value)||"";if(e){this.setSelectionFromValue(e)}}selectOption(t){if(this.disabled||this.readonly){return}if(this.multiSelect){const e=this.selectedOptions.some((e=>e.value===t.value));if(e){this.selectedOptions=this.selectedOptions.filter((e=>e.value!==t.value))}else{this.selectedOptions=[...this.selectedOptions,t]}}else{this.selectedOption=t;this.isOpen=false}this.updateValueProp();this.emitSelectedOptions();const e=this.options.findIndex((e=>e.value===t.value));if(e!==-1){const t=document.querySelector(`.options-list li:nth-child(${e+1})`);if(t){t.classList.toggle("selected")}}}updateValueProp(){if(this.multiSelect){this.value=this.selectedOptions.map((t=>t.value)).join(",")}else{this.value=this.selectedOption?this.selectedOption.value:""}}emitSelectedOptions(){let t;if(this.multiSelect){t=this.selectedOptions.map((t=>t.value)).join(",")}else{t=this.selectedOption?this.selectedOption.value:""}const e=new CustomEvent("change",{detail:t,bubbles:true,composed:true});this.el.dispatchEvent(e);const i=new CustomEvent("input",{detail:t,bubbles:true,composed:true});this.el.dispatchEvent(i)}render(){const t=!!this.errorMessage;const e={"selected-option":true,focused:this.isOpen};const r=this.multiSelect?this.selectedOptions.length>0:!!this.selectedOption;return i(o,{key:"742c9350f4c6e7388e0b279be4e3368e7195c6a2",class:{"udp-input":true,"udp-selector":true,"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}`]:true,[`udp-input--margin-${this.margin}`]:true},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},i("div",{key:"7a1142a256ee849864add36c5ebe21df64c06e4b",class:"bx--form-item"},this.label&&i("unity-typography",{key:"91a70d41326d650420d647ef1444d08656a048c3",variant:"caption-text"},i("label",{key:"05a3628391efbcd5f4f5164fa5b83c4edcda5099",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),i("div",{key:"71a6dfd4a3673aa9e94e38bcc356a911c5e7b077",class:"udp-selector__container"},i("div",{key:"a58c7df64a41a9c14e79827aad9c76acacda47cc",class:e,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},i("div",{key:"ac15ee94572170fd0c907f969754d750b7638b12",class:{"selected-option-label":true,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&&i("span",{key:"59b861eb9d862cab4250960b4966f499199a5621",class:"checkmark"}),i("div",{key:"ac310d6628aabcc83955352b45f2c836bf99d6ee",class:"arrow"})),this.isOpen&&i("ul",{key:"c7c5b261265436d907a3dedd1d8064134e286374",class:"options-list"},this.options.map((t=>i("unity-typography",{variant:"button"},i("li",{class:this.isOptionSelected(t)?"selected":"",onClick:()=>this.selectOption(t),onMouseDown:this.handleOptionMouseDown},t.label,this.isOptionSelected(t)&&i("span",{class:"checkmark"}))))))),this.errorMessage&&i("div",{key:"34520538dfe40aee42c885f212814d29f8227fc8",class:"error-message"},i("unity-typography",{key:"31f91b038a4736e78268997b0b7e2434fea66020",variant:"caption-text",color:"error"},this.errorMessage))))}isOptionSelected(t){if(this.multiSelect){return this.selectedOptions.some((e=>e.value===t.value))}else{return this.selectedOption&&this.selectedOption.value===t.value}}get el(){return r(this)}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"],isOpen:["handleOpenChange"],options:["optionsChanged"]}}};u.style=a;export{s as text_field,u as udp_selector};
 //# sourceMappingURL=text-field_2.entry.js.map

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@

+ {"version":3,"file":"udp-container.entry.esm.js","sources":["src/components/layout/udp-container/udp-container.css?tag=udp-container&encapsulation=shadow","src/components/layout/udp-container/udp-container.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n}\n\n.udp-container {\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n box-sizing: border-box;\n}\n\n.udp-container--padded {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n/* Fluid container takes full width */\n.udp-container--fluid {\n max-width: 100%;\n}\n\n/* Responsive container max-widths */\n.udp-container--sm {\n max-width: 640px;\n}\n\n.udp-container--md {\n max-width: 768px;\n}\n\n.udp-container--lg {\n max-width: 1024px;\n}\n\n.udp-container--xl {\n max-width: 1280px;\n}\n\n.udp-container--2xl {\n max-width: 1536px;\n} ","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'udp-container',\n styleUrl: 'udp-container.css',\n shadow: true,\n})\nexport class UdpContainer {\n /**\n * If true, the container will be fluid (100% width at all breakpoints)\n */\n @Prop() fluid: boolean = false;\n\n /**\n * Maximum width for the container at different breakpoints\n */\n @Prop() maxWidth: 'sm' | 'md' | 'lg' | 'xl' | '2xl' = 'lg';\n\n /**\n * Add padding to the container\n */\n @Prop() padding: boolean = true;\n\n render() {\n return (\n <div\n class={{\n 'udp-container': true,\n 'udp-container--fluid': this.fluid,\n 'udp-container--padded': this.padding,\n [`udp-container--${this.maxWidth}`]: true,\n }}\n >\n <slot></slot>\n </div>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,eAAe,GAAG,wYAAwY;;MCOnZ,YAAY,GAAA,MAAA;AALzB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAME;;AAEG;AACK,QAAA,IAAK,CAAA,KAAA,GAAY,KAAK;AAE9B;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAsC,IAAI;AAE1D;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAY,IAAI;AAgBhC;IAdC,MAAM,GAAA;QACJ,QACE,CACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE;AACL,gBAAA,eAAe,EAAE,IAAI;gBACrB,sBAAsB,EAAE,IAAI,CAAC,KAAK;gBAClC,uBAAuB,EAAE,IAAI,CAAC,OAAO;AACrC,gBAAA,CAAC,kBAAkB,IAAI,CAAC,QAAQ,CAAE,CAAA,GAAG,IAAI;AAC1C,aAAA,EAAA,EAED,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;"}

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

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

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

@@ -0,0 +1 @@

+ {"version":3,"names":["registerInstance","h","udpContainerCss","UdpContainer","constructor","hostRef","this","fluid","maxWidth","padding","render","key","class","style"],"sources":["0"],"mappings":"YAAcA,OAAkBC,MAAS,sBAEzC,MAAMC,EAAkB,yYAExB,MAAMC,EAAe,MACjB,WAAAC,CAAYC,GACRL,EAAiBM,KAAMD,GAIvBC,KAAKC,MAAQ,MAIbD,KAAKE,SAAW,KAIhBF,KAAKG,QAAU,IACnB,CACA,MAAAC,GACI,OAAQT,EAAE,MAAO,CAAEU,IAAK,2CAA4CC,MAAO,CACnE,gBAAiB,KACjB,uBAAwBN,KAAKC,MAC7B,wBAAyBD,KAAKG,QAC9B,CAAC,kBAAkBH,KAAKE,YAAa,OACpCP,EAAE,OAAQ,CAAEU,IAAK,6CAC9B,GAEJR,EAAaU,MAAQX,SAEZC","ignoreList":[]}

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

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

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

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

package/dist/stencil-library/udp-linear-loader.udp-side-sheet.entry.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"udp-linear-loader.udp-side-sheet.entry.esm.js","sources":["src/components/loaders/udp-linear-loader/udp-linear-loader.css?tag=udp-linear-loader&encapsulation=shadow","src/components/loaders/udp-linear-loader/udp-linear-loader.tsx","src/components/drawers/udp-side-sheet/udp-side-sheet.css?tag=udp-side-sheet&encapsulation=shadow","src/components/drawers/udp-side-sheet/udp-side-sheet.tsx"],"sourcesContent":[":host {\n /* Define color variables, similar to the button component for consistency */\n --udp-loader-primary-color: var(--primary-color, #2953ff);\n --udp-loader-secondary-color: var(--secondary-color, #6f767a);\n --udp-loader-success-color: var(--success-color, #0da40d);\n --udp-loader-error-color: var(--error-color, #ff0000);\n --udp-loader-warning-color: var(--warning-color, #ffa500);\n --udp-loader-info-color: var(--info-color, #2953ff);\n}\n\n.loader {\n position: relative;\n width: 100%;\n height: 4px;\n background-color: transparent; /* The track is transparent, so it's invisible. */\n overflow: hidden; /* Ensures the animation stays within the bounds. */\n}\n\n.indeterminate {\n /* The default color will be primary */\n background-color: var(--udp-loader-primary-color);\n position: absolute;\n width: 40%;\n height: 100%;\n animation: indeterminate 1s linear infinite;\n}\n\n/* Apply the selected color to the moving bar */\n.loader--color-primary .indeterminate {\n background-color: var(--udp-loader-primary-color);\n}\n.loader--color-secondary .indeterminate {\n background-color: var(--udp-loader-secondary-color);\n}\n.loader--color-success .indeterminate {\n background-color: var(--udp-loader-success-color);\n}\n.loader--color-error .indeterminate {\n background-color: var(--udp-loader-error-color);\n}\n.loader--color-warning .indeterminate {\n background-color: var(--udp-loader-warning-color);\n}\n.loader--color-info .indeterminate {\n background-color: var(--udp-loader-info-color);\n}\n\n/*\n This animation makes the bar travel from left to right over the entire duration.\n This removes the long pause where the bar was off-screen.\n*/\n@keyframes indeterminate {\n 0% {\n left: -50%;\n width: 50%;\n }\n 100% {\n left: 100%;\n width: 100%;\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'udp-linear-loader',\n styleUrl: 'udp-linear-loader.css',\n shadow: true,\n})\nexport class UdpLinearLoader {\n /**\n * The color of the loader. It supports theming using global CSS variables.\n */\n @Prop() color: 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' = 'primary';\n\n render() {\n const loaderClasses = {\n loader: true,\n [`loader--color-${this.color}`]: true,\n };\n\n return (\n <Host>\n <div class={loaderClasses}>\n <div class=\"indeterminate\"></div>\n </div>\n </Host>\n );\n }\n}\n",":host {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 0;\r\n height: 0;\r\n overflow: hidden;\r\n /* CRITICAL: transform creates a containing block, forcing fixed children to respect overflow: hidden */\r\n transform: translate(0);\r\n z-index: 9999;\r\n visibility: hidden;\r\n transition: visibility 0s 0.2s, width 0s 0.2s, height 0s 0.2s;\r\n}\r\n\r\n:host(.is-visible) {\r\n width: 100vw;\r\n height: 100vh;\r\n overflow: visible;\r\n visibility: visible;\r\n transition-delay: 0s;\r\n}\r\n\r\n.backdrop {\r\n background: rgba(0, 0, 0, 0.5);\r\n width: 100%;\r\n height: 100%;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n opacity: 0;\r\n transition: opacity 0.2s ease-in-out;\r\n}\r\n\r\n:host(.is-visible) .backdrop {\r\n opacity: 1;\r\n}\r\n\r\n.sheet {\r\n background: white;\r\n height: 100vh;\r\n position: fixed;\r\n top: 0;\r\n display: flex;\r\n flex-direction: column;\r\n box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);\r\n transition: transform 0.2s ease-in-out;\r\n width: 100%;\r\n}\r\n\r\n.sheet.right {\r\n right: 0;\r\n transform: translateX(100%);\r\n}\r\n\r\n.sheet.left {\r\n left: 0;\r\n transform: translateX(-100%);\r\n}\r\n\r\n:host(.is-visible) .sheet {\r\n transform: translateX(0);\r\n}\r\n\r\n.sheet.sm {\r\n max-width: 360px;\r\n}\r\n\r\n.sheet.md {\r\n max-width: 600px;\r\n}\r\n\r\n.sheet.lg {\r\n max-width: 960px;\r\n}\r\n\r\n.sheet.full {\r\n max-width: 100%;\r\n}\r\n\r\n.sheet.custom-width {\r\n /* max-width is set via inline style */\r\n}\r\n\r\n/* Updated title container for new layout */\r\n.title-container {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n flex-shrink: 0;\r\n box-shadow: var(--elevation-01, 0 4px 8px rgba(0, 0, 0, 0.1));\r\n gap: var(--spacing-02)\r\n}\r\n\r\n.title-text {\r\n flex-grow: 1;\r\n text-align: left;\r\n /* Ensure title stays left-aligned */\r\n}\r\n\r\n.close-button {\r\n flex-shrink: 0;\r\n}\r\n\r\n/* Added styles for the new button's container */\r\n.header-action-button {\r\n flex-shrink: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: var(--spacing-02, 4px);\r\n padding: var(--spacing-03, 8px) var(--spacing-03, 8px) var(--spacing-03, 8px) 0;\r\n}\r\n\r\n.content {\r\n overflow-y: auto;\r\n flex-grow: 1;\r\n background-color: var(--gray-01);\r\n}\r\n\r\n.content.padding {\r\n padding: var(--spacing-05, 24px);\r\n}\r\n\r\n.footer {\r\n padding: var(--spacing-03, 8px);\r\n box-shadow: var(--elevation-01, 0 4px 8px rgba(0, 0, 0, 0.1));\r\n display: flex;\r\n justify-content: flex-end;\r\n flex-shrink: 0;\r\n width: 100%;\r\n gap: var(--spacing-02, 4px);\r\n align-items: center;\r\n}\r\n\r\n.footer.secondary-button-overflow {\r\n flex-direction: row-reverse;\r\n}\r\n\r\n.footer-secondary-buttons-container {\r\n flex-grow: 2;\r\n width: 100%;\r\n}\r\n\r\n.footer-secondary-buttons {\r\n display: flex;\r\n justify-content: flex-end;\r\n gap: var(--spacing-02, 4px);\r\n align-items: center;\r\n}\r\n\r\n.footer-secondary-buttons.secondary-button-overflow {\r\n flex-grow: 1;\r\n}\r\n\r\n/* This container reserves the space for the loader (4px height).\r\n This prevents the content below it from shifting up and down\r\n when the loader appears or disappears.\r\n*/\r\n.loader-container {\r\n height: 4px;\r\n width: 100%;\r\n background-color: var(--gray-01);\r\n}\r\n\r\n/*\r\n By default, the loader is instantly hidden.\r\n There is no transition applied in its hidden state.\r\n*/\r\n.loader-container udp-linear-loader {\r\n visibility: hidden;\r\n opacity: 0;\r\n transition: none;\r\n}\r\n\r\n/*\r\n When the .is-loading class is applied, we make the loader visible\r\n AND apply a transition so it fades in smoothly. When the class is removed,\r\n it reverts to the rule above and disappears instantly.\r\n*/\r\n.loader-container udp-linear-loader.is-loading {\r\n visibility: visible;\r\n opacity: 1;\r\n /* transition: opacity 0.3s ease-in-out; */\r\n}\r\n","/* eslint-disable stencil/strict-boolean-conditions */\r\nimport {\r\n Component,\r\n h,\r\n Prop,\r\n Element,\r\n Watch,\r\n Event,\r\n EventEmitter,\r\n State,\r\n Build,\r\n} from '@stencil/core';\r\nimport Close24 from '@carbon/icons/es/close/24';\r\nimport { SecondaryButton } from './types';\r\n\r\n/**\r\n * Side sheet component used for contextual drawers.\r\n */\r\n@Component({\r\n tag: 'udp-side-sheet',\r\n styleUrl: 'udp-side-sheet.css',\r\n shadow: true,\r\n})\r\nexport class UdpSideSheet {\r\n /** Host element reference for portal behavior */\r\n @Element() hostEl!: HTMLElement;\r\n\r\n /** When true, the side sheet is open and visible */\r\n @Prop({ reflect: true, mutable: true }) open = false;\r\n\r\n /** Title text displayed in the header */\r\n @Prop() title: string;\r\n\r\n /** Position of the sheet on the screen */\r\n @Prop() position: 'left' | 'right' = 'right';\r\n\r\n /** Width preset or a numeric pixel width */\r\n @Prop() width: 'sm' | 'md' | 'lg' | 'full' | number = 'md';\r\n\r\n /** Controls whether default inner padding is applied */\r\n @Prop() padding = true;\r\n\r\n /** When true, shows a top loader */\r\n @Prop() loading: boolean = false;\r\n\r\n // Header action button props\r\n\r\n /** Label for the header primary action button */\r\n @Prop() headerActionButtonLabel: string;\r\n\r\n /** Whether the header action button is disabled */\r\n @Prop() headerActionButtonDisabled = false;\r\n\r\n /** Icon name for the header action button */\r\n @Prop() headerActionButtonIcon: string;\r\n\r\n /** Additional secondary buttons to render in the header */\r\n @Prop() headerSecondaryButtons: SecondaryButton[];\r\n\r\n // Footer / primary button props\r\n\r\n /** Label for the primary footer action button */\r\n @Prop() primaryButtonLabel: string;\r\n\r\n /** Whether the primary footer button is disabled */\r\n @Prop() primaryButtonDisabled = false;\r\n\r\n /** Icon name for the primary footer button */\r\n @Prop() primaryButtonIcon: string;\r\n\r\n /** Secondary buttons to render in the footer */\r\n @Prop() footerSecondaryButtons?: SecondaryButton[];\r\n\r\n /** Emitted when the sheet is closed */\r\n @Event() udpSideSheetClose: EventEmitter<void>;\r\n\r\n /** Emitted when the primary footer button is clicked */\r\n @Event() udpPrimaryButtonClick: EventEmitter<void>;\r\n\r\n /** Emitted when the header action button is clicked */\r\n @Event() udpHeaderActionButtonClick: EventEmitter<void>;\r\n\r\n /** Whether the footer should show the overflow \"More\" button */\r\n @State() showOverflowButton: boolean = false;\r\n\r\n /** Whether the overflow popover is open */\r\n @State() openOverflowMenu: boolean = false;\r\n\r\n /** Anchor element for the overflow popover */\r\n @State() overflowMenuAnchor: HTMLElement;\r\n\r\n @State() visibleSecondaryButtons: SecondaryButton[] = [];\r\n @State() overflowSecondaryButtons: SecondaryButton[] = [];\r\n\r\n /** Saved original document.body.overflow value to restore on close */\r\n private originalBodyOverflow: string = '';\r\n\r\n /** ResizeObserver instance watching footer size changes */\r\n private resizeObserver: ResizeObserver;\r\n\r\n /** Reference to the footer element */\r\n private footerRef: HTMLElement;\r\n\r\n /** Offscreen measurement container for buttons */\r\n private measurementContainerRef: HTMLElement;\r\n\r\n /** Saved original document.body.paddingRight value to restore on close */\r\n private originalBodyPaddingRight: string = '';\r\n\r\n /**\r\n * Watcher for `open` prop. Handles portal append/removal and body scroll lock.\r\n *\r\n * @param newValue - new value of the `open` prop\r\n * @param oldValue - previous value of the `open` prop\r\n */\r\n @Watch('open')\r\n handleOpenChange(newValue: boolean, oldValue: boolean) {\r\n if (newValue === oldValue) {\r\n return;\r\n }\r\n\r\n if (newValue) {\r\n // Calculate scrollbar width before hiding it\r\n const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;\r\n\r\n // Save original values\r\n this.originalBodyOverflow = document.body.style.overflow;\r\n this.originalBodyPaddingRight = document.body.style.paddingRight;\r\n\r\n document.body.appendChild(this.hostEl);\r\n\r\n // Add padding to compensate for scrollbar\r\n if (scrollbarWidth > 0) {\r\n const currentPadding = parseInt(window.getComputedStyle(document.body).paddingRight) || 0;\r\n document.body.style.paddingRight = `${currentPadding + scrollbarWidth}px`;\r\n }\r\n\r\n document.body.style.overflow = 'hidden';\r\n\r\n requestAnimationFrame(() => {\r\n this.hostEl.classList.add('is-visible');\r\n // Check overflow after the side sheet is visible\r\n setTimeout(() => this.checkOverflow(), 50);\r\n });\r\n } else {\r\n this.hostEl.classList.remove('is-visible');\r\n document.body.style.overflow = this.originalBodyOverflow;\r\n document.body.style.paddingRight = this.originalBodyPaddingRight;\r\n this.hostEl.addEventListener('transitionend', this.handleTransitionEnd, { once: true });\r\n }\r\n }\r\n\r\n /**\r\n * Watcher for footer secondary buttons changes. Triggers overflow recalculation.\r\n */\r\n @Watch('footerSecondaryButtons')\r\n handleSecondaryButtonsChange() {\r\n // Recheck overflow when buttons change\r\n setTimeout(() => this.checkOverflow(), 50);\r\n }\r\n\r\n /**\r\n * Measures footer buttons in an offscreen container and sets `showOverflowButton`.\r\n * Safely returns early if required refs are unavailable.\r\n */\r\n private checkOverflow() {\r\n if (!this.footerRef || !this.measurementContainerRef) {\r\n return;\r\n }\r\n\r\n if (!this.footerSecondaryButtons || this.footerSecondaryButtons.length === 0) {\r\n this.showOverflowButton = false;\r\n return;\r\n }\r\n\r\n // Get the footer container width (minus padding)\r\n const footerWidth = this.footerRef.offsetWidth;\r\n const footerStyle = window.getComputedStyle(this.footerRef);\r\n const footerPaddingLeft = parseFloat(footerStyle.paddingLeft);\r\n const footerPaddingRight = parseFloat(footerStyle.paddingRight);\r\n const availableWidth = footerWidth - footerPaddingLeft - footerPaddingRight;\r\n\r\n // Measure all buttons in the hidden measurement container\r\n const measurementButtons = this.measurementContainerRef.querySelectorAll('udp-button');\r\n let totalWidth = 0;\r\n\r\n measurementButtons.forEach((button, index) => {\r\n const buttonWidth = button && button instanceof HTMLElement ? button.offsetWidth : 0;\r\n totalWidth += buttonWidth;\r\n\r\n // Add gap spacing between buttons (except for the last one)\r\n if (index < measurementButtons.length - 1) {\r\n const containerStyle = window.getComputedStyle(this.measurementContainerRef);\r\n const gap = parseFloat(containerStyle.gap) || 4; // Default gap from CSS\r\n totalWidth += gap;\r\n }\r\n });\r\n\r\n // Add a small buffer to prevent edge cases\r\n const buffer = 10;\r\n const isOverflowing = totalWidth + buffer > availableWidth;\r\n\r\n this.showOverflowButton = isOverflowing;\r\n }\r\n\r\n /**\r\n * Transition end handler used to remove the host element from body after close.\r\n *\r\n * @private\r\n */\r\n private handleTransitionEnd = () => {\r\n if (!this.open && this.hostEl.parentElement === document.body) {\r\n document.body.removeChild(this.hostEl);\r\n }\r\n };\r\n\r\n /**\r\n * Lifecycle: componentDidLoad. Sets up ResizeObserver and initial overflow check.\r\n *\r\n * @private\r\n */\r\n componentDidLoad() {\r\n if (Build.isBrowser) {\r\n // Set up ResizeObserver to watch for footer size changes\r\n this.resizeObserver = new ResizeObserver(() => {\r\n this.checkOverflow();\r\n });\r\n\r\n // Initial check after a small delay to ensure DOM is ready\r\n requestAnimationFrame(() => {\r\n setTimeout(() => {\r\n if (this.footerRef) {\r\n this.resizeObserver.observe(this.footerRef);\r\n }\r\n this.checkOverflow();\r\n }, 100);\r\n });\r\n }\r\n }\r\n\r\n /**\r\n * Lifecycle: disconnectedCallback. Restores body styles and disconnects observers.\r\n *\r\n * @private\r\n */\r\n disconnectedCallback() {\r\n if (document.body.style.overflow === 'hidden') {\r\n document.body.style.overflow = this.originalBodyOverflow;\r\n document.body.style.paddingRight = this.originalBodyPaddingRight;\r\n }\r\n\r\n // Clean up ResizeObserver\r\n if (this.resizeObserver) {\r\n this.resizeObserver.disconnect();\r\n }\r\n }\r\n\r\n /**\r\n * Close the side sheet and emit close event.\r\n *\r\n * @private\r\n */\r\n private onClose = () => {\r\n this.open = false;\r\n this.udpSideSheetClose.emit();\r\n };\r\n\r\n /**\r\n * Backdrop click handler. Only closes when clicking the backdrop itself.\r\n *\r\n * @param e - MouseEvent from the backdrop click\r\n * @private\r\n */\r\n private onCloseBackdrop = (e: MouseEvent) => {\r\n if (e.target === e.currentTarget) {\r\n this.onClose();\r\n }\r\n };\r\n\r\n /**\r\n * Emit primary footer button click event.\r\n *\r\n * @private\r\n */\r\n private onPrimaryButtonClick = () => {\r\n this.udpPrimaryButtonClick.emit();\r\n };\r\n\r\n /**\r\n * Emit header action button click event.\r\n *\r\n * @private\r\n */\r\n private onHeaderActionButtonClick = () => {\r\n this.udpHeaderActionButtonClick.emit();\r\n };\r\n\r\n /**\r\n * Open overflow menu anchored to the clicked element.\r\n *\r\n * @param event - MouseEvent from the \"More\" button click\r\n * @private\r\n */\r\n private onMoreActionButtonClick = (event: MouseEvent) => {\r\n this.overflowMenuAnchor = event.currentTarget as HTMLElement;\r\n this.openOverflowMenu = true;\r\n };\r\n\r\n /**\r\n * Close the overflow popover.\r\n *\r\n * @param e - optional KeyboardEvent or MouseEvent (unused)\r\n * @private\r\n */\r\n private handleCloseOverflowMenu = () => {\r\n this.openOverflowMenu = false;\r\n };\r\n\r\n /**\r\n * Render the component UI.\r\n *\r\n * @returns JSX element tree\r\n * @private\r\n */\r\n render() {\r\n const widthClass = typeof this.width === 'number' ? 'custom-width' : this.width;\r\n const sideSheetStyle = typeof this.width === 'number' ? { maxWidth: `${this.width}px` } : {};\r\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\r\n const headerStartIcon = Boolean(this.headerActionButtonIcon) ? (\r\n <udp-icon iconName={this.headerActionButtonIcon} color=\"inherit\" />\r\n ) : undefined;\r\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\r\n const overflowIcon = <udp-icon iconName=\"overflowMenuVertical\" color=\"inherit\" />;\r\n\r\n return (\r\n <div class=\"backdrop\" onClick={this.onCloseBackdrop}>\r\n <div\r\n class={{ sheet: true, [this.position]: true, [widthClass]: true }}\r\n style={sideSheetStyle}\r\n >\r\n {/* Header layout has been changed here */}\r\n <div class=\"title-container\">\r\n <div class=\"close-button\">\r\n <stencil-icon-button\r\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\r\n icon={Close24}\r\n onClick={this.onClose}\r\n secondary\r\n ></stencil-icon-button>\r\n </div>\r\n <div class=\"title-text\">\r\n <unity-typography variant=\"h6\">{this.title}</unity-typography>\r\n </div>\r\n {/* Conditionally render the new header action button */}\r\n {(this.headerActionButtonLabel || this.headerSecondaryButtons?.length > 0) && (\r\n <div class=\"header-action-button\">\r\n {this.headerSecondaryButtons?.map((item: SecondaryButton) => (\r\n <udp-button\r\n variant=\"outlined\"\r\n disabled={item.disabled}\r\n onClick={item.onClick}\r\n endIcon={item.icon}\r\n >\r\n {item.label}\r\n </udp-button>\r\n ))}\r\n {this.headerActionButtonLabel && (\r\n <udp-button\r\n disabled={this.headerActionButtonDisabled}\r\n onClick={this.onHeaderActionButtonClick}\r\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\r\n startIcon={headerStartIcon}\r\n variant=\"contained\"\r\n >\r\n {this.headerActionButtonLabel}\r\n </udp-button>\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n <div class=\"loader-container\">\r\n <udp-linear-loader class={{ 'is-loading': this.loading }} color=\"primary\" />\r\n </div>\r\n\r\n <div class={{ content: true, padding: this.padding }}>\r\n <slot />\r\n </div>\r\n {(this.primaryButtonLabel || this.footerSecondaryButtons?.length > 0) && (\r\n <div>\r\n <div class=\"loader-container\"></div>\r\n <div\r\n class={{\r\n footer: true,\r\n }}\r\n ref={el => (this.footerRef = el)}\r\n >\r\n {/* Visible buttons container */}\r\n {!this.showOverflowButton && this.footerSecondaryButtons?.length > 0 && (\r\n <div class=\"footer-secondary-buttons-container\">\r\n <div class=\"footer-secondary-buttons\">\r\n {this.footerSecondaryButtons?.map((item: SecondaryButton) => (\r\n <udp-button\r\n variant=\"outlined\"\r\n disabled={item.disabled}\r\n onClick={item.onClick}\r\n endIcon={item.icon}\r\n >\r\n {item.label}\r\n </udp-button>\r\n ))}\r\n </div>\r\n </div>\r\n )}\r\n\r\n {/* More button when overflowing */}\r\n {this.showOverflowButton && (\r\n <udp-button\r\n variant=\"outlined\"\r\n onClick={this.onMoreActionButtonClick}\r\n color=\"secondary\"\r\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\r\n endIcon={overflowIcon}\r\n >\r\n More\r\n </udp-button>\r\n )}\r\n\r\n {/* Primary button */}\r\n {this.primaryButtonLabel && (\r\n <udp-button\r\n variant=\"contained\"\r\n disabled={this.primaryButtonDisabled}\r\n onClick={this.onPrimaryButtonClick}\r\n endIcon={this.primaryButtonIcon}\r\n >\r\n {this.primaryButtonLabel}\r\n </udp-button>\r\n )}\r\n\r\n {/* Overflow menu */}\r\n {this.showOverflowButton && (\r\n <udp-pop-over\r\n anchorElement={this.overflowMenuAnchor}\r\n isOpen={this.openOverflowMenu}\r\n popoverWidth={'200px'}\r\n popoverMaxHeight={'300px'}\r\n handleOnClose={this.handleCloseOverflowMenu}\r\n >\r\n <div class=\"menu\">\r\n {this.footerSecondaryButtons?.map(item => (\r\n <udp-menu-item\r\n label={item?.label}\r\n iconName={item?.icon}\r\n onItemClick={() => {\r\n item?.onClick();\r\n this.handleCloseOverflowMenu();\r\n }}\r\n disabled={item?.disabled}\r\n />\r\n ))}\r\n </div>\r\n </udp-pop-over>\r\n )}\r\n\r\n {/* Hidden measurement container - renders all buttons for measurement */}\r\n <div\r\n ref={el => (this.measurementContainerRef = el)}\r\n style={{\r\n position: 'absolute',\r\n visibility: 'hidden',\r\n pointerEvents: 'none',\r\n display: 'flex',\r\n gap: 'var(--spacing-02, 4px)',\r\n }}\r\n aria-hidden=\"true\"\r\n >\r\n {this.footerSecondaryButtons?.map((item: SecondaryButton) => (\r\n <udp-button\r\n variant=\"text\"\r\n size=\"medium\"\r\n disabled={item.disabled}\r\n endIcon={item.icon}\r\n >\r\n {item.label}\r\n </udp-button>\r\n ))}\r\n {this.primaryButtonLabel && (\r\n <udp-button\r\n variant=\"contained\"\r\n size=\"medium\"\r\n disabled={this.primaryButtonDisabled}\r\n endIcon={this.primaryButtonIcon}\r\n >\r\n {this.primaryButtonLabel}\r\n </udp-button>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n"],"names":[],"mappings":"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"}

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

	@@ -0,0 +1,2 @@
1	+ import{r as e,h as t,H as i,c as o,a}from"./index-CaZq3YdB.js";import s from"@carbon/icons/es/close/24";const n=":host{--udp-loader-primary-color:var(--primary-color, #2953ff);--udp-loader-secondary-color:var(--secondary-color, #6f767a);--udp-loader-success-color:var(--success-color, #0da40d);--udp-loader-error-color:var(--error-color, #ff0000);--udp-loader-warning-color:var(--warning-color, #ffa500);--udp-loader-info-color:var(--info-color, #2953ff)}.loader{position:relative;width:100%;height:4px;background-color:transparent;overflow:hidden;}.indeterminate{background-color:var(--udp-loader-primary-color);position:absolute;width:40%;height:100%;animation:indeterminate 1s linear infinite}.loader--color-primary .indeterminate{background-color:var(--udp-loader-primary-color)}.loader--color-secondary .indeterminate{background-color:var(--udp-loader-secondary-color)}.loader--color-success .indeterminate{background-color:var(--udp-loader-success-color)}.loader--color-error .indeterminate{background-color:var(--udp-loader-error-color)}.loader--color-warning .indeterminate{background-color:var(--udp-loader-warning-color)}.loader--color-info .indeterminate{background-color:var(--udp-loader-info-color)}@keyframes indeterminate{0%{left:-50%;width:50%}100%{left:100%;width:100%}}";const d=class{constructor(t){e(this,t);this.color="primary"}render(){const e={loader:true,[`loader--color-${this.color}`]:true};return t(i,{key:"9a117a437dfa0fb96e428aa052de8a5d04f8fd15"},t("div",{key:"369d4f034b7d962bcc7eb621a078db1f107a0f8a",class:e},t("div",{key:"ed2a6774666c41ba5e67147ffedce6af63aeb1e1",class:"indeterminate"})))}};d.style=n;const r=":host{position:fixed;top:0;left:0;width:0;height:0;overflow:hidden;transform:translate(0);z-index:9999;visibility:hidden;transition:visibility 0s 0.2s, width 0s 0.2s, height 0s 0.2s}:host(.is-visible){width:100vw;height:100vh;overflow:visible;visibility:visible;transition-delay:0s}.backdrop{background:rgba(0, 0, 0, 0.5);width:100%;height:100%;position:fixed;top:0;left:0;opacity:0;transition:opacity 0.2s ease-in-out}:host(.is-visible) .backdrop{opacity:1}.sheet{background:white;height:100vh;position:fixed;top:0;display:flex;flex-direction:column;box-shadow:0 0 4px rgba(0, 0, 0, 0.3);transition:transform 0.2s ease-in-out;width:100%}.sheet.right{right:0;transform:translateX(100%)}.sheet.left{left:0;transform:translateX(-100%)}:host(.is-visible) .sheet{transform:translateX(0)}.sheet.sm{max-width:360px}.sheet.md{max-width:600px}.sheet.lg{max-width:960px}.sheet.full{max-width:100%}.sheet.custom-width{}.title-container{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;box-shadow:var(--elevation-01, 0 4px 8px rgba(0, 0, 0, 0.1));gap:var(--spacing-02)}.title-text{flex-grow:1;text-align:left;}.close-button{flex-shrink:0}.header-action-button{flex-shrink:0;display:flex;align-items:center;gap:var(--spacing-02, 4px);padding:var(--spacing-03, 8px) var(--spacing-03, 8px) var(--spacing-03, 8px) 0}.content{overflow-y:auto;flex-grow:1;background-color:var(--gray-01)}.content.padding{padding:var(--spacing-05, 24px)}.footer{padding:var(--spacing-03, 8px);box-shadow:var(--elevation-01, 0 4px 8px rgba(0, 0, 0, 0.1));display:flex;justify-content:flex-end;flex-shrink:0;width:100%;gap:var(--spacing-02, 4px);align-items:center}.footer.secondary-button-overflow{flex-direction:row-reverse}.footer-secondary-buttons-container{flex-grow:2;width:100%}.footer-secondary-buttons{display:flex;justify-content:flex-end;gap:var(--spacing-02, 4px);align-items:center}.footer-secondary-buttons.secondary-button-overflow{flex-grow:1}.loader-container{height:4px;width:100%;background-color:var(--gray-01)}.loader-container udp-linear-loader{visibility:hidden;opacity:0;transition:none}.loader-container udp-linear-loader.is-loading{visibility:visible;opacity:1;}";const c=class{constructor(t){e(this,t);this.udpSideSheetClose=o(this,"udpSideSheetClose");this.udpPrimaryButtonClick=o(this,"udpPrimaryButtonClick");this.udpHeaderActionButtonClick=o(this,"udpHeaderActionButtonClick");this.open=false;this.position="right";this.width="md";this.padding=true;this.loading=false;this.headerActionButtonDisabled=false;this.primaryButtonDisabled=false;this.showOverflowButton=false;this.openOverflowMenu=false;this.visibleSecondaryButtons=[];this.overflowSecondaryButtons=[];this.originalBodyOverflow="";this.originalBodyPaddingRight="";this.handleTransitionEnd=()=>{if(!this.open&&this.hostEl.parentElement===document.body){document.body.removeChild(this.hostEl)}};this.onClose=()=>{this.open=false;this.udpSideSheetClose.emit()};this.onCloseBackdrop=e=>{if(e.target===e.currentTarget){this.onClose()}};this.onPrimaryButtonClick=()=>{this.udpPrimaryButtonClick.emit()};this.onHeaderActionButtonClick=()=>{this.udpHeaderActionButtonClick.emit()};this.onMoreActionButtonClick=e=>{this.overflowMenuAnchor=e.currentTarget;this.openOverflowMenu=true};this.handleCloseOverflowMenu=()=>{this.openOverflowMenu=false}}handleOpenChange(e,t){if(e===t){return}if(e){const e=window.innerWidth-document.documentElement.clientWidth;this.originalBodyOverflow=document.body.style.overflow;this.originalBodyPaddingRight=document.body.style.paddingRight;document.body.appendChild(this.hostEl);if(e>0){const t=parseInt(window.getComputedStyle(document.body).paddingRight)\|\|0;document.body.style.paddingRight=`${t+e}px`}document.body.style.overflow="hidden";requestAnimationFrame((()=>{this.hostEl.classList.add("is-visible");setTimeout((()=>this.checkOverflow()),50)}))}else{this.hostEl.classList.remove("is-visible");document.body.style.overflow=this.originalBodyOverflow;document.body.style.paddingRight=this.originalBodyPaddingRight;this.hostEl.addEventListener("transitionend",this.handleTransitionEnd,{once:true})}}handleSecondaryButtonsChange(){setTimeout((()=>this.checkOverflow()),50)}checkOverflow(){if(!this.footerRef\|\|!this.measurementContainerRef){return}if(!this.footerSecondaryButtons\|\|this.footerSecondaryButtons.length===0){this.showOverflowButton=false;return}const e=this.footerRef.offsetWidth;const t=window.getComputedStyle(this.footerRef);const i=parseFloat(t.paddingLeft);const o=parseFloat(t.paddingRight);const a=e-i-o;const s=this.measurementContainerRef.querySelectorAll("udp-button");let n=0;s.forEach(((e,t)=>{const i=e&&e instanceof HTMLElement?e.offsetWidth:0;n+=i;if(t<s.length-1){const e=window.getComputedStyle(this.measurementContainerRef);const t=parseFloat(e.gap)\|\|4;n+=t}}));const d=10;const r=n+d>a;this.showOverflowButton=r}componentDidLoad(){{this.resizeObserver=new ResizeObserver((()=>{this.checkOverflow()}));requestAnimationFrame((()=>{setTimeout((()=>{if(this.footerRef){this.resizeObserver.observe(this.footerRef)}this.checkOverflow()}),100)}))}}disconnectedCallback(){if(document.body.style.overflow==="hidden"){document.body.style.overflow=this.originalBodyOverflow;document.body.style.paddingRight=this.originalBodyPaddingRight}if(this.resizeObserver){this.resizeObserver.disconnect()}}render(){var e,i,o,a,n,d,r;const c=typeof this.width==="number"?"custom-width":this.width;const l=typeof this.width==="number"?{maxWidth:`${this.width}px`}:{};const h=Boolean(this.headerActionButtonIcon)?t("udp-icon",{iconName:this.headerActionButtonIcon,color:"inherit"}):undefined;const f=t("udp-icon",{key:"6da1f10cce0b9e2b2f597df9249ef45128445801",iconName:"overflowMenuVertical",color:"inherit"});return t("div",{key:"20237474eebbd73253c97b28229607d10ac91e2f",class:"backdrop",onClick:this.onCloseBackdrop},t("div",{key:"5b09a3b7e0905a7eef6875499eb863daedcb8969",class:{sheet:true,[this.position]:true,[c]:true},style:l},t("div",{key:"99c0fa14ced2b4397b066f9348984cf85c5e6325",class:"title-container"},t("div",{key:"a47a3669b74bfc3e7235ab4487fcae6b24675b26",class:"close-button"},t("stencil-icon-button",{key:"46a52c8e2f4ac95b4ef668e05905fdde9f8d0ee4",icon:s,onClick:this.onClose,secondary:true})),t("div",{key:"267ede825a8d9fab576c7bb0eeac782b8195372c",class:"title-text"},t("unity-typography",{key:"b3001278f39e3311e2b736dd47d91ecb04601981",variant:"h6"},this.title)),(this.headerActionButtonLabel\|\|((e=this.headerSecondaryButtons)===null\|\|e===void 0?void 0:e.length)>0)&&t("div",{key:"5751cfe92eb7b01c836085d50429f19234844b31",class:"header-action-button"},(i=this.headerSecondaryButtons)===null\|\|i===void 0?void 0:i.map((e=>t("udp-button",{variant:"outlined",disabled:e.disabled,onClick:e.onClick,endIcon:e.icon},e.label))),this.headerActionButtonLabel&&t("udp-button",{key:"a8f34ed12616418ee42cb5eec10e92add96598a6",disabled:this.headerActionButtonDisabled,onClick:this.onHeaderActionButtonClick,startIcon:h,variant:"contained"},this.headerActionButtonLabel))),t("div",{key:"94364ba51f35c7a46fddb17792c7905dfd6ebc45",class:"loader-container"},t("udp-linear-loader",{key:"e12b1130a11b4a9de87aa8da219f538354508e9f",class:{"is-loading":this.loading},color:"primary"})),t("div",{key:"eb842f58defdcd74ef6a28815f11f21c68c8c2ee",class:{content:true,padding:this.padding}},t("slot",{key:"d7731b049a94fb19d38c045ea76c2bf78062ec1b"})),(this.primaryButtonLabel\|\|((o=this.footerSecondaryButtons)===null\|\|o===void 0?void 0:o.length)>0)&&t("div",{key:"0991510d62b3fefd3027f15b96e46d44a8ac66e1"},t("div",{key:"148a2ebb2385c9e04c5957fff1d9be90a57d441c",class:"loader-container"}),t("div",{key:"ffe55575f51be1c9136cc1bdf8eb3a43e14b01da",class:{footer:true},ref:e=>this.footerRef=e},!this.showOverflowButton&&((a=this.footerSecondaryButtons)===null\|\|a===void 0?void 0:a.length)>0&&t("div",{key:"47b70ed64e9246d63819afcdb93d40eb6559a9a8",class:"footer-secondary-buttons-container"},t("div",{key:"ef8f34e7c4c01c4a9f689a1cffe648837663a46c",class:"footer-secondary-buttons"},(n=this.footerSecondaryButtons)===null\|\|n===void 0?void 0:n.map((e=>t("udp-button",{variant:"outlined",disabled:e.disabled,onClick:e.onClick,endIcon:e.icon},e.label))))),this.showOverflowButton&&t("udp-button",{key:"aa388701ba4d91be157b3ee4ad434d50b8d03efe",variant:"outlined",onClick:this.onMoreActionButtonClick,color:"secondary",endIcon:f},"More"),this.primaryButtonLabel&&t("udp-button",{key:"cb644736d0d39dcd89cd2fe2d721810781a581d2",variant:"contained",disabled:this.primaryButtonDisabled,onClick:this.onPrimaryButtonClick,endIcon:this.primaryButtonIcon},this.primaryButtonLabel),this.showOverflowButton&&t("udp-pop-over",{key:"7de1a458880803c3a3b912aaa567c9df82748531",anchorElement:this.overflowMenuAnchor,isOpen:this.openOverflowMenu,popoverWidth:"200px",popoverMaxHeight:"300px",handleOnClose:this.handleCloseOverflowMenu},t("div",{key:"dc0dc7b56615ede816650bf970e6059b8ea30c2d",class:"menu"},(d=this.footerSecondaryButtons)===null\|\|d===void 0?void 0:d.map((e=>t("udp-menu-item",{label:e===null\|\|e===void 0?void 0:e.label,iconName:e===null\|\|e===void 0?void 0:e.icon,onItemClick:()=>{e===null\|\|e===void 0?void 0:e.onClick();this.handleCloseOverflowMenu()},disabled:e===null\|\|e===void 0?void 0:e.disabled}))))),t("div",{key:"a7aecadc65eb2fb3a106c19f6101e4c6c158c960",ref:e=>this.measurementContainerRef=e,style:{position:"absolute",visibility:"hidden",pointerEvents:"none",display:"flex",gap:"var(--spacing-02, 4px)"},"aria-hidden":"true"},(r=this.footerSecondaryButtons)===null\|\|r===void 0?void 0:r.map((e=>t("udp-button",{variant:"text",size:"medium",disabled:e.disabled,endIcon:e.icon},e.label))),this.primaryButtonLabel&&t("udp-button",{key:"64be9bf39748c7c301d4f4d264fae98ed0e40302",variant:"contained",size:"medium",disabled:this.primaryButtonDisabled,endIcon:this.primaryButtonIcon},this.primaryButtonLabel))))))}get hostEl(){return a(this)}static get watchers(){return{open:["handleOpenChange"],footerSecondaryButtons:["handleSecondaryButtonsChange"]}}};c.style=r;export{d as udp_linear_loader,c as udp_side_sheet};
2	+ //# sourceMappingURL=udp-linear-loader_2.entry.js.map

package/dist/stencil-library/udp-linear-loader_2.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["registerInstance","h","Host","createEvent","getElement","Close24","udpLinearLoaderCss","UdpLinearLoader","constructor","hostRef","this","color","render","loaderClasses","loader","key","class","style","udpSideSheetCss","UdpSideSheet","udpSideSheetClose","udpPrimaryButtonClick","udpHeaderActionButtonClick","open","position","width","padding","loading","headerActionButtonDisabled","primaryButtonDisabled","showOverflowButton","openOverflowMenu","visibleSecondaryButtons","overflowSecondaryButtons","originalBodyOverflow","originalBodyPaddingRight","handleTransitionEnd","hostEl","parentElement","document","body","removeChild","onClose","emit","onCloseBackdrop","e","target","currentTarget","onPrimaryButtonClick","onHeaderActionButtonClick","onMoreActionButtonClick","event","overflowMenuAnchor","handleCloseOverflowMenu","handleOpenChange","newValue","oldValue","scrollbarWidth","window","innerWidth","documentElement","clientWidth","overflow","paddingRight","appendChild","currentPadding","parseInt","getComputedStyle","requestAnimationFrame","classList","add","setTimeout","checkOverflow","remove","addEventListener","once","handleSecondaryButtonsChange","footerRef","measurementContainerRef","footerSecondaryButtons","length","footerWidth","offsetWidth","footerStyle","footerPaddingLeft","parseFloat","paddingLeft","footerPaddingRight","availableWidth","measurementButtons","querySelectorAll","totalWidth","forEach","button","index","buttonWidth","HTMLElement","containerStyle","gap","buffer","isOverflowing","componentDidLoad","resizeObserver","ResizeObserver","observe","disconnectedCallback","disconnect","_a","_b","_c","_d","_e","_f","_g","widthClass","sideSheetStyle","maxWidth","headerStartIcon","Boolean","headerActionButtonIcon","iconName","undefined","overflowIcon","onClick","sheet","icon","secondary","variant","title","headerActionButtonLabel","headerSecondaryButtons","map","item","disabled","endIcon","label","startIcon","content","primaryButtonLabel","footer","ref","el","primaryButtonIcon","anchorElement","isOpen","popoverWidth","popoverMaxHeight","handleOnClose","onItemClick","visibility","pointerEvents","display","size","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +1,2 @@
-import{r as e,h as t}from"./index-CaZq3YdB.js";const i=":host{display:block}.zoomControl{left:'auto';right:'20';top:'20'}.iconButtonWrapper{padding:var(--spacing-04)}#featureDetailsPopOverContainer{position:absolute;z-index:1000}.hidden-controls .ol-zoom,.hidden-controls .ol-attribution{display:none}.ol-control{width:fit-content !important}";const s=class{constructor(t){e(this,t);this.enableToolbar=true;this.mapTitle="";this.data=[];this.isGeoJsonFormat=true;this.enableZoom=true;this.mapZoom=17;this.mapCenter=[0,0];this.mapHeight="80vh";this.mapProjection="";this.filterPanel="";this.enableTileSelection=true;this.tileLayersOptions=[];this.defaultTileOptionName="";this.layerOptions=[];this.initialSelectedLayers=[];this.bulkSelectedFeaturesActionPanel="";this.filterLayersByRole=false;this.layerKeySeparator="";this.refreshButtonTooltip="";this.readOnlyMap=false;this.enableAdd=true;this.addMultipleFeatures=true;this.enableSplitFeature=true;this.enableViewFeature=true;this.readOnlyLayers=[];this.popoverPrimaryActions=[];this.popoverMoreIconButtonActions=[];this.hideMessageIconPopover=false;this.cardConfig={};this.minZoom=0;this.maxZoom=28;this.bulkSelectionActive=false;this.filteredLayerOptionsByRole=[];this.splitActive=false;this.enableDragBox=false;this.selectedFeatureCoordinates=[];this.selectedFeatureProperties=null;this.enableAddNewFeature=false;this.selectedLayers=[];this.handleSetFilteredLayerOptionsByRole=e=>{this.filteredLayerOptionsByRole=e};this.handleSetMapComponent=e=>{if(e){this.map=e}};this.handleSetBulkSelectionActive=e=>{this.bulkSelectionActive=e};this.handleSetEnableDragBox=e=>{this.enableDragBox=e};this.handleSetSplitActive=e=>{this.splitActive=e};this.handleEnableAddNewFeature=e=>{this.enableAddNewFeature=e};this.handleSetSelectedFeatureProperties=e=>{if(e){let t=e===null||e===void 0?void 0:e.getProperties();if(t){this.selectedFeatureCoordinates=t.geometry.flatCoordinates;this.selectedFeatureProperties=t}}else{this.selectedFeatureProperties=null;this.selectedFeatureObjectKeyValuePairs=[]}}}watchDragBoxandSelectedFeatureInteraction(){if(!this.enableDragBox&&this.selectFeatureInteraction){this.selectFeatureInteraction.setActive(true);this.selectFeatureInteraction.getFeatures().clear();this.selectedFeatureProperties=null;this.selectedFeatureObjectKeyValuePairs=[]}}updateSelectedLayers(e){this.selectedLayers=e;this.initialSelectedLayers=e}render(){return t("map-component",{key:"cf730fe0040dac4733618efa7f1b5912273a4014",handleSetMapComponent:this.handleSetMapComponent,data:this.data,isGeoJsonFormat:this.isGeoJsonFormat,geoJsonMappingConfig:this.geoJsonMappingConfig,enableZoom:this.enableZoom,mapZoom:this.mapZoom,mapCenter:this.mapCenter,mapHeight:this.mapHeight,crs:this.crs,mapProjection:this.mapProjection,mapDataProjection:this.mapDataProjection,getFilteredMapData:this.getFilteredMapData,getFeatureStyles:this.getFeatureStyles,getSelectedFeatureStyles:this.getSelectedFeatureStyles,filterPanel:this.filterPanel,filterPanelCallback:this.filterPanelCallback,enableTileSelection:this.enableTileSelection,tileLayersOptions:this.tileLayersOptions,defaultTileOptionName:this.defaultTileOptionName,layerOptions:this.layerOptions,initialSelectedLayers:this.initialSelectedLayers,bulkSelectedFeaturesActionPanel:this.bulkSelectedFeaturesActionPanel,handleSetSelectedFeaturesOnBulkSelect:this.handleSetSelectedFeaturesOnBulkSelect,handleSetSelectedFeatureOnSelect:this.handleSetSelectedFeatureOnSelect,filterLayersByRole:this.filterLayersByRole,layerKeys:this.layerKeys,layerKeySeparator:this.layerKeySeparator,user:this.user,layerRoles:this.layerRoles,filteredLayerOptionsByRole:this.filteredLayerOptionsByRole,handleSetFilteredLayerOptionsByRole:this.handleSetFilteredLayerOptionsByRole,readOnlyMap:this.readOnlyMap,enableViewFeature:this.enableViewFeature,handleViewFeature:this.handleViewFeature,bulkSelectionActive:this.bulkSelectionActive,splitActive:this.splitActive,enableDragBox:this.enableDragBox,selectFeatureInteraction:this.selectFeatureInteraction,handleSetSelectedFeatureProperties:this.handleSetSelectedFeatureProperties,selectedFeatureCoordinates:this.selectedFeatureCoordinates,selectedFeatureProperties:this.selectedFeatureProperties,enableAddNewFeature:this.enableAddNewFeature,handleGetZoomExtent:this.handleGetZoomExtent,selectedLayers:this.selectedLayers,handleSetSelectedLayers:e=>{this.updateSelectedLayers(e)},readOnlyLayers:this.readOnlyLayers,additionalOnclosePopover:this.additionalOnclosePopover,popoverPrimaryActions:this.popoverPrimaryActions,popoverMoreIconButtonActions:this.popoverMoreIconButtonActions,getMessagePopover:this.getMessagePopover,getMessageIconPopover:this.getMessageIconPopover,hideMessageIconPopover:this.hideMessageIconPopover,popoverCardConfig:this.cardConfig,popoverWidth:this.popoverWidth,handleGetAdditionalFeaturePropertiesOnSelect:this.handleGetAdditionalFeaturePropertiesOnSelect,minZoom:this.minZoom,maxZoom:this.maxZoom},this.enableToolbar&&t("udp-map-toolbar",{key:"49d244cc30139684e35f2f3d62a19fb994438882",map:this.map,mapTitle:this.mapTitle,mapProjection:this.mapProjection,getFeatureStyles:this.getFeatureStyles,getSelectedFeatureStyles:this.getSelectedFeatureStyles,filterPanel:this.filterPanel,enableTileSelection:this.enableTileSelection,tileLayersOptions:this.tileLayersOptions,defaultTileOptionName:this.defaultTileOptionName,layerOptions:this.layerOptions,bulkSelectedFeaturesActionPanel:this.bulkSelectedFeaturesActionPanel,handleSetSelectedFeaturesOnBulkSelect:this.handleSetSelectedFeaturesOnBulkSelect,handleRefresh:this.handleRefresh,refreshButtonTooltip:this.refreshButtonTooltip,readOnlyMap:this.readOnlyMap,enableAdd:this.enableAdd,handleAddNewFeatures:this.handleAddNewFeatures,addMultipleFeatures:this.addMultipleFeatures,enableSplitFeature:this.enableSplitFeature,handleSplitFeature:this.handleSplitFeature,handleSetSelectedFeatureProperties:this.handleSetSelectedFeatureProperties,filteredLayerOptionsByRole:this.filteredLayerOptionsByRole,handleSetBulkSelectionActive:this.handleSetBulkSelectionActive,enableDragBox:this.enableDragBox,handleSetEnableDragBox:this.handleSetEnableDragBox,splitActive:this.splitActive,handleSetSplitActive:this.handleSetSplitActive,selectFeatureInteraction:this.selectFeatureInteraction,enableAddNewFeature:this.enableAddNewFeature,handleEnableAddNewFeature:this.handleEnableAddNewFeature,handleSelectLayersCallback:this.handleSelectLayersCallback,selectedLayers:this.selectedLayers,handleSetSelectedLayers:e=>{this.updateSelectedLayers(e)},addFeaturePanelConfig:this.addFeaturePanelConfig}),t("slot",{key:"88fad9362a1e7d28a537eb2dfcdcb9735f491542"}))}static get watchers(){return{enableDragBox:["watchDragBoxandSelectedFeatureInteraction"],selectFeatureInteraction:["watchDragBoxandSelectedFeatureInteraction"]}}};s.style=i;export{s as udp_map};
+import{r as e,h as t}from"./index-CaZq3YdB.js";const i=":host{display:block}.zoomControl{left:'auto';right:'20';top:'20'}.iconButtonWrapper{padding:var(--spacing-04)}#featureDetailsPopOverContainer{position:absolute;z-index:1000}.hidden-controls .ol-zoom,.hidden-controls .ol-attribution{display:none}.ol-control{width:fit-content !important}";const s=class{constructor(t){e(this,t);this.enableToolbar=true;this.mapTitle="";this.data=[];this.isGeoJsonFormat=true;this.enableZoom=true;this.mapZoom=17;this.mapCenter=[0,0];this.mapHeight="80vh";this.mapProjection="";this.filterPanel="";this.enableTileSelection=true;this.tileLayersOptions=[];this.defaultTileOptionName="";this.layerOptions=[];this.initialSelectedLayers=[];this.bulkSelectedFeaturesActionPanel="";this.filterLayersByRole=false;this.layerKeySeparator="";this.refreshButtonTooltip="";this.readOnlyMap=false;this.enableAdd=true;this.addMultipleFeatures=true;this.enableSplitFeature=true;this.enableViewFeature=true;this.readOnlyLayers=[];this.popoverPrimaryActions=[];this.popoverMoreIconButtonActions=[];this.hideMessageIconPopover=false;this.cardConfig={};this.minZoom=0;this.maxZoom=28;this.bulkSelectionActive=false;this.filteredLayerOptionsByRole=[];this.splitActive=false;this.enableDragBox=false;this.selectedFeatureCoordinates=[];this.selectedFeatureProperties=null;this.enableAddNewFeature=false;this.selectedLayers=[];this.handleSetFilteredLayerOptionsByRole=e=>{this.filteredLayerOptionsByRole=e};this.handleSetMapComponent=e=>{if(e){this.map=e}};this.handleSetBulkSelectionActive=e=>{this.bulkSelectionActive=e};this.handleSetEnableDragBox=e=>{this.enableDragBox=e};this.handleSetSplitActive=e=>{this.splitActive=e};this.handleEnableAddNewFeature=e=>{this.enableAddNewFeature=e};this.handleSetSelectedFeatureProperties=e=>{if(e){let t=e===null||e===void 0?void 0:e.getProperties();if(t){this.selectedFeatureCoordinates=t.geometry.flatCoordinates;this.selectedFeatureProperties=t}}else{this.selectedFeatureProperties=null;this.selectedFeatureObjectKeyValuePairs=[]}}}watchDragBoxandSelectedFeatureInteraction(){if(!this.enableDragBox&&this.selectFeatureInteraction){this.selectFeatureInteraction.setActive(true);this.selectFeatureInteraction.getFeatures().clear();this.selectedFeatureProperties=null;this.selectedFeatureObjectKeyValuePairs=[]}}updateSelectedLayers(e){this.selectedLayers=e;this.initialSelectedLayers=e}render(){return t("map-component",{key:"69efae07b0c9f45f2f66d59fd5bb9092557d7d75",handleSetMapComponent:this.handleSetMapComponent,data:this.data,isGeoJsonFormat:this.isGeoJsonFormat,geoJsonMappingConfig:this.geoJsonMappingConfig,enableZoom:this.enableZoom,mapZoom:this.mapZoom,mapCenter:this.mapCenter,mapHeight:this.mapHeight,crs:this.crs,mapProjection:this.mapProjection,mapDataProjection:this.mapDataProjection,getFilteredMapData:this.getFilteredMapData,getFeatureStyles:this.getFeatureStyles,getSelectedFeatureStyles:this.getSelectedFeatureStyles,filterPanel:this.filterPanel,filterPanelCallback:this.filterPanelCallback,enableTileSelection:this.enableTileSelection,tileLayersOptions:this.tileLayersOptions,defaultTileOptionName:this.defaultTileOptionName,layerOptions:this.layerOptions,initialSelectedLayers:this.initialSelectedLayers,bulkSelectedFeaturesActionPanel:this.bulkSelectedFeaturesActionPanel,handleSetSelectedFeaturesOnBulkSelect:this.handleSetSelectedFeaturesOnBulkSelect,handleSetSelectedFeatureOnSelect:this.handleSetSelectedFeatureOnSelect,filterLayersByRole:this.filterLayersByRole,layerKeys:this.layerKeys,layerKeySeparator:this.layerKeySeparator,user:this.user,layerRoles:this.layerRoles,filteredLayerOptionsByRole:this.filteredLayerOptionsByRole,handleSetFilteredLayerOptionsByRole:this.handleSetFilteredLayerOptionsByRole,readOnlyMap:this.readOnlyMap,enableViewFeature:this.enableViewFeature,handleViewFeature:this.handleViewFeature,bulkSelectionActive:this.bulkSelectionActive,splitActive:this.splitActive,enableDragBox:this.enableDragBox,selectFeatureInteraction:this.selectFeatureInteraction,handleSetSelectedFeatureProperties:this.handleSetSelectedFeatureProperties,selectedFeatureCoordinates:this.selectedFeatureCoordinates,selectedFeatureProperties:this.selectedFeatureProperties,enableAddNewFeature:this.enableAddNewFeature,handleGetZoomExtent:this.handleGetZoomExtent,selectedLayers:this.selectedLayers,handleSetSelectedLayers:e=>{this.updateSelectedLayers(e)},readOnlyLayers:this.readOnlyLayers,additionalOnclosePopover:this.additionalOnclosePopover,popoverPrimaryActions:this.popoverPrimaryActions,popoverMoreIconButtonActions:this.popoverMoreIconButtonActions,getMessagePopover:this.getMessagePopover,getMessageIconPopover:this.getMessageIconPopover,hideMessageIconPopover:this.hideMessageIconPopover,popoverCardConfig:this.cardConfig,popoverWidth:this.popoverWidth,handleGetAdditionalFeaturePropertiesOnSelect:this.handleGetAdditionalFeaturePropertiesOnSelect,minZoom:this.minZoom,maxZoom:this.maxZoom},this.enableToolbar&&t("udp-map-toolbar",{key:"3af4c7dd6451b1a16146eb0161ebcb13f12040f6",map:this.map,mapTitle:this.mapTitle,mapProjection:this.mapProjection,getFeatureStyles:this.getFeatureStyles,getSelectedFeatureStyles:this.getSelectedFeatureStyles,filterPanel:this.filterPanel,enableTileSelection:this.enableTileSelection,tileLayersOptions:this.tileLayersOptions,defaultTileOptionName:this.defaultTileOptionName,layerOptions:this.layerOptions,bulkSelectedFeaturesActionPanel:this.bulkSelectedFeaturesActionPanel,handleSetSelectedFeaturesOnBulkSelect:this.handleSetSelectedFeaturesOnBulkSelect,handleRefresh:this.handleRefresh,refreshButtonTooltip:this.refreshButtonTooltip,readOnlyMap:this.readOnlyMap,enableAdd:this.enableAdd,handleAddNewFeatures:this.handleAddNewFeatures,addMultipleFeatures:this.addMultipleFeatures,enableSplitFeature:this.enableSplitFeature,handleSplitFeature:this.handleSplitFeature,handleSetSelectedFeatureProperties:this.handleSetSelectedFeatureProperties,filteredLayerOptionsByRole:this.filteredLayerOptionsByRole,handleSetBulkSelectionActive:this.handleSetBulkSelectionActive,enableDragBox:this.enableDragBox,handleSetEnableDragBox:this.handleSetEnableDragBox,splitActive:this.splitActive,handleSetSplitActive:this.handleSetSplitActive,selectFeatureInteraction:this.selectFeatureInteraction,enableAddNewFeature:this.enableAddNewFeature,handleEnableAddNewFeature:this.handleEnableAddNewFeature,handleSelectLayersCallback:this.handleSelectLayersCallback,selectedLayers:this.selectedLayers,handleSetSelectedLayers:e=>{this.updateSelectedLayers(e)},addFeaturePanelConfig:this.addFeaturePanelConfig}),t("slot",{key:"00102aa5f21cb5fa6382f9e0785486cd956d714f"}))}static get watchers(){return{enableDragBox:["watchDragBoxandSelectedFeatureInteraction"],selectFeatureInteraction:["watchDragBoxandSelectedFeatureInteraction"]}}};s.style=i;export{s as udp_map};
 //# sourceMappingURL=udp-map.entry.js.map

package/dist/stencil-library/udp-menu-item.udp-pop-over.entry.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"udp-menu-item.udp-pop-over.entry.esm.js","sources":["src/components/menu/menu-item/udp-menu-item.css?tag=udp-menu-item&encapsulation=shadow","src/components/menu/menu-item/udp-menu-item.tsx","src/components/data-display/pop-over/udp-pop-over.css?tag=udp-pop-over&encapsulation=shadow","src/components/data-display/pop-over/udp-pop-over.tsx"],"sourcesContent":["/* Reset default button styles and apply menu-item look */\n.menu-item-root {\n display: flex;\n width: 100%;\n padding: 8px 16px;\n gap: 8px;\n align-items: center;\n\n /* Reset button defaults */\n background: none;\n border: none;\n font-family: inherit;\n text-align: left;\n\n cursor: pointer;\n transition: background-color 0.15s ease-in-out;\n}\n\n.menu-item-root:hover:not(:disabled) {\n background-color: rgba(0, 0, 0, 0.08);\n}\n\n.menu-item-label {\n font-size: 14px;\n}\n\n/* The native :disabled pseudo-class is now used */\n.menu-item-root:disabled {\n cursor: not-allowed;\n opacity: 0.4;\n}\n\n.menu-icon {\n height: 100%;\n}\n","import { Component, Prop, h, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n tag: 'udp-menu-item',\n styleUrl: 'udp-menu-item.css',\n shadow: true,\n})\nexport class UdpMenuItem {\n @Prop() label: string;\n @Prop() iconName: string;\n @Prop({ reflect: true }) disabled: boolean = false; // reflect: true helps with CSS styling\n\n /**\n * @deprecated Use itemClick event\n */\n @Prop() handleOnClick: (e: Event) => void;\n\n /** Emits when the item is clicked. */\n @Event() itemClick: EventEmitter<MouseEvent>;\n\n private handleItemClick = (e: MouseEvent) => {\n // if (this.disabled) {\n // e.stopPropagation();\n // return;\n // }\n this.itemClick.emit(e);\n };\n\n render() {\n return (\n <button\n class=\"menu-item-root\"\n onClick={this.handleItemClick}\n disabled={this.disabled}\n role=\"menuitem\"\n >\n {this.iconName && <udp-icon iconName={this.iconName} class=\"menu-icon\" />}\n <span class=\"menu-item-label\">\n <unity-typography variant='body1'>{this.label}</unity-typography>\n </span>\n </button>\n );\n }\n}\n",":host {\n display: block;\n position: fixed;\n z-index: 9999;\n\n /* FIX: Start with pointer-events none so it can't be clicked when invisible. */\n pointer-events: none;\n opacity: 0;\n\n /* This gives the subtle \"pop\" effect without the flying animation. */\n transform: scale(0.95);\n\n /* FIX: Only transition opacity for a clean fade-in/out. */\n transition: opacity 0.2s ease-out;\n\n}\n\n:host(.is-visible) {\n /* FIX: Re-enable pointer events so the menu can be clicked. */\n pointer-events: auto;\n opacity: 1;\n transform: scale(1);\n}\n\n.popover {\n background-color: white;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n border: 1px solid #e0e0e0;\n}\n","import { createPopper, Instance } from '@popperjs/core';\nimport { Component, h, Host, Prop, Watch, Element } from '@stencil/core';\n\n@Component({\n tag: 'udp-pop-over',\n styleUrl: 'udp-pop-over.css',\n shadow: true,\n})\nexport class UdpPopOver {\n @Element() hostEl!: HTMLElement;\n @Prop() anchorElement: string | HTMLElement;\n @Prop({ reflect: true }) isOpen: boolean = false;\n @Prop() popoverWidth: string;\n @Prop() popoverMaxHeight: string;\n @Prop() popoverPlacement: any = 'bottom-start';\n @Prop() handleOnClose?: (event: Event) => void;\n @Prop() appendToBody: boolean = true;\n @Prop() container?: HTMLElement;\n @Prop() overflow?: string = 'auto';\n\n private popperInstance: Instance;\n\n disconnectedCallback() {\n this.removeListeners();\n this.destroyPopper();\n }\n\n @Watch('isOpen')\n handleOpenChange(newValue: boolean) {\n newValue ? this.present() : this.dismiss();\n }\n\n private present() {\n const containerEl = this.getContainer();\n\n if (containerEl) {\n containerEl.appendChild(this.hostEl);\n }\n\n this.addListeners();\n\n requestAnimationFrame(() => {\n this.setupPopper();\n this.hostEl.classList.add('is-visible');\n });\n }\n\n private dismiss() {\n this.removeListeners();\n this.hostEl.classList.remove('is-visible');\n this.hostEl.addEventListener('transitionend', this.handleTransitionEnd, { once: true });\n }\n\n private handleTransitionEnd = () => {\n // FIX: Only remove from body if it's truly closed and still there.\n if (!this.isOpen) {\n if (this.appendToBody && this.hostEl.parentElement === document.body) {\n document.body.removeChild(this.hostEl);\n } else if (this.container && this.hostEl.parentElement === this.container) {\n this.container.removeChild(this.hostEl);\n }\n }\n this.destroyPopper();\n };\n\n private addListeners() {\n document.addEventListener('keydown', this.handleKeyDown);\n setTimeout(() => {\n if (this.isOpen) {\n document.addEventListener('click', this.handleClickOutside);\n }\n }, 0);\n }\n\n private removeListeners() {\n document.removeEventListener('keydown', this.handleKeyDown);\n document.removeEventListener('click', this.handleClickOutside);\n }\n\n private handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n this.handleOnClose?.(event);\n }\n };\n\n private handleClickOutside = (event: MouseEvent) => {\n const path = event.composedPath();\n const anchorEl = this.getAnchorElement();\n if (path.includes(this.hostEl) || (anchorEl && path.includes(anchorEl))) {\n return;\n }\n this.handleOnClose?.(event);\n };\n\n private getAnchorElement(): HTMLElement | null {\n return typeof this.anchorElement === 'string' ? document.getElementById(this.anchorElement) : this.anchorElement;\n }\n\n private getContainer(): HTMLElement {\n if (this.container) return this.container;\n\n if (this.appendToBody) {\n return document.body;\n }\n\n return null;\n }\n\n private setupPopper() {\n const anchorEl = this.getAnchorElement();\n if (!anchorEl) {\n console.error('UdpPopover: Anchor element could not be found.');\n return;\n }\n // Ensure we don't create multiple instances\n if (this.popperInstance) {\n this.popperInstance.destroy();\n }\n\n this.popperInstance = createPopper(anchorEl, this.hostEl as HTMLElement, {\n strategy: 'fixed',\n placement: this.popoverPlacement,\n modifiers: [{ name: 'offset', options: { offset: [0, 8] } }, { name: 'preventOverflow', options: { padding: 8 } }, { name: 'flip' }],\n });\n }\n\n private destroyPopper() {\n if (this.popperInstance) {\n this.popperInstance.destroy();\n this.popperInstance = null;\n }\n }\n\n componentWillLoad() {\n if (this.isOpen) {\n this.present();\n }\n }\n\n\n render() {\n const style = {\n width: this.popoverWidth,\n maxHeight: this.popoverMaxHeight,\n overflow: this.overflow\n };\n\n return (\n <Host>\n <div class=\"popover\" style={style}>\n <slot />\n </div>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;;AAAA,MAAM,cAAc,GAAG,4YAA4Y;;MCOtZ,WAAW,GAAA,MAAA;AALxB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAQ2B,QAAA,IAAA,CAAA,QAAQ,GAAY,KAAK,CAAC;AAU3C,QAAA,IAAA,CAAA,eAAe,GAAG,CAAC,CAAa,KAAI;;;;;AAK1C,YAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;AACxB,SAAC;AAiBF;IAfC,MAAM,GAAA;AACJ,QAAA,QACE,+DACE,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,IAAI,CAAC,eAAe,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,UAAU,EAAA,EAEd,IAAI,CAAC,QAAQ,IAAI,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAC,WAAW,EAAG,CAAA,EACzE,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC3B,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,OAAO,EAAE,EAAA,IAAI,CAAC,KAAK,CAAoB,CAC5D,CACA;;;;;ACxCf,MAAM,aAAa,GAAG,8SAA8S;;MCQvT,UAAU,GAAA,MAAA;AALvB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAQ2B,QAAA,IAAM,CAAA,MAAA,GAAY,KAAK;AAGxC,QAAA,IAAgB,CAAA,gBAAA,GAAQ,cAAc;AAEtC,QAAA,IAAY,CAAA,YAAA,GAAY,IAAI;AAE5B,QAAA,IAAQ,CAAA,QAAA,GAAY,MAAM;AAmC1B,QAAA,IAAmB,CAAA,mBAAA,GAAG,MAAK;;AAEjC,YAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;AAChB,gBAAA,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,MAAM,CAAC,aAAa,KAAK,QAAQ,CAAC,IAAI,EAAE;oBACpE,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC;;AACjC,qBAAA,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,MAAM,CAAC,aAAa,KAAK,IAAI,CAAC,SAAS,EAAE;oBACzE,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC;;;YAG3C,IAAI,CAAC,aAAa,EAAE;AACtB,SAAC;AAgBO,QAAA,IAAA,CAAA,aAAa,GAAG,CAAC,KAAoB,KAAI;;AAC/C,YAAA,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE;AAC1B,gBAAA,CAAA,EAAA,GAAA,IAAI,CAAC,aAAa,MAAG,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,IAAA,EAAA,KAAK,CAAC;;AAE/B,SAAC;AAEO,QAAA,IAAA,CAAA,kBAAkB,GAAG,CAAC,KAAiB,KAAI;;AACjD,YAAA,MAAM,IAAI,GAAG,KAAK,CAAC,YAAY,EAAE;AACjC,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,gBAAgB,EAAE;YACxC,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,EAAE;gBACvE;;AAEF,YAAA,CAAA,EAAA,GAAA,IAAI,CAAC,aAAa,MAAG,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,IAAA,EAAA,KAAK,CAAC;AAC7B,SAAC;AA+DF;IArIC,oBAAoB,GAAA;QAClB,IAAI,CAAC,eAAe,EAAE;QACtB,IAAI,CAAC,aAAa,EAAE;;AAItB,IAAA,gBAAgB,CAAC,QAAiB,EAAA;AAChC,QAAA,QAAQ,GAAG,IAAI,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE;;IAGpC,OAAO,GAAA;AACb,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,EAAE;QAEvC,IAAI,WAAW,EAAE;AACf,YAAA,WAAW,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC;;QAGtC,IAAI,CAAC,YAAY,EAAE;QAEnB,qBAAqB,CAAC,MAAK;YACzB,IAAI,CAAC,WAAW,EAAE;YAClB,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC;AACzC,SAAC,CAAC;;IAGI,OAAO,GAAA;QACb,IAAI,CAAC,eAAe,EAAE;QACtB,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,YAAY,CAAC;AAC1C,QAAA,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,eAAe,EAAE,IAAI,CAAC,mBAAmB,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;;IAejF,YAAY,GAAA;QAClB,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC;QACxD,UAAU,CAAC,MAAK;AACd,YAAA,IAAI,IAAI,CAAC,MAAM,EAAE;gBACf,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC;;SAE9D,EAAE,CAAC,CAAC;;IAGC,eAAe,GAAA;QACrB,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC;QAC3D,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC;;IAkBxD,gBAAgB,GAAA;QACtB,OAAO,OAAO,IAAI,CAAC,aAAa,KAAK,QAAQ,GAAG,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC,aAAa;;IAG1G,YAAY,GAAA;QAClB,IAAI,IAAI,CAAC,SAAS;YAAE,OAAO,IAAI,CAAC,SAAS;AAEzC,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,OAAO,QAAQ,CAAC,IAAI;;AAGtB,QAAA,OAAO,IAAI;;IAGL,WAAW,GAAA;AACjB,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,gBAAgB,EAAE;QACxC,IAAI,CAAC,QAAQ,EAAE;AACb,YAAA,OAAO,CAAC,KAAK,CAAC,gDAAgD,CAAC;YAC/D;;;AAGF,QAAA,IAAI,IAAI,CAAC,cAAc,EAAE;AACvB,YAAA,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE;;QAG/B,IAAI,CAAC,cAAc,GAAG,YAAY,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAqB,EAAE;AACvE,YAAA,QAAQ,EAAE,OAAO;YACjB,SAAS,EAAE,IAAI,CAAC,gBAAgB;AAChC,YAAA,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AACrI,SAAA,CAAC;;IAGI,aAAa,GAAA;AACnB,QAAA,IAAI,IAAI,CAAC,cAAc,EAAE;AACvB,YAAA,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE;AAC7B,YAAA,IAAI,CAAC,cAAc,GAAG,IAAI;;;IAI9B,iBAAiB,GAAA;AACf,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,OAAO,EAAE;;;IAKlB,MAAM,GAAA;AACJ,QAAA,MAAM,KAAK,GAAG;YACZ,KAAK,EAAE,IAAI,CAAC,YAAY;YACxB,SAAS,EAAE,IAAI,CAAC,gBAAgB;YAChC,QAAQ,EAAE,IAAI,CAAC;SAChB;AAED,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,KAAK,EAAA,EAC/B,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACJ,CACD;;;;;;;;;;;"}

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

	@@ -0,0 +1,2 @@
1	+ import{r as t,c as e,h as i,H as s,a as o}from"./index-CaZq3YdB.js";import{createPopper as n}from"@popperjs/core";const a=".menu-item-root{display:flex;width:100%;padding:8px 16px;gap:8px;align-items:center;background:none;border:none;font-family:inherit;text-align:left;cursor:pointer;transition:background-color 0.15s ease-in-out}.menu-item-root:hover:not(:disabled){background-color:rgba(0, 0, 0, 0.08)}.menu-item-label{font-size:14px}.menu-item-root:disabled{cursor:not-allowed;opacity:0.4}.menu-icon{height:100%}";const r=class{constructor(i){t(this,i);this.itemClick=e(this,"itemClick");this.disabled=false;this.handleItemClick=t=>{this.itemClick.emit(t)}}render(){return i("button",{key:"4a43cdb229edec0f13ceda8672bfd3c48c545dc6",class:"menu-item-root",onClick:this.handleItemClick,disabled:this.disabled,role:"menuitem"},this.iconName&&i("udp-icon",{key:"499c217a79efe99f11e289f9792eb1f9307264bb",iconName:this.iconName,class:"menu-icon"}),i("span",{key:"8c414f47700d8b3802d81579fb1374aa81c8691b",class:"menu-item-label"},i("unity-typography",{key:"5c95b5ab659abe6c7baa2a1b7a287077afd4af92",variant:"body1"},this.label)))}};r.style=a;const h=":host{display:block;position:fixed;z-index:9999;pointer-events:none;opacity:0;transform:scale(0.95);transition:opacity 0.2s ease-out}:host(.is-visible){pointer-events:auto;opacity:1;transform:scale(1)}.popover{background-color:white;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border:1px solid #e0e0e0}";const c=class{constructor(e){t(this,e);this.isOpen=false;this.popoverPlacement="bottom-start";this.appendToBody=true;this.overflow="auto";this.handleTransitionEnd=()=>{if(!this.isOpen){if(this.appendToBody&&this.hostEl.parentElement===document.body){document.body.removeChild(this.hostEl)}else if(this.container&&this.hostEl.parentElement===this.container){this.container.removeChild(this.hostEl)}}this.destroyPopper()};this.handleKeyDown=t=>{var e;if(t.key==="Escape"){(e=this.handleOnClose)===null\|\|e===void 0?void 0:e.call(this,t)}};this.handleClickOutside=t=>{var e;const i=t.composedPath();const s=this.getAnchorElement();if(i.includes(this.hostEl)\|\|s&&i.includes(s)){return}(e=this.handleOnClose)===null\|\|e===void 0?void 0:e.call(this,t)}}disconnectedCallback(){this.removeListeners();this.destroyPopper()}handleOpenChange(t){t?this.present():this.dismiss()}present(){const t=this.getContainer();if(t){t.appendChild(this.hostEl)}this.addListeners();requestAnimationFrame((()=>{this.setupPopper();this.hostEl.classList.add("is-visible")}))}dismiss(){this.removeListeners();this.hostEl.classList.remove("is-visible");this.hostEl.addEventListener("transitionend",this.handleTransitionEnd,{once:true})}addListeners(){document.addEventListener("keydown",this.handleKeyDown);setTimeout((()=>{if(this.isOpen){document.addEventListener("click",this.handleClickOutside)}}),0)}removeListeners(){document.removeEventListener("keydown",this.handleKeyDown);document.removeEventListener("click",this.handleClickOutside)}getAnchorElement(){return typeof this.anchorElement==="string"?document.getElementById(this.anchorElement):this.anchorElement}getContainer(){if(this.container)return this.container;if(this.appendToBody){return document.body}return null}setupPopper(){const t=this.getAnchorElement();if(!t){console.error("UdpPopover: Anchor element could not be found.");return}if(this.popperInstance){this.popperInstance.destroy()}this.popperInstance=n(t,this.hostEl,{strategy:"fixed",placement:this.popoverPlacement,modifiers:[{name:"offset",options:{offset:[0,8]}},{name:"preventOverflow",options:{padding:8}},{name:"flip"}]})}destroyPopper(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}}componentWillLoad(){if(this.isOpen){this.present()}}render(){const t={width:this.popoverWidth,maxHeight:this.popoverMaxHeight,overflow:this.overflow};return i(s,{key:"e57087abf7d9030bdb67b18bf1c44542f59a46fb"},i("div",{key:"c6d16dfb8aa66f1594767782326d6ac8ad74a5c3",class:"popover",style:t},i("slot",{key:"4c5cb34f024e0de4e5c433210367e7a837c170ab"})))}get hostEl(){return o(this)}static get watchers(){return{isOpen:["handleOpenChange"]}}};c.style=h;export{r as udp_menu_item,c as udp_pop_over};
2	+ //# sourceMappingURL=udp-menu-item_2.entry.js.map

package/dist/stencil-library/udp-menu-item_2.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["registerInstance","createEvent","h","Host","getElement","createPopper","udpMenuItemCss","UdpMenuItem","constructor","hostRef","this","itemClick","disabled","handleItemClick","e","emit","render","key","class","onClick","role","iconName","variant","label","style","udpPopOverCss","UdpPopOver","isOpen","popoverPlacement","appendToBody","overflow","handleTransitionEnd","hostEl","parentElement","document","body","removeChild","container","destroyPopper","handleKeyDown","event","_a","handleOnClose","call","handleClickOutside","path","composedPath","anchorEl","getAnchorElement","includes","disconnectedCallback","removeListeners","handleOpenChange","newValue","present","dismiss","containerEl","getContainer","appendChild","addListeners","requestAnimationFrame","setupPopper","classList","add","remove","addEventListener","once","setTimeout","removeEventListener","anchorElement","getElementById","console","error","popperInstance","destroy","strategy","placement","modifiers","name","options","offset","padding","componentWillLoad","width","popoverWidth","maxHeight","popoverMaxHeight","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +1,2 @@
-import{r as s,h as t}from"./index-CaZq3YdB.js";const c=":host{display:block}";const d=class{constructor(t){s(this,t);this.maxWidth="1200px";this.padding="16px"}render(){const s={maxWidth:this.maxWidth,padding:this.padding,margin:"0 auto"};return t("div",{key:"cd340c347257f5eb66d73ed93ce4164ba0d6c94c",style:s},t("slot",{key:"68e33d37810a56cf7fc6f7290a6d44c10c4ef781"})," ")}};d.style=c;export{d as udp_page};
+import{r as s,h as t}from"./index-CaZq3YdB.js";const a=":host{display:block}";const e=class{constructor(t){s(this,t);this.maxWidth="1200px";this.padding="16px"}render(){const s={maxWidth:this.maxWidth,padding:this.padding,margin:"0 auto"};return t("div",{key:"87960916a8c702c88f3a7dd7a9ef90227d76f605",style:s},t("slot",{key:"1915453eae25182b42e004450ca04ee20c17cbff"})," ")}};e.style=a;export{e as udp_page};
 //# sourceMappingURL=udp-page.entry.js.map

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

@@ -1,2 +1,2 @@
-import{r as e,h as t}from"./index-CaZq3YdB.js";const r=".skeleton-loader{background:linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);background-size:1000px 100%;display:inline-block;position:relative;overflow:hidden}.skeleton-loader::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to right, transparent, rgba(255, 255, 255, 0.5), transparent);animation:load 1.5s infinite}@keyframes load{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}";const o=class{constructor(t){e(this,t);this.width="100%";this.height="20px";this.borderRadius="4px"}render(){return t("div",{key:"c4d09711b610d9d0219f5964d1572ef7af46b738",class:"skeleton-loader",style:{width:this.width,height:this.height,borderRadius:this.borderRadius}})}};o.style=r;export{o as udp_skeleton_loading};
+import{r as e,h as t}from"./index-CaZq3YdB.js";const a=".skeleton-loader{background:linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);background-size:1000px 100%;display:inline-block;position:relative;overflow:hidden}.skeleton-loader::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to right, transparent, rgba(255, 255, 255, 0.5), transparent);animation:load 1.5s infinite}@keyframes load{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}";const r=class{constructor(t){e(this,t);this.width="100%";this.height="20px";this.borderRadius="4px"}render(){return t("div",{key:"2801b43f47755995952a8ebda27acd6557b340f8",class:"skeleton-loader",style:{width:this.width,height:this.height,borderRadius:this.borderRadius}})}};r.style=a;export{r as udp_skeleton_loading};
 //# sourceMappingURL=udp-skeleton-loading.entry.js.map