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

package/dist/components/udp-fluent-signature-input.js

@@ -1,2 +1,2 @@
 import "../stencil-library/stencil-library.css";
-import{p as e,H as t,c as i,h as a,d as n,t as s}from"./index2.js";import o from"signature_pad";import"@fluentui/web-components/field.js";import"@fluentui/web-components/label.js";import{d as l}from"./udp-fluent-button2.js";import{d as r}from"./udp-fluent-icon2.js";import{d}from"./udp-fluent-text-input2.js";import{d as u}from"./udp-spinner2.js";import{d as c}from"./udp-text2.js";import{d as h}from"./udp-tooltip2.js";const f=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChanged=i(this,"valueChanged",7),this.geolocationDenied=i(this,"geolocationDenied",7),this.inputBlur=i(this,"inputBlur",7),this.inputFocus=i(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 e=this.pad.isEmpty()?null:this.pad.toDataURL("image/png");this.resizeCanvasForDpr(),e?this.pad.fromDataURL(e,{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=e=>{var t;e.stopPropagation();const i=null!==(t=e.detail)&&void 0!==t?t:"";this.commitValue({fullName:i})},this.handleFullNameBlur=e=>{e.stopPropagation(),this.inputBlur.emit()},this.handleFullNameFocus=e=>{e.stopPropagation(),this.inputFocus.emit()}}componentDidLoad(){var e;this.canvasEl&&(this.resizeCanvasForDpr(),this.pad=new o(this.canvasEl,{penColor:this.penColor,backgroundColor:this.backgroundColor}),this.pad.addEventListener("beginStroke",this.handleStrokeBegin),this.pad.addEventListener("endStroke",this.handleStrokeEnd),this.applyEnabledState(),(null===(e=this.value)||void 0===e?void 0:e.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(e){if(this.isInternalUpdate)this.isInternalUpdate=!1;else if(this.pad)return(null==e?void 0:e.file)?void this.loadFileIntoPad(e.file):(this.pad.clear(),void(this.isEmpty=!0))}onEnabledChange(){this.applyEnabledState()}onPenColorChange(e){this.pad&&(this.pad.penColor=e)}onBackgroundColorChange(e){this.pad&&(this.pad.backgroundColor=e)}onIncludeLocationChange(e){e&&!this.cachedLocation&&this.prewarmGeolocation(),e||(this.cachedLocation=null)}resizeCanvasForDpr(){if(!this.canvasEl)return;const e=Math.max(window.devicePixelRatio||1,1),t=this.canvasEl.getBoundingClientRect();if(0===t.width||0===t.height)return;this.canvasEl.width=t.width*e,this.canvasEl.height=t.height*e;const i=this.canvasEl.getContext("2d");i&&(i.setTransform(1,0,0,1,0,0),i.scale(e,e))}applyEnabledState(){this.pad&&(this.disabled||this.readonly?this.pad.off():this.pad.on())}async loadFileIntoPad(e){if(!this.pad)return;const t=await function(e){return new Promise(((t,i)=>{const a=new FileReader;a.onload=()=>t("string"==typeof a.result?a.result:""),a.onerror=()=>{var e;return i(null!==(e=a.error)&&void 0!==e?e:Error("Failed to read signature file"))},a.readAsDataURL(e)}))}(e);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 e=this.pad.toDataURL("image/png"),t=await async function(e){const t=await fetch(e),i=await t.blob();return new File([i],"signature.png",{type:i.type||"image/png"})}(e),i=await this.captureMetadata();this.commitValue({file:t,metadata:i})}commitValue(e){var t,i,a,n,s,o,l,r,d;const u={file:"file"in e?null!==(t=e.file)&&void 0!==t?t:null:null!==(a=null===(i=this.value)||void 0===i?void 0:i.file)&&void 0!==a?a:null,fullName:"fullName"in e?null!==(n=e.fullName)&&void 0!==n?n:null:null!==(o=null===(s=this.value)||void 0===s?void 0:s.fullName)&&void 0!==o?o:null,metadata:"metadata"in e?null!==(l=e.metadata)&&void 0!==l?l:null:null!==(d=null===(r=this.value)||void 0===r?void 0:r.metadata)&&void 0!==d?d:null};this.isInternalUpdate=!0,this.value=u,this.valueChanged.emit(u)}async prewarmGeolocation(){if("geolocation"in navigator)try{this.cachedLocation=await p({enableHighAccuracy:!0,timeout:3e4,maximumAge:0})}catch(e){const t=b(e);this.cachedLocation=null,this.geolocationDenied.emit({reason:t,message:e instanceof GeolocationPositionError?e.message:void 0})}else this.geolocationDenied.emit({reason:"unsupported"})}async captureMetadata(){const e={timestamp:(new Date).toISOString(),latitude:null,longitude:null};if(!this.includeLocation)return e;let t=this.cachedLocation;if(!t)try{t=await p({enableHighAccuracy:!0,timeout:3e4,maximumAge:0}),this.cachedLocation=t}catch(t){return this.geolocationDenied.emit({reason:b(t),message:t instanceof GeolocationPositionError?t.message:void 0}),e}return e.latitude=t.coords.latitude,e.longitude=t.coords.longitude,e}render(){var e,t,i;const s=!!this.error,o=this.error||this.hint,l=!o&&!this.includeErrorPadding,r=!this.readonly&&!this.disabled&&!this.isEmpty,d=this.readonly&&this.isEmpty&&!(null===(e=this.value)||void 0===e?void 0:e.file);return a(n,{key:"43c407383f99db0efe1235923cda238f26707281",class:{"has-error":s,["appearance-"+this.appearance]:!0,disabled:this.disabled,readonly:this.readonly}},a("fluent-field",{key:"b9a52f91217a1b3c1d064e65dac90ffc5c38b7cf",class:{"no-message":l}},a("div",{key:"40b5b898279d05ba64aaa3035f5191b5de985fa9",slot:"input",class:"root"},a("div",{key:"06e5e8026fb4fcfb2b394559f2c7889afb4173b6",class:"signature-group"},a("div",{key:"0bb6ec85d256e5798ce972ab80f5aea21b5c3e56",class:"header"},this.label&&a("fluent-label",{key:"e60687488adf4030fe23ed716282ad2249ee24f5",class:"field-label",required:this.required,disabled:this.disabled},this.label),a("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")),a("div",{key:"1b4b5d3d046b0fddf6eb2b637fdd683907886a7b",class:{"canvas-wrap":!0,empty:this.isEmpty},"aria-busy":this.disabled?"true":"false"},a("canvas",{key:"bb42c3fe153828e8080cfbb509c6a4a110afbbc1",ref:e=>this.canvasEl=e,class:{canvas:!0,"canvas-readonly":this.readonly||this.disabled},"aria-label":this.label||"Signature"}),d&&a("div",{key:"bbef2d7ba8db20d532af31066adc1277f031f377",class:"readonly-empty"},a("span",{key:"d3889ccad4d9654138432f8ebe2dddc55339b630",class:"readonly-empty-text"},"No signature")),this.isEmpty&&!this.readonly&&!this.disabled&&a("div",{key:"5975aa1b8ec87a9cdfe76503c20f25514768923c",class:"canvas-hint","aria-hidden":"true"},a("span",{key:"2241c4b4bead267624659d8dd2f28090b3c7fc34"},"Sign here")))),!this.hideFullNameInput&&a("udp-fluent-text-input",{key:"6a7427b7f6057553a677954fcead1c1b7ad64108",class:"fullname-input",label:this.fullNameLabel,placeholder:this.fullNamePlaceholder,value:null!==(i=null===(t=this.value)||void 0===t?void 0:t.fullName)&&void 0!==i?i:"",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})),a("udp-text",{key:"86acc410dab4171c460516d54a1ab228e5e67e32",slot:"message",variant:"caption1",class:{message:!0,error:s,"include-error-padding":this.includeErrorPadding}},o)))}get el(){return this}static get watchers(){return{value:[{onValueChange:0}],disabled:[{onEnabledChange:0}],readonly:[{onEnabledChange:0}],penColor:[{onPenColorChange:0}],backgroundColor:[{onBackgroundColorChange:0}],includeLocation:[{onIncludeLocationChange:0}]}}static get style(){return":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)}"}},[1,"udp-fluent-signature-input",{value:[16],name:[1],label:[1],hint:[1],error:[1],includeErrorPadding:[4,"include-error-padding"],required:[4],disabled:[4],readonly:[4],appearance:[1],hideFullNameInput:[4,"hide-full-name-input"],fullNamePlaceholder:[1,"full-name-placeholder"],fullNameLabel:[1,"full-name-label"],includeLocation:[4,"include-location"],penColor:[1,"pen-color"],backgroundColor:[1,"background-color"],isEmpty:[32]},void 0,{value:[{onValueChange:0}],disabled:[{onEnabledChange:0}],readonly:[{onEnabledChange:0}],penColor:[{onPenColorChange:0}],backgroundColor:[{onBackgroundColorChange:0}],includeLocation:[{onIncludeLocationChange:0}]}]);function p(e){return new Promise(((t,i)=>{navigator.geolocation.getCurrentPosition(t,i,e)}))}function b(e){if(e instanceof GeolocationPositionError){if(e.code===GeolocationPositionError.PERMISSION_DENIED)return"permission";if(e.code===GeolocationPositionError.POSITION_UNAVAILABLE)return"unavailable";if(e.code===GeolocationPositionError.TIMEOUT)return"timeout"}return"unavailable"}const m=f,g=function(){"undefined"!=typeof customElements&&["udp-fluent-signature-input","udp-fluent-button","udp-fluent-icon","udp-fluent-text-input","udp-spinner","udp-text","udp-tooltip"].forEach((e=>{switch(e){case"udp-fluent-signature-input":customElements.get(s(e))||customElements.define(s(e),f);break;case"udp-fluent-button":customElements.get(s(e))||l();break;case"udp-fluent-icon":customElements.get(s(e))||r();break;case"udp-fluent-text-input":customElements.get(s(e))||d();break;case"udp-spinner":customElements.get(s(e))||u();break;case"udp-text":customElements.get(s(e))||c();break;case"udp-tooltip":customElements.get(s(e))||h()}}))};export{m as UdpFluentSignatureInput,g as defineCustomElement}
+import{p as e,H as t,c as i,h as a,d as n,t as s}from"./index2.js";import o from"signature_pad";import"@fluentui/web-components/field.js";import"@fluentui/web-components/label.js";import{d as l}from"./udp-fluent-button2.js";import{d as r}from"./udp-fluent-icon2.js";import{d}from"./udp-fluent-text-input2.js";import{d as u}from"./udp-spinner2.js";import{d as c}from"./udp-text2.js";import{d as h}from"./udp-tooltip2.js";const f=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChanged=i(this,"valueChanged",7),this.geolocationDenied=i(this,"geolocationDenied",7),this.inputBlur=i(this,"inputBlur",7),this.inputFocus=i(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 e=this.pad.isEmpty()?null:this.pad.toDataURL("image/png");this.resizeCanvasForDpr(),e?this.pad.fromDataURL(e,{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=e=>{var t;e.stopPropagation();const i=null!==(t=e.detail)&&void 0!==t?t:"";this.commitValue({fullName:i})},this.handleFullNameBlur=e=>{e.stopPropagation(),this.inputBlur.emit()},this.handleFullNameFocus=e=>{e.stopPropagation(),this.inputFocus.emit()}}componentDidLoad(){var e;this.canvasEl&&(this.resizeCanvasForDpr(),this.pad=new o(this.canvasEl,{penColor:this.penColor,backgroundColor:this.backgroundColor}),this.pad.addEventListener("beginStroke",this.handleStrokeBegin),this.pad.addEventListener("endStroke",this.handleStrokeEnd),this.applyEnabledState(),(null===(e=this.value)||void 0===e?void 0:e.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(e){if(this.isInternalUpdate)this.isInternalUpdate=!1;else if(this.pad)return(null==e?void 0:e.file)?void this.loadFileIntoPad(e.file):(this.pad.clear(),void(this.isEmpty=!0))}onEnabledChange(){this.applyEnabledState()}onPenColorChange(e){this.pad&&(this.pad.penColor=e)}onBackgroundColorChange(e){this.pad&&(this.pad.backgroundColor=e)}onIncludeLocationChange(e){e&&!this.cachedLocation&&this.prewarmGeolocation(),e||(this.cachedLocation=null)}resizeCanvasForDpr(){if(!this.canvasEl)return;const e=Math.max(window.devicePixelRatio||1,1),t=this.canvasEl.getBoundingClientRect();if(0===t.width||0===t.height)return;this.canvasEl.width=t.width*e,this.canvasEl.height=t.height*e;const i=this.canvasEl.getContext("2d");i&&(i.setTransform(1,0,0,1,0,0),i.scale(e,e))}applyEnabledState(){this.pad&&(this.disabled||this.readonly?this.pad.off():this.pad.on())}async loadFileIntoPad(e){if(!this.pad)return;const t=await function(e){return new Promise(((t,i)=>{const a=new FileReader;a.onload=()=>t("string"==typeof a.result?a.result:""),a.onerror=()=>{var e;return i(null!==(e=a.error)&&void 0!==e?e:Error("Failed to read signature file"))},a.readAsDataURL(e)}))}(e);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 e=this.pad.toDataURL("image/png"),t=await async function(e){const t=await fetch(e),i=await t.blob();return new File([i],"signature.png",{type:i.type||"image/png"})}(e),i=await this.captureMetadata();this.commitValue({file:t,metadata:i})}commitValue(e){var t,i,a,n,s,o,l,r,d;const u={file:"file"in e?null!==(t=e.file)&&void 0!==t?t:null:null!==(a=null===(i=this.value)||void 0===i?void 0:i.file)&&void 0!==a?a:null,fullName:"fullName"in e?null!==(n=e.fullName)&&void 0!==n?n:null:null!==(o=null===(s=this.value)||void 0===s?void 0:s.fullName)&&void 0!==o?o:null,metadata:"metadata"in e?null!==(l=e.metadata)&&void 0!==l?l:null:null!==(d=null===(r=this.value)||void 0===r?void 0:r.metadata)&&void 0!==d?d:null};this.isInternalUpdate=!0,this.value=u,this.valueChanged.emit(u)}async prewarmGeolocation(){if("geolocation"in navigator)try{this.cachedLocation=await p({enableHighAccuracy:!0,timeout:3e4,maximumAge:0})}catch(e){const t=b(e);this.cachedLocation=null,this.geolocationDenied.emit({reason:t,message:e instanceof GeolocationPositionError?e.message:void 0})}else this.geolocationDenied.emit({reason:"unsupported"})}async captureMetadata(){const e={timestamp:(new Date).toISOString(),latitude:null,longitude:null};if(!this.includeLocation)return e;let t=this.cachedLocation;if(!t)try{t=await p({enableHighAccuracy:!0,timeout:3e4,maximumAge:0}),this.cachedLocation=t}catch(t){return this.geolocationDenied.emit({reason:b(t),message:t instanceof GeolocationPositionError?t.message:void 0}),e}return e.latitude=t.coords.latitude,e.longitude=t.coords.longitude,e}render(){var e,t,i;const s=!!this.error,o=this.error||this.hint,l=!o&&!this.includeErrorPadding,r=!this.readonly&&!this.disabled&&!this.isEmpty,d=this.readonly&&this.isEmpty&&!(null===(e=this.value)||void 0===e?void 0:e.file);return a(n,{key:"03493208fa33b1639c1a905d4bb110e0bc25b65d",class:{"has-error":s,["appearance-"+this.appearance]:!0,disabled:this.disabled,readonly:this.readonly}},a("fluent-field",{key:"35746c3b524e6c90acbfad95d507d97bf77cea7f",class:{"no-message":l}},a("div",{key:"df4df120237a1feaa2ae8764012ff7f24586b1b6",slot:"input",class:"root"},a("div",{key:"3b2438cbb3098e7235c08dddde07e75b933b954c",class:"signature-group"},a("div",{key:"2315dad52c98e3ccb8aa1f36676ea702200c42c9",class:"header"},this.label&&a("fluent-label",{key:"9cf87d09319ba3e678df71cd933996ec614c5842",class:"field-label",required:this.required,disabled:this.disabled},this.label),a("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")),a("div",{key:"1cffa4b385cef82ec2609568b147e366fc6be3c1",class:{"canvas-wrap":!0,empty:this.isEmpty},"aria-busy":this.disabled?"true":"false"},a("canvas",{key:"8c436f1092bfda18d11c2660e28d92d1e41b2cd8",ref:e=>this.canvasEl=e,class:{canvas:!0,"canvas-readonly":this.readonly||this.disabled},"aria-label":this.label||"Signature"}),d&&a("div",{key:"5891e986e469ecb172ba3929f26caf6c9dbc3726",class:"readonly-empty"},a("span",{key:"12a6b0bfbc8abe497b697b0c3961c9116103ad24",class:"readonly-empty-text"},"No signature")),this.isEmpty&&!this.readonly&&!this.disabled&&a("div",{key:"7f2471bffeca34e26bf42f909a77fd22da5f3742",class:"canvas-hint","aria-hidden":"true"},a("span",{key:"b12b339e046131588b3d9420b5614c37deabb658"},"Sign here")))),!this.hideFullNameInput&&a("udp-fluent-text-input",{key:"8787867e2d2adbe040e1e56594eede43ba1100cc",class:"fullname-input",label:this.fullNameLabel,placeholder:this.fullNamePlaceholder,value:null!==(i=null===(t=this.value)||void 0===t?void 0:t.fullName)&&void 0!==i?i:"",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})),a("udp-text",{key:"6c2f9faf504def76567e4634fcb4bf82853bc241",slot:"message",variant:"caption1",class:{message:!0,error:s,"include-error-padding":this.includeErrorPadding}},o)))}get el(){return this}static get watchers(){return{value:[{onValueChange:0}],disabled:[{onEnabledChange:0}],readonly:[{onEnabledChange:0}],penColor:[{onPenColorChange:0}],backgroundColor:[{onBackgroundColorChange:0}],includeLocation:[{onIncludeLocationChange:0}]}}static get style(){return":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)}"}},[1,"udp-fluent-signature-input",{value:[16],name:[1],label:[1],hint:[1],error:[1],includeErrorPadding:[4,"include-error-padding"],required:[4],disabled:[4],readonly:[4],appearance:[1],hideFullNameInput:[4,"hide-full-name-input"],fullNamePlaceholder:[1,"full-name-placeholder"],fullNameLabel:[1,"full-name-label"],includeLocation:[4,"include-location"],penColor:[1,"pen-color"],backgroundColor:[1,"background-color"],isEmpty:[32]},void 0,{value:[{onValueChange:0}],disabled:[{onEnabledChange:0}],readonly:[{onEnabledChange:0}],penColor:[{onPenColorChange:0}],backgroundColor:[{onBackgroundColorChange:0}],includeLocation:[{onIncludeLocationChange:0}]}]);function p(e){return new Promise(((t,i)=>{navigator.geolocation.getCurrentPosition(t,i,e)}))}function b(e){if(e instanceof GeolocationPositionError){if(e.code===GeolocationPositionError.PERMISSION_DENIED)return"permission";if(e.code===GeolocationPositionError.POSITION_UNAVAILABLE)return"unavailable";if(e.code===GeolocationPositionError.TIMEOUT)return"timeout"}return"unavailable"}const m=f,g=function(){"undefined"!=typeof customElements&&["udp-fluent-signature-input","udp-fluent-button","udp-fluent-icon","udp-fluent-text-input","udp-spinner","udp-text","udp-tooltip"].forEach((e=>{switch(e){case"udp-fluent-signature-input":customElements.get(s(e))||customElements.define(s(e),f);break;case"udp-fluent-button":customElements.get(s(e))||l();break;case"udp-fluent-icon":customElements.get(s(e))||r();break;case"udp-fluent-text-input":customElements.get(s(e))||d();break;case"udp-spinner":customElements.get(s(e))||u();break;case"udp-text":customElements.get(s(e))||c();break;case"udp-tooltip":customElements.get(s(e))||h()}}))};export{m as UdpFluentSignatureInput,g as defineCustomElement}

package/dist/components/udp-fluent-switch2.js

@@ -1 +1 @@
-import{p as e,H as t,c as s,h as i,d as o,t as n}from"./index2.js";import"@fluentui/web-components/switch.js";import"@fluentui/web-components/field.js";import"@fluentui/web-components/label.js";import{d as a}from"./udp-fluent-icon2.js";import{d as l}from"./udp-text2.js";import{d}from"./udp-tooltip2.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChanged=s(this,"valueChanged",7),this.checked=!1,this.disabled=!1,this.labelPosition="after",this.includeErrorPadding=!0,this.handleChange=e=>{e.stopPropagation(),this.valueChanged.emit(e.target.checked)},this.handleLabelClick=()=>{!this.disabled&&this.internalSwitch&&this.internalSwitch.click()}}componentDidRender(){this.internalSwitch&&this.internalSwitch.toggleAttribute("disabled",this.disabled)}render(){const e=!!this.error,t=this.error||this.hint;return i(o,{key:"d23d1970c531de2cd9af431b36688bf472e7c4d7"},i("fluent-field",{key:"103772e929b2ac39f0b1d97cec84865dfc26d194","label-position":this.labelPosition,class:{"no-label":!this.label,"no-message":!t&&!this.includeErrorPadding}},i("fluent-label",{key:"35465dd8e502e91e96e6a928bba716ff2d5f7785",slot:"label",onClick:this.handleLabelClick},this.label,this.popupHint&&i("udp-tooltip",{key:"9719fef772ce35acfb7f23578d822a52e7df88e3",content:this.popupHint,positioning:"above"},i("udp-fluent-icon",{key:"70280f2cffb0fbf2d25455b8857b45a6936705b5",name:"info",size:"xs",class:"popup-hint-icon"}))),i("fluent-switch",{key:"5708b772cdb2b82c943bcacfce8aef3faa2b4cfa",slot:"input",name:this.name,checked:this.checked,disabled:this.disabled,onChange:this.handleChange,ref:e=>this.internalSwitch=e}),i("udp-text",{key:"d2482d8bfec01d5d27b8a9ad384a16aa1d85bab1",slot:"message",variant:"caption1",class:{message:!0,error:e,includeErrorPadding:this.includeErrorPadding}},t)))}static get delegatesFocus(){return!0}static get style(){return".message{color:var(--colorNeutralForeground3)}.message.includeErrorPadding{min-height:var(--lineHeightBase200)}.message.error{color:var(--colorPaletteRedForeground1)}.popup-hint-icon{margin-left:2px}fluent-field.no-label::part(label){display:none}fluent-field.no-message::part(message){display:none}fluent-field[label-position='before']{align-items:start}fluent-label{cursor:pointer}:host([disabled]) fluent-label{cursor:default}"}},[17,"udp-fluent-switch",{checked:[4],name:[1],disabled:[4],label:[1],labelPosition:[1,"label-position"],hint:[1],popupHint:[1,"popup-hint"],error:[1],includeErrorPadding:[4,"include-error-padding"]}]);function r(){"undefined"!=typeof customElements&&["udp-fluent-switch","udp-fluent-icon","udp-text","udp-tooltip"].forEach((e=>{switch(e){case"udp-fluent-switch":customElements.get(n(e))||customElements.define(n(e),c);break;case"udp-fluent-icon":customElements.get(n(e))||a();break;case"udp-text":customElements.get(n(e))||l();break;case"udp-tooltip":customElements.get(n(e))||d()}}))}export{c as U,r as d}
+import{p as e,H as t,c as s,h as i,d as o,t as n}from"./index2.js";import"@fluentui/web-components/switch.js";import"@fluentui/web-components/field.js";import"@fluentui/web-components/label.js";import{d as a}from"./udp-fluent-icon2.js";import{d as l}from"./udp-text2.js";import{d as c}from"./udp-tooltip2.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChanged=s(this,"valueChanged",7),this.checked=!1,this.disabled=!1,this.labelPosition="after",this.includeErrorPadding=!0,this.handleChange=e=>{e.stopPropagation(),this.valueChanged.emit(e.target.checked)},this.handleLabelClick=()=>{!this.disabled&&this.internalSwitch&&this.internalSwitch.click()}}componentDidRender(){this.internalSwitch&&this.internalSwitch.toggleAttribute("disabled",this.disabled)}render(){const e=!!this.error,t=this.error||this.hint;return i(o,{key:"91c654669e6e08d366b438d82ce2f56e7c56fdce"},i("fluent-field",{key:"65cbfc5e391cc5c7fbce3eabd4e3ec2d5fe89f18","label-position":this.labelPosition,class:{"no-label":!this.label,"no-message":!t&&!this.includeErrorPadding}},i("fluent-label",{key:"e6668f04f88cbcb7c5bb4b7073b00adfb0acc74e",slot:"label",onClick:this.handleLabelClick},this.label,this.popupHint&&i("udp-tooltip",{key:"1978ceaaab8a8306f8a81a01d55445dd6f8c8652",content:this.popupHint,positioning:"above"},i("udp-fluent-icon",{key:"d3e7c25477403f90921af5f0e0e4ee48f093af01",name:"info",size:"xs",class:"popup-hint-icon"}))),i("fluent-switch",{key:"9b006bf50ce4589b4a7bc3703d347cb000a8ce34",slot:"input",name:this.name,checked:this.checked,disabled:this.disabled,onChange:this.handleChange,ref:e=>this.internalSwitch=e}),i("udp-text",{key:"2968daf18e49a4c1fb62beee787371afd05440cd",slot:"message",variant:"caption1",class:{message:!0,error:e,includeErrorPadding:this.includeErrorPadding}},t)))}static get delegatesFocus(){return!0}static get style(){return".message{color:var(--colorNeutralForeground3)}.message.includeErrorPadding{min-height:var(--lineHeightBase200)}.message.error{color:var(--colorPaletteRedForeground1)}.popup-hint-icon{margin-left:2px}fluent-field.no-label::part(label){display:none}fluent-field.no-message::part(message){display:none}fluent-field[label-position='before']{align-items:start}fluent-label{cursor:pointer}:host([disabled]) fluent-label{cursor:default}"}},[17,"udp-fluent-switch",{checked:[4],name:[1],disabled:[4],label:[1],labelPosition:[1,"label-position"],hint:[1],popupHint:[1,"popup-hint"],error:[1],includeErrorPadding:[4,"include-error-padding"]}]);function r(){"undefined"!=typeof customElements&&["udp-fluent-switch","udp-fluent-icon","udp-text","udp-tooltip"].forEach((e=>{switch(e){case"udp-fluent-switch":customElements.get(n(e))||customElements.define(n(e),d);break;case"udp-fluent-icon":customElements.get(n(e))||a();break;case"udp-text":customElements.get(n(e))||l();break;case"udp-tooltip":customElements.get(n(e))||c()}}))}export{d as U,r as d}

package/dist/components/udp-fluent-tablist2.js

@@ -1 +1 @@
-import{p as t,H as i,c as e,h as s,t as n}from"./index2.js";import{h as o}from"./slot-helpers.js";import{a}from"./icon-size-helpers.js";import"@fluentui/web-components/tablist.js";import"@fluentui/web-components/tab.js";import{d as r}from"./udp-fluent-button2.js";import{d as l}from"./udp-fluent-counter-badge2.js";import{d}from"./udp-fluent-icon2.js";import{d as c}from"./udp-fluent-icon-button2.js";import{d as h}from"./udp-fluent-menu2.js";import{d as u}from"./udp-spinner2.js";const p=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tabChange=e(this,"tabChange",7),this.tabList=[],this.appearance="transparent",this.disabled=!1,this.size="medium",this.orientation="horizontal",this.overflowStrategy="collapse",this.showCounter=!0,this.orderedTabs=[],this.showStartShadow=!1,this.showEndShadow=!1,this.overflowTabs=[],this.visibleTabIds=[],this.handleScrollStart=()=>{this.scrollContainer&&this.scrollContainer.scrollTo({left:0,behavior:"smooth"})},this.handleScrollEnd=()=>{this.scrollContainer&&this.scrollContainer.scrollTo({left:this.scrollContainer.scrollWidth,behavior:"smooth"})},this.handleTabChange=t=>{t.stopPropagation();const i=t.target;i.activeid&&this.tabChange.emit(i.activeid)},this.handleKeyDown=t=>{var i,e,s;const n="ArrowLeft"===t.key;if(!n&&"ArrowRight"!==t.key)return;t.stopPropagation();const o=Array.from(null!==(e=null===(i=this.el.shadowRoot)||void 0===i?void 0:i.querySelectorAll("fluent-tab:not(.is-overflow)"))&&void 0!==e?e:[]).filter((t=>!t.hasAttribute("disabled")));if(0===o.length)return;const a=null===(s=this.el.shadowRoot)||void 0===s?void 0:s.activeElement,r=o.indexOf(a);if(-1===r)return;let l;t.preventDefault(),n?(l=r-1,l<0&&(l=o.length-1)):(l=r+1,l>=o.length&&(l=0));const d=o[l];d.focus(),d.click()}}handleTabListChange(){this.orderedTabs=this.tabList.filter((t=>!t.hide)),requestAnimationFrame((()=>this.updateOverflowState()))}componentWillLoad(){this.orderedTabs=this.tabList.filter((t=>!t.hide))}componentDidLoad(){"horizontal"===this.orientation&&this.initScrollObserver()}connectedCallback(){this.el.addEventListener("keydown",this.handleKeyDown,{capture:!0})}disconnectedCallback(){var t;this.el.removeEventListener("keydown",this.handleKeyDown,{capture:!0}),null===(t=this.resizeObserver)||void 0===t||t.disconnect()}initScrollObserver(){this.scrollContainer&&(this.updateOverflowState(),this.scrollContainer.addEventListener("scroll",(()=>{"scroll"===this.overflowStrategy&&this.checkScrollShadows()})),this.resizeObserver=new ResizeObserver((()=>{this.updateOverflowState()})),this.resizeObserver.observe(this.scrollContainer))}updateOverflowState(){"scroll"===this.overflowStrategy?this.checkScrollShadows():this.checkCollapseOverflow()}checkCollapseOverflow(){var t,i,e,s,n,o;if(!this.scrollContainer)return;const a=Array.from(null!==(i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelectorAll("fluent-tab"))&&void 0!==i?i:[]);a.forEach((t=>t.classList.remove("is-overflow")));const r=this.scrollContainer.clientWidth,l=new Map;a.forEach((t=>l.set(t.id,t.offsetWidth)));const d=null===(e=this.tablistEl)||void 0===e?void 0:e.activeid,c=d?String(d):null!=this.activeId?String(this.activeId):void 0,h=c&&l.has(c)?c:null===(s=a[0])||void 0===s?void 0:s.id,u=h&&null!==(n=l.get(h))&&void 0!==n?n:0;let p=0;if(a.forEach((t=>p+=t.offsetWidth)),p<=r)return this.visibleTabIds=a.map((t=>t.id)),this.updateTabVisibility(),void(this.overflowTabs=[]);const f=r-48;let b=u;const v=[];h&&v.push(h);for(const t of a){if(t.id===h)continue;const i=null!==(o=l.get(t.id))&&void 0!==o?o:0;if(!(b+i<=f))break;b+=i,v.push(t.id)}const m=a.filter((t=>v.includes(t.id))).map((t=>t.id));this.visibleTabIds=m,this.updateTabVisibility(),this.overflowTabs=this.buildMenuItems()}buildMenuItems(){return this.tabList.filter((t=>!t.hide&&!this.visibleTabIds.includes(String(t.id)))).map((t=>({id:String(t.id),text:t.label,startIconName:t.startIconName,endIconName:t.endIconName,disabled:t.disabled,onClick:()=>this.handleMenuItemClick(t.id)})))}updateTabVisibility(){var t,i,e;const s=Array.from(null!==(i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelectorAll("fluent-tab"))&&void 0!==i?i:[]),n=(null===(e=this.tablistEl)||void 0===e?void 0:e.activeid)||this.activeId;s.forEach((t=>{this.visibleTabIds.includes(t.id)?(t.classList.remove("is-overflow"),t.setAttribute("tabindex",t.id===n?"0":"-1")):(t.classList.add("is-overflow"),t.setAttribute("tabindex","-1"))}))}handleMenuItemClick(t){this.tablistEl&&(this.tablistEl.activeid=String(t)),this.updateOverflowState(),this.tabChange.emit(t),requestAnimationFrame((()=>{var i;const e=null===(i=this.el.shadowRoot)||void 0===i?void 0:i.getElementById(String(t));e&&e.focus()}))}checkScrollShadows(){if(!this.scrollContainer)return;const{scrollLeft:t,scrollWidth:i,clientWidth:e}=this.scrollContainer;if(i<=e)return this.showStartShadow=!1,void(this.showEndShadow=!1);this.showStartShadow=t>1,this.showEndShadow=Math.ceil(t)+e<Math.floor(i)-1}renderTab(t){const i=a(this.size,"standard");return s("fluent-tab",{id:t.id,disabled:t.disabled},(t.startIconName||o(this.el,`${t.id}-start`))&&s("span",{class:"slot-wrapper",slot:"start"},s("slot",{name:`${t.id}-start`},t.startIconName&&s("udp-fluent-icon",{name:t.startIconName,size:i}))),t.label,(t.endIconName||o(this.el,`${t.id}-end`))&&s("span",{class:"slot-wrapper",slot:"end"},s("slot",{name:`${t.id}-end`},t.endIconName&&s("udp-fluent-icon",{name:t.endIconName,size:i}))))}render(){return"vertical"===this.orientation?s("fluent-tablist",{appearance:"contained"===this.appearance?"subtle":this.appearance,disabled:this.disabled,size:this.size,orientation:this.orientation,activeid:null!=this.activeId?String(this.activeId):void 0,onChange:this.handleTabChange},this.orderedTabs.map((t=>this.renderTab(t)))):s("div",{class:{"tablist-scroll-wrapper":!0,"contained-variant":"contained"===this.appearance}},"scroll"===this.overflowStrategy&&s("div",{class:{"scroll-shadow-start":!0,"is-visible":this.showStartShadow}},s("div",{class:"scroll-button-container start"},s("udp-fluent-icon-button",{iconName:"chevron-left",size:"small",shape:"circular",onClick:this.handleScrollStart,ariaLabel:"Scroll to start",tabIndex:this.showStartShadow?0:-1}))),s("div",{class:{"tablist-scroll-container":!0,"collapse-mode":"collapse"===this.overflowStrategy},ref:t=>this.scrollContainer=t},s("fluent-tablist",{ref:t=>this.tablistEl=t,class:"tablist-inner",appearance:"subtle",disabled:this.disabled,size:this.size,orientation:this.orientation,activeid:null!=this.activeId?String(this.activeId):void 0,onChange:this.handleTabChange},this.orderedTabs.map((t=>this.renderTab(t)))),"collapse"===this.overflowStrategy&&s("div",{class:{"overflow-menu-container":!0,"is-hidden":0===this.overflowTabs.length}},s("udp-fluent-menu",{buttonType:"icon",endIconName:"more",appearance:"outline",shape:"circular",size:"small",items:this.overflowTabs}),this.showCounter&&s("udp-fluent-counter-badge",{size:"small",color:"brand"},this.overflowTabs.length))),"scroll"===this.overflowStrategy&&s("div",{class:{"scroll-shadow-end":!0,"is-visible":this.showEndShadow}},s("div",{class:"scroll-button-container end"},s("udp-fluent-icon-button",{iconName:"chevron-right",size:"small",shape:"circular",onClick:this.handleScrollEnd,ariaLabel:"Scroll to end",tabIndex:this.showEndShadow?0:-1}))))}get el(){return this}static get watchers(){return{tabList:[{handleTabListChange:0}]}}static get style(){return'.slot-wrapper{display:inline-flex;align-items:center}.tablist-scroll-wrapper{position:relative;display:flex;align-items:center;width:100%;overflow:hidden}.tablist-scroll-container{display:flex;overflow-x:auto;overflow-y:hidden;width:100%;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;}.tablist-scroll-container::-webkit-scrollbar{display:none}.tablist-inner{display:flex;flex:0 0 auto;padding:3px;border-radius:var(--borderRadiusLarge)}.tablist-scroll-container.collapse-mode{overflow-x:hidden}.scroll-shadow-start,.scroll-shadow-end{position:absolute;top:0;bottom:0;width:48px;pointer-events:none;opacity:0;transition:opacity 0.2s ease;z-index:2;display:flex;align-items:center;justify-content:center}.scroll-shadow-start{left:0;background:linear-gradient(to right, var(--colorNeutralBackground1) 40%, transparent);justify-content:flex-start;padding-left:4px;z-index:5}.scroll-shadow-end{right:0;background:linear-gradient(to left, var(--colorNeutralBackground1) 40%, transparent);justify-content:flex-end;padding-right:4px;z-index:5}.scroll-shadow-start.is-visible,.scroll-shadow-end.is-visible{opacity:1}.scroll-button-container{pointer-events:auto;display:flex;align-items:center;justify-content:center}.is-overflow{display:none !important}.is-hidden{visibility:hidden;pointer-events:none}fluent-tab[aria-selected="true"]{z-index:3;}.overflow-menu-container{display:flex;align-items:center;border-radius:0 var(--borderRadiusLarge) var(--borderRadiusLarge) 0;padding-right:var(--spacingHorizontalM);margin-left:-4px}.overflow-menu-container udp-fluent-menu{anchor-name:--menu-anchor;margin-left:var(--spacingHorizontalM)}.overflow-menu-container udp-fluent-counter-badge{position:absolute;position-anchor:--menu-anchor;top:anchor(top);right:anchor(right);margin-top:-6px;margin-right:-6px}.contained-variant .tablist-inner{background-color:var(--colorNeutralBackground3)}.contained-variant fluent-tab[aria-selected="true"]{color:var(--colorNeutralForeground1)}.contained-variant fluent-tab:hover{background-color:var(--colorNeutralBackground2)}.contained-variant .overflow-menu-container{background-color:var(--colorNeutralBackground3)}'}},[257,"udp-fluent-tablist",{tabList:[16],appearance:[1],disabled:[4],size:[1],orientation:[1],overflowStrategy:[1,"overflow-strategy"],showCounter:[4,"show-counter"],activeId:[8,"active-id"],orderedTabs:[32],showStartShadow:[32],showEndShadow:[32],overflowTabs:[32]},void 0,{tabList:[{handleTabListChange:0}]}]);function f(){"undefined"!=typeof customElements&&["udp-fluent-tablist","udp-fluent-button","udp-fluent-counter-badge","udp-fluent-icon","udp-fluent-icon-button","udp-fluent-menu","udp-spinner"].forEach((t=>{switch(t){case"udp-fluent-tablist":customElements.get(n(t))||customElements.define(n(t),p);break;case"udp-fluent-button":customElements.get(n(t))||r();break;case"udp-fluent-counter-badge":customElements.get(n(t))||l();break;case"udp-fluent-icon":customElements.get(n(t))||d();break;case"udp-fluent-icon-button":customElements.get(n(t))||c();break;case"udp-fluent-menu":customElements.get(n(t))||h();break;case"udp-spinner":customElements.get(n(t))||u()}}))}export{p as U,f as d}
+import{p as t,H as i,c as e,h as s,t as n}from"./index2.js";import{h as o}from"./slot-helpers.js";import{a}from"./icon-size-helpers.js";import"@fluentui/web-components/tablist.js";import"@fluentui/web-components/tab.js";import{d as r}from"./udp-fluent-button2.js";import{d as l}from"./udp-fluent-counter-badge2.js";import{d}from"./udp-fluent-icon2.js";import{d as c}from"./udp-fluent-icon-button2.js";import{d as h}from"./udp-fluent-menu2.js";import{d as u}from"./udp-spinner2.js";const p=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tabChange=e(this,"tabChange",7),this.tabList=[],this.appearance="transparent",this.disabled=!1,this.size="medium",this.orientation="horizontal",this.overflowStrategy="collapse",this.showCounter=!0,this.orderedTabs=[],this.showStartShadow=!1,this.showEndShadow=!1,this.overflowTabs=[],this.visibleTabIds=[],this.handleScrollStart=()=>{this.scrollContainer&&this.scrollContainer.scrollTo({left:0,behavior:"smooth"})},this.handleScrollEnd=()=>{this.scrollContainer&&this.scrollContainer.scrollTo({left:this.scrollContainer.scrollWidth,behavior:"smooth"})},this.handleTabChange=t=>{t.stopPropagation();const i=t.target;i.activeid&&this.tabChange.emit(i.activeid)},this.handleKeyDown=t=>{var i,e,s;const n="ArrowLeft"===t.key;if(!n&&"ArrowRight"!==t.key)return;t.stopPropagation();const o=Array.from(null!==(e=null===(i=this.el.shadowRoot)||void 0===i?void 0:i.querySelectorAll("fluent-tab:not(.is-overflow)"))&&void 0!==e?e:[]).filter((t=>!t.hasAttribute("disabled")));if(0===o.length)return;const a=null===(s=this.el.shadowRoot)||void 0===s?void 0:s.activeElement,r=o.indexOf(a);if(-1===r)return;let l;t.preventDefault(),n?(l=r-1,l<0&&(l=o.length-1)):(l=r+1,l>=o.length&&(l=0));const d=o[l];d.focus(),d.click()}}handleTabListChange(){this.orderedTabs=this.tabList.filter((t=>!t.hide)),requestAnimationFrame((()=>this.updateOverflowState()))}componentWillLoad(){this.orderedTabs=this.tabList.filter((t=>!t.hide))}componentDidLoad(){"horizontal"===this.orientation&&this.initScrollObserver()}connectedCallback(){this.el.addEventListener("keydown",this.handleKeyDown,{capture:!0})}disconnectedCallback(){var t;this.el.removeEventListener("keydown",this.handleKeyDown,{capture:!0}),null===(t=this.resizeObserver)||void 0===t||t.disconnect()}initScrollObserver(){this.scrollContainer&&(this.updateOverflowState(),this.scrollContainer.addEventListener("scroll",(()=>{"scroll"===this.overflowStrategy&&this.checkScrollShadows()})),this.resizeObserver=new ResizeObserver((()=>{this.updateOverflowState()})),this.resizeObserver.observe(this.scrollContainer))}updateOverflowState(){"scroll"===this.overflowStrategy?this.checkScrollShadows():this.checkCollapseOverflow()}checkCollapseOverflow(){var t,i,e,s,n,o;if(!this.scrollContainer)return;const a=Array.from(null!==(i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelectorAll("fluent-tab"))&&void 0!==i?i:[]);a.forEach((t=>t.classList.remove("is-overflow")));const r=this.scrollContainer.clientWidth,l=new Map;a.forEach((t=>l.set(t.id,t.offsetWidth)));const d=null===(e=this.tablistEl)||void 0===e?void 0:e.activeid,c=d?String(d):null!=this.activeId?String(this.activeId):void 0,h=c&&l.has(c)?c:null===(s=a[0])||void 0===s?void 0:s.id,u=h&&null!==(n=l.get(h))&&void 0!==n?n:0;let p=0;if(a.forEach((t=>p+=t.offsetWidth)),p<=r)return this.visibleTabIds=a.map((t=>t.id)),this.updateTabVisibility(),void(this.overflowTabs=[]);const b=r-48;let f=u;const v=[];h&&v.push(h);for(const t of a){if(t.id===h)continue;const i=null!==(o=l.get(t.id))&&void 0!==o?o:0;if(!(f+i<=b))break;f+=i,v.push(t.id)}const m=a.filter((t=>v.includes(t.id))).map((t=>t.id));this.visibleTabIds=m,this.updateTabVisibility(),this.overflowTabs=this.buildMenuItems()}buildMenuItems(){return this.tabList.filter((t=>!t.hide&&!this.visibleTabIds.includes(String(t.id)))).map((t=>({id:String(t.id),text:t.label,startIconName:t.startIconName,endIconName:t.endIconName,disabled:t.disabled,onClick:()=>this.handleMenuItemClick(t.id)})))}updateTabVisibility(){var t,i,e;const s=Array.from(null!==(i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelectorAll("fluent-tab"))&&void 0!==i?i:[]),n=(null===(e=this.tablistEl)||void 0===e?void 0:e.activeid)||this.activeId;s.forEach((t=>{this.visibleTabIds.includes(t.id)?(t.classList.remove("is-overflow"),t.setAttribute("tabindex",t.id===n?"0":"-1")):(t.classList.add("is-overflow"),t.setAttribute("tabindex","-1"))}))}handleMenuItemClick(t){this.tablistEl&&(this.tablistEl.activeid=String(t)),this.updateOverflowState(),this.tabChange.emit(t),requestAnimationFrame((()=>{var i;const e=null===(i=this.el.shadowRoot)||void 0===i?void 0:i.getElementById(String(t));e&&e.focus()}))}checkScrollShadows(){if(!this.scrollContainer)return;const{scrollLeft:t,scrollWidth:i,clientWidth:e}=this.scrollContainer;if(i<=e)return this.showStartShadow=!1,void(this.showEndShadow=!1);this.showStartShadow=t>1,this.showEndShadow=Math.ceil(t)+e<Math.floor(i)-1}renderTab(t){const i=a(this.size,"standard");return s("fluent-tab",{id:t.id,disabled:t.disabled},(t.startIconName||o(this.el,`${t.id}-start`))&&s("span",{class:"slot-wrapper",slot:"start"},s("slot",{name:`${t.id}-start`},t.startIconName&&s("udp-fluent-icon",{name:t.startIconName,size:i}))),t.label,(t.endIconName||o(this.el,`${t.id}-end`))&&s("span",{class:"slot-wrapper",slot:"end"},s("slot",{name:`${t.id}-end`},t.endIconName&&s("udp-fluent-icon",{name:t.endIconName,size:i}))))}render(){return"vertical"===this.orientation?s("fluent-tablist",{appearance:"contained"===this.appearance?"subtle":this.appearance,disabled:this.disabled,size:this.size,orientation:this.orientation,activeid:null!=this.activeId?String(this.activeId):void 0,onChange:this.handleTabChange},this.orderedTabs.map((t=>this.renderTab(t)))):s("div",{class:{"tablist-scroll-wrapper":!0,"contained-variant":"contained"===this.appearance}},"scroll"===this.overflowStrategy&&s("div",{class:{"scroll-shadow-start":!0,"is-visible":this.showStartShadow}},s("div",{class:"scroll-button-container start"},s("udp-fluent-icon-button",{iconName:"chevron-left",size:"small",shape:"circular",onClick:this.handleScrollStart,ariaLabel:"Scroll to start",tabIndex:this.showStartShadow?0:-1}))),s("div",{class:{"tablist-scroll-container":!0,"collapse-mode":"collapse"===this.overflowStrategy},ref:t=>this.scrollContainer=t},s("fluent-tablist",{ref:t=>this.tablistEl=t,class:"tablist-inner",appearance:"subtle",disabled:this.disabled,size:this.size,orientation:this.orientation,activeid:null!=this.activeId?String(this.activeId):void 0,onChange:this.handleTabChange},this.orderedTabs.map((t=>this.renderTab(t)))),"collapse"===this.overflowStrategy&&s("div",{class:{"overflow-menu-container":!0,"is-hidden":0===this.overflowTabs.length}},s("udp-fluent-menu",{buttonType:"icon",endIconName:"more",appearance:"outline",shape:"circular",size:"small",items:this.overflowTabs}),this.showCounter&&s("udp-fluent-counter-badge",{size:"small",color:"brand"},this.overflowTabs.length))),"scroll"===this.overflowStrategy&&s("div",{class:{"scroll-shadow-end":!0,"is-visible":this.showEndShadow}},s("div",{class:"scroll-button-container end"},s("udp-fluent-icon-button",{iconName:"chevron-right",size:"small",shape:"circular",onClick:this.handleScrollEnd,ariaLabel:"Scroll to end",tabIndex:this.showEndShadow?0:-1}))))}get el(){return this}static get watchers(){return{tabList:[{handleTabListChange:0}]}}static get style(){return".slot-wrapper{display:inline-flex;align-items:center}.tablist-scroll-wrapper{position:relative;display:flex;align-items:center;width:100%;overflow:hidden}.tablist-scroll-container{display:flex;overflow-x:auto;overflow-y:hidden;width:100%;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;}.tablist-scroll-container::-webkit-scrollbar{display:none}.tablist-inner{display:flex;flex:0 0 auto;padding:3px;border-radius:var(--borderRadiusLarge)}.tablist-scroll-container.collapse-mode{overflow-x:hidden}.scroll-shadow-start,.scroll-shadow-end{position:absolute;top:0;bottom:0;width:48px;pointer-events:none;opacity:0;transition:opacity 0.2s ease;z-index:2;display:flex;align-items:center;justify-content:center}.scroll-shadow-start{left:0;background:linear-gradient(to right, var(--colorNeutralBackground1) 40%, transparent);justify-content:flex-start;padding-left:4px;z-index:5}.scroll-shadow-end{right:0;background:linear-gradient(to left, var(--colorNeutralBackground1) 40%, transparent);justify-content:flex-end;padding-right:4px;z-index:5}.scroll-shadow-start.is-visible,.scroll-shadow-end.is-visible{opacity:1}.scroll-button-container{pointer-events:none;display:flex;align-items:center;justify-content:center}.scroll-shadow-start.is-visible .scroll-button-container,.scroll-shadow-end.is-visible .scroll-button-container{pointer-events:auto}.is-overflow{display:none !important}.is-hidden{visibility:hidden;pointer-events:none}fluent-tab[aria-selected=\"true\"]{z-index:3;}.overflow-menu-container{display:flex;align-items:center;border-radius:0 var(--borderRadiusLarge) var(--borderRadiusLarge) 0;padding-right:var(--spacingHorizontalM);margin-left:-4px}.overflow-menu-container udp-fluent-menu{anchor-name:--menu-anchor;margin-left:var(--spacingHorizontalM)}.overflow-menu-container udp-fluent-counter-badge{position:absolute;position-anchor:--menu-anchor;top:anchor(top);right:anchor(right);margin-top:-6px;margin-right:-6px}.contained-variant .tablist-inner{background-color:transparent;border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);border-radius:var(--borderRadiusMedium);padding:0}.contained-variant fluent-tab{padding-top:5px;padding-bottom:5px}.contained-variant .tablist-inner[size='small'] fluent-tab{padding-top:1px;padding-bottom:1px}.contained-variant .tablist-inner[size='large'] fluent-tab{padding-top:8px;padding-bottom:8px}.contained-variant fluent-tab[aria-selected=\"true\"]{color:var(--colorNeutralForeground1)}.contained-variant fluent-tab:hover{background-color:var(--colorSubtleBackgroundHover)}.contained-variant .overflow-menu-container{background-color:transparent}"}},[257,"udp-fluent-tablist",{tabList:[16],appearance:[1],disabled:[4],size:[1],orientation:[1],overflowStrategy:[1,"overflow-strategy"],showCounter:[4,"show-counter"],activeId:[8,"active-id"],orderedTabs:[32],showStartShadow:[32],showEndShadow:[32],overflowTabs:[32]},void 0,{tabList:[{handleTabListChange:0}]}]);function b(){"undefined"!=typeof customElements&&["udp-fluent-tablist","udp-fluent-button","udp-fluent-counter-badge","udp-fluent-icon","udp-fluent-icon-button","udp-fluent-menu","udp-spinner"].forEach((t=>{switch(t){case"udp-fluent-tablist":customElements.get(n(t))||customElements.define(n(t),p);break;case"udp-fluent-button":customElements.get(n(t))||r();break;case"udp-fluent-counter-badge":customElements.get(n(t))||l();break;case"udp-fluent-icon":customElements.get(n(t))||d();break;case"udp-fluent-icon-button":customElements.get(n(t))||c();break;case"udp-fluent-menu":customElements.get(n(t))||h();break;case"udp-spinner":customElements.get(n(t))||u()}}))}export{p as U,b as d}

package/dist/components/udp-fluent-text-input2.js

@@ -1 +1 @@
-import{p as t,H as e,c as o,h as i,d as s,t as r}from"./index2.js";import"@fluentui/web-components/text-input.js";import"@fluentui/web-components/field.js";import"@fluentui/web-components/label.js";import{d as a}from"./udp-fluent-icon2.js";import{d as l}from"./udp-text2.js";import{d as n}from"./udp-tooltip2.js";const u=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.valueChanged=o(this,"valueChanged",7),this.inputBlur=o(this,"inputBlur",7),this.inputFocus=o(this,"inputFocus",7),this.includeErrorPadding=!0,this.type="text",this.required=!1,this.disabled=!1,this.readonly=!1,this.autofocus=!1,this.spellcheck=!1,this.appearance="outline",this.controlSize="medium",this.handleInput=t=>{t.stopPropagation(),this.valueChanged.emit(t.target.value)}}componentDidLoad(){this.internalInput&&null!=this.value&&(this.internalInput.value=this.value)}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(s,{key:"1fd3fdd78008ce6181db58ac3ff661c564d93603",class:{"has-error":t}},i("fluent-field",{key:"b294c1e2a1c660a266eee2ba21f330f6e036e887",class:{"no-message":!e&&!this.includeErrorPadding}},i("fluent-text-input",{key:"33fedbd5df4933d04aa47ca27b3a7a1a39314f9d",ref:t=>this.internalInput=t,slot:"input",class:{"no-label":!this.label},name:this.name,value:this.value,type:this.type,placeholder:this.placeholder,required:this.required,disabled:this.disabled,readonly:this.readonly,autofocus:this.autofocus,autocomplete:this.autocomplete,spellcheck:this.spellcheck?"true":"false",appearance:this.appearance,controlSize:this.controlSize,maxlength:this.maxLength,onInput:this.handleInput,onBlur:()=>this.inputBlur.emit(),onFocus:()=>this.inputFocus.emit(),onInvalid:t=>t.preventDefault()},i("slot",{key:"1d8a799cc01ecda7695b4d56d647602542c627fa",slot:"start",name:"start"}),i("slot",{key:"d2855135bd92677434b370ac58081cd238c23235",slot:"end",name:"end"}),this.label&&i("fluent-label",{key:"108ecfa2d4e21dfb8706990b27117021ba501f14",required:this.required,disabled:this.disabled},this.label,this.popupHint&&i("udp-tooltip",{key:"a54f646b778ef44266879f420c0454a5cb80d90c",content:this.popupHint,positioning:"above"},i("udp-fluent-icon",{key:"2e621dee84a11efca26bb2f14997cebead8f77ed",name:"info",size:"xs",class:"popup-hint-icon"})))),i("udp-text",{key:"00bb84dc0c030c5d3f1cb53c3f89c8af763fddc0",slot:"message",variant:"caption1",class:{message:!0,error:t,includeErrorPadding:this.includeErrorPadding}},e)))}static get delegatesFocus(){return!0}static get style(){return"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)}"}},[273,"udp-fluent-text-input",{value:[1],name:[1],label:[1],hint:[1],popupHint:[1,"popup-hint"],error:[1],includeErrorPadding:[4,"include-error-padding"],type:[1],placeholder:[1],required:[4],disabled:[4],readonly:[4],autofocus:[4],autocomplete:[1],spellcheck:[4],appearance:[1],controlSize:[1,"control-size"],maxLength:[2,"max-length"],select:[64]}]);function d(){"undefined"!=typeof customElements&&["udp-fluent-text-input","udp-fluent-icon","udp-text","udp-tooltip"].forEach((t=>{switch(t){case"udp-fluent-text-input":customElements.get(r(t))||customElements.define(r(t),u);break;case"udp-fluent-icon":customElements.get(r(t))||a();break;case"udp-text":customElements.get(r(t))||l();break;case"udp-tooltip":customElements.get(r(t))||n()}}))}export{u as U,d}
+import{p as t,H as e,c as o,h as i,d as s,t as r}from"./index2.js";import"@fluentui/web-components/text-input.js";import"@fluentui/web-components/field.js";import"@fluentui/web-components/label.js";import{d as a}from"./udp-fluent-icon2.js";import{d as l}from"./udp-text2.js";import{d as n}from"./udp-tooltip2.js";const u=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.valueChanged=o(this,"valueChanged",7),this.inputBlur=o(this,"inputBlur",7),this.inputFocus=o(this,"inputFocus",7),this.includeErrorPadding=!0,this.type="text",this.required=!1,this.disabled=!1,this.readonly=!1,this.autofocus=!1,this.spellcheck=!1,this.appearance="outline",this.controlSize="medium",this.handleInput=t=>{t.stopPropagation(),this.valueChanged.emit(t.target.value)}}componentDidLoad(){this.internalInput&&null!=this.value&&(this.internalInput.value=this.value)}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(s,{key:"83e92ed8f16c3051a0ca726e81ff4a51550984ad",class:{"has-error":t}},i("fluent-field",{key:"9fbcdf450ab82e2850f31e1f4660b56f9d7fce5a",class:{"no-message":!e&&!this.includeErrorPadding}},i("fluent-text-input",{key:"22017a3dc277acd03dbc7b021381ea3a7b0afdf1",ref:t=>this.internalInput=t,slot:"input",class:{"no-label":!this.label},name:this.name,value:this.value,type:this.type,placeholder:this.placeholder,required:this.required,disabled:this.disabled,readonly:this.readonly,autofocus:this.autofocus,autocomplete:this.autocomplete,spellcheck:this.spellcheck?"true":"false",appearance:this.appearance,controlSize:this.controlSize,maxlength:this.maxLength,onInput:this.handleInput,onBlur:()=>this.inputBlur.emit(),onFocus:()=>this.inputFocus.emit(),onInvalid:t=>t.preventDefault()},i("slot",{key:"06db34c98acda08ce3bbc6069d9b00c345c665fb",slot:"start",name:"start"}),i("slot",{key:"3ca5e0ed49dc7f92bc0a1b22795982f6d3d2059c",slot:"end",name:"end"}),this.label&&i("fluent-label",{key:"ce228830fc9a6bb7e2143c585e98a829dbc6fc9e",required:this.required,disabled:this.disabled},this.label,this.popupHint&&i("udp-tooltip",{key:"e806bdc4d058a67039c649e5a65b47c41f46e23e",content:this.popupHint,positioning:"above"},i("udp-fluent-icon",{key:"bee18eb447ee5a2c9348e26df0f8885114d0f300",name:"info",size:"xs",class:"popup-hint-icon"})))),i("udp-text",{key:"695e97d2aa86e70d8b188a26285bff1deb69d2fc",slot:"message",variant:"caption1",class:{message:!0,error:t,includeErrorPadding:this.includeErrorPadding}},e)))}static get delegatesFocus(){return!0}static get style(){return"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)}"}},[273,"udp-fluent-text-input",{value:[1],name:[1],label:[1],hint:[1],popupHint:[1,"popup-hint"],error:[1],includeErrorPadding:[4,"include-error-padding"],type:[1],placeholder:[1],required:[4],disabled:[4],readonly:[4],autofocus:[4],autocomplete:[1],spellcheck:[4],appearance:[1],controlSize:[1,"control-size"],maxLength:[2,"max-length"],select:[64]}]);function c(){"undefined"!=typeof customElements&&["udp-fluent-text-input","udp-fluent-icon","udp-text","udp-tooltip"].forEach((t=>{switch(t){case"udp-fluent-text-input":customElements.get(r(t))||customElements.define(r(t),u);break;case"udp-fluent-icon":customElements.get(r(t))||a();break;case"udp-text":customElements.get(r(t))||l();break;case"udp-tooltip":customElements.get(r(t))||n()}}))}export{u as U,c as d}

package/dist/components/udp-fluent-toggle-button2.js

@@ -1 +1 @@
-import{p as e,H as t,h as s,d as n,t as a}from"./index2.js";import"@fluentui/web-components/toggle-button.js";import{h as i}from"./slot-helpers.js";import{a as c}from"./icon-size-helpers.js";import{d}from"./udp-fluent-icon2.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.appearance="secondary",this.shape="rounded",this.pressed=!1,this.mixed=!1,this.size="medium",this.disabled=!1}render(){const e=c(this.size);return s(n,{key:"80044ea150644619562d7197c7fe62a111e14581"},s("fluent-toggle-button",{key:"bd3b9ecf9bcd984812bd9b4b25d247b357a55046",pressed:this.pressed,mixed:this.mixed,disabled:this.disabled,size:this.size,appearance:this.appearance,shape:this.shape},(this.startIconName||i(this.el,"start"))&&s("span",{key:"41ffe50c8efe4722c745cc636d145166d0e62ba3",class:"slot-wrapper",slot:"start"},s("slot",{key:"b37adc51343974319744be0bce3f5acb9f3d021c",name:"start"},this.startIconName&&s("udp-fluent-icon",{key:"6657439c96f0b8c514e36d8760c83804a1538eca",name:this.startIconName,size:e}))),s("slot",{key:"2cb8775acde3ce78b4879aa823221d5bb8dabe0e"}),(this.endIconName||i(this.el,"end"))&&s("span",{key:"b6e4638009b32809204198758d6ec6fc944c1afb",class:"slot-wrapper",slot:"end"},s("slot",{key:"4f4477d732753cd754671fdacefdbe76dfaf6507",name:"end"},this.endIconName&&s("udp-fluent-icon",{key:"bbf369485c835bcc168af01321a002be22a32ad6",name:this.endIconName,size:e})))))}get el(){return this}static get style(){return":host{display:inline-block;width:fit-content}.slot-wrapper{display:inline-flex;align-items:center}"}},[257,"udp-fluent-toggle-button",{appearance:[1],shape:[1],pressed:[4],mixed:[4],size:[1],startIconName:[1,"start-icon-name"],endIconName:[1,"end-icon-name"],disabled:[4]}]);function l(){"undefined"!=typeof customElements&&["udp-fluent-toggle-button","udp-fluent-icon"].forEach((e=>{switch(e){case"udp-fluent-toggle-button":customElements.get(a(e))||customElements.define(a(e),o);break;case"udp-fluent-icon":customElements.get(a(e))||d()}}))}export{o as U,l as d}
+import{p as e,H as t,h as s,d as n,t as a}from"./index2.js";import"@fluentui/web-components/toggle-button.js";import{h as i}from"./slot-helpers.js";import{a as d}from"./icon-size-helpers.js";import{d as o}from"./udp-fluent-icon2.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.appearance="secondary",this.shape="rounded",this.pressed=!1,this.mixed=!1,this.size="medium",this.disabled=!1}render(){const e=d(this.size);return s(n,{key:"7063ff374b0be78469d61a5cd0702a763b2226a9"},s("fluent-toggle-button",{key:"f29f372892205ae54829b2ab8791652360769c56",pressed:this.pressed,mixed:this.mixed,disabled:this.disabled,size:this.size,appearance:this.appearance,shape:this.shape},(this.startIconName||i(this.el,"start"))&&s("span",{key:"4977733f57427a16f67a6930cd60ed6da765e84e",class:"slot-wrapper",slot:"start"},s("slot",{key:"adda33214afc7987dd9a26b521a23945a52b71fb",name:"start"},this.startIconName&&s("udp-fluent-icon",{key:"3a1458c1e97f523f915d0dbb382468d0450809fd",name:this.startIconName,size:e}))),s("slot",{key:"bf0d94afe5284b9604fcdb6b76ded71cf54566e0"}),(this.endIconName||i(this.el,"end"))&&s("span",{key:"2b1de85e37bb2afca1e11d55e3142d75052c5eef",class:"slot-wrapper",slot:"end"},s("slot",{key:"d0e28a78465274173dfbbc48626236008e612d32",name:"end"},this.endIconName&&s("udp-fluent-icon",{key:"311410f9cef7ccffb1af50bfe994e87297e2c25d",name:this.endIconName,size:e})))))}get el(){return this}static get style(){return":host{display:inline-block;width:fit-content}.slot-wrapper{display:inline-flex;align-items:center}"}},[257,"udp-fluent-toggle-button",{appearance:[1],shape:[1],pressed:[4],mixed:[4],size:[1],startIconName:[1,"start-icon-name"],endIconName:[1,"end-icon-name"],disabled:[4]}]);function l(){"undefined"!=typeof customElements&&["udp-fluent-toggle-button","udp-fluent-icon"].forEach((e=>{switch(e){case"udp-fluent-toggle-button":customElements.get(a(e))||customElements.define(a(e),c);break;case"udp-fluent-icon":customElements.get(a(e))||o()}}))}export{c as U,l as d}

package/dist/components/udp-form-component2.js

@@ -1 +1 @@
-import{p as t,H as i,c as s,h as e,t as n}from"./index2.js";import{createForm as r}from"final-form";import{f as a}from"./form-registry.js";const o=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.formSubmitted=s(this,"formSubmitted",7),this.formStateUpdated=s(this,"formStateUpdated",7),this.formReady=s(this,"formReady",7),this.initialValues={}}componentWillLoad(){this.form=r({initialValues:this.initialValues,onSubmit:this.onSubmit,validate:this.validate}),this.formReady.emit(this.form),this.unsubscribe=this.form.subscribe((t=>{this.formStateUpdated.emit({valid:t.valid,invalid:t.invalid,hasValidationErrors:t.hasValidationErrors,dirty:t.dirty,pristine:t.pristine,submitting:t.submitting,submitSucceeded:t.submitSucceeded,submitError:t.submitError})}),{valid:!0,invalid:!0,hasValidationErrors:!0,dirty:!0,pristine:!0,submitting:!0,submitSucceeded:!0,submitError:!0})}componentDidLoad(){var t;this.formElement=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("form"),this.formId&&this.formElement&&a.register(this.formId,this.formElement)}disconnectedCallback(){this.unsubscribe&&this.unsubscribe(),this.formId&&a.unregister(this.formId)}handleValuesChanged(t){this.form&&this.form.initialize(t)}async submit(){return this.form.submit()}reset(){return this.form.reset(),Promise.resolve()}getCurrentState(){return this.form.getState(),Promise.resolve()}handleFetchFormInstance(t){t.stopPropagation();const i=t.detail;"function"==typeof i&&i(this.form)}render(){return e("form",{key:"69ffca913ec791d27500380f261f3bda5d77b467",id:this.formId,noValidate:!0,onSubmit:t=>{t.preventDefault(),this.form.submit()}},e("slot",{key:"f51833b55f933842152e2d33508f1f61dedacc50"}))}get el(){return this}static get watchers(){return{initialValues:[{handleValuesChanged:0}]}}},[257,"udp-form-component",{formId:[1,"form-id"],initialValues:[16],validate:[16],onSubmit:[16],submit:[64],reset:[64],getCurrentState:[64]},[[0,"fetchFormInstance","handleFetchFormInstance"]],{initialValues:[{handleValuesChanged:0}]}]);function d(){"undefined"!=typeof customElements&&["udp-form-component"].forEach((t=>{"udp-form-component"===t&&(customElements.get(n(t))||customElements.define(n(t),o))}))}export{o as U,d}
+import{p as t,H as i,c as s,h as e,t as n}from"./index2.js";import{createForm as r}from"final-form";import{f as a}from"./form-registry.js";const o=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.formSubmitted=s(this,"formSubmitted",7),this.formStateUpdated=s(this,"formStateUpdated",7),this.formReady=s(this,"formReady",7),this.initialValues={}}componentWillLoad(){this.form=r({initialValues:this.initialValues,onSubmit:this.onSubmit,validate:this.validate}),this.formReady.emit(this.form),this.unsubscribe=this.form.subscribe((t=>{this.formStateUpdated.emit({valid:t.valid,invalid:t.invalid,hasValidationErrors:t.hasValidationErrors,dirty:t.dirty,pristine:t.pristine,submitting:t.submitting,submitSucceeded:t.submitSucceeded,submitError:t.submitError})}),{valid:!0,invalid:!0,hasValidationErrors:!0,dirty:!0,pristine:!0,submitting:!0,submitSucceeded:!0,submitError:!0})}componentDidLoad(){var t;this.formElement=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("form"),this.formId&&this.formElement&&a.register(this.formId,this.formElement)}disconnectedCallback(){this.unsubscribe&&this.unsubscribe(),this.formId&&a.unregister(this.formId)}handleValuesChanged(t){this.form&&this.form.initialize(t)}async submit(){return this.form.submit()}reset(){return this.form.reset(),Promise.resolve()}getCurrentState(){return this.form.getState(),Promise.resolve()}handleFetchFormInstance(t){t.stopPropagation();const i=t.detail;"function"==typeof i&&i(this.form)}render(){return e("form",{key:"7aa36000dfbc6b70f9e47a7d5767c134364995db",id:this.formId,noValidate:!0,onSubmit:t=>{t.preventDefault(),this.form.submit()}},e("slot",{key:"3a84c27a4b9b0b277cb722c509010d2c886ca52c"}))}get el(){return this}static get watchers(){return{initialValues:[{handleValuesChanged:0}]}}},[257,"udp-form-component",{formId:[1,"form-id"],initialValues:[16],validate:[16],onSubmit:[16],submit:[64],reset:[64],getCurrentState:[64]},[[0,"fetchFormInstance","handleFetchFormInstance"]],{initialValues:[{handleValuesChanged:0}]}]);function h(){"undefined"!=typeof customElements&&["udp-form-component"].forEach((t=>{"udp-form-component"===t&&(customElements.get(n(t))||customElements.define(n(t),o))}))}export{o as U,h as d}

package/dist/components/udp-forms-builder-menu2.js

@@ -1 +1 @@
-import{p as e,H as t,c as o,h as s,t as i}from"./index2.js";import{g as n}from"./iconUtils.js";import{d as a}from"./stencil-icon-button2.js";import{d as r}from"./udp-ambient-tool-tip2.js";import{d as c}from"./udp-badge2.js";import{d}from"./udp-button2.js";import{d as p}from"./udp-icon2.js";import{d as u}from"./unity-typography2.js";const m=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.addSection=o(this,"addSection",7),this.addQuestion=o(this,"addQuestion",7),this.cancelClick=o(this,"cancelClick",7),this.questionsTemplate=[]}render(){return[s("div",{key:"b9a6e10ed11c15018fb6862954674e24527e83db",class:"menu-header-container"},s("unity-typography",{key:"938119e467ad133f4d5a7f780ba28ad339f3181c",variant:"body1"},"Choose a Question Type"),s("stencil-icon-button",{key:"08a6f1af7d1cab0f2bbef8c5517e7f4e3917837b",icon:n("close16"),onClick:()=>this.cancelClick.emit()})),s("div",{key:"39b6cef83986a02d05a7e74f1163d26f71574e77",class:"menu-options-container"},this.questionsTemplate.map((e=>s("udp-button",{variant:"contained",color:"primary",onClick:()=>this.addQuestion.emit(e),startIcon:s("udp-icon",{iconName:e.icon,color:"inherit"})},e.questionTypeName))))]}static get style(){return":host{display:flex;flex-direction:column;gap:var(--spacing-05, 24px);border:1px dashed var(--primary-color);padding:var(--spacing-05, 24px);box-sizing:border-box;background-color:var(--card-background-color, #fff);}.menu-options-container{display:flex;flex:row;flex-wrap:wrap;gap:var(--spacing-03, 8px)}.menu-header-container{display:flex;align-items:center;justify-content:space-between}"}},[1,"udp-forms-builder-menu",{isVisible:[4,"is-visible"],questionsTemplate:[16]}]);function l(){"undefined"!=typeof customElements&&["udp-forms-builder-menu","stencil-icon-button","udp-ambient-tool-tip","udp-badge","udp-button","udp-icon","unity-typography"].forEach((e=>{switch(e){case"udp-forms-builder-menu":customElements.get(i(e))||customElements.define(i(e),m);break;case"stencil-icon-button":customElements.get(i(e))||a();break;case"udp-ambient-tool-tip":customElements.get(i(e))||r();break;case"udp-badge":customElements.get(i(e))||c();break;case"udp-button":customElements.get(i(e))||d();break;case"udp-icon":customElements.get(i(e))||p();break;case"unity-typography":customElements.get(i(e))||u()}}))}export{m as U,l as d}
+import{p as e,H as t,c as o,h as s,t as i}from"./index2.js";import{g as n}from"./iconUtils.js";import{d as a}from"./stencil-icon-button2.js";import{d as r}from"./udp-ambient-tool-tip2.js";import{d as c}from"./udp-badge2.js";import{d}from"./udp-button2.js";import{d as p}from"./udp-icon2.js";import{d as u}from"./unity-typography2.js";const m=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.addSection=o(this,"addSection",7),this.addQuestion=o(this,"addQuestion",7),this.cancelClick=o(this,"cancelClick",7),this.questionsTemplate=[]}render(){return[s("div",{key:"5257b15592b040e364ace597f48184f971947175",class:"menu-header-container"},s("unity-typography",{key:"97ea505539e98a2e12c2a46f88bd10ae4fdaf904",variant:"body1"},"Choose a Question Type"),s("stencil-icon-button",{key:"2f385bb9f121f585d46a2fce6227ba7a9dbb2612",icon:n("close16"),onClick:()=>this.cancelClick.emit()})),s("div",{key:"f9500b2c9ea04f5068de54db6dc6580aacb3046c",class:"menu-options-container"},this.questionsTemplate.map((e=>s("udp-button",{variant:"contained",color:"primary",onClick:()=>this.addQuestion.emit(e),startIcon:s("udp-icon",{iconName:e.icon,color:"inherit"})},e.questionTypeName))))]}static get style(){return":host{display:flex;flex-direction:column;gap:var(--spacing-05, 24px);border:1px dashed var(--primary-color);padding:var(--spacing-05, 24px);box-sizing:border-box;background-color:var(--card-background-color, #fff);}.menu-options-container{display:flex;flex:row;flex-wrap:wrap;gap:var(--spacing-03, 8px)}.menu-header-container{display:flex;align-items:center;justify-content:space-between}"}},[1,"udp-forms-builder-menu",{isVisible:[4,"is-visible"],questionsTemplate:[16]}]);function l(){"undefined"!=typeof customElements&&["udp-forms-builder-menu","stencil-icon-button","udp-ambient-tool-tip","udp-badge","udp-button","udp-icon","unity-typography"].forEach((e=>{switch(e){case"udp-forms-builder-menu":customElements.get(i(e))||customElements.define(i(e),m);break;case"stencil-icon-button":customElements.get(i(e))||a();break;case"udp-ambient-tool-tip":customElements.get(i(e))||r();break;case"udp-badge":customElements.get(i(e))||c();break;case"udp-button":customElements.get(i(e))||d();break;case"udp-icon":customElements.get(i(e))||p();break;case"unity-typography":customElements.get(i(e))||u()}}))}export{m as U,l as d}

package/dist/components/udp-forms-builder-question-item2.js

@@ -1 +1 @@
-import{p as t,H as a,h as e,d as i,t as s}from"./index2.js";import{d as c}from"./udp-avatar2.js";import{d as o}from"./udp-icon2.js";import{d as r}from"./unity-typography2.js";const d=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.hasPrimaryTextSlot=!1,this.hasSecondaryTextSlot=!1,this.hasActionsSlot=!1,this.hasStatusChipSlot=!1,this.avatarBackgroundColor="info",this.avatarVariant="rounded",this.clickable=!1,this.handleKeyPress=t=>{!this.clickable||"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.onClick(t))}}componentWillLoad(){this.hasPrimaryTextSlot=!!this.hostEl.querySelector('[slot="primary-text"]'),this.hasSecondaryTextSlot=!!this.hostEl.querySelector('[slot="secondary-text"]'),this.hasActionsSlot=!!this.hostEl.querySelector('[slot="actions"]'),this.hasStatusChipSlot=!!this.hostEl.querySelector('[slot="status-chip"]')}render(){const t=this.primaryText||this.hasPrimaryTextSlot,a=this.secondaryText||this.hasSecondaryTextSlot;return e(i,{key:"0cd58e77eac6870bb70696573beaeca167cda636"},e("div",{key:"8b4e6d228822e330086ab06b128712272e976fea",class:{"list-item":!0,clickable:this.clickable},onClick:this.onClick,onKeyPress:this.handleKeyPress,role:this.clickable?"button":void 0,tabindex:this.clickable?0:-1},e("div",{key:"a10fcb962378192864bce6c55ee5ab0f7fa60d55",class:"upload-container"},e("slot",{key:"587dbe02a9cce0209b97f2ca9960be31ff31146a",name:"drag-and-drop"})),this.iconName&&e("div",{key:"637d1c70413914880ec524a289606fd44c3fdf65",class:"avatar-container"},e("udp-avatar",{key:"44b4f780c08236ae1524ccfbc9e51a7936bd3f38",iconName:this.iconName,variant:this.avatarVariant,color:this.avatarBackgroundColor})),e("div",{key:"05310d88d15f00ff5d952b7ba9a75620aaa322fd",class:"text-container"},t&&e("div",{key:"3e13a99f04af917edf094f369d7f0d4f200b5238",class:"primary-text",title:this.primaryText},e("slot",{key:"ce03787a8b975e1b5095a178224ba22585380da5",name:"primary-text"},e("unity-typography",{key:"2a66b8e64c5f715938d8c0201dbe5595ec8ce5d7",variant:"body"},this.primaryText))),a&&e("div",{key:"9030617decb4bfc353c01984aaa03348dfda65b9",class:"secondary-text",title:this.secondaryText},e("slot",{key:"44ce967d88bd8a2a4403c252efe11dfea433a81d",name:"secondary-text"},e("unity-typography",{key:"e41941512d3699d98c2a97e9fa6ea3fe8f2758a0",variant:"body",color:"textSecondary"},this.secondaryText)))),this.hasStatusChipSlot&&e("div",{key:"55cfd338797016cea846d6b319ab17a5129b5668",class:"status-chip-container"},e("slot",{key:"5a65c926f22fdd6d5c1fca4f17afdd5a56e8a34c",name:"status-chip"})),this.hasActionsSlot&&e("div",{key:"488b3023fbe934b9635ceff6dcc4b53303d24f34",class:"actions-container"},e("slot",{key:"d20c64dcee68cdfe3a25c14f56b58de2857664c6",name:"actions"}))))}get hostEl(){return this}static get style(){return".list-item{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-4, 16px);padding:var(--spacing-3, 12px) var(--spacing-4, 16px);border-bottom:1px solid var(--border-color, #e0e0e0);background-color:var(--card-background-color, #FFF);transition:background-color 0.1s}.list-item.clickable{cursor:grab}.list-item.clickable:hover{background-color:var(--primary-color-alpha-15, #f5f5f5)}.avatar-container{align-items:center}.text-container{flex-grow:1;min-width:0;display:flex;flex-direction:column;gap:4px}.primary-text,.secondary-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.primary-text{font-weight:500}.status-chip-container{display:flex;align-items:center;flex-shrink:0}.actions-container{display:flex;flex-shrink:0}"}},[257,"udp-forms-builder-question-item",{primaryText:[1,"primary-text"],secondaryText:[1,"secondary-text"],iconName:[1,"icon-name"],avatarBackgroundColor:[1,"avatar-background-color"],avatarVariant:[1,"avatar-variant"],clickable:[4],onClick:[16],hasPrimaryTextSlot:[32],hasSecondaryTextSlot:[32],hasActionsSlot:[32],hasStatusChipSlot:[32]}]);function n(){"undefined"!=typeof customElements&&["udp-forms-builder-question-item","udp-avatar","udp-icon","unity-typography"].forEach((t=>{switch(t){case"udp-forms-builder-question-item":customElements.get(s(t))||customElements.define(s(t),d);break;case"udp-avatar":customElements.get(s(t))||c();break;case"udp-icon":customElements.get(s(t))||o();break;case"unity-typography":customElements.get(s(t))||r()}}))}export{d as U,n as d}
+import{p as t,H as a,h as e,d as i,t as s}from"./index2.js";import{d as c}from"./udp-avatar2.js";import{d as o}from"./udp-icon2.js";import{d as r}from"./unity-typography2.js";const d=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.hasPrimaryTextSlot=!1,this.hasSecondaryTextSlot=!1,this.hasActionsSlot=!1,this.hasStatusChipSlot=!1,this.avatarBackgroundColor="info",this.avatarVariant="rounded",this.clickable=!1,this.handleKeyPress=t=>{!this.clickable||"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.onClick(t))}}componentWillLoad(){this.hasPrimaryTextSlot=!!this.hostEl.querySelector('[slot="primary-text"]'),this.hasSecondaryTextSlot=!!this.hostEl.querySelector('[slot="secondary-text"]'),this.hasActionsSlot=!!this.hostEl.querySelector('[slot="actions"]'),this.hasStatusChipSlot=!!this.hostEl.querySelector('[slot="status-chip"]')}render(){const t=this.primaryText||this.hasPrimaryTextSlot,a=this.secondaryText||this.hasSecondaryTextSlot;return e(i,{key:"f5ee6b816c97ecf2e7703f7bc8000c6c932ef6c8"},e("div",{key:"0ae65e301bf1b23ea6465d3b8eb046b7ed025538",class:{"list-item":!0,clickable:this.clickable},onClick:this.onClick,onKeyPress:this.handleKeyPress,role:this.clickable?"button":void 0,tabindex:this.clickable?0:-1},e("div",{key:"6dc8146f85c5276ea378254e384fe5563eaea625",class:"upload-container"},e("slot",{key:"1087cbd99ec86d743648df714b9d4b9ffb4368db",name:"drag-and-drop"})),this.iconName&&e("div",{key:"dbcbe5a4f99ac7bf2118f4d28cb976bbf152d0df",class:"avatar-container"},e("udp-avatar",{key:"f3b693a3d08b3dabcc5476bd6a8fa65cca90e743",iconName:this.iconName,variant:this.avatarVariant,color:this.avatarBackgroundColor})),e("div",{key:"36934390d81898b355fec16dfd8f7441c7cd8ba4",class:"text-container"},t&&e("div",{key:"96db18efc967162c1f5a7b74d4ef8ae88632f762",class:"primary-text",title:this.primaryText},e("slot",{key:"fddf10f951886779e3243d206088a23873e504e4",name:"primary-text"},e("unity-typography",{key:"ca27a07e94882485c2bc4186bcc67d69fd6ebdb4",variant:"body"},this.primaryText))),a&&e("div",{key:"9a4925f392ca5e031ac06d3d4ef4c905ec745ef6",class:"secondary-text",title:this.secondaryText},e("slot",{key:"729d87514f09a4c7cc69e4640d94dbb61b831876",name:"secondary-text"},e("unity-typography",{key:"35fe4b439aa8016503d0084e550d7b1c6f1a5219",variant:"body",color:"textSecondary"},this.secondaryText)))),this.hasStatusChipSlot&&e("div",{key:"3bad9ca488ea4bafbb753496fc519a15efc8284e",class:"status-chip-container"},e("slot",{key:"0ab0c0eca33fd0a65eac6418330376b0adcda0af",name:"status-chip"})),this.hasActionsSlot&&e("div",{key:"6d6887efa717baf2bb4c6c36bc723b23faf87b8b",class:"actions-container"},e("slot",{key:"60c596dec942575d2cc3786dd410fea78af9207e",name:"actions"}))))}get hostEl(){return this}static get style(){return".list-item{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-4, 16px);padding:var(--spacing-3, 12px) var(--spacing-4, 16px);border-bottom:1px solid var(--border-color, #e0e0e0);background-color:var(--card-background-color, #FFF);transition:background-color 0.1s}.list-item.clickable{cursor:grab}.list-item.clickable:hover{background-color:var(--primary-color-alpha-15, #f5f5f5)}.avatar-container{align-items:center}.text-container{flex-grow:1;min-width:0;display:flex;flex-direction:column;gap:4px}.primary-text,.secondary-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.primary-text{font-weight:500}.status-chip-container{display:flex;align-items:center;flex-shrink:0}.actions-container{display:flex;flex-shrink:0}"}},[257,"udp-forms-builder-question-item",{primaryText:[1,"primary-text"],secondaryText:[1,"secondary-text"],iconName:[1,"icon-name"],avatarBackgroundColor:[1,"avatar-background-color"],avatarVariant:[1,"avatar-variant"],clickable:[4],onClick:[16],hasPrimaryTextSlot:[32],hasSecondaryTextSlot:[32],hasActionsSlot:[32],hasStatusChipSlot:[32]}]);function n(){"undefined"!=typeof customElements&&["udp-forms-builder-question-item","udp-avatar","udp-icon","unity-typography"].forEach((t=>{switch(t){case"udp-forms-builder-question-item":customElements.get(s(t))||customElements.define(s(t),d);break;case"udp-avatar":customElements.get(s(t))||c();break;case"udp-icon":customElements.get(s(t))||o();break;case"unity-typography":customElements.get(s(t))||r()}}))}export{d as U,n as d}

package/dist/components/udp-forms-builder-style-override.js

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

package/dist/components/udp-forms-follow-up-list-card.js

@@ -1,2 +1,2 @@
 import "../stencil-library/stencil-library.css";
-import{p as e,H as a,h as t,F as d,t as s}from"./index2.js";import{a as r}from"./enums.js";import{d as o}from"./udp-adornment2.js";import{d as c}from"./udp-card2.js";import{d as n}from"./udp-card-actions2.js";import{d as m}from"./udp-card-content2.js";import{d as i}from"./udp-card-header2.js";import{d as p}from"./udp-card-media2.js";import{d as u}from"./udp-link2.js";import{d as l}from"./unity-typography2.js";const f=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){const e=t(d,{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: ",r[this.listItemData.type]));return t("udp-card",{key:"467464bd47120a02416dd8a954aa41400c64af7d",cardTitle:this.listItemData.name,subheader:this.listItemData.description,onTitleClick:()=>this.handleLaunchFollowUpForm(),disableContentPadding:!0,adornmentStatus:"info"},e)}},[1,"udp-forms-follow-up-list-card",{listItemData:[8,"list-item-data"],isSideSheetList:[4,"is-side-sheet-list"],handleLaunchFollowUpForm:[16]}]),y=f,b=function(){"undefined"!=typeof customElements&&["udp-forms-follow-up-list-card","udp-adornment","udp-card","udp-card-actions","udp-card-content","udp-card-header","udp-card-media","udp-link","unity-typography"].forEach((e=>{switch(e){case"udp-forms-follow-up-list-card":customElements.get(s(e))||customElements.define(s(e),f);break;case"udp-adornment":customElements.get(s(e))||o();break;case"udp-card":customElements.get(s(e))||c();break;case"udp-card-actions":customElements.get(s(e))||n();break;case"udp-card-content":customElements.get(s(e))||m();break;case"udp-card-header":customElements.get(s(e))||i();break;case"udp-card-media":customElements.get(s(e))||p();break;case"udp-link":customElements.get(s(e))||u();break;case"unity-typography":customElements.get(s(e))||l()}}))};export{y as UdpFormsFollowUpListCard,b as defineCustomElement}
+import{p as a,H as t,h as e,F as d,t as s}from"./index2.js";import{a as r}from"./enums.js";import{d as o}from"./udp-adornment2.js";import{d as c}from"./udp-card2.js";import{d as n}from"./udp-card-actions2.js";import{d as m}from"./udp-card-content2.js";import{d as i}from"./udp-card-header2.js";import{d as p}from"./udp-card-media2.js";import{d as u}from"./udp-link2.js";import{d as l}from"./unity-typography2.js";const f=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow()}render(){const a=e(d,{key:"c20dc775734d36354df7aa084502a5719a23a2df"},e("unity-typography",{key:"bff8fcdb24d63ad789999104dcc31940026df34d",variant:"body1",color:"textSecondary"},"Version: ",this.listItemData.version),e("unity-typography",{key:"4cb261a73046a60a15daf603625e35081f3c6005",variant:"body1",color:"textSecondary"},"Form Type: ",r[this.listItemData.type]));return e("udp-card",{key:"594a7219f8d703acab58c7429095a1f9d26e37bb",cardTitle:this.listItemData.name,subheader:this.listItemData.description,onTitleClick:()=>this.handleLaunchFollowUpForm(),disableContentPadding:!0,adornmentStatus:"info"},a)}},[1,"udp-forms-follow-up-list-card",{listItemData:[8,"list-item-data"],isSideSheetList:[4,"is-side-sheet-list"],handleLaunchFollowUpForm:[16]}]),y=f,h=function(){"undefined"!=typeof customElements&&["udp-forms-follow-up-list-card","udp-adornment","udp-card","udp-card-actions","udp-card-content","udp-card-header","udp-card-media","udp-link","unity-typography"].forEach((a=>{switch(a){case"udp-forms-follow-up-list-card":customElements.get(s(a))||customElements.define(s(a),f);break;case"udp-adornment":customElements.get(s(a))||o();break;case"udp-card":customElements.get(s(a))||c();break;case"udp-card-actions":customElements.get(s(a))||n();break;case"udp-card-content":customElements.get(s(a))||m();break;case"udp-card-header":customElements.get(s(a))||i();break;case"udp-card-media":customElements.get(s(a))||p();break;case"udp-link":customElements.get(s(a))||u();break;case"unity-typography":customElements.get(s(a))||l()}}))};export{y as UdpFormsFollowUpListCard,h as defineCustomElement}

package/dist/components/udp-forms-list-card2.js

@@ -1 +1 @@
-import{p as t,H as e,c as s,h as o,F as i,t as d}from"./index2.js";import{b as r,a}from"./enums.js";import{d as c}from"./utils.js";import n from"@carbon/icons/es/chevron--right/16";import m from"@carbon/icons/es/edit/16";import p from"@carbon/icons/es/document--add/16";import{d as u}from"./stencil-icon-button2.js";import{d as f}from"./udp-adornment2.js";import{d as h}from"./udp-ambient-tool-tip2.js";import{d as b}from"./udp-badge2.js";import{d as l}from"./udp-card2.js";import{d as y}from"./udp-card-actions2.js";import{d as k}from"./udp-card-content2.js";import{d as g}from"./udp-card-header2.js";import{d as E}from"./udp-card-media2.js";import{d as j}from"./udp-link2.js";import{d as $}from"./unity-typography2.js";const S=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.closeSidesheet=s(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/${r.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/${r.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(i,{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: ",c(this.data.lastModifiedOn)),o("unity-typography",{key:"841cca03bcadd90714e1c413b40b328fa5f122dd",variant:"body1",color:"textSecondary"},"Created On: ",c(this.isSideSheetList?this.data.createdOn:this.data.initialCreatedOn)),this.isFollowUpFormConfigOn&&o("unity-typography",{key:"33fbd12b8ecc0377d7afa69b3a5ca45734deaf83",variant:"body1",color:"textSecondary"},"Form Type: ",a[this.data.type])),e=o(i,{key:"fbbf1bb2f4b79bad978d27ae7c440c73948d92b3"},o("stencil-icon-button",{key:"0715a37397205b205f914772f5ecaf1616be69b6",icon:m,tooltip:"Edit Form Template",onClick:t=>this.handleEditOrTitleClick(t)}),!this.isSideSheetList&&this.isRendererRedirectConfigOn&&o("stencil-icon-button",{key:"5a83291e915d80c6072c5b61b0b242b14f3ea31c",icon:p,tooltip:"View Form",onClick:t=>{t.stopPropagation(),this.formRendererHandler()}}),!this.isSideSheetList&&o("stencil-icon-button",{key:"dacbf34ca3dcdb4566841e397db18df8cd6164ff",icon:n,tooltip:"See Form Version History",onClick:t=>{var e;t.stopPropagation(),null===(e=this.openSideSheet)||void 0===e||e.call(this)}}));return o("udp-card",{key:"6aac435cf6b1715a5d5728ed6fd3a7765d10b46a",cardTitle:this.data.name,subheader:this.data.description,actions:e,onTitleClick:this.handleEditOrTitleClick,disableContentPadding:!0,adornmentStatus:"info"},t)}},[1,"udp-forms-list-card",{history:[8],data:[8],openSideSheet:[8,"open-side-sheet"],isSideSheetList:[4,"is-side-sheet-list"],formsBuilderUrlPath:[1,"forms-builder-url-path"],formsRendererUrlPath:[1,"forms-renderer-url-path"],isFollowUpFormConfigOn:[4,"is-follow-up-form-config-on"],isRendererRedirectConfigOn:[4,"is-renderer-redirect-config-on"]}]);function C(){"undefined"!=typeof customElements&&["udp-forms-list-card","stencil-icon-button","udp-adornment","udp-ambient-tool-tip","udp-badge","udp-card","udp-card-actions","udp-card-content","udp-card-header","udp-card-media","udp-link","unity-typography"].forEach((t=>{switch(t){case"udp-forms-list-card":customElements.get(d(t))||customElements.define(d(t),S);break;case"stencil-icon-button":customElements.get(d(t))||u();break;case"udp-adornment":customElements.get(d(t))||f();break;case"udp-ambient-tool-tip":customElements.get(d(t))||h();break;case"udp-badge":customElements.get(d(t))||b();break;case"udp-card":customElements.get(d(t))||l();break;case"udp-card-actions":customElements.get(d(t))||y();break;case"udp-card-content":customElements.get(d(t))||k();break;case"udp-card-header":customElements.get(d(t))||g();break;case"udp-card-media":customElements.get(d(t))||E();break;case"udp-link":customElements.get(d(t))||j();break;case"unity-typography":customElements.get(d(t))||$()}}))}export{S as U,C as d}
+import{p as t,H as e,c as s,h as o,F as i,t as a}from"./index2.js";import{b as r,a as d}from"./enums.js";import{d as n}from"./utils.js";import c from"@carbon/icons/es/chevron--right/16";import m from"@carbon/icons/es/edit/16";import p from"@carbon/icons/es/document--add/16";import{d as u}from"./stencil-icon-button2.js";import{d as f}from"./udp-adornment2.js";import{d as h}from"./udp-ambient-tool-tip2.js";import{d as l}from"./udp-badge2.js";import{d as b}from"./udp-card2.js";import{d as y}from"./udp-card-actions2.js";import{d as k}from"./udp-card-content2.js";import{d as g}from"./udp-card-header2.js";import{d as E}from"./udp-card-media2.js";import{d as j}from"./udp-link2.js";import{d as $}from"./unity-typography2.js";const S=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.closeSidesheet=s(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/${r.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/${r.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(i,{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: ",n(this.data.lastModifiedOn)),o("unity-typography",{key:"5fb812e5a5ff76ff85e45f287073d404a8a44f0c",variant:"body1",color:"textSecondary"},"Created On: ",n(this.isSideSheetList?this.data.createdOn:this.data.initialCreatedOn)),this.isFollowUpFormConfigOn&&o("unity-typography",{key:"5635f71ffd1f420b4e33058967e8ccb3535065c4",variant:"body1",color:"textSecondary"},"Form Type: ",d[this.data.type])),e=o(i,{key:"15b5b00f7420a5d47d17dfacf2ccd72396859a14"},o("stencil-icon-button",{key:"e67ed53a220cc04313aba3369a06a55c74d636ca",icon:m,tooltip:"Edit Form Template",onClick:t=>this.handleEditOrTitleClick(t)}),!this.isSideSheetList&&this.isRendererRedirectConfigOn&&o("stencil-icon-button",{key:"2f251f0ee8681ae6a69ca350740b5f4639a07d42",icon:p,tooltip:"View Form",onClick:t=>{t.stopPropagation(),this.formRendererHandler()}}),!this.isSideSheetList&&o("stencil-icon-button",{key:"efffcf811bb58e43c9e80b50d050d6ce2803a7ba",icon:c,tooltip:"See Form Version History",onClick:t=>{var e;t.stopPropagation(),null===(e=this.openSideSheet)||void 0===e||e.call(this)}}));return o("udp-card",{key:"02261aa6c444557b5e3dd460650950a4e90a70ae",cardTitle:this.data.name,subheader:this.data.description,actions:e,onTitleClick:this.handleEditOrTitleClick,disableContentPadding:!0,adornmentStatus:"info"},t)}},[1,"udp-forms-list-card",{history:[8],data:[8],openSideSheet:[8,"open-side-sheet"],isSideSheetList:[4,"is-side-sheet-list"],formsBuilderUrlPath:[1,"forms-builder-url-path"],formsRendererUrlPath:[1,"forms-renderer-url-path"],isFollowUpFormConfigOn:[4,"is-follow-up-form-config-on"],isRendererRedirectConfigOn:[4,"is-renderer-redirect-config-on"]}]);function C(){"undefined"!=typeof customElements&&["udp-forms-list-card","stencil-icon-button","udp-adornment","udp-ambient-tool-tip","udp-badge","udp-card","udp-card-actions","udp-card-content","udp-card-header","udp-card-media","udp-link","unity-typography"].forEach((t=>{switch(t){case"udp-forms-list-card":customElements.get(a(t))||customElements.define(a(t),S);break;case"stencil-icon-button":customElements.get(a(t))||u();break;case"udp-adornment":customElements.get(a(t))||f();break;case"udp-ambient-tool-tip":customElements.get(a(t))||h();break;case"udp-badge":customElements.get(a(t))||l();break;case"udp-card":customElements.get(a(t))||b();break;case"udp-card-actions":customElements.get(a(t))||y();break;case"udp-card-content":customElements.get(a(t))||k();break;case"udp-card-header":customElements.get(a(t))||g();break;case"udp-card-media":customElements.get(a(t))||E();break;case"udp-link":customElements.get(a(t))||j();break;case"unity-typography":customElements.get(a(t))||$()}}))}export{S as U,C as d}

package/dist/components/udp-forms-list.js

@@ -1,2 +1,2 @@
 import "../stencil-library/stencil-library.css";
-import{p as e,H as t,h as s,t as i}from"./index2.js";import{f as r,a}from"./udp-form-api-utils.js";import{d as o}from"./udp-forms-list-card2.js";import{b as n}from"./enums.js";import{d}from"./primary-action-header2.js";import{d as l}from"./stencil-icon-button2.js";import{d as m}from"./text-field2.js";import{d as h}from"./udp-adornment2.js";import{d as c}from"./udp-ambient-tool-tip2.js";import{d as p}from"./udp-badge2.js";import{d as u}from"./udp-button2.js";import{d as f}from"./udp-card2.js";import{d as b}from"./udp-card-actions2.js";import{d as g}from"./udp-card-content2.js";import{d as y}from"./udp-card-header2.js";import{d as S}from"./udp-card-media2.js";import{d as k}from"./udp-container2.js";import{d as C}from"./udp-icon2.js";import{d as v}from"./udp-linear-loader2.js";import{d as E}from"./udp-link2.js";import{d as F}from"./udp-list-renderer2.js";import{d as j}from"./udp-menu-item2.js";import{d as w}from"./udp-pagination2.js";import{d as P}from"./udp-pop-over2.js";import{d as x}from"./udp-selector2.js";import{d as O}from"./udp-side-sheet2.js";import{d as L}from"./udp-tabs2.js";import{d as U}from"./unity-typography2.js";const D=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),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=n.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 e;return()=>{clearTimeout(e),e=window.setTimeout((()=>this.loadMainForms()),300)}})(),this.handleHeaderPrimaryActionClick=()=>{this.history.push(this.formsBuilderUrlPath?this.formsBuilderUrlPath:"/page/"+this.formsBuilderPageId)},this.handleSideSheetPrimaryAction=()=>{const e=this.mainFormsList.find((e=>e.data.id===this.sideSheetFormsList[0].data.id)).data,t=e.id,s=e.version;if(this.formsBuilderUrlPath)return this.history.push(`${this.formsBuilderUrlPath}&udpf_formId=${t}&udpf_formVersion=${s}`),void(this.isSideSheetOpen=!1);this.history.push(`/page/${this.formsBuilderPageId}?udpf_formId=${t}&udpf_formVersion=${s}`),this.isSideSheetOpen=!1},this.handleSideSheetClose=()=>{this.sideSheetFormsList=[],this.sideSheetListPageNumber=1,this.sideSheetTotalItems=0,this.isSideSheetOpen=!1}}componentDidLoad(){return this.loadMainForms()}async loadMainForms(){var e;this.isLoading=!0,this.errorMessage="";try{const t=(await r(this.mainListPageNumber,this.MAIN_PAGE_SIZE,this.searchFilters,this.sortState)).data;if(!t||!Array.isArray(t.pageList))throw Error("Malformed data received from server.");this.mainFormsList=this.formatList(t.pageList,!1),this.mainTotalItems=null!==(e=t.total)&&void 0!==e?e:0}catch(e){console.error("Error loading forms data:",e),this.errorMessage="Failed to load forms. Please try again."}finally{this.isLoading=!1}}async loadFormVersions(){var e;this.isLoading=!0,this.errorMessage="";try{const t=(await a(this.currentFormId,this.sideSheetListPageNumber,this.SIDE_SHEET_PAGE_SIZE)).data;if(!t||!Array.isArray(t.pageList))throw Error("Malformed form versions data.");this.sideSheetFormsList=this.formatList(t.pageList,!0),this.sideSheetTotalItems=null!==(e=t.total)&&void 0!==e?e:0}catch(e){console.error("Error loading form versions:",e),this.errorMessage="Failed to load form versions."}finally{this.isLoading=!1}}formatList(e,t){return e.map((e=>({data:e,history:this.history,isSideSheetList:t,openSideSheet:()=>this.handleOpenSideSheet(e.id),formsBuilderUrlPath:this.formsBuilderUrlPath,formsRendererUrlPath:this.formsRendererUrlPath,isFollowUpFormConfigOn:this.isFollowUpFormConfigOn,isRendererRedirectConfigOn:this.isRendererRedirectConfigOn})))}async handleMainPageChange(e){this.mainListPageNumber=e,await this.loadMainForms()}handleOrderFilterChange({fieldName:e,value:t}){this.sortState=Object.assign(Object.assign({},this.sortState),{[e]:t})}handleFormNameSearchFilterChange(e){const t=e.target;this.nameFilter=t.value;const s="name",i={searchField:s,searchOperator:"LIKE",searchValue:t.value};let r=this.searchFilters.filter((e=>e.searchField!==s));""!==t.value.trim()&&r.push(i),this.searchFilters=r,this.mainListPageNumber=1}async handleFormTypeFilterChange(e){const t=e.target.value,s="type";let i=this.searchFilters.filter((e=>e.searchField!==s));"0"!==t&&i.push({searchField:s,searchOperator:"=",searchValue:t}),this.searchFilters=i,this.mainListPageNumber=1,await this.loadMainForms()}async refetchMainListData(e,t){JSON.stringify(e)!==JSON.stringify(t)&&(this.mainListPageNumber=1,await this.loadMainForms())}async handleOpenSideSheet(e){this.currentFormId=e,this.sideSheetListPageNumber=1,this.isSideSheetOpen=!0,await this.loadFormVersions()}async handleSideSheetPageChange(e){this.sideSheetListPageNumber=e,await this.loadFormVersions()}renderFilters(){return s("div",{class:"udp-form-filter-container"},s("div",{class:"search-group"},s("text-field",{label:"Search Name",value:this.nameFilter,placeholder:"Search Form Name",onInput:async e=>{this.handleFormNameSearchFilterChange(e),this.debouncedFormNameSearch()},margin:"none"})),s("div",{class:"selector-group"},this.isPublicFormConfigOn&&s("udp-selector",{label:"Form Type",name:"sortColumn",options:this.FORM_TYPES,onChange:async e=>await this.handleFormTypeFilterChange(e),initialValue:"0"}),s("udp-selector",{label:"Sort By",name:"sortColumn",options:this.SORT_COLUMNS,onChange:e=>this.handleOrderFilterChange({fieldName:"sortColumn",value:e.detail}),initialValue:this.sortState.sortColumn}),s("udp-selector",{label:"Sort Direction",name:"sortDirection",options:this.SORT_DIRECTIONS,onChange:e=>this.handleOrderFilterChange({fieldName:"sortDirection",value:e.detail}),initialValue:this.sortState.sortDirection})))}renderSideSheet(){return s("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&&s("udp-linear-loader",null),s("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:e=>this.handleSideSheetPageChange(e.detail),componentDataMap:this.componentMap,spacing:"md",onCloseSidesheet:()=>this.handleSideSheetClose()}))}renderErrorMessage(){return this.errorMessage?s("div",{class:"error-banner"},s("unity-typography",{variant:"body2"},this.errorMessage)):null}render(){return s("div",{key:"3bdcb8e1c8c91db5ae0fcfb89cb60e04b37d3dcb",class:"udp-forms-list-container"},s("primary-action-header",this.isCreateNewFormHeaderActionConfigOn?{title:"UDP Forms",primaryActionClick:()=>this.handleHeaderPrimaryActionClick(),actionButtonLabel:"Create New Form",tabs:!1}:{title:"UDP Forms",tabs:!1}),this.isLoading&&s("udp-linear-loader",{key:"3dcbf2d86b563e41debf7d35bb708f6201057cda"}),this.renderSideSheet(),s("udp-container",{key:"ae64034b41ad5ad7435344b41ba9ce2c0f914394",maxWidth:"lg"},this.renderErrorMessage(),this.renderFilters(),s("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:e=>this.handleMainPageChange(e.detail),componentDataMap:this.componentMap,spacing:"md"})),s("udp-forms-list-card",{key:"4a64d67f93bf4ad25aaf79c219f39302087ffcbc",style:{display:"none"}}),s("div",{key:"67154eaaf368fb67b9966db4603428ad2998ed6f",style:{height:"60px"}}))}get el(){return this}static get watchers(){return{sortState:[{refetchMainListData:0}]}}static get style(){return":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}"}},[1,"udp-forms-list",{clientUrlBase:[1,"client-url-base"],history:[8],isPublicFormConfigOn:[4,"is-public-form-config-on"],isCreateNewFormHeaderActionConfigOn:[4,"is-create-new-form-header-action-config-on"],isFollowUpFormConfigOn:[4,"is-follow-up-form-config-on"],isRendererRedirectConfigOn:[4,"is-renderer-redirect-config-on"],formsBuilderUrlPath:[1,"forms-builder-url-path"],formsRendererUrlPath:[1,"forms-renderer-url-path"],isSideSheetOpen:[32],mainFormsList:[32],sideSheetFormsList:[32],mainListPageNumber:[32],sideSheetListPageNumber:[32],mainTotalItems:[32],sideSheetTotalItems:[32],isLoading:[32],errorMessage:[32],sortState:[32],searchFilters:[32],nameFilter:[32]},void 0,{sortState:[{refetchMainListData:0}]}]),N=D,M=function(){"undefined"!=typeof customElements&&["udp-forms-list","primary-action-header","stencil-icon-button","text-field","udp-adornment","udp-ambient-tool-tip","udp-badge","udp-button","udp-card","udp-card-actions","udp-card-content","udp-card-header","udp-card-media","udp-container","udp-forms-list-card","udp-icon","udp-linear-loader","udp-link","udp-list-renderer","udp-menu-item","udp-pagination","udp-pop-over","udp-selector","udp-side-sheet","udp-tabs","unity-typography"].forEach((e=>{switch(e){case"udp-forms-list":customElements.get(i(e))||customElements.define(i(e),D);break;case"primary-action-header":customElements.get(i(e))||d();break;case"stencil-icon-button":customElements.get(i(e))||l();break;case"text-field":customElements.get(i(e))||m();break;case"udp-adornment":customElements.get(i(e))||h();break;case"udp-ambient-tool-tip":customElements.get(i(e))||c();break;case"udp-badge":customElements.get(i(e))||p();break;case"udp-button":customElements.get(i(e))||u();break;case"udp-card":customElements.get(i(e))||f();break;case"udp-card-actions":customElements.get(i(e))||b();break;case"udp-card-content":customElements.get(i(e))||g();break;case"udp-card-header":customElements.get(i(e))||y();break;case"udp-card-media":customElements.get(i(e))||S();break;case"udp-container":customElements.get(i(e))||k();break;case"udp-forms-list-card":customElements.get(i(e))||o();break;case"udp-icon":customElements.get(i(e))||C();break;case"udp-linear-loader":customElements.get(i(e))||v();break;case"udp-link":customElements.get(i(e))||E();break;case"udp-list-renderer":customElements.get(i(e))||F();break;case"udp-menu-item":customElements.get(i(e))||j();break;case"udp-pagination":customElements.get(i(e))||w();break;case"udp-pop-over":customElements.get(i(e))||P();break;case"udp-selector":customElements.get(i(e))||x();break;case"udp-side-sheet":customElements.get(i(e))||O();break;case"udp-tabs":customElements.get(i(e))||L();break;case"unity-typography":customElements.get(i(e))||U()}}))};export{N as UdpFormsList,M as defineCustomElement}
+import{p as e,H as t,h as s,t as i}from"./index2.js";import{f as r,a}from"./udp-form-api-utils.js";import{d as o}from"./udp-forms-list-card2.js";import{b as n}from"./enums.js";import{d}from"./primary-action-header2.js";import{d as l}from"./stencil-icon-button2.js";import{d as m}from"./text-field2.js";import{d as h}from"./udp-adornment2.js";import{d as c}from"./udp-ambient-tool-tip2.js";import{d as p}from"./udp-badge2.js";import{d as u}from"./udp-button2.js";import{d as f}from"./udp-card2.js";import{d as b}from"./udp-card-actions2.js";import{d as g}from"./udp-card-content2.js";import{d as y}from"./udp-card-header2.js";import{d as S}from"./udp-card-media2.js";import{d as k}from"./udp-container2.js";import{d as C}from"./udp-icon2.js";import{d as v}from"./udp-linear-loader2.js";import{d as E}from"./udp-link2.js";import{d as F}from"./udp-list-renderer2.js";import{d as j}from"./udp-menu-item2.js";import{d as w}from"./udp-pagination2.js";import{d as P}from"./udp-pop-over2.js";import{d as x}from"./udp-selector2.js";import{d as O}from"./udp-side-sheet2.js";import{d as L}from"./udp-tabs2.js";import{d as U}from"./unity-typography2.js";const D=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),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=n.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 e;return()=>{clearTimeout(e),e=window.setTimeout((()=>this.loadMainForms()),300)}})(),this.handleHeaderPrimaryActionClick=()=>{this.history.push(this.formsBuilderUrlPath?this.formsBuilderUrlPath:"/page/"+this.formsBuilderPageId)},this.handleSideSheetPrimaryAction=()=>{const e=this.mainFormsList.find((e=>e.data.id===this.sideSheetFormsList[0].data.id)).data,t=e.id,s=e.version;if(this.formsBuilderUrlPath)return this.history.push(`${this.formsBuilderUrlPath}&udpf_formId=${t}&udpf_formVersion=${s}`),void(this.isSideSheetOpen=!1);this.history.push(`/page/${this.formsBuilderPageId}?udpf_formId=${t}&udpf_formVersion=${s}`),this.isSideSheetOpen=!1},this.handleSideSheetClose=()=>{this.sideSheetFormsList=[],this.sideSheetListPageNumber=1,this.sideSheetTotalItems=0,this.isSideSheetOpen=!1}}componentDidLoad(){return this.loadMainForms()}async loadMainForms(){var e;this.isLoading=!0,this.errorMessage="";try{const t=(await r(this.mainListPageNumber,this.MAIN_PAGE_SIZE,this.searchFilters,this.sortState)).data;if(!t||!Array.isArray(t.pageList))throw Error("Malformed data received from server.");this.mainFormsList=this.formatList(t.pageList,!1),this.mainTotalItems=null!==(e=t.total)&&void 0!==e?e:0}catch(e){console.error("Error loading forms data:",e),this.errorMessage="Failed to load forms. Please try again."}finally{this.isLoading=!1}}async loadFormVersions(){var e;this.isLoading=!0,this.errorMessage="";try{const t=(await a(this.currentFormId,this.sideSheetListPageNumber,this.SIDE_SHEET_PAGE_SIZE)).data;if(!t||!Array.isArray(t.pageList))throw Error("Malformed form versions data.");this.sideSheetFormsList=this.formatList(t.pageList,!0),this.sideSheetTotalItems=null!==(e=t.total)&&void 0!==e?e:0}catch(e){console.error("Error loading form versions:",e),this.errorMessage="Failed to load form versions."}finally{this.isLoading=!1}}formatList(e,t){return e.map((e=>({data:e,history:this.history,isSideSheetList:t,openSideSheet:()=>this.handleOpenSideSheet(e.id),formsBuilderUrlPath:this.formsBuilderUrlPath,formsRendererUrlPath:this.formsRendererUrlPath,isFollowUpFormConfigOn:this.isFollowUpFormConfigOn,isRendererRedirectConfigOn:this.isRendererRedirectConfigOn})))}async handleMainPageChange(e){this.mainListPageNumber=e,await this.loadMainForms()}handleOrderFilterChange({fieldName:e,value:t}){this.sortState=Object.assign(Object.assign({},this.sortState),{[e]:t})}handleFormNameSearchFilterChange(e){const t=e.target;this.nameFilter=t.value;const s="name",i={searchField:s,searchOperator:"LIKE",searchValue:t.value};let r=this.searchFilters.filter((e=>e.searchField!==s));""!==t.value.trim()&&r.push(i),this.searchFilters=r,this.mainListPageNumber=1}async handleFormTypeFilterChange(e){const t=e.target.value,s="type";let i=this.searchFilters.filter((e=>e.searchField!==s));"0"!==t&&i.push({searchField:s,searchOperator:"=",searchValue:t}),this.searchFilters=i,this.mainListPageNumber=1,await this.loadMainForms()}async refetchMainListData(e,t){JSON.stringify(e)!==JSON.stringify(t)&&(this.mainListPageNumber=1,await this.loadMainForms())}async handleOpenSideSheet(e){this.currentFormId=e,this.sideSheetListPageNumber=1,this.isSideSheetOpen=!0,await this.loadFormVersions()}async handleSideSheetPageChange(e){this.sideSheetListPageNumber=e,await this.loadFormVersions()}renderFilters(){return s("div",{class:"udp-form-filter-container"},s("div",{class:"search-group"},s("text-field",{label:"Search Name",value:this.nameFilter,placeholder:"Search Form Name",onInput:async e=>{this.handleFormNameSearchFilterChange(e),this.debouncedFormNameSearch()},margin:"none"})),s("div",{class:"selector-group"},this.isPublicFormConfigOn&&s("udp-selector",{label:"Form Type",name:"sortColumn",options:this.FORM_TYPES,onChange:async e=>await this.handleFormTypeFilterChange(e),initialValue:"0"}),s("udp-selector",{label:"Sort By",name:"sortColumn",options:this.SORT_COLUMNS,onChange:e=>this.handleOrderFilterChange({fieldName:"sortColumn",value:e.detail}),initialValue:this.sortState.sortColumn}),s("udp-selector",{label:"Sort Direction",name:"sortDirection",options:this.SORT_DIRECTIONS,onChange:e=>this.handleOrderFilterChange({fieldName:"sortDirection",value:e.detail}),initialValue:this.sortState.sortDirection})))}renderSideSheet(){return s("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&&s("udp-linear-loader",null),s("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:e=>this.handleSideSheetPageChange(e.detail),componentDataMap:this.componentMap,spacing:"md",onCloseSidesheet:()=>this.handleSideSheetClose()}))}renderErrorMessage(){return this.errorMessage?s("div",{class:"error-banner"},s("unity-typography",{variant:"body2"},this.errorMessage)):null}render(){return s("div",{key:"e958b3af122ef19803aab3523e3f4eaacdca8241",class:"udp-forms-list-container"},s("primary-action-header",this.isCreateNewFormHeaderActionConfigOn?{title:"UDP Forms",primaryActionClick:()=>this.handleHeaderPrimaryActionClick(),actionButtonLabel:"Create New Form",tabs:!1}:{title:"UDP Forms",tabs:!1}),this.isLoading&&s("udp-linear-loader",{key:"0a99e17acff1ed6f9dd88819845e3ee4df849f68"}),this.renderSideSheet(),s("udp-container",{key:"a32ab394d6621dbe104d71090b93a66e0d5456e6",maxWidth:"lg"},this.renderErrorMessage(),this.renderFilters(),s("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:e=>this.handleMainPageChange(e.detail),componentDataMap:this.componentMap,spacing:"md"})),s("udp-forms-list-card",{key:"d626678fe095200d83b14d4c40b8c663786b8451",style:{display:"none"}}),s("div",{key:"122b96ae2b68b47f6f962b42bac9079c60272129",style:{height:"60px"}}))}get el(){return this}static get watchers(){return{sortState:[{refetchMainListData:0}]}}static get style(){return":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}"}},[1,"udp-forms-list",{clientUrlBase:[1,"client-url-base"],history:[8],isPublicFormConfigOn:[4,"is-public-form-config-on"],isCreateNewFormHeaderActionConfigOn:[4,"is-create-new-form-header-action-config-on"],isFollowUpFormConfigOn:[4,"is-follow-up-form-config-on"],isRendererRedirectConfigOn:[4,"is-renderer-redirect-config-on"],formsBuilderUrlPath:[1,"forms-builder-url-path"],formsRendererUrlPath:[1,"forms-renderer-url-path"],isSideSheetOpen:[32],mainFormsList:[32],sideSheetFormsList:[32],mainListPageNumber:[32],sideSheetListPageNumber:[32],mainTotalItems:[32],sideSheetTotalItems:[32],isLoading:[32],errorMessage:[32],sortState:[32],searchFilters:[32],nameFilter:[32]},void 0,{sortState:[{refetchMainListData:0}]}]),N=D,M=function(){"undefined"!=typeof customElements&&["udp-forms-list","primary-action-header","stencil-icon-button","text-field","udp-adornment","udp-ambient-tool-tip","udp-badge","udp-button","udp-card","udp-card-actions","udp-card-content","udp-card-header","udp-card-media","udp-container","udp-forms-list-card","udp-icon","udp-linear-loader","udp-link","udp-list-renderer","udp-menu-item","udp-pagination","udp-pop-over","udp-selector","udp-side-sheet","udp-tabs","unity-typography"].forEach((e=>{switch(e){case"udp-forms-list":customElements.get(i(e))||customElements.define(i(e),D);break;case"primary-action-header":customElements.get(i(e))||d();break;case"stencil-icon-button":customElements.get(i(e))||l();break;case"text-field":customElements.get(i(e))||m();break;case"udp-adornment":customElements.get(i(e))||h();break;case"udp-ambient-tool-tip":customElements.get(i(e))||c();break;case"udp-badge":customElements.get(i(e))||p();break;case"udp-button":customElements.get(i(e))||u();break;case"udp-card":customElements.get(i(e))||f();break;case"udp-card-actions":customElements.get(i(e))||b();break;case"udp-card-content":customElements.get(i(e))||g();break;case"udp-card-header":customElements.get(i(e))||y();break;case"udp-card-media":customElements.get(i(e))||S();break;case"udp-container":customElements.get(i(e))||k();break;case"udp-forms-list-card":customElements.get(i(e))||o();break;case"udp-icon":customElements.get(i(e))||C();break;case"udp-linear-loader":customElements.get(i(e))||v();break;case"udp-link":customElements.get(i(e))||E();break;case"udp-list-renderer":customElements.get(i(e))||F();break;case"udp-menu-item":customElements.get(i(e))||j();break;case"udp-pagination":customElements.get(i(e))||w();break;case"udp-pop-over":customElements.get(i(e))||P();break;case"udp-selector":customElements.get(i(e))||x();break;case"udp-side-sheet":customElements.get(i(e))||O();break;case"udp-tabs":customElements.get(i(e))||L();break;case"unity-typography":customElements.get(i(e))||U()}}))};export{N as UdpFormsList,M as defineCustomElement}