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

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

@@ -1 +1 @@
-import{r as e,h as t,H as n}from"./index-Cgpvu-iV.js";const s=class{constructor(t){e(this,t),this.queries={}}getContainerQueryStyle(){return Object.entries(this.queries).map((([e,t])=>`\n  @container (min-width: ${e}px) {\n    ::slotted(*) {\n      ${Object.entries(t).map((([e,t])=>`${e}: ${t};`)).join("\n      ")}\n    }\n  }`)).join("\n")}render(){return t(n,{key:"c7ada38fd8aea9595f34efe1810d1b7d77fe90d2",class:{[this.customClass]:!!this.customClass}},t("style",{key:"ff3ea9ab44f75ed1f2a7286b86c8659277d85689"},this.getContainerQueryStyle()),t("slot",{key:"5a5e683855caa41142dbb9bd7214179b920db314"}))}};s.style=":host{display:block;container-type:inline-size;width:100%}:host(.container-query) ::slotted(*){transition:all 0.3s ease}";export{s as udp_container_query}
+import{r as e,h as t,H as n}from"./index-Cgpvu-iV.js";const s=class{constructor(t){e(this,t),this.queries={}}getContainerQueryStyle(){return Object.entries(this.queries).map((([e,t])=>`\n  @container (min-width: ${e}px) {\n    ::slotted(*) {\n      ${Object.entries(t).map((([e,t])=>`${e}: ${t};`)).join("\n      ")}\n    }\n  }`)).join("\n")}render(){return t(n,{key:"8488cdd4ea26bb03accf4d3ecd43c3acf062be44",class:{[this.customClass]:!!this.customClass}},t("style",{key:"109b303072f6c3868fc35bc97389a42145b8e131"},this.getContainerQueryStyle()),t("slot",{key:"387a64ae9d981524b44002b92745fb3bea99557c"}))}};s.style=":host{display:block;container-type:inline-size;width:100%}:host(.container-query) ::slotted(*){transition:all 0.3s ease}";export{s as udp_container_query}

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

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

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

@@ -1 +1 @@
-import{r as e,c as i,h as t,a as s}from"./index-Cgpvu-iV.js";const n=class{constructor(t){e(this,t),this.udpChipClicked=i(this,"udpChipClicked",7),this.visibleChildren=null,this.menuChildren=[],this.anchorEl=null,this.containerWidth=0,this.rerender=0,this.renderReady=!1,this.popoverOpen=!1,this.externalToggle="",this.menuItems=[],this.open=!1,this.id="",this.handlePopover=()=>{this.popoverOpen=!this.popoverOpen},this.boundCalculateChildren=function(e){let i=null;return(...t)=>{i&&clearTimeout(i),i=setTimeout((()=>{e(...t)}),300)}}(this.calculateChildren.bind(this))}componentWillLoad(){}componentWillUpdate(){}async calculateChildren(){if(!this.el.shadowRoot)return;console.log("Calculating children..."),console.log("Menu Items:",JSON.stringify(this.menuItems));const e=this.el.shadowRoot.querySelector(".container");console.log("Container:",e),e&&(this.containerWidth=e.offsetWidth,console.log("Container Width:",this.containerWidth));let i=0;const t=[],s=[];this.menuItems.forEach((e=>{var n;if(e){const c=(null===(n=e.props)||void 0===n?void 0:n.width)||100;i+c<=this.containerWidth?(i+=c,t.push(e)):s.push(e)}})),this.visibleChildren=[...t],this.menuChildren=[...s],this.rerender+=1}childrenChanged(){this.calculateChildren()}async componentDidLoad(){await this.calculateChildren().then((()=>{this.renderReady=!0})),window.addEventListener("resize",this.boundCalculateChildren),Array.from(document.querySelectorAll("stencil-chip")).forEach((e=>{e.addEventListener("chipClicked",(e=>{this.handleChipClick(e.detail)}))}))}disconnectedCallback(){window.removeEventListener("resize",this.boundCalculateChildren)}handleChipClick(e){this.udpChipClicked.emit(e)}render(){return t("div",{key:"c9dd6101563a70e3f02180fb24b67e861e9d2f24",class:"container"},t("div",{key:"161deb2e2a15badcd262be86b1b72c8ccfa61542",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:"be567a029a7613a2c5bfc2e3ed2760bb1263ac27",class:"overflow"},t("udp-pop-over",{key:"33dd43689756c36b09a3c92f7d0740a6a7274890",isOpen:this.popoverOpen,anchorElement:document.getElementById("anchorElement")},t("div",{key:"f8cfe64186c045897dee641ea320870a70dc7b14",class:"menu"},this.menuChildren&&this.menuChildren.map(((e,i)=>t("stencil-chip",{key:i,text:e.label,"show-delete":"false"}," ")))))))}get el(){return s(this)}static get watchers(){return{menuItems:[{childrenChanged:0}]}}};n.style=".container{width:100%;overflow:hidden;display:flex;flex-wrap:nowrap;flex:1;min-width:600px;}.menu{display:flex;flex-direction:column;gap:8px}.chips{display:flex;gap:8px;flex-grow:1;}.overflow{display:flex}";export{n as udp_dynamic_container_with_menu}
+import{r as e,c as i,h as t,a as s}from"./index-Cgpvu-iV.js";const n=class{constructor(t){e(this,t),this.udpChipClicked=i(this,"udpChipClicked",7),this.visibleChildren=null,this.menuChildren=[],this.anchorEl=null,this.containerWidth=0,this.rerender=0,this.renderReady=!1,this.popoverOpen=!1,this.externalToggle="",this.menuItems=[],this.open=!1,this.id="",this.handlePopover=()=>{this.popoverOpen=!this.popoverOpen},this.boundCalculateChildren=function(e){let i=null;return(...t)=>{i&&clearTimeout(i),i=setTimeout((()=>{e(...t)}),300)}}(this.calculateChildren.bind(this))}componentWillLoad(){}componentWillUpdate(){}async calculateChildren(){if(!this.el.shadowRoot)return;console.log("Calculating children..."),console.log("Menu Items:",JSON.stringify(this.menuItems));const e=this.el.shadowRoot.querySelector(".container");console.log("Container:",e),e&&(this.containerWidth=e.offsetWidth,console.log("Container Width:",this.containerWidth));let i=0;const t=[],s=[];this.menuItems.forEach((e=>{var n;if(e){const c=(null===(n=e.props)||void 0===n?void 0:n.width)||100;i+c<=this.containerWidth?(i+=c,t.push(e)):s.push(e)}})),this.visibleChildren=[...t],this.menuChildren=[...s],this.rerender+=1}childrenChanged(){this.calculateChildren()}async componentDidLoad(){await this.calculateChildren().then((()=>{this.renderReady=!0})),window.addEventListener("resize",this.boundCalculateChildren),Array.from(document.querySelectorAll("stencil-chip")).forEach((e=>{e.addEventListener("chipClicked",(e=>{this.handleChipClick(e.detail)}))}))}disconnectedCallback(){window.removeEventListener("resize",this.boundCalculateChildren)}handleChipClick(e){this.udpChipClicked.emit(e)}render(){return t("div",{key:"d564c0a886d6f6b02c1ab4611a17067057021ded",class:"container"},t("div",{key:"7bce725d034a1ab47e4af5304c0bb1bc8672b3d6",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:"3edf0874a248dd35f6c7d2266aa24cc7b9b2fb67",class:"overflow"},t("udp-pop-over",{key:"a8bc2e954746aa89bdcceee623412a8d9d55abc4",isOpen:this.popoverOpen,anchorElement:document.getElementById("anchorElement")},t("div",{key:"8bb01e6a8256754fcbc5c01d2d8179467016729a",class:"menu"},this.menuChildren&&this.menuChildren.map(((e,i)=>t("stencil-chip",{key:i,text:e.label,"show-delete":"false"}," ")))))))}get el(){return s(this)}static get watchers(){return{menuItems:[{childrenChanged:0}]}}};n.style=".container{width:100%;overflow:hidden;display:flex;flex-wrap:nowrap;flex:1;min-width:600px;}.menu{display:flex;flex-direction:column;gap:8px}.chips{display:flex;gap:8px;flex-grow:1;}.overflow{display:flex}";export{n as udp_dynamic_container_with_menu}

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

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

package/dist/stencil-library/udp-fluent-file-input.entry.js

@@ -1 +1 @@
-import{r as e,c as t,h as i,H as o,a as r}from"./index-Cgpvu-iV.js";import"@fluentui/web-components/field.js";import"@fluentui/web-components/label.js";function n(e){return"pending"===e.kind?e.file.name:e.name}function a(e){return(e||"").trim().toLowerCase()}function s(e){if("pending"===e.kind){const t=e.file;return`pending::${a(t.name)}::${t.size}::${t.lastModified}`}return`stored::${e.driveFileId}`}function l(e){var t;const i=null===(t=e.dataTransfer)||void 0===t?void 0:t.types;return!!i&&Array.from(i).includes("Files")}function c(e,t,i,o,r,n){if(t.accept&&!function(e,t){if(!t)return!0;const i=t.split(",").map((e=>e.trim())).filter((e=>e.length>0));if(0===i.length)return!0;const o=(e.type||"").toLowerCase(),r=(e.name||"").toLowerCase();for(const e of i){const t=e.toLowerCase();if(t.startsWith(".")){if(r.endsWith(t))return!0}else if(t.endsWith("/*")){const e=t.slice(0,-1);if(o.startsWith(e))return!0}else if(o===t)return!0}return!1}(e,t.accept))return"mime";if(null!=t.maxFileSizeBytes&&e.size>t.maxFileSizeBytes)return"size";if(!n&&r<=0)return"maxFiles";const s=a(e.name);return!n&&o.has(s)||i.has(s)?"duplicate":null}function d(e){if(!e)return null;const t=new Date(e);return Number.isNaN(t.getTime())?null:new Intl.DateTimeFormat(void 0,{dateStyle:"medium",timeStyle:"short"}).format(t)}function h(e,t){const i=URL.createObjectURL(e),o=document.createElement("a");o.href=i,o.download=t,o.style.display="none",document.body.appendChild(o),o.click(),document.body.removeChild(o),setTimeout((()=>URL.revokeObjectURL(i)),1e3)}const p=class{constructor(i){e(this,i),this.valueChanged=t(this,"valueChanged",7),this.fileRejected=t(this,"fileRejected",7),this.downloadRequested=t(this,"downloadRequested",7),this.inputBlur=t(this,"inputBlur",7),this.inputFocus=t(this,"inputFocus",7),this.view="list",this.value=[],this.includeErrorPadding=!0,this.required=!1,this.disabled=!1,this.readonly=!1,this.hideDragAndDrop=!1,this.hideButton=!1,this.displayUploadTime=!1,this.appearance="outline",this.disableLightbox=!1,this.items=[],this.isDragging=!1,this.fieldHasFocus=!1,this.lightboxIndex=-1,this.previews=new Map,this.lightboxTrigger=null,this.requestDownload=e=>{this.disabled||("pending"!==e.kind?"function"==typeof this.loadStoredFile?this.loadStoredFile(e).then((t=>{h(t instanceof File?t:new File([t],e.name,{type:t.type||"application/octet-stream"}),e.name)})).catch((()=>{})):this.downloadRequested.emit(e):h(e.file,e.file.name))},this.handleBrowseClick=e=>{var t;this.disabled||this.readonly||(e.preventDefault(),e.stopPropagation(),null===(t=this.fileInputRef)||void 0===t||t.click())},this.handleInputChange=e=>{const t=e.target;t.files&&t.files.length>0&&this.intakeFiles(t.files),t.value=""},this.handleDragEnter=e=>{this.disabled||this.readonly||this.hideDragAndDrop||l(e)&&(e.preventDefault(),e.stopPropagation(),this.isDragging=!0)},this.handleDragOver=e=>{this.disabled||this.readonly||this.hideDragAndDrop||l(e)&&(e.preventDefault(),e.stopPropagation(),e.dataTransfer&&(e.dataTransfer.dropEffect="copy"))},this.handleDragLeave=e=>{if(this.disabled||this.readonly||this.hideDragAndDrop)return;e.preventDefault(),e.stopPropagation();const t=e.currentTarget,i=e.relatedTarget;t&&i&&t.contains(i)||(this.isDragging=!1)},this.handleDrop=e=>{if(this.disabled||this.readonly||this.hideDragAndDrop)return;e.preventDefault(),e.stopPropagation(),this.isDragging=!1;const t=e.dataTransfer;t&&t.files&&t.files.length>0&&this.intakeFiles(t.files)},this.handleDropZoneKeyDown=e=>{var t;this.disabled||this.readonly||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),null===(t=this.fileInputRef)||void 0===t||t.click())},this.handleFieldFocusIn=()=>{this.fieldHasFocus||(this.fieldHasFocus=!0,this.inputFocus.emit())},this.handleFieldFocusOut=e=>{const t=e.relatedTarget,i=e.currentTarget;t&&i&&i.contains(t)||this.fieldHasFocus&&(this.fieldHasFocus=!1,this.inputBlur.emit())},this.handleLightboxKeyDown=e=>{"ArrowRight"===e.key?(e.preventDefault(),this.navigateLightbox(1)):"ArrowLeft"===e.key&&(e.preventDefault(),this.navigateLightbox(-1))},this.handleBackdropClick=e=>{e.target===e.currentTarget&&this.closeLightbox()},this.handleDialogClose=()=>{var e;this.lightboxIndex>=0&&(this.lightboxIndex=-1),null===(e=this.lightboxTrigger)||void 0===e||e.focus(),this.lightboxTrigger=null}}componentWillLoad(){this.items=Array.isArray(this.value)?this.value:[],"gallery"===this.view&&this.syncPreviews(this.items)}onValueChange(e){const t=Array.isArray(e)?e:[];t!==this.items&&(this.items=t,"gallery"===this.view&&this.syncPreviews(t))}onViewChange(e){"gallery"===e?this.syncPreviews(this.items):(this.clearPreviews(),this.lightboxIndex=-1)}disconnectedCallback(){this.clearPreviews()}clearPreviews(){this.previews.forEach((e=>{e.revokable&&e.url&&URL.revokeObjectURL(e.url)})),this.previews=new Map}syncPreviews(e){const t=new Set,i=new Map(this.previews);for(const o of e){const e=s(o);t.add(e),i.has(e)||i.set(e,this.createPreview(o))}for(const[e,o]of Array.from(i.entries()))t.has(e)||(o.revokable&&o.url&&URL.revokeObjectURL(o.url),i.delete(e));this.previews=i}createPreview(e){if("pending"===e.kind)return{url:URL.createObjectURL(e.file),loading:!1,revokable:!0,status:"ready"};if("function"!=typeof this.loadStoredFile)return{url:null,loading:!1,revokable:!1,status:"unavailable"};const t={url:null,loading:!0,revokable:!1,status:"loading"},i=s(e);return this.loadStoredFile(e).then((e=>{const o=e instanceof Blob?e:new Blob([e]),r=URL.createObjectURL(o);this.previews.get(i)===t?this.previews=new Map(this.previews).set(i,{url:r,loading:!1,revokable:!0,status:"ready"}):URL.revokeObjectURL(r)})).catch((()=>{this.previews.get(i)===t&&(this.previews=new Map(this.previews).set(i,Object.assign(Object.assign({},t),{loading:!1,status:"error"})))})),t}intakeFiles(e){if(this.disabled||this.readonly)return;const t=function(e,t,i){const o=Array.from(e),r=[],s=[],l=new Set,d=new Set(t.map((e=>a(n(e)))));let h=null==i.maxFiles?Number.POSITIVE_INFINITY:Math.max(0,i.maxFiles-t.length);const p=1===i.maxFiles,u=(new Date).toISOString();for(const e of o){const t=c(e,i,l,d,h,p);t?s.push({file:e,reason:t}):(l.add(a(e.name)),r.push({kind:"pending",file:e,uploadedAt:u}),h-=1)}return 0===r.length?{accepted:r,rejected:s,next:null}:{accepted:r,rejected:s,next:p?r:[...t,...r]}}(e,this.items,{accept:this.accept,maxFiles:this.maxFiles,maxFileSizeBytes:this.maxFileSizeBytes});t.rejected.forEach((e=>this.fileRejected.emit(e))),t.next&&this.commit(t.next)}commit(e){this.items=e,"gallery"===this.view&&this.syncPreviews(e),this.valueChanged.emit(e)}removeAt(e){if(this.disabled||this.readonly)return;if(e<0||e>=this.items.length)return;const t=this.items.slice();t.splice(e,1),this.commit(t)}openLightbox(e,t){this.disableLightbox||e<0||e>=this.items.length||(this.lightboxIndex=e,this.lightboxTrigger=null!=t?t:null,requestAnimationFrame((()=>{this.dialogRef&&!this.dialogRef.open&&this.dialogRef.showModal()})))}closeLightbox(){var e;this.lightboxIndex<0||(this.lightboxIndex=-1,(null===(e=this.dialogRef)||void 0===e?void 0:e.open)&&this.dialogRef.close())}navigateLightbox(e){if(this.lightboxIndex<0)return;const t=this.items.length;0!==t&&(this.lightboxIndex=(this.lightboxIndex+e+t)%t)}render(){const e=!!this.error,t=this.error||this.hint,r=!t&&!this.includeErrorPadding,n=1!==this.maxFiles,a=this.items.length>0,s=!(this.readonly||null!=this.maxFiles&&1!==this.maxFiles&&this.items.length>=this.maxFiles);return i(o,{key:"72e0adf855126be24a828e5d196e2d8917137b3b",class:{"has-error":e,[`view-${this.view}`]:!0,[`appearance-${this.appearance}`]:!0,disabled:this.disabled,readonly:this.readonly}},i("fluent-field",{key:"3defd0f86d964201f8470bc6ef69c62bce6388e4",class:{"no-message":r}},i("div",{key:"4e8f09739d8db8ad756a049838594229e812460a",slot:"input",class:"root"},this.label&&i("fluent-label",{key:"b12d4baf70aeeb7530597db4f663b8c8a1b0fd8c",class:"field-label",required:this.required,disabled:this.disabled},this.label),i("input",{key:"6b35002df8db2a1f653f5aac63d3b42ade9a877e",ref:e=>this.fileInputRef=e,type:"file",class:"hidden-input",name:this.name,accept:this.accept,multiple:n,disabled:this.disabled||this.readonly,onChange:this.handleInputChange,onClick:e=>e.stopPropagation()}),this.renderDropContainer({hasFiles:a,showDropZone:s,allowMultiple:n})),i("udp-text",{key:"b382f1802365a7330fa284eea8c26c388010ab2a",slot:"message",variant:"caption1",class:{message:!0,error:e,"include-error-padding":this.includeErrorPadding}},t)),"gallery"===this.view&&i("dialog",{key:"f50c537ae4a75d6d9e2b56dd8e4cfc41fca05ab0",class:"lightbox",ref:e=>this.dialogRef=e,onClose:this.handleDialogClose,onClick:this.handleBackdropClick,onKeyDown:this.handleLightboxKeyDown},this.lightboxIndex>=0&&this.renderLightboxContent()))}renderDropContainer(e){const{hasFiles:t,showDropZone:o,allowMultiple:r}=e,n=!this.hideDragAndDrop&&!this.readonly;return i("div",Object.assign({class:{"drop-container":!0,dragging:this.isDragging,"has-files":t,"no-dnd":!n,readonly:this.readonly},onDragEnter:this.handleDragEnter,onDragOver:this.handleDragOver,onDragLeave:this.handleDragLeave,onDrop:this.handleDrop,onFocusin:this.handleFieldFocusIn,onFocusout:this.handleFieldFocusOut},!n||t||this.readonly?{}:{role:"button",tabIndex:0,onKeyDown:this.handleDropZoneKeyDown}),t&&"list"===this.view&&this.renderFileList(),t&&"gallery"===this.view&&this.renderGallery(),!t&&this.readonly&&this.renderEmptyReadonly(r),o&&!t&&this.renderEmptyPrompt(r),o&&t&&this.renderCompactPrompt(r))}renderEmptyPrompt(e){const t=!this.hideDragAndDrop,o=!this.hideButton,r=this.itemNoun(e),n=this.dragAndDropMessage||`Drag and drop ${r} here`,a=this.browseFileMessage||`Browse ${r}`,s="gallery"===this.view?"image":"cloud-upload";return i("div",{class:"empty-prompt"},i("slot",{name:"start"}),t&&i("div",{class:"empty-prompt-content"},i("udp-fluent-icon",{name:s,size:"sm",class:"empty-prompt-icon"}),i("span",{class:"empty-prompt-text"},n)),o&&i("udp-fluent-button",{class:"empty-prompt-button",appearance:"outline",size:"small",disabled:this.disabled,onClick:this.handleBrowseClick},a),i("slot",{name:"end"}))}renderEmptyReadonly(e){const t=this.itemNoun(e);return i("div",{class:"empty-readonly"},i("span",{class:"empty-readonly-text"},"No ",t," attached"))}renderCompactPrompt(e){const t=!this.hideDragAndDrop,o=!this.hideButton,r=`Drag and drop more ${this.itemNoun(e)}`,n=e?"Browse":`Browse ${this.singularNoun()}`;return i("div",{class:"compact-prompt"},t&&i("div",{class:"compact-prompt-text"},i("udp-fluent-icon",{name:"gallery"===this.view?"image":"cloud-upload",size:"sm",class:"compact-prompt-icon"}),i("span",null,r)),o&&i("udp-fluent-button",{class:"compact-prompt-button",appearance:"outline",size:"small",disabled:this.disabled,onClick:this.handleBrowseClick},n))}itemNoun(e){return"gallery"===this.view?e?"images":"an image":e?"files":"a file"}singularNoun(){return"gallery"===this.view?"image":"file"}renderFileList(){return i("ul",{class:"file-list",role:"list"},this.items.map(((e,t)=>this.renderFileRow(e,t))))}renderFileRow(e,t){const o=n(e),r="pending"===e.kind?function(e){if(!Number.isFinite(e)||e<0)return"";if(e<1024)return`${e} B`;const t=["KB","MB","GB","TB"];let i=e/1024,o=0;for(;i>=1024&&o<t.length-1;)i/=1024,o+=1;return`${i.toFixed(i>=10||0===o?0:1)} ${t[o]}`}(e.file.size):null,a=this.displayUploadTime?d(e.uploadedAt):null,s=[o,r,a].filter(Boolean);return i("li",{class:"file-chip",key:`${e.kind}:${o}:${t}`,title:s.join(" · ")},i("udp-fluent-icon",{name:"document",size:"sm",class:"file-chip-icon"}),i("button",{type:"button",class:"file-chip-name",disabled:this.disabled,"aria-label":`Download ${o}`,onClick:()=>this.requestDownload(e)},i("span",{class:"file-chip-name-text"},o)),(r||a||"stored"===e.kind)&&i("span",{class:"file-chip-detail"},r&&i("span",null,r),a&&i("span",null,a),"stored"===e.kind&&i("udp-fluent-badge",{class:"file-chip-saved-badge",appearance:"filled",color:"subtle",size:"small"},"saved")),!this.readonly&&i("udp-fluent-icon-button",{class:"file-chip-remove",iconName:"dismiss",appearance:"subtle",size:"small",ariaLabel:`Remove ${o}`,disabled:this.disabled,onClick:()=>this.removeAt(t)}))}renderGallery(){return i("ul",{class:"gallery",role:"list"},this.items.map(((e,t)=>this.renderThumb(e,t))))}renderThumb(e,t){const o=s(e),r=this.previews.get(o),a=n(e),l=this.displayUploadTime?d(e.uploadedAt):null,c=!this.disableLightbox&&!!(null==r?void 0:r.url);return i("li",{class:"thumb",key:o},i("div",{class:"thumb-frame"},i("button",{type:"button",class:{"thumb-button":!0,clickable:c},onClick:e=>c&&this.openLightbox(t,e.currentTarget),disabled:!c,title:a},(null==r?void 0:r.url)?i("img",{class:"thumb-img",src:r.url,alt:a}):(null==r?void 0:r.loading)?i("udp-spinner",{size:"small"}):i("udp-fluent-icon",{name:"error"===(null==r?void 0:r.status)?"warning":"image",size:"md",class:"thumb-placeholder-icon"}),"stored"===e.kind&&i("udp-fluent-badge",{class:"thumb-saved-badge",appearance:"filled",color:"brand",size:"small"},"saved")),!this.readonly&&i("udp-fluent-icon-button",{class:"thumb-remove",iconName:"dismiss",appearance:"subtle",size:"small",ariaLabel:`Remove ${a}`,disabled:this.disabled,onClick:()=>this.removeAt(t)})),i("div",{class:"thumb-meta"},i("button",{type:"button",class:"thumb-name",disabled:this.disabled,"aria-label":`Download ${a}`,onClick:()=>this.requestDownload(e),title:`Download ${a}`},i("span",{class:"thumb-name-text"},a)),l&&i("span",{class:"thumb-stamp"},l)))}renderLightboxContent(){const e=this.items[this.lightboxIndex];if(!e)return null;const t=this.previews.get(s(e)),o=n(e),r=this.items.length,a=r>1;return i("div",{class:"lightbox-content","aria-label":o},i("div",{class:"lightbox-header"},i("span",{class:"lightbox-name",title:o},o),i("udp-fluent-icon-button",{class:"lightbox-close",iconName:"dismiss",appearance:"subtle",size:"large",ariaLabel:"Close preview",onClick:()=>this.closeLightbox()})),i("div",{class:"lightbox-stage"},a&&i("udp-fluent-icon-button",{class:"lightbox-nav lightbox-prev",iconName:"chevron-left",appearance:"subtle",size:"medium",ariaLabel:"Previous image",onClick:()=>this.navigateLightbox(-1)}),(null==t?void 0:t.url)?i("img",{class:"lightbox-image",src:t.url,alt:o}):(null==t?void 0:t.loading)?i("udp-spinner",{size:"medium"}):i("span",{class:"lightbox-error"},"No preview available"),a&&i("udp-fluent-icon-button",{class:"lightbox-nav lightbox-next",iconName:"chevron-right",appearance:"subtle",size:"medium",ariaLabel:"Next image",onClick:()=>this.navigateLightbox(1)})),a&&i("div",{class:"lightbox-counter"},this.lightboxIndex+1," / ",r))}get el(){return r(this)}static get watchers(){return{value:[{onValueChange:0}],view:[{onViewChange:0}]}}};p.style=":host{display:block;width:100%;font-family:var(--fontFamilyBase)}fluent-field{width:100%}fluent-field.no-message::part(message){display:none}.root{display:flex;flex-direction:column;gap:var(--spacingVerticalS, 8px);width:100%}.field-label{display:block;margin-bottom:var(--spacingVerticalXXS, 2px)}.hidden-input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.drop-container{border:2px dashed var(--colorNeutralStroke1, #d1d1d1);border-radius:var(--borderRadiusMedium, 4px);background-color:var(--colorNeutralBackground1, #ffffff);transition:background-color 100ms ease,     border-color 100ms ease;outline:none;padding:var(--spacingVerticalM, 12px);display:flex;flex-direction:column;justify-content:center;gap:var(--spacingVerticalM, 12px);min-height:144px;box-sizing:border-box}.drop-container.has-files{justify-content:space-between;border-color:var(--colorNeutralStroke2, #e0e0e0);cursor:default}:host(.appearance-filled) .drop-container{background-color:var(--colorNeutralBackground2, #fafafa)}.drop-container[role='button']{cursor:pointer}.drop-container[role='button']:focus-visible{outline:2px solid var(--colorStrokeFocus2, #000000);outline-offset:2px}.drop-container.dragging{background-color:var(--colorNeutralBackground1Hover, #f5f5f5);border-color:var(--colorNeutralStrokeAccessible, #616161)}.drop-container.no-dnd:not(.readonly){border-style:solid}.drop-container.readonly{cursor:default;border-style:solid}.drop-container.has-files.dragging{border-style:dashed;background-color:var(--colorNeutralBackground1Hover, #f5f5f5)}.empty-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacingVerticalXS, 4px);pointer-events:none;}.empty-prompt-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacingVerticalXXS, 2px);color:var(--colorNeutralForeground3, #707070);font-size:var(--fontSizeBase200, 12px)}.empty-prompt-icon{color:inherit}.empty-prompt-text{color:inherit;text-align:center}.empty-prompt-button{pointer-events:auto}.empty-readonly{display:flex;align-items:center;justify-content:center}.empty-readonly-text{color:var(--colorNeutralForeground3, #707070);font-size:var(--fontSizeBase200, 12px);font-style:italic}.compact-prompt{display:flex;align-items:center;justify-content:space-between;gap:var(--spacingHorizontalM, 12px);padding:var(--spacingVerticalM, 12px) 0 0 0;border-top:1px dashed var(--colorNeutralStroke3, #ebebeb);pointer-events:none}.compact-prompt-text{display:inline-flex;align-items:center;gap:var(--spacingHorizontalXS, 4px);color:var(--colorNeutralForeground3, #707070);font-size:var(--fontSizeBase200, 12px);flex:1 1 auto;min-width:0}.compact-prompt-icon{color:inherit;flex:0 0 auto}.compact-prompt-button{pointer-events:auto;flex:0 0 auto}.file-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-content:flex-start;gap:var(--spacingHorizontalXS, 4px) var(--spacingHorizontalS, 8px);max-height:80px;overflow-y:auto;scrollbar-gutter:stable}.file-chip{display:inline-flex;align-items:center;gap:var(--spacingHorizontalXS, 4px);padding:4px var(--spacingHorizontalXS, 4px) 4px var(--spacingHorizontalS, 8px);border:1px solid var(--colorNeutralStroke2, #e0e0e0);border-radius:var(--borderRadiusMedium, 4px);background-color:var(--colorNeutralBackground1, #ffffff);max-width:280px;min-width:0;flex:0 0 auto;height:32px;box-sizing:border-box}.file-chip-icon{flex:0 0 auto;color:var(--colorNeutralForeground3, #707070)}.file-chip-name{background:none;border:none;padding:0;font:inherit;color:var(--colorBrandForeground1, #0f6cbd);text-decoration:underline;text-underline-offset:2px;cursor:pointer;text-align:left;min-width:0;flex:1 1 auto;font-size:var(--fontSizeBase200, 12px);line-height:1}.file-chip-name:disabled{color:var(--colorNeutralForegroundDisabled, #bdbdbd);cursor:not-allowed}.file-chip-name-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-chip-detail{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--spacingHorizontalXS, 4px);color:var(--colorNeutralForeground3, #707070);font-size:11px;line-height:1}.file-chip-remove{flex:0 0 auto}.gallery{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--spacingHorizontalM, 12px)}.thumb{display:flex;flex-direction:column;gap:var(--spacingVerticalXS, 4px)}.thumb-frame{position:relative;width:80px;height:80px}.thumb-button{position:relative;display:flex;align-items:center;justify-content:center;width:80px;height:80px;padding:0;margin:0;border:1px solid var(--colorNeutralStroke2, #e0e0e0);border-radius:var(--borderRadiusMedium, 4px);background-color:var(--colorNeutralBackground1, #ffffff);overflow:hidden;cursor:default;transition:border-color 100ms ease, transform 100ms ease}.thumb-button.clickable{cursor:zoom-in}.thumb-button.clickable:hover{border-color:var(--colorBrandStroke1, #0f6cbd);transform:scale(1.02)}.thumb-button:focus-visible{outline:2px solid var(--colorStrokeFocus2, #000000);outline-offset:2px}.thumb-button:disabled{cursor:not-allowed;opacity:0.7}.thumb-img{width:100%;height:100%;object-fit:cover;display:block}.thumb-placeholder-icon{color:var(--colorNeutralForeground3, #707070)}.thumb-saved-badge{position:absolute;bottom:4px;left:4px}.thumb-meta{display:flex;flex-direction:column;gap:2px;max-width:100%}.thumb-name{background:none;border:none;padding:0;font:inherit;color:var(--colorBrandForeground1, #0f6cbd);text-decoration:underline;text-underline-offset:2px;cursor:pointer;text-align:left;display:block;max-width:100%;overflow:hidden}.thumb-name:disabled{color:var(--colorNeutralForegroundDisabled, #bdbdbd);cursor:not-allowed}.thumb-name-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fontSizeBase200, 12px)}.thumb-stamp{font-size:10px;color:var(--colorNeutralForeground3, #707070)}.thumb-remove{position:absolute;top:4px;right:4px}:host(.disabled){opacity:0.6}:host(.disabled) .drop-container{cursor:not-allowed}.message{color:var(--colorNeutralForeground3, #707070);font-size:var(--fontSizeBase200, 12px)}.message.include-error-padding{min-height:var(--lineHeightBase200, 16px);display:inline-block}.message.error{color:var(--colorPaletteRedForeground1, #b10e1c)}:host(.has-error) .drop-container{border-color:var(--colorPaletteRedBorder2, #b10e1c)}.lightbox{width:100vw;height:100vh;max-width:100vw;max-height:100vh;margin:0;padding:var(--spacingVerticalL, 16px);border:none;background:transparent;box-sizing:border-box;align-items:center;justify-content:center}.lightbox[open]{display:flex;flex-direction:column;animation:lightbox-fade-in 100ms ease}.lightbox::backdrop{background-color:rgba(0, 0, 0, 0.85);animation:lightbox-fade-in 100ms ease}@keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}.lightbox-content{display:flex;flex-direction:column;width:100%;height:100%;max-width:1200px;gap:var(--spacingVerticalS, 8px)}.lightbox-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacingHorizontalM, 12px);color:#ffffff;padding:0 var(--spacingHorizontalS, 8px)}.lightbox-name{font-size:var(--fontSizeBase300, 14px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;min-width:0}.lightbox-stage{position:relative;flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:0}.lightbox-image{max-width:100%;max-height:100%;object-fit:contain}.lightbox-error{color:#ffffff;font-style:italic}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%)}.lightbox-prev{left:var(--spacingHorizontalS, 8px)}.lightbox-next{right:var(--spacingHorizontalS, 8px)}.lightbox-nav,.lightbox-close{--colorNeutralForeground2:#ffffff;--colorNeutralForeground2Hover:#ffffff;--colorNeutralForeground2Pressed:#ffffff;--colorNeutralForeground2BrandHover:#ffffff;--colorNeutralForeground2BrandPressed:#ffffff;--colorSubtleBackgroundHover:rgba(255, 255, 255, 0.12);--colorSubtleBackgroundPressed:rgba(255, 255, 255, 0.18);--colorSubtleBackgroundSelected:rgba(255, 255, 255, 0.18)}.lightbox-counter{text-align:center;color:rgba(255, 255, 255, 0.8);font-size:var(--fontSizeBase200, 12px);padding:4px 0}";export{p as udp_fluent_file_input}
+import{r as e,c as t,h as i,H as o,a as r}from"./index-Cgpvu-iV.js";import"@fluentui/web-components/field.js";import"@fluentui/web-components/label.js";function n(e){return"pending"===e.kind?e.file.name:e.name}function a(e){return(e||"").trim().toLowerCase()}function s(e){if("pending"===e.kind){const t=e.file;return`pending::${a(t.name)}::${t.size}::${t.lastModified}`}return`stored::${e.driveFileId}`}function l(e){var t;const i=null===(t=e.dataTransfer)||void 0===t?void 0:t.types;return!!i&&Array.from(i).includes("Files")}function c(e,t,i,o,r,n){if(t.accept&&!function(e,t){if(!t)return!0;const i=t.split(",").map((e=>e.trim())).filter((e=>e.length>0));if(0===i.length)return!0;const o=(e.type||"").toLowerCase(),r=(e.name||"").toLowerCase();for(const e of i){const t=e.toLowerCase();if(t.startsWith(".")){if(r.endsWith(t))return!0}else if(t.endsWith("/*")){const e=t.slice(0,-1);if(o.startsWith(e))return!0}else if(o===t)return!0}return!1}(e,t.accept))return"mime";if(null!=t.maxFileSizeBytes&&e.size>t.maxFileSizeBytes)return"size";if(!n&&r<=0)return"maxFiles";const s=a(e.name);return!n&&o.has(s)||i.has(s)?"duplicate":null}function d(e){if(!e)return null;const t=new Date(e);return Number.isNaN(t.getTime())?null:new Intl.DateTimeFormat(void 0,{dateStyle:"medium",timeStyle:"short"}).format(t)}function h(e,t){const i=URL.createObjectURL(e),o=document.createElement("a");o.href=i,o.download=t,o.style.display="none",document.body.appendChild(o),o.click(),document.body.removeChild(o),setTimeout((()=>URL.revokeObjectURL(i)),1e3)}const p=class{constructor(i){e(this,i),this.valueChanged=t(this,"valueChanged",7),this.fileRejected=t(this,"fileRejected",7),this.downloadRequested=t(this,"downloadRequested",7),this.inputBlur=t(this,"inputBlur",7),this.inputFocus=t(this,"inputFocus",7),this.view="list",this.value=[],this.includeErrorPadding=!0,this.required=!1,this.disabled=!1,this.readonly=!1,this.hideDragAndDrop=!1,this.hideButton=!1,this.displayUploadTime=!1,this.appearance="outline",this.disableLightbox=!1,this.items=[],this.isDragging=!1,this.fieldHasFocus=!1,this.lightboxIndex=-1,this.previews=new Map,this.lightboxTrigger=null,this.requestDownload=e=>{this.disabled||("pending"!==e.kind?"function"==typeof this.loadStoredFile?this.loadStoredFile(e).then((t=>{h(t instanceof File?t:new File([t],e.name,{type:t.type||"application/octet-stream"}),e.name)})).catch((()=>{})):this.downloadRequested.emit(e):h(e.file,e.file.name))},this.handleBrowseClick=e=>{var t;this.disabled||this.readonly||(e.preventDefault(),e.stopPropagation(),null===(t=this.fileInputRef)||void 0===t||t.click())},this.handleInputChange=e=>{const t=e.target;t.files&&t.files.length>0&&this.intakeFiles(t.files),t.value=""},this.handleDragEnter=e=>{this.disabled||this.readonly||this.hideDragAndDrop||l(e)&&(e.preventDefault(),e.stopPropagation(),this.isDragging=!0)},this.handleDragOver=e=>{this.disabled||this.readonly||this.hideDragAndDrop||l(e)&&(e.preventDefault(),e.stopPropagation(),e.dataTransfer&&(e.dataTransfer.dropEffect="copy"))},this.handleDragLeave=e=>{if(this.disabled||this.readonly||this.hideDragAndDrop)return;e.preventDefault(),e.stopPropagation();const t=e.currentTarget,i=e.relatedTarget;t&&i&&t.contains(i)||(this.isDragging=!1)},this.handleDrop=e=>{if(this.disabled||this.readonly||this.hideDragAndDrop)return;e.preventDefault(),e.stopPropagation(),this.isDragging=!1;const t=e.dataTransfer;t&&t.files&&t.files.length>0&&this.intakeFiles(t.files)},this.handleDropZoneKeyDown=e=>{var t;this.disabled||this.readonly||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),null===(t=this.fileInputRef)||void 0===t||t.click())},this.handleFieldFocusIn=()=>{this.fieldHasFocus||(this.fieldHasFocus=!0,this.inputFocus.emit())},this.handleFieldFocusOut=e=>{const t=e.relatedTarget,i=e.currentTarget;t&&i&&i.contains(t)||this.fieldHasFocus&&(this.fieldHasFocus=!1,this.inputBlur.emit())},this.handleLightboxKeyDown=e=>{"ArrowRight"===e.key?(e.preventDefault(),this.navigateLightbox(1)):"ArrowLeft"===e.key&&(e.preventDefault(),this.navigateLightbox(-1))},this.handleBackdropClick=e=>{e.target===e.currentTarget&&this.closeLightbox()},this.handleDialogClose=()=>{var e;this.lightboxIndex>=0&&(this.lightboxIndex=-1),null===(e=this.lightboxTrigger)||void 0===e||e.focus(),this.lightboxTrigger=null}}componentWillLoad(){this.items=Array.isArray(this.value)?this.value:[],"gallery"===this.view&&this.syncPreviews(this.items)}onValueChange(e){const t=Array.isArray(e)?e:[];t!==this.items&&(this.items=t,"gallery"===this.view&&this.syncPreviews(t))}onViewChange(e){"gallery"===e?this.syncPreviews(this.items):(this.clearPreviews(),this.lightboxIndex=-1)}disconnectedCallback(){this.clearPreviews()}clearPreviews(){this.previews.forEach((e=>{e.revokable&&e.url&&URL.revokeObjectURL(e.url)})),this.previews=new Map}syncPreviews(e){const t=new Set,i=new Map(this.previews);for(const o of e){const e=s(o);t.add(e),i.has(e)||i.set(e,this.createPreview(o))}for(const[e,o]of Array.from(i.entries()))t.has(e)||(o.revokable&&o.url&&URL.revokeObjectURL(o.url),i.delete(e));this.previews=i}createPreview(e){if("pending"===e.kind)return{url:URL.createObjectURL(e.file),loading:!1,revokable:!0,status:"ready"};if("function"!=typeof this.loadStoredFile)return{url:null,loading:!1,revokable:!1,status:"unavailable"};const t={url:null,loading:!0,revokable:!1,status:"loading"},i=s(e);return this.loadStoredFile(e).then((e=>{const o=e instanceof Blob?e:new Blob([e]),r=URL.createObjectURL(o);this.previews.get(i)===t?this.previews=new Map(this.previews).set(i,{url:r,loading:!1,revokable:!0,status:"ready"}):URL.revokeObjectURL(r)})).catch((()=>{this.previews.get(i)===t&&(this.previews=new Map(this.previews).set(i,Object.assign(Object.assign({},t),{loading:!1,status:"error"})))})),t}intakeFiles(e){if(this.disabled||this.readonly)return;const t=function(e,t,i){const o=Array.from(e),r=[],s=[],l=new Set,d=new Set(t.map((e=>a(n(e)))));let h=null==i.maxFiles?Number.POSITIVE_INFINITY:Math.max(0,i.maxFiles-t.length);const p=1===i.maxFiles,u=(new Date).toISOString();for(const e of o){const t=c(e,i,l,d,h,p);t?s.push({file:e,reason:t}):(l.add(a(e.name)),r.push({kind:"pending",file:e,uploadedAt:u}),h-=1)}return 0===r.length?{accepted:r,rejected:s,next:null}:{accepted:r,rejected:s,next:p?r:[...t,...r]}}(e,this.items,{accept:this.accept,maxFiles:this.maxFiles,maxFileSizeBytes:this.maxFileSizeBytes});t.rejected.forEach((e=>this.fileRejected.emit(e))),t.next&&this.commit(t.next)}commit(e){this.items=e,"gallery"===this.view&&this.syncPreviews(e),this.valueChanged.emit(e)}removeAt(e){if(this.disabled||this.readonly)return;if(e<0||e>=this.items.length)return;const t=this.items.slice();t.splice(e,1),this.commit(t)}openLightbox(e,t){this.disableLightbox||e<0||e>=this.items.length||(this.lightboxIndex=e,this.lightboxTrigger=null!=t?t:null,requestAnimationFrame((()=>{this.dialogRef&&!this.dialogRef.open&&this.dialogRef.showModal()})))}closeLightbox(){var e;this.lightboxIndex<0||(this.lightboxIndex=-1,(null===(e=this.dialogRef)||void 0===e?void 0:e.open)&&this.dialogRef.close())}navigateLightbox(e){if(this.lightboxIndex<0)return;const t=this.items.length;0!==t&&(this.lightboxIndex=(this.lightboxIndex+e+t)%t)}render(){const e=!!this.error,t=this.error||this.hint,r=!t&&!this.includeErrorPadding,n=1!==this.maxFiles,a=this.items.length>0,s=!(this.readonly||null!=this.maxFiles&&1!==this.maxFiles&&this.items.length>=this.maxFiles);return i(o,{key:"f354dcacff6ea8f24686dfe5930eea1e78ae4d40",class:{"has-error":e,[`view-${this.view}`]:!0,[`appearance-${this.appearance}`]:!0,disabled:this.disabled,readonly:this.readonly}},i("fluent-field",{key:"590e90d7804164a55e975e42d1160d1eb09499d1",class:{"no-message":r}},i("div",{key:"fa2ab44d483a584739ed51c256f250a242766996",slot:"input",class:"root"},this.label&&i("fluent-label",{key:"bd9496e2b72d80e9c05cb7549de9e2316d61666f",class:"field-label",required:this.required,disabled:this.disabled},this.label),i("input",{key:"975aeed3eb16151005f0619c2746a6ca93c64551",ref:e=>this.fileInputRef=e,type:"file",class:"hidden-input",name:this.name,accept:this.accept,multiple:n,disabled:this.disabled||this.readonly,onChange:this.handleInputChange,onClick:e=>e.stopPropagation()}),this.renderDropContainer({hasFiles:a,showDropZone:s,allowMultiple:n})),i("udp-text",{key:"2297fe8bb95d794aed9f13fdbac668507d8a21fb",slot:"message",variant:"caption1",class:{message:!0,error:e,"include-error-padding":this.includeErrorPadding}},t)),"gallery"===this.view&&i("dialog",{key:"de9555dc4c4f2348b664a48806f4f8b677a9bf2d",class:"lightbox",ref:e=>this.dialogRef=e,onClose:this.handleDialogClose,onClick:this.handleBackdropClick,onKeyDown:this.handleLightboxKeyDown},this.lightboxIndex>=0&&this.renderLightboxContent()))}renderDropContainer(e){const{hasFiles:t,showDropZone:o,allowMultiple:r}=e,n=!this.hideDragAndDrop&&!this.readonly;return i("div",Object.assign({class:{"drop-container":!0,dragging:this.isDragging,"has-files":t,"no-dnd":!n,readonly:this.readonly},onDragEnter:this.handleDragEnter,onDragOver:this.handleDragOver,onDragLeave:this.handleDragLeave,onDrop:this.handleDrop,onFocusin:this.handleFieldFocusIn,onFocusout:this.handleFieldFocusOut},!n||t||this.readonly?{}:{role:"button",tabIndex:0,onKeyDown:this.handleDropZoneKeyDown}),t&&"list"===this.view&&this.renderFileList(),t&&"gallery"===this.view&&this.renderGallery(),!t&&this.readonly&&this.renderEmptyReadonly(r),o&&!t&&this.renderEmptyPrompt(r),o&&t&&this.renderCompactPrompt(r))}renderEmptyPrompt(e){const t=!this.hideDragAndDrop,o=!this.hideButton,r=this.itemNoun(e),n=this.dragAndDropMessage||`Drag and drop ${r} here`,a=this.browseFileMessage||`Browse ${r}`,s="gallery"===this.view?"image":"cloud-upload";return i("div",{class:"empty-prompt"},i("slot",{name:"start"}),t&&i("div",{class:"empty-prompt-content"},i("udp-fluent-icon",{name:s,size:"sm",class:"empty-prompt-icon"}),i("span",{class:"empty-prompt-text"},n)),o&&i("udp-fluent-button",{class:"empty-prompt-button",appearance:"outline",size:"small",disabled:this.disabled,onClick:this.handleBrowseClick},a),i("slot",{name:"end"}))}renderEmptyReadonly(e){const t=this.itemNoun(e);return i("div",{class:"empty-readonly"},i("span",{class:"empty-readonly-text"},"No ",t," attached"))}renderCompactPrompt(e){const t=!this.hideDragAndDrop,o=!this.hideButton,r=`Drag and drop more ${this.itemNoun(e)}`,n=e?"Browse":`Browse ${this.singularNoun()}`;return i("div",{class:"compact-prompt"},t&&i("div",{class:"compact-prompt-text"},i("udp-fluent-icon",{name:"gallery"===this.view?"image":"cloud-upload",size:"sm",class:"compact-prompt-icon"}),i("span",null,r)),o&&i("udp-fluent-button",{class:"compact-prompt-button",appearance:"outline",size:"small",disabled:this.disabled,onClick:this.handleBrowseClick},n))}itemNoun(e){return"gallery"===this.view?e?"images":"an image":e?"files":"a file"}singularNoun(){return"gallery"===this.view?"image":"file"}renderFileList(){return i("ul",{class:"file-list",role:"list"},this.items.map(((e,t)=>this.renderFileRow(e,t))))}renderFileRow(e,t){const o=n(e),r="pending"===e.kind?function(e){if(!Number.isFinite(e)||e<0)return"";if(e<1024)return`${e} B`;const t=["KB","MB","GB","TB"];let i=e/1024,o=0;for(;i>=1024&&o<t.length-1;)i/=1024,o+=1;return`${i.toFixed(i>=10||0===o?0:1)} ${t[o]}`}(e.file.size):null,a=this.displayUploadTime?d(e.uploadedAt):null,s=[o,r,a].filter(Boolean);return i("li",{class:"file-chip",key:`${e.kind}:${o}:${t}`,title:s.join(" · ")},i("udp-fluent-icon",{name:"document",size:"sm",class:"file-chip-icon"}),i("button",{type:"button",class:"file-chip-name",disabled:this.disabled,"aria-label":`Download ${o}`,onClick:()=>this.requestDownload(e)},i("span",{class:"file-chip-name-text"},o)),(r||a||"stored"===e.kind)&&i("span",{class:"file-chip-detail"},r&&i("span",null,r),a&&i("span",null,a),"stored"===e.kind&&i("udp-fluent-badge",{class:"file-chip-saved-badge",appearance:"filled",color:"subtle",size:"small"},"saved")),!this.readonly&&i("udp-fluent-icon-button",{class:"file-chip-remove",iconName:"dismiss",appearance:"subtle",size:"small",ariaLabel:`Remove ${o}`,disabled:this.disabled,onClick:()=>this.removeAt(t)}))}renderGallery(){return i("ul",{class:"gallery",role:"list"},this.items.map(((e,t)=>this.renderThumb(e,t))))}renderThumb(e,t){const o=s(e),r=this.previews.get(o),a=n(e),l=this.displayUploadTime?d(e.uploadedAt):null,c=!this.disableLightbox&&!!(null==r?void 0:r.url);return i("li",{class:"thumb",key:o},i("div",{class:"thumb-frame"},i("button",{type:"button",class:{"thumb-button":!0,clickable:c},onClick:e=>c&&this.openLightbox(t,e.currentTarget),disabled:!c,title:a},(null==r?void 0:r.url)?i("img",{class:"thumb-img",src:r.url,alt:a}):(null==r?void 0:r.loading)?i("udp-spinner",{size:"small"}):i("udp-fluent-icon",{name:"error"===(null==r?void 0:r.status)?"warning":"image",size:"md",class:"thumb-placeholder-icon"}),"stored"===e.kind&&i("udp-fluent-badge",{class:"thumb-saved-badge",appearance:"filled",color:"brand",size:"small"},"saved")),!this.readonly&&i("udp-fluent-icon-button",{class:"thumb-remove",iconName:"dismiss",appearance:"subtle",size:"small",ariaLabel:`Remove ${a}`,disabled:this.disabled,onClick:()=>this.removeAt(t)})),i("div",{class:"thumb-meta"},i("button",{type:"button",class:"thumb-name",disabled:this.disabled,"aria-label":`Download ${a}`,onClick:()=>this.requestDownload(e),title:`Download ${a}`},i("span",{class:"thumb-name-text"},a)),l&&i("span",{class:"thumb-stamp"},l)))}renderLightboxContent(){const e=this.items[this.lightboxIndex];if(!e)return null;const t=this.previews.get(s(e)),o=n(e),r=this.items.length,a=r>1;return i("div",{class:"lightbox-content","aria-label":o},i("div",{class:"lightbox-header"},i("span",{class:"lightbox-name",title:o},o),i("udp-fluent-icon-button",{class:"lightbox-close",iconName:"dismiss",appearance:"subtle",size:"large",ariaLabel:"Close preview",onClick:()=>this.closeLightbox()})),i("div",{class:"lightbox-stage"},a&&i("udp-fluent-icon-button",{class:"lightbox-nav lightbox-prev",iconName:"chevron-left",appearance:"subtle",size:"medium",ariaLabel:"Previous image",onClick:()=>this.navigateLightbox(-1)}),(null==t?void 0:t.url)?i("img",{class:"lightbox-image",src:t.url,alt:o}):(null==t?void 0:t.loading)?i("udp-spinner",{size:"medium"}):i("span",{class:"lightbox-error"},"No preview available"),a&&i("udp-fluent-icon-button",{class:"lightbox-nav lightbox-next",iconName:"chevron-right",appearance:"subtle",size:"medium",ariaLabel:"Next image",onClick:()=>this.navigateLightbox(1)})),a&&i("div",{class:"lightbox-counter"},this.lightboxIndex+1," / ",r))}get el(){return r(this)}static get watchers(){return{value:[{onValueChange:0}],view:[{onViewChange:0}]}}};p.style=":host{display:block;width:100%;font-family:var(--fontFamilyBase)}fluent-field{width:100%}fluent-field.no-message::part(message){display:none}.root{display:flex;flex-direction:column;gap:var(--spacingVerticalS, 8px);width:100%}.field-label{display:block;margin-bottom:var(--spacingVerticalXXS, 2px)}.hidden-input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.drop-container{border:2px dashed var(--colorNeutralStroke1, #d1d1d1);border-radius:var(--borderRadiusMedium, 4px);background-color:var(--colorNeutralBackground1, #ffffff);transition:background-color 100ms ease,     border-color 100ms ease;outline:none;padding:var(--spacingVerticalM, 12px);display:flex;flex-direction:column;justify-content:center;gap:var(--spacingVerticalM, 12px);min-height:144px;box-sizing:border-box}.drop-container.has-files{justify-content:space-between;border-color:var(--colorNeutralStroke2, #e0e0e0);cursor:default}:host(.appearance-filled) .drop-container{background-color:var(--colorNeutralBackground2, #fafafa)}.drop-container[role='button']{cursor:pointer}.drop-container[role='button']:focus-visible{outline:2px solid var(--colorStrokeFocus2, #000000);outline-offset:2px}.drop-container.dragging{background-color:var(--colorNeutralBackground1Hover, #f5f5f5);border-color:var(--colorNeutralStrokeAccessible, #616161)}.drop-container.no-dnd:not(.readonly){border-style:solid}.drop-container.readonly{cursor:default;border-style:solid}.drop-container.has-files.dragging{border-style:dashed;background-color:var(--colorNeutralBackground1Hover, #f5f5f5)}.empty-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacingVerticalXS, 4px);pointer-events:none;}.empty-prompt-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacingVerticalXXS, 2px);color:var(--colorNeutralForeground3, #707070);font-size:var(--fontSizeBase200, 12px)}.empty-prompt-icon{color:inherit}.empty-prompt-text{color:inherit;text-align:center}.empty-prompt-button{pointer-events:auto}.empty-readonly{display:flex;align-items:center;justify-content:center}.empty-readonly-text{color:var(--colorNeutralForeground3, #707070);font-size:var(--fontSizeBase200, 12px);font-style:italic}.compact-prompt{display:flex;align-items:center;justify-content:space-between;gap:var(--spacingHorizontalM, 12px);padding:var(--spacingVerticalM, 12px) 0 0 0;border-top:1px dashed var(--colorNeutralStroke3, #ebebeb);pointer-events:none}.compact-prompt-text{display:inline-flex;align-items:center;gap:var(--spacingHorizontalXS, 4px);color:var(--colorNeutralForeground3, #707070);font-size:var(--fontSizeBase200, 12px);flex:1 1 auto;min-width:0}.compact-prompt-icon{color:inherit;flex:0 0 auto}.compact-prompt-button{pointer-events:auto;flex:0 0 auto}.file-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-content:flex-start;gap:var(--spacingHorizontalXS, 4px) var(--spacingHorizontalS, 8px);max-height:80px;overflow-y:auto;scrollbar-gutter:stable}.file-chip{display:inline-flex;align-items:center;gap:var(--spacingHorizontalXS, 4px);padding:4px var(--spacingHorizontalXS, 4px) 4px var(--spacingHorizontalS, 8px);border:1px solid var(--colorNeutralStroke2, #e0e0e0);border-radius:var(--borderRadiusMedium, 4px);background-color:var(--colorNeutralBackground1, #ffffff);max-width:280px;min-width:0;flex:0 0 auto;height:32px;box-sizing:border-box}.file-chip-icon{flex:0 0 auto;color:var(--colorNeutralForeground3, #707070)}.file-chip-name{background:none;border:none;padding:0;font:inherit;color:var(--colorBrandForeground1, #0f6cbd);text-decoration:underline;text-underline-offset:2px;cursor:pointer;text-align:left;min-width:0;flex:1 1 auto;font-size:var(--fontSizeBase200, 12px);line-height:1}.file-chip-name:disabled{color:var(--colorNeutralForegroundDisabled, #bdbdbd);cursor:not-allowed}.file-chip-name-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-chip-detail{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--spacingHorizontalXS, 4px);color:var(--colorNeutralForeground3, #707070);font-size:11px;line-height:1}.file-chip-remove{flex:0 0 auto}.gallery{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--spacingHorizontalM, 12px)}.thumb{display:flex;flex-direction:column;gap:var(--spacingVerticalXS, 4px)}.thumb-frame{position:relative;width:80px;height:80px}.thumb-button{position:relative;display:flex;align-items:center;justify-content:center;width:80px;height:80px;padding:0;margin:0;border:1px solid var(--colorNeutralStroke2, #e0e0e0);border-radius:var(--borderRadiusMedium, 4px);background-color:var(--colorNeutralBackground1, #ffffff);overflow:hidden;cursor:default;transition:border-color 100ms ease, transform 100ms ease}.thumb-button.clickable{cursor:zoom-in}.thumb-button.clickable:hover{border-color:var(--colorBrandStroke1, #0f6cbd);transform:scale(1.02)}.thumb-button:focus-visible{outline:2px solid var(--colorStrokeFocus2, #000000);outline-offset:2px}.thumb-button:disabled{cursor:not-allowed;opacity:0.7}.thumb-img{width:100%;height:100%;object-fit:cover;display:block}.thumb-placeholder-icon{color:var(--colorNeutralForeground3, #707070)}.thumb-saved-badge{position:absolute;bottom:4px;left:4px}.thumb-meta{display:flex;flex-direction:column;gap:2px;max-width:100%}.thumb-name{background:none;border:none;padding:0;font:inherit;color:var(--colorBrandForeground1, #0f6cbd);text-decoration:underline;text-underline-offset:2px;cursor:pointer;text-align:left;display:block;max-width:100%;overflow:hidden}.thumb-name:disabled{color:var(--colorNeutralForegroundDisabled, #bdbdbd);cursor:not-allowed}.thumb-name-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fontSizeBase200, 12px)}.thumb-stamp{font-size:10px;color:var(--colorNeutralForeground3, #707070)}.thumb-remove{position:absolute;top:4px;right:4px}:host(.disabled){opacity:0.6}:host(.disabled) .drop-container{cursor:not-allowed}.message{color:var(--colorNeutralForeground3, #707070);font-size:var(--fontSizeBase200, 12px)}.message.include-error-padding{min-height:var(--lineHeightBase200, 16px);display:inline-block}.message.error{color:var(--colorPaletteRedForeground1, #b10e1c)}:host(.has-error) .drop-container{border-color:var(--colorPaletteRedBorder2, #b10e1c)}.lightbox{width:100vw;height:100vh;max-width:100vw;max-height:100vh;margin:0;padding:var(--spacingVerticalL, 16px);border:none;background:transparent;box-sizing:border-box;align-items:center;justify-content:center}.lightbox[open]{display:flex;flex-direction:column;animation:lightbox-fade-in 100ms ease}.lightbox::backdrop{background-color:rgba(0, 0, 0, 0.85);animation:lightbox-fade-in 100ms ease}@keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}.lightbox-content{display:flex;flex-direction:column;width:100%;height:100%;max-width:1200px;gap:var(--spacingVerticalS, 8px)}.lightbox-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacingHorizontalM, 12px);color:#ffffff;padding:0 var(--spacingHorizontalS, 8px)}.lightbox-name{font-size:var(--fontSizeBase300, 14px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;min-width:0}.lightbox-stage{position:relative;flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:0}.lightbox-image{max-width:100%;max-height:100%;object-fit:contain}.lightbox-error{color:#ffffff;font-style:italic}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%)}.lightbox-prev{left:var(--spacingHorizontalS, 8px)}.lightbox-next{right:var(--spacingHorizontalS, 8px)}.lightbox-nav,.lightbox-close{--colorNeutralForeground2:#ffffff;--colorNeutralForeground2Hover:#ffffff;--colorNeutralForeground2Pressed:#ffffff;--colorNeutralForeground2BrandHover:#ffffff;--colorNeutralForeground2BrandPressed:#ffffff;--colorSubtleBackgroundHover:rgba(255, 255, 255, 0.12);--colorSubtleBackgroundPressed:rgba(255, 255, 255, 0.18);--colorSubtleBackgroundSelected:rgba(255, 255, 255, 0.18)}.lightbox-counter{text-align:center;color:rgba(255, 255, 255, 0.8);font-size:var(--fontSizeBase200, 12px);padding:4px 0}";export{p as udp_fluent_file_input}

package/dist/stencil-library/udp-fluent-image.entry.js

@@ -1 +1 @@
-import{r as e,h as s,H as t}from"./index-Cgpvu-iV.js";import"@fluentui/web-components/image.js";const a=class{constructor(s){e(this,s),this.block=!1,this.bordered=!1,this.shadow=!1}render(){return s(t,{key:"e15162e6a2db7cd2adf51c8aaca8ef228125d381"},s("fluent-image",{key:"f6023b888997ccee55e0aa822017b38548ba4f8f",block:this.block,bordered:this.bordered,shadow:this.shadow,fit:this.fit,shape:this.shape},s("slot",{key:"ab38d953d04f53cef35ee4edea016c8b0a7ed17d"})))}};export{a as udp_fluent_image}
+import{r as e,h as s,H as t}from"./index-Cgpvu-iV.js";import"@fluentui/web-components/image.js";const a=class{constructor(s){e(this,s),this.block=!1,this.bordered=!1,this.shadow=!1}render(){return s(t,{key:"a9b75daa5afbc90ec287f644d1bb271da9891fb3"},s("fluent-image",{key:"327669128e7913a1da5b098c479521a05c7c801a",block:this.block,bordered:this.bordered,shadow:this.shadow,fit:this.fit,shape:this.shape},s("slot",{key:"6de9e3c57e22656480c064e3bb8054513f210b81"})))}};export{a as udp_fluent_image}

package/dist/stencil-library/udp-fluent-inline-edit.entry.js

@@ -1 +1 @@
-import{r as t,c as r,h as e,H as i,a as o}from"./index-Cgpvu-iV.js";const n=class{constructor(e){t(this,e),this.valueChanged=r(this,"valueChanged",7),this.inputBlur=r(this,"inputBlur",7),this.inputFocus=r(this,"inputFocus",7),this.value="",this.readonly=!1,this.handleInput=t=>{this.valueChanged.emit(t.target.value)}}async focusInput(){var t;null===(t=this.inputEl)||void 0===t||t.focus()}render(){return e(i,{key:"879abc38ee965578e4952a9dd8497bd389e3a447"},e("input",{key:"ebf0bf56de88206d6a977461f1109d79e10c31da",ref:t=>this.inputEl=t,class:"inline-edit-input",type:"text",value:this.value,placeholder:this.placeholder,readOnly:this.readonly,maxlength:this.maxLength,"aria-label":this.ariaLabel,onInput:this.handleInput,onBlur:()=>this.inputBlur.emit(),onFocus:()=>this.inputFocus.emit()}))}static get delegatesFocus(){return!0}get el(){return o(this)}};n.style=":host{display:block;width:100%}.inline-edit-input{font:inherit;color:inherit;background:transparent;border:1px solid transparent;border-radius:var(--borderRadiusMedium);padding:2px var(--spacingHorizontalXS);margin:0;width:100%;outline:none;cursor:text;transition:background-color 0.15s ease, border-color 0.15s ease}.inline-edit-input::placeholder{color:var(--colorNeutralForeground3);font-style:italic}.inline-edit-input:hover:not(:read-only){background-color:var(--colorNeutralBackground1Hover)}.inline-edit-input:focus:not(:read-only){background-color:var(--colorNeutralBackground1Hover);border-color:var(--colorNeutralStroke2)}.inline-edit-input:read-only{cursor:default}";export{n as udp_fluent_inline_edit}
+import{r as t,c as r,h as e,H as i,a as o}from"./index-Cgpvu-iV.js";const n=class{constructor(e){t(this,e),this.valueChanged=r(this,"valueChanged",7),this.inputBlur=r(this,"inputBlur",7),this.inputFocus=r(this,"inputFocus",7),this.value="",this.readonly=!1,this.handleInput=t=>{this.valueChanged.emit(t.target.value)}}async focusInput(){var t;null===(t=this.inputEl)||void 0===t||t.focus()}render(){return e(i,{key:"08168e950fcd3afde547e7fcad5c3fe6154b4a85"},e("input",{key:"a3c48452bd044b0ba762d2d20e3ce7ffcd0925a4",ref:t=>this.inputEl=t,class:"inline-edit-input",type:"text",value:this.value,placeholder:this.placeholder,readOnly:this.readonly,maxlength:this.maxLength,"aria-label":this.ariaLabel,onInput:this.handleInput,onBlur:()=>this.inputBlur.emit(),onFocus:()=>this.inputFocus.emit()}))}static get delegatesFocus(){return!0}get el(){return o(this)}};n.style=":host{display:block;width:100%}.inline-edit-input{font:inherit;color:inherit;background:transparent;border:1px solid transparent;border-radius:var(--borderRadiusMedium);padding:2px var(--spacingHorizontalXS);margin:0;width:100%;outline:none;cursor:text;transition:background-color 0.15s ease, border-color 0.15s ease}.inline-edit-input::placeholder{color:var(--colorNeutralForeground3);font-style:italic}.inline-edit-input:hover:not(:read-only){background-color:var(--colorNeutralBackground1Hover)}.inline-edit-input:focus:not(:read-only){background-color:var(--colorNeutralBackground1Hover);border-color:var(--colorNeutralStroke2)}.inline-edit-input:read-only{cursor:default}";export{n as udp_fluent_inline_edit}

package/dist/stencil-library/udp-fluent-link.entry.js

@@ -1 +1 @@
-import{r as e,h as t,H as d}from"./index-Cgpvu-iV.js";import"@fluentui/web-components/link.js";const s=class{constructor(t){e(this,t),this.inline=!1}render(){return t(d,{key:"8e4e353fedc29c8959c73e9d98fd953129876a75"},t("fluent-link",{key:"363d4d097735d66e76428c976fb367e1013bd359",inline:this.inline,href:this.href,target:this.target,download:this.download,hreflang:this.hreflang,ping:this.ping,referrerpolicy:this.referrerpolicy,rel:this.rel,type:this.type},t("slot",{key:"934841452c3a0dc7b04073f72c3e5dda0d0d98b3",name:"start",slot:"start"}),t("slot",{key:"0a8509f81e4c12fdfdfce33930079bdbdd82d70f"}),t("slot",{key:"a8adc130c3374dd1aae628d79c7ea2a1c18c7fc4",name:"end",slot:"end"})))}};export{s as udp_fluent_link}
+import{r as e,h as t,H as s}from"./index-Cgpvu-iV.js";import"@fluentui/web-components/link.js";const a=class{constructor(t){e(this,t),this.inline=!1}render(){return t(s,{key:"09291fcdf82c0aeb386323b711198f8e0a3982eb"},t("fluent-link",{key:"2d9e44fb8b66111f0e08e6a344f744acbe680aaf",inline:this.inline,href:this.href,target:this.target,download:this.download,hreflang:this.hreflang,ping:this.ping,referrerpolicy:this.referrerpolicy,rel:this.rel,type:this.type},t("slot",{key:"ace22a91cfedd35cd3861928433ce987d3f098dc",name:"start",slot:"start"}),t("slot",{key:"b1feb5881053d751c03d63e9388a09e87ab63b2f"}),t("slot",{key:"ec3a5aba47dcc703c327000de5eacd59d25096fb",name:"end",slot:"end"})))}};export{a as udp_fluent_link}

package/dist/stencil-library/udp-fluent-location-input.entry.js

@@ -1 +1 @@
-import{r as i,c as t,h as s,H as o}from"./index-Cgpvu-iV.js";import{Map as e}from"ol";import n from"ol/View";import a from"ol/Overlay";import l from"ol/layer/Tile";import{XYZ as r}from"ol/source";import{defaults as h}from"ol/interaction/defaults";import{toLonLat as d,fromLonLat as c}from"ol/proj";import"@fluentui/web-components/field.js";import"@fluentui/web-components/label.js";import"@fluentui/web-components/listbox.js";import"@fluentui/web-components/option.js";import"@fluentui/web-components/text-input.js";const u=class{constructor(s){i(this,s),this.valueChanged=t(this,"valueChanged",7),this.inputBlur=t(this,"inputBlur",7),this.inputFocus=t(this,"inputFocus",7),this.geolocationDenied=t(this,"geolocationDenied",7),this.providerFailed=t(this,"providerFailed",7),this.value=null,this.includeErrorPadding=!0,this.required=!1,this.disabled=!1,this.readonly=!1,this.showMap=!0,this.hideAddressSearch=!1,this.mapHeight="320px",this.defaultCenter={lat:49.2827,lng:-123.1207},this.defaultZoom=13,this.countrySet="",this.language="en-US",this.showGeolocationButton=!0,this.geolocationButtonLabel="Use my location",this.searchPlaceholder="Search an address",this.searchDebounceMs=300,this.appearance="outline",this.controlSize="medium",this.searchQuery="",this.suggestions=[],this.isSearching=!1,this.isOpen=!1,this.highlightedIndex=-1,this.isReverseGeocoding=!1,this.isLocating=!1,this.searchAbort=null,this.searchDebounceId=null,this.blurCloseTimeoutId=null,this.ignoreNextInputClick=!1,this.isInternalUpdate=!1,this.handleMapClick=i=>{if(this.disabled||this.readonly)return;const[t,s]=d(i.coordinate);this.commitFromCoords(s,t)},this.handleSearchInput=i=>{const t=i.target.value;this.searchQuery=t,this.highlightedIndex=-1,this.isOpen=t.trim().length>0,this.scheduleSearch(t)},this.handleSearchFocus=()=>{var i,t,s,o;if(this.disabled||this.readonly)return;null!=this.blurCloseTimeoutId&&(window.clearTimeout(this.blurCloseTimeoutId),this.blurCloseTimeoutId=null);const e=null!==(o=null===(s=null===(t=null===(i=this.value)||void 0===i?void 0:i.address)||void 0===t?void 0:t.freeformAddress)||void 0===s?void 0:s.trim())&&void 0!==o?o:"",n=this.searchQuery.trim();n.length>0&&n!==e&&(this.isOpen=!0),this.inputFocus.emit()},this.handleSearchBlur=()=>{null!=this.blurCloseTimeoutId&&window.clearTimeout(this.blurCloseTimeoutId),this.blurCloseTimeoutId=window.setTimeout((()=>{this.blurCloseTimeoutId=null,this.isOpen=!1}),150),this.inputBlur.emit()},this.handleSearchClick=()=>{var i,t,s,o;if(this.disabled||this.readonly)return;if(this.ignoreNextInputClick)return void(this.ignoreNextInputClick=!1);if(this.isOpen)return;const e=null!==(o=null===(s=null===(t=null===(i=this.value)||void 0===i?void 0:i.address)||void 0===t?void 0:t.freeformAddress)||void 0===s?void 0:s.trim())&&void 0!==o?o:"",n=this.searchQuery.trim();n.length>0&&n!==e&&(this.isOpen=!0)},this.handleSearchKeyDown=i=>{"Escape"!==i.key&&"Tab"!==i.key?0!==this.suggestions.length&&("ArrowDown"===i.key?(i.preventDefault(),this.isOpen=!0,this.highlightedIndex=(this.highlightedIndex+1)%this.suggestions.length):"ArrowUp"===i.key?(i.preventDefault(),this.isOpen=!0,this.highlightedIndex=this.highlightedIndex<=0?this.suggestions.length-1:this.highlightedIndex-1):"Enter"===i.key&&this.highlightedIndex>=0&&(i.preventDefault(),this.handleSuggestionSelect(this.suggestions[this.highlightedIndex]))):this.isOpen=!1},this.handleSuggestionSelect=i=>{this.searchQuery=i.address.freeformAddress,this.internalInput&&(this.internalInput.value=this.searchQuery),this.suggestions=[],this.isOpen=!1,this.commitValue({latitude:i.position.lat,longitude:i.position.lng,address:i.address,timestamp:(new Date).toISOString()})},this.handleSuggestionMouseDown=i=>{i.preventDefault()},this.handlePopoverClose=()=>{this.isOpen=!1},this.handleLabelMouseDown=i=>{var t,s,o;this.disabled||this.readonly||(i.preventDefault(),this.ignoreNextInputClick=!0,this.searchQuery.trim().length>0&&(this.isOpen=!this.isOpen),null===(o=null===(s=null===(t=this.internalInput)||void 0===t?void 0:t.shadowRoot)||void 0===s?void 0:s.querySelector("input"))||void 0===o||o.focus())},this.handleGeoMouseDown=i=>{i.preventDefault()},this.handleUseMyLocation=async()=>{if(!this.disabled&&!this.readonly)if("geolocation"in navigator){this.isLocating=!0;try{const t=await(i={enableHighAccuracy:!0,timeout:3e4,maximumAge:0},new Promise(((t,s)=>{navigator.geolocation.getCurrentPosition(t,s,i)})));await this.commitFromCoords(t.coords.latitude,t.coords.longitude)}catch(i){this.geolocationDenied.emit({reason:p(i),message:i instanceof GeolocationPositionError?i.message:void 0})}finally{this.isLocating=!1}var i}else this.geolocationDenied.emit({reason:"unsupported"})}}componentWillLoad(){var i,t,s;this.searchQuery=null!==(s=null===(t=null===(i=this.value)||void 0===i?void 0:i.address)||void 0===t?void 0:t.freeformAddress)&&void 0!==s?s:""}componentDidLoad(){this.internalInput&&this.searchQuery&&(this.internalInput.value=this.searchQuery),this.showMap&&this.initMap()}disconnectedCallback(){this.searchAbort&&this.searchAbort.abort(),null!=this.searchDebounceId&&window.clearTimeout(this.searchDebounceId),null!=this.blurCloseTimeoutId&&window.clearTimeout(this.blurCloseTimeoutId),this.destroyMap()}onValueChange(i){var t,s;this.isInternalUpdate?this.isInternalUpdate=!1:(this.searchQuery=null!==(s=null===(t=null==i?void 0:i.address)||void 0===t?void 0:t.freeformAddress)&&void 0!==s?s:"",this.internalInput&&(this.internalInput.value=this.searchQuery),this.updateMarker(null!=i?i:null))}onShowMapChange(i){i&&!this.map?this.initMap():!i&&this.map&&this.destroyMap()}onMapHeightChange(){this.map&&requestAnimationFrame((()=>{var i;return null===(i=this.map)||void 0===i?void 0:i.updateSize()}))}onTileUrlChange(){this.map?(this.destroyMap(),this.initMap()):this.showMap&&this.initMap()}initMap(){var i,t;if(!this.mapEl||!this.tileUrlTemplate)return;const s=null!=(null===(i=this.value)||void 0===i?void 0:i.latitude)&&null!=(null===(t=this.value)||void 0===t?void 0:t.longitude),o=c(s?[this.value.longitude,this.value.latitude]:[this.defaultCenter.lng,this.defaultCenter.lat]);this.map=new e({target:this.mapEl,controls:[],interactions:h({keyboard:!1}),layers:[new l({source:new r({url:this.tileUrlTemplate})})],view:new n({center:o,zoom:s?16:this.defaultZoom})});const d=document.createElement("div");d.className="map-marker";const u=document.createElement("udp-fluent-icon");u.setAttribute("name","location"),u.setAttribute("variant","filled"),u.setAttribute("size","lg"),u.setAttribute("color","#ef4444"),d.appendChild(u),this.markerOverlay=new a({element:d,positioning:"bottom-center",stopEvent:!1}),this.map.addOverlay(this.markerOverlay),s&&this.markerOverlay.setPosition(o),this.map.on("singleclick",this.handleMapClick)}destroyMap(){this.map&&(this.map.un("singleclick",this.handleMapClick),this.map.dispose(),this.map=void 0),this.markerOverlay=void 0}updateMarker(i){if(!this.map||!this.markerOverlay)return;if(null==(null==i?void 0:i.latitude)||null==(null==i?void 0:i.longitude))return void this.markerOverlay.setPosition(void 0);const t=c([i.longitude,i.latitude]),s=this.markerOverlay.getPosition();this.markerOverlay.setPosition(t),(!s||s[0]!==t[0]||s[1]!==t[1])&&this.map.getView().animate({center:t,zoom:16,duration:400})}async commitFromCoords(i,t){let s=null;if("function"==typeof this.reverseGeocode){this.isReverseGeocoding=!0;try{s=await this.reverseGeocode(i,t,{language:this.language})}catch(i){this.providerFailed.emit({phase:"reverseGeocode",error:i})}finally{this.isReverseGeocoding=!1}}this.commitValue({latitude:i,longitude:t,address:s,timestamp:(new Date).toISOString()})}scheduleSearch(i){if(null!=this.searchDebounceId&&(window.clearTimeout(this.searchDebounceId),this.searchDebounceId=null),0===i.trim().length)return this.suggestions=[],this.isSearching=!1,void(this.searchAbort&&this.searchAbort.abort());this.searchDebounceId=window.setTimeout((()=>{this.searchDebounceId=null,this.runSearch(i)}),this.searchDebounceMs)}async runSearch(i){if("function"!=typeof this.searchAddresses)return;this.searchAbort&&this.searchAbort.abort();const t=new AbortController;this.searchAbort=t;const s=t.signal;this.isSearching=!0;try{const t=await this.searchAddresses(i,{signal:s,countrySet:this.countrySet||void 0,language:this.language});if(s.aborted)return;this.suggestions=t}catch(i){if(s.aborted)return;if("AbortError"===(null==i?void 0:i.name))return;this.suggestions=[],this.providerFailed.emit({phase:"search",error:i})}finally{this.searchAbort===t&&(this.searchAbort=null,this.isSearching=!1)}}renderSearchPicker(i){return s("udp-popover",{open:this.isOpen,position:"bottom-start",toggleOnTriggerClick:!1,matchTriggerWidth:!0,onPopoverClose:this.handlePopoverClose},s("fluent-text-input",{slot:"trigger",ref:i=>this.internalInput=i,class:{"no-label":!this.label},value:this.searchQuery,name:this.name,placeholder:this.searchPlaceholder,disabled:this.disabled,readonly:this.readonly,appearance:"filled"===this.appearance?"filled-lighter":"outline",controlSize:this.controlSize,autocomplete:"off",onInput:this.handleSearchInput,onFocus:this.handleSearchFocus,onBlur:this.handleSearchBlur,onKeyDown:this.handleSearchKeyDown,onClick:this.handleSearchClick},this.label&&s("fluent-label",{required:this.required,disabled:this.disabled,onMouseDown:this.handleLabelMouseDown},this.label),i&&s("div",{slot:"end",class:"end-slot"},s("udp-fluent-icon-button",{class:"geo-button",iconName:"location",appearance:"transparent",size:"small",ariaLabel:this.geolocationButtonLabel,title:this.geolocationButtonLabel,loading:this.isLocating,disabled:this.disabled||this.isLocating,tabindex:-1,onMouseDown:this.handleGeoMouseDown,onClick:()=>{this.handleUseMyLocation()}}))),s("div",{slot:"content",class:"listbox-container"},this.renderListbox()))}renderListbox(){const i=this.searchQuery.trim(),t=this.isSearching,o=!this.isSearching&&0===this.suggestions.length&&i.length>0;return t||!this.isSearching&&this.suggestions.length>0||o?t?s("div",{class:"listbox-status","aria-live":"polite"},s("udp-spinner",{size:"tiny"}),s("span",null,"Searching…")):o?s("div",{class:"listbox-status listbox-status--empty","aria-live":"polite"},'No matches for "',i,'"'):s("fluent-listbox",null,this.suggestions.map(((i,t)=>s("fluent-option",{key:i.id,value:i.id,class:{active:t===this.highlightedIndex},onMouseDown:this.handleSuggestionMouseDown,onClick:()=>this.handleSuggestionSelect(i)},s("span",{slot:"checked-indicator"}),s("span",{class:"listbox-option-row"},s("udp-fluent-icon",{name:"location",size:"sm",class:"listbox-option-icon"}),s("span",{class:"listbox-option-text"},i.address.freeformAddress)))))):null}commitValue(i){var t,s;this.isInternalUpdate=!0,this.value=i;const o=null!==(s=null===(t=i.address)||void 0===t?void 0:t.freeformAddress)&&void 0!==s?s:"";this.searchQuery!==o&&(this.searchQuery=o,this.internalInput&&(this.internalInput.value=o)),this.updateMarker(i),this.valueChanged.emit(i)}render(){const i=!!this.error,t=this.error||this.hint,e=!t&&!this.includeErrorPadding,n=!this.hideAddressSearch,a=this.showGeolocationButton&&!this.readonly&&!this.disabled,l=this.showMap&&!this.tileUrlTemplate;return s(o,{key:"601cd4442b5d5e76e7ef0212a1e85519e4cca2ff",class:{"has-error":i,[`size-${this.controlSize}`]:!0,[`appearance-${this.appearance}`]:!0,disabled:this.disabled,readonly:this.readonly}},s("fluent-field",{key:"70ad6dd2d541b900c377eb4ec526730d4c516db3",class:{"no-message":e}},s("div",{key:"72a3bc5ce4421c26bb23b3da1f3ee14a3a16150c",slot:"input",class:"root"},!n&&this.label&&s("fluent-label",{key:"95bd83bcc2e7f3d0e3d6b4b70217864ab475b359",class:"field-label",required:this.required,disabled:this.disabled},this.label),n&&this.renderSearchPicker(a),this.showMap&&s("div",{key:"0792bd7c41542b80c99a84e3963cd938e1dc0986",class:{"map-wrap":!0,"is-loading":this.isReverseGeocoding},style:{height:this.mapHeight}},l&&s("div",{key:"4e30328fd6a6681ab04a227f815d89b3436d3bd7",class:"map-empty"},s("udp-text",{key:"b988050206716dc513c882555558d1a55922aa15",variant:"caption1",class:"map-empty-text"},"Map provider not configured.")),s("div",{key:"793021c95121c83745b2ff17f38836e136233078",ref:i=>this.mapEl=i,class:"map","aria-label":this.label?`${this.label} map`:"Location map"}),this.isReverseGeocoding&&s("div",{key:"d7733cd85c5516a2b3b5b436b0a9b14cca7fb759",class:"map-loading","aria-hidden":"true"},s("udp-spinner",{key:"01b866ebd737be06211eb239181557c3e42aff93",size:"small"})))),s("udp-text",{key:"6976838fbbe6b48f2d22a8d5d53148af448438eb",slot:"message",variant:"caption1",class:{message:!0,error:i,"include-error-padding":this.includeErrorPadding}},t)))}static get watchers(){return{value:[{onValueChange:0}],showMap:[{onShowMapChange:0}],mapHeight:[{onMapHeightChange:0}],tileUrlTemplate:[{onTileUrlChange:0}]}}};function p(i){if(i instanceof GeolocationPositionError){if(i.code===GeolocationPositionError.PERMISSION_DENIED)return"permission";if(i.code===GeolocationPositionError.POSITION_UNAVAILABLE)return"unavailable";if(i.code===GeolocationPositionError.TIMEOUT)return"timeout"}return"unavailable"}u.style=":host{display:inline-block;width:100%;font-family:var(--fontFamilyBase)}fluent-field{width:100%}fluent-field.no-message::part(message){display:none}.root{display:flex;flex-direction:column;gap:var(--spacingVerticalS, 8px);width:100%}.field-label{display:block;margin-bottom:var(--spacingVerticalXXS, 2px)}udp-popover{width:100%;display:block}fluent-text-input{width:100%;max-width:100%}.end-slot{display:inline-flex;align-items:center;margin-right:4px}.listbox-container{max-height:300px;overflow-y:auto}fluent-listbox{width:100%;background:var(--colorNeutralBackground1);border:none;border-radius:var(--borderRadiusMedium)}fluent-option{cursor:pointer}fluent-option:hover{background:var(--colorNeutralBackground1Hover)}fluent-option.active{box-shadow:inset 0 0 0 2px var(--colorNeutralStrokeAccessible)}fluent-option[disabled]{color:var(--colorNeutralForegroundDisabled);cursor:default}udp-popover::part(content){padding:0}.listbox-option-row{display:flex;align-items:center;gap:var(--spacingHorizontalS, 8px);min-width:0}.listbox-option-icon{flex:0 0 auto;color:var(--colorNeutralForeground3, #707070)}.listbox-option-text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listbox-status{display:flex;align-items:center;gap:var(--spacingHorizontalS, 8px);padding:var(--spacingVerticalS, 8px) var(--spacingHorizontalM, 12px);color:var(--colorNeutralForeground3, #707070);font-size:var(--fontSizeBase200, 12px)}.listbox-status--empty{font-style:italic}fluent-text-input.no-label::part(label){display:none}.map-wrap{position:relative;width:100%;border:1px solid var(--colorNeutralStroke2, #e0e0e0);border-radius:var(--borderRadiusMedium, 4px);overflow:hidden;background-color:var(--colorNeutralBackground2, #fafafa)}.map{width:100%;height:100%;cursor:crosshair}:host(.disabled) .map,:host(.readonly) .map{cursor:grab}.map-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1}.map-empty-text{color:var(--colorNeutralForeground3, #707070);font-style:italic}.map-loading{position:absolute;top:var(--spacingVerticalS, 8px);right:var(--spacingHorizontalS, 8px);padding:var(--spacingVerticalXS, 4px);background-color:rgba(255, 255, 255, 0.9);border-radius:var(--borderRadiusMedium, 4px);z-index:2}:host(.disabled){opacity:0.6}:host(.has-error) .map-wrap{border-color:var(--colorPaletteRedBorder2, #b10e1c)}.message{color:var(--colorNeutralForeground3, #707070);font-size:var(--fontSizeBase200, 12px)}.message.include-error-padding{min-height:var(--lineHeightBase200, 16px);display:inline-block}.message.error{color:var(--colorPaletteRedForeground1, #b10e1c)}";export{u as udp_fluent_location_input}
+import{r as i,c as t,h as s,H as o}from"./index-Cgpvu-iV.js";import{Map as e}from"ol";import n from"ol/View";import a from"ol/Overlay";import l from"ol/layer/Tile";import{XYZ as r}from"ol/source";import{defaults as h}from"ol/interaction/defaults";import{toLonLat as d,fromLonLat as c}from"ol/proj";import"@fluentui/web-components/field.js";import"@fluentui/web-components/label.js";import"@fluentui/web-components/listbox.js";import"@fluentui/web-components/option.js";import"@fluentui/web-components/text-input.js";const u=class{constructor(s){i(this,s),this.valueChanged=t(this,"valueChanged",7),this.inputBlur=t(this,"inputBlur",7),this.inputFocus=t(this,"inputFocus",7),this.geolocationDenied=t(this,"geolocationDenied",7),this.providerFailed=t(this,"providerFailed",7),this.value=null,this.includeErrorPadding=!0,this.required=!1,this.disabled=!1,this.readonly=!1,this.showMap=!0,this.hideAddressSearch=!1,this.mapHeight="320px",this.defaultCenter={lat:49.2827,lng:-123.1207},this.defaultZoom=13,this.countrySet="",this.language="en-US",this.showGeolocationButton=!0,this.geolocationButtonLabel="Use my location",this.searchPlaceholder="Search an address",this.searchDebounceMs=300,this.appearance="outline",this.controlSize="medium",this.searchQuery="",this.suggestions=[],this.isSearching=!1,this.isOpen=!1,this.highlightedIndex=-1,this.isReverseGeocoding=!1,this.isLocating=!1,this.searchAbort=null,this.searchDebounceId=null,this.blurCloseTimeoutId=null,this.ignoreNextInputClick=!1,this.isInternalUpdate=!1,this.handleMapClick=i=>{if(this.disabled||this.readonly)return;const[t,s]=d(i.coordinate);this.commitFromCoords(s,t)},this.handleSearchInput=i=>{const t=i.target.value;this.searchQuery=t,this.highlightedIndex=-1,this.isOpen=t.trim().length>0,this.scheduleSearch(t)},this.handleSearchFocus=()=>{var i,t,s,o;if(this.disabled||this.readonly)return;null!=this.blurCloseTimeoutId&&(window.clearTimeout(this.blurCloseTimeoutId),this.blurCloseTimeoutId=null);const e=null!==(o=null===(s=null===(t=null===(i=this.value)||void 0===i?void 0:i.address)||void 0===t?void 0:t.freeformAddress)||void 0===s?void 0:s.trim())&&void 0!==o?o:"",n=this.searchQuery.trim();n.length>0&&n!==e&&(this.isOpen=!0),this.inputFocus.emit()},this.handleSearchBlur=()=>{null!=this.blurCloseTimeoutId&&window.clearTimeout(this.blurCloseTimeoutId),this.blurCloseTimeoutId=window.setTimeout((()=>{this.blurCloseTimeoutId=null,this.isOpen=!1}),150),this.inputBlur.emit()},this.handleSearchClick=()=>{var i,t,s,o;if(this.disabled||this.readonly)return;if(this.ignoreNextInputClick)return void(this.ignoreNextInputClick=!1);if(this.isOpen)return;const e=null!==(o=null===(s=null===(t=null===(i=this.value)||void 0===i?void 0:i.address)||void 0===t?void 0:t.freeformAddress)||void 0===s?void 0:s.trim())&&void 0!==o?o:"",n=this.searchQuery.trim();n.length>0&&n!==e&&(this.isOpen=!0)},this.handleSearchKeyDown=i=>{"Escape"!==i.key&&"Tab"!==i.key?0!==this.suggestions.length&&("ArrowDown"===i.key?(i.preventDefault(),this.isOpen=!0,this.highlightedIndex=(this.highlightedIndex+1)%this.suggestions.length):"ArrowUp"===i.key?(i.preventDefault(),this.isOpen=!0,this.highlightedIndex=this.highlightedIndex<=0?this.suggestions.length-1:this.highlightedIndex-1):"Enter"===i.key&&this.highlightedIndex>=0&&(i.preventDefault(),this.handleSuggestionSelect(this.suggestions[this.highlightedIndex]))):this.isOpen=!1},this.handleSuggestionSelect=i=>{this.searchQuery=i.address.freeformAddress,this.internalInput&&(this.internalInput.value=this.searchQuery),this.suggestions=[],this.isOpen=!1,this.commitValue({latitude:i.position.lat,longitude:i.position.lng,address:i.address,timestamp:(new Date).toISOString()})},this.handleSuggestionMouseDown=i=>{i.preventDefault()},this.handlePopoverClose=()=>{this.isOpen=!1},this.handleLabelMouseDown=i=>{var t,s,o;this.disabled||this.readonly||(i.preventDefault(),this.ignoreNextInputClick=!0,this.searchQuery.trim().length>0&&(this.isOpen=!this.isOpen),null===(o=null===(s=null===(t=this.internalInput)||void 0===t?void 0:t.shadowRoot)||void 0===s?void 0:s.querySelector("input"))||void 0===o||o.focus())},this.handleGeoMouseDown=i=>{i.preventDefault()},this.handleUseMyLocation=async()=>{if(!this.disabled&&!this.readonly)if("geolocation"in navigator){this.isLocating=!0;try{const t=await(i={enableHighAccuracy:!0,timeout:3e4,maximumAge:0},new Promise(((t,s)=>{navigator.geolocation.getCurrentPosition(t,s,i)})));await this.commitFromCoords(t.coords.latitude,t.coords.longitude)}catch(i){this.geolocationDenied.emit({reason:p(i),message:i instanceof GeolocationPositionError?i.message:void 0})}finally{this.isLocating=!1}var i}else this.geolocationDenied.emit({reason:"unsupported"})}}componentWillLoad(){var i,t,s;this.searchQuery=null!==(s=null===(t=null===(i=this.value)||void 0===i?void 0:i.address)||void 0===t?void 0:t.freeformAddress)&&void 0!==s?s:""}componentDidLoad(){this.internalInput&&this.searchQuery&&(this.internalInput.value=this.searchQuery),this.showMap&&this.initMap()}disconnectedCallback(){this.searchAbort&&this.searchAbort.abort(),null!=this.searchDebounceId&&window.clearTimeout(this.searchDebounceId),null!=this.blurCloseTimeoutId&&window.clearTimeout(this.blurCloseTimeoutId),this.destroyMap()}onValueChange(i){var t,s;this.isInternalUpdate?this.isInternalUpdate=!1:(this.searchQuery=null!==(s=null===(t=null==i?void 0:i.address)||void 0===t?void 0:t.freeformAddress)&&void 0!==s?s:"",this.internalInput&&(this.internalInput.value=this.searchQuery),this.updateMarker(null!=i?i:null))}onShowMapChange(i){i&&!this.map?this.initMap():!i&&this.map&&this.destroyMap()}onMapHeightChange(){this.map&&requestAnimationFrame((()=>{var i;return null===(i=this.map)||void 0===i?void 0:i.updateSize()}))}onTileUrlChange(){this.map?(this.destroyMap(),this.initMap()):this.showMap&&this.initMap()}initMap(){var i,t;if(!this.mapEl||!this.tileUrlTemplate)return;const s=null!=(null===(i=this.value)||void 0===i?void 0:i.latitude)&&null!=(null===(t=this.value)||void 0===t?void 0:t.longitude),o=c(s?[this.value.longitude,this.value.latitude]:[this.defaultCenter.lng,this.defaultCenter.lat]);this.map=new e({target:this.mapEl,controls:[],interactions:h({keyboard:!1}),layers:[new l({source:new r({url:this.tileUrlTemplate})})],view:new n({center:o,zoom:s?16:this.defaultZoom})});const d=document.createElement("div");d.className="map-marker";const u=document.createElement("udp-fluent-icon");u.setAttribute("name","location"),u.setAttribute("variant","filled"),u.setAttribute("size","lg"),u.setAttribute("color","#ef4444"),d.appendChild(u),this.markerOverlay=new a({element:d,positioning:"bottom-center",stopEvent:!1}),this.map.addOverlay(this.markerOverlay),s&&this.markerOverlay.setPosition(o),this.map.on("singleclick",this.handleMapClick)}destroyMap(){this.map&&(this.map.un("singleclick",this.handleMapClick),this.map.dispose(),this.map=void 0),this.markerOverlay=void 0}updateMarker(i){if(!this.map||!this.markerOverlay)return;if(null==(null==i?void 0:i.latitude)||null==(null==i?void 0:i.longitude))return void this.markerOverlay.setPosition(void 0);const t=c([i.longitude,i.latitude]),s=this.markerOverlay.getPosition();this.markerOverlay.setPosition(t),(!s||s[0]!==t[0]||s[1]!==t[1])&&this.map.getView().animate({center:t,zoom:16,duration:400})}async commitFromCoords(i,t){let s=null;if("function"==typeof this.reverseGeocode){this.isReverseGeocoding=!0;try{s=await this.reverseGeocode(i,t,{language:this.language})}catch(i){this.providerFailed.emit({phase:"reverseGeocode",error:i})}finally{this.isReverseGeocoding=!1}}this.commitValue({latitude:i,longitude:t,address:s,timestamp:(new Date).toISOString()})}scheduleSearch(i){if(null!=this.searchDebounceId&&(window.clearTimeout(this.searchDebounceId),this.searchDebounceId=null),0===i.trim().length)return this.suggestions=[],this.isSearching=!1,void(this.searchAbort&&this.searchAbort.abort());this.searchDebounceId=window.setTimeout((()=>{this.searchDebounceId=null,this.runSearch(i)}),this.searchDebounceMs)}async runSearch(i){if("function"!=typeof this.searchAddresses)return;this.searchAbort&&this.searchAbort.abort();const t=new AbortController;this.searchAbort=t;const s=t.signal;this.isSearching=!0;try{const t=await this.searchAddresses(i,{signal:s,countrySet:this.countrySet||void 0,language:this.language});if(s.aborted)return;this.suggestions=t}catch(i){if(s.aborted)return;if("AbortError"===(null==i?void 0:i.name))return;this.suggestions=[],this.providerFailed.emit({phase:"search",error:i})}finally{this.searchAbort===t&&(this.searchAbort=null,this.isSearching=!1)}}renderSearchPicker(i){return s("udp-popover",{open:this.isOpen,position:"bottom-start",toggleOnTriggerClick:!1,matchTriggerWidth:!0,onPopoverClose:this.handlePopoverClose},s("fluent-text-input",{slot:"trigger",ref:i=>this.internalInput=i,class:{"no-label":!this.label},value:this.searchQuery,name:this.name,placeholder:this.searchPlaceholder,disabled:this.disabled,readonly:this.readonly,appearance:"filled"===this.appearance?"filled-lighter":"outline",controlSize:this.controlSize,autocomplete:"off",onInput:this.handleSearchInput,onFocus:this.handleSearchFocus,onBlur:this.handleSearchBlur,onKeyDown:this.handleSearchKeyDown,onClick:this.handleSearchClick},this.label&&s("fluent-label",{required:this.required,disabled:this.disabled,onMouseDown:this.handleLabelMouseDown},this.label),i&&s("div",{slot:"end",class:"end-slot"},s("udp-fluent-icon-button",{class:"geo-button",iconName:"location",appearance:"transparent",size:"small",ariaLabel:this.geolocationButtonLabel,title:this.geolocationButtonLabel,loading:this.isLocating,disabled:this.disabled||this.isLocating,tabindex:-1,onMouseDown:this.handleGeoMouseDown,onClick:()=>{this.handleUseMyLocation()}}))),s("div",{slot:"content",class:"listbox-container"},this.renderListbox()))}renderListbox(){const i=this.searchQuery.trim(),t=this.isSearching,o=!this.isSearching&&0===this.suggestions.length&&i.length>0;return t||!this.isSearching&&this.suggestions.length>0||o?t?s("div",{class:"listbox-status","aria-live":"polite"},s("udp-spinner",{size:"tiny"}),s("span",null,"Searching…")):o?s("div",{class:"listbox-status listbox-status--empty","aria-live":"polite"},'No matches for "',i,'"'):s("fluent-listbox",null,this.suggestions.map(((i,t)=>s("fluent-option",{key:i.id,value:i.id,class:{active:t===this.highlightedIndex},onMouseDown:this.handleSuggestionMouseDown,onClick:()=>this.handleSuggestionSelect(i)},s("span",{slot:"checked-indicator"}),s("span",{class:"listbox-option-row"},s("udp-fluent-icon",{name:"location",size:"sm",class:"listbox-option-icon"}),s("span",{class:"listbox-option-text"},i.address.freeformAddress)))))):null}commitValue(i){var t,s;this.isInternalUpdate=!0,this.value=i;const o=null!==(s=null===(t=i.address)||void 0===t?void 0:t.freeformAddress)&&void 0!==s?s:"";this.searchQuery!==o&&(this.searchQuery=o,this.internalInput&&(this.internalInput.value=o)),this.updateMarker(i),this.valueChanged.emit(i)}render(){const i=!!this.error,t=this.error||this.hint,e=!t&&!this.includeErrorPadding,n=!this.hideAddressSearch,a=this.showGeolocationButton&&!this.readonly&&!this.disabled,l=this.showMap&&!this.tileUrlTemplate;return s(o,{key:"f1647d4aefa6ba6da591eacaddf5543f4c8860ae",class:{"has-error":i,[`size-${this.controlSize}`]:!0,[`appearance-${this.appearance}`]:!0,disabled:this.disabled,readonly:this.readonly}},s("fluent-field",{key:"3f5c9b6c67c34974c259b713bfe9cc8d0df3fac5",class:{"no-message":e}},s("div",{key:"be083a603cadb7a6951d5ee7d270ed7194fedc75",slot:"input",class:"root"},!n&&this.label&&s("fluent-label",{key:"4d757d73ef0ab47cdabd76f78cb987571965f0e8",class:"field-label",required:this.required,disabled:this.disabled},this.label),n&&this.renderSearchPicker(a),this.showMap&&s("div",{key:"01c8b0cc7cb2fe9cbbbd1e52ba424729ba639692",class:{"map-wrap":!0,"is-loading":this.isReverseGeocoding},style:{height:this.mapHeight}},l&&s("div",{key:"138cd191f359f2d4123d6b296a17a64cbdd045a7",class:"map-empty"},s("udp-text",{key:"4c0d835212cd57c7b9a326ce823d2c294c64abcb",variant:"caption1",class:"map-empty-text"},"Map provider not configured.")),s("div",{key:"27b6abd55835869484fe06ea3fe3b6f6cc58e4af",ref:i=>this.mapEl=i,class:"map","aria-label":this.label?`${this.label} map`:"Location map"}),this.isReverseGeocoding&&s("div",{key:"ddbcc61cb0e401e3553c29a184fc188d90a4e94c",class:"map-loading","aria-hidden":"true"},s("udp-spinner",{key:"4a2932d0f22c352ddbc4c49f90be693623776fb7",size:"small"})))),s("udp-text",{key:"6adfe5777d9e8f32a508aa51c6ec1625cfef0adb",slot:"message",variant:"caption1",class:{message:!0,error:i,"include-error-padding":this.includeErrorPadding}},t)))}static get watchers(){return{value:[{onValueChange:0}],showMap:[{onShowMapChange:0}],mapHeight:[{onMapHeightChange:0}],tileUrlTemplate:[{onTileUrlChange:0}]}}};function p(i){if(i instanceof GeolocationPositionError){if(i.code===GeolocationPositionError.PERMISSION_DENIED)return"permission";if(i.code===GeolocationPositionError.POSITION_UNAVAILABLE)return"unavailable";if(i.code===GeolocationPositionError.TIMEOUT)return"timeout"}return"unavailable"}u.style=":host{display:inline-block;width:100%;font-family:var(--fontFamilyBase)}fluent-field{width:100%}fluent-field.no-message::part(message){display:none}.root{display:flex;flex-direction:column;gap:var(--spacingVerticalS, 8px);width:100%}.field-label{display:block;margin-bottom:var(--spacingVerticalXXS, 2px)}udp-popover{width:100%;display:block}fluent-text-input{width:100%;max-width:100%}.end-slot{display:inline-flex;align-items:center;margin-right:4px}.listbox-container{max-height:300px;overflow-y:auto}fluent-listbox{width:100%;background:var(--colorNeutralBackground1);border:none;border-radius:var(--borderRadiusMedium)}fluent-option{cursor:pointer}fluent-option:hover{background:var(--colorNeutralBackground1Hover)}fluent-option.active{box-shadow:inset 0 0 0 2px var(--colorNeutralStrokeAccessible)}fluent-option[disabled]{color:var(--colorNeutralForegroundDisabled);cursor:default}udp-popover::part(content){padding:0}.listbox-option-row{display:flex;align-items:center;gap:var(--spacingHorizontalS, 8px);min-width:0}.listbox-option-icon{flex:0 0 auto;color:var(--colorNeutralForeground3, #707070)}.listbox-option-text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listbox-status{display:flex;align-items:center;gap:var(--spacingHorizontalS, 8px);padding:var(--spacingVerticalS, 8px) var(--spacingHorizontalM, 12px);color:var(--colorNeutralForeground3, #707070);font-size:var(--fontSizeBase200, 12px)}.listbox-status--empty{font-style:italic}fluent-text-input.no-label::part(label){display:none}.map-wrap{position:relative;width:100%;border:1px solid var(--colorNeutralStroke2, #e0e0e0);border-radius:var(--borderRadiusMedium, 4px);overflow:hidden;background-color:var(--colorNeutralBackground2, #fafafa)}.map{width:100%;height:100%;cursor:crosshair}:host(.disabled) .map,:host(.readonly) .map{cursor:grab}.map-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1}.map-empty-text{color:var(--colorNeutralForeground3, #707070);font-style:italic}.map-loading{position:absolute;top:var(--spacingVerticalS, 8px);right:var(--spacingHorizontalS, 8px);padding:var(--spacingVerticalXS, 4px);background-color:rgba(255, 255, 255, 0.9);border-radius:var(--borderRadiusMedium, 4px);z-index:2}:host(.disabled){opacity:0.6}:host(.has-error) .map-wrap{border-color:var(--colorPaletteRedBorder2, #b10e1c)}.message{color:var(--colorNeutralForeground3, #707070);font-size:var(--fontSizeBase200, 12px)}.message.include-error-padding{min-height:var(--lineHeightBase200, 16px);display:inline-block}.message.error{color:var(--colorPaletteRedForeground1, #b10e1c)}";export{u as udp_fluent_location_input}

package/dist/stencil-library/udp-fluent-number-input.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,h as i,H as o}from"./index-Cgpvu-iV.js";import"@fluentui/web-components/text-input.js";import"@fluentui/web-components/field.js";import"@fluentui/web-components/label.js";const s=class{constructor(i){t(this,i),this.valueChanged=e(this,"valueChanged",7),this.inputBlur=e(this,"inputBlur",7),this.inputFocus=e(this,"inputFocus",7),this.liveValue=null,this.includeErrorPadding=!0,this.required=!1,this.disabled=!1,this.readonly=!1,this.autofocus=!1,this.autocomplete="off",this.appearance="outline",this.controlSize="medium",this.handleInput=t=>{t.stopPropagation();const e=t.target;this.liveValue=e.value,this.valueChanged.emit(e.value)},this.handleBlur=()=>{var t,e;if(null!=this.decimals&&this.internalInput){const i=parseFloat(null!==(e=null!==(t=this.liveValue)&&void 0!==t?t:this.value)&&void 0!==e?e:"");if(!isNaN(i)){const t=i.toFixed(this.decimals);this.internalInput.value=t,this.liveValue=t,this.valueChanged.emit(t)}}this.inputBlur.emit()}}componentDidLoad(){this.internalInput&&null!=this.value&&(this.internalInput.value=this.value),this.applyNumberAttrs()}componentDidUpdate(){this.applyNumberAttrs()}applyNumberAttrs(){var t,e,i,o,s;const l=null===(e=null===(t=this.internalInput)||void 0===t?void 0:t.shadowRoot)||void 0===e?void 0:e.querySelector("input");l&&(l.setAttribute("inputmode","decimal"),l.min=null!==(i=this.min)&&void 0!==i?i:"",l.max=null!==(o=this.max)&&void 0!==o?o:"",l.step=null!==(s=this.step)&&void 0!==s?s:"")}select(){var t;return null===(t=this.internalInput)||void 0===t||t.select(),Promise.resolve()}render(){const t=!!this.error,e=this.error||this.hint;return i(o,{key:"f87601660bf0d04ca3a617768a6178a9b83b3c39",class:{"has-error":t}},i("fluent-field",{key:"0a6bfa77b060b198f431cfd01dce8626d22b795c",class:{"no-message":!e&&!this.includeErrorPadding}},i("fluent-text-input",{key:"70ee74cccec3b0223e4c36f6bec74a167dd66d8b",ref:t=>this.internalInput=t,slot:"input",class:{"no-label":!this.label},name:this.name,value:this.value,placeholder:this.placeholder,required:this.required,disabled:this.disabled,readonly:this.readonly,autofocus:this.autofocus,autocomplete:this.autocomplete,spellcheck:"false",appearance:this.appearance,controlSize:this.controlSize,onInput:this.handleInput,onBlur:this.handleBlur,onFocus:()=>this.inputFocus.emit(),onInvalid:t=>t.preventDefault()},i("slot",{key:"72120dfefa9008c4283629e119887ff3e32d3894",slot:"start",name:"start"}),i("slot",{key:"3df3db74bd839bab72aa758468359451e0019c0b",slot:"end",name:"end"}),this.label&&i("fluent-label",{key:"9e4ad92775c6af795ffc5762b5f8045cd327ea6d",required:this.required,disabled:this.disabled},this.label,this.popupHint&&i("udp-tooltip",{key:"97261e93f5652e11beb4c92aad11ab1e6e76c877",content:this.popupHint,positioning:"above"},i("udp-fluent-icon",{key:"30894a2646b319aaccd96618aa6d5a8f5509769b",name:"info",size:"xs",class:"popup-hint-icon"})))),i("udp-text",{key:"34ba101a49953809cb238f2b1c1cb4709661707a",slot:"message",variant:"caption1",class:{message:!0,error:t,includeErrorPadding:this.includeErrorPadding}},e)))}static get delegatesFocus(){return!0}};s.style="fluent-text-input[disabled]::part(control){color:var(--colorNeutralForegroundDisabled);-webkit-text-fill-color:var(--colorNeutralForegroundDisabled)}fluent-text-input[disabled]::part(root){background-color:var(--colorNeutralBackgroundDisabled)}fluent-label[disabled]{color:var(--colorNeutralForeground1)}fluent-text-input::part(control):-webkit-autofill,fluent-text-input::part(control):-webkit-autofill:hover,fluent-text-input::part(control):-webkit-autofill:focus,fluent-text-input::part(control):-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--colorNeutralBackground1) inset !important;-webkit-text-fill-color:var(--colorNeutralForeground1) !important;transition:background-color 5000s ease-in-out 0s}:host{display:block;width:100%}fluent-field{width:100%}fluent-text-input{width:100%;max-width:100%}.message{color:var(--colorNeutralForeground3)}.message.includeErrorPadding{min-height:var(--lineHeightBase200)}.message.error{color:var(--colorPaletteRedForeground1)}.popup-hint-icon{margin-left:2px}fluent-text-input.no-label::part(label){display:none}fluent-field.no-message::part(message){display:none}:host(.has-error) fluent-text-input::part(root){border-color:var(--colorPaletteRedBorder2)}:host(.has-error:focus-within) fluent-text-input::part(root){border-color:var(--colorNeutralStroke1)}";export{s as udp_fluent_number_input}

package/dist/stencil-library/udp-fluent-signature-input.entry.js

@@ -1 +1 @@
-import{r as i,c as t,h as e,H as a,a as s}from"./index-Cgpvu-iV.js";import n from"signature_pad";import"@fluentui/web-components/field.js";import"@fluentui/web-components/label.js";const o=class{constructor(e){i(this,e),this.valueChanged=t(this,"valueChanged",7),this.geolocationDenied=t(this,"geolocationDenied",7),this.inputBlur=t(this,"inputBlur",7),this.inputFocus=t(this,"inputFocus",7),this.value=null,this.includeErrorPadding=!0,this.required=!1,this.disabled=!1,this.readonly=!1,this.appearance="outline",this.hideFullNameInput=!1,this.fullNamePlaceholder="Full name",this.fullNameLabel="Full name",this.includeLocation=!1,this.penColor="#1f1f1f",this.backgroundColor="rgba(0,0,0,0)",this.isEmpty=!0,this.cachedLocation=null,this.resizeRaf=null,this.isInternalUpdate=!1,this.handleResize=()=>{if(!this.pad||!this.canvasEl)return;const i=this.pad.isEmpty()?null:this.pad.toDataURL("image/png");this.resizeCanvasForDpr(),i?this.pad.fromDataURL(i,{ratio:window.devicePixelRatio||1}):this.pad.clear()},this.handleStrokeBegin=()=>{this.isEmpty&&(this.isEmpty=!1)},this.handleStrokeEnd=()=>{this.pad&&this.commitFromCanvas()},this.handleClear=()=>{this.disabled||this.readonly||!this.pad||(this.pad.clear(),this.isEmpty=!0,this.commitValue({file:null,metadata:null}))},this.handleFullNameChange=i=>{var t;i.stopPropagation();const e=null!==(t=i.detail)&&void 0!==t?t:"";this.commitValue({fullName:e})},this.handleFullNameBlur=i=>{i.stopPropagation(),this.inputBlur.emit()},this.handleFullNameFocus=i=>{i.stopPropagation(),this.inputFocus.emit()}}componentDidLoad(){var i;this.canvasEl&&(this.resizeCanvasForDpr(),this.pad=new n(this.canvasEl,{penColor:this.penColor,backgroundColor:this.backgroundColor}),this.pad.addEventListener("beginStroke",this.handleStrokeBegin),this.pad.addEventListener("endStroke",this.handleStrokeEnd),this.applyEnabledState(),(null===(i=this.value)||void 0===i?void 0:i.file)&&this.loadFileIntoPad(this.value.file),this.resizeObserver=new ResizeObserver((()=>{null!=this.resizeRaf&&cancelAnimationFrame(this.resizeRaf),this.resizeRaf=requestAnimationFrame(this.handleResize)})),this.resizeObserver.observe(this.canvasEl),this.includeLocation&&this.prewarmGeolocation())}disconnectedCallback(){this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=void 0),null!=this.resizeRaf&&cancelAnimationFrame(this.resizeRaf),this.pad&&(this.pad.removeEventListener("beginStroke",this.handleStrokeBegin),this.pad.removeEventListener("endStroke",this.handleStrokeEnd),this.pad.off(),this.pad=void 0)}onValueChange(i){if(this.isInternalUpdate)this.isInternalUpdate=!1;else if(this.pad)return(null==i?void 0:i.file)?void this.loadFileIntoPad(i.file):(this.pad.clear(),void(this.isEmpty=!0))}onEnabledChange(){this.applyEnabledState()}onPenColorChange(i){this.pad&&(this.pad.penColor=i)}onBackgroundColorChange(i){this.pad&&(this.pad.backgroundColor=i)}onIncludeLocationChange(i){i&&!this.cachedLocation&&this.prewarmGeolocation(),i||(this.cachedLocation=null)}resizeCanvasForDpr(){if(!this.canvasEl)return;const i=Math.max(window.devicePixelRatio||1,1),t=this.canvasEl.getBoundingClientRect();if(0===t.width||0===t.height)return;this.canvasEl.width=t.width*i,this.canvasEl.height=t.height*i;const e=this.canvasEl.getContext("2d");e&&(e.setTransform(1,0,0,1,0,0),e.scale(i,i))}applyEnabledState(){this.pad&&(this.disabled||this.readonly?this.pad.off():this.pad.on())}async loadFileIntoPad(i){if(!this.pad)return;const t=await function(i){return new Promise(((t,e)=>{const a=new FileReader;a.onload=()=>t("string"==typeof a.result?a.result:""),a.onerror=()=>{var i;return e(null!==(i=a.error)&&void 0!==i?i:new Error("Failed to read signature file"))},a.readAsDataURL(i)}))}(i);this.pad&&(this.pad.clear(),this.pad.fromDataURL(t,{ratio:window.devicePixelRatio||1}),this.isEmpty=this.pad.isEmpty())}async commitFromCanvas(){if(!this.pad)return;if(this.pad.isEmpty())return this.isEmpty=!0,void this.commitValue({file:null,metadata:null});this.isEmpty=!1;const i=this.pad.toDataURL("image/png"),t=await async function(i){const t=await fetch(i),e=await t.blob();return new File([e],"signature.png",{type:e.type||"image/png"})}(i),e=await this.captureMetadata();this.commitValue({file:t,metadata:e})}commitValue(i){var t,e,a,s,n,o,l,r,h;const d={file:"file"in i?null!==(t=i.file)&&void 0!==t?t:null:null!==(a=null===(e=this.value)||void 0===e?void 0:e.file)&&void 0!==a?a:null,fullName:"fullName"in i?null!==(s=i.fullName)&&void 0!==s?s:null:null!==(o=null===(n=this.value)||void 0===n?void 0:n.fullName)&&void 0!==o?o:null,metadata:"metadata"in i?null!==(l=i.metadata)&&void 0!==l?l:null:null!==(h=null===(r=this.value)||void 0===r?void 0:r.metadata)&&void 0!==h?h:null};this.isInternalUpdate=!0,this.value=d,this.valueChanged.emit(d)}async prewarmGeolocation(){if("geolocation"in navigator)try{this.cachedLocation=await l({enableHighAccuracy:!0,timeout:3e4,maximumAge:0})}catch(i){const t=r(i);this.cachedLocation=null,this.geolocationDenied.emit({reason:t,message:i instanceof GeolocationPositionError?i.message:void 0})}else this.geolocationDenied.emit({reason:"unsupported"})}async captureMetadata(){const i={timestamp:(new Date).toISOString(),latitude:null,longitude:null};if(!this.includeLocation)return i;let t=this.cachedLocation;if(!t)try{t=await l({enableHighAccuracy:!0,timeout:3e4,maximumAge:0}),this.cachedLocation=t}catch(t){return this.geolocationDenied.emit({reason:r(t),message:t instanceof GeolocationPositionError?t.message:void 0}),i}return i.latitude=t.coords.latitude,i.longitude=t.coords.longitude,i}render(){var i,t,s;const n=!!this.error,o=this.error||this.hint,l=!o&&!this.includeErrorPadding,r=!this.readonly&&!this.disabled&&!this.isEmpty,h=this.readonly&&this.isEmpty&&!(null===(i=this.value)||void 0===i?void 0:i.file);return e(a,{key:"43c407383f99db0efe1235923cda238f26707281",class:{"has-error":n,[`appearance-${this.appearance}`]:!0,disabled:this.disabled,readonly:this.readonly}},e("fluent-field",{key:"b9a52f91217a1b3c1d064e65dac90ffc5c38b7cf",class:{"no-message":l}},e("div",{key:"40b5b898279d05ba64aaa3035f5191b5de985fa9",slot:"input",class:"root"},e("div",{key:"06e5e8026fb4fcfb2b394559f2c7889afb4173b6",class:"signature-group"},e("div",{key:"0bb6ec85d256e5798ce972ab80f5aea21b5c3e56",class:"header"},this.label&&e("fluent-label",{key:"e60687488adf4030fe23ed716282ad2249ee24f5",class:"field-label",required:this.required,disabled:this.disabled},this.label),e("udp-fluent-button",{key:"2b4d11e2fca09ecc250a8c1b791b87022c9b7939",class:{"clear-button":!0,hidden:!r},appearance:"subtle",size:"small",disabled:!r,"aria-hidden":r?"false":"true",tabindex:r?0:-1,onClick:this.handleClear},"Clear")),e("div",{key:"1b4b5d3d046b0fddf6eb2b637fdd683907886a7b",class:{"canvas-wrap":!0,empty:this.isEmpty},"aria-busy":this.disabled?"true":"false"},e("canvas",{key:"bb42c3fe153828e8080cfbb509c6a4a110afbbc1",ref:i=>this.canvasEl=i,class:{canvas:!0,"canvas-readonly":this.readonly||this.disabled},"aria-label":this.label||"Signature"}),h&&e("div",{key:"bbef2d7ba8db20d532af31066adc1277f031f377",class:"readonly-empty"},e("span",{key:"d3889ccad4d9654138432f8ebe2dddc55339b630",class:"readonly-empty-text"},"No signature")),this.isEmpty&&!this.readonly&&!this.disabled&&e("div",{key:"5975aa1b8ec87a9cdfe76503c20f25514768923c",class:"canvas-hint","aria-hidden":"true"},e("span",{key:"2241c4b4bead267624659d8dd2f28090b3c7fc34"},"Sign here")))),!this.hideFullNameInput&&e("udp-fluent-text-input",{key:"6a7427b7f6057553a677954fcead1c1b7ad64108",class:"fullname-input",label:this.fullNameLabel,placeholder:this.fullNamePlaceholder,value:null!==(s=null===(t=this.value)||void 0===t?void 0:t.fullName)&&void 0!==s?s:"",disabled:this.disabled,readonly:this.readonly,required:this.required,includeErrorPadding:!1,appearance:"filled"===this.appearance?"filled-lighter":"outline",onValueChanged:this.handleFullNameChange,onInputBlur:this.handleFullNameBlur,onInputFocus:this.handleFullNameFocus})),e("udp-text",{key:"86acc410dab4171c460516d54a1ab228e5e67e32",slot:"message",variant:"caption1",class:{message:!0,error:n,"include-error-padding":this.includeErrorPadding}},o)))}get el(){return s(this)}static get watchers(){return{value:[{onValueChange:0}],disabled:[{onEnabledChange:0}],readonly:[{onEnabledChange:0}],penColor:[{onPenColorChange:0}],backgroundColor:[{onBackgroundColorChange:0}],includeLocation:[{onIncludeLocationChange:0}]}}};function l(i){return new Promise(((t,e)=>{navigator.geolocation.getCurrentPosition(t,e,i)}))}function r(i){if(i instanceof GeolocationPositionError){if(i.code===GeolocationPositionError.PERMISSION_DENIED)return"permission";if(i.code===GeolocationPositionError.POSITION_UNAVAILABLE)return"unavailable";if(i.code===GeolocationPositionError.TIMEOUT)return"timeout"}return"unavailable"}o.style=":host{display:block;width:100%;font-family:var(--fontFamilyBase)}fluent-field{width:100%}fluent-field.no-message::part(message){display:none}.root{display:flex;flex-direction:column;gap:var(--spacingVerticalS, 8px);width:100%}.signature-group{display:flex;flex-direction:column;gap:var(--spacingVerticalXXS, 2px)}.header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacingHorizontalS, 8px);min-height:24px}.field-label{display:block}.clear-button{flex:0 0 auto}.clear-button.hidden{visibility:hidden}.canvas-wrap{position:relative;width:100%;aspect-ratio:7 / 2;min-height:144px;border:1px solid var(--colorNeutralStroke1, #d1d1d1);border-radius:var(--borderRadiusMedium, 4px);background-color:var(--colorNeutralBackground1, #ffffff);overflow:hidden;transition:background-color 100ms ease,     border-color 100ms ease}:host(.appearance-filled) .canvas-wrap{background-color:var(--colorNeutralBackground2, #fafafa)}.canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.canvas-readonly{cursor:default}.canvas-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;color:var(--colorNeutralForeground4, #909090);font-size:var(--fontSizeBase200, 12px);letter-spacing:0.06em;text-transform:uppercase;z-index:0}.canvas{position:relative;z-index:1}.readonly-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;color:var(--colorNeutralForeground3, #707070);font-style:italic;font-size:var(--fontSizeBase200, 12px)}:host(.disabled){opacity:0.6}:host(.disabled) .canvas-wrap,:host(.readonly) .canvas-wrap{cursor:default}.fullname-input{width:100%}.message{color:var(--colorNeutralForeground3, #707070);font-size:var(--fontSizeBase200, 12px)}.message.include-error-padding{min-height:var(--lineHeightBase200, 16px);display:inline-block}.message.error{color:var(--colorPaletteRedForeground1, #b10e1c)}:host(.has-error) .canvas-wrap{border-color:var(--colorPaletteRedBorder2, #b10e1c)}";export{o as udp_fluent_signature_input}
+import{r as i,c as t,h as e,H as a,a as s}from"./index-Cgpvu-iV.js";import n from"signature_pad";import"@fluentui/web-components/field.js";import"@fluentui/web-components/label.js";const o=class{constructor(e){i(this,e),this.valueChanged=t(this,"valueChanged",7),this.geolocationDenied=t(this,"geolocationDenied",7),this.inputBlur=t(this,"inputBlur",7),this.inputFocus=t(this,"inputFocus",7),this.value=null,this.includeErrorPadding=!0,this.required=!1,this.disabled=!1,this.readonly=!1,this.appearance="outline",this.hideFullNameInput=!1,this.fullNamePlaceholder="Full name",this.fullNameLabel="Full name",this.includeLocation=!1,this.penColor="#1f1f1f",this.backgroundColor="rgba(0,0,0,0)",this.isEmpty=!0,this.cachedLocation=null,this.resizeRaf=null,this.isInternalUpdate=!1,this.handleResize=()=>{if(!this.pad||!this.canvasEl)return;const i=this.pad.isEmpty()?null:this.pad.toDataURL("image/png");this.resizeCanvasForDpr(),i?this.pad.fromDataURL(i,{ratio:window.devicePixelRatio||1}):this.pad.clear()},this.handleStrokeBegin=()=>{this.isEmpty&&(this.isEmpty=!1)},this.handleStrokeEnd=()=>{this.pad&&this.commitFromCanvas()},this.handleClear=()=>{this.disabled||this.readonly||!this.pad||(this.pad.clear(),this.isEmpty=!0,this.commitValue({file:null,metadata:null}))},this.handleFullNameChange=i=>{var t;i.stopPropagation();const e=null!==(t=i.detail)&&void 0!==t?t:"";this.commitValue({fullName:e})},this.handleFullNameBlur=i=>{i.stopPropagation(),this.inputBlur.emit()},this.handleFullNameFocus=i=>{i.stopPropagation(),this.inputFocus.emit()}}componentDidLoad(){var i;this.canvasEl&&(this.resizeCanvasForDpr(),this.pad=new n(this.canvasEl,{penColor:this.penColor,backgroundColor:this.backgroundColor}),this.pad.addEventListener("beginStroke",this.handleStrokeBegin),this.pad.addEventListener("endStroke",this.handleStrokeEnd),this.applyEnabledState(),(null===(i=this.value)||void 0===i?void 0:i.file)&&this.loadFileIntoPad(this.value.file),this.resizeObserver=new ResizeObserver((()=>{null!=this.resizeRaf&&cancelAnimationFrame(this.resizeRaf),this.resizeRaf=requestAnimationFrame(this.handleResize)})),this.resizeObserver.observe(this.canvasEl),this.includeLocation&&this.prewarmGeolocation())}disconnectedCallback(){this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=void 0),null!=this.resizeRaf&&cancelAnimationFrame(this.resizeRaf),this.pad&&(this.pad.removeEventListener("beginStroke",this.handleStrokeBegin),this.pad.removeEventListener("endStroke",this.handleStrokeEnd),this.pad.off(),this.pad=void 0)}onValueChange(i){if(this.isInternalUpdate)this.isInternalUpdate=!1;else if(this.pad)return(null==i?void 0:i.file)?void this.loadFileIntoPad(i.file):(this.pad.clear(),void(this.isEmpty=!0))}onEnabledChange(){this.applyEnabledState()}onPenColorChange(i){this.pad&&(this.pad.penColor=i)}onBackgroundColorChange(i){this.pad&&(this.pad.backgroundColor=i)}onIncludeLocationChange(i){i&&!this.cachedLocation&&this.prewarmGeolocation(),i||(this.cachedLocation=null)}resizeCanvasForDpr(){if(!this.canvasEl)return;const i=Math.max(window.devicePixelRatio||1,1),t=this.canvasEl.getBoundingClientRect();if(0===t.width||0===t.height)return;this.canvasEl.width=t.width*i,this.canvasEl.height=t.height*i;const e=this.canvasEl.getContext("2d");e&&(e.setTransform(1,0,0,1,0,0),e.scale(i,i))}applyEnabledState(){this.pad&&(this.disabled||this.readonly?this.pad.off():this.pad.on())}async loadFileIntoPad(i){if(!this.pad)return;const t=await function(i){return new Promise(((t,e)=>{const a=new FileReader;a.onload=()=>t("string"==typeof a.result?a.result:""),a.onerror=()=>{var i;return e(null!==(i=a.error)&&void 0!==i?i:new Error("Failed to read signature file"))},a.readAsDataURL(i)}))}(i);this.pad&&(this.pad.clear(),this.pad.fromDataURL(t,{ratio:window.devicePixelRatio||1}),this.isEmpty=this.pad.isEmpty())}async commitFromCanvas(){if(!this.pad)return;if(this.pad.isEmpty())return this.isEmpty=!0,void this.commitValue({file:null,metadata:null});this.isEmpty=!1;const i=this.pad.toDataURL("image/png"),t=await async function(i){const t=await fetch(i),e=await t.blob();return new File([e],"signature.png",{type:e.type||"image/png"})}(i),e=await this.captureMetadata();this.commitValue({file:t,metadata:e})}commitValue(i){var t,e,a,s,n,o,l,r,h;const d={file:"file"in i?null!==(t=i.file)&&void 0!==t?t:null:null!==(a=null===(e=this.value)||void 0===e?void 0:e.file)&&void 0!==a?a:null,fullName:"fullName"in i?null!==(s=i.fullName)&&void 0!==s?s:null:null!==(o=null===(n=this.value)||void 0===n?void 0:n.fullName)&&void 0!==o?o:null,metadata:"metadata"in i?null!==(l=i.metadata)&&void 0!==l?l:null:null!==(h=null===(r=this.value)||void 0===r?void 0:r.metadata)&&void 0!==h?h:null};this.isInternalUpdate=!0,this.value=d,this.valueChanged.emit(d)}async prewarmGeolocation(){if("geolocation"in navigator)try{this.cachedLocation=await l({enableHighAccuracy:!0,timeout:3e4,maximumAge:0})}catch(i){const t=r(i);this.cachedLocation=null,this.geolocationDenied.emit({reason:t,message:i instanceof GeolocationPositionError?i.message:void 0})}else this.geolocationDenied.emit({reason:"unsupported"})}async captureMetadata(){const i={timestamp:(new Date).toISOString(),latitude:null,longitude:null};if(!this.includeLocation)return i;let t=this.cachedLocation;if(!t)try{t=await l({enableHighAccuracy:!0,timeout:3e4,maximumAge:0}),this.cachedLocation=t}catch(t){return this.geolocationDenied.emit({reason:r(t),message:t instanceof GeolocationPositionError?t.message:void 0}),i}return i.latitude=t.coords.latitude,i.longitude=t.coords.longitude,i}render(){var i,t,s;const n=!!this.error,o=this.error||this.hint,l=!o&&!this.includeErrorPadding,r=!this.readonly&&!this.disabled&&!this.isEmpty,h=this.readonly&&this.isEmpty&&!(null===(i=this.value)||void 0===i?void 0:i.file);return e(a,{key:"03493208fa33b1639c1a905d4bb110e0bc25b65d",class:{"has-error":n,[`appearance-${this.appearance}`]:!0,disabled:this.disabled,readonly:this.readonly}},e("fluent-field",{key:"35746c3b524e6c90acbfad95d507d97bf77cea7f",class:{"no-message":l}},e("div",{key:"df4df120237a1feaa2ae8764012ff7f24586b1b6",slot:"input",class:"root"},e("div",{key:"3b2438cbb3098e7235c08dddde07e75b933b954c",class:"signature-group"},e("div",{key:"2315dad52c98e3ccb8aa1f36676ea702200c42c9",class:"header"},this.label&&e("fluent-label",{key:"9cf87d09319ba3e678df71cd933996ec614c5842",class:"field-label",required:this.required,disabled:this.disabled},this.label),e("udp-fluent-button",{key:"a7a6bfbeff934155077f69c5c1115905d7f22abb",class:{"clear-button":!0,hidden:!r},appearance:"subtle",size:"small",disabled:!r,"aria-hidden":r?"false":"true",tabindex:r?0:-1,onClick:this.handleClear},"Clear")),e("div",{key:"1cffa4b385cef82ec2609568b147e366fc6be3c1",class:{"canvas-wrap":!0,empty:this.isEmpty},"aria-busy":this.disabled?"true":"false"},e("canvas",{key:"8c436f1092bfda18d11c2660e28d92d1e41b2cd8",ref:i=>this.canvasEl=i,class:{canvas:!0,"canvas-readonly":this.readonly||this.disabled},"aria-label":this.label||"Signature"}),h&&e("div",{key:"5891e986e469ecb172ba3929f26caf6c9dbc3726",class:"readonly-empty"},e("span",{key:"12a6b0bfbc8abe497b697b0c3961c9116103ad24",class:"readonly-empty-text"},"No signature")),this.isEmpty&&!this.readonly&&!this.disabled&&e("div",{key:"7f2471bffeca34e26bf42f909a77fd22da5f3742",class:"canvas-hint","aria-hidden":"true"},e("span",{key:"b12b339e046131588b3d9420b5614c37deabb658"},"Sign here")))),!this.hideFullNameInput&&e("udp-fluent-text-input",{key:"8787867e2d2adbe040e1e56594eede43ba1100cc",class:"fullname-input",label:this.fullNameLabel,placeholder:this.fullNamePlaceholder,value:null!==(s=null===(t=this.value)||void 0===t?void 0:t.fullName)&&void 0!==s?s:"",disabled:this.disabled,readonly:this.readonly,required:this.required,includeErrorPadding:!1,appearance:"filled"===this.appearance?"filled-lighter":"outline",onValueChanged:this.handleFullNameChange,onInputBlur:this.handleFullNameBlur,onInputFocus:this.handleFullNameFocus})),e("udp-text",{key:"6c2f9faf504def76567e4634fcb4bf82853bc241",slot:"message",variant:"caption1",class:{message:!0,error:n,"include-error-padding":this.includeErrorPadding}},o)))}get el(){return s(this)}static get watchers(){return{value:[{onValueChange:0}],disabled:[{onEnabledChange:0}],readonly:[{onEnabledChange:0}],penColor:[{onPenColorChange:0}],backgroundColor:[{onBackgroundColorChange:0}],includeLocation:[{onIncludeLocationChange:0}]}}};function l(i){return new Promise(((t,e)=>{navigator.geolocation.getCurrentPosition(t,e,i)}))}function r(i){if(i instanceof GeolocationPositionError){if(i.code===GeolocationPositionError.PERMISSION_DENIED)return"permission";if(i.code===GeolocationPositionError.POSITION_UNAVAILABLE)return"unavailable";if(i.code===GeolocationPositionError.TIMEOUT)return"timeout"}return"unavailable"}o.style=":host{display:block;width:100%;font-family:var(--fontFamilyBase)}fluent-field{width:100%}fluent-field.no-message::part(message){display:none}.root{display:flex;flex-direction:column;gap:var(--spacingVerticalS, 8px);width:100%}.signature-group{display:flex;flex-direction:column;gap:var(--spacingVerticalXXS, 2px)}.header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacingHorizontalS, 8px);min-height:24px}.field-label{display:block}.clear-button{flex:0 0 auto}.clear-button.hidden{visibility:hidden}.canvas-wrap{position:relative;width:100%;aspect-ratio:7 / 2;min-height:144px;border:1px solid var(--colorNeutralStroke1, #d1d1d1);border-radius:var(--borderRadiusMedium, 4px);background-color:var(--colorNeutralBackground1, #ffffff);overflow:hidden;transition:background-color 100ms ease,     border-color 100ms ease}:host(.appearance-filled) .canvas-wrap{background-color:var(--colorNeutralBackground2, #fafafa)}.canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.canvas-readonly{cursor:default}.canvas-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;color:var(--colorNeutralForeground4, #909090);font-size:var(--fontSizeBase200, 12px);letter-spacing:0.06em;text-transform:uppercase;z-index:0}.canvas{position:relative;z-index:1}.readonly-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;color:var(--colorNeutralForeground3, #707070);font-style:italic;font-size:var(--fontSizeBase200, 12px)}:host(.disabled){opacity:0.6}:host(.disabled) .canvas-wrap,:host(.readonly) .canvas-wrap{cursor:default}.fullname-input{width:100%}.message{color:var(--colorNeutralForeground3, #707070);font-size:var(--fontSizeBase200, 12px)}.message.include-error-padding{min-height:var(--lineHeightBase200, 16px);display:inline-block}.message.error{color:var(--colorPaletteRedForeground1, #b10e1c)}:host(.has-error) .canvas-wrap{border-color:var(--colorPaletteRedBorder2, #b10e1c)}";export{o as udp_fluent_signature_input}

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

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

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

@@ -1 +1 @@
-import{r as a,h as t,F as e}from"./index-Cgpvu-iV.js";import{a as d}from"./enums-Bn8TXZfi.js";const o=class{constructor(t){a(this,t)}render(){const a=t(e,{key:"8df8a85ddafca8d29883dce8bce06f38d38380f0"},t("unity-typography",{key:"b44083355f6b4a239b8ccb81805956e0db477eae",variant:"body1",color:"textSecondary"},"Version: ",this.listItemData.version),t("unity-typography",{key:"6b0e2a19b90ff7bc02a306948e3a0f3681db9e3d",variant:"body1",color:"textSecondary"},"Form Type: ",d[this.listItemData.type]));return t("udp-card",{key:"467464bd47120a02416dd8a954aa41400c64af7d",cardTitle:this.listItemData.name,subheader:this.listItemData.description,onTitleClick:()=>this.handleLaunchFollowUpForm(),disableContentPadding:!0,adornmentStatus:"info"},a)}};export{o as udp_forms_follow_up_list_card}
+import{r as a,h as t,F as d}from"./index-Cgpvu-iV.js";import{a as o}from"./enums-Bn8TXZfi.js";const r=class{constructor(t){a(this,t)}render(){const a=t(d,{key:"c20dc775734d36354df7aa084502a5719a23a2df"},t("unity-typography",{key:"bff8fcdb24d63ad789999104dcc31940026df34d",variant:"body1",color:"textSecondary"},"Version: ",this.listItemData.version),t("unity-typography",{key:"4cb261a73046a60a15daf603625e35081f3c6005",variant:"body1",color:"textSecondary"},"Form Type: ",o[this.listItemData.type]));return t("udp-card",{key:"594a7219f8d703acab58c7429095a1f9d26e37bb",cardTitle:this.listItemData.name,subheader:this.listItemData.description,onTitleClick:()=>this.handleLaunchFollowUpForm(),disableContentPadding:!0,adornmentStatus:"info"},a)}};export{r as udp_forms_follow_up_list_card}

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

@@ -1 +1 @@
-import{r as t,c as i,h as o,F as s}from"./index-Cgpvu-iV.js";import{U as e,a as d}from"./enums-Bn8TXZfi.js";import{d as a}from"./utils-kwLwITIE.js";import r from"@carbon/icons/es/chevron--right/16";import c from"@carbon/icons/es/edit/16";import n from"@carbon/icons/es/document--add/16";const h=class{constructor(o){t(this,o),this.closeSidesheet=i(this,"closeSidesheet",7),this.isFollowUpFormConfigOn=!1,this.isRendererRedirectConfigOn=!1,this.getFormBuilderUrl=()=>this.formsBuilderUrlPath?`${this.formsBuilderUrlPath}&udpf_formId=${this.data.id}&udpf_formVersion=${this.data.version}`:`/page/${e.FormBuilderPageId}?udpf_formId=${this.data.id}&udpf_formVersion=${this.data.version}`,this.getFormRendererUrl=()=>this.formsRendererUrlPath?`${this.formsRendererUrlPath}?udpf_formId=${this.data.id}&udpf_formVersion=${this.data.version}`:`/page/${e.FormRendererPrivatePageId}?udpf_formId=${this.data.id}&udpf_formVersion=${this.data.version}`,this.formBuilderHandler=()=>{this.history.push(this.getFormBuilderUrl())},this.formRendererHandler=()=>{this.history.push(this.getFormRendererUrl())},this.handleEditOrTitleClick=t=>{t.preventDefault(),this.closeSidesheet.emit(),this.formBuilderHandler()}}render(){const t=o(s,{key:"3080aabab1add1eed9b4d2705cf302ed186228d4"},o("unity-typography",{key:"8afc0b2acb20a7eb832c5f255d973b59542dddc2",variant:"body1",color:"textSecondary"},"Version: ",this.data.version),!this.isSideSheetList&&o("unity-typography",{key:"ef68955c681b34fc57fe6e5ffc14bae6ad0f48e7",variant:"body1",color:"textSecondary"},"Last Modified: ",a(this.data.lastModifiedOn)),o("unity-typography",{key:"841cca03bcadd90714e1c413b40b328fa5f122dd",variant:"body1",color:"textSecondary"},"Created On: ",a(this.isSideSheetList?this.data.createdOn:this.data.initialCreatedOn)),this.isFollowUpFormConfigOn&&o("unity-typography",{key:"33fbd12b8ecc0377d7afa69b3a5ca45734deaf83",variant:"body1",color:"textSecondary"},"Form Type: ",d[this.data.type])),i=o(s,{key:"fbbf1bb2f4b79bad978d27ae7c440c73948d92b3"},o("stencil-icon-button",{key:"0715a37397205b205f914772f5ecaf1616be69b6",icon:c,tooltip:"Edit Form Template",onClick:t=>this.handleEditOrTitleClick(t)}),!this.isSideSheetList&&this.isRendererRedirectConfigOn&&o("stencil-icon-button",{key:"5a83291e915d80c6072c5b61b0b242b14f3ea31c",icon:n,tooltip:"View Form",onClick:t=>{t.stopPropagation(),this.formRendererHandler()}}),!this.isSideSheetList&&o("stencil-icon-button",{key:"dacbf34ca3dcdb4566841e397db18df8cd6164ff",icon:r,tooltip:"See Form Version History",onClick:t=>{var i;t.stopPropagation(),null===(i=this.openSideSheet)||void 0===i||i.call(this)}}));return o("udp-card",{key:"6aac435cf6b1715a5d5728ed6fd3a7765d10b46a",cardTitle:this.data.name,subheader:this.data.description,actions:i,onTitleClick:this.handleEditOrTitleClick,disableContentPadding:!0,adornmentStatus:"info"},t)}};export{h as udp_forms_list_card}
+import{r as t,c as i,h as o,F as s}from"./index-Cgpvu-iV.js";import{U as e,a}from"./enums-Bn8TXZfi.js";import{d as r}from"./utils-kwLwITIE.js";import d from"@carbon/icons/es/chevron--right/16";import c from"@carbon/icons/es/edit/16";import n from"@carbon/icons/es/document--add/16";const h=class{constructor(o){t(this,o),this.closeSidesheet=i(this,"closeSidesheet",7),this.isFollowUpFormConfigOn=!1,this.isRendererRedirectConfigOn=!1,this.getFormBuilderUrl=()=>this.formsBuilderUrlPath?`${this.formsBuilderUrlPath}&udpf_formId=${this.data.id}&udpf_formVersion=${this.data.version}`:`/page/${e.FormBuilderPageId}?udpf_formId=${this.data.id}&udpf_formVersion=${this.data.version}`,this.getFormRendererUrl=()=>this.formsRendererUrlPath?`${this.formsRendererUrlPath}?udpf_formId=${this.data.id}&udpf_formVersion=${this.data.version}`:`/page/${e.FormRendererPrivatePageId}?udpf_formId=${this.data.id}&udpf_formVersion=${this.data.version}`,this.formBuilderHandler=()=>{this.history.push(this.getFormBuilderUrl())},this.formRendererHandler=()=>{this.history.push(this.getFormRendererUrl())},this.handleEditOrTitleClick=t=>{t.preventDefault(),this.closeSidesheet.emit(),this.formBuilderHandler()}}render(){const t=o(s,{key:"f6553a70db7447217e848748cdba55b39e3895c9"},o("unity-typography",{key:"17234a2ab4809cfd1068656979dd3aa8b24decde",variant:"body1",color:"textSecondary"},"Version: ",this.data.version),!this.isSideSheetList&&o("unity-typography",{key:"9ae88f03d117cfd350efca0f92d511bb6e9438db",variant:"body1",color:"textSecondary"},"Last Modified: ",r(this.data.lastModifiedOn)),o("unity-typography",{key:"5fb812e5a5ff76ff85e45f287073d404a8a44f0c",variant:"body1",color:"textSecondary"},"Created On: ",r(this.isSideSheetList?this.data.createdOn:this.data.initialCreatedOn)),this.isFollowUpFormConfigOn&&o("unity-typography",{key:"5635f71ffd1f420b4e33058967e8ccb3535065c4",variant:"body1",color:"textSecondary"},"Form Type: ",a[this.data.type])),i=o(s,{key:"15b5b00f7420a5d47d17dfacf2ccd72396859a14"},o("stencil-icon-button",{key:"e67ed53a220cc04313aba3369a06a55c74d636ca",icon:c,tooltip:"Edit Form Template",onClick:t=>this.handleEditOrTitleClick(t)}),!this.isSideSheetList&&this.isRendererRedirectConfigOn&&o("stencil-icon-button",{key:"2f251f0ee8681ae6a69ca350740b5f4639a07d42",icon:n,tooltip:"View Form",onClick:t=>{t.stopPropagation(),this.formRendererHandler()}}),!this.isSideSheetList&&o("stencil-icon-button",{key:"efffcf811bb58e43c9e80b50d050d6ce2803a7ba",icon:d,tooltip:"See Form Version History",onClick:t=>{var i;t.stopPropagation(),null===(i=this.openSideSheet)||void 0===i||i.call(this)}}));return o("udp-card",{key:"02261aa6c444557b5e3dd460650950a4e90a70ae",cardTitle:this.data.name,subheader:this.data.description,actions:i,onTitleClick:this.handleEditOrTitleClick,disableContentPadding:!0,adornmentStatus:"info"},t)}};export{h as udp_forms_list_card}

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

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