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

package/dist/stencil-library/file-upload_2.entry.js

@@ -1 +1 @@
-import{r as i,c as t,h as e,H as o,a as s}from"./index-Cgpvu-iV.js";import n from"@carbon/icons/es/close/24";import a from"axios";import{i as r,e as l,g as c}from"./udp-drive-utils-BwlXaZc5.js";import{d as h}from"./utils-kwLwITIE.js";import{g as d}from"./iconUtils-BzY-c9Op.js";import{C as p}from"./configService-DgYnEcjx.js";import"./iconMapping-C3k5yilV.js";import"@carbon/icons/es/add/16";import"@carbon/icons/es/add/32";import"@carbon/icons/es/add--alt/16";import"@carbon/icons/es/add--filled/16";import"@carbon/icons/es/arrows--horizontal/16";import"@carbon/icons/es/attachment/16";import"@carbon/icons/es/batch-job/16";import"@carbon/icons/es/box/16";import"@carbon/icons/es/close/16";import"@carbon/icons/es/close/32";import"@carbon/icons/es/close--filled/16";import"@carbon/icons/es/close--outline/16";import"@carbon/icons/es/checkmark/16";import"@carbon/icons/es/checkmark/24";import"@carbon/icons/es/checkmark/32";import"@carbon/icons/es/chevron--left/16";import"@carbon/icons/es/chevron--right/16";import"@carbon/icons/es/chevron--down/16";import"@carbon/icons/es/data-enrichment/16";import"@carbon/icons/es/document/16";import"@carbon/icons/es/document--add/16";import"@carbon/icons/es/document--attachment/16";import"@carbon/icons/es/document--pdf/16";import"@carbon/icons/es/document--video/16";import"@carbon/icons/es/document--audio/16";import"@carbon/icons/es/draggable/16";import"@carbon/icons/es/edit/16";import"@carbon/icons/es/export/16";import"@carbon/icons/es/flag/16";import"@carbon/icons/es/information/16";import"@carbon/icons/es/information/32";import"@carbon/icons/es/link/16";import"@carbon/icons/es/location/16";import"@carbon/icons/es/overflow-menu--vertical/16";import"@carbon/icons/es/overflow-menu--vertical/32";import"@carbon/icons/es/return/16";import"@carbon/icons/es/save/16";import"@carbon/icons/es/settings/16";import"@carbon/icons/es/subtract/16";import"@carbon/icons/es/subtract--alt/16";import"@carbon/icons/es/subtract--filled/16";import"@carbon/icons/es/trash-can/16";import"@carbon/icons/es/user/16";import"@carbon/icons/es/view/16";import"@carbon/icons/es/warning/16";import"@carbon/icons/es/warning/32";import"@carbon/icons/es/warning--alt/16";import"@carbon/icons/es/warning--alt/32";import"@carbon/icons/es/product/16";import"@carbon/icons/es/workspace/16";import"@carbon/icons/es/arrow--up/16";import"@carbon/icons/es/arrow--down/16";import"@carbon/icons/es/arrow--right/16";import"@carbon/icons/es/arrow--left/16";import"@carbon/icons/es/copy/16";import"@carbon/icons/es/star/16";import"@carbon/icons/es/data-table/16";import"@carbon/icons/es/fit-to-width/16";import"@carbon/icons/es/search--advanced/16";import"@carbon/icons/es/reset/16";import"@carbon/icons/es/column/16";import"@carbon/icons/es/column--delete/16";import"@carbon/icons/es/watson-health/rotate--360/16";import"@carbon/icons/es/filter/16";import"@carbon/icons/es/app-connectivity/16";import"@carbon/icons/es/text--font/16";import"@carbon/icons/es/text--long-paragraph/16";import"@carbon/icons/es/character--whole-number/16";import"@carbon/icons/es/checkbox--checked/16";import"@carbon/icons/es/radio-button--checked/16";import"@carbon/icons/es/event--schedule/16";import"@carbon/icons/es/view--off/16";import"@carbon/icons/es/time/16";import"@carbon/icons/es/calendar/16";import"@carbon/icons/es/list--checked/16";import"@carbon/icons/es/list--bulleted/16";import"@carbon/icons/es/cloud--upload/16";import"@carbon/icons/es/locked/16";import"@carbon/icons/es/pause/16";import"@carbon/icons/es/unlocked/16";import"@carbon/icons/es/send/16";import"@carbon/icons/es/email/16";import"@carbon/icons/es/checkmark--outline/16";import"@carbon/icons/es/migrate--alt/16";import"@carbon/icons/es/checkbox--checked--filled/16";import"@carbon/icons/es/checkbox/16";import"@carbon/icons/es/ZIP/16";import"@carbon/icons/es/image/16";import"@carbon/icons/es/PPT/16";import"@carbon/icons/es/XLS/16";import"@carbon/icons/es/ibm--elo--method-composer/16";import"@carbon/icons/es/undo/16";import"@carbon/icons/es/catalog/16";import"@carbon/icons/es/table--split/16";const m=class{constructor(e){i(this,e),this.change=t(this,"change",7),this.metadataEmit=t(this,"metadataEmit",7),this.fullWidth=!1,this.hideDragAndDrop=!1,this.hideButton=!1,this.disabled=!1,this.readonly=!1,this.renderImage=!1,this.displayUploadTime=!1,this.files=[],this.fileWindowOpen=!1,this.existingFileReferences=new Map,this.imagePreviewUrl=null,this.imagePreviewUrls=[],this.imagePreviewLoading=[],this.isImageModalOpen=!1,this.selectedImageModalUrl=null,this.selectedImageModalName=null,this.isInitialized=!1,this.previewLoadRequestId=0,this.modalLayoutResizeObserver=null,this.modalLayoutRafId=null,this.uploadTimestampsByFileName=new Map,this.dragCounter=0,this.handleDragOver=i=>{this.disabled||this.readonly||this.hideDragAndDrop||(i.preventDefault(),i.stopPropagation())},this.handleDragEnter=i=>{if(this.disabled||this.readonly||this.hideDragAndDrop)return;i.preventDefault(),i.stopPropagation();const t=i.currentTarget;this.dragCounter++,t.classList.add("highlight")},this.handleDragLeave=i=>{if(this.disabled||this.readonly||this.hideDragAndDrop)return;i.preventDefault(),i.stopPropagation();const t=i.currentTarget;this.dragCounter--,0===this.dragCounter&&t.classList.remove("highlight")},this.handleDrop=i=>{if(this.hideDragAndDrop)return i.preventDefault(),void i.stopPropagation();this.disabled||this.readonly||(i.preventDefault(),i.stopPropagation(),i.currentTarget.classList.remove("highlight"),this.handleFiles(i.dataTransfer.files))},this.handleFileInput=i=>{const t=i.target;t.files&&t.files.length>0&&this.handleFiles(t.files),t.value="",this.fileWindowOpen=!1},this.handleFiles=i=>{if(0===i.length)return;const t=[...this.files],e=[],o=new Set,s=new Set;for(let n=0;n<i.length;n++){const a=i[n];if(!a.name||""===a.name.trim())continue;const r=this.normalizeFileName(a.name);if(this.allowMultiple){const i=t.some((i=>this.normalizeFileName(i.name)===r)),e=s.has(r);if(i||e){o.add(a.name.trim());continue}}if(s.add(r),!t.some((i=>i.name===a.name&&i.size===a.size))&&this.isFileTypeAllowed(a)&&(e.push(a),!this.allowMultiple))break}o.size>0?this.showDuplicateFileError(Array.from(o)):this.errorMessage=this.error,e.length>0&&(this.files=this.allowMultiple?[...t,...e]:[e[0]],this.updateImagePreview(),this.emitFileChangeEvents())},this.handleBrowseFiles=i=>{if(!this.disabled&&!this.readonly){if(i.preventDefault(),i.stopPropagation(),!this.hiddenInput){console.error("File input not initialized yet, attempting to create it now...");try{this.hiddenInput=document.createElement("input"),this.hiddenInput.type="file",this.hiddenInput.multiple=this.allowMultiple,this.hiddenInput.style.display="none",this.hiddenInput.addEventListener("change",this.handleFileInput),document.body.appendChild(this.hiddenInput)}catch(i){return void console.error("Failed to create file input:",i)}}this.fileWindowOpen=!0,this.hiddenInput.click()}},this.handleRemoveFile=i=>{if(this.disabled||this.readonly)return;const t=this.files[i];this.existingFileReferences.has(t.name)&&this.existingFileReferences.delete(t.name),this.files.splice(i,1),this.files=[...this.files],this.updateImagePreview(),this.files.length||(this.isImageModalOpen=!1),this.emitFileChangeEvents()},this.syncModalLayoutToLayoutContainer=()=>{const i=this.findLayoutContainer();if(!i)return void this.clearModalLayoutVars();const t=i.getBoundingClientRect(),e=getComputedStyle(document.documentElement),o=Number.parseFloat(e.getPropertyValue("--udp-image-modal-safe-top-offset"))||48,s=Number.parseFloat(e.getPropertyValue("--udp-image-modal-safe-bottom-offset"))||0,n=Math.max(0,o),a=Math.max(n,window.innerHeight-Math.max(0,s)),r=Math.max(t.top,n),l=Math.min(t.bottom,a),c=Math.max(0,Math.round(r)),h=Math.max(0,Math.round(t.left)),d=Math.max(0,Math.round(window.innerWidth-t.right)),p=Math.max(0,Math.round(window.innerHeight-l));this.el.style.setProperty("--udp-image-modal-top-offset",`${c}px`),this.el.style.setProperty("--udp-image-modal-left-offset",`${h}px`),this.el.style.setProperty("--udp-image-modal-right-offset",`${d}px`),this.el.style.setProperty("--udp-image-modal-bottom-offset",`${p}px`)},this.scheduleModalLayoutSync=()=>{null!==this.modalLayoutRafId&&cancelAnimationFrame(this.modalLayoutRafId),this.modalLayoutRafId=requestAnimationFrame((()=>{this.modalLayoutRafId=null,this.syncModalLayoutToLayoutContainer()}))},this.openImageModal=(i,t)=>{var e,o;if(this.disabled)return;const s=i||this.imagePreviewUrl;s&&(this.selectedImageModalUrl=s,this.selectedImageModalName=t||(null===(o=null===(e=this.files)||void 0===e?void 0:e[0])||void 0===o?void 0:o.name)||null,this.isImageModalOpen=!0,this.startModalLayoutSync())},this.closeImageModal=i=>{i&&(i.stopPropagation(),i.preventDefault()),this.isImageModalOpen=!1,this.selectedImageModalUrl=null,this.selectedImageModalName=null,this.stopModalLayoutSync()}}updateError(){this.errorMessage=this.error}async initialValueChanged(i){var t,e,o,s,n;let a=i;if(a&&"object"==typeof a&&"value"in a&&"files"in a){const i=a,t=Array.isArray(i.files)?i.files:[];let e=[];"string"==typeof i.value&&r(i.value)&&(e=(await l(i.value)).filter((i=>!!(null==i?void 0:i.driveFileId))));const o=new Map;e.forEach((i=>{(null==i?void 0:i.name)&&o.set(i.name,i)})),t.forEach((i=>{(null==i?void 0:i.name)&&o.set(i.name,i)})),a=Array.from(o.values())}if(!a)return this.files=[],this.updateImagePreview(),this.existingFileReferences.clear(),void this.uploadTimestampsByFileName.clear();try{this.existingFileReferences.clear();let i=[];if("string"==typeof a&&r(a)){const r=await l(a);if(this.renderImage&&!this.allowMultiple&&r.length>0){const n=r[0],a=(null==n?void 0:n.type)||this.getMimeTypeFromExtension((null==n?void 0:n.extension)||(null===(e=null===(t=null==n?void 0:n.name)||void 0===t?void 0:t.split("."))||void 0===e?void 0:e.pop())||"");if(this.isRenderableImageFromNameOrMime(null==n?void 0:n.name,a)&&(null==n?void 0:n.driveFileId))try{const t={driveFileId:n.driveFileId,name:n.name,extension:n.extension||(null===(s=null===(o=n.name)||void 0===o?void 0:o.split("."))||void 0===s?void 0:s.pop())||""},e=await this.createFileFromUdpDriveFile(t);this.existingFileReferences.set(e.name,t),i=[e]}catch(i){console.warn("Eager image fetch from reference failed, using placeholders:",i)}}if(!i||0===i.length){i=r;for(const t of i)if(t.driveFileId){const i={driveFileId:t.driveFileId,name:t.name,extension:t.extension||(null===(n=t.name.split("."))||void 0===n?void 0:n.pop())||"",tenantId:null,productId:0,path:""};this.existingFileReferences.set(t.name,i)}}}else if(Array.isArray(a))i=(await Promise.all(a.map((i=>this.processInitialFile(i))))).filter((i=>null!==i));else if("object"==typeof a){const t=await this.processInitialFile(a);i=t?[t]:[]}this.files=i,this.updateImagePreview(),this.updateValueProp(),this.uploadTimestampsByFileName.clear()}catch(i){console.error("Error processing initial files:",i),this.files=[],this.updateImagePreview(),this.existingFileReferences.clear(),this.uploadTimestampsByFileName.clear()}}async processInitialFile(i){if(console.log(i),!i)return null;if(!this.isUdpDriveFile(i))return i instanceof File?i:null;{const t=this.getMimeTypeFromExtension(i.extension);if(this.renderImage&&!this.allowMultiple&&this.isRenderableImageFromNameOrMime(i.name,t))try{const t=await this.createFileFromUdpDriveFile(i);return this.existingFileReferences.set(t.name,i),t}catch(i){console.warn("Eager fetch failed, using placeholder:",i)}try{const t=this.createPlaceholderFileFromUdpDriveFile(i);return this.existingFileReferences.set(t.name,i),t}catch(i){return console.error("Error creating placeholder file from UdpDriveFile:",i),null}}}isUdpDriveFile(i){return i&&"object"==typeof i&&"driveFileId"in i}createPlaceholderFileFromUdpDriveFile(i){const t=i.extension||"bin",e=i.name||`file.${t}`,o=new Blob([""],{type:this.getMimeTypeFromExtension(t)});let s=Date.now();return i.lastUpdated&&("string"==typeof i.lastUpdated||"number"==typeof i.lastUpdated?s=new Date(i.lastUpdated).getTime():i.lastUpdated instanceof Date&&(s=i.lastUpdated.getTime())),new File([o],e,{type:o.type,lastModified:s})}async createFileFromUdpDriveFile(i){try{const t=`${p.tenantV1ApiUrl}/UdpDrive/${i.driveFileId}/stream`,e=(await a({method:"GET",url:t,responseType:"blob",timeout:3e5,headers:{}})).data,o=i.name||`file.${i.extension}`;return new File([e],o,{type:e.type||this.getMimeTypeFromExtension(i.extension),lastModified:i.lastUpdated?new Date(i.lastUpdated).getTime():Date.now()})}catch(t){return console.error("Error creating file from UdpDriveFile:",t),new File([""],i.name||`file.${i.extension}`,{type:"application/octet-stream"})}}async updateImagePreview(){const i=++this.previewLoadRequestId;if(this.clearImagePreviewUrls(),!this.renderImage||0===this.files.length)return this.imagePreviewUrl=null,this.imagePreviewUrls=[],void(this.imagePreviewLoading=[]);if(this.allowMultiple)this.imagePreviewUrl=null,this.imagePreviewUrls=this.files.map((()=>"")),this.imagePreviewLoading=this.files.map((()=>!0)),this.files.forEach(((t,e)=>{(async()=>{let o="";const s=this.existingFileReferences.get(t.name);if(s)try{const i=await this.createFileFromUdpDriveFile(s);this.isImageFile(i)&&(o=URL.createObjectURL(i))}catch(i){console.warn("Failed to load existing image preview:",i)}else this.isImageFile(t)&&(o=URL.createObjectURL(t));if(i!==this.previewLoadRequestId){if(o)try{URL.revokeObjectURL(o)}catch(i){}return}const n=[...this.imagePreviewUrls];n[e]=o,this.imagePreviewUrls=n;const a=[...this.imagePreviewLoading];a[e]=!1,this.imagePreviewLoading=a})().catch((()=>{if(i!==this.previewLoadRequestId)return;const t=[...this.imagePreviewLoading];t[e]=!1,this.imagePreviewLoading=t}))}));else{this.imagePreviewLoading=[];const i=this.files[0];if(this.isImageFile(i)){if(this.imagePreviewUrl)try{URL.revokeObjectURL(this.imagePreviewUrl)}catch(i){}this.imagePreviewUrl=URL.createObjectURL(i)}else this.imagePreviewUrl=null}}clearImagePreviewUrls(){Array.isArray(this.imagePreviewUrls)&&0!==this.imagePreviewUrls.length&&(this.imagePreviewUrls.forEach((i=>{try{URL.revokeObjectURL(i)}catch(i){}})),this.imagePreviewUrls=[],this.imagePreviewLoading=[])}isImageFile(i){return!!i&&i.type.startsWith("image/")&&i.size>0}getMimeTypeFromExtension(i){return i&&{pdf:"application/pdf",doc:"application/msword",docx:"application/vnd.openxmlformats-officedocument.wordprocessingml.document",xls:"application/vnd.ms-excel",xlsx:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",ppt:"application/vnd.ms-powerpoint",pptx:"application/vnd.openxmlformats-officedocument.presentationml.presentation",txt:"text/plain",csv:"text/csv",json:"application/json",xml:"application/xml",html:"text/html",css:"text/css",js:"application/javascript",png:"image/png",jpg:"image/jpeg",jpeg:"image/jpeg",gif:"image/gif",svg:"image/svg+xml",zip:"application/zip",rar:"application/x-rar-compressed","7z":"application/x-7z-compressed"}[i.toLowerCase()]||"application/octet-stream"}isRenderableImageFromNameOrMime(i,t){var e,o;if(t&&t.toLowerCase().startsWith("image/"))return!0;const s=null===(o=null===(e=null==i?void 0:i.split("."))||void 0===e?void 0:e.pop())||void 0===o?void 0:o.toLowerCase();return!!s&&new Set(["png","jpg","jpeg","gif","svg","webp","bmp"]).has(s)}async componentWillLoad(){if(!this.isInitialized){if(this.dragCounter=0,this.hiddenInput=document.createElement("input"),this.hiddenInput.type="file",this.hiddenInput.multiple=this.allowMultiple,this.hiddenInput.style.display="none",this.hiddenInput.addEventListener("change",this.handleFileInput),document.body.appendChild(this.hiddenInput),this.allowedMimeTypes&&this.disallowedMimeTypes)throw new Error("allowedMimeTypes and disallowedMimeTypes are mutually exclusive, you cannot use both props");if(!this.allowedMimeTypes&&!this.disallowedMimeTypes&&this.allowedFileTypes&&this.disallowedFileTypes)throw new Error("allowedFileTypes and disallowedFileTypes are mutually exclusive, you cannot use both props");this.allowedFileTypes&&console.warn("allowedFileTypes prop is deprecated. Use allowedMimeTypes for better security and validation."),this.disallowedFileTypes&&console.warn("disallowedFileTypes prop is deprecated. Use disallowedMimeTypes for better security and validation."),this.error&&(this.errorMessage=this.error),null!=this.initialValue&&""!==this.initialValue?await this.initialValueChanged(this.initialValue):null!=this.value&&await this.processValueProp(this.value),this.isInitialized=!0}}async processValueProp(i){let t=i;if(t&&"object"==typeof t&&"value"in t&&"files"in t){const i=t,e=Array.isArray(i.files)?i.files:[];let o=[];"string"==typeof i.value&&r(i.value)&&(o=(await l(i.value)).filter((i=>!!(null==i?void 0:i.driveFileId))));const s=new Map;o.forEach((i=>{(null==i?void 0:i.name)&&s.set(i.name,i)})),e.forEach((i=>{(null==i?void 0:i.name)&&s.set(i.name,i)})),t=Array.from(s.values())}if(null==t)return this.files=[],void this.uploadTimestampsByFileName.clear();try{if(Array.isArray(t)){if(0===t.length)return void(this.files=[]);const i=[];for(const e of t){const t=await this.processInitialFile(e);t&&i.push(t)}this.files=i}else{const i=await this.processInitialFile(t);this.files=i?[i]:[]}this.updateValueProp(),this.uploadTimestampsByFileName.clear()}catch(i){console.error("Error in processValueProp:",i),this.files=[],this.uploadTimestampsByFileName.clear()}}emitFileChangeEvents(){this.updateValueProp();const i=this.files.filter((i=>!this.existingFileReferences.has(i.name))),t=this.files.filter((i=>this.existingFileReferences.has(i.name)));if(0===i.length&&0===t.length)return this.change.emit(null),this.uploadTimestampsByFileName.clear(),void(this.metadataTimestampKey&&this.metadataEmit.emit({key:this.metadataTimestampKey,value:null}));const e=[];i.forEach((i=>{i.name&&""!==i.name.trim()&&e.push(encodeURIComponent(i.name.trim()))})),t.forEach((i=>{if(i.name&&""!==i.name.trim()){const t=this.existingFileReferences.get(i.name);t&&e.push(`${encodeURIComponent(i.name.trim())}|udp:${t.driveFileId}`)}}));const o=e.join(","),s={toString:()=>o,valueOf:()=>o,value:o,files:i.filter((i=>i.name&&""!==i.name.trim()))};this.change.emit(s),this.metadataTimestampKey&&this.metadataEmit.emit({key:this.metadataTimestampKey,value:this.buildUploadTimestampMetadata(this.files)})}getExternalUploadTimestampForFileName(i){if(!i||!this.uploadTimestamps)return null;if("string"==typeof this.uploadTimestamps)return this.uploadTimestamps;const t=i.trim(),e=encodeURIComponent(t);return this.uploadTimestamps[e]||this.uploadTimestamps[t]||null}buildUploadTimestampMetadata(i){if(!Array.isArray(i)||0===i.length)return this.uploadTimestampsByFileName.clear(),null;const t=new Set(i.map((i=>this.normalizeFileName(i.name))).filter(Boolean));Array.from(this.uploadTimestampsByFileName.keys()).forEach((i=>{t.has(i)||this.uploadTimestampsByFileName.delete(i)}));const e=(new Date).toISOString();i.forEach((i=>{const t=this.normalizeFileName(i.name);if(!t||this.uploadTimestampsByFileName.has(t))return;const o=this.getExternalUploadTimestampForFileName(i.name);o?this.uploadTimestampsByFileName.set(t,o):this.existingFileReferences.has(i.name)||this.uploadTimestampsByFileName.set(t,e)}));const o={};return i.forEach((i=>{const t=this.normalizeFileName(i.name),e=this.uploadTimestampsByFileName.get(t)||this.getExternalUploadTimestampForFileName(i.name);e&&i.name&&(o[encodeURIComponent(i.name.trim())]=e)})),0===Object.keys(o).length?null:o}getUploadTimestampForFile(i){if(!(null==i?void 0:i.name))return null;const t=this.uploadTimestampsByFileName.get(this.normalizeFileName(i.name));if(t)return t;if(!this.uploadTimestamps)return null;if("string"==typeof this.uploadTimestamps)return this.uploadTimestamps;const e=i.name.trim(),o=encodeURIComponent(e);return this.uploadTimestamps[o]||this.uploadTimestamps[e]||null}formatUploadTimestamp(i){if(!i)return"N/A";const t=h(i,"long");return!t||t.includes("Invalid Date")?i:t}getResolvedDragAndDropMessage(){var i;return(null===(i=this.dragAndDropMessage)||void 0===i?void 0:i.trim())?this.dragAndDropMessage:`Drag and drop your ${this.allowMultiple?"files":"file"} here`}getResolvedBrowseFileMessage(){var i;return(null===(i=this.browseFileMessage)||void 0===i?void 0:i.trim())?this.browseFileMessage:"Browse "+(this.allowMultiple?"Files":"File")}updateValueProp(){}normalizeFileName(i){return i.trim().toLowerCase()}showDuplicateFileError(i){const t=Array.from(new Set(i.map((i=>i.trim())).filter(Boolean))),e=t.length>0?`Duplicate file name${t.length>1?"s":""} not allowed. The following ${t.length>1?"files have":"file has"} already been added: ${t.join(", ")}.`:"Duplicate file names are not allowed.";this.errorMessage=e}isFileTypeAllowed(i){var t;if(!i.name)return!1;const e=null===(t=i.name.split(".").pop())||void 0===t?void 0:t.toLowerCase(),o=i.type||c(e);return this.allowedMimeTypes&&this.allowedMimeTypes.length>0?this.allowedMimeTypes.some((i=>this.isMimeTypeMatch(o,i))):this.disallowedMimeTypes&&this.disallowedMimeTypes.length>0?!this.disallowedMimeTypes.some((i=>this.isMimeTypeMatch(o,i))):!!e&&(this.allowedFileTypes&&this.allowedFileTypes.length>0?this.allowedFileTypes.map((i=>i.toLowerCase())).includes(e):!(this.disallowedFileTypes&&this.disallowedFileTypes.length>0&&this.disallowedFileTypes.map((i=>i.toLowerCase())).includes(e)))}isMimeTypeMatch(i,t){if(!i||!t)return!1;if(i.toLowerCase()===t.toLowerCase())return!0;if(t.endsWith("/*")){const e=t.slice(0,-2).toLowerCase();return i.toLowerCase().startsWith(e+"/")}return!1}async downloadFile(i){if(!this.disabled)try{const t=this.existingFileReferences.get(i.name);if(t){const i=await this.createFileFromUdpDriveFile(t),e=URL.createObjectURL(i),o=document.createElement("a");o.href=e,o.download=i.name,o.style.display="none",document.body.appendChild(o),o.click(),document.body.removeChild(o),URL.revokeObjectURL(e)}else{const t=URL.createObjectURL(i),e=document.createElement("a");e.href=t,e.download=i.name,e.style.display="none",document.body.appendChild(e),e.click(),document.body.removeChild(e),URL.revokeObjectURL(t)}}catch(i){console.error("Error downloading file:",i)}}disconnectedCallback(){if(this.stopModalLayoutSync(),this.hiddenInput&&(document.body.removeChild(this.hiddenInput),this.hiddenInput=null),this.imagePreviewUrl){try{URL.revokeObjectURL(this.imagePreviewUrl)}catch(i){}this.imagePreviewUrl=null}this.clearImagePreviewUrls()}findLayoutContainer(){var i,t;const e=".forms-renderer-container";let o=this.el;for(;o;){if(o instanceof HTMLElement&&o.matches(e))return o;if(o instanceof ShadowRoot){const i=o.querySelector(e);if(i)return i}if(o.parentNode){o=o.parentNode;continue}const s=null===(t=(i=o).getRootNode)||void 0===t?void 0:t.call(i);o=s instanceof ShadowRoot&&s.host?s.host:null}return document.querySelector(e)}clearModalLayoutVars(){this.el.style.removeProperty("--udp-image-modal-top-offset"),this.el.style.removeProperty("--udp-image-modal-left-offset"),this.el.style.removeProperty("--udp-image-modal-right-offset"),this.el.style.removeProperty("--udp-image-modal-bottom-offset")}startModalLayoutSync(){this.syncModalLayoutToLayoutContainer(),window.addEventListener("resize",this.scheduleModalLayoutSync),window.addEventListener("scroll",this.scheduleModalLayoutSync,{passive:!0,capture:!0});const i=this.findLayoutContainer();i&&"undefined"!=typeof ResizeObserver&&(this.modalLayoutResizeObserver||(this.modalLayoutResizeObserver=new ResizeObserver(this.scheduleModalLayoutSync)),this.modalLayoutResizeObserver.observe(i))}stopModalLayoutSync(){window.removeEventListener("resize",this.scheduleModalLayoutSync),window.removeEventListener("scroll",this.scheduleModalLayoutSync,!0),this.modalLayoutResizeObserver&&this.modalLayoutResizeObserver.disconnect(),null!==this.modalLayoutRafId&&(cancelAnimationFrame(this.modalLayoutRafId),this.modalLayoutRafId=null),this.clearModalLayoutVars()}renderImageModal(){return this.isImageModalOpen&&this.selectedImageModalUrl?e("div",{class:"image-modal-backdrop",onClick:this.closeImageModal},e("div",{class:"image-modal-content",onClick:i=>i.stopPropagation()},e("img",{src:this.selectedImageModalUrl,alt:"Full image"}),this.selectedImageModalName&&e("div",{class:"image-modal-title",title:this.selectedImageModalName},this.selectedImageModalName),e("div",{class:"image-modal-close"},e("stencil-icon-button",{showLabel:!1,icon:n,onClick:this.closeImageModal})))):null}render(){const i=!!this.errorMessage,t=!this.allowMultiple&&this.files.length>0,s=this.renderImage&&this.files.length>0,n=!this.readonly&&!t,a=this.readonly&&0===this.files.length;return e(o,{key:"59dbc334b9de909336f1413a3322ad0ffa10930f",class:{"udp-input":!0,"udp-input--error":i,"udp-input--full-width":this.fullWidth,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly},"aria-invalid":i?"true":"false","aria-disabled":this.disabled?"true":"false"},e("div",{key:"0dacf08f99d086f4d5a1e1b7c04573e51d29ffcc",id:"drop-area",onDragOver:t?void 0:this.handleDragOver,onDrop:t?void 0:this.handleDrop,onDragEnter:t?void 0:this.handleDragEnter,onDragLeave:t?void 0:this.handleDragLeave,class:this.fullWidth?"full-width":"contained-width"},s&&e("div",{key:"743a20b577700fe26fc9025761dfbd8489636714",class:"image-gallery","aria-label":"Uploaded image previews",style:{gridTemplateColumns:`repeat(${Math.min(this.files.length,3)}, minmax(0, 1fr))`}},this.files.map(((i,t)=>{const o=this.allowMultiple?this.imagePreviewUrls[t]:this.imagePreviewUrl,s=!!this.allowMultiple&&!0===this.imagePreviewLoading[t],n=this.getUploadTimestampForFile(i);return e("div",{class:"image-gallery-card",key:`image-preview-${t}`},e("div",{class:"image-gallery-item",onClick:()=>o&&this.openImageModal(o,i.name)},o?e("img",{src:o,alt:`Uploaded image ${t+1}`,class:"image-gallery-thumbnail"}):s?e("udp-spinner",{size:"small",appearance:"primary"}):e("unity-typography",{variant:"caption-text"},"No preview"),!this.readonly&&e("div",{class:"image-gallery-item-actions",onClick:i=>i.stopPropagation()},e("stencil-icon-button",{showLabel:!1,icon:d("trashCan"),onClick:()=>this.handleRemoveFile(t),disabled:this.disabled||this.readonly}))),e("div",{class:"image-gallery-meta"},e("div",{class:"image-gallery-file-details"},e("button",{type:"button",class:"image-gallery-file-name",onClick:()=>this.downloadFile(i),disabled:this.disabled,title:i.name},e("span",{class:"file-name-ellipsis"},i.name)),this.displayUploadTime&&e("unity-typography",{variant:"caption-text"},this.formatUploadTimestamp(n)))))}))),!s&&this.files.length>0&&e("div",{key:"e59c0a642e6b158019cceab77f18e2f424076da0",class:"upload-container"},e("div",{key:"f30e358962c323b3300c3eb7c7cb7077eb935b97",class:"file-list"},this.files.map(((i,t)=>{const o=this.existingFileReferences.has(i.name),s=this.getUploadTimestampForFile(i);return e("div",{class:"file-container",key:t},e("div",{class:"file-details "+(this.displayUploadTime?"with-timestamp":"without-timestamp")},e("div",{class:"file-text",onClick:()=>this.downloadFile(i)},e("unity-typography",null,e("span",{class:"file-name-ellipsis",title:i.name},i.name," ",o&&e("span",{style:{fontSize:"0.8em",opacity:"0.7"}}," (saved)")))),this.displayUploadTime&&e("div",{class:"timestamp-text"},e("unity-typography",{variant:"caption-text",color:"inherit"},this.formatUploadTimestamp(s)))),!this.readonly&&e("div",null,e("stencil-icon-button",{showLabel:!1,icon:d("trashCan"),onClick:()=>this.handleRemoveFile(t),disabled:this.disabled||this.readonly})))})))),this.files.length>0&&!this.readonly&&n&&e("udp-divider",{key:"9fc50dbd44a7462ab43e3fa6d74205dfaf55cdb9",size:"100%"}),a?e("div",{class:"upload-container"},e("unity-typography",{variant:"h4"},"No item"+(this.allowMultiple?"s":""))):n&&e("div",{class:"upload-container"},e("div",null,this.hideDragAndDrop?"":e("unity-typography",null,e("p",null,this.getResolvedDragAndDropMessage()),this.hideButton?"":e("p",null,"or")),this.hideButton?"":e("custom-button",{label:this.getResolvedBrowseFileMessage(),onClick:i=>this.handleBrowseFiles(i),id:"udpRecord-file-upload-"+this.id,disabled:this.disabled||this.readonly,udprecordid:"udpRecord-file-upload-"+this.id}))),this.renderImageModal(),this.errorMessage&&!this.fileWindowOpen?e("div",{id:"error-text"},e("unity-typography",{color:"error"},this.errorMessage)):""))}get el(){return s(this)}static get watchers(){return{error:[{updateError:0}],initialValue:[{initialValueChanged:0}]}}};m.style="#drop-area{min-height:200px;height:auto;display:flex;flex-direction:column;border:2px dashed #ccc;border-radius:5px;padding:20px;text-align:center;font-family:Arial, sans-serif;overflow:hidden;margin-top:10px;margin-bottom:10px}#outer-container{padding:10px 5px;display:flex;justify-content:center}#drop-area.highlight{border-color:var(--primary-color)}#error-text{color:var(--error-color-main)}#add-button{border-radius:5}#remove-button{width:10px;height:10px;margin-left:5px;border:'none';background:'none';cursor:'pointer'}.file-container{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;width:100%;gap:8px}.full-width{width:auto}.contained-width{width:300px}.file-text{float:none;display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:0;flex:1;gap:2px;text-decoration:underline;cursor:pointer}.file-details{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px}.file-details.without-timestamp{align-self:center}.file-text unity-typography{display:block;width:100%;min-width:0}.file-list{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:6px}.inner-container{display:flex;justify-content:center;flex-direction:row}.container{display:flex;flex-direction:row;justify-content:center;overflow-y:auto}.image-preview-container{position:relative;width:100%;min-height:200px;height:240px;border-radius:8px;overflow:hidden;background:#fff;cursor:pointer;margin-top:12px}.image-remove-button{background-color:white}.image-preview-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.image-preview{max-width:100%;max-height:100%;object-fit:contain;display:block}.image-gallery{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:8px;margin:12px 0;width:100%}.image-gallery-item{position:relative;width:100%;aspect-ratio:1 / 1;border:1px solid var(--border-color-primary);border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer}.image-gallery-item-actions{position:absolute;top:8px;right:8px;z-index:1}.image-gallery-item-actions stencil-icon-button{display:block;transform:scale(0.75);transform-origin:top right}.image-gallery-card{display:flex;flex-direction:column;gap:6px}.image-gallery-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.image-gallery-file-details{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;width:100%;flex:1}.image-gallery-file-name{background:transparent;border:none;display:block;width:100%;min-width:0;padding:0;margin:0;text-align:left;text-decoration:underline;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.file-name-ellipsis{display:block;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-gallery-file-name:disabled{cursor:not-allowed;text-decoration:none}.image-gallery-thumbnail{width:100%;height:100%;object-fit:cover;display:block}.image-preview-actions{position:absolute;top:8px;right:8px;display:flex;gap:8px}.upload-container{display:flex;flex-direction:column;flex:1;min-height:200px;align-items:center;justify-content:center;gap:0;padding:0}.image-modal-backdrop{--image-modal-top-offset:var(--udp-image-modal-top-offset, 48px);--image-modal-right-offset:var(--udp-image-modal-right-offset, 0px);--image-modal-bottom-offset:var(--udp-image-modal-bottom-offset, 0px);--image-modal-left-offset:var(--udp-image-modal-left-offset, 0px);--image-modal-available-width:calc(100vw - var(--image-modal-left-offset) - var(--image-modal-right-offset));--image-modal-available-height:calc(100vh - var(--image-modal-top-offset) - var(--image-modal-bottom-offset));position:fixed;inset:var(--image-modal-top-offset) var(--image-modal-right-offset) var(--image-modal-bottom-offset) var(--image-modal-left-offset);background:rgba(0, 0, 0, 0.6);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box}.image-modal-content{position:relative;max-width:min(90vw, calc(var(--image-modal-available-width) - 32px));max-height:min(90vh, calc(var(--image-modal-available-height) - 32px));background:#000;border-radius:8px;overflow:hidden}.image-modal-title{position:absolute;bottom:8px;left:8px;right:8px;color:#fff;background:rgba(0, 0, 0, 0.45);border-radius:4px;padding:4px 8px;font-size:12px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:1}.image-modal-content img{display:block;max-width:min(90vw, calc(var(--image-modal-available-width) - 32px));max-height:min(90vh, calc(var(--image-modal-available-height) - 32px));object-fit:contain}.image-modal-close{position:absolute;top:8px;right:8px}";const f=class{constructor(t){i(this,t),this.variant="horizontal"}render(){return e(o,{key:"7098357dddf76357a01c3ad5c257ff3715b038ea",style:"vertical"===this.variant?{height:this.size}:{width:this.size}},e("div",{key:"7bfa4bf839676fb2f6a01e1da280c51535818ae5",class:"horizontal"===this.variant?"horizontal":"vertical"}))}};f.style=":host{display:block}.horizontal{width:100%;height:1px;background-color:rgba(0, 0, 0, 0.12);min-width:1px}.vertical{width:1px;background-color:rgba(0, 0, 0, 0.12);min-height:1px}";export{m as file_upload,f as udp_divider}
+import{r as i,c as t,h as e,H as o,a as s}from"./index-Cgpvu-iV.js";import n from"@carbon/icons/es/close/24";import a from"axios";import{i as r,e as l,g as c}from"./udp-drive-utils-BwlXaZc5.js";import{d as h}from"./utils-kwLwITIE.js";import{g as d}from"./iconUtils-BzY-c9Op.js";import{C as p}from"./configService-DgYnEcjx.js";import"./iconMapping-C3k5yilV.js";import"@carbon/icons/es/add/16";import"@carbon/icons/es/add/32";import"@carbon/icons/es/add--alt/16";import"@carbon/icons/es/add--filled/16";import"@carbon/icons/es/arrows--horizontal/16";import"@carbon/icons/es/attachment/16";import"@carbon/icons/es/batch-job/16";import"@carbon/icons/es/box/16";import"@carbon/icons/es/close/16";import"@carbon/icons/es/close/32";import"@carbon/icons/es/close--filled/16";import"@carbon/icons/es/close--outline/16";import"@carbon/icons/es/checkmark/16";import"@carbon/icons/es/checkmark/24";import"@carbon/icons/es/checkmark/32";import"@carbon/icons/es/chevron--left/16";import"@carbon/icons/es/chevron--right/16";import"@carbon/icons/es/chevron--down/16";import"@carbon/icons/es/data-enrichment/16";import"@carbon/icons/es/document/16";import"@carbon/icons/es/document--add/16";import"@carbon/icons/es/document--attachment/16";import"@carbon/icons/es/document--pdf/16";import"@carbon/icons/es/document--video/16";import"@carbon/icons/es/document--audio/16";import"@carbon/icons/es/draggable/16";import"@carbon/icons/es/edit/16";import"@carbon/icons/es/export/16";import"@carbon/icons/es/flag/16";import"@carbon/icons/es/information/16";import"@carbon/icons/es/information/32";import"@carbon/icons/es/link/16";import"@carbon/icons/es/location/16";import"@carbon/icons/es/overflow-menu--vertical/16";import"@carbon/icons/es/overflow-menu--vertical/32";import"@carbon/icons/es/return/16";import"@carbon/icons/es/save/16";import"@carbon/icons/es/settings/16";import"@carbon/icons/es/subtract/16";import"@carbon/icons/es/subtract--alt/16";import"@carbon/icons/es/subtract--filled/16";import"@carbon/icons/es/trash-can/16";import"@carbon/icons/es/user/16";import"@carbon/icons/es/view/16";import"@carbon/icons/es/warning/16";import"@carbon/icons/es/warning/32";import"@carbon/icons/es/warning--alt/16";import"@carbon/icons/es/warning--alt/32";import"@carbon/icons/es/product/16";import"@carbon/icons/es/workspace/16";import"@carbon/icons/es/arrow--up/16";import"@carbon/icons/es/arrow--down/16";import"@carbon/icons/es/arrow--right/16";import"@carbon/icons/es/arrow--left/16";import"@carbon/icons/es/copy/16";import"@carbon/icons/es/star/16";import"@carbon/icons/es/data-table/16";import"@carbon/icons/es/fit-to-width/16";import"@carbon/icons/es/search--advanced/16";import"@carbon/icons/es/reset/16";import"@carbon/icons/es/column/16";import"@carbon/icons/es/column--delete/16";import"@carbon/icons/es/watson-health/rotate--360/16";import"@carbon/icons/es/filter/16";import"@carbon/icons/es/app-connectivity/16";import"@carbon/icons/es/text--font/16";import"@carbon/icons/es/text--long-paragraph/16";import"@carbon/icons/es/character--whole-number/16";import"@carbon/icons/es/checkbox--checked/16";import"@carbon/icons/es/radio-button--checked/16";import"@carbon/icons/es/event--schedule/16";import"@carbon/icons/es/view--off/16";import"@carbon/icons/es/time/16";import"@carbon/icons/es/calendar/16";import"@carbon/icons/es/list--checked/16";import"@carbon/icons/es/list--bulleted/16";import"@carbon/icons/es/cloud--upload/16";import"@carbon/icons/es/locked/16";import"@carbon/icons/es/pause/16";import"@carbon/icons/es/unlocked/16";import"@carbon/icons/es/send/16";import"@carbon/icons/es/email/16";import"@carbon/icons/es/checkmark--outline/16";import"@carbon/icons/es/migrate--alt/16";import"@carbon/icons/es/checkbox--checked--filled/16";import"@carbon/icons/es/checkbox/16";import"@carbon/icons/es/ZIP/16";import"@carbon/icons/es/image/16";import"@carbon/icons/es/PPT/16";import"@carbon/icons/es/XLS/16";import"@carbon/icons/es/ibm--elo--method-composer/16";import"@carbon/icons/es/undo/16";import"@carbon/icons/es/catalog/16";import"@carbon/icons/es/table--split/16";const m=class{constructor(e){i(this,e),this.change=t(this,"change",7),this.metadataEmit=t(this,"metadataEmit",7),this.fullWidth=!1,this.hideDragAndDrop=!1,this.hideButton=!1,this.disabled=!1,this.readonly=!1,this.renderImage=!1,this.displayUploadTime=!1,this.files=[],this.fileWindowOpen=!1,this.existingFileReferences=new Map,this.imagePreviewUrl=null,this.imagePreviewUrls=[],this.imagePreviewLoading=[],this.isImageModalOpen=!1,this.selectedImageModalUrl=null,this.selectedImageModalName=null,this.isInitialized=!1,this.previewLoadRequestId=0,this.modalLayoutResizeObserver=null,this.modalLayoutRafId=null,this.uploadTimestampsByFileName=new Map,this.dragCounter=0,this.handleDragOver=i=>{this.disabled||this.readonly||this.hideDragAndDrop||(i.preventDefault(),i.stopPropagation())},this.handleDragEnter=i=>{if(this.disabled||this.readonly||this.hideDragAndDrop)return;i.preventDefault(),i.stopPropagation();const t=i.currentTarget;this.dragCounter++,t.classList.add("highlight")},this.handleDragLeave=i=>{if(this.disabled||this.readonly||this.hideDragAndDrop)return;i.preventDefault(),i.stopPropagation();const t=i.currentTarget;this.dragCounter--,0===this.dragCounter&&t.classList.remove("highlight")},this.handleDrop=i=>{if(this.hideDragAndDrop)return i.preventDefault(),void i.stopPropagation();this.disabled||this.readonly||(i.preventDefault(),i.stopPropagation(),i.currentTarget.classList.remove("highlight"),this.handleFiles(i.dataTransfer.files))},this.handleFileInput=i=>{const t=i.target;t.files&&t.files.length>0&&this.handleFiles(t.files),t.value="",this.fileWindowOpen=!1},this.handleFiles=i=>{if(0===i.length)return;const t=[...this.files],e=[],o=new Set,s=new Set;for(let n=0;n<i.length;n++){const a=i[n];if(!a.name||""===a.name.trim())continue;const r=this.normalizeFileName(a.name);if(this.allowMultiple){const i=t.some((i=>this.normalizeFileName(i.name)===r)),e=s.has(r);if(i||e){o.add(a.name.trim());continue}}if(s.add(r),!t.some((i=>i.name===a.name&&i.size===a.size))&&this.isFileTypeAllowed(a)&&(e.push(a),!this.allowMultiple))break}o.size>0?this.showDuplicateFileError(Array.from(o)):this.errorMessage=this.error,e.length>0&&(this.files=this.allowMultiple?[...t,...e]:[e[0]],this.updateImagePreview(),this.emitFileChangeEvents())},this.handleBrowseFiles=i=>{if(!this.disabled&&!this.readonly){if(i.preventDefault(),i.stopPropagation(),!this.hiddenInput){console.error("File input not initialized yet, attempting to create it now...");try{this.hiddenInput=document.createElement("input"),this.hiddenInput.type="file",this.hiddenInput.multiple=this.allowMultiple,this.hiddenInput.style.display="none",this.hiddenInput.addEventListener("change",this.handleFileInput),document.body.appendChild(this.hiddenInput)}catch(i){return void console.error("Failed to create file input:",i)}}this.fileWindowOpen=!0,this.hiddenInput.click()}},this.handleRemoveFile=i=>{if(this.disabled||this.readonly)return;const t=this.files[i];this.existingFileReferences.has(t.name)&&this.existingFileReferences.delete(t.name),this.files.splice(i,1),this.files=[...this.files],this.updateImagePreview(),this.files.length||(this.isImageModalOpen=!1),this.emitFileChangeEvents()},this.syncModalLayoutToLayoutContainer=()=>{const i=this.findLayoutContainer();if(!i)return void this.clearModalLayoutVars();const t=i.getBoundingClientRect(),e=getComputedStyle(document.documentElement),o=Number.parseFloat(e.getPropertyValue("--udp-image-modal-safe-top-offset"))||48,s=Number.parseFloat(e.getPropertyValue("--udp-image-modal-safe-bottom-offset"))||0,n=Math.max(0,o),a=Math.max(n,window.innerHeight-Math.max(0,s)),r=Math.max(t.top,n),l=Math.min(t.bottom,a),c=Math.max(0,Math.round(r)),h=Math.max(0,Math.round(t.left)),d=Math.max(0,Math.round(window.innerWidth-t.right)),p=Math.max(0,Math.round(window.innerHeight-l));this.el.style.setProperty("--udp-image-modal-top-offset",`${c}px`),this.el.style.setProperty("--udp-image-modal-left-offset",`${h}px`),this.el.style.setProperty("--udp-image-modal-right-offset",`${d}px`),this.el.style.setProperty("--udp-image-modal-bottom-offset",`${p}px`)},this.scheduleModalLayoutSync=()=>{null!==this.modalLayoutRafId&&cancelAnimationFrame(this.modalLayoutRafId),this.modalLayoutRafId=requestAnimationFrame((()=>{this.modalLayoutRafId=null,this.syncModalLayoutToLayoutContainer()}))},this.openImageModal=(i,t)=>{var e,o;if(this.disabled)return;const s=i||this.imagePreviewUrl;s&&(this.selectedImageModalUrl=s,this.selectedImageModalName=t||(null===(o=null===(e=this.files)||void 0===e?void 0:e[0])||void 0===o?void 0:o.name)||null,this.isImageModalOpen=!0,this.startModalLayoutSync())},this.closeImageModal=i=>{i&&(i.stopPropagation(),i.preventDefault()),this.isImageModalOpen=!1,this.selectedImageModalUrl=null,this.selectedImageModalName=null,this.stopModalLayoutSync()}}updateError(){this.errorMessage=this.error}async initialValueChanged(i){var t,e,o,s,n;let a=i;if(a&&"object"==typeof a&&"value"in a&&"files"in a){const i=a,t=Array.isArray(i.files)?i.files:[];let e=[];"string"==typeof i.value&&r(i.value)&&(e=(await l(i.value)).filter((i=>!!(null==i?void 0:i.driveFileId))));const o=new Map;e.forEach((i=>{(null==i?void 0:i.name)&&o.set(i.name,i)})),t.forEach((i=>{(null==i?void 0:i.name)&&o.set(i.name,i)})),a=Array.from(o.values())}if(!a)return this.files=[],this.updateImagePreview(),this.existingFileReferences.clear(),void this.uploadTimestampsByFileName.clear();try{this.existingFileReferences.clear();let i=[];if("string"==typeof a&&r(a)){const r=await l(a);if(this.renderImage&&!this.allowMultiple&&r.length>0){const n=r[0],a=(null==n?void 0:n.type)||this.getMimeTypeFromExtension((null==n?void 0:n.extension)||(null===(e=null===(t=null==n?void 0:n.name)||void 0===t?void 0:t.split("."))||void 0===e?void 0:e.pop())||"");if(this.isRenderableImageFromNameOrMime(null==n?void 0:n.name,a)&&(null==n?void 0:n.driveFileId))try{const t={driveFileId:n.driveFileId,name:n.name,extension:n.extension||(null===(s=null===(o=n.name)||void 0===o?void 0:o.split("."))||void 0===s?void 0:s.pop())||""},e=await this.createFileFromUdpDriveFile(t);this.existingFileReferences.set(e.name,t),i=[e]}catch(i){console.warn("Eager image fetch from reference failed, using placeholders:",i)}}if(!i||0===i.length){i=r;for(const t of i)if(t.driveFileId){const i={driveFileId:t.driveFileId,name:t.name,extension:t.extension||(null===(n=t.name.split("."))||void 0===n?void 0:n.pop())||"",tenantId:null,productId:0,path:""};this.existingFileReferences.set(t.name,i)}}}else if(Array.isArray(a))i=(await Promise.all(a.map((i=>this.processInitialFile(i))))).filter((i=>null!==i));else if("object"==typeof a){const t=await this.processInitialFile(a);i=t?[t]:[]}this.files=i,this.updateImagePreview(),this.updateValueProp(),this.uploadTimestampsByFileName.clear()}catch(i){console.error("Error processing initial files:",i),this.files=[],this.updateImagePreview(),this.existingFileReferences.clear(),this.uploadTimestampsByFileName.clear()}}async processInitialFile(i){if(console.log(i),!i)return null;if(!this.isUdpDriveFile(i))return i instanceof File?i:null;{const t=this.getMimeTypeFromExtension(i.extension);if(this.renderImage&&!this.allowMultiple&&this.isRenderableImageFromNameOrMime(i.name,t))try{const t=await this.createFileFromUdpDriveFile(i);return this.existingFileReferences.set(t.name,i),t}catch(i){console.warn("Eager fetch failed, using placeholder:",i)}try{const t=this.createPlaceholderFileFromUdpDriveFile(i);return this.existingFileReferences.set(t.name,i),t}catch(i){return console.error("Error creating placeholder file from UdpDriveFile:",i),null}}}isUdpDriveFile(i){return i&&"object"==typeof i&&"driveFileId"in i}createPlaceholderFileFromUdpDriveFile(i){const t=i.extension||"bin",e=i.name||`file.${t}`,o=new Blob([""],{type:this.getMimeTypeFromExtension(t)});let s=Date.now();return i.lastUpdated&&("string"==typeof i.lastUpdated||"number"==typeof i.lastUpdated?s=new Date(i.lastUpdated).getTime():i.lastUpdated instanceof Date&&(s=i.lastUpdated.getTime())),new File([o],e,{type:o.type,lastModified:s})}async createFileFromUdpDriveFile(i){try{const t=`${p.tenantV1ApiUrl}/UdpDrive/${i.driveFileId}/stream`,e=(await a({method:"GET",url:t,responseType:"blob",timeout:3e5,headers:{}})).data,o=i.name||`file.${i.extension}`;return new File([e],o,{type:e.type||this.getMimeTypeFromExtension(i.extension),lastModified:i.lastUpdated?new Date(i.lastUpdated).getTime():Date.now()})}catch(t){return console.error("Error creating file from UdpDriveFile:",t),new File([""],i.name||`file.${i.extension}`,{type:"application/octet-stream"})}}async updateImagePreview(){const i=++this.previewLoadRequestId;if(this.clearImagePreviewUrls(),!this.renderImage||0===this.files.length)return this.imagePreviewUrl=null,this.imagePreviewUrls=[],void(this.imagePreviewLoading=[]);if(this.allowMultiple)this.imagePreviewUrl=null,this.imagePreviewUrls=this.files.map((()=>"")),this.imagePreviewLoading=this.files.map((()=>!0)),this.files.forEach(((t,e)=>{(async()=>{let o="";const s=this.existingFileReferences.get(t.name);if(s)try{const i=await this.createFileFromUdpDriveFile(s);this.isImageFile(i)&&(o=URL.createObjectURL(i))}catch(i){console.warn("Failed to load existing image preview:",i)}else this.isImageFile(t)&&(o=URL.createObjectURL(t));if(i!==this.previewLoadRequestId){if(o)try{URL.revokeObjectURL(o)}catch(i){}return}const n=[...this.imagePreviewUrls];n[e]=o,this.imagePreviewUrls=n;const a=[...this.imagePreviewLoading];a[e]=!1,this.imagePreviewLoading=a})().catch((()=>{if(i!==this.previewLoadRequestId)return;const t=[...this.imagePreviewLoading];t[e]=!1,this.imagePreviewLoading=t}))}));else{this.imagePreviewLoading=[];const i=this.files[0];if(this.isImageFile(i)){if(this.imagePreviewUrl)try{URL.revokeObjectURL(this.imagePreviewUrl)}catch(i){}this.imagePreviewUrl=URL.createObjectURL(i)}else this.imagePreviewUrl=null}}clearImagePreviewUrls(){Array.isArray(this.imagePreviewUrls)&&0!==this.imagePreviewUrls.length&&(this.imagePreviewUrls.forEach((i=>{try{URL.revokeObjectURL(i)}catch(i){}})),this.imagePreviewUrls=[],this.imagePreviewLoading=[])}isImageFile(i){return!!i&&i.type.startsWith("image/")&&i.size>0}getMimeTypeFromExtension(i){return i&&{pdf:"application/pdf",doc:"application/msword",docx:"application/vnd.openxmlformats-officedocument.wordprocessingml.document",xls:"application/vnd.ms-excel",xlsx:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",ppt:"application/vnd.ms-powerpoint",pptx:"application/vnd.openxmlformats-officedocument.presentationml.presentation",txt:"text/plain",csv:"text/csv",json:"application/json",xml:"application/xml",html:"text/html",css:"text/css",js:"application/javascript",png:"image/png",jpg:"image/jpeg",jpeg:"image/jpeg",gif:"image/gif",svg:"image/svg+xml",zip:"application/zip",rar:"application/x-rar-compressed","7z":"application/x-7z-compressed"}[i.toLowerCase()]||"application/octet-stream"}isRenderableImageFromNameOrMime(i,t){var e,o;if(t&&t.toLowerCase().startsWith("image/"))return!0;const s=null===(o=null===(e=null==i?void 0:i.split("."))||void 0===e?void 0:e.pop())||void 0===o?void 0:o.toLowerCase();return!!s&&new Set(["png","jpg","jpeg","gif","svg","webp","bmp"]).has(s)}async componentWillLoad(){if(!this.isInitialized){if(this.dragCounter=0,this.hiddenInput=document.createElement("input"),this.hiddenInput.type="file",this.hiddenInput.multiple=this.allowMultiple,this.hiddenInput.style.display="none",this.hiddenInput.addEventListener("change",this.handleFileInput),document.body.appendChild(this.hiddenInput),this.allowedMimeTypes&&this.disallowedMimeTypes)throw new Error("allowedMimeTypes and disallowedMimeTypes are mutually exclusive, you cannot use both props");if(!this.allowedMimeTypes&&!this.disallowedMimeTypes&&this.allowedFileTypes&&this.disallowedFileTypes)throw new Error("allowedFileTypes and disallowedFileTypes are mutually exclusive, you cannot use both props");this.allowedFileTypes&&console.warn("allowedFileTypes prop is deprecated. Use allowedMimeTypes for better security and validation."),this.disallowedFileTypes&&console.warn("disallowedFileTypes prop is deprecated. Use disallowedMimeTypes for better security and validation."),this.error&&(this.errorMessage=this.error),null!=this.initialValue&&""!==this.initialValue?await this.initialValueChanged(this.initialValue):null!=this.value&&await this.processValueProp(this.value),this.isInitialized=!0}}async processValueProp(i){let t=i;if(t&&"object"==typeof t&&"value"in t&&"files"in t){const i=t,e=Array.isArray(i.files)?i.files:[];let o=[];"string"==typeof i.value&&r(i.value)&&(o=(await l(i.value)).filter((i=>!!(null==i?void 0:i.driveFileId))));const s=new Map;o.forEach((i=>{(null==i?void 0:i.name)&&s.set(i.name,i)})),e.forEach((i=>{(null==i?void 0:i.name)&&s.set(i.name,i)})),t=Array.from(s.values())}if(null==t)return this.files=[],void this.uploadTimestampsByFileName.clear();try{if(Array.isArray(t)){if(0===t.length)return void(this.files=[]);const i=[];for(const e of t){const t=await this.processInitialFile(e);t&&i.push(t)}this.files=i}else{const i=await this.processInitialFile(t);this.files=i?[i]:[]}this.updateValueProp(),this.uploadTimestampsByFileName.clear()}catch(i){console.error("Error in processValueProp:",i),this.files=[],this.uploadTimestampsByFileName.clear()}}emitFileChangeEvents(){this.updateValueProp();const i=this.files.filter((i=>!this.existingFileReferences.has(i.name))),t=this.files.filter((i=>this.existingFileReferences.has(i.name)));if(0===i.length&&0===t.length)return this.change.emit(null),this.uploadTimestampsByFileName.clear(),void(this.metadataTimestampKey&&this.metadataEmit.emit({key:this.metadataTimestampKey,value:null}));const e=[];i.forEach((i=>{i.name&&""!==i.name.trim()&&e.push(encodeURIComponent(i.name.trim()))})),t.forEach((i=>{if(i.name&&""!==i.name.trim()){const t=this.existingFileReferences.get(i.name);t&&e.push(`${encodeURIComponent(i.name.trim())}|udp:${t.driveFileId}`)}}));const o=e.join(","),s={toString:()=>o,valueOf:()=>o,value:o,files:i.filter((i=>i.name&&""!==i.name.trim()))};this.change.emit(s),this.metadataTimestampKey&&this.metadataEmit.emit({key:this.metadataTimestampKey,value:this.buildUploadTimestampMetadata(this.files)})}getExternalUploadTimestampForFileName(i){if(!i||!this.uploadTimestamps)return null;if("string"==typeof this.uploadTimestamps)return this.uploadTimestamps;const t=i.trim(),e=encodeURIComponent(t);return this.uploadTimestamps[e]||this.uploadTimestamps[t]||null}buildUploadTimestampMetadata(i){if(!Array.isArray(i)||0===i.length)return this.uploadTimestampsByFileName.clear(),null;const t=new Set(i.map((i=>this.normalizeFileName(i.name))).filter(Boolean));Array.from(this.uploadTimestampsByFileName.keys()).forEach((i=>{t.has(i)||this.uploadTimestampsByFileName.delete(i)}));const e=(new Date).toISOString();i.forEach((i=>{const t=this.normalizeFileName(i.name);if(!t||this.uploadTimestampsByFileName.has(t))return;const o=this.getExternalUploadTimestampForFileName(i.name);o?this.uploadTimestampsByFileName.set(t,o):this.existingFileReferences.has(i.name)||this.uploadTimestampsByFileName.set(t,e)}));const o={};return i.forEach((i=>{const t=this.normalizeFileName(i.name),e=this.uploadTimestampsByFileName.get(t)||this.getExternalUploadTimestampForFileName(i.name);e&&i.name&&(o[encodeURIComponent(i.name.trim())]=e)})),0===Object.keys(o).length?null:o}getUploadTimestampForFile(i){if(!(null==i?void 0:i.name))return null;const t=this.uploadTimestampsByFileName.get(this.normalizeFileName(i.name));if(t)return t;if(!this.uploadTimestamps)return null;if("string"==typeof this.uploadTimestamps)return this.uploadTimestamps;const e=i.name.trim(),o=encodeURIComponent(e);return this.uploadTimestamps[o]||this.uploadTimestamps[e]||null}formatUploadTimestamp(i){if(!i)return"N/A";const t=h(i,"long");return!t||t.includes("Invalid Date")?i:t}getResolvedDragAndDropMessage(){var i;return(null===(i=this.dragAndDropMessage)||void 0===i?void 0:i.trim())?this.dragAndDropMessage:`Drag and drop your ${this.allowMultiple?"files":"file"} here`}getResolvedBrowseFileMessage(){var i;return(null===(i=this.browseFileMessage)||void 0===i?void 0:i.trim())?this.browseFileMessage:"Browse "+(this.allowMultiple?"Files":"File")}updateValueProp(){}normalizeFileName(i){return i.trim().toLowerCase()}showDuplicateFileError(i){const t=Array.from(new Set(i.map((i=>i.trim())).filter(Boolean))),e=t.length>0?`Duplicate file name${t.length>1?"s":""} not allowed. The following ${t.length>1?"files have":"file has"} already been added: ${t.join(", ")}.`:"Duplicate file names are not allowed.";this.errorMessage=e}isFileTypeAllowed(i){var t;if(!i.name)return!1;const e=null===(t=i.name.split(".").pop())||void 0===t?void 0:t.toLowerCase(),o=i.type||c(e);return this.allowedMimeTypes&&this.allowedMimeTypes.length>0?this.allowedMimeTypes.some((i=>this.isMimeTypeMatch(o,i))):this.disallowedMimeTypes&&this.disallowedMimeTypes.length>0?!this.disallowedMimeTypes.some((i=>this.isMimeTypeMatch(o,i))):!!e&&(this.allowedFileTypes&&this.allowedFileTypes.length>0?this.allowedFileTypes.map((i=>i.toLowerCase())).includes(e):!(this.disallowedFileTypes&&this.disallowedFileTypes.length>0&&this.disallowedFileTypes.map((i=>i.toLowerCase())).includes(e)))}isMimeTypeMatch(i,t){if(!i||!t)return!1;if(i.toLowerCase()===t.toLowerCase())return!0;if(t.endsWith("/*")){const e=t.slice(0,-2).toLowerCase();return i.toLowerCase().startsWith(e+"/")}return!1}async downloadFile(i){if(!this.disabled)try{const t=this.existingFileReferences.get(i.name);if(t){const i=await this.createFileFromUdpDriveFile(t),e=URL.createObjectURL(i),o=document.createElement("a");o.href=e,o.download=i.name,o.style.display="none",document.body.appendChild(o),o.click(),document.body.removeChild(o),URL.revokeObjectURL(e)}else{const t=URL.createObjectURL(i),e=document.createElement("a");e.href=t,e.download=i.name,e.style.display="none",document.body.appendChild(e),e.click(),document.body.removeChild(e),URL.revokeObjectURL(t)}}catch(i){console.error("Error downloading file:",i)}}disconnectedCallback(){if(this.stopModalLayoutSync(),this.hiddenInput&&(document.body.removeChild(this.hiddenInput),this.hiddenInput=null),this.imagePreviewUrl){try{URL.revokeObjectURL(this.imagePreviewUrl)}catch(i){}this.imagePreviewUrl=null}this.clearImagePreviewUrls()}findLayoutContainer(){var i,t;const e=".forms-renderer-container";let o=this.el;for(;o;){if(o instanceof HTMLElement&&o.matches(e))return o;if(o instanceof ShadowRoot){const i=o.querySelector(e);if(i)return i}if(o.parentNode){o=o.parentNode;continue}const s=null===(t=(i=o).getRootNode)||void 0===t?void 0:t.call(i);o=s instanceof ShadowRoot&&s.host?s.host:null}return document.querySelector(e)}clearModalLayoutVars(){this.el.style.removeProperty("--udp-image-modal-top-offset"),this.el.style.removeProperty("--udp-image-modal-left-offset"),this.el.style.removeProperty("--udp-image-modal-right-offset"),this.el.style.removeProperty("--udp-image-modal-bottom-offset")}startModalLayoutSync(){this.syncModalLayoutToLayoutContainer(),window.addEventListener("resize",this.scheduleModalLayoutSync),window.addEventListener("scroll",this.scheduleModalLayoutSync,{passive:!0,capture:!0});const i=this.findLayoutContainer();i&&"undefined"!=typeof ResizeObserver&&(this.modalLayoutResizeObserver||(this.modalLayoutResizeObserver=new ResizeObserver(this.scheduleModalLayoutSync)),this.modalLayoutResizeObserver.observe(i))}stopModalLayoutSync(){window.removeEventListener("resize",this.scheduleModalLayoutSync),window.removeEventListener("scroll",this.scheduleModalLayoutSync,!0),this.modalLayoutResizeObserver&&this.modalLayoutResizeObserver.disconnect(),null!==this.modalLayoutRafId&&(cancelAnimationFrame(this.modalLayoutRafId),this.modalLayoutRafId=null),this.clearModalLayoutVars()}renderImageModal(){return this.isImageModalOpen&&this.selectedImageModalUrl?e("div",{class:"image-modal-backdrop",onClick:this.closeImageModal},e("div",{class:"image-modal-content",onClick:i=>i.stopPropagation()},e("img",{src:this.selectedImageModalUrl,alt:"Full image"}),this.selectedImageModalName&&e("div",{class:"image-modal-title",title:this.selectedImageModalName},this.selectedImageModalName),e("div",{class:"image-modal-close"},e("stencil-icon-button",{showLabel:!1,icon:n,onClick:this.closeImageModal})))):null}render(){const i=!!this.errorMessage,t=!this.allowMultiple&&this.files.length>0,s=this.renderImage&&this.files.length>0,n=!this.readonly&&!t,a=this.readonly&&0===this.files.length;return e(o,{key:"1b5fc48b4d05e0a30906f1e1bfb24a22804c98b8",class:{"udp-input":!0,"udp-input--error":i,"udp-input--full-width":this.fullWidth,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly},"aria-invalid":i?"true":"false","aria-disabled":this.disabled?"true":"false"},e("div",{key:"29c9fc2516788d23cd66846486337a411295f142",id:"drop-area",onDragOver:t?void 0:this.handleDragOver,onDrop:t?void 0:this.handleDrop,onDragEnter:t?void 0:this.handleDragEnter,onDragLeave:t?void 0:this.handleDragLeave,class:this.fullWidth?"full-width":"contained-width"},s&&e("div",{key:"66324232e451f94870e5e47d59fc9aaa87b8be5d",class:"image-gallery","aria-label":"Uploaded image previews",style:{gridTemplateColumns:`repeat(${Math.min(this.files.length,3)}, minmax(0, 1fr))`}},this.files.map(((i,t)=>{const o=this.allowMultiple?this.imagePreviewUrls[t]:this.imagePreviewUrl,s=!!this.allowMultiple&&!0===this.imagePreviewLoading[t],n=this.getUploadTimestampForFile(i);return e("div",{class:"image-gallery-card",key:`image-preview-${t}`},e("div",{class:"image-gallery-item",onClick:()=>o&&this.openImageModal(o,i.name)},o?e("img",{src:o,alt:`Uploaded image ${t+1}`,class:"image-gallery-thumbnail"}):s?e("udp-spinner",{size:"small",appearance:"primary"}):e("unity-typography",{variant:"caption-text"},"No preview"),!this.readonly&&e("div",{class:"image-gallery-item-actions",onClick:i=>i.stopPropagation()},e("stencil-icon-button",{showLabel:!1,icon:d("trashCan"),onClick:()=>this.handleRemoveFile(t),disabled:this.disabled||this.readonly}))),e("div",{class:"image-gallery-meta"},e("div",{class:"image-gallery-file-details"},e("button",{type:"button",class:"image-gallery-file-name",onClick:()=>this.downloadFile(i),disabled:this.disabled,title:i.name},e("span",{class:"file-name-ellipsis"},i.name)),this.displayUploadTime&&e("unity-typography",{variant:"caption-text"},this.formatUploadTimestamp(n)))))}))),!s&&this.files.length>0&&e("div",{key:"02b6a6bd23b1497bfa717c678757c170833ccea2",class:"upload-container"},e("div",{key:"1273441664b098c6308b4758fedbcc1c91de63c5",class:"file-list"},this.files.map(((i,t)=>{const o=this.existingFileReferences.has(i.name),s=this.getUploadTimestampForFile(i);return e("div",{class:"file-container",key:t},e("div",{class:"file-details "+(this.displayUploadTime?"with-timestamp":"without-timestamp")},e("div",{class:"file-text",onClick:()=>this.downloadFile(i)},e("unity-typography",null,e("span",{class:"file-name-ellipsis",title:i.name},i.name," ",o&&e("span",{style:{fontSize:"0.8em",opacity:"0.7"}}," (saved)")))),this.displayUploadTime&&e("div",{class:"timestamp-text"},e("unity-typography",{variant:"caption-text",color:"inherit"},this.formatUploadTimestamp(s)))),!this.readonly&&e("div",null,e("stencil-icon-button",{showLabel:!1,icon:d("trashCan"),onClick:()=>this.handleRemoveFile(t),disabled:this.disabled||this.readonly})))})))),this.files.length>0&&!this.readonly&&n&&e("udp-divider",{key:"030ae95ecf23e75d56d75bb32142881570adbeaf",size:"100%"}),a?e("div",{class:"upload-container"},e("unity-typography",{variant:"h4"},"No item"+(this.allowMultiple?"s":""))):n&&e("div",{class:"upload-container"},e("div",null,this.hideDragAndDrop?"":e("unity-typography",null,e("p",null,this.getResolvedDragAndDropMessage()),this.hideButton?"":e("p",null,"or")),this.hideButton?"":e("custom-button",{label:this.getResolvedBrowseFileMessage(),onClick:i=>this.handleBrowseFiles(i),id:"udpRecord-file-upload-"+this.id,disabled:this.disabled||this.readonly,udprecordid:"udpRecord-file-upload-"+this.id}))),this.renderImageModal(),this.errorMessage&&!this.fileWindowOpen?e("div",{id:"error-text"},e("unity-typography",{color:"error"},this.errorMessage)):""))}get el(){return s(this)}static get watchers(){return{error:[{updateError:0}],initialValue:[{initialValueChanged:0}]}}};m.style="#drop-area{min-height:200px;height:auto;display:flex;flex-direction:column;border:2px dashed #ccc;border-radius:5px;padding:20px;text-align:center;font-family:Arial, sans-serif;overflow:hidden;margin-top:10px;margin-bottom:10px}#outer-container{padding:10px 5px;display:flex;justify-content:center}#drop-area.highlight{border-color:var(--primary-color)}#error-text{color:var(--error-color-main)}#add-button{border-radius:5}#remove-button{width:10px;height:10px;margin-left:5px;border:'none';background:'none';cursor:'pointer'}.file-container{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;width:100%;gap:8px}.full-width{width:auto}.contained-width{width:300px}.file-text{float:none;display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:0;flex:1;gap:2px;text-decoration:underline;cursor:pointer}.file-details{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px}.file-details.without-timestamp{align-self:center}.file-text unity-typography{display:block;width:100%;min-width:0}.file-list{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:6px}.inner-container{display:flex;justify-content:center;flex-direction:row}.container{display:flex;flex-direction:row;justify-content:center;overflow-y:auto}.image-preview-container{position:relative;width:100%;min-height:200px;height:240px;border-radius:8px;overflow:hidden;background:#fff;cursor:pointer;margin-top:12px}.image-remove-button{background-color:white}.image-preview-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.image-preview{max-width:100%;max-height:100%;object-fit:contain;display:block}.image-gallery{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:8px;margin:12px 0;width:100%}.image-gallery-item{position:relative;width:100%;aspect-ratio:1 / 1;border:1px solid var(--border-color-primary);border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer}.image-gallery-item-actions{position:absolute;top:8px;right:8px;z-index:1}.image-gallery-item-actions stencil-icon-button{display:block;transform:scale(0.75);transform-origin:top right}.image-gallery-card{display:flex;flex-direction:column;gap:6px}.image-gallery-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.image-gallery-file-details{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;width:100%;flex:1}.image-gallery-file-name{background:transparent;border:none;display:block;width:100%;min-width:0;padding:0;margin:0;text-align:left;text-decoration:underline;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.file-name-ellipsis{display:block;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-gallery-file-name:disabled{cursor:not-allowed;text-decoration:none}.image-gallery-thumbnail{width:100%;height:100%;object-fit:cover;display:block}.image-preview-actions{position:absolute;top:8px;right:8px;display:flex;gap:8px}.upload-container{display:flex;flex-direction:column;flex:1;min-height:200px;align-items:center;justify-content:center;gap:0;padding:0}.image-modal-backdrop{--image-modal-top-offset:var(--udp-image-modal-top-offset, 48px);--image-modal-right-offset:var(--udp-image-modal-right-offset, 0px);--image-modal-bottom-offset:var(--udp-image-modal-bottom-offset, 0px);--image-modal-left-offset:var(--udp-image-modal-left-offset, 0px);--image-modal-available-width:calc(100vw - var(--image-modal-left-offset) - var(--image-modal-right-offset));--image-modal-available-height:calc(100vh - var(--image-modal-top-offset) - var(--image-modal-bottom-offset));position:fixed;inset:var(--image-modal-top-offset) var(--image-modal-right-offset) var(--image-modal-bottom-offset) var(--image-modal-left-offset);background:rgba(0, 0, 0, 0.6);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box}.image-modal-content{position:relative;max-width:min(90vw, calc(var(--image-modal-available-width) - 32px));max-height:min(90vh, calc(var(--image-modal-available-height) - 32px));background:#000;border-radius:8px;overflow:hidden}.image-modal-title{position:absolute;bottom:8px;left:8px;right:8px;color:#fff;background:rgba(0, 0, 0, 0.45);border-radius:4px;padding:4px 8px;font-size:12px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:1}.image-modal-content img{display:block;max-width:min(90vw, calc(var(--image-modal-available-width) - 32px));max-height:min(90vh, calc(var(--image-modal-available-height) - 32px));object-fit:contain}.image-modal-close{position:absolute;top:8px;right:8px}";const u=class{constructor(t){i(this,t),this.variant="horizontal"}render(){return e(o,{key:"e8ce72f30f6a569310639e1c691dfeb65d298463",style:"vertical"===this.variant?{height:this.size}:{width:this.size}},e("div",{key:"8d374e55f2bf41d5e35a13dd3e9fc8d631ab2483",class:"horizontal"===this.variant?"horizontal":"vertical"}))}};u.style=":host{display:block}.horizontal{width:100%;height:1px;background-color:rgba(0, 0, 0, 0.12);min-width:1px}.vertical{width:1px;background-color:rgba(0, 0, 0, 0.12);min-height:1px}";export{m as file_upload,u as udp_divider}

package/dist/stencil-library/filter-conditions_7.entry.js

@@ -1 +1 @@
-import{r as e,h as t,c as i,a,f as s}from"./index-Cgpvu-iV.js";import l from"@carbon/icons/es/close/24";const n=class{constructor(t){e(this,t)}render(){return t("div",{key:"b3106cd4c44b95869410e75a40e4cfc9e471e4cc",class:"container"},t("udp-column-header",{key:"b400521c19a60df73aec613671ae47fb98fbe8d8"}))}};n.style="";const r=class{constructor(t){e(this,t),this.searchItemChanged=i(this,"searchItemChanged",7),this.isDefault=!1,this.searchOperator="=",this.handleInputBlur=e=>{const t=e.target.value;t!==this.name&&this.searchItemChanged.emit({id:this.id,searchField:this.label,filterGroupId:this.filterGroupId,searchOperator:this.searchOperator,searchValue:t})},this.selectorOptions=[{value:"=",label:"Equals"},{value:"IN",label:"Contains"},{value:"<>",label:"Does not Equal"},{value:">",label:"Greater Than"},{value:"<",label:"Less Than"},{value:">=",label:"Greater Than or Equal To"},{value:"<=",label:"Less Than or Equal To"},{value:"LIKE",label:"Like"},{value:"STARTSWITH",label:"Starts With"},{value:"BETWEEN",label:"Between"}]}operatorChanged(e){e!==this.searchOperator&&null!==e&&(this.searchOperator=e,console.log("Operator changed:",e))}componentWillUpdate(){this.operator&&this.operator.length>0&&(this.searchOperator=this.operator)}conponentDidLoad(){console.log("Component did load:",this.operator)}handleOperatorSelected(e){console.log("event.detail",e.detail.value),this.searchOperator=e.detail.value,this.emitChange()}emitChange(e=this.name){this.searchItemChanged.emit({id:this.id,searchField:this.label,filterGroupId:this.filterGroupId,searchOperator:this.searchOperator||"=",searchValue:e})}render(){return t("div",{key:"2f9faea0db2a5169b65604d68f9ca20eafd6f861",class:"list-item"},t("div",{key:"b82093bc34c325f67524a1d3186539caa36e2152",class:"list-body"},t("div",{key:"b3dafb84904a51cea0056bce923a568a0aec5be4",class:"name"},t("unity-typography",{key:"6601c3002021d53aa9e538184160a7f60e92a520",variant:"button"},this.label)),t("div",{key:"0062f55adaff01fb3c04542bda56c06ce0af5391",style:{width:"200px"}},t("udp-selector",{key:this.searchOperator,initialValue:this.searchOperator,options:this.selectorOptions,disabled:this.isInitialSearchItem||this.isDefault,onChange:e=>this.handleOperatorSelected(e)})),t("div",{key:"f2138827a4cb3a16a366c7fca18f60ca39106004",class:"input"},t("text-field",{key:"ee52bc7081269037056c185a0ed7f491c0d5db24",value:this.name,disabled:this.isInitialSearchItem,onBlur:this.handleInputBlur}))),(!this.isInitialSearchItem||!this.isDefault)&&t("stencil-icon-button",{key:"2894cf78c8a2ee6ea23db2485bf5807d6d3374c6",icon:l,onClick:this.handleDelete}))}get el(){return a(this)}static get watchers(){return{operator:[{operatorChanged:0}]}}};r.style='.list-item{display:flex;gap:8px;align-items:center;background-color:white;border-bottom:1px solid rgba(0,0,0,.12)}.list-body{display:flex;padding-left:16px;gap:8px;align-items:center;flex:1}.input{margin-top:5.5px}.list-inputs{display:flex;flex:1;gap:24px;align-items:center}.close-button{display:flex;align-items:center}.name{min-width:215px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:215px}.select-container{width:"200px"}';const d=class{constructor(t){e(this,t),this.itemClick=i(this,"itemClick",7),this.referenceClicked=i(this,"reference-clicked",7),this.showNested=!1,this.level=0,this.parentName="defaultParentName",this.showChildren=!1,this.updateTrigger=!1,this.showViewOption=!1,this.showDeleteOption=!1,this.showEditOption=!1,this.showUpdateDefaultOption=!1,this.showAdd=!0,this.isDefault=!1,this.add=!1,this.handleButtonClick=e=>{this.showChildren=!this.showChildren,e.stopPropagation(),this.reference&&(this.showNested=!this.showNested,this.updateTrigger=!this.updateTrigger,this.referenceClicked.emit({reference:this.reference,name:this.fieldName,parentReference:this.parentName,parentFilter:this.parentFilter,parent:this.parent,parentPath:this.parentPath}),s(this))},this.onSelfClick=()=>{var e;this.reference||this.itemClick.emit({searchLabel:null!==(e=this.label)&&void 0!==e?e:this.fieldName,searchField:this.fieldName,searchOperator:"",searchValue:"",parentName:this.parentName,parentPath:this.parentPath})},this.handleViewClick=e=>{e.stopPropagation(),this.viewHandler&&this.viewHandler(e)},this.handleDeleteClick=e=>{e.stopPropagation(),this.deleteHandler&&this.deleteHandler(e)},this.handleEditClick=e=>{e.stopPropagation(),this.editHandler&&this.editHandler(e)},this.handleUpdateDefaultClick=e=>{e.stopPropagation(),this.updateDefaultHandler&&this.updateDefaultHandler(e)}}nestedItemsChanged(e,t){e!==t&&(console.log("Nested items have changed"),s(this))}render(){return t("div",{class:"tree-list-item",style:{marginLeft:20*this.level+"px"}},t("div",{class:"label-icon-container",onClick:this.onSelfClick},t("div",{class:"tree-label-select"},t("unity-typography",{variant:"data-display-three"},this.label)),this.gridViewVisibilityTypeId&&t("status-chip",{statusClasses:{Private:"error",Public:"success"},statusValue:1===this.gridViewVisibilityTypeId?"Private":"Public"},1===this.gridViewVisibilityTypeId?"Private":"Public"),this.showEditOption&&t("udp-function-button",{edit:!0,onClick:this.handleEditClick},"Edit"),this.showDeleteOption&&t("udp-function-button",{delete:!0,onClick:this.handleDeleteClick},"Delete"),this.showUpdateDefaultOption&&t("udp-function-button",{isDefault:this.isDefault,onClick:this.handleUpdateDefaultClick},"Make Default"),this.showViewOption&&t("udp-function-button",{view:!0,onClick:this.handleViewClick},"Other Action"),this.reference?t("udp-function-button",{expand:!0,noBackground:!0,onClick:this.handleButtonClick},"Details"):this.showAdd&&t("udp-function-button",{add:!0})),this.showNested&&this.nestedItems&&t("div",{class:"nested-list"},((e,i)=>this.nestedItems.map(((e,a)=>{var s,l,n;return t("tree-list-item",{key:`${e.name}-${i}-${a}`,label:e.name,reference:e.reference,nestedItems:e.referenceNode,level:i+1,parentName:this.fieldName,parentFilter:null===(s=e.extendedProperties)||void 0===s?void 0:s.parentFilter,parent:null===(l=e.extendedProperties)||void 0===l?void 0:l.parent,parentPath:null===(n=e.extendedProperties)||void 0===n?void 0:n.parentPath,"onReference-clicked":e=>{e.stopPropagation(),this.referenceClicked.emit({reference:e.detail.reference,name:e.detail.name,parentReference:this.fieldName,parentFilter:e.detail.parentFilter,parent:e.detail.parent,parentPath:e.detail.parentPath})}})})))(0,this.level)))}static get watchers(){return{nestedItems:[{nestedItemsChanged:0}]}}};d.style='.tree-item{display:flex;border-bottom:1px solid rgba(0,0,0,.12);padding-bottom:8px;margin-bottom:6px}.label{flex:1;padding-left:8px}.arrow-icon{cursor:pointer;font-size:20px;}.tree-item-label{display:flex;justify-content:space-between;width:100%;gap:16px}.tree-label-select{flex:1;display:flex;padding-right:8px;align-items:center}.tree-item{border-bottom:1px solid rgba(0,0,0,.12);padding-bottom:8px;margin-bottom:6px}.tree-item-label{display:flex;width:100%;cursor:pointer}.nested-list{margin-left:20px}.label-icon-container{display:flex;align-items:center;border-bottom:1px solid rgba(0,0,0,.12);padding:4px}[level="1"] .nested-list{margin-left:10px}[level="2"] .nested-list{margin-left:20px}[level="3"] .nested-list{margin-left:30px}[level="4"] .nested-list{margin-left:40px}[level="5"] .nested-list{margin-left:50px}[level="6"] .nested-list{margin-left:60px}';const o=class{constructor(t){e(this,t)}render(){return t("div",{key:"ed2225009af64caa876a0c081d1e56381a8a6de8",class:"header-container"},t("div",{key:"8d67bf82824ecb8462c5706e45e30be51e67fc78",class:"column"}," ",t("unity-typography",{key:"c2e0ea2bf4971250c024f5fbc7a2f9d40ce06130",variant:"button"},"Column  "),"   "),t("div",{key:"cf6757dfb88cff79ad1080c28ff0e6f9471b59b0",class:"operator"},t("unity-typography",{key:"115ed5771ea8082e8819d87e6ae1ceba7532703d",variant:"button"},"Operator ")," "),t("div",{key:"1e8067a55748baa0e83a2cc3c50092662f04d7f0",class:"criteria"},t("unity-typography",{key:"2bbf70196f33feacdbd64416d702f75a8661bece",variant:"button"},"Criteria  "),"  "))}};o.style=".header-container{display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid #ccc;background-color:var(--accent-color-two);color:white}.column,.operator,.criteria{flex:1;text-align:left;padding:4px}";const c=class{constructor(t){e(this,t),this.numColumns=8,this.numRows=5,this.width="calc(100vw - 70px)"}render(){const e=t("div",{key:"e8c1fa77778ac8bbf48352ee32cfec9042358318",class:"grid-row"},Array.from({length:this.numColumns}).map((()=>t("udp-skeleton-loading",{width:"100%",height:"55px"})))),i=Array.from({length:this.numRows}).map((()=>t("div",{class:"grid-row"},Array.from({length:this.numColumns}).map((()=>t("udp-skeleton-loading",{width:"100%",height:"30px"}))))));return t("div",{key:"2b228740ac2d6be319d1d4c3e8af2b04bf57be91",style:{width:this.width}},e,i)}};c.style=":host{display:block}.grid-row{display:flex;justify-content:space-between}udp-skeleton-loading{flex-grow:1;margin:2px}";const h=class{constructor(t){e(this,t),this.valueChanged=i(this,"valueChanged",7),this.selectedValue="1"}radioClicked(e){this.selectedValue=e,this.valueChanged.emit(e)}render(){return t("div",{key:"0626fa753415972173714db8fb9823f568e90fa4",class:"header-container"},t("div",{key:"b9d5a1c1923ec1416bf70a0a25abf4baa8aa7b08",class:"title"},t("unity-typography",{key:"154fcd0a77a11a08bc9f64438aa7c5d244330415",variant:"button"},"Filter Conditions ")),t("div",{key:"c8494138146eb7ceae4187e27a2617a9a874ed70",class:"radio-group"},t("div",{key:"c48f9ba67f87099c3c6df4cab8442e75d2735ffa",onClick:()=>this.radioClicked("1")},t("udp-radio-button",{key:"8f840a932e655ad4239e8f9d775775f1d002f5df",name:"group1",value:"1",label:"And",checked:"1"===this.selectedValue})),t("div",{key:"656f209733139dcd0ed9ec2b451240a9114d6a82",onClick:()=>this.radioClicked("2")},t("udp-radio-button",{key:"d57281d553b73ed44674a76f78446be2906b47d9",name:"group1",value:"2",label:"Or",checked:"2"===this.selectedValue}))))}};h.style=".header-container{display:flex;width:100%;padding:16px;padding-left:0px}.title{flex:1;width:100%;display:'none'}.radio-group{display:flex;gap:16px}";const p=class{constructor(t){e(this,t),this.checked=!1,this.disabled=!1}render(){return t("div",{key:"b10004b69523fcb76b1a9202541862ff28bc70ae",class:"udp-radio-button"},t("slot",{key:"bb7e07a8f1839bd10083d40874ca65b218634cf4"},t("input",{key:"1dcef901fd68580d2076e0a7a88c854f46877238",type:"radio",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,id:`radio-${this.name}-${this.value}`}),t("label",{key:"772e79e12c04efdaab7a8551dd3e69b4c70445b3",htmlFor:`radio-${this.name}-${this.value}`}," ",t("unity-typography",{key:"3fa3bf64cfa5cbb61f10c9bcaa274b81d732b3e3",variant:"caption-text"}," ",this.label,"  ")," ")))}};p.style='.udp-radio-button{display:inline-flex;align-items:center}input[type="radio"]{opacity:0;width:0;height:0;margin:0;z-index:-1}input[type="radio"]+label{position:relative;padding-left:20px;cursor:pointer;font-size:16px;font-family:\'Roboto\', sans-serif}input[type="radio"]+label:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:17px;height:17px;border:1px solid #000;border-radius:50%}input[type="radio"]:checked+label:after{content:"";position:absolute;left:4px;top:50%;transform:translateY(-50%);width:10px;height:10px;background-color:#000;border-radius:50%}input[type="radio"]:disabled+label{opacity:0.5;cursor:not-allowed}';export{n as filter_conditions,r as search_list_item,d as tree_list_item,o as udp_column_header,c as udp_grid_loader,h as udp_page_header,p as udp_radio_button}
+import{r as e,h as t,c as i,a,f as s}from"./index-Cgpvu-iV.js";import l from"@carbon/icons/es/close/24";const n=class{constructor(t){e(this,t)}render(){return t("div",{key:"b3106cd4c44b95869410e75a40e4cfc9e471e4cc",class:"container"},t("udp-column-header",{key:"b400521c19a60df73aec613671ae47fb98fbe8d8"}))}};n.style="";const r=class{constructor(t){e(this,t),this.searchItemChanged=i(this,"searchItemChanged",7),this.isDefault=!1,this.searchOperator="=",this.handleInputBlur=e=>{const t=e.target.value;t!==this.name&&this.searchItemChanged.emit({id:this.id,searchField:this.label,filterGroupId:this.filterGroupId,searchOperator:this.searchOperator,searchValue:t})},this.selectorOptions=[{value:"=",label:"Equals"},{value:"IN",label:"Contains"},{value:"<>",label:"Does not Equal"},{value:">",label:"Greater Than"},{value:"<",label:"Less Than"},{value:">=",label:"Greater Than or Equal To"},{value:"<=",label:"Less Than or Equal To"},{value:"LIKE",label:"Like"},{value:"STARTSWITH",label:"Starts With"},{value:"BETWEEN",label:"Between"}]}operatorChanged(e){e!==this.searchOperator&&null!==e&&(this.searchOperator=e,console.log("Operator changed:",e))}componentWillUpdate(){this.operator&&this.operator.length>0&&(this.searchOperator=this.operator)}conponentDidLoad(){console.log("Component did load:",this.operator)}handleOperatorSelected(e){console.log("event.detail",e.detail.value),this.searchOperator=e.detail.value,this.emitChange()}emitChange(e=this.name){this.searchItemChanged.emit({id:this.id,searchField:this.label,filterGroupId:this.filterGroupId,searchOperator:this.searchOperator||"=",searchValue:e})}render(){return t("div",{key:"713dd4209e447c194f3581ae4412272fdc4fb5a2",class:"list-item"},t("div",{key:"6d39870c650cc07f34d1cc27dd69865c48489c9b",class:"list-body"},t("div",{key:"2c363fce59bda6932cbb26111583cbab417a2e13",class:"name"},t("unity-typography",{key:"dd50d28fa97fe198c3e413b8c75770428a2e8583",variant:"button"},this.label)),t("div",{key:"5f7c1513a97115b3a50a43a2f65a0664475bfb0c",style:{width:"200px"}},t("udp-selector",{key:this.searchOperator,initialValue:this.searchOperator,options:this.selectorOptions,disabled:this.isInitialSearchItem||this.isDefault,onChange:e=>this.handleOperatorSelected(e)})),t("div",{key:"5eb6b9ebb7fc13468d8ddf44795068d2324bef1e",class:"input"},t("text-field",{key:"10cfc17bcb6cd1a7a4ea81ca1471b0d268ea25c2",value:this.name,disabled:this.isInitialSearchItem,onBlur:this.handleInputBlur}))),(!this.isInitialSearchItem||!this.isDefault)&&t("stencil-icon-button",{key:"bcb4f5a36d27679f03a55fb61af28f373b3b884d",icon:l,onClick:this.handleDelete}))}get el(){return a(this)}static get watchers(){return{operator:[{operatorChanged:0}]}}};r.style='.list-item{display:flex;gap:8px;align-items:center;background-color:white;border-bottom:1px solid rgba(0,0,0,.12)}.list-body{display:flex;padding-left:16px;gap:8px;align-items:center;flex:1}.input{margin-top:5.5px}.list-inputs{display:flex;flex:1;gap:24px;align-items:center}.close-button{display:flex;align-items:center}.name{min-width:215px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:215px}.select-container{width:"200px"}';const d=class{constructor(t){e(this,t),this.itemClick=i(this,"itemClick",7),this.referenceClicked=i(this,"reference-clicked",7),this.showNested=!1,this.level=0,this.parentName="defaultParentName",this.showChildren=!1,this.updateTrigger=!1,this.showViewOption=!1,this.showDeleteOption=!1,this.showEditOption=!1,this.showUpdateDefaultOption=!1,this.showAdd=!0,this.isDefault=!1,this.add=!1,this.handleButtonClick=e=>{this.showChildren=!this.showChildren,e.stopPropagation(),this.reference&&(this.showNested=!this.showNested,this.updateTrigger=!this.updateTrigger,this.referenceClicked.emit({reference:this.reference,name:this.fieldName,parentReference:this.parentName,parentFilter:this.parentFilter,parent:this.parent,parentPath:this.parentPath}),s(this))},this.onSelfClick=()=>{var e;this.reference||this.itemClick.emit({searchLabel:null!==(e=this.label)&&void 0!==e?e:this.fieldName,searchField:this.fieldName,searchOperator:"",searchValue:"",parentName:this.parentName,parentPath:this.parentPath})},this.handleViewClick=e=>{e.stopPropagation(),this.viewHandler&&this.viewHandler(e)},this.handleDeleteClick=e=>{e.stopPropagation(),this.deleteHandler&&this.deleteHandler(e)},this.handleEditClick=e=>{e.stopPropagation(),this.editHandler&&this.editHandler(e)},this.handleUpdateDefaultClick=e=>{e.stopPropagation(),this.updateDefaultHandler&&this.updateDefaultHandler(e)}}nestedItemsChanged(e,t){e!==t&&(console.log("Nested items have changed"),s(this))}render(){return t("div",{class:"tree-list-item",style:{marginLeft:20*this.level+"px"}},t("div",{class:"label-icon-container",onClick:this.onSelfClick},t("div",{class:"tree-label-select"},t("unity-typography",{variant:"data-display-three"},this.label)),this.gridViewVisibilityTypeId&&t("status-chip",{statusClasses:{Private:"error",Public:"success"},statusValue:1===this.gridViewVisibilityTypeId?"Private":"Public"},1===this.gridViewVisibilityTypeId?"Private":"Public"),this.showEditOption&&t("udp-function-button",{edit:!0,onClick:this.handleEditClick},"Edit"),this.showDeleteOption&&t("udp-function-button",{delete:!0,onClick:this.handleDeleteClick},"Delete"),this.showUpdateDefaultOption&&t("udp-function-button",{isDefault:this.isDefault,onClick:this.handleUpdateDefaultClick},"Make Default"),this.showViewOption&&t("udp-function-button",{view:!0,onClick:this.handleViewClick},"Other Action"),this.reference?t("udp-function-button",{expand:!0,noBackground:!0,onClick:this.handleButtonClick},"Details"):this.showAdd&&t("udp-function-button",{add:!0})),this.showNested&&this.nestedItems&&t("div",{class:"nested-list"},((e,i)=>this.nestedItems.map(((e,a)=>{var s,l,n;return t("tree-list-item",{key:`${e.name}-${i}-${a}`,label:e.name,reference:e.reference,nestedItems:e.referenceNode,level:i+1,parentName:this.fieldName,parentFilter:null===(s=e.extendedProperties)||void 0===s?void 0:s.parentFilter,parent:null===(l=e.extendedProperties)||void 0===l?void 0:l.parent,parentPath:null===(n=e.extendedProperties)||void 0===n?void 0:n.parentPath,"onReference-clicked":e=>{e.stopPropagation(),this.referenceClicked.emit({reference:e.detail.reference,name:e.detail.name,parentReference:this.fieldName,parentFilter:e.detail.parentFilter,parent:e.detail.parent,parentPath:e.detail.parentPath})}})})))(0,this.level)))}static get watchers(){return{nestedItems:[{nestedItemsChanged:0}]}}};d.style='.tree-item{display:flex;border-bottom:1px solid rgba(0,0,0,.12);padding-bottom:8px;margin-bottom:6px}.label{flex:1;padding-left:8px}.arrow-icon{cursor:pointer;font-size:20px;}.tree-item-label{display:flex;justify-content:space-between;width:100%;gap:16px}.tree-label-select{flex:1;display:flex;padding-right:8px;align-items:center}.tree-item{border-bottom:1px solid rgba(0,0,0,.12);padding-bottom:8px;margin-bottom:6px}.tree-item-label{display:flex;width:100%;cursor:pointer}.nested-list{margin-left:20px}.label-icon-container{display:flex;align-items:center;border-bottom:1px solid rgba(0,0,0,.12);padding:4px}[level="1"] .nested-list{margin-left:10px}[level="2"] .nested-list{margin-left:20px}[level="3"] .nested-list{margin-left:30px}[level="4"] .nested-list{margin-left:40px}[level="5"] .nested-list{margin-left:50px}[level="6"] .nested-list{margin-left:60px}';const o=class{constructor(t){e(this,t)}render(){return t("div",{key:"a05806fd13c3dcf2596736acad82f4f36f9b1fd7",class:"header-container"},t("div",{key:"b5a327eb3c15546268a35d4507a77234952ce697",class:"column"}," ",t("unity-typography",{key:"d8cde18dea25bc890ba179c1f8e293ab24cd1508",variant:"button"},"Column  "),"   "),t("div",{key:"f9b4fd41e0e61d8647f48a1676d28602763888b3",class:"operator"},t("unity-typography",{key:"b7853e9d227ac94b8bc490c4f9e70c18ee526bec",variant:"button"},"Operator ")," "),t("div",{key:"1672f8bd14a1a65d59668d19b805334b7aa061c9",class:"criteria"},t("unity-typography",{key:"3296ba5928a83f92eb27bef93270168ea1da1ea8",variant:"button"},"Criteria  "),"  "))}};o.style=".header-container{display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid #ccc;background-color:var(--accent-color-two);color:white}.column,.operator,.criteria{flex:1;text-align:left;padding:4px}";const c=class{constructor(t){e(this,t),this.numColumns=8,this.numRows=5,this.width="calc(100vw - 70px)"}render(){const e=t("div",{key:"1d7b2fe802951231ad127d3bb2505e1fb84351e3",class:"grid-row"},Array.from({length:this.numColumns}).map((()=>t("udp-skeleton-loading",{width:"100%",height:"55px"})))),i=Array.from({length:this.numRows}).map((()=>t("div",{class:"grid-row"},Array.from({length:this.numColumns}).map((()=>t("udp-skeleton-loading",{width:"100%",height:"30px"}))))));return t("div",{key:"0df24b6402a33185ede13460d4a142c15a302b0b",style:{width:this.width}},e,i)}};c.style=":host{display:block}.grid-row{display:flex;justify-content:space-between}udp-skeleton-loading{flex-grow:1;margin:2px}";const h=class{constructor(t){e(this,t),this.valueChanged=i(this,"valueChanged",7),this.selectedValue="1"}radioClicked(e){this.selectedValue=e,this.valueChanged.emit(e)}render(){return t("div",{key:"010a7b790f13cd139d83d17ce2e2fcc6ac8ab8de",class:"header-container"},t("div",{key:"33e7d855c08f6e51068baf3307036fa3b4007cbe",class:"title"},t("unity-typography",{key:"1033df1181c176c309186f4a0e2b769d746d77b9",variant:"button"},"Filter Conditions ")),t("div",{key:"309c5598ab618dfb6105813ab9bcac79903b5cdf",class:"radio-group"},t("div",{key:"6b88b4bc7fe7485113078caa865e67c0f5cf6636",onClick:()=>this.radioClicked("1")},t("udp-radio-button",{key:"1f76d0dd01201d15bbf1289ac6772d6674826e0f",name:"group1",value:"1",label:"And",checked:"1"===this.selectedValue})),t("div",{key:"aa20fe4f38cf46784027d7cd2726f491c73b356b",onClick:()=>this.radioClicked("2")},t("udp-radio-button",{key:"86350922577ed97398b78b52b6ed54543f24259d",name:"group1",value:"2",label:"Or",checked:"2"===this.selectedValue}))))}};h.style=".header-container{display:flex;width:100%;padding:16px;padding-left:0px}.title{flex:1;width:100%;display:'none'}.radio-group{display:flex;gap:16px}";const p=class{constructor(t){e(this,t),this.checked=!1,this.disabled=!1}render(){return t("div",{key:"b10004b69523fcb76b1a9202541862ff28bc70ae",class:"udp-radio-button"},t("slot",{key:"bb7e07a8f1839bd10083d40874ca65b218634cf4"},t("input",{key:"1dcef901fd68580d2076e0a7a88c854f46877238",type:"radio",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,id:`radio-${this.name}-${this.value}`}),t("label",{key:"772e79e12c04efdaab7a8551dd3e69b4c70445b3",htmlFor:`radio-${this.name}-${this.value}`}," ",t("unity-typography",{key:"3fa3bf64cfa5cbb61f10c9bcaa274b81d732b3e3",variant:"caption-text"}," ",this.label,"  ")," ")))}};p.style='.udp-radio-button{display:inline-flex;align-items:center}input[type="radio"]{opacity:0;width:0;height:0;margin:0;z-index:-1}input[type="radio"]+label{position:relative;padding-left:20px;cursor:pointer;font-size:16px;font-family:\'Roboto\', sans-serif}input[type="radio"]+label:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:17px;height:17px;border:1px solid #000;border-radius:50%}input[type="radio"]:checked+label:after{content:"";position:absolute;left:4px;top:50%;transform:translateY(-50%);width:10px;height:10px;background-color:#000;border-radius:50%}input[type="radio"]:disabled+label{opacity:0.5;cursor:not-allowed}';export{n as filter_conditions,r as search_list_item,d as tree_list_item,o as udp_column_header,c as udp_grid_loader,h as udp_page_header,p as udp_radio_button}