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

package/dist/components/test-form2.js

@@ -1 +1 @@
-import{p as e,H as a,c as t,h as l,t as d}from"./index2.js";import{m as i}from"./makeApiCall.js";import{d as o}from"./udp-autocomplete2.js";import{d as r}from"./udp-date-input2.js";import{d as s}from"./udp-date-range-selector2.js";import{d as u}from"./udp-date-time-input2.js";import{d as n}from"./udp-field2.js";import{d as c}from"./udp-flexbox2.js";import{d as p}from"./udp-fluent-badge2.js";import{d as b}from"./udp-fluent-button2.js";import{d as f}from"./udp-fluent-checkbox2.js";import{d as m}from"./udp-fluent-dropdown2.js";import{d as h}from"./udp-fluent-icon2.js";import{d as k}from"./udp-fluent-icon-button2.js";import{d as y}from"./udp-fluent-radio-group2.js";import{d as v}from"./udp-fluent-switch2.js";import{d as g}from"./udp-fluent-text-input2.js";import{d as x}from"./udp-form-component2.js";import{d as S}from"./udp-popover2.js";import{d as E}from"./udp-search-input2.js";import{d as w}from"./udp-slider2.js";import{d as j}from"./udp-spinner2.js";import{d as z}from"./udp-swatch-picker2.js";import{d as C}from"./udp-text2.js";import{d as q}from"./udp-textarea2.js";import{d as V}from"./udp-time-input2.js";import{d as F}from"./udp-tooltip2.js";import{C as T}from"./configService.js";const A=e=>{if(e&&!e.includes("!"))return"You must include an exclamation mark (!)"},D=[{label:"Dog",value:"dog"},{label:"Cat",value:"cat"},{label:"Mouse",value:"mouse",disabled:!0},{label:"Rabbit",value:"rabbit"},{label:"Turtle",value:"turtle"},{label:"Snake",value:"snake"},{label:"Lizard",value:"lizard"},{label:"Fish",value:"fish"},{label:"Bird",value:"bird"},{label:"Elephant",value:"elephant"},{label:"Giraffe",value:"giraffe"},{label:"Kangaroo",value:"kangaroo"},{label:"Monkey",value:"monkey"},{label:"Penguin",value:"penguin"},{label:"Pig",value:"pig"},{label:"Rat",value:"rat"},{label:"Sheep",value:"sheep"},{label:"Tiger",value:"tiger"},{label:"Wolf",value:"wolf"},{label:"Zebra",value:"zebra",icon:"add"}],L=[{value:"red",color:"#ff0000",label:"Red"},{value:"orange",color:"#ff8c00",label:"Orange"},{value:"yellow",color:"#ffcc00",label:"Yellow"},{value:"green",color:"#008000",label:"Green"},{value:"blue",color:"#0000ff",label:"Blue"},{value:"indigo",color:"#4b0082",label:"Indigo"},{value:"violet",color:"#ee82ee",label:"Violet"},{value:"white",color:"#ffffff",label:"White"},{value:"black",color:"#000000",label:"Black"}],P=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.formReady=t(this,"formReady",7),this.controlRequired=!1,this.controlDisabled=!1,this.controlReadonly=!1,this.controlAppearance="outline",this.controlSize="medium",this.formData={},this.isLoading=!0,this.validateForm=e=>(console.log(e),{}),this.handleFormReady=e=>{this.formReady.emit(e.detail)},this.handleFormSubmit=e=>{this.handleSubmit(e)},this.searchFunction=async e=>{const a={filterElements:[{searchValue:e,searchField:"firstName",searchOperator:"LIKE"}],pageNumber:1,pageSize:10};return(await i("POST",`${T.productV1ApiUrl}/actor/search`,a)).pageList}}componentDidLoad(){console.log("Fetching data..."),this.formData={firstName:"John",email:"john@example.com",age:"45",newsletter:!0,exclamation:"Include Exclamation!",favoriteColor:"red",bio:"My name is John",birthday:"2026-01-12/2026-01-22"},this.isLoading=!1}render(){return l("div",{key:"90391ce20d206b061c9aed4ed44e0045cc519f4c"},l("udp-form-component",{key:"966158e7b0e782ff2cdad1971364f4358ebef3f9",formId:this.formId,validate:this.validateForm,onFormReady:this.handleFormReady,onSubmit:this.handleFormSubmit,initialValues:this.formData},l("udp-flexbox",{key:"9750369ab5fc9bf62aa2837c0d4719fc581cea6a"},l("udp-flexbox",{key:"2e14bce7852757cd370d87cbc318cc55b2d367fd",style:{display:"none"}},l("h3",{key:"42c7937c6504044bd7cb95df967cc2ba2bb340b7",style:{margin:"0 0 1rem 0",fontSize:"16px",fontWeight:"600"}},"Global Property Controls"),l("udp-flexbox",{key:"e1b83db9e20abdd80a529f8f2ea583831af27fda"},l("udp-fluent-dropdown",{key:"1122133a7b35c165b59a707cace17288d47b4540",label:"Appearance",value:this.controlAppearance,options:[{label:"Outline",value:"outline"},{label:"Underline",value:"underline"},{label:"Filled Lighter",value:"filled-lighter"},{label:"Filled Darker",value:"filled-darker"}],optionValue:"value",optionLabel:"label",onValueChanged:e=>{var a;return this.controlAppearance=(null===(a=e.detail)||void 0===a?void 0:a.value)||e.detail}}),l("udp-fluent-dropdown",{key:"476776105d13367ca4da663e6f014b6bef74d977",label:"Control Size",value:this.controlSize,options:[{label:"Small",value:"small"},{label:"Medium",value:"medium"},{label:"Large",value:"large"}],optionValue:"value",optionLabel:"label",onValueChanged:e=>{var a;return this.controlSize=(null===(a=e.detail)||void 0===a?void 0:a.value)||e.detail},style:{minWidth:"120px"}}),l("udp-fluent-switch",{key:"5f5d69c80cf12a42ac608e3c5d0cd4aa2d461633",label:"Required",labelPosition:"after",checked:this.controlRequired,onValueChanged:e=>this.controlRequired=e.detail}),l("udp-fluent-switch",{key:"1e4c4bab9ab64cf8debff816a1b23fcb790bc64c",label:"Disabled",labelPosition:"after",checked:this.controlDisabled,onValueChanged:e=>this.controlDisabled=e.detail}),l("udp-fluent-switch",{key:"dba8f803f092a7e67d14f624681eb54675c998e6",label:"Readonly",labelPosition:"after",checked:this.controlReadonly,onValueChanged:e=>this.controlReadonly=e.detail})),l("p",{key:"56c2a9cfc24c23b0f9fafba885e103205552aecf",style:{margin:"0.75rem 0 0",fontSize:"12px",color:"var(--colorNeutralForeground3)"}},"Note: Not all props apply to all components. readonly only applies to text inputs.")),l("udp-field",{key:"9d0adee1a1b4e390fb390aac5dab4345bc915b0a",name:"searchText"},l("udp-search-input",{key:"edf5cbc9df90d0d696f206044b74053d673ce7a2",disabled:this.controlDisabled,readonly:this.controlReadonly,appearance:this.controlAppearance,controlSize:this.controlSize,placeholder:"Search for something...",includeErrorPadding:!1})),l("udp-field",{key:"5106ee14dc81f6623d4a8bedecdab36956b9028f",name:"firstName"},l("udp-fluent-text-input",{key:"e18a9f664e288cd5b9793dcc49ada51221e6ef53",label:"First Name",required:!0,disabled:this.controlDisabled,readonly:this.controlReadonly,appearance:this.controlAppearance,controlSize:this.controlSize,placeholder:"Enter your first name",popupHint:"Enter your first name, this should appear above the input"})),l("div",{key:"5558b1d613c96d4d4a4f582030fe2932b6324f36",style:{display:"flex",gap:"1rem",flexDirection:"row",flex:"1"}},l("udp-field",{key:"869dfecdc31fc8d040bc83f8f9eaec1a104b3742",name:"email"},l("udp-fluent-text-input",{key:"9cabdd41d05a6ac545531e8e954029e2d5656053",label:"Email Address",type:"email",value:"jordanatchison@univerus.com",required:!0,disabled:this.controlDisabled,readonly:this.controlReadonly,appearance:this.controlAppearance,controlSize:this.controlSize})),l("udp-field",{key:"39beae52238517b5af0318303cd52504b8fad2e9",name:"age"},l("udp-fluent-text-input",{key:"8b924842d5cd64a9d7436e1e25bcd37004f10b5a",label:"Age",type:"number",required:!0,disabled:this.controlDisabled,readonly:this.controlReadonly,appearance:this.controlAppearance,controlSize:this.controlSize}))),l("udp-field",{key:"d99e8ae2a9cb6bf4818a7ef6e2b7f779db03a06d",name:"birthday"},l("udp-date-input",{key:"e01f7f51ce699eaadbd5cd48750f3bbad18dff44",label:"Birthday",minDate:"2026-01-11",maxDate:"2026-01-22",dateSelectionType:"range",required:!0,disabled:this.controlDisabled,appearance:this.controlAppearance,controlSize:this.controlSize})),l("udp-field",{key:"c5c5e30c28597dd17ee90c7e77bcf2ce0693e596",name:"appointment"},l("udp-date-time-input",{key:"6c60357d55106c17d6c6c1e90789d70b77f96f2c",label:"Appointment (Combined Date/Time)",required:!0,disabled:this.controlDisabled,appearance:this.controlAppearance,controlSize:this.controlSize})),l("div",{key:"f5564675f6161e678555b32b334d4914982f0e8d",style:{display:"flex",gap:"1rem",flexDirection:"row",flex:"1"}},l("udp-field",{key:"9fb5b7e2478736a5e802feba23f6740747007611",name:"startTime"},l("udp-time-input",{key:"22ca80c085d11224fb9e21f2d11097c2e9745854",label:"Start Time (Freeform)",placeholder:"e.g. 2:30pm",hint:"Type any time or select from list",required:!0,disabled:this.controlDisabled,appearance:this.controlAppearance,controlSize:this.controlSize})),l("udp-field",{key:"312062f3194b1c9926a8d13c9f49aecb9521fc27",name:"endTime",validate:()=>"always invalid"},l("udp-time-input",{key:"01685e84c9b5441de23cb327f4e0d75b46338060",label:"End Time",placeholder:"e.g. 5:30pm",minuteStep:30,hint:"Type any time or select from list",required:!0,disabled:this.controlDisabled,appearance:this.controlAppearance,controlSize:this.controlSize}))),l("udp-field",{key:"09734acbc8da82e9dd10ecf1ffe950b08cb7ac8b",name:"bio"},l("udp-textarea",{key:"c4353710bea39b7f3cc614a5b48731a695daa732",label:"Bio",placeholder:"Tell us about yourself",autoResize:!0,required:!0,disabled:this.controlDisabled,readonly:this.controlReadonly,appearance:this.controlAppearance,controlSize:this.controlSize})),l("udp-field",{key:"d3fea9ca39ffbe2d118b74dc09c92b23c970461c",name:"exclamation",validate:A},l("udp-fluent-text-input",{key:"4c34bb77f672803850835acf2ff4c5b9e0fbb54f",label:"Exclamation",hint:"exclamation mark please",required:!0,disabled:this.controlDisabled,readonly:this.controlReadonly,appearance:this.controlAppearance,controlSize:this.controlSize})),l("udp-field",{key:"4411687ae430049c2efbca70c695dc7e0a7eaa19",name:"favoriteAnimal"},l("udp-fluent-dropdown",{key:"a8da2e7cd2305ab3d632a39d0232c268c2fa3093",placeholder:"Select an animal",label:"Favorite Animal (Dropdown)",appearance:this.controlAppearance,disabled:this.controlDisabled,required:!0,optionValue:"value",optionLabel:e=>e.label,options:D,controlSize:this.controlSize})),l("udp-field",{key:"a272da91ac489c39a70b69a2595e2bfb55b1174f",name:"favoriteAnimalAutoComplete"},l("udp-autocomplete",{key:"e124d5ed4b9f017efe642dd2509339bffbe98fee",placeholder:"Select an animal",label:"Favorite Animal",appearance:this.controlAppearance,disabled:this.controlDisabled,required:!0,optionValue:"value",optionLabel:e=>e.label,options:D,controlSize:this.controlSize,popupHint:"Select an animal"})),l("udp-field",{key:"2c366d44a9c63b56559611d373b8ceeebbde42e1",name:"serverSideUser"},l("udp-autocomplete",{key:"73cc4a4bbb304d22b7d23f4413167cf3492150be",required:!0,placeholder:"Search for an actor...",label:"Server Side Actor",appearance:this.controlAppearance,disabled:this.controlDisabled,optionValue:"id",optionLabel:e=>e.firstName+" "+e.lastName,searchFunction:this.searchFunction,controlSize:this.controlSize,multiple:!0})),l("udp-field",{key:"7f08f76a0d494d7130ccfc89f3366153740fe157",name:"newsletter"},l("udp-fluent-checkbox",{key:"dbe4f84da05d0115937a06a6522bbcfde971511a",label:"Subscribe to newsletter",hint:"We will only send you emails about important updates",disabled:this.controlDisabled,controlSize:this.controlSize})),l("udp-field",{key:"d8de1af92eff04488fe9428f9170186cc15f1ae2",name:"commitment"},l("udp-slider",{key:"ea04f66918ef172550a11b6927353dcc9d3e3b23",label:"Commitment Level",disabled:this.controlDisabled})),l("udp-field",{key:"36bbdfde9f86b40683771b5e8ed0c0c41ae57614",name:"active"},l("udp-fluent-switch",{key:"7bb796511487f899e8ff6b74f481a2c6e7aa4d53",label:"Active",labelPosition:"after",disabled:this.controlDisabled})),l("udp-field",{key:"3b4e6b8a136e3133997a9d432eeb53d22aff6f73",name:"favoriteColor"},l("udp-fluent-radio-group",{key:"900f2dda2755a9529a86ec780a7bfd7e9256a6a5",label:"Favorite Colo",disabled:this.controlDisabled,hint:"Favorite Color",items:[{label:"Red",value:"red"},{label:"Green",value:"green"},{label:"Blue",value:"blue"}]})),l("udp-field",{key:"804b8d8a03d97787c677b39e185c3521ada50132",name:"swatchColor"},l("udp-swatch-picker",{key:"5f582e1a8ab98d69a1b754c33a810a6d6aabb163",label:"Pick a Color (Swatch)",hint:"Pick a color",swatches:L,layout:"row",shape:"square",size:"small"===this.controlSize?"small":"large"===this.controlSize?"large":"medium",spacing:"medium",disabled:this.controlDisabled,defaultValue:"#0000ff",onValueChanged:e=>console.log("Swatch selected:",e.detail)})))))}},[1,"test-form",{handleSubmit:[16],formId:[1,"form-id"],controlRequired:[32],controlDisabled:[32],controlReadonly:[32],controlAppearance:[32],controlSize:[32],formData:[32],isLoading:[32]}]);function R(){"undefined"!=typeof customElements&&["test-form","udp-autocomplete","udp-date-input","udp-date-range-selector","udp-date-time-input","udp-field","udp-flexbox","udp-fluent-badge","udp-fluent-button","udp-fluent-checkbox","udp-fluent-dropdown","udp-fluent-icon","udp-fluent-icon-button","udp-fluent-radio-group","udp-fluent-switch","udp-fluent-text-input","udp-form-component","udp-popover","udp-search-input","udp-slider","udp-spinner","udp-swatch-picker","udp-text","udp-textarea","udp-time-input","udp-tooltip"].forEach((e=>{switch(e){case"test-form":customElements.get(d(e))||customElements.define(d(e),P);break;case"udp-autocomplete":customElements.get(d(e))||o();break;case"udp-date-input":customElements.get(d(e))||r();break;case"udp-date-range-selector":customElements.get(d(e))||s();break;case"udp-date-time-input":customElements.get(d(e))||u();break;case"udp-field":customElements.get(d(e))||n();break;case"udp-flexbox":customElements.get(d(e))||c();break;case"udp-fluent-badge":customElements.get(d(e))||p();break;case"udp-fluent-button":customElements.get(d(e))||b();break;case"udp-fluent-checkbox":customElements.get(d(e))||f();break;case"udp-fluent-dropdown":customElements.get(d(e))||m();break;case"udp-fluent-icon":customElements.get(d(e))||h();break;case"udp-fluent-icon-button":customElements.get(d(e))||k();break;case"udp-fluent-radio-group":customElements.get(d(e))||y();break;case"udp-fluent-switch":customElements.get(d(e))||v();break;case"udp-fluent-text-input":customElements.get(d(e))||g();break;case"udp-form-component":customElements.get(d(e))||x();break;case"udp-popover":customElements.get(d(e))||S();break;case"udp-search-input":customElements.get(d(e))||E();break;case"udp-slider":customElements.get(d(e))||w();break;case"udp-spinner":customElements.get(d(e))||j();break;case"udp-swatch-picker":customElements.get(d(e))||z();break;case"udp-text":customElements.get(d(e))||C();break;case"udp-textarea":customElements.get(d(e))||q();break;case"udp-time-input":customElements.get(d(e))||V();break;case"udp-tooltip":customElements.get(d(e))||F()}}))}export{P as T,R as d}
+import{p as e,H as a,c as t,h as l,t as d}from"./index2.js";import{m as i}from"./makeApiCall.js";import{d as o}from"./udp-autocomplete2.js";import{d as r}from"./udp-date-input2.js";import{d as s}from"./udp-date-range-selector2.js";import{d as u}from"./udp-date-time-input2.js";import{d as n}from"./udp-field2.js";import{d as c}from"./udp-flexbox2.js";import{d as p}from"./udp-fluent-badge2.js";import{d as f}from"./udp-fluent-button2.js";import{d as b}from"./udp-fluent-checkbox2.js";import{d as m}from"./udp-fluent-dropdown2.js";import{d as h}from"./udp-fluent-icon2.js";import{d as k}from"./udp-fluent-icon-button2.js";import{d as y}from"./udp-fluent-radio-group2.js";import{d as v}from"./udp-fluent-switch2.js";import{d as g}from"./udp-fluent-text-input2.js";import{d as x}from"./udp-form-component2.js";import{d as S}from"./udp-popover2.js";import{d as E}from"./udp-search-input2.js";import{d as w}from"./udp-slider2.js";import{d as j}from"./udp-spinner2.js";import{d as z}from"./udp-swatch-picker2.js";import{d as C}from"./udp-text2.js";import{d as q}from"./udp-textarea2.js";import{d as V}from"./udp-time-input2.js";import{d as F}from"./udp-tooltip2.js";import{C as T}from"./configService.js";const A=e=>{if(e&&!e.includes("!"))return"You must include an exclamation mark (!)"},D=[{label:"Dog",value:"dog"},{label:"Cat",value:"cat"},{label:"Mouse",value:"mouse",disabled:!0},{label:"Rabbit",value:"rabbit"},{label:"Turtle",value:"turtle"},{label:"Snake",value:"snake"},{label:"Lizard",value:"lizard"},{label:"Fish",value:"fish"},{label:"Bird",value:"bird"},{label:"Elephant",value:"elephant"},{label:"Giraffe",value:"giraffe"},{label:"Kangaroo",value:"kangaroo"},{label:"Monkey",value:"monkey"},{label:"Penguin",value:"penguin"},{label:"Pig",value:"pig"},{label:"Rat",value:"rat"},{label:"Sheep",value:"sheep"},{label:"Tiger",value:"tiger"},{label:"Wolf",value:"wolf"},{label:"Zebra",value:"zebra",icon:"add"}],L=[{value:"red",color:"#ff0000",label:"Red"},{value:"orange",color:"#ff8c00",label:"Orange"},{value:"yellow",color:"#ffcc00",label:"Yellow"},{value:"green",color:"#008000",label:"Green"},{value:"blue",color:"#0000ff",label:"Blue"},{value:"indigo",color:"#4b0082",label:"Indigo"},{value:"violet",color:"#ee82ee",label:"Violet"},{value:"white",color:"#ffffff",label:"White"},{value:"black",color:"#000000",label:"Black"}],P=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.formReady=t(this,"formReady",7),this.controlRequired=!1,this.controlDisabled=!1,this.controlReadonly=!1,this.controlAppearance="outline",this.controlSize="medium",this.formData={},this.isLoading=!0,this.validateForm=e=>(console.log(e),{}),this.handleFormReady=e=>{this.formReady.emit(e.detail)},this.handleFormSubmit=e=>{this.handleSubmit(e)},this.searchFunction=async e=>{const a={filterElements:[{searchValue:e,searchField:"firstName",searchOperator:"LIKE"}],pageNumber:1,pageSize:10};return(await i("POST",`${T.productV1ApiUrl}/actor/search`,a)).pageList}}componentDidLoad(){console.log("Fetching data..."),this.formData={firstName:"John",email:"john@example.com",age:"45",newsletter:!0,exclamation:"Include Exclamation!",favoriteColor:"red",bio:"My name is John",birthday:"2026-01-12/2026-01-22"},this.isLoading=!1}render(){return l("div",{key:"78b78911bd056a508320960916f7b0104e9f7dcf"},l("udp-form-component",{key:"a99232c1c4b9e84b941d2fcaf595032236b24b77",formId:this.formId,validate:this.validateForm,onFormReady:this.handleFormReady,onSubmit:this.handleFormSubmit,initialValues:this.formData},l("udp-flexbox",{key:"3a45771136231dc99d00880c852d782062d70a4d"},l("udp-flexbox",{key:"1777ecd1e444cf3be936b517270cb87a508c216a",style:{display:"none"}},l("h3",{key:"5ae9fff156c7465cdcb0a58cb1a5606e274e45e4",style:{margin:"0 0 1rem 0",fontSize:"16px",fontWeight:"600"}},"Global Property Controls"),l("udp-flexbox",{key:"f85125e69d026ece32ba64997d75b31a928e7ad5"},l("udp-fluent-dropdown",{key:"e3e098aff935d9ef58f53f74a334954a3c38f9ab",label:"Appearance",value:this.controlAppearance,options:[{label:"Outline",value:"outline"},{label:"Underline",value:"underline"},{label:"Filled Lighter",value:"filled-lighter"},{label:"Filled Darker",value:"filled-darker"}],optionValue:"value",optionLabel:"label",onValueChanged:e=>{var a;return this.controlAppearance=(null===(a=e.detail)||void 0===a?void 0:a.value)||e.detail}}),l("udp-fluent-dropdown",{key:"ab1baea650adf9acd9fff5a52d1a909ae011264b",label:"Control Size",value:this.controlSize,options:[{label:"Small",value:"small"},{label:"Medium",value:"medium"},{label:"Large",value:"large"}],optionValue:"value",optionLabel:"label",onValueChanged:e=>{var a;return this.controlSize=(null===(a=e.detail)||void 0===a?void 0:a.value)||e.detail},style:{minWidth:"120px"}}),l("udp-fluent-switch",{key:"3e219e40ac6d247d2f5405e260837aee884208da",label:"Required",labelPosition:"after",checked:this.controlRequired,onValueChanged:e=>this.controlRequired=e.detail}),l("udp-fluent-switch",{key:"0c0b16c3430b03f9243181f25bf27fc6008be2d9",label:"Disabled",labelPosition:"after",checked:this.controlDisabled,onValueChanged:e=>this.controlDisabled=e.detail}),l("udp-fluent-switch",{key:"f7ec67444927b64a393cc8588938c96d6c8b7d15",label:"Readonly",labelPosition:"after",checked:this.controlReadonly,onValueChanged:e=>this.controlReadonly=e.detail})),l("p",{key:"1c9094a5b717b06f9b8e2fa529bdce379ee8c927",style:{margin:"0.75rem 0 0",fontSize:"12px",color:"var(--colorNeutralForeground3)"}},"Note: Not all props apply to all components. readonly only applies to text inputs.")),l("udp-field",{key:"1f3218930f463504e4d3e78d5544d5af0308dfad",name:"searchText"},l("udp-search-input",{key:"32f52709af9f8ed6c3f0ad906faef97b3a356d3a",disabled:this.controlDisabled,readonly:this.controlReadonly,appearance:this.controlAppearance,controlSize:this.controlSize,placeholder:"Search for something...",includeErrorPadding:!1})),l("udp-field",{key:"f3302fdbb91f87aa886ab48b68fb4dad9c814d6c",name:"firstName"},l("udp-fluent-text-input",{key:"657eda1498334fb13e5ca7aeac8a48b0ace97c97",label:"First Name",required:!0,disabled:this.controlDisabled,readonly:this.controlReadonly,appearance:this.controlAppearance,controlSize:this.controlSize,placeholder:"Enter your first name",popupHint:"Enter your first name, this should appear above the input"})),l("div",{key:"63d0a3a79bda4e19c1c42489c1511f409e9d71c8",style:{display:"flex",gap:"1rem",flexDirection:"row",flex:"1"}},l("udp-field",{key:"9217aaa885ce4b3f0bc351be85e407b3daa640bc",name:"email"},l("udp-fluent-text-input",{key:"55d6986faa45e32c5c7d3a9b1d2e53f6e145f172",label:"Email Address",type:"email",value:"jordanatchison@univerus.com",required:!0,disabled:this.controlDisabled,readonly:this.controlReadonly,appearance:this.controlAppearance,controlSize:this.controlSize})),l("udp-field",{key:"30b3bc790e61e9e50242f7ff97ceeccd11b30478",name:"age"},l("udp-fluent-text-input",{key:"2e1cfc9bab2c0d7309efcaa78f2c6a52a454fb02",label:"Age",type:"number",required:!0,disabled:this.controlDisabled,readonly:this.controlReadonly,appearance:this.controlAppearance,controlSize:this.controlSize}))),l("udp-field",{key:"c47f175c6d7ce797b5b74fe250a05dc9708e56c5",name:"birthday"},l("udp-date-input",{key:"8613ffa0b043d04dcc15e8a2d902b0aadb4ce5fc",label:"Birthday",minDate:"2026-01-11",maxDate:"2026-01-22",dateSelectionType:"range",required:!0,disabled:this.controlDisabled,appearance:this.controlAppearance,controlSize:this.controlSize})),l("udp-field",{key:"26be842252a2a196af372b07fef6c78e4f100b63",name:"appointment"},l("udp-date-time-input",{key:"d745a121bf64e22c7ebf4eabcb3fc283373dc686",label:"Appointment (Combined Date/Time)",required:!0,disabled:this.controlDisabled,appearance:this.controlAppearance,controlSize:this.controlSize})),l("div",{key:"fefbc37f981f26a6de2dbc2a16802cdbc0642081",style:{display:"flex",gap:"1rem",flexDirection:"row",flex:"1"}},l("udp-field",{key:"5456c7f8483217141fe30058c8518d650f917cc0",name:"startTime"},l("udp-time-input",{key:"f87512e4632ecc791befbe826d4a6d49960e9de8",label:"Start Time (Freeform)",placeholder:"e.g. 2:30pm",hint:"Type any time or select from list",required:!0,disabled:this.controlDisabled,appearance:this.controlAppearance,controlSize:this.controlSize})),l("udp-field",{key:"1e1e1077fe91ff91ebe4e065a658ed82a204fbff",name:"endTime",validate:()=>"always invalid"},l("udp-time-input",{key:"a6624072c283569c1b75a1c03eb910353535807f",label:"End Time",placeholder:"e.g. 5:30pm",minuteStep:30,hint:"Type any time or select from list",required:!0,disabled:this.controlDisabled,appearance:this.controlAppearance,controlSize:this.controlSize}))),l("udp-field",{key:"5e18d1e10ef2e3e768dedf7429d09b3471df24aa",name:"bio"},l("udp-textarea",{key:"d7ec1c9e85fa855c9d74ce9669f26c7ea747608a",label:"Bio",placeholder:"Tell us about yourself",autoResize:!0,required:!0,disabled:this.controlDisabled,readonly:this.controlReadonly,appearance:this.controlAppearance,controlSize:this.controlSize})),l("udp-field",{key:"3b4f342a8a25afdb40b75d9a23122813b60321ca",name:"exclamation",validate:A},l("udp-fluent-text-input",{key:"7a186300a8cf4096e5199418c0c4189de86ac7e4",label:"Exclamation",hint:"exclamation mark please",required:!0,disabled:this.controlDisabled,readonly:this.controlReadonly,appearance:this.controlAppearance,controlSize:this.controlSize})),l("udp-field",{key:"83b4e0e693a03f6aacab33ae50535bc0e5051217",name:"favoriteAnimal"},l("udp-fluent-dropdown",{key:"d0c6d51ed8e0997f15ce363f0ad0734423c8c5ee",placeholder:"Select an animal",label:"Favorite Animal (Dropdown)",appearance:this.controlAppearance,disabled:this.controlDisabled,required:!0,optionValue:"value",optionLabel:e=>e.label,options:D,controlSize:this.controlSize})),l("udp-field",{key:"0e87635dc8f2cf870aad4f6afa5ef23849b5921b",name:"favoriteAnimalAutoComplete"},l("udp-autocomplete",{key:"feb02ef8eb4b8913de0e9411331e1624c6cfb5cc",placeholder:"Select an animal",label:"Favorite Animal",appearance:this.controlAppearance,disabled:this.controlDisabled,required:!0,optionValue:"value",optionLabel:e=>e.label,options:D,controlSize:this.controlSize,popupHint:"Select an animal"})),l("udp-field",{key:"a80552ad161ff4133059afa6ae0d58287e3ff570",name:"serverSideUser"},l("udp-autocomplete",{key:"73d97143d7ecf82659b8641321e2207a99a94006",required:!0,placeholder:"Search for an actor...",label:"Server Side Actor",appearance:this.controlAppearance,disabled:this.controlDisabled,optionValue:"id",optionLabel:e=>e.firstName+" "+e.lastName,searchFunction:this.searchFunction,controlSize:this.controlSize,multiple:!0})),l("udp-field",{key:"474418370a9404b1361866a533df9ce7f3725a91",name:"newsletter"},l("udp-fluent-checkbox",{key:"37ef0b9b1e50fb8445e438e0eea16a9028618406",label:"Subscribe to newsletter",hint:"We will only send you emails about important updates",disabled:this.controlDisabled,controlSize:this.controlSize})),l("udp-field",{key:"fd904a841f78761100a63ba5e744f02886599300",name:"commitment"},l("udp-slider",{key:"75586c644a239954779b34ccf8f60ea3c2b06549",label:"Commitment Level",disabled:this.controlDisabled})),l("udp-field",{key:"f30242266279384e87a9b59eb8209cda57dbf0d5",name:"active"},l("udp-fluent-switch",{key:"e5d342187efa24a5cc8dad1daec88dfab9490667",label:"Active",labelPosition:"after",disabled:this.controlDisabled})),l("udp-field",{key:"55f3ef27debb9b35367fb71eea0d0b9870231082",name:"favoriteColor"},l("udp-fluent-radio-group",{key:"7714e7558cf305d0570af651f2e8724a83b26808",label:"Favorite Colo",disabled:this.controlDisabled,hint:"Favorite Color",items:[{label:"Red",value:"red"},{label:"Green",value:"green"},{label:"Blue",value:"blue"}]})),l("udp-field",{key:"4f4cc14c8aaf6ed456ca5931b56448f67f7e84cc",name:"swatchColor"},l("udp-swatch-picker",{key:"2ef8f017b1f2d60ff9268fc4b0fb5ba440a8049f",label:"Pick a Color (Swatch)",hint:"Pick a color",swatches:L,layout:"row",shape:"square",size:"small"===this.controlSize?"small":"large"===this.controlSize?"large":"medium",spacing:"medium",disabled:this.controlDisabled,defaultValue:"#0000ff",onValueChanged:e=>console.log("Swatch selected:",e.detail)})))))}},[1,"test-form",{handleSubmit:[16],formId:[1,"form-id"],controlRequired:[32],controlDisabled:[32],controlReadonly:[32],controlAppearance:[32],controlSize:[32],formData:[32],isLoading:[32]}]);function R(){"undefined"!=typeof customElements&&["test-form","udp-autocomplete","udp-date-input","udp-date-range-selector","udp-date-time-input","udp-field","udp-flexbox","udp-fluent-badge","udp-fluent-button","udp-fluent-checkbox","udp-fluent-dropdown","udp-fluent-icon","udp-fluent-icon-button","udp-fluent-radio-group","udp-fluent-switch","udp-fluent-text-input","udp-form-component","udp-popover","udp-search-input","udp-slider","udp-spinner","udp-swatch-picker","udp-text","udp-textarea","udp-time-input","udp-tooltip"].forEach((e=>{switch(e){case"test-form":customElements.get(d(e))||customElements.define(d(e),P);break;case"udp-autocomplete":customElements.get(d(e))||o();break;case"udp-date-input":customElements.get(d(e))||r();break;case"udp-date-range-selector":customElements.get(d(e))||s();break;case"udp-date-time-input":customElements.get(d(e))||u();break;case"udp-field":customElements.get(d(e))||n();break;case"udp-flexbox":customElements.get(d(e))||c();break;case"udp-fluent-badge":customElements.get(d(e))||p();break;case"udp-fluent-button":customElements.get(d(e))||f();break;case"udp-fluent-checkbox":customElements.get(d(e))||b();break;case"udp-fluent-dropdown":customElements.get(d(e))||m();break;case"udp-fluent-icon":customElements.get(d(e))||h();break;case"udp-fluent-icon-button":customElements.get(d(e))||k();break;case"udp-fluent-radio-group":customElements.get(d(e))||y();break;case"udp-fluent-switch":customElements.get(d(e))||v();break;case"udp-fluent-text-input":customElements.get(d(e))||g();break;case"udp-form-component":customElements.get(d(e))||x();break;case"udp-popover":customElements.get(d(e))||S();break;case"udp-search-input":customElements.get(d(e))||E();break;case"udp-slider":customElements.get(d(e))||w();break;case"udp-spinner":customElements.get(d(e))||j();break;case"udp-swatch-picker":customElements.get(d(e))||z();break;case"udp-text":customElements.get(d(e))||C();break;case"udp-textarea":customElements.get(d(e))||q();break;case"udp-time-input":customElements.get(d(e))||V();break;case"udp-tooltip":customElements.get(d(e))||F()}}))}export{P as T,R as d}

package/dist/components/text-area2.js

@@ -1 +1 @@
-import{p as t,H as i,c as e,h as r,d as n,t as p}from"./index2.js";import{d as a}from"./unity-typography2.js";const s=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.change=e(this,"change",7),this.errorEvent=e(this,"error",7),this.size="normal",this.margin="normal",this.readonly=!1,this.onInput=t=>{if(this.readonly)return void(t.target.value=this.internalValue);const i=t.target.value;if(this.internalValue=i,void 0!==this.value&&(this.value=i),this.errorMessage){const t=this.validateCharacterLength(i);t!==this.errorMessage&&this.setAndDispatchError(t)}this.adjustTextAreaHeight()},this.onChange=t=>{if(this.readonly)return;const i=t.target.value,e=this.validateCharacterLength(i);this.setAndDispatchError(e||""),this.change.emit(i)}}updateError(){this.errorMessage=this.error}initialValueChanged(t){""!==this.internalValue&&void 0!==this.internalValue&&void 0!==this.value||void 0!==t&&(this.internalValue=t,Promise.resolve().then((()=>this.adjustTextAreaHeight())))}valueChanged(){void 0!==this.value&&this.value!==this.internalValue&&(this.internalValue=this.value,Promise.resolve().then((()=>this.adjustTextAreaHeight())))}validateCharacterLength(t){if(!t)return"";const i=t.length;return this.minCharacter&&i<this.minCharacter?`Must be at least ${this.minCharacter} characters`:this.maxCharacter&&i>this.maxCharacter?`Must be no more than ${this.maxCharacter} characters`:""}setAndDispatchError(t){console.log("Setting text area error:",t),this.errorMessage=t,this.errorEvent.emit(t);const i=new CustomEvent("error",{detail:t,bubbles:!0,composed:!0});this.el.dispatchEvent(i)}componentWillLoad(){this.internalValue=void 0!==this.value?this.value:this.initialValue||"",this.error&&(this.errorMessage=this.error);let t=this.rows;const i=void 0===this.minRows?1:this.minRows;if(void 0===t&&(t=i),t=Math.max(i,t),void 0!==this.maxRows&&(t=Math.min(this.maxRows,t)),this.internalRows=t,this.internalValue){const t=this.validateCharacterLength(this.internalValue);t&&this.setAndDispatchError(t)}}componentDidLoad(){this.adjustTextAreaHeight()}adjustTextAreaHeight(){if(!this.textareaEl)return;const t=void 0===this.minRows?1:this.minRows,i=void 0===this.maxRows?Number.MAX_SAFE_INTEGER:this.maxRows,e=this.textareaEl.scrollTop;this.textareaEl.style.overflowY="hidden",this.textareaEl.style.height="auto",this.textareaEl.rows=t;let r=t;for(;this.textareaEl.scrollHeight>this.textareaEl.clientHeight&&r<i;)r++,this.textareaEl.rows=r;if(r<i||i===Number.MAX_SAFE_INTEGER)for(;r>t;){if(this.textareaEl.rows=r-1,this.textareaEl.scrollHeight>this.textareaEl.clientHeight){this.textareaEl.rows=r;break}r--}let n=Math.max(t,Math.min(r,i));this.textareaEl.style.height="",this.textareaEl.style.overflowY="",this.textareaEl.rows=n,this.internalRows!==n&&(this.internalRows=n),Promise.resolve().then((()=>{this.textareaEl&&(this.textareaEl.scrollTop=e)}))}render(){const{disabled:t,id:i,internalValue:e,label:p,placeholder:a,required:s,readonly:o,errorMessage:u,fullWidth:d,internalRows:l}=this;return r(n,{key:"284310282643812508b7f68e3d009df63990c076",class:{"udp-input":!0,"udp-input--error":!!u,"udp-input--disabled":t,"udp-input--readonly":o,"udp-input--full-width":d,"udp-input--required":s,[`udp-input--size-${this.size}`]:!0,[`udp-input--margin-${this.margin}`]:!0}},r("div",{key:"e89205d4d0d790a682fcc5884bdd0e92783806f9",class:"bx--form-item"},r("unity-typography",{key:"72d5088b9a1e2cac7d99de68e82bf78ee50028a8",variant:"caption-text"},r("label",{key:"683622ed8d05745aca452f27f01982edb73327db",htmlFor:i,class:"bx--label"},p,s?"*":"")),r("textarea",{key:"0327812cee81fec5515b16b6b0decf988f666561",ref:t=>this.textareaEl=t,id:i,class:{"bx--text-input":!0,"bx--text-input--error":!!u,"text-area--disabled":t},placeholder:a,value:e,required:s,disabled:t,readonly:o,maxLength:this.maxCharacter,rows:l,onInput:this.onInput,onChange:this.onChange},e),u&&r("div",{key:"06036b834a00f6d2146c329d273a0fcb50894022",class:"error-message"},r("unity-typography",{key:"b42d6d7138a06f07af8d06ef75abd56aa4e98331",variant:"caption-text",color:"error"},u))))}get el(){return this}static get watchers(){return{error:[{updateError:0}],initialValue:[{initialValueChanged:0}],value:[{valueChanged:0}]}}static get style(){return':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}'}},[1,"text-area",{label:[1],id:[1],name:[1],placeholder:[1],initialValue:[1,"initial-value"],value:[1025],error:[1],required:[4],disabled:[4],fullWidth:[4,"full-width"],minCharacter:[2,"min-character"],maxCharacter:[2,"max-character"],rows:[2],minRows:[2,"min-rows"],maxRows:[2,"max-rows"],size:[1],margin:[1],readonly:[4],internalValue:[32],errorMessage:[32],internalRows:[32]},void 0,{error:[{updateError:0}],initialValue:[{initialValueChanged:0}],value:[{valueChanged:0}]}]);function o(){"undefined"!=typeof customElements&&["text-area","unity-typography"].forEach((t=>{switch(t){case"text-area":customElements.get(p(t))||customElements.define(p(t),s);break;case"unity-typography":customElements.get(p(t))||a()}}))}export{s as T,o as d}
+import{p as t,H as i,c as e,h as r,d as n,t as p}from"./index2.js";import{d as a}from"./unity-typography2.js";const s=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.change=e(this,"change",7),this.errorEvent=e(this,"error",7),this.size="normal",this.margin="normal",this.readonly=!1,this.onInput=t=>{if(this.readonly)return void(t.target.value=this.internalValue);const i=t.target.value;if(this.internalValue=i,void 0!==this.value&&(this.value=i),this.errorMessage){const t=this.validateCharacterLength(i);t!==this.errorMessage&&this.setAndDispatchError(t)}this.adjustTextAreaHeight()},this.onChange=t=>{if(this.readonly)return;const i=t.target.value,e=this.validateCharacterLength(i);this.setAndDispatchError(e||""),this.change.emit(i)}}updateError(){this.errorMessage=this.error}initialValueChanged(t){""!==this.internalValue&&void 0!==this.internalValue&&void 0!==this.value||void 0!==t&&(this.internalValue=t,Promise.resolve().then((()=>this.adjustTextAreaHeight())))}valueChanged(){void 0!==this.value&&this.value!==this.internalValue&&(this.internalValue=this.value,Promise.resolve().then((()=>this.adjustTextAreaHeight())))}validateCharacterLength(t){if(!t)return"";const i=t.length;return this.minCharacter&&i<this.minCharacter?`Must be at least ${this.minCharacter} characters`:this.maxCharacter&&i>this.maxCharacter?`Must be no more than ${this.maxCharacter} characters`:""}setAndDispatchError(t){console.log("Setting text area error:",t),this.errorMessage=t,this.errorEvent.emit(t);const i=new CustomEvent("error",{detail:t,bubbles:!0,composed:!0});this.el.dispatchEvent(i)}componentWillLoad(){this.internalValue=void 0!==this.value?this.value:this.initialValue||"",this.error&&(this.errorMessage=this.error);let t=this.rows;const i=void 0===this.minRows?1:this.minRows;if(void 0===t&&(t=i),t=Math.max(i,t),void 0!==this.maxRows&&(t=Math.min(this.maxRows,t)),this.internalRows=t,this.internalValue){const t=this.validateCharacterLength(this.internalValue);t&&this.setAndDispatchError(t)}}componentDidLoad(){this.adjustTextAreaHeight()}adjustTextAreaHeight(){if(!this.textareaEl)return;const t=void 0===this.minRows?1:this.minRows,i=void 0===this.maxRows?Number.MAX_SAFE_INTEGER:this.maxRows,e=this.textareaEl.scrollTop;this.textareaEl.style.overflowY="hidden",this.textareaEl.style.height="auto",this.textareaEl.rows=t;let r=t;for(;this.textareaEl.scrollHeight>this.textareaEl.clientHeight&&r<i;)r++,this.textareaEl.rows=r;if(r<i||i===Number.MAX_SAFE_INTEGER)for(;r>t;){if(this.textareaEl.rows=r-1,this.textareaEl.scrollHeight>this.textareaEl.clientHeight){this.textareaEl.rows=r;break}r--}let n=Math.max(t,Math.min(r,i));this.textareaEl.style.height="",this.textareaEl.style.overflowY="",this.textareaEl.rows=n,this.internalRows!==n&&(this.internalRows=n),Promise.resolve().then((()=>{this.textareaEl&&(this.textareaEl.scrollTop=e)}))}render(){const{disabled:t,id:i,internalValue:e,label:p,placeholder:a,required:s,readonly:o,errorMessage:u,fullWidth:d,internalRows:l}=this;return r(n,{key:"1dbebaaced45c6949e8f548de81be785156ff109",class:{"udp-input":!0,"udp-input--error":!!u,"udp-input--disabled":t,"udp-input--readonly":o,"udp-input--full-width":d,"udp-input--required":s,[`udp-input--size-${this.size}`]:!0,[`udp-input--margin-${this.margin}`]:!0}},r("div",{key:"d58eda1461575c8197d30ba01cf73a1789825d4c",class:"bx--form-item"},r("unity-typography",{key:"6b999249e5061bb12a0c41ce5ca289ed62e60179",variant:"caption-text"},r("label",{key:"85e3ea56951ea824d4049cfde2576d510ea8eecb",htmlFor:i,class:"bx--label"},p,s?"*":"")),r("textarea",{key:"d2052dcae765db39662295fbf710e4e3e099f636",ref:t=>this.textareaEl=t,id:i,class:{"bx--text-input":!0,"bx--text-input--error":!!u,"text-area--disabled":t},placeholder:a,value:e,required:s,disabled:t,readonly:o,maxLength:this.maxCharacter,rows:l,onInput:this.onInput,onChange:this.onChange},e),u&&r("div",{key:"4bf13bc42bacf006389c5c7b7f14778431fda466",class:"error-message"},r("unity-typography",{key:"dcfa32c33ef7452e5b3596276c080d509d7bfe68",variant:"caption-text",color:"error"},u))))}get el(){return this}static get watchers(){return{error:[{updateError:0}],initialValue:[{initialValueChanged:0}],value:[{valueChanged:0}]}}static get style(){return':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}'}},[1,"text-area",{label:[1],id:[1],name:[1],placeholder:[1],initialValue:[1,"initial-value"],value:[1025],error:[1],required:[4],disabled:[4],fullWidth:[4,"full-width"],minCharacter:[2,"min-character"],maxCharacter:[2,"max-character"],rows:[2],minRows:[2,"min-rows"],maxRows:[2,"max-rows"],size:[1],margin:[1],readonly:[4],internalValue:[32],errorMessage:[32],internalRows:[32]},void 0,{error:[{updateError:0}],initialValue:[{initialValueChanged:0}],value:[{valueChanged:0}]}]);function o(){"undefined"!=typeof customElements&&["text-area","unity-typography"].forEach((t=>{switch(t){case"text-area":customElements.get(p(t))||customElements.define(p(t),s);break;case"unity-typography":customElements.get(p(t))||a()}}))}export{s as T,o as d}

package/dist/components/text-field2.js

@@ -1 +1 @@
-import{p as t,H as i,c as e,h as p,d as r,t as n}from"./index2.js";import{d as a}from"./unity-typography2.js";const o=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.change=e(this,"change",7),this.errorEvent=e(this,"error",7),this.error="",this.size="normal",this.margin="normal",this.onInput=t=>{if(this.readonly)return void(t.target.value=this.internalValue);const i=t.target.value;if(this.internalValue=i,void 0!==this.value&&(this.value=i),this.errorMessage){const t=this.validateCharacterLength(i);t!==this.errorMessage&&this.setAndDispatchError(t)}},this.onChange=t=>{if(this.readonly)return;const i=t.target.value,e=this.validateCharacterLength(i);this.setAndDispatchError(e||""),this.change.emit(i)}}updateError(){this.errorMessage=this.error}updateInitialValue(){""!==this.internalValue&&void 0!==this.internalValue||(this.internalValue=this.initialValue||"")}updateValue(){void 0!==this.value&&(this.internalValue=this.value)}validateCharacterLength(t){if(!t)return"";const i=t.length;return this.minCharacter&&i<this.minCharacter?`Must be at least ${this.minCharacter} characters`:this.maxCharacter&&i>this.maxCharacter?`Must be no more than ${this.maxCharacter} characters`:""}setAndDispatchError(t){console.log("Setting text field error:",t),this.errorMessage=t,this.errorEvent.emit(t);const i=new CustomEvent("error",{detail:t,bubbles:!0,composed:!0});this.el.dispatchEvent(i)}componentWillLoad(){if(this.error&&(this.errorMessage=this.error),this.internalValue=void 0!==this.value?this.value:this.initialValue||"",this.internalValue){const t=this.validateCharacterLength(this.internalValue);t&&this.setAndDispatchError(t)}}render(){const t=!!this.errorMessage,i={"bx--text-input":!0,"bx--text-input--error":t,"bx--text-input:user-invalid":t,"text-field--disabled":this.disabled};return p(r,{key:"40b53f61f7ca060a9965523f8d6d57c8071901e5",class:{"udp-input":!0,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,"udp-input--required":this.required,[`udp-input--size-${this.size}`]:!0,[`udp-input--margin-${this.margin}`]:!0},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},p("div",{key:"b5500e1963e74718c800d3c72162c4b42d535206",class:"bx--form-item"},p("unity-typography",{key:"d4a5957b13848ebe5e979f52e80b51c3dd1e2283",variant:"caption-text"},p("label",{key:"2dfb94ff0bfce4aa9bbb4558673809371060a989",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),p("input",this.hidden?{id:this.id,type:"hidden",value:this.internalValue}:{id:this.id,type:"text",class:Object.assign({},i),placeholder:this.placeholder,value:this.internalValue,required:this.required,disabled:this.disabled,readonly:this.readonly,maxLength:this.maxCharacter,inputMode:this.inputMode,onInput:this.onInput,onChange:this.onChange,udprecordid:"udpRecord-text-field-"+this.id}),t&&p("div",{key:"2b00003bec0479cdda47c324f1f1aed2c96fdc83",class:"error-message"},p("unity-typography",{key:"4c7e5da72941816ffbdd199ce22aaecbae5d67c3",variant:"caption-text",color:"error"},this.errorMessage))))}get el(){return this}static get watchers(){return{error:[{updateError:0}],initialValue:[{updateInitialValue:0}],value:[{updateValue:0}]}}static get style(){return':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}'}},[1,"text-field",{id:[1],label:[1],placeholder:[1],required:[4],readonly:[4],disabled:[4],minCharacter:[2,"min-character"],maxCharacter:[2,"max-character"],value:[1025],initialValue:[1,"initial-value"],hidden:[4],error:[1],inputMode:[1,"input-mode"],size:[1],margin:[1],errorMessage:[32],internalValue:[32]},void 0,{error:[{updateError:0}],initialValue:[{updateInitialValue:0}],value:[{updateValue:0}]}]);function s(){"undefined"!=typeof customElements&&["text-field","unity-typography"].forEach((t=>{switch(t){case"text-field":customElements.get(n(t))||customElements.define(n(t),o);break;case"unity-typography":customElements.get(n(t))||a()}}))}export{o as T,s as d}
+import{p as t,H as i,c as e,h as p,d as r,t as n}from"./index2.js";import{d as a}from"./unity-typography2.js";const o=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.change=e(this,"change",7),this.errorEvent=e(this,"error",7),this.error="",this.size="normal",this.margin="normal",this.onInput=t=>{if(this.readonly)return void(t.target.value=this.internalValue);const i=t.target.value;if(this.internalValue=i,void 0!==this.value&&(this.value=i),this.errorMessage){const t=this.validateCharacterLength(i);t!==this.errorMessage&&this.setAndDispatchError(t)}},this.onChange=t=>{if(this.readonly)return;const i=t.target.value,e=this.validateCharacterLength(i);this.setAndDispatchError(e||""),this.change.emit(i)}}updateError(){this.errorMessage=this.error}updateInitialValue(){""!==this.internalValue&&void 0!==this.internalValue||(this.internalValue=this.initialValue||"")}updateValue(){void 0!==this.value&&(this.internalValue=this.value)}validateCharacterLength(t){if(!t)return"";const i=t.length;return this.minCharacter&&i<this.minCharacter?`Must be at least ${this.minCharacter} characters`:this.maxCharacter&&i>this.maxCharacter?`Must be no more than ${this.maxCharacter} characters`:""}setAndDispatchError(t){console.log("Setting text field error:",t),this.errorMessage=t,this.errorEvent.emit(t);const i=new CustomEvent("error",{detail:t,bubbles:!0,composed:!0});this.el.dispatchEvent(i)}componentWillLoad(){if(this.error&&(this.errorMessage=this.error),this.internalValue=void 0!==this.value?this.value:this.initialValue||"",this.internalValue){const t=this.validateCharacterLength(this.internalValue);t&&this.setAndDispatchError(t)}}render(){const t=!!this.errorMessage,i={"bx--text-input":!0,"bx--text-input--error":t,"bx--text-input:user-invalid":t,"text-field--disabled":this.disabled};return p(r,{key:"0e61648a88f05d9b76e62872299f16383dc17b1d",class:{"udp-input":!0,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,"udp-input--required":this.required,[`udp-input--size-${this.size}`]:!0,[`udp-input--margin-${this.margin}`]:!0},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},p("div",{key:"8f092d4d310615a0be06e685249ddb2504d37350",class:"bx--form-item"},p("unity-typography",{key:"ddbe63461c2203e6aa76e0ed10b4eb46f821b37e",variant:"caption-text"},p("label",{key:"0f4e4a09000f02befa7ae258230bd2c8bb017bfa",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),p("input",this.hidden?{id:this.id,type:"hidden",value:this.internalValue}:{id:this.id,type:"text",class:Object.assign({},i),placeholder:this.placeholder,value:this.internalValue,required:this.required,disabled:this.disabled,readonly:this.readonly,maxLength:this.maxCharacter,inputMode:this.inputMode,onInput:this.onInput,onChange:this.onChange,udprecordid:"udpRecord-text-field-"+this.id}),t&&p("div",{key:"b98567069ca160eb16a178e2a06ff7220218d377",class:"error-message"},p("unity-typography",{key:"de7b6ee79c664786ebe7f0da985510b981abb0ef",variant:"caption-text",color:"error"},this.errorMessage))))}get el(){return this}static get watchers(){return{error:[{updateError:0}],initialValue:[{updateInitialValue:0}],value:[{updateValue:0}]}}static get style(){return':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}'}},[1,"text-field",{id:[1],label:[1],placeholder:[1],required:[4],readonly:[4],disabled:[4],minCharacter:[2,"min-character"],maxCharacter:[2,"max-character"],value:[1025],initialValue:[1,"initial-value"],hidden:[4],error:[1],inputMode:[1,"input-mode"],size:[1],margin:[1],errorMessage:[32],internalValue:[32]},void 0,{error:[{updateError:0}],initialValue:[{updateInitialValue:0}],value:[{updateValue:0}]}]);function s(){"undefined"!=typeof customElements&&["text-field","unity-typography"].forEach((t=>{switch(t){case"text-field":customElements.get(n(t))||customElements.define(n(t),o);break;case"unity-typography":customElements.get(n(t))||a()}}))}export{o as T,s as d}

package/dist/components/text-input-renderer2.js

@@ -1 +1 @@
-import{p as e,H as t,h as i,t as n}from"./index2.js";import{d as a}from"./numeric-field2.js";import{d as s}from"./unity-typography2.js";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){var e,t;return i("div",{key:"7069fbc53bdff5ef7270a90a348d69b15ca89de1",class:"question-item-text-input-container"},i("div",{key:"55b623efc1d8484d92dfe378d7d3665351c05a38"},i("numeric-field",{key:"45bed192082d29767a79bcc8fd574aed7f890a31",label:"Min Character Length",value:null===(e=this.question.fieldProperties.minCharacter)||void 0===e?void 0:e.toString(),disabled:this.isViewOnly,onChange:e=>{const t=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyMinMaxCharacter")({target:{value:e.detail}},this.formSectionsDraft,this.sIndex,this.qIndex,"minCharacter");this.onFormSectionsDraftChange(t)}})),i("div",{key:"6d30c29d490a40df61e159d2dfea9243de2e2e6c"},i("numeric-field",{key:"af5cec08f6b40169b08c9be7039540d42cfaca3d",label:"Max Character Length",value:null===(t=this.question.fieldProperties.maxCharacter)||void 0===t?void 0:t.toString(),disabled:this.isViewOnly,onChange:e=>{const t=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyMinMaxCharacter")({target:{value:e.detail}},this.formSectionsDraft,this.sIndex,this.qIndex,"maxCharacter");this.onFormSectionsDraftChange(t)}})))}static get style(){return".question-item-text-input-container{display:flex;flex-direction:column;gap:var(--spacing-04, 16px)}.question-item-text-input-container>div{width:100%}"}},[1,"text-input-renderer",{question:[16],isViewOnly:[4,"is-view-only"],formSectionsDraft:[16],sIndex:[2,"s-index"],qIndex:[2,"q-index"],onFormSectionsDraftChange:[16],getHandler:[16]}]);function d(){"undefined"!=typeof customElements&&["text-input-renderer","numeric-field","unity-typography"].forEach((e=>{switch(e){case"text-input-renderer":customElements.get(n(e))||customElements.define(n(e),r);break;case"numeric-field":customElements.get(n(e))||a();break;case"unity-typography":customElements.get(n(e))||s()}}))}export{r as T,d}
+import{p as e,H as t,h as i,t as n}from"./index2.js";import{d as a}from"./numeric-field2.js";import{d as s}from"./unity-typography2.js";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){var e,t;return i("div",{key:"4f03a2283a8dcce19d7cb1de2b8dc4c5815cf44f",class:"question-item-text-input-container"},i("div",{key:"29032bc8962af644b50d07857b7be491e9e24fca"},i("numeric-field",{key:"78b2b837149fae772bc4476770f034dfeb045473",label:"Min Character Length",value:null===(e=this.question.fieldProperties.minCharacter)||void 0===e?void 0:e.toString(),disabled:this.isViewOnly,onChange:e=>{const t=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyMinMaxCharacter")({target:{value:e.detail}},this.formSectionsDraft,this.sIndex,this.qIndex,"minCharacter");this.onFormSectionsDraftChange(t)}})),i("div",{key:"b5efa6ebf6bf17e1ac0b39bcb91dc52b0fe8bd2d"},i("numeric-field",{key:"2f5ff8ac145fc7d3bb5071f9acc9a1847349cc8a",label:"Max Character Length",value:null===(t=this.question.fieldProperties.maxCharacter)||void 0===t?void 0:t.toString(),disabled:this.isViewOnly,onChange:e=>{const t=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyMinMaxCharacter")({target:{value:e.detail}},this.formSectionsDraft,this.sIndex,this.qIndex,"maxCharacter");this.onFormSectionsDraftChange(t)}})))}static get style(){return".question-item-text-input-container{display:flex;flex-direction:column;gap:var(--spacing-04, 16px)}.question-item-text-input-container>div{width:100%}"}},[1,"text-input-renderer",{question:[16],isViewOnly:[4,"is-view-only"],formSectionsDraft:[16],sIndex:[2,"s-index"],qIndex:[2,"q-index"],onFormSectionsDraftChange:[16],getHandler:[16]}]);function c(){"undefined"!=typeof customElements&&["text-input-renderer","numeric-field","unity-typography"].forEach((e=>{switch(e){case"text-input-renderer":customElements.get(n(e))||customElements.define(n(e),r);break;case"numeric-field":customElements.get(n(e))||a();break;case"unity-typography":customElements.get(n(e))||s()}}))}export{r as T,c as d}

package/dist/components/theme-manager.js

@@ -0,0 +1 @@
+import{setTheme as t}from"@fluentui/web-components";import{createDarkTheme as n,createLightTheme as o}from"@fluentui/tokens";function r(t,n,o){const r=t=>{const n=Math.max(0,Math.min(255,Math.round(t))).toString(16);return 1===n.length?"0"+n:n};return`#${r(t)}${r(n)}${r(o)}`}const e={unity:"#0c2f50",sap:"#344861"};let i=e.unity,a="light";function c(){!function(e){const{primaryColor:i,mode:a}=e,c=function(t){const{r:n,g:o,b:e}=function(t){const n=t.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,((t,n,o,r)=>n+n+o+o+r+r)),o=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(n);return o?{r:parseInt(o[1],16),g:parseInt(o[2],16),b:parseInt(o[3],16)}:{r:0,g:0,b:0}}(t),i={};for(let a=1;a<=16;a++){const c=10*a;if(80===c){i[c]=t;continue}let u,f,s;if(c<80){const t=c/80;u=n*t,f=o*t,s=e*t}else{const t=(c-80)/80;u=n+(255-n)*t,f=o+(255-o)*t,s=e+(255-e)*t}i[c]=r(u,f,s)}return i}(i),u="dark"===a?n(c):o(c);t(u),document.documentElement.style.color="var(--colorNeutralForeground1)",document.documentElement.style.backgroundColor="var(--colorNeutralBackground1)"}({primaryColor:i,mode:a})}function u(t){t?"string"==typeof t?(i=e[t],a="light"):(i=t.primaryColor||e.unity,a=t.mode||"light"):(i=e.unity,a="light"),c()}function f(t){if(a=t,c(),"undefined"!=typeof window){const t=new CustomEvent("theme-changed",{detail:{mode:a,primaryColor:i}});window.dispatchEvent(t)}}function s(){return a}export{s as g,u as i,f as s}

package/dist/components/udp-adornment2.js

@@ -1 +1 @@
-import{p as e,H as r,h as t,t as s,d as a}from"./index2.js";const n=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}getColor(){switch(this.status){case"success":return"var(--success-color-main)";case"warning":return"var(--warning-color-main)";case"error":return"var(--error-color-main)";case"info":return"var(--info-color-main)";case"disabled":return"var(--disabled-color-main)";default:return"transparent"}}render(){const e={width:"4px",height:"100%",backgroundColor:this.getColor()};return t(a,{key:"aca718dca2daada5ceb616b8e27fee8f0889bc10",style:e})}static get style(){return":host{display:block}"}},[1,"udp-adornment",{status:[1]}]);function o(){"undefined"!=typeof customElements&&["udp-adornment"].forEach((e=>{"udp-adornment"===e&&(customElements.get(s(e))||customElements.define(s(e),n))}))}export{n as U,o as d}
+import{p as e,H as r,h as t,t as s,d as n}from"./index2.js";const a=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}getColor(){switch(this.status){case"success":return"var(--success-color-main)";case"warning":return"var(--warning-color-main)";case"error":return"var(--error-color-main)";case"info":return"var(--info-color-main)";case"disabled":return"var(--disabled-color-main)";default:return"transparent"}}render(){const e={width:"4px",height:"100%",backgroundColor:this.getColor()};return t(n,{key:"a55659a9e7c8613b2e75946ef6111490bab0e322",style:e})}static get style(){return":host{display:block}"}},[1,"udp-adornment",{status:[1]}]);function o(){"undefined"!=typeof customElements&&["udp-adornment"].forEach((e=>{"udp-adornment"===e&&(customElements.get(s(e))||customElements.define(s(e),a))}))}export{a as U,o as d}

package/dist/components/udp-advanced-search-builder.js

@@ -1,2 +1,2 @@
 import "../stencil-library/stencil-library.css";
-import{p as t,H as e,c as i,h as s,d as o,t as n}from"./index2.js";import{L as r,a}from"./searchObject.js";import{g as l,d as h}from"./filter-group.js";import{d}from"./udp-autocomplete2.js";import{d as u}from"./udp-date-input2.js";import{d as c}from"./udp-date-range-selector2.js";import{d as p}from"./udp-date-time-input2.js";import{d as f}from"./udp-fluent-badge2.js";import{d as m}from"./udp-fluent-button2.js";import{d as b}from"./udp-fluent-dropdown2.js";import{d as v}from"./udp-fluent-icon2.js";import{d as g}from"./udp-fluent-icon-button2.js";import{d as x}from"./udp-fluent-menu2.js";import{d as y}from"./udp-fluent-text-input2.js";import{d as w}from"./udp-popover2.js";import{d as k}from"./udp-spinner2.js";import{d as F}from"./udp-text2.js";import{d as j}from"./udp-time-input2.js";import{d as E}from"./udp-tooltip2.js";import{d as D}from"./validation-chip2.js";import{b as I}from"./catalogTree.js";class O{constructor(t,e){this.scrollContainer=null,this.isDragStarted=!1,this.pendingItem=null,this.pendingLabel="",this.sourceRowEl=null,this.startX=0,this.startY=0,this.currentState={isDragging:!1,dragItem:null,insertionPoint:null},this.sourceOriginalStyle="",this.draggedItemHeight=0,this.ghostOriginalTop=0,this.placeholder=null,this.overlay=null,this.dropTargets=[],this.previousGapEls=[],this.lockedTarget=null,this.lockedPosition="before",this.autoScrollRAF=null,this.hostEl=t,this.callbacks=e,this.boundPointerDown=this.onPointerDown.bind(this),this.boundPointerMove=this.onPointerMove.bind(this),this.boundPointerUp=this.onPointerUp.bind(this),this.boundKeyDown=this.onKeyDown.bind(this),this.boundScroll=this.onScroll.bind(this),this.hostEl.addEventListener("pointerdown",this.boundPointerDown,!0)}destroy(){this.hostEl.removeEventListener("pointerdown",this.boundPointerDown,!0),this.cleanup()}setScrollContainer(t){this.scrollContainer=t}onPointerDown(t){if(0!==t.button)return;const e=t.composedPath(),i=e.find((t=>t instanceof HTMLElement&&t.hasAttribute("data-drag-handle")));if(!i)return;t.preventDefault();const s=i.dataset.dragType,o=i.dataset.dragId;if(!s||!o)return;const n=e.find((t=>t instanceof HTMLElement&&("filter"===s?t.classList.contains("filter-row"):t.classList.contains("group-box")&&!t.classList.contains("root-group"))));this.pendingItem={type:s,id:o},this.pendingLabel=i.dataset.dragLabel||("filter"===s?"Filter":"Group"),this.sourceRowEl=n||null,this.startX=t.clientX,this.startY=t.clientY,this.isDragStarted=!1,document.addEventListener("pointermove",this.boundPointerMove),document.addEventListener("pointerup",this.boundPointerUp),document.addEventListener("keydown",this.boundKeyDown)}onPointerMove(t){const e=t.clientX-this.startX,i=t.clientY-this.startY;if(!this.isDragStarted){if(Math.sqrt(e*e+i*i)<5)return;this.beginDrag()}this.moveOverlay(t.clientX,t.clientY),this.updateInsertionPoint(t.clientY),this.handleAutoScroll(t.clientY)}onPointerUp(){this.isDragStarted&&this.currentState.insertionPoint&&this.currentState.dragItem&&this.callbacks.onDrop(this.currentState.dragItem,this.currentState.insertionPoint),this.cleanup()}onKeyDown(t){"Escape"===t.key&&this.cleanup()}beginDrag(){var t;if(this.isDragStarted=!0,this.sourceRowEl){const e=this.sourceRowEl.getBoundingClientRect();this.draggedItemHeight=e.height,this.ghostOriginalTop=e.top,this.sourceOriginalStyle=this.sourceRowEl.style.cssText,this.placeholder=document.createElement("div"),this.placeholder.style.height=e.height+"px",this.placeholder.style.pointerEvents="none",null===(t=this.sourceRowEl.parentNode)||void 0===t||t.insertBefore(this.placeholder,this.sourceRowEl.nextSibling),this.sourceRowEl.style.position="fixed",this.sourceRowEl.style.top=e.top+"px",this.sourceRowEl.style.left=e.left+"px",this.sourceRowEl.style.width=e.width+"px",this.sourceRowEl.style.height=e.height+"px",this.sourceRowEl.style.zIndex="10000",this.sourceRowEl.style.opacity="0.35",this.sourceRowEl.style.pointerEvents="none",this.sourceRowEl.style.transition="top 80ms ease-out, left 80ms ease-out, width 80ms ease-out",this.sourceRowEl.style.border="1px dashed var(--colorNeutralStroke1, #d1d1d1)",this.sourceRowEl.style.borderRadius="4px",this.sourceRowEl.style.boxSizing="border-box"}this.collectDropTargets(),this.createOverlay(),this.scrollContainer&&this.scrollContainer.addEventListener("scroll",this.boundScroll,{passive:!0}),document.body.style.cursor="grabbing",document.body.style.userSelect="none",this.currentState={isDragging:!0,dragItem:this.pendingItem,insertionPoint:null},this.callbacks.onStateChange(Object.assign({},this.currentState))}cleanup(){this.placeholder&&(this.placeholder.remove(),this.placeholder=null),this.sourceRowEl&&(this.sourceRowEl.style.cssText=this.sourceOriginalStyle,this.sourceRowEl=null),this.overlay&&(this.overlay.remove(),this.overlay=null),this.clearGap(),null!==this.autoScrollRAF&&(cancelAnimationFrame(this.autoScrollRAF),this.autoScrollRAF=null),this.scrollContainer&&this.scrollContainer.removeEventListener("scroll",this.boundScroll),document.body.style.cursor="",document.body.style.userSelect="",document.removeEventListener("pointermove",this.boundPointerMove),document.removeEventListener("pointerup",this.boundPointerUp),document.removeEventListener("keydown",this.boundKeyDown),this.pendingItem=null,this.pendingLabel="",this.isDragStarted=!1,this.dropTargets=[],this.draggedItemHeight=0,this.ghostOriginalTop=0,this.sourceOriginalStyle="",this.lockedTarget=null;const t=this.currentState.isDragging;this.currentState={isDragging:!1,dragItem:null,insertionPoint:null},t&&this.callbacks.onStateChange(Object.assign({},this.currentState))}createOverlay(){var t;this.overlay=document.createElement("div"),this.overlay.className="drag-overlay",this.overlay.textContent=this.pendingLabel,null===(t=this.hostEl.shadowRoot)||void 0===t||t.appendChild(this.overlay)}moveOverlay(t,e){this.overlay&&(this.overlay.style.left=t+12+"px",this.overlay.style.top=e-20+"px")}positionGhost(t,e){if(!this.sourceRowEl)return;const i=this.getGapElement(t,e).getBoundingClientRect();let s;s="before"===e?i.top-this.draggedItemHeight:i.bottom;const o=this.getGhostReferenceRect(t,e);this.sourceRowEl.style.top=s+"px",this.sourceRowEl.style.left=o.left+"px",this.sourceRowEl.style.width=o.width+"px"}getGhostReferenceRect(t,e){if("group"===t.type&&"after"===e){const e=t.element.nextElementSibling;if(e){const t=Array.from(e.querySelectorAll(".filter-row, udp-advanced-search-filter-group"));for(const e of t)if(e!==this.sourceRowEl)return e.getBoundingClientRect();const i=e.querySelector(".add-new-container");if(i)return i.getBoundingClientRect()}}return t.element.getBoundingClientRect()}resetGhostPosition(){this.sourceRowEl&&(this.sourceRowEl.style.top=this.ghostOriginalTop+"px")}getGapElement(t,e){if("filter"===t.type)return t.element;if("after"===e)return t.element;const i=t.element.getRootNode();return i instanceof ShadowRoot&&i.host?i.host:t.element}applyGap(t,e){this.placeholder&&(this.placeholder.style.height="0px");const i=this.getGapElement(t,e);for(const t of this.previousGapEls)t!==i&&(t.style.marginTop="",t.style.marginBottom="");i.style.marginTop="",i.style.marginBottom="","before"===e?i.style.marginTop=this.draggedItemHeight+"px":i.style.marginBottom=this.draggedItemHeight+"px",this.previousGapEls=[i]}clearGap(){for(const t of this.previousGapEls)t.style.marginTop="",t.style.marginBottom="";this.previousGapEls=[],this.placeholder&&(this.placeholder.style.height=this.draggedItemHeight+"px")}collectDropTargets(){var t;this.dropTargets=[];const e=this.pendingItem,i=t=>{const s=t.shadowRoot;if(!s)return;s.querySelectorAll(".filter-row[data-filter-id]").forEach((t=>{const i=t.dataset.filterId;"filter"===(null==e?void 0:e.type)&&e.id===i||this.dropTargets.push({type:"filter",id:i,element:t,rect:t.getBoundingClientRect(),midY:0})}));const o=s.querySelector(".group-box[data-group-id]");if(o&&!o.classList.contains("root-group")){const t=o.dataset.groupId;if("group"!==(null==e?void 0:e.type)||e.id!==t){const e=o.querySelector(":scope > .group-header");e&&this.dropTargets.push({type:"group",id:t,element:e,rect:e.getBoundingClientRect(),midY:0})}}s.querySelectorAll("udp-advanced-search-filter-group").forEach((t=>i(t)))},s=null===(t=this.hostEl.shadowRoot)||void 0===t?void 0:t.querySelector("udp-advanced-search-filter-group");s&&i(s);for(const t of this.dropTargets)t.midY=t.rect.top+t.rect.height/2;this.dropTargets.sort(((t,e)=>t.rect.top-e.rect.top))}updateInsertionPoint(t){var e,i;if(0===this.dropTargets.length)return this.clearGap(),this.resetGhostPosition(),this.lockedTarget=null,void this.commitInsertionPoint(null);let s=null,o="before";for(const e of this.dropTargets){const i=e.element.getBoundingClientRect();if(t>=i.top&&t<=i.bottom){s=e,o=t<i.top+i.height/2?"before":"after";break}}if(!s){const n=null===(e=this.dropTargets[0])||void 0===e?void 0:e.element,r=null===(i=this.dropTargets[this.dropTargets.length-1])||void 0===i?void 0:i.element;if(n&&t<n.getBoundingClientRect().top)s=this.dropTargets[0],o="before";else{if(!(r&&t>r.getBoundingClientRect().bottom))return;s=this.dropTargets[this.dropTargets.length-1],o="after"}}if("before"===o){const t=this.dropTargets.indexOf(s);t>0&&(s=this.dropTargets[t-1],o="after")}if(s===this.lockedTarget&&o===this.lockedPosition)return;const n=this.currentState.dragItem||this.pendingItem;if(this.callbacks.isValidDrop&&n&&!this.callbacks.isValidDrop(n,s.type,s.id))return this.clearGap(),this.resetGhostPosition(),this.lockedTarget=null,void this.commitInsertionPoint(null);this.lockedTarget=s,this.lockedPosition=o,this.applyGap(s,o),this.positionGhost(s,o),this.commitInsertionPoint({position:o,targetId:s.id,targetType:s.type})}commitInsertionPoint(t){const e=this.currentState.insertionPoint;(null==e?void 0:e.position)===(null==t?void 0:t.position)&&(null==e?void 0:e.targetId)===(null==t?void 0:t.targetId)&&(null==e?void 0:e.targetType)===(null==t?void 0:t.targetType)||(this.currentState=Object.assign(Object.assign({},this.currentState),{insertionPoint:t}),this.callbacks.onStateChange(Object.assign({},this.currentState)))}handleAutoScroll(t){if(!this.scrollContainer)return;const e=this.scrollContainer.getBoundingClientRect(),i=t-e.top,s=e.bottom-t;let o=0;if(i>0&&i<50?o=-10*(1-i/50):s>0&&s<50&&(o=10*(1-s/50)),null!==this.autoScrollRAF&&(cancelAnimationFrame(this.autoScrollRAF),this.autoScrollRAF=null),0!==o){const t=()=>{this.scrollContainer&&(this.scrollContainer.scrollTop+=o,this.refreshDropTargetRects(),this.autoScrollRAF=requestAnimationFrame(t))};this.autoScrollRAF=requestAnimationFrame(t)}}onScroll(){this.refreshDropTargetRects()}refreshDropTargetRects(){for(const t of this.dropTargets)t.rect=t.element.getBoundingClientRect(),t.midY=t.rect.top+t.rect.height/2}}const A=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.filterSave=i(this,"filterSave",7),this.searchChange=i(this,"searchChange",7),this.config={},this.maxDepth=2,this.fieldsArray=[],this.openAddMenuForGroupId=null,this.filterString="",this.isExpanded=!0,this.isFilterValid=!0,this.errorMessages=[],this.nextGroupId=1,this.handleSearch=()=>{this.isFilterValid&&this.filterSave?(this.filterSave.emit(this.currentFilterData),this.filterString=(t=>{if(!t||!t.filterGroups||0===t.filterGroups.length)return"";const e=i=>{const s=t.filterGroups.find((t=>t.groupId===i));if(!s)return"";const o=s.logicalSearchOperator===r.AND?"AND":"OR",n=[];return t.filterElements.filter((t=>t.groupId===i)).forEach((t=>{n.push(`[${t.searchField}] ${t.searchOperator} ${"string"==typeof t.searchValue?`"${t.searchValue}"`:t.searchValue}`)})),t.filterGroups.filter((t=>t.parentGroupId===i)).forEach((t=>{const i=e(t.groupId);i&&n.push(`(${i})`)})),n.join(` ${o} `)},i=t.filterGroups.find((t=>null===t.parentGroupId));return i?e(i.groupId):""})(this.currentFilterData),this.config.collapsible&&this.toggleExpanded()):console.warn("Cannot run search: filter is invalid.")},this.toggleExpanded=()=>{this.isExpanded=!this.isExpanded,this.updateHostClasses()},this.handleToggleAddMenu=t=>{const e=t.detail;if(this.openAddMenuForGroupId=this.openAddMenuForGroupId===e?null:e,null!==this.openAddMenuForGroupId){const t=this.animContainerEl;t&&requestAnimationFrame((()=>{t.scrollTop=t.scrollHeight}))}},this.handleDragStateChange=()=>{},this.isValidDragDrop=(t,e,i)=>{if("group"===t.type&&"group"===e){const e=parseInt(t.id,10),s=parseInt(i,10);if(e===s)return!1;if(this.isDescendant(s,e,this.currentFilterData.filterGroups))return!1}if("group"===t.type&&"filter"===e){const e=parseInt(t.id,10),s=this.currentFilterData.filterElements.find((t=>t._id===i));if(s){const t=s.groupId;if(t===e||this.isDescendant(t,e,this.currentFilterData.filterGroups))return!1}}return!0},this.handleDragDrop=(t,e)=>{this.runUpdateCycle((i=>{"filter"===t.type?this.applyFilterDrop(i,t,e):"group"===t.type&&this.applyGroupDrop(i,t,e)}))},this.handleAddFilter=t=>{this.runUpdateCycle((e=>{var i,s;const o=null===(i=this.fieldsArray)||void 0===i?void 0:i[0],n=l(o),r=(null===(s=null==n?void 0:n[0])||void 0===s?void 0:s.value)||"";e.filterElements.push({_id:"filter_"+Math.random(),_type:null==o?void 0:o.type,groupId:t,searchField:null==o?void 0:o.name,searchOperator:r,searchValue:""})})),this.openAddMenuForGroupId=null},this.handleAddGroup=t=>{this.runUpdateCycle((e=>{e.filterGroups.push({groupId:this.nextGroupId++,parentGroupId:t,logicalSearchOperator:r.AND})})),this.openAddMenuForGroupId=null},this.handleRemoveFilter=t=>{this.runUpdateCycle((e=>{const i=e.filterElements.findIndex((e=>e._id===t));i>-1&&e.filterElements.splice(i,1)}))},this.handleRemoveGroup=t=>{this.runUpdateCycle((e=>{const i=t=>{const s=e.filterGroups.filter((e=>e.parentGroupId===t));let o=s.map((t=>t.groupId));return s.forEach((t=>{o=[...o,...i(t.groupId)]})),o},s=[t,...i(t)];e.filterGroups=e.filterGroups.filter((t=>!s.includes(t.groupId))),e.filterElements=e.filterElements.filter((t=>!s.includes(t.groupId)))}))},this.handleFilterChange=t=>{const{filterId:e,field:i,value:s,updates:o}=t.detail;this.runUpdateCycle((t=>{const n=t.filterElements.find((t=>t._id===e));n&&(o?Object.assign(n,o):n[i]=s)}))},this.handleDepthChange=t=>{const e=t.detail;"number"==typeof e&&e!==this.currentMaxDepth&&(this.currentMaxDepth=e,this.buildFieldTree())},this.handleGroupChange=t=>{const{groupId:e,logicalSearchOperator:i}=t.detail;this.runUpdateCycle((t=>{const s=t.filterGroups.find((t=>t.groupId===e));s&&(s.logicalSearchOperator=i)}))}}buildFieldTree(){if(this.entityName&&this.catalogObjectList){const t=(t=>{if(!t)return"";const e=t.split(".");return e[e.length-1]})(this.entityName),e=t[0].toUpperCase()+t.slice(1);this.fieldsArray=I(this.catalogObjectList,e,this.currentMaxDepth)}}rebuildFieldTree(){this.buildFieldTree()}syncMaxDepth(t){this.currentMaxDepth=t,this.buildFieldTree()}syncInitialFilterData(t){this.currentFilterData=this.getNormalizedData(t),this.updateNextGroupId(this.currentFilterData)}componentWillLoad(){this.currentMaxDepth=this.maxDepth,this.buildFieldTree(),this.currentFilterData=this.getNormalizedData(this.initialFilterData),this.updateNextGroupId(this.currentFilterData)}componentDidLoad(){this.updateHostClasses(),this.dragManager=new O(this.el,{onStateChange:this.handleDragStateChange,onDrop:this.handleDragDrop,isValidDrop:this.isValidDragDrop}),this.animContainerEl&&this.dragManager.setScrollContainer(this.animContainerEl)}disconnectedCallback(){var t;null===(t=this.dragManager)||void 0===t||t.destroy()}async addFilterElement(t,e){var i,s,o,n;console.log("[addFilterElement] fieldName:",t,"fieldType:",e),console.log("[addFilterElement] fieldsArray names:",this.fieldsArray.map((t=>{var e;return{name:t.name,type:t.type,children:null===(e=t.childFields)||void 0===e?void 0:e.map((t=>t.name))}})));const r=new Set(["object","array"]),a=this.fieldsArray.find((e=>e.name===t));console.log("[addFilterElement] matchedField:",null!==(i=null==a?void 0:a.name)&&void 0!==i?i:"NONE");const h=null!==(o=null!==(s=null==a?void 0:a.type)&&void 0!==s?s:null==e?void 0:e.toLowerCase())&&void 0!==o?o:"string";if(r.has(h))return;const d=l(null!=a?a:{type:h}),u=(null===(n=null==d?void 0:d[0])||void 0===n?void 0:n.value)||"=",c=this.currentFilterData.filterGroups.find((t=>null===t.parentGroupId));this.runUpdateCycle((e=>{var i;e.filterElements.push({_id:"filter_"+Math.random(),_type:h,groupId:null!==(i=null==c?void 0:c.groupId)&&void 0!==i?i:1,searchField:t,searchOperator:u,searchValue:""})}))}updateHostClasses(){this.isExpanded?(this.el.classList.add("host-expanded"),this.el.classList.remove("host-collapsed")):(this.el.classList.add("host-collapsed"),this.el.classList.remove("host-expanded"),this.el.style.height=null)}updateNextGroupId(t){this.nextGroupId=t&&t.filterGroups.length>0?Math.max(...t.filterGroups.map((t=>t.groupId)))+1:2}verifyFilterState(t){const e=[],i=/^[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12}$/;for(const i of t.filterGroups)t.filterElements.some((t=>t.groupId===i.groupId))||e.push((null===i.parentGroupId?"Root group":"A group")+" has no filters. Add a filter or remove the group.");return t.filterElements.forEach((t=>{delete t._error;const s=!t.searchValue,o=t.searchOperator===a.NULL||t.searchOperator===a.NOT_NULL;if(null==t.searchField||""===t.searchField){const i="Search Field cannot be empty.";t._error=i,e.push(i)}else if(t.searchOperator===a.BETWEEN){const i=(t.searchValue||"").split(",");if(2!==i.length||!i[0]||!i[1]){const i=`Two values required when using BETWEEN operator for field "${t.searchField}".`;t._error=i,e.push(i)}}else if(s&&!o){const i=`Value cannot be empty for field "${t.searchField}".`;t._error=i,e.push(i)}else if("guid"===t._type&&!s&&!i.test(t.searchValue)){const i=`Invalid GUID for field "${t.searchField}".`;t._error=i,e.push(i)}})),{isValid:0===e.length,errors:e}}getNormalizedData(t){var e,i;if(t&&(null===(e=t.filterGroups)||void 0===e?void 0:e.length)>0)return t;if(t&&(null===(i=t.filterElements)||void 0===i?void 0:i.length)>0){const e=1;return Object.assign(Object.assign({},t),{filterGroups:[{groupId:e,parentGroupId:null,logicalSearchOperator:t.logicalSearchOperator||r.AND}],filterElements:t.filterElements.map((t=>Object.assign(Object.assign({},t),{groupId:e})))})}return Object.assign(Object.assign({},t),{logicalSearchOperator:r.AND,filterGroups:[{groupId:1,parentGroupId:null,logicalSearchOperator:r.AND}],filterElements:[]})}runUpdateCycle(t){const e=JSON.parse(JSON.stringify(this.currentFilterData));t(e),this.currentFilterData=e;const i=this.verifyFilterState(e);this.isFilterValid=i.isValid,this.errorMessages=i.errors,this.searchChange.emit(e)}applyFilterDrop(t,e,i){const s=t.filterElements.find((t=>t._id===e.id));if(!s)return;const o=t.filterElements.indexOf(s);if(t.filterElements.splice(o,1),"filter"===i.targetType){const e=t.filterElements.find((t=>t._id===i.targetId));if(!e)return void t.filterElements.push(s);s.groupId=e.groupId;const o=t.filterElements.indexOf(e);t.filterElements.splice("before"===i.position?o:o+1,0,s)}else{const e=parseInt(i.targetId,10),o=t.filterGroups.find((t=>t.groupId===e));s.groupId="before"===i.position&&null!=(null==o?void 0:o.parentGroupId)?o.parentGroupId:e,t.filterElements.push(s)}}applyGroupDrop(t,e,i){const s=parseInt(e.id,10),o=t.filterGroups.find((t=>t.groupId===s));if(o)if("group"===i.targetType){const e=parseInt(i.targetId,10);if(this.isDescendant(e,s,t.filterGroups))return;if(s===e)return;const n=t.filterGroups.find((t=>t.groupId===e));if(!n)return;o.parentGroupId="before"===i.position?n.parentGroupId:e;const r=t.filterGroups.indexOf(o);t.filterGroups.splice(r,1);const a=t.filterGroups.indexOf(n);t.filterGroups.splice("before"===i.position?a:a+1,0,o)}else if("filter"===i.targetType){const e=t.filterElements.find((t=>t._id===i.targetId));e&&(o.parentGroupId=e.groupId)}}isDescendant(t,e,i){let s=i.find((e=>e.groupId===t));for(;s&&null!==s.parentGroupId;){if(s.parentGroupId===e)return!0;s=i.find((t=>t.groupId===s.parentGroupId))}return!1}render(){const t=this.currentFilterData.filterGroups.find((t=>null===t.parentGroupId)),e=!0===this.config.collapsible,i=!1!==this.config.resizable,n=!1!==this.config.showFooter,r={"advanced-filter-container":!0,"is-expanded":this.isExpanded},a={};return this.isExpanded&&this.config.height&&(a.height=this.config.height),s(o,{key:"e08370213e684a3ebed9605b0167010964b03c2a",style:a,class:{"is-resizable":i,"host-expanded":this.isExpanded,"host-collapsed":!this.isExpanded}},s("div",{key:"cec9d9109278df5211e3da4c98aa34f354c7a26a",class:r},e&&s("div",{key:"381f3c02bcbf40aae3db6e7a99803dfe5a0759db",class:"collapsed-view"},s("udp-fluent-text-input",{key:"94c6f902eba20017d3de1c269acb64c7c70d00bf",value:this.filterString,readonly:!0,appearance:"filled-darker",includeErrorPadding:!1,class:"string-display-input"}),s("udp-fluent-button",{key:"94292e13802f60bf7568a3dce0ea28875bacc7df",class:"toggle-button",size:"small",appearance:"transparent",onClick:this.toggleExpanded},s("span",{key:"d1192c982762cb18aad810d435b60271b9486cbb"},this.isExpanded?"Collapse":"Expand"),s("svg",{key:"dd08e210edb45c356190cbd9bb10e8ccaaa6fc36",class:"toggle-icon",viewBox:"0 0 16 16",slot:"end"},s("path",{key:"d946c26d8719e03cd7e21123b471545564df7f76",d:"M4 6L8 10L12 6",stroke:"currentColor","stroke-width":"2"})))),s("div",{key:"6d6771073bed1c5cc5325da92f9eb736d54d2425",class:"anim-container",ref:t=>this.animContainerEl=t},s("div",{key:"b8335dfd2f4a6c6a00f989a00b69af1b93ba1907",class:"content-wrapper"},(this.isExpanded||!e)&&t&&s("udp-advanced-search-filter-group",{key:t.groupId,groupId:t.groupId,filterData:this.currentFilterData,fields:this.fieldsArray,isRoot:!0,isFilterValid:this.isFilterValid,errorMessages:this.errorMessages,maxDepth:this.currentMaxDepth,onAddFilter:t=>this.handleAddFilter(t.detail),onAddGroup:t=>this.handleAddGroup(t.detail),onRemoveFilter:t=>this.handleRemoveFilter(t.detail),onRemoveGroup:t=>this.handleRemoveGroup(t.detail),onFilterChange:this.handleFilterChange,onGroupChange:this.handleGroupChange,onDepthChange:this.handleDepthChange,openAddMenuForGroupId:this.openAddMenuForGroupId,onToggleAddMenu:this.handleToggleAddMenu}))),n&&s("div",{key:"be5d0210862e2a6ef50c4c34e92baac3d7342719",class:"advanced-filter-footer"},s("validation-chip",{key:"d25fd6065f9c7cf9b9879b280738aab85d175344",isValid:this.isFilterValid,errorMessages:this.errorMessages}),s("udp-fluent-button",{key:"bcfb6f8f90c3167aac8ebfdd990a2c145012fb50",disabled:!this.isFilterValid,onClick:this.handleSearch,appearance:"primary"},"Search"))))}get el(){return this}static get watchers(){return{entityName:[{rebuildFieldTree:0}],catalogObjectList:[{rebuildFieldTree:0}],maxDepth:[{syncMaxDepth:0}],initialFilterData:[{syncInitialFilterData:0}]}}static get style(){return":host{display:flex;flex-direction:column;font-family:sans-serif;box-sizing:border-box;overflow:visible}:host(.host-collapsed){resize:none;height:auto}:host(.host-expanded){overflow-y:auto}:host(.is-resizable.host-expanded){resize:vertical;min-height:180px;max-height:80vh;overflow:auto}.advanced-filter-container{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.collapsed-view{display:flex;align-items:center;gap:0.5rem;padding:10px;border-bottom:1px solid #eee}.anim-container{flex-grow:1;overflow-y:auto;overflow-x:auto;display:flex}.content-wrapper{padding-bottom:15px;flex-grow:1}.advanced-filter-footer{display:flex;justify-content:flex-end;border-top:1px solid #eee;padding:10px;flex-shrink:0;gap:10px;align-items:center}.string-display-input{width:100%}.search-button{opacity:0;transform:scale(0.95);pointer-events:none;margin-right:10px}.advanced-filter-container.is-expanded .anim-container{overflow-y:auto;min-height:130px}.advanced-filter-container.is-expanded .collapsed-view{display:none}.advanced-filter-container.is-expanded .search-button{opacity:1;transform:scale(1);pointer-events:auto}.advanced-filter-container:not(.is-expanded) .anim-container{max-height:0;min-height:0;overflow:hidden}.advanced-filter-container:not(.is-expanded) .advanced-filter-footer{opacity:0;height:0;padding:0;border:none;pointer-events:none;overflow:hidden}.drag-overlay{position:fixed;pointer-events:none;z-index:10001;background:var(--colorNeutralBackground1, #ffffff);border:1px solid var(--colorNeutralStroke1, #d1d1d1);border-radius:4px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.12);opacity:0.92;padding:0 12px;height:32px;line-height:32px;font-size:13px;font-family:var(--fontFamilyBase, 'Segoe UI', sans-serif);color:var(--colorNeutralForeground1, #242424);white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}"}},[1,"udp-advanced-search-builder",{catalogObjectList:[16],entityName:[1,"entity-name"],initialFilterData:[16],config:[16],maxDepth:[2,"max-depth"],fieldsArray:[32],openAddMenuForGroupId:[32],filterString:[32],isExpanded:[32],currentFilterData:[32],isFilterValid:[32],errorMessages:[32],currentMaxDepth:[32],addFilterElement:[64]},void 0,{entityName:[{rebuildFieldTree:0}],catalogObjectList:[{rebuildFieldTree:0}],maxDepth:[{syncMaxDepth:0}],initialFilterData:[{syncInitialFilterData:0}]}]),S=A,G=function(){"undefined"!=typeof customElements&&["udp-advanced-search-builder","udp-advanced-search-filter-group","udp-autocomplete","udp-date-input","udp-date-range-selector","udp-date-time-input","udp-fluent-badge","udp-fluent-button","udp-fluent-dropdown","udp-fluent-icon","udp-fluent-icon-button","udp-fluent-menu","udp-fluent-text-input","udp-popover","udp-spinner","udp-text","udp-time-input","udp-tooltip","validation-chip"].forEach((t=>{switch(t){case"udp-advanced-search-builder":customElements.get(n(t))||customElements.define(n(t),A);break;case"udp-advanced-search-filter-group":customElements.get(n(t))||h();break;case"udp-autocomplete":customElements.get(n(t))||d();break;case"udp-date-input":customElements.get(n(t))||u();break;case"udp-date-range-selector":customElements.get(n(t))||c();break;case"udp-date-time-input":customElements.get(n(t))||p();break;case"udp-fluent-badge":customElements.get(n(t))||f();break;case"udp-fluent-button":customElements.get(n(t))||m();break;case"udp-fluent-dropdown":customElements.get(n(t))||b();break;case"udp-fluent-icon":customElements.get(n(t))||v();break;case"udp-fluent-icon-button":customElements.get(n(t))||g();break;case"udp-fluent-menu":customElements.get(n(t))||x();break;case"udp-fluent-text-input":customElements.get(n(t))||y();break;case"udp-popover":customElements.get(n(t))||w();break;case"udp-spinner":customElements.get(n(t))||k();break;case"udp-text":customElements.get(n(t))||F();break;case"udp-time-input":customElements.get(n(t))||j();break;case"udp-tooltip":customElements.get(n(t))||E();break;case"validation-chip":customElements.get(n(t))||D()}}))};export{S as UdpAdvancedSearchBuilder,G as defineCustomElement}
+import{p as t,H as e,c as i,h as s,d as o,t as n}from"./index2.js";import{L as r,a}from"./searchObject.js";import{g as l,d as h}from"./filter-group.js";import{d}from"./udp-autocomplete2.js";import{d as u}from"./udp-date-input2.js";import{d as c}from"./udp-date-range-selector2.js";import{d as p}from"./udp-date-time-input2.js";import{d as f}from"./udp-fluent-badge2.js";import{d as m}from"./udp-fluent-button2.js";import{d as b}from"./udp-fluent-dropdown2.js";import{d as v}from"./udp-fluent-icon2.js";import{d as g}from"./udp-fluent-icon-button2.js";import{d as x}from"./udp-fluent-menu2.js";import{d as y}from"./udp-fluent-text-input2.js";import{d as w}from"./udp-popover2.js";import{d as k}from"./udp-spinner2.js";import{d as F}from"./udp-text2.js";import{d as j}from"./udp-time-input2.js";import{d as E}from"./udp-tooltip2.js";import{d as D}from"./validation-chip2.js";import{b as I}from"./catalogTree.js";class O{constructor(t,e){this.scrollContainer=null,this.isDragStarted=!1,this.pendingItem=null,this.pendingLabel="",this.sourceRowEl=null,this.startX=0,this.startY=0,this.currentState={isDragging:!1,dragItem:null,insertionPoint:null},this.sourceOriginalStyle="",this.draggedItemHeight=0,this.ghostOriginalTop=0,this.placeholder=null,this.overlay=null,this.dropTargets=[],this.previousGapEls=[],this.lockedTarget=null,this.lockedPosition="before",this.autoScrollRAF=null,this.hostEl=t,this.callbacks=e,this.boundPointerDown=this.onPointerDown.bind(this),this.boundPointerMove=this.onPointerMove.bind(this),this.boundPointerUp=this.onPointerUp.bind(this),this.boundKeyDown=this.onKeyDown.bind(this),this.boundScroll=this.onScroll.bind(this),this.hostEl.addEventListener("pointerdown",this.boundPointerDown,!0)}destroy(){this.hostEl.removeEventListener("pointerdown",this.boundPointerDown,!0),this.cleanup()}setScrollContainer(t){this.scrollContainer=t}onPointerDown(t){if(0!==t.button)return;const e=t.composedPath(),i=e.find((t=>t instanceof HTMLElement&&t.hasAttribute("data-drag-handle")));if(!i)return;t.preventDefault();const s=i.dataset.dragType,o=i.dataset.dragId;if(!s||!o)return;const n=e.find((t=>t instanceof HTMLElement&&("filter"===s?t.classList.contains("filter-row"):t.classList.contains("group-box")&&!t.classList.contains("root-group"))));this.pendingItem={type:s,id:o},this.pendingLabel=i.dataset.dragLabel||("filter"===s?"Filter":"Group"),this.sourceRowEl=n||null,this.startX=t.clientX,this.startY=t.clientY,this.isDragStarted=!1,document.addEventListener("pointermove",this.boundPointerMove),document.addEventListener("pointerup",this.boundPointerUp),document.addEventListener("keydown",this.boundKeyDown)}onPointerMove(t){const e=t.clientX-this.startX,i=t.clientY-this.startY;if(!this.isDragStarted){if(Math.sqrt(e*e+i*i)<5)return;this.beginDrag()}this.moveOverlay(t.clientX,t.clientY),this.updateInsertionPoint(t.clientY),this.handleAutoScroll(t.clientY)}onPointerUp(){this.isDragStarted&&this.currentState.insertionPoint&&this.currentState.dragItem&&this.callbacks.onDrop(this.currentState.dragItem,this.currentState.insertionPoint),this.cleanup()}onKeyDown(t){"Escape"===t.key&&this.cleanup()}beginDrag(){var t;if(this.isDragStarted=!0,this.sourceRowEl){const e=this.sourceRowEl.getBoundingClientRect();this.draggedItemHeight=e.height,this.ghostOriginalTop=e.top,this.sourceOriginalStyle=this.sourceRowEl.style.cssText,this.placeholder=document.createElement("div"),this.placeholder.style.height=e.height+"px",this.placeholder.style.pointerEvents="none",null===(t=this.sourceRowEl.parentNode)||void 0===t||t.insertBefore(this.placeholder,this.sourceRowEl.nextSibling),this.sourceRowEl.style.position="fixed",this.sourceRowEl.style.top=e.top+"px",this.sourceRowEl.style.left=e.left+"px",this.sourceRowEl.style.width=e.width+"px",this.sourceRowEl.style.height=e.height+"px",this.sourceRowEl.style.zIndex="10000",this.sourceRowEl.style.opacity="0.35",this.sourceRowEl.style.pointerEvents="none",this.sourceRowEl.style.transition="top 80ms ease-out, left 80ms ease-out, width 80ms ease-out",this.sourceRowEl.style.border="1px dashed var(--colorNeutralStroke1, #d1d1d1)",this.sourceRowEl.style.borderRadius="4px",this.sourceRowEl.style.boxSizing="border-box"}this.collectDropTargets(),this.createOverlay(),this.scrollContainer&&this.scrollContainer.addEventListener("scroll",this.boundScroll,{passive:!0}),document.body.style.cursor="grabbing",document.body.style.userSelect="none",this.currentState={isDragging:!0,dragItem:this.pendingItem,insertionPoint:null},this.callbacks.onStateChange(Object.assign({},this.currentState))}cleanup(){this.placeholder&&(this.placeholder.remove(),this.placeholder=null),this.sourceRowEl&&(this.sourceRowEl.style.cssText=this.sourceOriginalStyle,this.sourceRowEl=null),this.overlay&&(this.overlay.remove(),this.overlay=null),this.clearGap(),null!==this.autoScrollRAF&&(cancelAnimationFrame(this.autoScrollRAF),this.autoScrollRAF=null),this.scrollContainer&&this.scrollContainer.removeEventListener("scroll",this.boundScroll),document.body.style.cursor="",document.body.style.userSelect="",document.removeEventListener("pointermove",this.boundPointerMove),document.removeEventListener("pointerup",this.boundPointerUp),document.removeEventListener("keydown",this.boundKeyDown),this.pendingItem=null,this.pendingLabel="",this.isDragStarted=!1,this.dropTargets=[],this.draggedItemHeight=0,this.ghostOriginalTop=0,this.sourceOriginalStyle="",this.lockedTarget=null;const t=this.currentState.isDragging;this.currentState={isDragging:!1,dragItem:null,insertionPoint:null},t&&this.callbacks.onStateChange(Object.assign({},this.currentState))}createOverlay(){var t;this.overlay=document.createElement("div"),this.overlay.className="drag-overlay",this.overlay.textContent=this.pendingLabel,null===(t=this.hostEl.shadowRoot)||void 0===t||t.appendChild(this.overlay)}moveOverlay(t,e){this.overlay&&(this.overlay.style.left=t+12+"px",this.overlay.style.top=e-20+"px")}positionGhost(t,e){if(!this.sourceRowEl)return;const i=this.getGapElement(t,e).getBoundingClientRect();let s;s="before"===e?i.top-this.draggedItemHeight:i.bottom;const o=this.getGhostReferenceRect(t,e);this.sourceRowEl.style.top=s+"px",this.sourceRowEl.style.left=o.left+"px",this.sourceRowEl.style.width=o.width+"px"}getGhostReferenceRect(t,e){if("group"===t.type&&"after"===e){const e=t.element.nextElementSibling;if(e){const t=Array.from(e.querySelectorAll(".filter-row, udp-advanced-search-filter-group"));for(const e of t)if(e!==this.sourceRowEl)return e.getBoundingClientRect();const i=e.querySelector(".add-new-container");if(i)return i.getBoundingClientRect()}}return t.element.getBoundingClientRect()}resetGhostPosition(){this.sourceRowEl&&(this.sourceRowEl.style.top=this.ghostOriginalTop+"px")}getGapElement(t,e){if("filter"===t.type)return t.element;if("after"===e)return t.element;const i=t.element.getRootNode();return i instanceof ShadowRoot&&i.host?i.host:t.element}applyGap(t,e){this.placeholder&&(this.placeholder.style.height="0px");const i=this.getGapElement(t,e);for(const t of this.previousGapEls)t!==i&&(t.style.marginTop="",t.style.marginBottom="");i.style.marginTop="",i.style.marginBottom="","before"===e?i.style.marginTop=this.draggedItemHeight+"px":i.style.marginBottom=this.draggedItemHeight+"px",this.previousGapEls=[i]}clearGap(){for(const t of this.previousGapEls)t.style.marginTop="",t.style.marginBottom="";this.previousGapEls=[],this.placeholder&&(this.placeholder.style.height=this.draggedItemHeight+"px")}collectDropTargets(){var t;this.dropTargets=[];const e=this.pendingItem,i=t=>{const s=t.shadowRoot;if(!s)return;s.querySelectorAll(".filter-row[data-filter-id]").forEach((t=>{const i=t.dataset.filterId;"filter"===(null==e?void 0:e.type)&&e.id===i||this.dropTargets.push({type:"filter",id:i,element:t,rect:t.getBoundingClientRect(),midY:0})}));const o=s.querySelector(".group-box[data-group-id]");if(o&&!o.classList.contains("root-group")){const t=o.dataset.groupId;if("group"!==(null==e?void 0:e.type)||e.id!==t){const e=o.querySelector(":scope > .group-header");e&&this.dropTargets.push({type:"group",id:t,element:e,rect:e.getBoundingClientRect(),midY:0})}}s.querySelectorAll("udp-advanced-search-filter-group").forEach((t=>i(t)))},s=null===(t=this.hostEl.shadowRoot)||void 0===t?void 0:t.querySelector("udp-advanced-search-filter-group");s&&i(s);for(const t of this.dropTargets)t.midY=t.rect.top+t.rect.height/2;this.dropTargets.sort(((t,e)=>t.rect.top-e.rect.top))}updateInsertionPoint(t){var e,i;if(0===this.dropTargets.length)return this.clearGap(),this.resetGhostPosition(),this.lockedTarget=null,void this.commitInsertionPoint(null);let s=null,o="before";for(const e of this.dropTargets){const i=e.element.getBoundingClientRect();if(t>=i.top&&t<=i.bottom){s=e,o=t<i.top+i.height/2?"before":"after";break}}if(!s){const n=null===(e=this.dropTargets[0])||void 0===e?void 0:e.element,r=null===(i=this.dropTargets[this.dropTargets.length-1])||void 0===i?void 0:i.element;if(n&&t<n.getBoundingClientRect().top)s=this.dropTargets[0],o="before";else{if(!(r&&t>r.getBoundingClientRect().bottom))return;s=this.dropTargets[this.dropTargets.length-1],o="after"}}if("before"===o){const t=this.dropTargets.indexOf(s);t>0&&(s=this.dropTargets[t-1],o="after")}if(s===this.lockedTarget&&o===this.lockedPosition)return;const n=this.currentState.dragItem||this.pendingItem;if(this.callbacks.isValidDrop&&n&&!this.callbacks.isValidDrop(n,s.type,s.id))return this.clearGap(),this.resetGhostPosition(),this.lockedTarget=null,void this.commitInsertionPoint(null);this.lockedTarget=s,this.lockedPosition=o,this.applyGap(s,o),this.positionGhost(s,o),this.commitInsertionPoint({position:o,targetId:s.id,targetType:s.type})}commitInsertionPoint(t){const e=this.currentState.insertionPoint;(null==e?void 0:e.position)===(null==t?void 0:t.position)&&(null==e?void 0:e.targetId)===(null==t?void 0:t.targetId)&&(null==e?void 0:e.targetType)===(null==t?void 0:t.targetType)||(this.currentState=Object.assign(Object.assign({},this.currentState),{insertionPoint:t}),this.callbacks.onStateChange(Object.assign({},this.currentState)))}handleAutoScroll(t){if(!this.scrollContainer)return;const e=this.scrollContainer.getBoundingClientRect(),i=t-e.top,s=e.bottom-t;let o=0;if(i>0&&i<50?o=-10*(1-i/50):s>0&&s<50&&(o=10*(1-s/50)),null!==this.autoScrollRAF&&(cancelAnimationFrame(this.autoScrollRAF),this.autoScrollRAF=null),0!==o){const t=()=>{this.scrollContainer&&(this.scrollContainer.scrollTop+=o,this.refreshDropTargetRects(),this.autoScrollRAF=requestAnimationFrame(t))};this.autoScrollRAF=requestAnimationFrame(t)}}onScroll(){this.refreshDropTargetRects()}refreshDropTargetRects(){for(const t of this.dropTargets)t.rect=t.element.getBoundingClientRect(),t.midY=t.rect.top+t.rect.height/2}}const A=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.filterSave=i(this,"filterSave",7),this.searchChange=i(this,"searchChange",7),this.config={},this.maxDepth=2,this.fieldsArray=[],this.openAddMenuForGroupId=null,this.filterString="",this.isExpanded=!0,this.isFilterValid=!0,this.errorMessages=[],this.nextGroupId=1,this.handleSearch=()=>{this.isFilterValid&&this.filterSave?(this.filterSave.emit(this.currentFilterData),this.filterString=(t=>{if(!t||!t.filterGroups||0===t.filterGroups.length)return"";const e=i=>{const s=t.filterGroups.find((t=>t.groupId===i));if(!s)return"";const o=s.logicalSearchOperator===r.AND?"AND":"OR",n=[];return t.filterElements.filter((t=>t.groupId===i)).forEach((t=>{n.push(`[${t.searchField}] ${t.searchOperator} ${"string"==typeof t.searchValue?`"${t.searchValue}"`:t.searchValue}`)})),t.filterGroups.filter((t=>t.parentGroupId===i)).forEach((t=>{const i=e(t.groupId);i&&n.push(`(${i})`)})),n.join(` ${o} `)},i=t.filterGroups.find((t=>null===t.parentGroupId));return i?e(i.groupId):""})(this.currentFilterData),this.config.collapsible&&this.toggleExpanded()):console.warn("Cannot run search: filter is invalid.")},this.toggleExpanded=()=>{this.isExpanded=!this.isExpanded,this.updateHostClasses()},this.handleToggleAddMenu=t=>{const e=t.detail;if(this.openAddMenuForGroupId=this.openAddMenuForGroupId===e?null:e,null!==this.openAddMenuForGroupId){const t=this.animContainerEl;t&&requestAnimationFrame((()=>{t.scrollTop=t.scrollHeight}))}},this.handleDragStateChange=()=>{},this.isValidDragDrop=(t,e,i)=>{if("group"===t.type&&"group"===e){const e=parseInt(t.id,10),s=parseInt(i,10);if(e===s)return!1;if(this.isDescendant(s,e,this.currentFilterData.filterGroups))return!1}if("group"===t.type&&"filter"===e){const e=parseInt(t.id,10),s=this.currentFilterData.filterElements.find((t=>t._id===i));if(s){const t=s.groupId;if(t===e||this.isDescendant(t,e,this.currentFilterData.filterGroups))return!1}}return!0},this.handleDragDrop=(t,e)=>{this.runUpdateCycle((i=>{"filter"===t.type?this.applyFilterDrop(i,t,e):"group"===t.type&&this.applyGroupDrop(i,t,e)}))},this.handleAddFilter=t=>{this.runUpdateCycle((e=>{var i,s;const o=null===(i=this.fieldsArray)||void 0===i?void 0:i[0],n=l(o),r=(null===(s=null==n?void 0:n[0])||void 0===s?void 0:s.value)||"";e.filterElements.push({_id:"filter_"+Math.random(),_type:null==o?void 0:o.type,groupId:t,searchField:null==o?void 0:o.name,searchOperator:r,searchValue:""})})),this.openAddMenuForGroupId=null},this.handleAddGroup=t=>{this.runUpdateCycle((e=>{e.filterGroups.push({groupId:this.nextGroupId++,parentGroupId:t,logicalSearchOperator:r.AND})})),this.openAddMenuForGroupId=null},this.handleRemoveFilter=t=>{this.runUpdateCycle((e=>{const i=e.filterElements.findIndex((e=>e._id===t));i>-1&&e.filterElements.splice(i,1)}))},this.handleRemoveGroup=t=>{this.runUpdateCycle((e=>{const i=t=>{const s=e.filterGroups.filter((e=>e.parentGroupId===t));let o=s.map((t=>t.groupId));return s.forEach((t=>{o=[...o,...i(t.groupId)]})),o},s=[t,...i(t)];e.filterGroups=e.filterGroups.filter((t=>!s.includes(t.groupId))),e.filterElements=e.filterElements.filter((t=>!s.includes(t.groupId)))}))},this.handleFilterChange=t=>{const{filterId:e,field:i,value:s,updates:o}=t.detail;this.runUpdateCycle((t=>{const n=t.filterElements.find((t=>t._id===e));n&&(o?Object.assign(n,o):n[i]=s)}))},this.handleDepthChange=t=>{const e=t.detail;"number"==typeof e&&e!==this.currentMaxDepth&&(this.currentMaxDepth=e,this.buildFieldTree())},this.handleGroupChange=t=>{const{groupId:e,logicalSearchOperator:i}=t.detail;this.runUpdateCycle((t=>{const s=t.filterGroups.find((t=>t.groupId===e));s&&(s.logicalSearchOperator=i)}))}}buildFieldTree(){if(this.entityName&&this.catalogObjectList){const t=(t=>{if(!t)return"";const e=t.split(".");return e[e.length-1]})(this.entityName),e=t[0].toUpperCase()+t.slice(1);this.fieldsArray=I(this.catalogObjectList,e,this.currentMaxDepth)}}rebuildFieldTree(){this.buildFieldTree()}syncMaxDepth(t){this.currentMaxDepth=t,this.buildFieldTree()}syncInitialFilterData(t){this.currentFilterData=this.getNormalizedData(t),this.updateNextGroupId(this.currentFilterData)}componentWillLoad(){this.currentMaxDepth=this.maxDepth,this.buildFieldTree(),this.currentFilterData=this.getNormalizedData(this.initialFilterData),this.updateNextGroupId(this.currentFilterData)}componentDidLoad(){this.updateHostClasses(),this.dragManager=new O(this.el,{onStateChange:this.handleDragStateChange,onDrop:this.handleDragDrop,isValidDrop:this.isValidDragDrop}),this.animContainerEl&&this.dragManager.setScrollContainer(this.animContainerEl)}disconnectedCallback(){var t;null===(t=this.dragManager)||void 0===t||t.destroy()}async addFilterElement(t,e){var i,s,o,n;console.log("[addFilterElement] fieldName:",t,"fieldType:",e),console.log("[addFilterElement] fieldsArray names:",this.fieldsArray.map((t=>{var e;return{name:t.name,type:t.type,children:null===(e=t.childFields)||void 0===e?void 0:e.map((t=>t.name))}})));const r=new Set(["object","array"]),a=this.fieldsArray.find((e=>e.name===t));console.log("[addFilterElement] matchedField:",null!==(i=null==a?void 0:a.name)&&void 0!==i?i:"NONE");const h=null!==(o=null!==(s=null==a?void 0:a.type)&&void 0!==s?s:null==e?void 0:e.toLowerCase())&&void 0!==o?o:"string";if(r.has(h))return;const d=l(null!=a?a:{type:h}),u=(null===(n=null==d?void 0:d[0])||void 0===n?void 0:n.value)||"=",c=this.currentFilterData.filterGroups.find((t=>null===t.parentGroupId));this.runUpdateCycle((e=>{var i;e.filterElements.push({_id:"filter_"+Math.random(),_type:h,groupId:null!==(i=null==c?void 0:c.groupId)&&void 0!==i?i:1,searchField:t,searchOperator:u,searchValue:""})}))}updateHostClasses(){this.isExpanded?(this.el.classList.add("host-expanded"),this.el.classList.remove("host-collapsed")):(this.el.classList.add("host-collapsed"),this.el.classList.remove("host-expanded"),this.el.style.height=null)}updateNextGroupId(t){this.nextGroupId=t&&t.filterGroups.length>0?Math.max(...t.filterGroups.map((t=>t.groupId)))+1:2}verifyFilterState(t){const e=[],i=/^[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12}$/;for(const i of t.filterGroups){const s=t.filterElements.some((t=>t.groupId===i.groupId)),o=t.filterGroups.some((t=>t.parentGroupId===i.groupId));s||o||e.push((null===i.parentGroupId?"Root group":"A group")+" has no filters. Add a filter or remove the group.")}return t.filterElements.forEach((t=>{delete t._error;const s=!t.searchValue,o=t.searchOperator===a.NULL||t.searchOperator===a.NOT_NULL;if(null==t.searchField||""===t.searchField){const i="Search Field cannot be empty.";t._error=i,e.push(i)}else if(t.searchOperator===a.BETWEEN){const i=(t.searchValue||"").split(",");if(2!==i.length||!i[0]||!i[1]){const i=`Two values required when using BETWEEN operator for field "${t.searchField}".`;t._error=i,e.push(i)}}else if(s&&!o){const i=`Value cannot be empty for field "${t.searchField}".`;t._error=i,e.push(i)}else if("guid"===t._type&&!s&&!i.test(t.searchValue)){const i=`Invalid GUID for field "${t.searchField}".`;t._error=i,e.push(i)}})),{isValid:0===e.length,errors:e}}getNormalizedData(t){var e,i;if(t&&(null===(e=t.filterGroups)||void 0===e?void 0:e.length)>0)return t;if(t&&(null===(i=t.filterElements)||void 0===i?void 0:i.length)>0){const e=1;return Object.assign(Object.assign({},t),{filterGroups:[{groupId:e,parentGroupId:null,logicalSearchOperator:t.logicalSearchOperator||r.AND}],filterElements:t.filterElements.map((t=>Object.assign(Object.assign({},t),{groupId:e})))})}return Object.assign(Object.assign({},t),{logicalSearchOperator:r.AND,filterGroups:[{groupId:1,parentGroupId:null,logicalSearchOperator:r.AND}],filterElements:[]})}runUpdateCycle(t){const e=JSON.parse(JSON.stringify(this.currentFilterData));t(e),this.currentFilterData=e;const i=this.verifyFilterState(e);this.isFilterValid=i.isValid,this.errorMessages=i.errors,this.searchChange.emit(e)}applyFilterDrop(t,e,i){const s=t.filterElements.find((t=>t._id===e.id));if(!s)return;const o=t.filterElements.indexOf(s);if(t.filterElements.splice(o,1),"filter"===i.targetType){const e=t.filterElements.find((t=>t._id===i.targetId));if(!e)return void t.filterElements.push(s);s.groupId=e.groupId;const o=t.filterElements.indexOf(e);t.filterElements.splice("before"===i.position?o:o+1,0,s)}else{const e=parseInt(i.targetId,10),o=t.filterGroups.find((t=>t.groupId===e));s.groupId="before"===i.position&&null!=(null==o?void 0:o.parentGroupId)?o.parentGroupId:e,t.filterElements.push(s)}}applyGroupDrop(t,e,i){const s=parseInt(e.id,10),o=t.filterGroups.find((t=>t.groupId===s));if(o)if("group"===i.targetType){const e=parseInt(i.targetId,10);if(this.isDescendant(e,s,t.filterGroups))return;if(s===e)return;const n=t.filterGroups.find((t=>t.groupId===e));if(!n)return;o.parentGroupId="before"===i.position?n.parentGroupId:e;const r=t.filterGroups.indexOf(o);t.filterGroups.splice(r,1);const a=t.filterGroups.indexOf(n);t.filterGroups.splice("before"===i.position?a:a+1,0,o)}else if("filter"===i.targetType){const e=t.filterElements.find((t=>t._id===i.targetId));e&&(o.parentGroupId=e.groupId)}}isDescendant(t,e,i){let s=i.find((e=>e.groupId===t));for(;s&&null!==s.parentGroupId;){if(s.parentGroupId===e)return!0;s=i.find((t=>t.groupId===s.parentGroupId))}return!1}render(){const t=this.currentFilterData.filterGroups.find((t=>null===t.parentGroupId)),e=!0===this.config.collapsible,i=!1!==this.config.resizable,n=!1!==this.config.showFooter,r={"advanced-filter-container":!0,"is-expanded":this.isExpanded},a={};return this.isExpanded&&this.config.height&&(a.height=this.config.height),s(o,{key:"ab3132a409df0b83da567793d635d13ee9b49d65",style:a,class:{"is-resizable":i,"host-expanded":this.isExpanded,"host-collapsed":!this.isExpanded}},s("div",{key:"b1afe1b4d06b93bf2f2ff5be3cf86ba1b8aa28d8",class:r},e&&s("div",{key:"208924a3e7652fb3cece053e28049ca33d956af5",class:"collapsed-view"},s("udp-fluent-text-input",{key:"b4752482a768ee8cb202e2b22c3243a66597b8ae",value:this.filterString,readonly:!0,appearance:"filled-darker",includeErrorPadding:!1,class:"string-display-input"}),s("udp-fluent-button",{key:"728968a44a5c47e21e0e229522c23e4b7c5d24b3",class:"toggle-button",size:"small",appearance:"transparent",onClick:this.toggleExpanded},s("span",{key:"480b0e5695de7662d52da5f93747e9e5640794cb"},this.isExpanded?"Collapse":"Expand"),s("svg",{key:"56693d725e73fa795a209a06a8edaccf1d2b6fb4",class:"toggle-icon",viewBox:"0 0 16 16",slot:"end"},s("path",{key:"98699d880181e345bc91f70644c0f9c981d40c3b",d:"M4 6L8 10L12 6",stroke:"currentColor","stroke-width":"2"})))),s("div",{key:"1b389df7790880e47e946888e7fe501a2ad5f07d",class:"anim-container",ref:t=>this.animContainerEl=t},s("div",{key:"80e0830959f3513ed6ba0fb2fe866038e636bb2e",class:"content-wrapper"},(this.isExpanded||!e)&&t&&s("udp-advanced-search-filter-group",{key:t.groupId,groupId:t.groupId,filterData:this.currentFilterData,fields:this.fieldsArray,isRoot:!0,isFilterValid:this.isFilterValid,errorMessages:this.errorMessages,maxDepth:this.currentMaxDepth,onAddFilter:t=>this.handleAddFilter(t.detail),onAddGroup:t=>this.handleAddGroup(t.detail),onRemoveFilter:t=>this.handleRemoveFilter(t.detail),onRemoveGroup:t=>this.handleRemoveGroup(t.detail),onFilterChange:this.handleFilterChange,onGroupChange:this.handleGroupChange,onDepthChange:this.handleDepthChange,openAddMenuForGroupId:this.openAddMenuForGroupId,onToggleAddMenu:this.handleToggleAddMenu}))),n&&s("div",{key:"fc72bbb8d13c9d07de966b480e91a082587122a1",class:"advanced-filter-footer"},s("validation-chip",{key:"c2e5d0fa78b7ab310fd43963350214f78ca762be",isValid:this.isFilterValid,errorMessages:this.errorMessages}),s("udp-fluent-button",{key:"6ec8b756b23463bdfdc54cf766d11fd9d40af309",disabled:!this.isFilterValid,onClick:this.handleSearch,appearance:"primary"},"Search"))))}get el(){return this}static get watchers(){return{entityName:[{rebuildFieldTree:0}],catalogObjectList:[{rebuildFieldTree:0}],maxDepth:[{syncMaxDepth:0}],initialFilterData:[{syncInitialFilterData:0}]}}static get style(){return":host{display:flex;flex-direction:column;font-family:sans-serif;box-sizing:border-box;overflow:visible}:host(.host-collapsed){resize:none;height:auto}:host(.host-expanded){overflow-y:auto}:host(.is-resizable.host-expanded){resize:vertical;min-height:180px;max-height:80vh;overflow:auto}.advanced-filter-container{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.collapsed-view{display:flex;align-items:center;gap:0.5rem;padding:10px;border-bottom:1px solid #eee}.anim-container{flex-grow:1;overflow-y:auto;overflow-x:auto;display:flex}.content-wrapper{padding-bottom:15px;flex-grow:1}.advanced-filter-footer{display:flex;justify-content:flex-end;border-top:1px solid #eee;padding:10px;flex-shrink:0;gap:10px;align-items:center}.string-display-input{width:100%}.search-button{opacity:0;transform:scale(0.95);pointer-events:none;margin-right:10px}.advanced-filter-container.is-expanded .anim-container{overflow-y:auto;min-height:130px}.advanced-filter-container.is-expanded .collapsed-view{display:none}.advanced-filter-container.is-expanded .search-button{opacity:1;transform:scale(1);pointer-events:auto}.advanced-filter-container:not(.is-expanded) .anim-container{max-height:0;min-height:0;overflow:hidden}.advanced-filter-container:not(.is-expanded) .advanced-filter-footer{opacity:0;height:0;padding:0;border:none;pointer-events:none;overflow:hidden}.drag-overlay{position:fixed;pointer-events:none;z-index:10001;background:var(--colorNeutralBackground1, #ffffff);border:1px solid var(--colorNeutralStroke1, #d1d1d1);border-radius:4px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.12);opacity:0.92;padding:0 12px;height:32px;line-height:32px;font-size:13px;font-family:var(--fontFamilyBase, 'Segoe UI', sans-serif);color:var(--colorNeutralForeground1, #242424);white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}"}},[1,"udp-advanced-search-builder",{catalogObjectList:[16],entityName:[1,"entity-name"],initialFilterData:[16],config:[16],maxDepth:[2,"max-depth"],fieldsArray:[32],openAddMenuForGroupId:[32],filterString:[32],isExpanded:[32],currentFilterData:[32],isFilterValid:[32],errorMessages:[32],currentMaxDepth:[32],addFilterElement:[64]},void 0,{entityName:[{rebuildFieldTree:0}],catalogObjectList:[{rebuildFieldTree:0}],maxDepth:[{syncMaxDepth:0}],initialFilterData:[{syncInitialFilterData:0}]}]),S=A,G=function(){"undefined"!=typeof customElements&&["udp-advanced-search-builder","udp-advanced-search-filter-group","udp-autocomplete","udp-date-input","udp-date-range-selector","udp-date-time-input","udp-fluent-badge","udp-fluent-button","udp-fluent-dropdown","udp-fluent-icon","udp-fluent-icon-button","udp-fluent-menu","udp-fluent-text-input","udp-popover","udp-spinner","udp-text","udp-time-input","udp-tooltip","validation-chip"].forEach((t=>{switch(t){case"udp-advanced-search-builder":customElements.get(n(t))||customElements.define(n(t),A);break;case"udp-advanced-search-filter-group":customElements.get(n(t))||h();break;case"udp-autocomplete":customElements.get(n(t))||d();break;case"udp-date-input":customElements.get(n(t))||u();break;case"udp-date-range-selector":customElements.get(n(t))||c();break;case"udp-date-time-input":customElements.get(n(t))||p();break;case"udp-fluent-badge":customElements.get(n(t))||f();break;case"udp-fluent-button":customElements.get(n(t))||m();break;case"udp-fluent-dropdown":customElements.get(n(t))||b();break;case"udp-fluent-icon":customElements.get(n(t))||v();break;case"udp-fluent-icon-button":customElements.get(n(t))||g();break;case"udp-fluent-menu":customElements.get(n(t))||x();break;case"udp-fluent-text-input":customElements.get(n(t))||y();break;case"udp-popover":customElements.get(n(t))||w();break;case"udp-spinner":customElements.get(n(t))||k();break;case"udp-text":customElements.get(n(t))||F();break;case"udp-time-input":customElements.get(n(t))||j();break;case"udp-tooltip":customElements.get(n(t))||E();break;case"validation-chip":customElements.get(n(t))||D()}}))};export{S as UdpAdvancedSearchBuilder,G as defineCustomElement}

package/dist/components/udp-ag-area-chart.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UdpAgAreaChart extends Components.UdpAgAreaChart, HTMLElement {}
+export const UdpAgAreaChart: {
+    prototype: UdpAgAreaChart;
+    new (): UdpAgAreaChart;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/udp-ag-area-chart.js

@@ -0,0 +1,2 @@
+import "../stencil-library/stencil-library.css";
+import{p as t,H as e,h as i,d as s,t as h}from"./index2.js";import{v4 as a}from"uuid";import{AgCharts as n,ModuleRegistry as o,AllCommunityModule as d}from"ag-charts-community";import{b as r,a as c}from"./charts-theme.js";let l=!1;const p=(t,e)=>null==t?e:"number"==typeof t?t+"px":t,u=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.chartId="udp-ag-area-chart-"+a(),this.appearance="default",this.shape="square",this.chrome="full",this.handleThemeChanged=()=>{this.handleOptionsChanged()}}handleOptionsChanged(){if(!this.chart)return;const t=this.buildOptions();t&&this.chart.update(t)}componentDidLoad(){var t,e;l||(o.registerModules([d]),l=!0);const i=null===(e=null===(t=this.el)||void 0===t?void 0:t.shadowRoot)||void 0===e?void 0:e.getElementById(this.chartId);if(!i)return;const s=this.buildOptions(i);s&&(this.chart=n.create(s),window.addEventListener("theme-changed",this.handleThemeChanged))}disconnectedCallback(){var t;window.removeEventListener("theme-changed",this.handleThemeChanged),null===(t=this.chart)||void 0===t||t.destroy(),this.chart=void 0}buildOptions(t){var e,i;const s=null!=t?t:null===(i=null===(e=this.el)||void 0===e?void 0:e.shadowRoot)||void 0===i?void 0:i.getElementById(this.chartId);if(!s)return null;const h=Object.assign(Object.assign({theme:r(this.el,{appearance:this.appearance,shape:this.shape,chrome:this.chrome}),background:{visible:!1}},this.chartOptions),{container:s});return c(h,this.el,this.appearance)}render(){return i(s,{key:"c18b653ee0d3ae4dadc99940572af523d4604b5e",style:{width:p(this.customWidth,"100%"),height:p(this.customHeight,"100%")}},i("div",{key:"47547e36534525951cf14668f4032b8ac14d9315",id:this.chartId,class:"chart-mount"}))}get el(){return this}static get watchers(){return{chartOptions:[{handleOptionsChanged:0}],appearance:[{handleOptionsChanged:0}],shape:[{handleOptionsChanged:0}],chrome:[{handleOptionsChanged:0}]}}static get style(){return":host{display:block;position:relative;width:100%;min-width:0;min-height:0;box-sizing:border-box}.chart-mount{position:absolute;inset:0}"}},[1,"udp-ag-area-chart",{chartOptions:[16],customWidth:[8,"custom-width"],customHeight:[8,"custom-height"],chartId:[1,"chart-id"],appearance:[1],shape:[1],chrome:[1]},void 0,{chartOptions:[{handleOptionsChanged:0}],appearance:[{handleOptionsChanged:0}],shape:[{handleOptionsChanged:0}],chrome:[{handleOptionsChanged:0}]}]),m=u,g=function(){"undefined"!=typeof customElements&&["udp-ag-area-chart"].forEach((t=>{"udp-ag-area-chart"===t&&(customElements.get(h(t))||customElements.define(h(t),u))}))};export{m as UdpAgAreaChart,g as defineCustomElement}

package/dist/components/udp-ag-bar-chart.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UdpAgBarChart extends Components.UdpAgBarChart, HTMLElement {}
+export const UdpAgBarChart: {
+    prototype: UdpAgBarChart;
+    new (): UdpAgBarChart;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/udp-ag-bar-chart.js

@@ -0,0 +1,2 @@
+import "../stencil-library/stencil-library.css";
+import{U as a,d as r}from"./udp-ag-bar-chart2.js";const o=a,s=r;export{o as UdpAgBarChart,s as defineCustomElement}

package/dist/components/udp-ag-bar-chart2.js

@@ -0,0 +1 @@
+import{p as t,H as e,h as i,d as s,t as h}from"./index2.js";import{v4 as a}from"uuid";import{AgCharts as n,ModuleRegistry as o,AllCommunityModule as d}from"ag-charts-community";import{b as r,a as c}from"./charts-theme.js";let l=!1;const p=(t,e)=>null==t?e:"number"==typeof t?`${t}px`:t,u=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.chartId=`udp-ag-bar-chart-${a()}`,this.appearance="default",this.shape="square",this.chrome="full",this.handleThemeChanged=()=>{this.handleOptionsChanged()}}handleOptionsChanged(){if(!this.chart)return;const t=this.buildOptions();t&&this.chart.update(t)}componentDidLoad(){var t,e;l||(o.registerModules([d]),l=!0);const i=null===(e=null===(t=this.el)||void 0===t?void 0:t.shadowRoot)||void 0===e?void 0:e.getElementById(this.chartId);if(!i)return;const s=this.buildOptions(i);s&&(this.chart=n.create(s),window.addEventListener("theme-changed",this.handleThemeChanged))}disconnectedCallback(){var t;window.removeEventListener("theme-changed",this.handleThemeChanged),null===(t=this.chart)||void 0===t||t.destroy(),this.chart=void 0}buildOptions(t){var e,i;const s=null!=t?t:null===(i=null===(e=this.el)||void 0===e?void 0:e.shadowRoot)||void 0===i?void 0:i.getElementById(this.chartId);if(!s)return null;const h=Object.assign(Object.assign({theme:r(this.el,{appearance:this.appearance,shape:this.shape,chrome:this.chrome}),background:{visible:!1}},this.chartOptions),{container:s});return c(h,this.el,this.appearance)}render(){return i(s,{key:"06ee9bc67d16255fb84a68d2a1d4de7ac8a30c85",style:{width:p(this.customWidth,"100%"),height:p(this.customHeight,"100%")}},i("div",{key:"c49dd7058f02b638ff0935d52c5c4380a01c1b36",id:this.chartId,class:"chart-mount"}))}get el(){return this}static get watchers(){return{chartOptions:[{handleOptionsChanged:0}],appearance:[{handleOptionsChanged:0}],shape:[{handleOptionsChanged:0}],chrome:[{handleOptionsChanged:0}]}}static get style(){return":host{display:block;position:relative;width:100%;min-width:0;min-height:0;box-sizing:border-box}.chart-mount{position:absolute;inset:0}"}},[1,"udp-ag-bar-chart",{chartOptions:[16],customWidth:[8,"custom-width"],customHeight:[8,"custom-height"],chartId:[1,"chart-id"],appearance:[1],shape:[1],chrome:[1]},void 0,{chartOptions:[{handleOptionsChanged:0}],appearance:[{handleOptionsChanged:0}],shape:[{handleOptionsChanged:0}],chrome:[{handleOptionsChanged:0}]}]);function m(){"undefined"!=typeof customElements&&["udp-ag-bar-chart"].forEach((t=>{"udp-ag-bar-chart"===t&&(customElements.get(h(t))||customElements.define(h(t),u))}))}export{u as U,m as d}

package/dist/components/udp-ag-bubble-chart.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UdpAgBubbleChart extends Components.UdpAgBubbleChart, HTMLElement {}
+export const UdpAgBubbleChart: {
+    prototype: UdpAgBubbleChart;
+    new (): UdpAgBubbleChart;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/udp-ag-bubble-chart.js

@@ -0,0 +1,2 @@
+import "../stencil-library/stencil-library.css";
+import{p as t,H as e,h as i,d as s,t as h}from"./index2.js";import{v4 as n}from"uuid";import{AgCharts as a,ModuleRegistry as o,AllCommunityModule as d}from"ag-charts-community";import{b as r,a as c}from"./charts-theme.js";let l=!1;const u=(t,e)=>null==t?e:"number"==typeof t?t+"px":t,p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.chartId="udp-ag-bubble-chart-"+n(),this.appearance="default",this.shape="square",this.chrome="full",this.handleThemeChanged=()=>{this.handleOptionsChanged()}}handleOptionsChanged(){if(!this.chart)return;const t=this.buildOptions();t&&this.chart.update(t)}componentDidLoad(){var t,e;l||(o.registerModules([d]),l=!0);const i=null===(e=null===(t=this.el)||void 0===t?void 0:t.shadowRoot)||void 0===e?void 0:e.getElementById(this.chartId);if(!i)return;const s=this.buildOptions(i);s&&(this.chart=a.create(s),window.addEventListener("theme-changed",this.handleThemeChanged))}disconnectedCallback(){var t;window.removeEventListener("theme-changed",this.handleThemeChanged),null===(t=this.chart)||void 0===t||t.destroy(),this.chart=void 0}buildOptions(t){var e,i;const s=null!=t?t:null===(i=null===(e=this.el)||void 0===e?void 0:e.shadowRoot)||void 0===i?void 0:i.getElementById(this.chartId);if(!s)return null;const h=Object.assign(Object.assign({theme:r(this.el,{appearance:this.appearance,shape:this.shape,chrome:this.chrome}),background:{visible:!1}},this.chartOptions),{container:s});return c(h,this.el,this.appearance)}render(){return i(s,{key:"f4b1a81862e2be8ba602a6944249074c560d7b85",style:{width:u(this.customWidth,"100%"),height:u(this.customHeight,"100%")}},i("div",{key:"7aa3af01e3aec84794d4f7db4fe08c93cf527ed5",id:this.chartId,class:"chart-mount"}))}get el(){return this}static get watchers(){return{chartOptions:[{handleOptionsChanged:0}],appearance:[{handleOptionsChanged:0}],shape:[{handleOptionsChanged:0}],chrome:[{handleOptionsChanged:0}]}}static get style(){return":host{display:block;position:relative;width:100%;min-width:0;min-height:0;box-sizing:border-box}.chart-mount{position:absolute;inset:0}"}},[1,"udp-ag-bubble-chart",{chartOptions:[16],customWidth:[8,"custom-width"],customHeight:[8,"custom-height"],chartId:[1,"chart-id"],appearance:[1],shape:[1],chrome:[1]},void 0,{chartOptions:[{handleOptionsChanged:0}],appearance:[{handleOptionsChanged:0}],shape:[{handleOptionsChanged:0}],chrome:[{handleOptionsChanged:0}]}]),m=p,b=function(){"undefined"!=typeof customElements&&["udp-ag-bubble-chart"].forEach((t=>{"udp-ag-bubble-chart"===t&&(customElements.get(h(t))||customElements.define(h(t),p))}))};export{m as UdpAgBubbleChart,b as defineCustomElement}

package/dist/components/udp-ag-combo-chart.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UdpAgComboChart extends Components.UdpAgComboChart, HTMLElement {}
+export const UdpAgComboChart: {
+    prototype: UdpAgComboChart;
+    new (): UdpAgComboChart;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/udp-ag-combo-chart.js

@@ -0,0 +1,2 @@
+import "../stencil-library/stencil-library.css";
+import{p as t,H as e,h as i,d as s,t as h}from"./index2.js";import{v4 as n}from"uuid";import{AgCharts as a,ModuleRegistry as o,AllCommunityModule as d}from"ag-charts-community";import{b as r,a as c}from"./charts-theme.js";let l=!1;const p=(t,e)=>null==t?e:"number"==typeof t?t+"px":t,u=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.chartId="udp-ag-combo-chart-"+n(),this.appearance="default",this.shape="square",this.chrome="full",this.handleThemeChanged=()=>{this.handleOptionsChanged()}}handleOptionsChanged(){if(!this.chart)return;const t=this.buildOptions();t&&this.chart.update(t)}componentDidLoad(){var t,e;l||(o.registerModules([d]),l=!0);const i=null===(e=null===(t=this.el)||void 0===t?void 0:t.shadowRoot)||void 0===e?void 0:e.getElementById(this.chartId);if(!i)return;const s=this.buildOptions(i);s&&(this.chart=a.create(s),window.addEventListener("theme-changed",this.handleThemeChanged))}disconnectedCallback(){var t;window.removeEventListener("theme-changed",this.handleThemeChanged),null===(t=this.chart)||void 0===t||t.destroy(),this.chart=void 0}buildOptions(t){var e,i;const s=null!=t?t:null===(i=null===(e=this.el)||void 0===e?void 0:e.shadowRoot)||void 0===i?void 0:i.getElementById(this.chartId);if(!s)return null;const h=Object.assign(Object.assign({theme:r(this.el,{appearance:this.appearance,shape:this.shape,chrome:this.chrome}),background:{visible:!1}},this.chartOptions),{container:s});return c(h,this.el,this.appearance)}render(){return i(s,{key:"68e5a650718ff406afc4b0f8a24f03d33cd3294b",style:{width:p(this.customWidth,"100%"),height:p(this.customHeight,"100%")}},i("div",{key:"d6f22c7d22d10fd5a1ae11f4be2fa9a12f0ba66f",id:this.chartId,class:"chart-mount"}))}get el(){return this}static get watchers(){return{chartOptions:[{handleOptionsChanged:0}],appearance:[{handleOptionsChanged:0}],shape:[{handleOptionsChanged:0}],chrome:[{handleOptionsChanged:0}]}}static get style(){return":host{display:block;position:relative;width:100%;min-width:0;min-height:0;box-sizing:border-box}.chart-mount{position:absolute;inset:0}"}},[1,"udp-ag-combo-chart",{chartOptions:[16],customWidth:[8,"custom-width"],customHeight:[8,"custom-height"],chartId:[1,"chart-id"],appearance:[1],shape:[1],chrome:[1]},void 0,{chartOptions:[{handleOptionsChanged:0}],appearance:[{handleOptionsChanged:0}],shape:[{handleOptionsChanged:0}],chrome:[{handleOptionsChanged:0}]}]),m=u,g=function(){"undefined"!=typeof customElements&&["udp-ag-combo-chart"].forEach((t=>{"udp-ag-combo-chart"===t&&(customElements.get(h(t))||customElements.define(h(t),u))}))};export{m as UdpAgComboChart,g as defineCustomElement}

package/dist/components/udp-ag-donut-chart.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UdpAgDonutChart extends Components.UdpAgDonutChart, HTMLElement {}
+export const UdpAgDonutChart: {
+    prototype: UdpAgDonutChart;
+    new (): UdpAgDonutChart;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/udp-ag-donut-chart.js

@@ -0,0 +1,2 @@
+import "../stencil-library/stencil-library.css";
+import{p as t,H as e,h as i,d as s,t as n}from"./index2.js";import{v4 as h}from"uuid";import{AgCharts as a,ModuleRegistry as o,AllCommunityModule as d}from"ag-charts-community";import{b as r,a as c}from"./charts-theme.js";let u=!1;const l=(t,e)=>null==t?e:"number"==typeof t?t+"px":t,p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.chartId="udp-ag-donut-chart-"+h(),this.appearance="default",this.shape="square",this.chrome="full",this.handleThemeChanged=()=>{this.handleOptionsChanged()}}handleOptionsChanged(){if(!this.chart)return;const t=this.buildOptions();t&&this.chart.update(t)}componentDidLoad(){var t,e;u||(o.registerModules([d]),u=!0);const i=null===(e=null===(t=this.el)||void 0===t?void 0:t.shadowRoot)||void 0===e?void 0:e.getElementById(this.chartId);if(!i)return;const s=this.buildOptions(i);s&&(this.chart=a.create(s),window.addEventListener("theme-changed",this.handleThemeChanged))}disconnectedCallback(){var t;window.removeEventListener("theme-changed",this.handleThemeChanged),null===(t=this.chart)||void 0===t||t.destroy(),this.chart=void 0}buildOptions(t){var e,i;const s=null!=t?t:null===(i=null===(e=this.el)||void 0===e?void 0:e.shadowRoot)||void 0===i?void 0:i.getElementById(this.chartId);if(!s)return null;const n=Object.assign(Object.assign({theme:r(this.el,{appearance:this.appearance,shape:this.shape,chrome:this.chrome}),background:{visible:!1}},this.chartOptions),{container:s});return c(n,this.el,this.appearance)}render(){return i(s,{key:"baffcc67c4f1b06e9e0734be01f9922e7f189b92",style:{width:l(this.customWidth,"100%"),height:l(this.customHeight,"100%")}},i("div",{key:"bb6e4776dcac74f9afb1836a6e9e97c1d46b142d",id:this.chartId,class:"chart-mount"}))}get el(){return this}static get watchers(){return{chartOptions:[{handleOptionsChanged:0}],appearance:[{handleOptionsChanged:0}],shape:[{handleOptionsChanged:0}],chrome:[{handleOptionsChanged:0}]}}static get style(){return":host{display:block;position:relative;width:100%;min-width:0;min-height:0;box-sizing:border-box}.chart-mount{position:absolute;inset:0}"}},[1,"udp-ag-donut-chart",{chartOptions:[16],customWidth:[8,"custom-width"],customHeight:[8,"custom-height"],chartId:[1,"chart-id"],appearance:[1],shape:[1],chrome:[1]},void 0,{chartOptions:[{handleOptionsChanged:0}],appearance:[{handleOptionsChanged:0}],shape:[{handleOptionsChanged:0}],chrome:[{handleOptionsChanged:0}]}]),m=p,g=function(){"undefined"!=typeof customElements&&["udp-ag-donut-chart"].forEach((t=>{"udp-ag-donut-chart"===t&&(customElements.get(n(t))||customElements.define(n(t),p))}))};export{m as UdpAgDonutChart,g as defineCustomElement}

package/dist/components/udp-ag-line-chart.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UdpAgLineChart extends Components.UdpAgLineChart, HTMLElement {}
+export const UdpAgLineChart: {
+    prototype: UdpAgLineChart;
+    new (): UdpAgLineChart;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/udp-ag-line-chart.js

@@ -0,0 +1,2 @@
+import "../stencil-library/stencil-library.css";
+import{p as t,H as e,h as i,d as s,t as n}from"./index2.js";import{v4 as h}from"uuid";import{AgCharts as a,ModuleRegistry as o,AllCommunityModule as d}from"ag-charts-community";import{b as c,a as r}from"./charts-theme.js";let l=!1;const p=(t,e)=>null==t?e:"number"==typeof t?t+"px":t,u=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.chartId="udp-ag-line-chart-"+h(),this.appearance="default",this.shape="square",this.chrome="full",this.handleThemeChanged=()=>{this.handleOptionsChanged()}}handleOptionsChanged(){if(!this.chart)return;const t=this.buildOptions();t&&this.chart.update(t)}componentDidLoad(){var t,e;l||(o.registerModules([d]),l=!0);const i=null===(e=null===(t=this.el)||void 0===t?void 0:t.shadowRoot)||void 0===e?void 0:e.getElementById(this.chartId);if(!i)return;const s=this.buildOptions(i);s&&(this.chart=a.create(s),window.addEventListener("theme-changed",this.handleThemeChanged))}disconnectedCallback(){var t;window.removeEventListener("theme-changed",this.handleThemeChanged),null===(t=this.chart)||void 0===t||t.destroy(),this.chart=void 0}buildOptions(t){var e,i;const s=null!=t?t:null===(i=null===(e=this.el)||void 0===e?void 0:e.shadowRoot)||void 0===i?void 0:i.getElementById(this.chartId);if(!s)return null;const n=Object.assign(Object.assign({theme:c(this.el,{appearance:this.appearance,shape:this.shape,chrome:this.chrome}),background:{visible:!1}},this.chartOptions),{container:s});return r(n,this.el,this.appearance)}render(){return i(s,{key:"890df53a7cfa3d7cff52f8fb8feba11773d0b2fe",style:{width:p(this.customWidth,"100%"),height:p(this.customHeight,"100%")}},i("div",{key:"6dfe11ed2bd90c00f7c6ec3cea74df6bd1c6234c",id:this.chartId,class:"chart-mount"}))}get el(){return this}static get watchers(){return{chartOptions:[{handleOptionsChanged:0}],appearance:[{handleOptionsChanged:0}],shape:[{handleOptionsChanged:0}],chrome:[{handleOptionsChanged:0}]}}static get style(){return":host{display:block;position:relative;width:100%;min-width:0;min-height:0;box-sizing:border-box}.chart-mount{position:absolute;inset:0}"}},[1,"udp-ag-line-chart",{chartOptions:[16],customWidth:[8,"custom-width"],customHeight:[8,"custom-height"],chartId:[1,"chart-id"],appearance:[1],shape:[1],chrome:[1]},void 0,{chartOptions:[{handleOptionsChanged:0}],appearance:[{handleOptionsChanged:0}],shape:[{handleOptionsChanged:0}],chrome:[{handleOptionsChanged:0}]}]),m=u,g=function(){"undefined"!=typeof customElements&&["udp-ag-line-chart"].forEach((t=>{"udp-ag-line-chart"===t&&(customElements.get(n(t))||customElements.define(n(t),u))}))};export{m as UdpAgLineChart,g as defineCustomElement}

package/dist/components/udp-ag-pie-chart.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UdpAgPieChart extends Components.UdpAgPieChart, HTMLElement {}
+export const UdpAgPieChart: {
+    prototype: UdpAgPieChart;
+    new (): UdpAgPieChart;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/udp-ag-pie-chart.js

@@ -0,0 +1,2 @@
+import "../stencil-library/stencil-library.css";
+import{p as t,H as i,h as e,d as s,t as h}from"./index2.js";import{v4 as n}from"uuid";import{AgCharts as a,ModuleRegistry as o,AllCommunityModule as d}from"ag-charts-community";import{b as c,a as r}from"./charts-theme.js";let p=!1;const l=(t,i)=>null==t?i:"number"==typeof t?t+"px":t,u=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.chartId="udp-ag-pie-chart-"+n(),this.appearance="default",this.shape="square",this.chrome="full",this.handleThemeChanged=()=>{this.handleOptionsChanged()}}handleOptionsChanged(){if(!this.chart)return;const t=this.buildOptions();t&&this.chart.update(t)}componentDidLoad(){var t,i;p||(o.registerModules([d]),p=!0);const e=null===(i=null===(t=this.el)||void 0===t?void 0:t.shadowRoot)||void 0===i?void 0:i.getElementById(this.chartId);if(!e)return;const s=this.buildOptions(e);s&&(this.chart=a.create(s),window.addEventListener("theme-changed",this.handleThemeChanged))}disconnectedCallback(){var t;window.removeEventListener("theme-changed",this.handleThemeChanged),null===(t=this.chart)||void 0===t||t.destroy(),this.chart=void 0}buildOptions(t){var i,e;const s=null!=t?t:null===(e=null===(i=this.el)||void 0===i?void 0:i.shadowRoot)||void 0===e?void 0:e.getElementById(this.chartId);if(!s)return null;const h=Object.assign(Object.assign({theme:c(this.el,{appearance:this.appearance,shape:this.shape,chrome:this.chrome}),background:{visible:!1}},this.chartOptions),{container:s});return r(h,this.el,this.appearance)}render(){return e(s,{key:"dac03b25cb892ad28ae4a5e80f2c733dc7b5a1b2",style:{width:l(this.customWidth,"100%"),height:l(this.customHeight,"100%")}},e("div",{key:"8ccb6cc2b35d71320487634c05a9709c9199adf3",id:this.chartId,class:"chart-mount"}))}get el(){return this}static get watchers(){return{chartOptions:[{handleOptionsChanged:0}],appearance:[{handleOptionsChanged:0}],shape:[{handleOptionsChanged:0}],chrome:[{handleOptionsChanged:0}]}}static get style(){return":host{display:block;position:relative;width:100%;min-width:0;min-height:0;box-sizing:border-box}.chart-mount{position:absolute;inset:0}"}},[1,"udp-ag-pie-chart",{chartOptions:[16],customWidth:[8,"custom-width"],customHeight:[8,"custom-height"],chartId:[1,"chart-id"],appearance:[1],shape:[1],chrome:[1]},void 0,{chartOptions:[{handleOptionsChanged:0}],appearance:[{handleOptionsChanged:0}],shape:[{handleOptionsChanged:0}],chrome:[{handleOptionsChanged:0}]}]),m=u,g=function(){"undefined"!=typeof customElements&&["udp-ag-pie-chart"].forEach((t=>{"udp-ag-pie-chart"===t&&(customElements.get(h(t))||customElements.define(h(t),u))}))};export{m as UdpAgPieChart,g as defineCustomElement}

package/dist/components/udp-ag-scatter-chart.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UdpAgScatterChart extends Components.UdpAgScatterChart, HTMLElement {}
+export const UdpAgScatterChart: {
+    prototype: UdpAgScatterChart;
+    new (): UdpAgScatterChart;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/udp-ag-scatter-chart.js

@@ -0,0 +1,2 @@
+import "../stencil-library/stencil-library.css";
+import{p as t,H as e,h as i,d as s,t as h}from"./index2.js";import{v4 as n}from"uuid";import{AgCharts as a,ModuleRegistry as o,AllCommunityModule as d}from"ag-charts-community";import{b as r,a as c}from"./charts-theme.js";let l=!1;const p=(t,e)=>null==t?e:"number"==typeof t?t+"px":t,u=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.chartId="udp-ag-scatter-chart-"+n(),this.appearance="default",this.shape="square",this.chrome="full",this.handleThemeChanged=()=>{this.handleOptionsChanged()}}handleOptionsChanged(){if(!this.chart)return;const t=this.buildOptions();t&&this.chart.update(t)}componentDidLoad(){var t,e;l||(o.registerModules([d]),l=!0);const i=null===(e=null===(t=this.el)||void 0===t?void 0:t.shadowRoot)||void 0===e?void 0:e.getElementById(this.chartId);if(!i)return;const s=this.buildOptions(i);s&&(this.chart=a.create(s),window.addEventListener("theme-changed",this.handleThemeChanged))}disconnectedCallback(){var t;window.removeEventListener("theme-changed",this.handleThemeChanged),null===(t=this.chart)||void 0===t||t.destroy(),this.chart=void 0}buildOptions(t){var e,i;const s=null!=t?t:null===(i=null===(e=this.el)||void 0===e?void 0:e.shadowRoot)||void 0===i?void 0:i.getElementById(this.chartId);if(!s)return null;const h=Object.assign(Object.assign({theme:r(this.el,{appearance:this.appearance,shape:this.shape,chrome:this.chrome}),background:{visible:!1}},this.chartOptions),{container:s});return c(h,this.el,this.appearance)}render(){return i(s,{key:"c4ccf0d39f29d899a7962e8fdaf24886eeff8b57",style:{width:p(this.customWidth,"100%"),height:p(this.customHeight,"100%")}},i("div",{key:"f69041a8f525c3bbfc607080c6d5740543cf5e6a",id:this.chartId,class:"chart-mount"}))}get el(){return this}static get watchers(){return{chartOptions:[{handleOptionsChanged:0}],appearance:[{handleOptionsChanged:0}],shape:[{handleOptionsChanged:0}],chrome:[{handleOptionsChanged:0}]}}static get style(){return":host{display:block;position:relative;width:100%;min-width:0;min-height:0;box-sizing:border-box}.chart-mount{position:absolute;inset:0}"}},[1,"udp-ag-scatter-chart",{chartOptions:[16],customWidth:[8,"custom-width"],customHeight:[8,"custom-height"],chartId:[1,"chart-id"],appearance:[1],shape:[1],chrome:[1]},void 0,{chartOptions:[{handleOptionsChanged:0}],appearance:[{handleOptionsChanged:0}],shape:[{handleOptionsChanged:0}],chrome:[{handleOptionsChanged:0}]}]),m=u,g=function(){"undefined"!=typeof customElements&&["udp-ag-scatter-chart"].forEach((t=>{"udp-ag-scatter-chart"===t&&(customElements.get(h(t))||customElements.define(h(t),u))}))};export{m as UdpAgScatterChart,g as defineCustomElement}