npm - udp-stencil-component-library - Versions diffs - 25.18.1-beta.7 → 25.18.1-beta.9 - Mend

udp-stencil-component-library 25.18.1-beta.7 → 25.18.1-beta.9

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

Files changed (979) hide show

package/dist/components/inputs-example.js CHANGED Viewed

@@ -107,7 +107,7 @@ const InputsExample$1 = /*@__PURE__*/ proxyCustomElement(class InputsExample ext
         };
     }
     render() {
-        return (h("div", { key: '2c9774c01a36f857e6433aba926627a1257791c7', class: "inputs-example" }, h("h1", { key: '5c19b71a3f023b51f0c34ed8e7c5f37434ad091b' }, "Input Components Examples"), h("section", { key: 'f2447d8dfe430b466c61a2574ca753b9d5319ee9', class: "example-section" }, h("h2", { key: '818dcaa4f4c7dc505cdcccc3ffc484f70a3fb071' }, "Controlled Components"), h("p", { key: 'ea4ef0d9251996f67b861638238de0ad0a940e81' }, "Parent component manages state and passes values to child components."), h("div", { key: 'ee6a1e5c706fdb5f944e83624337a01331cc8d95', class: "input-grid" }, h("div", { key: '3ea82c30422559f59d4a0e10dddd02d918077eca', class: "input-example" }, h("h3", { key: '6c5ae1f68f5fa8e43a2b93176e610d88936982dd' }, "Text Field"), h("text-field", { key: '72ee35e0669b46c6c1707c079e87205c99155b00', label: "Controlled Text Input", placeholder: "Enter text...", value: this.controlledTextValue }), h("p", { key: '6c7607e7b5cd9e0d942d2a890e90a1c43d8b1089', class: "value-display" }, "Value: ", this.controlledTextValue)), h("div", { key: '4d1b4ee2ccdd1f1da7568de5c33c6180dbac9a73', class: "input-example" }, h("h3", { key: '378a2d4ae669e03703cc9296529812ca7f0e7afc' }, "Numeric Field"), h("numeric-field", { key: '8827d06eeb38b3658909dbbe20cbed16aef1ded7', label: "Controlled Numeric Input", placeholder: "Enter number...", value: this.controlledNumericValue, min: "0", max: "100", step: "1", onChange: this.handleControlledNumericChange }), h("p", { key: '11797ec1b07020faee2cf620597c29b7ec3c91e3', class: "value-display" }, "Value: ", this.controlledNumericValue)), h("div", { key: 'c49569a4b48b03d0ba2846acd84a20ee0474f9e5', class: "input-example" }, h("h3", { key: '655878f8956003849b894125c2fb876c4e787acb' }, "Text Area"), h("text-area", { key: '3e3045fed0d2e5230a84658a7d7acb2d3a6bc3c8', label: "Controlled Text Area", placeholder: "Enter description...", value: this.controlledTextAreaValue, minRows: 3, maxRows: 6 }), h("p", { key: 'b6a093c2a16379f854f8ec1890aca57d6b841685', class: "value-display" }, "Value: ", this.controlledTextAreaValue)), h("div", { key: 'f00587ad5255ac95ca7ef73ad525c9f2b7ad2e32', class: "input-example" }, h("h3", { key: '9e0ff081e371c2877d432d2e5c99e9b3447e1d73' }, "Checkbox"), h("check-box", { key: '1b3039be849d1fc56ee1b3cb35fde57d90dbe9b2', label: "Controlled Checkbox", checked: this.controlledCheckboxValue, onChange: this.handleControlledCheckboxChange }), h("p", { key: 'a5a2487cb7a5ece6ef34cafd22886aa3bb180682', class: "value-display" }, "Checked: ", this.controlledCheckboxValue.toString())), h("div", { key: '5297030b195b03b2a0406ee4578f458e787abf6a', class: "input-example" }, h("h3", { key: '58004f9d68fa3c844424b4f7365a0cca9479f968' }, "Toggle"), h("stencil-toggle", { key: '8b8f04ab81e681ab9520f89fa82e32a3d4250409', label: "Controlled Toggle", checked: this.controlledToggleValue, onChange: this.handleControlledToggleChange }), h("p", { key: 'd2492200be23d7444fe71267e11c549f16d8bc9a', class: "value-display" }, "Toggled: ", this.controlledToggleValue.toString())), h("div", { key: '698863a621af9c58672847f4505aaa5e2482bd05', class: "input-example" }, h("h3", { key: '39e0bcc2b2f04b9730352bd305823d6b5a9f8e6a' }, "Date Selector"), h("udp-date-selector", { key: 'b3338f8cf609764338d6be2a7b87dbf1d2b70f7f', label: "Controlled Date", value: this.controlledDateValue, onChange: this.handleControlledDateChange }), h("p", { key: '09904cafd32d18a5cd7f576e576c6269f47dab94', class: "value-display" }, "Date: ", this.controlledDateValue)), h("div", { key: '13ec4f54ac0fbbaa74c67b56a5cadd6a9fc45252', class: "input-example" }, h("h3", { key: '5b899dea25c2f3cad64165988817c9d78afd6049' }, "DateTime Selector"), h("udp-datetime-selector", { key: '531b20feccea342c3308a373bb920f4060179f0f', label: "Controlled DateTime", value: this.controlledDateTimeValue, onChange: this.handleControlledDateTimeChange }), h("p", { key: '60d6d1e1e93897d5ff04fa269b8d79105e95e2fa', class: "value-display" }, "DateTime: ", this.controlledDateTimeValue)), h("div", { key: '29fefc86c4645769ce32ef9312518dd681eeeaf6', class: "input-example" }, h("h3", { key: '3cc3d33c55281e80a2a447bf68412aec3f0ba527' }, "Time Selector"), h("udp-time-selector", { key: 'b7bf0408622231fc893f7f5c5a8746e95775c8a7', label: "Controlled Time", value: this.controlledTimeValue, onChange: this.handleControlledTimeChange }), h("p", { key: '34234c591167b563554a6671ee294a1a3b426510', class: "value-display" }, "Time: ", this.controlledTimeValue)), h("div", { key: '6632d633fcdaf187024a726b95a4b67decb44126', class: "input-example" }, h("h3", { key: '6c35d09bda887f3128fe648392faffd00f8e2514' }, "UDP Selector"), h("udp-selector", { key: '03b8b44a84c3db73b74b0738e602d09e91f5f228', label: "Controlled Selector", options: this.selectorOptions, value: this.controlledSelectorValue, onChange: this.handleControlledSelectorChange }), h("p", { key: '73d475e90a204b46a15383d0e6b74269f29e59e4', class: "value-display" }, "Selected: ", this.controlledSelectorValue)), h("div", { key: 'd470e5bd6e16be2a67bdba2fca5fe0f494dabc12', class: "input-example" }, h("h3", { key: '703cadb6d041bc560fd72c60bfd562d409c4b653' }, "File Upload"), h("file-upload", { key: '94b4d3a82bc92353d5ebb8f3c7bc8b321902eb59', label: "Controlled File Upload", allowMultiple: true, onChange: this.handleControlledFileChange }), h("p", { key: '1b9eaac708bbd6ea3a13b1f405e70c717de4361c', class: "value-display" }, "Files: ", this.controlledFileValue.length, " selected")))), h("section", { key: '0a017099bef0d138db8311c2607aa96e829f2db9', class: "example-section" }, h("h2", { key: '3a299379ae5f9d8b66b723aaa151514c9664e147' }, "Uncontrolled Components"), h("p", { key: '62b6c718844eb84971a5e8533fe51ae4ce9185d7' }, "Components manage their own state with initial values."), h("div", { key: 'b0270fdf7b8d96560fc49c7830e6192d9b34c583', class: "input-grid" }, h("div", { key: '52af146f389abe67d9c6edf239b80dbb553f4b48', class: "input-example" }, h("h3", { key: '5f5e36b240ad4f7f5e952d91c7ab08d907180738' }, "Text Field"), h("text-field", { key: '779daef1e8f1f0184b7ed60e3432c4bbb6d78aa5', label: "Uncontrolled Text Input", placeholder: "Enter text...", initialValue: "Initial text value", onChange: (e) => console.log('Text changed:', e.detail) })), h("div", { key: '925845b446b549ae12d3f67f40153ff88c1237ec', class: "input-example" }, h("h3", { key: '7b6eb7dfac92fcef0972f61bed2cc14c65c35a1f' }, "Numeric Field"), h("numeric-field", { key: 'f9e990f8a8b24fff7eda8513c0f33bb62c7a2522', label: "Uncontrolled Numeric Input", placeholder: "Enter number...", initialValue: "42", min: "0", max: "100", onChange: (e) => console.log('Number changed:', e.detail) })), h("div", { key: 'dc700898e6043c871e81ba4215775e0b8ad86e64', class: "input-example" }, h("h3", { key: '89025e16958ad38e0de9a4fd2784617a434bb7b4' }, "Text Area"), h("text-area", { key: 'f89870ede0138fbd4c451de97b442a5eb440674d', label: "Uncontrolled Text Area", placeholder: "Enter description...", initialValue: "Initial description text", minRows: 3, onChange: (e) => console.log('Text area changed:', e.detail) })), h("div", { key: '840cdd4c554cb6f30a9660136586744e4df8391b', class: "input-example" }, h("h3", { key: '4af04e761094cf33faeda3366718ed912caa7d74' }, "Checkbox"), h("check-box", { key: '9263a3e6db5684bf304111ff8e7b7b12a6ed247b', label: "Uncontrolled Checkbox", initialValue: "true", onChange: (e) => console.log('Checkbox changed:', e.detail) })), h("div", { key: 'e2ee60bd202d614335a35ad0344c2117061f40ca', class: "input-example" }, h("h3", { key: 'e8af0e815f5a89de6ec1596c6f0b457c0a413bd7' }, "Toggle"), h("stencil-toggle", { key: 'f6231a4394eb6d0f6b35c48b8850b98139df413e', label: "Uncontrolled Toggle", initialValue: "false", onChange: (e) => console.log('Toggle changed:', e.detail) })), h("div", { key: 'bc457a401665ddcd8761555d1e664448ae240029', class: "input-example" }, h("h3", { key: '27c031274e7b4eefb1f629c9499d1f9d028714f6' }, "Date Selector"), h("udp-date-selector", { key: '0d001fa6aea835854f59a5adce3f86e91ecedad9', label: "Uncontrolled Date", initialValue: "2024-01-15", onChange: (e) => console.log('Date changed:', e.detail) })), h("div", { key: '2adb1279494c4bef294fc4cdfab08a1e9d5dd51f', class: "input-example" }, h("h3", { key: 'b345f7f9dd7613ae3c90af685c6d7363b1fa5694' }, "Time Selector"), h("udp-time-selector", { key: '0b81754404c91875178909823c51a77821ba713c', label: "Uncontrolled Time", initialValue: "14:30", onChange: (e) => console.log('Time changed:', e.detail) })), h("div", { key: 'e612112a0cfbad0378ce23559301468bbab528dd', class: "input-example" }, h("h3", { key: '58e3be8c3091b4375728653aa1025dd0800dea3a' }, "DateTime Selector"), h("udp-datetime-selector", { key: 'a66319f6db6bc35756b3cf0ed3f224024eecf0c4', label: "Uncontrolled DateTime", initialValue: "2024-01-15T14:30", onChange: (e) => console.log('DateTime changed:', e.detail) })), h("div", { key: '1b71ad2e2c0b7e8087202fa03abdd0ec68a3f397', class: "input-example" }, h("h3", { key: '1b4818d107d60a9fca534ccba3c858860078b371' }, "UDP Selector"), h("udp-selector", { key: 'b53bdbabed328bc79fb7ea4597ffe36a26474d93', label: "Uncontrolled Selector", options: this.selectorOptions, initialValue: "option2", onChange: (e) => console.log('Selector changed:', e.detail) })))), h("section", { key: 'beaa194b45bd4fac58599a4a5e0d373c8101a743', class: "example-section" }, h("h2", { key: '05164bd4b352c81513d5c4c41fdd8998e5426534' }, "Form-wrapped Components"), h("p", { key: '0c4485a9dacf1f32b9c80f17d2521bf50fab2029' }, "Components integrated with stencil-form and stencil-field for validation and state management."), h("stencil-form", { key: '05de0c6af9963c337286a07a7058dc19174dd69a', handleSubmit: this.handleFormSubmit, handleChange: this.handleFormChange, handleValidate: this.validateForm, initialValues: {
+        return (h("div", { key: 'abe574b3dd1ee9e8b5555c053d7a0d1795ecf3d2', class: "inputs-example" }, h("h1", { key: '3f9736c2634d1240445325f074550a697628c392' }, "Input Components Examples"), h("section", { key: 'ef2adb1eabd987a4f0911c565a60706ef0861838', class: "example-section" }, h("h2", { key: '985471cff514932a6119efa86c249e134c58cce9' }, "Controlled Components"), h("p", { key: '44b5615e94e430a2ae93e3fd5e67508cd1b827a7' }, "Parent component manages state and passes values to child components."), h("div", { key: 'c882daf38f8176964782426a4a47b1a50976ba56', class: "input-grid" }, h("div", { key: 'c1ea02fa5fb830a673d64373c076168f0c33e3d3', class: "input-example" }, h("h3", { key: '8cbd4d2a65d59ade7fb327a067f53c555978091c' }, "Text Field"), h("text-field", { key: '61bac0b58709a914da2743471059e56e825823f3', label: "Controlled Text Input", placeholder: "Enter text...", value: this.controlledTextValue }), h("p", { key: 'dcf347abd7e620abbf82272e72cdae3e89c854b8', class: "value-display" }, "Value: ", this.controlledTextValue)), h("div", { key: '0cd0ba9649a57a2a8e67783ebd9db655968ccd5a', class: "input-example" }, h("h3", { key: 'fc30ac3caf640e17970e0a671454d697603b6896' }, "Numeric Field"), h("numeric-field", { key: '4525bbcec3dad6efb51ad1a5b1a9d0670846bc29', label: "Controlled Numeric Input", placeholder: "Enter number...", value: this.controlledNumericValue, min: "0", max: "100", step: "1", onChange: this.handleControlledNumericChange }), h("p", { key: '46ec9b30518bf1ccee57e9cc157aa96d2145070e', class: "value-display" }, "Value: ", this.controlledNumericValue)), h("div", { key: '02432f038d8578704fa49728dc467ce7517b00d5', class: "input-example" }, h("h3", { key: '5afeb54ebe9bf80c0ec7f6e6d1d6c8fa58ac6555' }, "Text Area"), h("text-area", { key: '89571b2150d69e9357c9b35ee0dc3012bba1d2e2', label: "Controlled Text Area", placeholder: "Enter description...", value: this.controlledTextAreaValue, minRows: 3, maxRows: 6 }), h("p", { key: '399f0b7c25c51938f6ce8d20ef3525cda914f41a', class: "value-display" }, "Value: ", this.controlledTextAreaValue)), h("div", { key: '976a4f288abd9da3fac5cd90779da562eb1f07ba', class: "input-example" }, h("h3", { key: 'feefcc2fdd89f4c091e2201793154006eaa4ca53' }, "Checkbox"), h("check-box", { key: '093bdbaaad8215105d3c9da538283ebfd6fcc11b', label: "Controlled Checkbox", checked: this.controlledCheckboxValue, onChange: this.handleControlledCheckboxChange }), h("p", { key: '667b7b7d0e3f7f4e51810187492cd4fa5fadcbdf', class: "value-display" }, "Checked: ", this.controlledCheckboxValue.toString())), h("div", { key: 'fc1ca95d79dbbcb89afe5603a4f8883672cb436a', class: "input-example" }, h("h3", { key: '965039e721923d437dbb6c0902cb6b8b2510d655' }, "Toggle"), h("stencil-toggle", { key: '7277efc340ab67a278b6f757b3c14f9ff33a24ca', label: "Controlled Toggle", checked: this.controlledToggleValue, onChange: this.handleControlledToggleChange }), h("p", { key: '52102651ff84c1d153f2a0696936692ff131c939', class: "value-display" }, "Toggled: ", this.controlledToggleValue.toString())), h("div", { key: '67ab2eab1bbd6a6cef77e6023059380203549f23', class: "input-example" }, h("h3", { key: 'bbf9adab02f8dfdac8e4c239e7a141bec81c066d' }, "Date Selector"), h("udp-date-selector", { key: '8bedfbe54bb13a41da3d53dddbb0c010e6e0235b', label: "Controlled Date", value: this.controlledDateValue, onChange: this.handleControlledDateChange }), h("p", { key: '8ffc0601166cde3f2fee27717cb16d63faa18dbc', class: "value-display" }, "Date: ", this.controlledDateValue)), h("div", { key: 'd709b2c64bc0a947cbf84e1f7323f6c089a182e9', class: "input-example" }, h("h3", { key: '42570f2b76fa18c3a06bb03a4128e45345b1d684' }, "DateTime Selector"), h("udp-datetime-selector", { key: '9989a6608780b43c8483124b565e6a3107995a02', label: "Controlled DateTime", value: this.controlledDateTimeValue, onChange: this.handleControlledDateTimeChange }), h("p", { key: '8a6c073b570582335819610fe57b6b61897c8387', class: "value-display" }, "DateTime: ", this.controlledDateTimeValue)), h("div", { key: 'a8ba282442bcdcb4798e9bcc2e838dc55eaeed12', class: "input-example" }, h("h3", { key: 'ccc07b9aafc75da0b61a3398540cfe08e215e6a5' }, "Time Selector"), h("udp-time-selector", { key: '40bfc386f6755e56dfbc4729b06b1113a8e6dae7', label: "Controlled Time", value: this.controlledTimeValue, onChange: this.handleControlledTimeChange }), h("p", { key: 'f466b67b1b1505046ffaad2bba6923d5b3591c1b', class: "value-display" }, "Time: ", this.controlledTimeValue)), h("div", { key: 'ea8db02e6b30a60216f190167a416daf766413e6', class: "input-example" }, h("h3", { key: 'b8f9eb9738a90b9c3cbc6d0aad442e2d6de72f67' }, "UDP Selector"), h("udp-selector", { key: '1f6a4746cd9993cb22839836e81324d0a0dac46e', label: "Controlled Selector", options: this.selectorOptions, value: this.controlledSelectorValue, onChange: this.handleControlledSelectorChange }), h("p", { key: '71cbdcf34a2173262a05eec7e23bd0a4cdf32890', class: "value-display" }, "Selected: ", this.controlledSelectorValue)), h("div", { key: '6d5e79fe14b0c3e61082e0c66b15e42defbd7dfe', class: "input-example" }, h("h3", { key: '44c56123a225141f587c842e661a8220704cbfe2' }, "File Upload"), h("file-upload", { key: '0639032ddae96c0bf84c999f539186fcfbb92584', label: "Controlled File Upload", allowMultiple: true, onChange: this.handleControlledFileChange }), h("p", { key: '7d38b179ef0c273297d86ec87a2f2aa092d92a4c', class: "value-display" }, "Files: ", this.controlledFileValue.length, " selected")))), h("section", { key: '83721d6d04e915185fa2b1ec50e34cec4d59c046', class: "example-section" }, h("h2", { key: 'ecddf27279957c4fe5bae08fb24ecbc08ecbb3da' }, "Uncontrolled Components"), h("p", { key: '93a297887f6e409ffaaab3e7812da15501300a9b' }, "Components manage their own state with initial values."), h("div", { key: '4d194aac8a2b5eb8fe42e49007360f17d137c683', class: "input-grid" }, h("div", { key: 'a09c44a6dac38b8f659deaf936007ce7cc214a13', class: "input-example" }, h("h3", { key: '2baa46d8fa9302f02c6d86cf20ffef291620ad83' }, "Text Field"), h("text-field", { key: '36a99de8d0234cba87f18687753daa4dfe1df024', label: "Uncontrolled Text Input", placeholder: "Enter text...", initialValue: "Initial text value", onChange: (e) => console.log('Text changed:', e.detail) })), h("div", { key: 'edb2fab456f22e1a5cb21763716665ba84c1f9ab', class: "input-example" }, h("h3", { key: 'cfcb677a6e04f6a390adc3bc90354c03ab98e0d7' }, "Numeric Field"), h("numeric-field", { key: 'bbd691def478dedbfaa9eccfc1a360ca71062bbd', label: "Uncontrolled Numeric Input", placeholder: "Enter number...", initialValue: "42", min: "0", max: "100", onChange: (e) => console.log('Number changed:', e.detail) })), h("div", { key: 'f383a974e5d5013f9ff66a2b1467041764a25b3b', class: "input-example" }, h("h3", { key: 'b75c1110dee252c2f3b9cc6aa17853fab53a224c' }, "Text Area"), h("text-area", { key: 'bead59b231e55ace7c2c1526a41e15b960b8e589', label: "Uncontrolled Text Area", placeholder: "Enter description...", initialValue: "Initial description text", minRows: 3, onChange: (e) => console.log('Text area changed:', e.detail) })), h("div", { key: '1ffc58531976a94b7841828b158f20feb24533d6', class: "input-example" }, h("h3", { key: '85c1f83c5e36800138e6f9fc0a3455758269f8e5' }, "Checkbox"), h("check-box", { key: '485549b469db06cf06d7df72d2b70dbee642ed72', label: "Uncontrolled Checkbox", initialValue: "true", onChange: (e) => console.log('Checkbox changed:', e.detail) })), h("div", { key: '9c51bfd29db2b28522139a014f5ebe3d467b544f', class: "input-example" }, h("h3", { key: 'aede99484605af827cfe923d5d4419077d7a039a' }, "Toggle"), h("stencil-toggle", { key: '6ba3250373b30a98ebdfd6dfa12eccce62a8a6d1', label: "Uncontrolled Toggle", initialValue: "false", onChange: (e) => console.log('Toggle changed:', e.detail) })), h("div", { key: 'bc42bda9a39d3a8a275375d07253db09b8702326', class: "input-example" }, h("h3", { key: '81009826ecfa308fa57dda17569ec68870320517' }, "Date Selector"), h("udp-date-selector", { key: 'ae5560bf99c290fefbb9f0811d62821d8ed5794e', label: "Uncontrolled Date", initialValue: "2024-01-15", onChange: (e) => console.log('Date changed:', e.detail) })), h("div", { key: '5b7d02ca49b220eed707782140bbe351c6b81b26', class: "input-example" }, h("h3", { key: 'e436cb22a6acc962482ab5e5b5e3ab75f03f35c9' }, "Time Selector"), h("udp-time-selector", { key: '97d803f67a41154901ec7bd383873d7f598f7ea6', label: "Uncontrolled Time", initialValue: "14:30", onChange: (e) => console.log('Time changed:', e.detail) })), h("div", { key: 'e009a51f1822f659c9186a4f799e30db09e6fc69', class: "input-example" }, h("h3", { key: '01d6323eb9c95f06dd107087f40607ba3d19a13f' }, "DateTime Selector"), h("udp-datetime-selector", { key: 'e382cec5ae925a43aa2e93082640b40ab00e620a', label: "Uncontrolled DateTime", initialValue: "2024-01-15T14:30", onChange: (e) => console.log('DateTime changed:', e.detail) })), h("div", { key: '6c067ddb9ca71d9f123278cf8863196a2373c8e1', class: "input-example" }, h("h3", { key: 'b2d5b2440c379a36b656c9f9943d94c5fcf280b3' }, "UDP Selector"), h("udp-selector", { key: '4ec419aa4fe540b1ae7ce6b8b68e2cc312bf345d', label: "Uncontrolled Selector", options: this.selectorOptions, initialValue: "option2", onChange: (e) => console.log('Selector changed:', e.detail) })))), h("section", { key: '3d3acc421c6265b86f3d25610da860cbbc9c96bf', class: "example-section" }, h("h2", { key: '861e50880024ed20ad848a24b1e3fd4adefad106' }, "Form-wrapped Components"), h("p", { key: '866753115f082c69d4878ee415395cdcdc6a8a32' }, "Components integrated with stencil-form and stencil-field for validation and state management."), h("stencil-form", { key: 'd326ec45efbe5baada989d806adab38fb9fc6c90', handleSubmit: this.handleFormSubmit, handleChange: this.handleFormChange, handleValidate: this.validateForm, initialValues: {
                 formTextField: 'Initial form text',
                 formNumericField: '25',
                 formTextArea: 'Initial form description',
@@ -116,7 +116,7 @@ const InputsExample$1 = /*@__PURE__*/ proxyCustomElement(class InputsExample ext
                 formDate: '2024-02-01',
                 formTime: '09:00',
                 formSelector: 'option1'
-            } }, h("div", { key: 'd35fe74a1e26cf0b8f398e9c894c8f1a5da45a48', class: "form-grid" }, h("stencil-field", { key: 'd77c0d4cc9d9cffb255eff419a5b0af8b561947e', name: "formTextField" }, h("text-field", { key: '0410f7248f9b229be53fcd674caeda0c65b05fe2', label: "Form Text Field", placeholder: "Enter text...", required: true })), h("stencil-field", { key: '48fba9a081504e2a0bea41f27ce0325dc914991d', name: "formNumericField" }, h("numeric-field", { key: '7f9ec15a7f6f0dbe373edff972efb2c81e2b558d', label: "Form Numeric Field", placeholder: "Enter number...", min: "0", max: "100", required: true })), h("stencil-field", { key: '2825b9b6932a7d66869f9ec08c60dc86a7d913da', name: "formTextArea" }, h("text-area", { key: '34b58939f90b746909880b22902bd7329d236cf4', label: "Form Text Area", placeholder: "Enter description...", required: true, minRows: 3 })), h("stencil-field", { key: '8ee8d90cf1c56d1a8f5f6d0dfd87fb8369a474e3', name: "formCheckbox" }, h("check-box", { key: 'f63e26765d059b3d950b06e00cb1e3f398247e9e', label: "Accept Terms and Conditions", required: true })), h("stencil-field", { key: '9c3412c4e9b54d1ef35b53af12246e81af00ff1b', name: "formToggle" }, h("stencil-toggle", { key: '700b07f98704353b99c936b26eb0b4142ff6a62a', label: "Enable Notifications" })), h("stencil-field", { key: '1698b7eee1656bf216498f09f7817307b74666b8', name: "formDate" }, h("udp-date-selector", { key: '8e8fc86fa7d371fabc6bf9eb72fbdd6e5e798102', label: "Form Date", required: true })), h("stencil-field", { key: 'b38b2317b83b226d34c0dc9491b8357ea8db261c', name: "formTime" }, h("udp-time-selector", { key: '570831455cbdc786acb1c06cff4c0089364999a9', label: "Form Time" })), h("stencil-field", { key: '71fc5f623dc700cfe77456d012dfa6e53a9d169e', name: "formSelector" }, h("udp-selector", { key: '22573dcbcb86203b9fe3ba0e79679225ad93eed8', label: "Form Selector", options: this.selectorOptions, required: true })), h("stencil-field", { key: '3455ddb62d6e341a58c78dd2a9820d2eb326399c', name: "formFiles" }, h("file-upload", { key: '2ca7724c7443075b94da339efdf7b23e404a72d8', label: "Form File Upload", allowMultiple: true }))), h("div", { key: '6d070a36e05b2bdf3928fce96d51a8e7bc42e9e0', class: "form-actions" }, h("button", { key: '7233a784011bd65fd5fe25105a4afa36cfad9bbd', type: "submit", class: "submit-button" }, "Submit Form"))), h("div", { key: 'b9b2382fa2f27d159a7e586479e2325b385b3163', class: "form-values" }, h("h3", { key: 'fc96b6c576f8198514a7c7aee5ae953eb8a752cd' }, "Current Form Values:"), h("pre", { key: '8fdc93279968950235a62a5b4022b0f578bbe993' }, JSON.stringify(this.formValues, null, 2)))), h("section", { key: '2731e1a0beedccacb1bbb34efb3608855769bbcb', class: "example-section" }, h("h2", { key: 'bb06ef8c5593615f101046e448291d512d6b4375' }, "Additional Examples"), h("p", { key: 'ab93ddb0de3d6606cc6285a0ec2e397f453846b5' }, "More complex configurations and specialized use cases."), h("div", { key: 'b1d7de6e2daa82f758e147e93831f4c3a327756e', class: "input-grid" }, h("div", { key: 'a65e4e5ff0a7950743529e441eeb6c0c67d16774', class: "input-example" }, h("h3", { key: '787e43f64af484ea59ad6a860be0aae3ea8ec95d' }, "Multi-Select UDP Selector"), h("udp-selector", { key: '0b79b2f43a252f631176f73403aac729f69c5af6', label: "Multi-Select Selector", options: this.selectorOptions, multiSelect: true, initialValue: "option1,option3", onChange: (e) => console.log('Multi-select changed:', e.detail) })), h("div", { key: '270209ebf674a2c4ce1b8211e11254f92c581735', class: "input-example" }, h("h3", { key: '967bc8d45e1c62d6a019f179a957f8e496160ba3' }, "Large UDP Selector"), h("udp-selector", { key: 'dbcd9fb9acf787233a62c4ff3bba8fbdbc982a71', label: "Large Selector", options: this.selectorOptions, large: true, initialValue: "option2", onChange: (e) => console.log('Large selector changed:', e.detail) })), h("div", { key: 'bc60bade3cb2b8b71f3cd7c55ce41faac4ad1d5f', class: "input-example" }, h("h3", { key: 'a9e11f6c997cd208d46f13e9aa7a74343d0c6e58' }, "File Upload with Type Restrictions"), h("file-upload", { key: '7dff9c55cf4741c542c4aae3dc60e36e4a9caa3e', label: "Image Upload Only", allowedFileTypes: ['jpg', 'jpeg', 'png', 'gif'], allowMultiple: false, browseFileMessage: "Select an Image", onChange: (e) => console.log('Image upload changed:', e.detail) })), h("div", { key: 'cc464aa2b13e6a7852c735279094097675f68a71', class: "input-example" }, h("h3", { key: 'd06ed109dc3967f56f369a2806514d4c3987c2ca' }, "Disabled Components"), h("div", { key: 'f7295d2fdd1a89191aba44a0948e74228a8f056b', class: "disabled-examples" }, h("text-field", { key: '9cafed2788920b6f772abb0cda0006f94c7f7076', label: "Disabled Text Field", value: "Cannot edit this", disabled: true }), h("check-box", { key: 'f7189fc4fd08c68970c5d97a1cc6516eb927e75c', label: "Disabled Checkbox", checked: true, disabled: true }), h("udp-selector", { key: 'b34905240d9b8f957a32791f3cba99cdf1128eb9', label: "Disabled Selector", options: this.selectorOptions, value: "option1", disabled: true })))))));
+            } }, h("div", { key: '3404e02d07838a570bb5c7481677e8ea02d0dbb0', class: "form-grid" }, h("stencil-field", { key: '4ecf959603a2ddfc14a87f02ced4a4fb003ee01c', name: "formTextField" }, h("text-field", { key: '8fdd03c93ae359032536e659f353539bdc3ae803', label: "Form Text Field", placeholder: "Enter text...", required: true })), h("stencil-field", { key: '748457f0d3d6534e7d5193eb291d81006b5c2de7', name: "formNumericField" }, h("numeric-field", { key: '31ac100387a041b219ee1566536bdd46d435f94b', label: "Form Numeric Field", placeholder: "Enter number...", min: "0", max: "100", required: true })), h("stencil-field", { key: '6dbee7b024057c61a788e51e832f58f32f9fee34', name: "formTextArea" }, h("text-area", { key: 'a1f82c50209df578d1f3f24b69b7c6dcda9fa66c', label: "Form Text Area", placeholder: "Enter description...", required: true, minRows: 3 })), h("stencil-field", { key: '80cad39ff02f2a0c023ec768f5f3649cda59e99f', name: "formCheckbox" }, h("check-box", { key: '851e5d29bec0677aa98caeb004d32326b0bd2176', label: "Accept Terms and Conditions", required: true })), h("stencil-field", { key: '46d97d62d0ed7a9858a5517358a7af7f653883eb', name: "formToggle" }, h("stencil-toggle", { key: 'a81ee453445f68d09e2cfd5a3eb550ba3807749d', label: "Enable Notifications" })), h("stencil-field", { key: '33a75fa40de10461c2729c1ba44b8087abc7d9a0', name: "formDate" }, h("udp-date-selector", { key: 'c00a78855e64d77b7af5f71b46d000f0cb4010aa', label: "Form Date", required: true })), h("stencil-field", { key: '5ff0c620188762adf2c33593ad4a53c09572860d', name: "formTime" }, h("udp-time-selector", { key: '61ef6e62830b611c13c41f5d06157be965507c90', label: "Form Time" })), h("stencil-field", { key: 'c80881c110642b91537edf88ac3f3d8566191543', name: "formSelector" }, h("udp-selector", { key: 'a88ed4209d8ab05a99f3739ab96219550349e2c1', label: "Form Selector", options: this.selectorOptions, required: true })), h("stencil-field", { key: '93b79a8855c505a064decce4e8e4eeb0119c8c85', name: "formFiles" }, h("file-upload", { key: 'c9aea49be28887288c265a0c8bba70ca57a3a28b', label: "Form File Upload", allowMultiple: true }))), h("div", { key: '6ea9bfd7d40198066baf052303e0073814bcd8a0', class: "form-actions" }, h("button", { key: 'd10606ee72f906d91ece0678803c714fba1867e1', type: "submit", class: "submit-button" }, "Submit Form"))), h("div", { key: 'bdb9ee546def68ccc683ab2b47d6d6654def9121', class: "form-values" }, h("h3", { key: '0badd2abe8683260ab76354ce5cfa2d86ef20d8f' }, "Current Form Values:"), h("pre", { key: '72322f22cf56dc104f5304ea35ccd8ecc51f2da4' }, JSON.stringify(this.formValues, null, 2)))), h("section", { key: '6d37fab5fee2c40376e55f3983f3b1e2d608182e', class: "example-section" }, h("h2", { key: '9610b8dd0070106043760075d23eb0e15923bd09' }, "Additional Examples"), h("p", { key: '2d988efe1068b7a97b209554fb51c1870acdccbb' }, "More complex configurations and specialized use cases."), h("div", { key: '3a969b4936267869ebe8e058b23071d9e9928368', class: "input-grid" }, h("div", { key: '9c20b6c5f6bc0adc57f218bffddcdd2d9e684a8a', class: "input-example" }, h("h3", { key: '8696ea07b2b35a7bb8ff36b8c01f0bb75f8b1063' }, "Multi-Select UDP Selector"), h("udp-selector", { key: 'a16955a67400e39e1a592c94cb803a69e2fa54a0', label: "Multi-Select Selector", options: this.selectorOptions, multiSelect: true, initialValue: "option1,option3", onChange: (e) => console.log('Multi-select changed:', e.detail) })), h("div", { key: 'f940514861fd547841097ce5b9acf79a7d358783', class: "input-example" }, h("h3", { key: '9e66970e236a9bc0609863442f3d243ceee4d5f8' }, "Large UDP Selector"), h("udp-selector", { key: '5ef4f73e2559fafaaa0536c241ccddd799c0558c', label: "Large Selector", options: this.selectorOptions, large: true, initialValue: "option2", onChange: (e) => console.log('Large selector changed:', e.detail) })), h("div", { key: '68d2d3af2d381a45ac3455e12ad9a1005e5214d5', class: "input-example" }, h("h3", { key: 'cf3fe633b88c2ead8a63fb5b1078f3c0fd01dd8b' }, "File Upload with Type Restrictions"), h("file-upload", { key: '4a82a2f0b1dfc4756e9fbf40778fa99ea6447511', label: "Image Upload Only", allowedFileTypes: ['jpg', 'jpeg', 'png', 'gif'], allowMultiple: false, browseFileMessage: "Select an Image", onChange: (e) => console.log('Image upload changed:', e.detail) })), h("div", { key: '66a2dfc4f6e34818e070e92ef5ee5066c3abb0de', class: "input-example" }, h("h3", { key: '1a51b6e43caac7fcb717df520a6d8429846e826e' }, "Disabled Components"), h("div", { key: '8c46d6ba7bdf4bbdaadb7a05952582a887f1f6a7', class: "disabled-examples" }, h("text-field", { key: '056903f9c1151252e2b7e923969643cbd27092ac', label: "Disabled Text Field", value: "Cannot edit this", disabled: true }), h("check-box", { key: 'efc82460a07bf66f66f8a0d5a07fa3fcf034e9b3', label: "Disabled Checkbox", checked: true, disabled: true }), h("udp-selector", { key: '39e1b245c972ee8976b3feb5cd19906e62217635', label: "Disabled Selector", options: this.selectorOptions, value: "option1", disabled: true })))))));
     }
     static get style() { return inputsExampleCss; }
 }, [257, "inputs-example", {

package/dist/components/kpi-list2.js CHANGED Viewed

@@ -11,7 +11,7 @@ const KpiList = /*@__PURE__*/ proxyCustomElement(class KpiList extends H {
         }
     }
     render() {
-        return (h("div", { key: '85c225971e2e51a0a0808165130c60c6734dc707', class: "kpi-container" }, this.kpiValues.map((kpi, index) => (h("div", { class: "kpi-item" }, h("span", { class: "kpi-label", style: {
+        return (h("div", { key: '1c4ccf7e146ac01b9c3361497d7e1e30fbb75ad3', class: "kpi-container" }, this.kpiValues.map((kpi, index) => (h("div", { class: "kpi-item" }, h("span", { class: "kpi-label", style: {
                 fontSize: ' 0.875rem',
                 fontWeight: '300',
                 lineHeight: '0.25',

package/dist/components/list-item.js CHANGED Viewed

@@ -61,11 +61,11 @@ const UdpListRenderer = /*@__PURE__*/ proxyCustomElement(class UdpListRenderer e
     render() {
         const showPrimaryText = this.primaryText || this.hasPrimaryTextSlot;
         const showSecondaryText = this.secondaryText || this.hasSecondaryTextSlot;
-        return (h(Host, { key: 'a7fdc84e454e4415e41b494b874c5cd58093781b' }, h("div", { key: 'b708146bf6886d5822cc3784c1b1dde0a41531a8', class: {
+        return (h(Host, { key: '73e8c73b833d92e4a6e3925d289b63ea236cfe47' }, h("div", { key: '19e15b9735bb3bee2f850bbb72590e2d667a32a7', class: {
                 'list-item': true,
                 'clickable': this.clickable,
                 'variant-compact': this.variant === 'compact',
-            }, onClick: this.handleClick, onKeyPress: this.handleKeyPress, role: this.clickable ? 'button' : undefined, tabindex: this.clickable ? 0 : -1 }, this.iconName && (h("div", { key: 'bf2122fa1d51b1ad1e4d1248b863b2971459a67e', class: "avatar-container" }, h("udp-avatar", { key: '32d1956f5cf2e506bfcd7f5c85862349d1b394d2', iconName: this.iconName, variant: this.avatarVariant, color: this.avatarBackgroundColor }))), h("div", { key: '238cf5b9acc5504e56d8ed7c652e00f94ff75716', class: "text-container" }, showPrimaryText && (h("div", { key: 'ae15ea2fcd67fbd01f9eaf997acc5a21089cd6d2', class: "primary-text" }, h("slot", { key: '1a629990a4721c7281b5f1dd1c3db680b29a3e72', name: "primary-text" }, h("unity-typography", { key: 'ac76e535367c2a00ac1ae5ffd0fb08671a37c61f', variant: "body" }, this.primaryText)))), showSecondaryText && (h("div", { key: 'a48a9103abd12c8a2c5cdd36f5bdf720ebd9731f', class: "secondary-text" }, h("slot", { key: '1ac630c59426e4b6ecb9c3b891d9731cbcff3384', name: "secondary-text" }, h("unity-typography", { key: '6da8fd733530cddb27e5588ecdfa6f4d288d9c50', variant: "caption-text", color: "textSecondary" }, this.secondaryText))))), this.hasStatusChipSlot && (h("div", { key: '3987c5c8b83c77990706d376714444aae78ae7b9', class: "status-chip-container" }, h("slot", { key: '485ef815359ed98fd4269e1748ab25fd67f2119c', name: "status-chip" }))), this.hasActionsSlot && (h("div", { key: '3c34b44562e3077eba9e824e1a581aabb6662684', class: "actions-container" }, h("slot", { key: '011c682eb2fa5c1e7f730b028252489f24056e5c', name: "actions" }))))));
+            }, onClick: this.handleClick, onKeyPress: this.handleKeyPress, role: this.clickable ? 'button' : undefined, tabindex: this.clickable ? 0 : -1 }, this.iconName && (h("div", { key: 'fe3e96e2174c412baec985f2ad4165b7792f723c', class: "avatar-container" }, h("udp-avatar", { key: '00cfc2f0ff6075d22bef19899bf8fbbccd56f027', iconName: this.iconName, variant: this.avatarVariant, color: this.avatarBackgroundColor }))), h("div", { key: 'c372927c43e537ca9882e9b34362a38a8f461b3b', class: "text-container" }, showPrimaryText && (h("div", { key: '451fad1178d11e9e738d326cf2558d0f9451a503', class: "primary-text" }, h("slot", { key: '95654614b720f9277fa809aef2280cb9aecfd827', name: "primary-text" }, h("unity-typography", { key: '89c29245103018cdef80bbbf33a9cd3011b1edb0', variant: "body" }, this.primaryText)))), showSecondaryText && (h("div", { key: '79b4f2cbecb6e5a8af4c00857a1446b016bdb2d2', class: "secondary-text" }, h("slot", { key: '2ea332315c2a53e1d646948f4572c81e9282fcea', name: "secondary-text" }, h("unity-typography", { key: 'e8f9380017e1cb75f3b032727b9554b002760a8a', variant: "caption-text", color: "textSecondary" }, this.secondaryText))))), this.hasStatusChipSlot && (h("div", { key: '169ac178215a426030c28da90961f860634a6610', class: "status-chip-container" }, h("slot", { key: 'f62f1db7d713890370c5cf979509be4876ce9c81', name: "status-chip" }))), this.hasActionsSlot && (h("div", { key: 'e7fbb40deb81e6c7d0085b151efa54a80bd9c190', class: "actions-container" }, h("slot", { key: '4e7cd6ee111435e258c1b5fd02b4cdadefbf8672', name: "actions" }))))));
     }
     get hostEl() { return this; }
     static get style() { return listItemCss; }

package/dist/components/list-options-renderer2.js CHANGED Viewed

@@ -21,16 +21,16 @@ const ListOptionsRenderer = /*@__PURE__*/ proxyCustomElement(class ListOptionsRe
     }
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: '88da9b03e4f8727bee83e9e47594a9b0316dce16' }, h("div", { key: 'be5648d79d761f31cc48bd6e396d32971a928511', class: "question-item-options-list-container" }, h("stencil-toggle", { key: 'c9485efb69819db4662dd3b0de27f5d0a1fc0676', label: "Use Lookup Options", disabled: this.isViewOnly, checked: 'lookupId' in this.question.fieldProperties, labelPosition: "right", onToggledChange: () => {
+        return (h(Host, { key: 'c1dcc2db77138a051f6517e0a6fea2e985bfde97' }, h("div", { key: '06aaaaac90df7b03b38805f76c4a641ea026c961', class: "question-item-options-list-container" }, h("stencil-toggle", { key: '3536e938d64f3fe1ae67593e8c7d71e705d35a8f', label: "Use Lookup Options", disabled: this.isViewOnly, checked: 'lookupId' in this.question.fieldProperties, labelPosition: "right", onToggledChange: () => {
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyToggleManualOrLookupOptions');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex);
                 this.onFormSectionsDraftChange(updated);
                 console.log(this.lookupOptions);
-            } }), 'lookupId' in this.question.fieldProperties && (h("div", { key: '2c2a85f7d53a3688ae75fcfc0c16bd2342c346f1' }, h("udp-selector", { label: "Lookup Source", key: "lookup-selector", initialValue: ((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.lookupId) || '', options: this.lookupOptions, disabled: this.isViewOnly, required: true, onChange: (e) => {
+            } }), 'lookupId' in this.question.fieldProperties && (h("div", { key: '3aebd02b482eac85af0b617a9e6a13f17f7f6aaf' }, h("udp-selector", { label: "Lookup Source", key: "lookup-selector", initialValue: ((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.lookupId) || '', options: this.lookupOptions, disabled: this.isViewOnly, required: true, onChange: (e) => {
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyLookupChange');
                 const updated = handler(e.detail, this.formSectionsDraft, this.sIndex, this.qIndex);
                 this.onFormSectionsDraftChange(updated);
-            } }))), 'items' in this.question.fieldProperties && (h("div", { key: '2680419fe88ec8c795b80f14cf2758f521b505af' }, h("div", { key: 'fddd398a9f53b4d22914c72269104c2f46e8dc5b', class: "list-options-header" }, h("unity-typography", { key: '0039ba09b09f0d729adedca34685c40b9b550942', variant: "h6" }, "Configure Select Options"), !this.isViewOnly && 'items' in this.question.fieldProperties && (h("udp-button", { key: 'e86709f8b34a203a0747fe3adaa87106ca57c960', variant: "text", onClick: () => {
+            } }))), 'items' in this.question.fieldProperties && (h("div", { key: '964ca832960ba707f540f46d2409bae99ac744b9' }, h("div", { key: '7b2cd725caad05fb998e7ed060d6b94884be22e3', class: "list-options-header" }, h("unity-typography", { key: 'ec7bc080cabc7792217e3454feff35956abbee49', variant: "h6" }, "Configure Select Options"), !this.isViewOnly && 'items' in this.question.fieldProperties && (h("udp-button", { key: '92edc0265b9b00359b18346887194600854a3575', variant: "text", onClick: () => {
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyAddListItem');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, '', '');
                 this.onFormSectionsDraftChange(updated);

package/dist/components/logical-search-indicator.js CHANGED Viewed

@@ -12,7 +12,7 @@ const LogicalSearchIndicator$1 = /*@__PURE__*/ proxyCustomElement(class LogicalS
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: '1b51c4a2f2c74141174c55d7b1c57a3384075bac', class: "chip" }, this.type === 1 ? h("unity-typography", { variant: "data-display-one" }, "AND") : this.type === 2 ? h("unity-typography", { variant: "data-display-one" }, "OR") : ''));
+        return (h("div", { key: '331c0153dcdea00557219cb1585d682399c8268f', class: "chip" }, this.type === 1 ? h("unity-typography", { variant: "data-display-one" }, "AND") : this.type === 2 ? h("unity-typography", { variant: "data-display-one" }, "OR") : ''));
     }
     static get style() { return logicalSearchIndicatorCss; }
 }, [257, "logical-search-indicator", {

package/dist/components/map-component2.js CHANGED Viewed

@@ -406,7 +406,7 @@ const MapComponent = /*@__PURE__*/ proxyCustomElement(class MapComponent extends
     }
     //////////////////////////////////////////////////////////RENDER/////////////////////////////////////////////////////
     render() {
-        return (h("div", { key: '4da470f45f464712072bf297c96590f0601e225f' }, h("div", { key: 'a050bca5e4fcf0c2967864c082ef519593b7209c', id: "map", style: { height: this.mapHeight, width: '100%', overflow: 'hidden' } }, h("slot", { key: '6db17e7e020d91f8d478a8a4d450413f277b0fc0' })), h("div", { key: '2a04f480f147f184e94092e8d1a1cf8cc1987a3f', id: "featureDetailsPopOverContainer" }, h("feature-details-popup", { key: '04cae4da21ee9b095f8ff42a5671ba0296097e6b', currentSelectedFeature: this.currentSelectedFeature, data: this.selectedFeatureProperties, coordinates: this.selectedFeatureCoordinates, enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, showPopOver: this.showPopOver, isReadOnly: this.isReadOnlyFeature, additionalOnclosePopover: this.handleOnCloseFeaturePopover, primaryActions: this.popoverPrimaryActions, moreIconActions: this.popoverMoreIconButtonActions, getMessage: this.getMessagePopover, getMessageIcon: this.getMessageIconPopover, hideMessageIcon: this.hideMessageIconPopover, cardConfig: this.popoverCardConfig, popoverWidth: this.popoverWidth, popoverContainer: this.popoverContainer }))));
+        return (h("div", { key: '9a032e414d7f54e7ef9e65d441feddbbe964ae65' }, h("div", { key: '5ec3e4167298b3cf59d730b9214228d93f47b915', id: "map", style: { height: this.mapHeight, width: '100%', overflow: 'hidden' } }, h("slot", { key: '6be113cc1a7cc2b6e666560c107ce856800cccc8' })), h("div", { key: '4e23d6a0ca912f6f97abfa132a4df206cd0b64e0', id: "featureDetailsPopOverContainer" }, h("feature-details-popup", { key: '001c987f605f2230563a911615527194ddba7f38', currentSelectedFeature: this.currentSelectedFeature, data: this.selectedFeatureProperties, coordinates: this.selectedFeatureCoordinates, enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, showPopOver: this.showPopOver, isReadOnly: this.isReadOnlyFeature, additionalOnclosePopover: this.handleOnCloseFeaturePopover, primaryActions: this.popoverPrimaryActions, moreIconActions: this.popoverMoreIconButtonActions, getMessage: this.getMessagePopover, getMessageIcon: this.getMessageIconPopover, hideMessageIcon: this.hideMessageIconPopover, cardConfig: this.popoverCardConfig, popoverWidth: this.popoverWidth, popoverContainer: this.popoverContainer }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/map-toolbar2.js CHANGED Viewed

@@ -186,22 +186,22 @@ const MapToolbar = /*@__PURE__*/ proxyCustomElement(class MapToolbar extends H {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '92aff962af02e5cf567ed73e01331c5c4e0a7d36', class: "toolbarContainer" }, h("div", { key: '865a3024d08132f49842f5501d0adb501a9c4eb5', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && h("unity-typography", { key: '5d35a424f4530a9f5ce373decdc507ec0950d846', variant: "h4" }, this.mapTitle)), h("div", { key: 'b37a86dee249f48432bd3d2ec1ff7119974c0208', class: "buttons" }, h("div", { key: '95dbc9ae45e4ed791448ad0dcba95cf2a596bade', class: "buttonContainer" }, h("div", { key: 'fc9dc7fccc9f139335114d063efafefc0c516377', class: "secondaryButtons" }, this.filterPanel && (h("div", { key: '111c9c98e9d983ec1c6ddf5311cecb12b27888ec', id: "filterOption" }, h("div", { key: 'e6ecbdd628141b4c2f1bea0d8aaf3157d0800168', id: "filterOptionButton" }, h("stencil-icon-button", { key: '0123cc43cf0215a0490fe69c2e6dabdb7ebca07a', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (h("div", { key: '87d771bc490a75ad7e926bddf60b3f19bc1a5578', id: "filterOptionDiv" }, h("udp-pop-over", { key: '19cf5a56d0f8e9bb34ee7676f638157484c0fa27', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("div", { key: 'fe5b580e4006473bab8213198e4d14e2c152a3b9', innerHTML: this.filterPanel })))))), this.layerOptions && (h("div", { key: '6084b6eec32eff25caa021592d1a43ca211de43c', id: "layerOption" }, h("div", { key: 'acb3dea072a8cdde8eae06c5029cab86ede335bb', id: "layerOptionButton" }, h("stencil-icon-button", { key: '1b997180ab2ad4b38af0d7db79ec6b3200d5002b', iconName: 'layersButton', iconClassName: 'iconButtonWrapper', tooltip: 'Layers', icon: Layers16, buttonId: 'layersButton', onClick: () => this.handleLayerOnclick(), count: (_a = this.visibleLayers) === null || _a === void 0 ? void 0 : _a.length })), h("div", { key: 'e5bc121b178770d1f554773e21b5784aef30d36b', id: "layerOptionDiv" }, this.layerAnchor && (h("udp-pop-over", { key: 'd879c986af1754329ddeb2ae8338fb46d0b606d0', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, h("select-layer-popup", { key: '7bc85044798e140bf4725249821ef5cd80071ad0', enableTileSelection: this.enableTileSelection, tileOptions: this.tileOptions, handleMapTypeInputChange: this.handleMapTypeInputChange, handleSearchLayers: this.handleSearchLayers, filteredOptions: this.filteredOptions, visibleLayers: this.visibleLayers, updateSelectedLayers: this.updateSelectedLayers, selectedTile: this.selectedTile })))))), !this.readOnlyMap && this.selectedFeaturesActionPanel && (h("div", { key: '286a5caed22a8e24f00d8c0059b10e9df280eafc', id: "bulkSelectOption" }, h("div", { key: '4a9206ccd1eef4f64a472b32f4254b245a97780b', id: "bulkSelectOptionButton" }, h("stencil-icon-button", { key: '599e85c48f6e6faf263c104bd54c8ca4eb6615b5', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), h("div", { key: '6e684eecc4c1f760d1af6ebc75a1d2f939646c7d', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (h("udp-pop-over", { key: 'eac89e93ec0756f8c928bbc8d3e1511b5f6758dc', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("udp-menu-item", { key: 'a5625c778b322a630e9103a58815b281c3c874e3', label: 'Box', handleOnClick: () => {
+        return (h("div", { key: '68dd78c22db41ada679509a44c752685196c9cb0', class: "toolbarContainer" }, h("div", { key: 'f7ff3dfe930d55cca03fd180b318aa45815fb369', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && h("unity-typography", { key: 'a226974ca4837fef883ba01465554bfe5c4cc228', variant: "h4" }, this.mapTitle)), h("div", { key: '965f8a0398ae1d97075dd8d61d4a5acc9a7cdd64', class: "buttons" }, h("div", { key: '3c89e48a3ea1393e784e6a23e42615dc57ca4883', class: "buttonContainer" }, h("div", { key: '45ef95b5ea12eb3e5979c022917b2fce526b0753', class: "secondaryButtons" }, this.filterPanel && (h("div", { key: '1479e8353ed8d4e6bc74205157540a5efad11b6c', id: "filterOption" }, h("div", { key: '33a9641fbe338f98d3fc70f647a93c80c76fabe5', id: "filterOptionButton" }, h("stencil-icon-button", { key: 'b089b007f840fec3d80d3443e1e590c363898817', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (h("div", { key: 'ac5ee4aea2dba7baac8ddf17abfce4b081bded6f', id: "filterOptionDiv" }, h("udp-pop-over", { key: 'e5d598e3edfa1be0f4485fda5f7aad5e7f056d78', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("div", { key: '3c0b14c3a5f985d8dd58add6a9dbd771a9434492', innerHTML: this.filterPanel })))))), this.layerOptions && (h("div", { key: '81162489d1a473eb23745df67901bcf526d48e6b', id: "layerOption" }, h("div", { key: 'b6f82ecb02f5011d0095440de471f6d33eb18975', id: "layerOptionButton" }, h("stencil-icon-button", { key: 'af9b0cdc3b7d534aafe2501e38ee90cf031efad0', iconName: 'layersButton', iconClassName: 'iconButtonWrapper', tooltip: 'Layers', icon: Layers16, buttonId: 'layersButton', onClick: () => this.handleLayerOnclick(), count: (_a = this.visibleLayers) === null || _a === void 0 ? void 0 : _a.length })), h("div", { key: 'b41eb4e16b89e47792f43ada6875cddd4a29f7c2', id: "layerOptionDiv" }, this.layerAnchor && (h("udp-pop-over", { key: '5d93ca8653f4ed7ca0dbb64ad423a2af0e3290d2', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, h("select-layer-popup", { key: '2761742ad4937afe68b25cc9114227db55e61d2c', enableTileSelection: this.enableTileSelection, tileOptions: this.tileOptions, handleMapTypeInputChange: this.handleMapTypeInputChange, handleSearchLayers: this.handleSearchLayers, filteredOptions: this.filteredOptions, visibleLayers: this.visibleLayers, updateSelectedLayers: this.updateSelectedLayers, selectedTile: this.selectedTile })))))), !this.readOnlyMap && this.selectedFeaturesActionPanel && (h("div", { key: '2bde4a20710f019ddc387e0d86a6df7701c65548', id: "bulkSelectOption" }, h("div", { key: 'cb066b63dade0d4af072d9a31300f4a87b53a958', id: "bulkSelectOptionButton" }, h("stencil-icon-button", { key: 'e5c7c8c40103a7726671536dfc37d00b84f5d972', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), h("div", { key: 'b5497decd84c18928922f49ab7b77708c571923e', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (h("udp-pop-over", { key: 'ac3e678bdf080278af075e79ceae7d71e99f7ceb', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("udp-menu-item", { key: '042249cf9c3a5a253c652c349248343aa743df36', label: 'Box', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('box');
-            } }), h("udp-menu-item", { key: '2d64af7fc0cacfca6a2f64d42bb65a1ef866a268', label: 'Circle', handleOnClick: () => {
+            } }), h("udp-menu-item", { key: '03cad1abb0ba35bdb27ecf63c58a6e985746c008', label: 'Circle', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('circle');
-            } }), h("udp-menu-item", { key: '24275349b0beaa377012af15227d1871cfef0350', label: 'Polygon', handleOnClick: () => {
+            } }), h("udp-menu-item", { key: '28ca90437366482fe37289ce8b8ca845e75ff35f', label: 'Polygon', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('polygon');
-            } }), h("udp-menu-item", { key: '68dced4de1ef9839b9fe99c2270d83e35824b5e3', label: 'Lasso', handleOnClick: () => {
+            } }), h("udp-menu-item", { key: '3fb5744a59b4ca758b670a532da83ac7544c3e26', label: 'Lasso', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('lasso');
-            } })))))), !this.readOnlyMap && this.enableSplit && (h("div", { key: '677903b1fa52a56a94c856349d195adf5fcd44e0', id: "splitOption" }, h("div", { key: '7b2c01b8db2d4cf74a686533fd49fb4bb4aaf942', id: "splitOptionButton" }, h("stencil-icon-button", { key: '8be08c89e8330e406d37ed7ddbaf4ef771dbc893', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), h("div", { key: '37075abad3f520af3c3a476830e1edf3441a3a55', id: "splitOptionDiv" }, this.splitAnchor && (h("udp-pop-over", { key: 'd14d5e422bf018771401e1f902f6ffee4e60536c', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("split-line-popup", { key: '26ac310d4543db4ef26a1428a2ae6330a8f8dc2e', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (h("stencil-icon-button", { key: '031a71e008b330f58ba093292d92246ced0255e9', iconName: 'refreshButton', iconClassName: 'iconButtonWrapper', tooltip: (_b = this.refreshButtonTooltip) !== null && _b !== void 0 ? _b : 'Refresh', icon: Renew16, buttonId: 'refreshButton', onClick: () => this.refreshEvent() })), !this.readOnlyMap && (this.enableDragBox || (this.addMultipleFeatures && this.enableAddNewFeature)) && (h("div", { key: '4581c9ffd923f25521c428ecef6fd5fdaadfb89b', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '1143ca35a8aa4cee611747e7d9a724fcb773cd80', showLabel: true, icon: this.getButtonIcon(), onClick: () => {
+            } })))))), !this.readOnlyMap && this.enableSplit && (h("div", { key: '47806dfa749f321e84d5cecf7b652c0a198b4e03', id: "splitOption" }, h("div", { key: 'cc864f48bc6974ac09af02782eb1c9d118317b63', id: "splitOptionButton" }, h("stencil-icon-button", { key: 'ffa0bc75b9e3e086eaa0eae26dae534aa91d0106', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), h("div", { key: '99528fae86a21988288c258c8f73077bcf2bfc37', id: "splitOptionDiv" }, this.splitAnchor && (h("udp-pop-over", { key: '1d677b020cff7765ec2ddada50157d3acf41a352', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("split-line-popup", { key: '3945e5f2a0003ca74f0647cdea55014caec9ede8', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (h("stencil-icon-button", { key: '1a04ba1a70b20b63518ceb588cdfd2d25792ebff', iconName: 'refreshButton', iconClassName: 'iconButtonWrapper', tooltip: (_b = this.refreshButtonTooltip) !== null && _b !== void 0 ? _b : 'Refresh', icon: Renew16, buttonId: 'refreshButton', onClick: () => this.refreshEvent() })), !this.readOnlyMap && (this.enableDragBox || (this.addMultipleFeatures && this.enableAddNewFeature)) && (h("div", { key: '1817389e7e21ed80d0083352e83cf2dffde5931b', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '40870822e48fd72e4421de80fc01314758886974', showLabel: true, icon: this.getButtonIcon(), onClick: () => {
                 if (this.enableDragBox) {
                     this.handleCancelBoxSelection();
                 }
                 if (this.enableAddNewFeature) {
                     this.handleAddNewFeature();
                 }
-            }, tooltip: this.getButtonText(), iconClassName: 'save-icon-class' }, h("unity-typography", { key: '47326bd2461319fde02ada021b7b36601801006b', variant: "button" }, this.getButtonText())))), this.showSplitButton && (h("div", { key: 'd99768af9e9a97b47cbd593929bfe3759b8989d6', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '3d0c70f3ec271f9c051619ff12f0b3127f00c050', showLabel: true, icon: Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: 'fa873733fcd91058bfe4feaa7d4ce0447df6d5a1', variant: "button" }, 'Save Split')))), this.showSplitButton && (h("div", { key: '8ddc969c7980c65cf966f8987967f9baefa7eb3e', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: 'c03d59a07fa922a344fc08302a8c704ffb76f4d5', showLabel: true, icon: Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '0b67fc50e7b85793513584b92b3a1e78925676bb', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (h("div", { key: 'e728ddd150014a1938126d3c7e9cdd019c7f4d07', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: 'c6fd3b23c9875e21ade00d200a6e3ba271f9e6b7', showLabel: true, icon: Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, h("unity-typography", { key: 'f1742d21adfa7d0191550223f6274be4a60aec06', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (h("div", { key: '4fa8add9733ff4b386bf0d42cb127d2b322c066d', class: "selectedFeaturesButtons labelButtons" }, h("div", { key: '0dfefbea95108e46e5a4c04912f79175628f21b0', id: "withSelectedOption" }, h("div", { key: 'a1e2b7dbfdda5412d334de1963941d87776b260d', id: "withSelectedOptionButton" }, h("stencil-icon-button-grid-action-header", { key: '3127f8a603d95b6e5464442cf3d8384ef96a21d8', showLabel: true, icon: OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, h("unity-typography", { key: 'dc870d24afc035204de902e28f6b50e653937f21', variant: "button" }, 'With Selected'))), h("div", { key: '3b8fcd59e572f4b3bdb4eed06fea231b0b53a3a7', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (h("udp-pop-over", { key: 'f9cd89aada0facea33b8d36dd4f4bffabe22131e', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, h("div", { key: '8534a1c5c88a0bc17310dc143874921ba42caa12', innerHTML: this.selectedFeaturesActionPanel }))))), h("stencil-icon-button-grid-action-header", { key: '6f753e273730d6594fae87ea1ed15b88387a274e', showLabel: true, icon: Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '38b4021f5f65a64111637f79da94f52458cb661b', variant: "button" }, 'Cancel Selection'))))), h("div", { key: 'fab640268b46c9c86eb35a72eca539877cdf0b37', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (h("div", { key: '76016acd0aec63d999341d8b042242813c8d7596', id: "addOptionButton" }, h("custom-button", { key: '2b432bb1c027d17aa11a2f7a316daaa4a8153975', secondary: true, label: h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, h("udp-icon", { key: '40c415e61dd6184f24da61a50a25e52878879fb1', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (h("udp-pop-over", { key: '756afd7031d5d4d9ce04a49f3a9ca6493a751f54', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("add-map-feature-popup", { key: '821bc3b0df6df063b0e0a40177631ee0c3ad4371', handleStartDrawingMapFeature: this.handleStartDrawingMapFeature, vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, selectedType: this.selectedTypeToAddFeature, panelConfig: this.addFeaturePanelConfig }))))))));
+            }, tooltip: this.getButtonText(), iconClassName: 'save-icon-class' }, h("unity-typography", { key: '348ebff288cdbe209456b0bdb6fee24ee4de7989', variant: "button" }, this.getButtonText())))), this.showSplitButton && (h("div", { key: '3aac597260997274b794fb7e2f12800770ebdcdb', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '1adc5bad85d7a4154706b1193e8c41ab00459695', showLabel: true, icon: Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: 'a9a7dd9fcc82df252ef9a5e986dbb87db8372f18', variant: "button" }, 'Save Split')))), this.showSplitButton && (h("div", { key: 'dd00c0c2dd04d94edf22ee68bd541efdcdfe2310', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '089cd419036c186d16911254a659c29e680a4799', showLabel: true, icon: Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: 'fc9bf5991d1b7f0f6f0563679092a030a3148cc1', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (h("div", { key: '9e05f0bc3d71f6b85ed70487647394260676b293', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '6d48828ab90081a78eca0a73c7a1e141559e9e06', showLabel: true, icon: Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '93ed4c0c2fd297b39722988c799d8297b7d5adab', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (h("div", { key: '360b787bd5b944709185608658f1fb4966417705', class: "selectedFeaturesButtons labelButtons" }, h("div", { key: 'e8bab907d8c71cd0b7515299af57b2ef73a52c43', id: "withSelectedOption" }, h("div", { key: '6593d74d3a44ffae6c078cb12e20b2bc4ef174b8', id: "withSelectedOptionButton" }, h("stencil-icon-button-grid-action-header", { key: 'e3ba5b056e1291d4dd511acb7c2b9b3459fe6dfc', showLabel: true, icon: OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, h("unity-typography", { key: '6f29b73a814046422422499e221b2973ebddb7dc', variant: "button" }, 'With Selected'))), h("div", { key: '2c766b3696d411dea12c2bde070db2aeb24c9602', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (h("udp-pop-over", { key: '9cb7ef75238b98f5230e0788f1cd2db9745813c1', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, h("div", { key: '3e8ac4ae1c817969d10fb6434f942cf65ae63ecf', innerHTML: this.selectedFeaturesActionPanel }))))), h("stencil-icon-button-grid-action-header", { key: 'bf1885c3d19786bb16a8de9249b53ebf16b3391f', showLabel: true, icon: Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '4cacce1828b20697b5904526c00b90bdbed75ccb', variant: "button" }, 'Cancel Selection'))))), h("div", { key: 'a22e544f2656f4f5d059890fd676b7bb56c1c222', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (h("div", { key: 'fd0198beeb0f5eb72dda5f2cc0b62c69d4d3d61a', id: "addOptionButton" }, h("custom-button", { key: 'd33c27a58473e1980205a7751695b4342bc63568', secondary: true, label: h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, h("udp-icon", { key: '1a3b31772268f45f537f41e57bbf7d63e012b96f', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (h("udp-pop-over", { key: '93d39445cfd43ac68ea11d415c72c5642ba971f3', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("add-map-feature-popup", { key: '34834d0f0e12138537769b8932099ce92dc43d35', handleStartDrawingMapFeature: this.handleStartDrawingMapFeature, vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, selectedType: this.selectedTypeToAddFeature, panelConfig: this.addFeaturePanelConfig }))))))));
     }
     get mapToolbarElement() { return this; }
     static get watchers() { return {

package/dist/components/numeric-field2.js CHANGED Viewed

@@ -127,7 +127,7 @@ const NumericField = /*@__PURE__*/ proxyCustomElement(class NumericField extends
             'bx--text-input--error': isError,
             'text-field--disabled': this.disabled,
         };
-        return (h(Host, { key: '9360c33f329089e826a024dbb9fc5428953657a4', class: {
+        return (h(Host, { key: '65520830574846609238c768262916291f7ce2cf', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -136,9 +136,9 @@ const NumericField = /*@__PURE__*/ proxyCustomElement(class NumericField extends
                 'udp-input--readonly': this.readonly,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: 'a546669bf6e7ea1e92f68be40c7d5d08becc0c53', class: "bx--form-item" }, h("unity-typography", { key: 'dd1dae528f12cc9d1f84bed1b189af031398f160', variant: "caption-text" }, h("label", { key: 'c747bbd8c5cec2b8792076d1cfcb564ad3e37907', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (h("input", { id: this.id, type: "hidden", value: this.internalValue, name: this.name })) : (h("input", { id: this.id, name: this.name, type: "number", class: Object.assign({}, inputClass), placeholder: this.placeholder, value: this.internalValue, required: this.required, disabled: this.disabled, readOnly: this.readonly, onFocus: this.onFocus, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, inputMode: this.inputMode, min: this.min, max: this.max, step: this.step,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '1d7b82bde04c5c27c29f34c2837af56d5fed6bdc', class: "bx--form-item" }, h("unity-typography", { key: '9501d34fea7f1316e1826cfe134f1bf1d1ee3636', variant: "caption-text" }, h("label", { key: 'f6ab38c203c2c4c0774378eaac238a5b0f353be3', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (h("input", { id: this.id, type: "hidden", value: this.internalValue, name: this.name })) : (h("input", { id: this.id, name: this.name, type: "number", class: Object.assign({}, inputClass), placeholder: this.placeholder, value: this.internalValue, required: this.required, disabled: this.disabled, readOnly: this.readonly, onFocus: this.onFocus, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, inputMode: this.inputMode, min: this.min, max: this.max, step: this.step,
             //@ts-ignore
-            udprecordid: 'udpRecord-number-field-' + this.id })), isError && (h("div", { key: '32d8f5447f2f14da09f683ac40784d2b921a5105', class: "error-message" }, h("unity-typography", { key: '4f818ca155926a1d88018853d738bbc090060773', variant: "caption-text", color: "error" }, this.errorMessage))))));
+            udprecordid: 'udpRecord-number-field-' + this.id })), isError && (h("div", { key: '6640782aa038f7ebde2a8111f5f2f1ecb6ba1c88', class: "error-message" }, h("unity-typography", { key: '0682b144cce4cb524aad2e39db227b0010ce2f39', variant: "caption-text", color: "error" }, this.errorMessage))))));
     }
     static get watchers() { return {
         "error": ["updateError"],

package/dist/components/primary-action-header2.js CHANGED Viewed

@@ -46,7 +46,7 @@ const PrimaryActionHeader = /*@__PURE__*/ proxyCustomElement(class PrimaryAction
     //   }
     render() {
         console.log('active tab', this.activeTabIndex);
-        return (h("div", { key: '2b5cd6ddd163ddef49cc7fa95dab7f4a9911939e', class: "header-bar" }, h("div", { key: '0b74461e94c2263eb92a1faf4e2783eda26a29da', class: "title-section" }, h("unity-typography", { key: '0a21709957bdb4de3dcd85b882946b960caa7447', variant: "h4" }, this.title)), this.tabs && (h("div", { key: '1b224383283f2e875e4e4bec85f97d548078f256', class: "tabs" }, h("udp-tabs", { key: '3f2af545b1af466bf376e248ddadda48fceebb4d' }, h("button", { key: '7ba0d458d14def7c1fb1c32852e89097a85a07c2', class: this.activeTabIndex === 0 ? 'active' : '', slot: "tab-title", onClick: () => this.selectTab(0) }, "Demo Grid"), h("button", { key: '7dec1019d203c03c6ab9485c0aa83008b7970cdc', class: this.activeTabIndex === 1 ? 'active' : '', slot: "tab-title", onClick: () => this.selectTab(1) }, "Other Content")))), h("div", { key: 'f2a2f4e44fbc245ef82f8f3fe125cde71c3cc37e', class: "button-section" }, this.defaultActionButtons.map(btn => {
+        return (h("div", { key: '99d654de19e576e1a0fede6da796dbf07f4c2de2', class: "header-bar" }, h("div", { key: 'f878ea5c57689e293c0886b3bf9ada382ee7b863', class: "title-section" }, h("unity-typography", { key: 'dd956d099211c8752fa6a6d363eac5fcbd3587fd', variant: "h4" }, this.title)), this.tabs && (h("div", { key: 'f98791a93586f920f34abeece842bfda302f1967', class: "tabs" }, h("udp-tabs", { key: '7777a0ae4205c53b17d844c2c46515835fffe6c5' }, h("button", { key: '22dcc16b780dae5a9b988f367df96128513eb83a', class: this.activeTabIndex === 0 ? 'active' : '', slot: "tab-title", onClick: () => this.selectTab(0) }, "Demo Grid"), h("button", { key: 'e05765f4d3b5c48f25f80bb5ef8d9b113d1c7c77', class: this.activeTabIndex === 1 ? 'active' : '', slot: "tab-title", onClick: () => this.selectTab(1) }, "Other Content")))), h("div", { key: '87fd2188266c9fd98686643a1cb2b889c6fb2d7e', class: "button-section" }, this.defaultActionButtons.map(btn => {
             // Determine the actual icon to use
             const ActualIcon = this.getIconComponent(btn.icon, btn.customIcon);
             const clickHandler = (event) => {
@@ -61,7 +61,7 @@ const PrimaryActionHeader = /*@__PURE__*/ proxyCustomElement(class PrimaryAction
                 return (h("stencil-icon-button", { secondary: btn.secondary, onClick: clickHandler, tooltip: btn.tooltip }, this.renderIcon(ActualIcon), !this.hiddenLabels.includes(btn.label) && btn.showLabel && h("span", null, btn.label)));
             }
             return null;
-        }), !this.actionButtonLabel && h("div", { key: '6cd80a675dab2d514a8ddfa819162ed2219d41c1', class: "right-margin" }), this.actionButtonLabel && (h("udp-button", { key: '0c714349e245f2554667b03de3bdb0e66d44581d', variant: "contained", color: "secondary", onClick: event => this.primaryActionClick(event) }, this.actionButtonLabel)))));
+        }), !this.actionButtonLabel && h("div", { key: 'd00acc20658c36946f70170b299224081359e5cd', class: "right-margin" }), this.actionButtonLabel && (h("udp-button", { key: 'f1c77f3e5906de99c5a516d9fea73ad03490e807', variant: "contained", color: "secondary", onClick: event => this.primaryActionClick(event) }, this.actionButtonLabel)))));
     }
     static get style() { return primaryActionHeaderCss; }
 }, [257, "primary-action-header", {

package/dist/components/question-configs-renderer2.js CHANGED Viewed

@@ -43,34 +43,34 @@ const QuestionConfigsRenderer = /*@__PURE__*/ proxyCustomElement(class QuestionC
     render() {
         const template = questionsTemplate.find(q => q.fieldTypeId === this.question.fieldTypeId);
         const isQuestionTextRequired = !(template && template.questionTextOptional);
-        return (h("div", { key: 'b1297e71b7fe30d91c80952dc5cfbf52268b50cd', class: "generic-configs-container" }, h("div", { key: 'b9ffd3b37b92bfc97401dd9597068d375cb04c2a', class: "question-configs-header" }, h("unity-typography", { key: 'f03d6dfd7021d08947940f52bb9cbdf8d5eaf7c3', variant: "h6" }, this.question.questionTypeName, " Question"), h("div", { key: '1f4cc210989694b53d3a06bfc5625530500b184c' }, !this.question.fieldProperties.ignoreRequiredConfig && (h("stencil-toggle", { key: '06ec35aa78718a5d542b4cfa090d39eef41ff558', label: "Required", disabled: this.isViewOnly, checked: this.question.required === true, onToggledChange: () => {
+        return (h("div", { key: '1a1cb13a86858b90d64f82795e9b76a1bbce6cc0', class: "generic-configs-container" }, h("div", { key: '0d02a91bfcbdf28516eccce12d0e6329894f6199', class: "question-configs-header" }, h("unity-typography", { key: 'eec26a67d1f571894fbc97e42c9c550d761e1616', variant: "h6" }, this.question.questionTypeName, " Question"), h("div", { key: '5d17160b02a851240b3f2b46765aa329067f4da0' }, !this.question.fieldProperties.ignoreRequiredConfig && (h("stencil-toggle", { key: '572cbb2fe151794daff276608bda3e6c2b5d70d1', label: "Required", disabled: this.isViewOnly, checked: this.question.required === true, onToggledChange: () => {
                 const newValue = !this.question.required;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');
                 const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'required');
                 this.onFormSectionsDraftChange(updated);
-            }, labelPosition: "right" })))), h("text-area", { key: '5ee8f650ce25ef68784958d3063b8f10c0582147', label: "Question Text", value: this.question.questionText, disabled: this.isViewOnly, placeholder: "Enter the question text here", rows: 2, maxRows: 5, required: isQuestionTextRequired, fullWidth: true, margin: 'dense', onInput: e => {
+            }, labelPosition: "right" })))), h("text-area", { key: '195b66b4c06c7908f4a7d20b2a2a25cf46a2da80', label: "Question Text", value: this.question.questionText, disabled: this.isViewOnly, placeholder: "Enter the question text here", rows: 2, maxRows: 5, required: isQuestionTextRequired, fullWidth: true, margin: 'dense', onInput: e => {
                 const newValue = e.target.value;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');
                 const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'questionText');
                 this.onFormSectionsDraftChange(updated);
-            } }), h("text-area", { key: '7a069cd65b0fde1607de3ecb5eb8c1fa190587f1', label: "Helper Text", value: this.question.helperText, disabled: this.isViewOnly, placeholder: "Enter the question's helper text here", rows: 2, maxRows: 4, fullWidth: true, margin: 'dense', onInput: e => {
+            } }), h("text-area", { key: '5d3641b666da75776c4eaa4e7e5d5ba48975cbad', label: "Helper Text", value: this.question.helperText, disabled: this.isViewOnly, placeholder: "Enter the question's helper text here", rows: 2, maxRows: 4, fullWidth: true, margin: 'dense', onInput: e => {
                 const newValue = e.target.value;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');
                 const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'helperText');
                 this.onFormSectionsDraftChange(updated);
-            } }), h("div", { key: '31b72c1f3cb61f9f9f624eec0b8923dacab0b954' }, h("stencil-toggle", { key: '85af86c6d89f985451ac6b67a167180ee19bf51f', label: "Allow Comments", disabled: this.isViewOnly, checked: this.question.fieldProperties.allowComments === true, onToggledChange: () => {
+            } }), h("div", { key: 'f9b3d68af6e5574913303eb9699dc9688945f8c5' }, h("stencil-toggle", { key: '06df08b0751b3b12845c605105ffa9d76a8f14cd', label: "Allow Comments", disabled: this.isViewOnly, checked: this.question.fieldProperties.allowComments === true, onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowComments');
                 this.onFormSectionsDraftChange(updated);
-            }, labelPosition: "right" })), this.formType == UdpFormsTypeEnum.Standard && (h("div", { key: 'c693c3e6824ab0464472e2da70b68abeedcc88bd' }, h("stencil-toggle", { key: '7e5e19b56c93d49e190db84fa19e01f9d677ad13', label: "Allow Follow Up Forms", disabled: this.isViewOnly, checked: this.question.fieldProperties.allowFollowUpForms === true, onToggledChange: () => {
+            }, labelPosition: "right" })), this.formType == UdpFormsTypeEnum.Standard && (h("div", { key: '3ea54f59db1531b543129c01e8651129e97f9f64' }, h("stencil-toggle", { key: '7a95c4928bebce664227d9cbf65e33cb7fe2b1c5', label: "Allow Follow Up Forms", disabled: this.isViewOnly, checked: this.question.fieldProperties.allowFollowUpForms === true, onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowFollowUpForms');
                 this.onFormSectionsDraftChange(updated);
-            }, labelPosition: "right" }))), h("question-specific-configs-renderer", { key: 'c2670bc794560c4154586d0e9d7fe46f350abeed', formSectionsDraft: this.formSectionsDraft, sIndex: this.sIndex, qIndex: this.qIndex, isViewOnly: this.isViewOnly, onFormSectionsDraftChange: this.onFormSectionsDraftChange, lookupOptions: this.lookupOptions })));
+            }, labelPosition: "right" }))), h("question-specific-configs-renderer", { key: 'bda23f00bde97f948b4cdb8bf41d56649dfa9fab', formSectionsDraft: this.formSectionsDraft, sIndex: this.sIndex, qIndex: this.qIndex, isViewOnly: this.isViewOnly, onFormSectionsDraftChange: this.onFormSectionsDraftChange, lookupOptions: this.lookupOptions })));
     }
     static get style() { return questionConfigsRendererCss; }
 }, [257, "question-configs-renderer", {

package/dist/components/resource-timeline-calendar.js CHANGED Viewed

@@ -212,7 +212,7 @@ const ResourceTimelineCalendar$1 = /*@__PURE__*/ proxyCustomElement(class Resour
     }
     render() {
         const todayString = new Date().toLocaleDateString('en-US');
-        return (h("div", { key: '16ab2aa3893050d94713f80522632b254ac0c390', class: "resource-timeline-calendar" }, h("resource-timeline-primary-bar", { key: 'c4c1bcd7487c8fbf341d25886a6b2d3fdf09a50c', gridBarTitle: this.gridBarTitle, subTitle: this.subTitle, primaryAction: this.primaryAction, secondaryAction: this.secondaryAction, clickBackward: this.handleClickBackward, clickForward: this.handleClickForward, clickToday: this.handleClickToday, subtitleStatus: this.subtitleStatus, subtitleStatusMappingClasses: this.subtitleStatusMappingClasses, disableHeaderActions: this.disableHeaderActions, showLockedIcon: this.showLockedIcon, expandAll: this.expandGroups, collapseAll: this.collapseGroups }), h("client-side-grid", { key: 'e72c171a08321205856f39cbc4302d1a007d0a43', rowData: this.filledRowData, columnDefs: this.formattedColumnDefs, gridOptions: Object.assign(Object.assign({}, this.additionalGridOptions), { components: {
+        return (h("div", { key: 'cfd9a0be3b0655af485eabc7f9c9f2ecb1cb34b8', class: "resource-timeline-calendar" }, h("resource-timeline-primary-bar", { key: '76d0c32f1a9caa7d40b9c67d0436bfec3ebd724d', gridBarTitle: this.gridBarTitle, subTitle: this.subTitle, primaryAction: this.primaryAction, secondaryAction: this.secondaryAction, clickBackward: this.handleClickBackward, clickForward: this.handleClickForward, clickToday: this.handleClickToday, subtitleStatus: this.subtitleStatus, subtitleStatusMappingClasses: this.subtitleStatusMappingClasses, disableHeaderActions: this.disableHeaderActions, showLockedIcon: this.showLockedIcon, expandAll: this.expandGroups, collapseAll: this.collapseGroups }), h("client-side-grid", { key: '5f23aabd83c01701a0f990815c90433a2f3f787a', rowData: this.filledRowData, columnDefs: this.formattedColumnDefs, gridOptions: Object.assign(Object.assign({}, this.additionalGridOptions), { components: {
                     agGridSubtitleCellRenderer: AgGridSubtitleCellRenderer,
                     resourceTimelineCalendarHeader: ResourceTimelineColumnHeader,
                 }, processPivotResultColDef: colDef => {

package/dist/components/resource-timeline-primary-bar2.js CHANGED Viewed

@@ -29,12 +29,12 @@ const ResourceTimelinePrimaryBar = /*@__PURE__*/ proxyCustomElement(class Resour
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h;
-        return (h("div", { key: 'e833fd32de19aec8b8409849ad251222991ec584', class: "header-bar" }, h("div", { key: 'fb33e6f247071a91f6f12663e9429f060b160783', class: "title-section" }, this.gridBarTitle || this.gridBarTitle === '' ? (h("unity-typography", { variant: "body1", bold: true }, this.gridBarTitle, ' ')) : (h("udp-skeleton-loading", { width: "200px" })), h("div", { key: '27658219740c3d09a860e5add1e7b9b9d8352d38', class: "subtitle" }, this.subTitle || this.subTitle === '' ? (h("unity-typography", { variant: "body1" }, this.subTitle, " ")) : (h("udp-skeleton-loading", { width: "200px" })), h("div", { key: 'eed427fbafcd94c59297851cb94e9c48afaa7e28', class: "subtitle-status" }, this.subtitleStatus && (h("udp-chip", { key: 'a37c003646fecffa65e355303daf11828e2df62c', variant: "outlined", size: "small", label: this.subtitleStatus, color: this.subtitleStatusMappingClasses[this.subtitleStatus] })), this.showLockedIcon && (h("udp-icon-button", { key: 'dbb077ef7541b6e19d52ad5a4ece1d65d30e906a', icon: getIconFromName('lock'), variant: "outlined", size: "x-small", disabled: true }))))), h("div", { key: 'aa2076968454f8ac782ec9a2d379c6ce6f5fd0d9', class: "button-section" }, h("udp-icon-button", { key: 'b56f9a0ec21be3aa96f0cb486aca2c566a3f659e', class: {
+        return (h("div", { key: '98e48c02f009b5c1eb67e1878e52d85d9b0a82af', class: "header-bar" }, h("div", { key: '832ea9920afa2121193ba6ee3e03bc9fdf7f8de3', class: "title-section" }, this.gridBarTitle || this.gridBarTitle === '' ? (h("unity-typography", { variant: "body1", bold: true }, this.gridBarTitle, ' ')) : (h("udp-skeleton-loading", { width: "200px" })), h("div", { key: 'dbcbb63ce53abc22b1780f70e40a62170c069716', class: "subtitle" }, this.subTitle || this.subTitle === '' ? (h("unity-typography", { variant: "body1" }, this.subTitle, " ")) : (h("udp-skeleton-loading", { width: "200px" })), h("div", { key: '5ccc6471c3831fd26746b43783008d96c3bb3bbc', class: "subtitle-status" }, this.subtitleStatus && (h("udp-chip", { key: 'f8bf50ad772d9bf9a256f4268768920960e48882', variant: "outlined", size: "small", label: this.subtitleStatus, color: this.subtitleStatusMappingClasses[this.subtitleStatus] })), this.showLockedIcon && (h("udp-icon-button", { key: '9e327c7c0cf3bd62dd851f91a7fa6521dd8616c3', icon: getIconFromName('lock'), variant: "outlined", size: "x-small", disabled: true }))))), h("div", { key: '6a74d6c9989a872e2fcd001ad0e15b5b8a992dbb', class: "button-section" }, h("udp-icon-button", { key: 'd4f83bdd49484e3ff7a73ab09ac8c88515229aac', class: {
                 'settings-button': true,
                 'is-open': this.isMenuOpen,
             }, onClick: this.toggleSettingsMenu, ref: (el) => {
                 this.menuAnchorEl = el ? el : undefined;
-            }, icon: getIconFromName('settings'), variant: 'outlined', size: "small", color: "inherit" }), h("udp-menu", { key: 'a48459399724333efdfa72ff1dd62eddec9ab2e7', open: this.isMenuOpen, anchor: this.menuAnchorEl, handleClose: () => (this.isMenuOpen = false) }, h("udp-menu-item", { key: 'a35fdb3c767535ff8a6e3ee6bd83656f0670f8b9', label: "Expand Groups", onItemClick: this.expandAll }), h("udp-menu-item", { key: '5b6ebd79a84022644b8eb8fb7627301b236d8e1a', label: "Collapse Groups", onItemClick: this.collapseAll })), this.clickBackward && (h("div", { key: '83cdda300ac910486e19f1bdab1a81c92ca60afc', class: "date-navigation" }, this.clickBackward && (h("udp-icon-button", { key: '3ac9e797490b209ec668f4efaf9257d7a0bf1333', tooltip: "Previous period", icon: ChevronLeft16, onClick: this.clickBackward, size: "small", color: "inherit", disabled: this.disableHeaderActions })), this.clickToday && (h("udp-button", { key: 'f48e3a752414f6b5121b2bc21928dae309dfc03b', onClick: this.clickToday, size: "small", color: "inherit", disabled: this.disableHeaderActions }, "Today")), this.clickForward && (h("udp-icon-button", { key: '75a395dd9b53169d3c65e4d78da318e77cc6d78a', tooltip: "Next period", icon: ChevronRight24, onClick: this.clickForward, size: "small", color: "inherit", disabled: this.disableHeaderActions })))), ((_a = this.secondaryAction) === null || _a === void 0 ? void 0 : _a.onClick) && (h("udp-button", { key: '337fa812c70ac00ee93c729974e53cfd4eea6aae', disabled: ((_b = this.secondaryAction) === null || _b === void 0 ? void 0 : _b.disabled) || this.disableHeaderActions, variant: "outlined", color: "secondary", onButtonClick: this.secondaryAction.onClick, startIcon: h("udp-icon", { iconName: (_c = this.secondaryAction) === null || _c === void 0 ? void 0 : _c.iconName, color: 'inherit' }), size: "medium" }, (_d = this.secondaryAction) === null || _d === void 0 ? void 0 : _d.label)), ((_e = this.primaryAction) === null || _e === void 0 ? void 0 : _e.onClick) && (h("udp-button", { key: 'e765055e5426c4e15e2440d3e45e3ced77acfb0e', disabled: ((_f = this.primaryAction) === null || _f === void 0 ? void 0 : _f.disabled) || this.disableHeaderActions, startIcon: h("udp-icon", { iconName: (_g = this.primaryAction) === null || _g === void 0 ? void 0 : _g.iconName, color: 'inherit' }), variant: "contained", onButtonClick: this.primaryAction.onClick, color: "secondary" }, (_h = this.primaryAction) === null || _h === void 0 ? void 0 : _h.label)))));
+            }, icon: getIconFromName('settings'), variant: 'outlined', size: "small", color: "inherit" }), h("udp-menu", { key: '4a94a9a970e1a479573450bb5957c52e49cf3acc', open: this.isMenuOpen, anchor: this.menuAnchorEl, handleClose: () => (this.isMenuOpen = false) }, h("udp-menu-item", { key: '6cf3404adb7efbbbdca1f6a5b26528afae3a772c', label: "Expand Groups", onItemClick: this.expandAll }), h("udp-menu-item", { key: '942d1bc57081727f204b1bf04438eea2c9d4363a', label: "Collapse Groups", onItemClick: this.collapseAll })), this.clickBackward && (h("div", { key: 'b4bb8114a0ebc4778605b10d3aaf6ede34caeb76', class: "date-navigation" }, this.clickBackward && (h("udp-icon-button", { key: 'cdc8969212de03b8aced430f59c7384c6f9e6bae', tooltip: "Previous period", icon: ChevronLeft16, onClick: this.clickBackward, size: "small", color: "inherit", disabled: this.disableHeaderActions })), this.clickToday && (h("udp-button", { key: '428c853c2541dc79b92690d382ba88ee22782b62', onClick: this.clickToday, size: "small", color: "inherit", disabled: this.disableHeaderActions }, "Today")), this.clickForward && (h("udp-icon-button", { key: '5a2eaf8e12fb9f5da08be86e41b9200dd1078b52', tooltip: "Next period", icon: ChevronRight24, onClick: this.clickForward, size: "small", color: "inherit", disabled: this.disableHeaderActions })))), ((_a = this.secondaryAction) === null || _a === void 0 ? void 0 : _a.onClick) && (h("udp-button", { key: '991a10506f2493c0ed8f24737b90d10dc8a433f9', disabled: ((_b = this.secondaryAction) === null || _b === void 0 ? void 0 : _b.disabled) || this.disableHeaderActions, variant: "outlined", color: "secondary", onButtonClick: this.secondaryAction.onClick, startIcon: h("udp-icon", { iconName: (_c = this.secondaryAction) === null || _c === void 0 ? void 0 : _c.iconName, color: 'inherit' }), size: "medium" }, (_d = this.secondaryAction) === null || _d === void 0 ? void 0 : _d.label)), ((_e = this.primaryAction) === null || _e === void 0 ? void 0 : _e.onClick) && (h("udp-button", { key: 'd6a4036fc3e2437ccc626325eb6605b4014762cb', disabled: ((_f = this.primaryAction) === null || _f === void 0 ? void 0 : _f.disabled) || this.disableHeaderActions, startIcon: h("udp-icon", { iconName: (_g = this.primaryAction) === null || _g === void 0 ? void 0 : _g.iconName, color: 'inherit' }), variant: "contained", onButtonClick: this.primaryAction.onClick, color: "secondary" }, (_h = this.primaryAction) === null || _h === void 0 ? void 0 : _h.label)))));
     }
     static get style() { return resourceTimelinePrimaryBarCss; }
 }, [257, "resource-timeline-primary-bar", {

package/dist/components/save-view-form.js CHANGED Viewed

@@ -55,11 +55,11 @@ const SaveViewFormDialog = /*@__PURE__*/ proxyCustomElement(class SaveViewFormDi
         }
     }
     render() {
-        return (h("fluent-dialog", { key: 'b9ff8a67921043d715ef9706a63e045f21cede3e', open: this.open, actionOne: () => {
+        return (h("fluent-dialog", { key: '85c1777bba527ba5a4bdb91d7d3cb84db162671f', open: this.open, actionOne: () => {
                 this.handleSubmit();
             }, actionTwo: this.closeDialog, actionThree: () => {
                 this.handleViewUpdate();
-            }, handleClose: this.handleClose, labelOne: "Save as Copy", labelTwo: "Cancel", labelThree: "Save View", title: this.title, disableOne: !this.name, buttonThreeHidden: !this.gridViewId }, h("form", { key: 'a46321d2b7c8468d36971c3a1228071563e85760', class: "save-form" }, h("text-field", { key: '49355f6a92a88878f690e58caff0fe8eb9c04813', label: "View Name", placeholder: "Create a name for your view", value: this.name, onInput: (event) => this.handleNameChange(event) }), h("div", { key: 'b75313634e10d55bef6814e101a3309554d94cab', class: "toggle-options" }, h("div", { key: '83c1b04dc322d116efc8985eb1607cdc498630ee' }, h("stencil-toggle", { key: 'b8ce2a3f60b9eb60543b64ade3ff91cad03e73bf', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), ' '), h("div", { key: '707e135e7d8121213f4a3aebf1877e5cf5967990' }, h("stencil-toggle", { key: 'e1e6b37ef6978493439da65575e7112ff56b12c1', label: "Default", checked: this.isDefault, onToggledChange: this.handleDefaultChange, style: { marginTop: '10px' } }))))));
+            }, handleClose: this.handleClose, labelOne: "Save as Copy", labelTwo: "Cancel", labelThree: "Save View", title: this.title, disableOne: !this.name, buttonThreeHidden: !this.gridViewId }, h("form", { key: 'c5d6a85b2c9bdd9db4625664359a669eb79fa93f', class: "save-form" }, h("text-field", { key: 'f8647870cdb2c014d6cb1ee2c486ac3942863d33', label: "View Name", placeholder: "Create a name for your view", value: this.name, onInput: (event) => this.handleNameChange(event) }), h("div", { key: '8cdb4fa7fd74ed5c3f6ee823ab05874cd4dc964b', class: "toggle-options" }, h("div", { key: 'c97cc2bd0a11275b0453a5fe9103d8833cbc79ac' }, h("stencil-toggle", { key: 'b037a62d627f65bad73d907f21ef32f81d4aedb3', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), ' '), h("div", { key: 'c879762bdbdbdd9a43629cc0fbf8e2359c147d88' }, h("stencil-toggle", { key: '670be85ca0d64a91af97acf685dbd784088a0bb5', label: "Default", checked: this.isDefault, onToggledChange: this.handleDefaultChange, style: { marginTop: '10px' } }))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/search-list-item2.js CHANGED Viewed

@@ -106,7 +106,7 @@ const SearchListItem = /*@__PURE__*/ proxyCustomElement(class SearchListItem ext
         });
     }
     render() {
-        return (h("div", { key: '2f9faea0db2a5169b65604d68f9ca20eafd6f861', class: "list-item" }, h("div", { key: 'b82093bc34c325f67524a1d3186539caa36e2152', class: "list-body" }, h("div", { key: 'b3dafb84904a51cea0056bce923a568a0aec5be4', class: "name" }, h("unity-typography", { key: '6601c3002021d53aa9e538184160a7f60e92a520', variant: "button" }, this.label)), h("div", { key: '0062f55adaff01fb3c04542bda56c06ce0af5391', style: { width: '200px' } }, h("udp-selector", { key: this.searchOperator, initialValue: this.searchOperator, options: this.selectorOptions, disabled: this.isInitialSearchItem || this.isDefault, onChange: (event) => this.handleOperatorSelected(event) })), h("div", { key: 'f2138827a4cb3a16a366c7fca18f60ca39106004', class: "input" }, h("text-field", { key: 'ee52bc7081269037056c185a0ed7f491c0d5db24', value: this.name, disabled: this.isInitialSearchItem, onBlur: this.handleInputBlur }))), (!this.isInitialSearchItem || !this.isDefault) && h("stencil-icon-button", { key: '2894cf78c8a2ee6ea23db2485bf5807d6d3374c6', icon: Close24, onClick: this.handleDelete })));
+        return (h("div", { key: '43d134be833007b33ead479827581d24f53a8f81', class: "list-item" }, h("div", { key: '0c739d7629a971054f733d795cb85c1cafea1631', class: "list-body" }, h("div", { key: 'fb0eaa446a84ea0ab7af88a9fdf5692ca5ee25f6', class: "name" }, h("unity-typography", { key: 'db23e171e1f087d37596d3e83c4f8ad350bed1e1', variant: "button" }, this.label)), h("div", { key: 'b0eff44281469606359a321cc3343995778e4eaf', style: { width: '200px' } }, h("udp-selector", { key: this.searchOperator, initialValue: this.searchOperator, options: this.selectorOptions, disabled: this.isInitialSearchItem || this.isDefault, onChange: (event) => this.handleOperatorSelected(event) })), h("div", { key: 'bd78f153b6123e3193cc2e6be7a9716db692411f', class: "input" }, h("text-field", { key: 'cc020bf9716481f9775424823d547b06eb09fdc5', value: this.name, disabled: this.isInitialSearchItem, onBlur: this.handleInputBlur }))), (!this.isInitialSearchItem || !this.isDefault) && h("stencil-icon-button", { key: '963e6b9ebbf1ff0f8fc0ac7284be882be6d5f05f', icon: Close24, onClick: this.handleDelete })));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/search-method-grid2.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './index2.js';
-import { l as getPromotedLookupMethod, v as executeQueryWithParameters, f as executeQueryAdHoc } from './apiUtils.js';
+import { d as getPromotedLookupMethod, q as executeQueryWithParameters, o as executeQueryAdHoc } from './apiUtils.js';
 import { g as getCurrentApiCatalogId, d as defineCustomElement$h } from './ag-grid-base2.js';
 import { m as makeApiCall } from './makeApiCall.js';
 import { C as ConfigService } from './configService.js';
@@ -401,7 +401,7 @@ const SearchMethodGrid = /*@__PURE__*/ proxyCustomElement(class SearchMethodGrid
         }
     }
     render() {
-        return (h("server-side-grid", { key: '660b7bfd49ae3709697a849491f0b34aa8ad2eb5', onGridReady: e => this.handleGridReady(e), dataSource: this.dataSource, gridFunctions: this.gridFunctions, columnDefs: this.columnDefs, gridOptions: this.gridOptions, gridHeaderConfig: this.gridHeaderConfig, gridId: this.gridId, entityName: this.entityName, gridHeight: this.gridHeight, gridApiCallback: this.gridApiCallback }));
+        return (h("server-side-grid", { key: '6a4a8af937c15522effa7313d45100320a557d0b', onGridReady: e => this.handleGridReady(e), dataSource: this.dataSource, gridFunctions: this.gridFunctions, columnDefs: this.columnDefs, gridOptions: this.gridOptions, gridHeaderConfig: this.gridHeaderConfig, gridId: this.gridId, entityName: this.entityName, gridHeight: this.gridHeight, gridApiCallback: this.gridApiCallback }));
     }
     static get watchers() { return {
         "searchMethodConfig": ["handleSearchMethodUpdate"]

package/dist/components/section-configs-renderer2.js CHANGED Viewed

@@ -34,15 +34,15 @@ const SectionConfigsRenderer = /*@__PURE__*/ proxyCustomElement(class SectionCon
     }
     render() {
         var _a;
-        return (h("div", { key: '201769dbe4f50d6a014082062fdb48f955f7de15', class: "generic-configs-container" }, h("text-area", { key: '4a5ff9bb790039a0e58d9a8435aa5e2610ab04e4', label: "Title", value: this.section.title || "", disabled: this.isViewOnly, placeholder: "Enter the section title here", rows: 2, maxRows: 5, fullWidth: true, onInput: (e) => {
+        return (h("div", { key: '95972de7edecc8ffc1aa4f0626aa6ef59f475f4b', class: "generic-configs-container" }, h("text-area", { key: 'c7af15b43b5816f14e9ada3986efcd5b4898d0ac', label: "Title", value: this.section.title || "", disabled: this.isViewOnly, placeholder: "Enter the section title here", rows: 2, maxRows: 5, fullWidth: true, onInput: (e) => {
                 const newValue = e.target.value;
                 const updated = this.handleSectionFieldChange(this.sIndex, 'title', newValue);
                 this.onFormSectionsDraftChange(updated);
-            } }), h("text-area", { key: '743472840b72f918871dbfbdd1f636eff5785726', label: "Section Text", value: this.section.sectionText || "", disabled: this.isViewOnly, placeholder: "Enter the section text here", rows: 2, maxRows: 4, fullWidth: true, onInput: (e) => {
+            } }), h("text-area", { key: 'a47a69ef143ab3a1b748145781ce09763fb6c8fa', label: "Section Text", value: this.section.sectionText || "", disabled: this.isViewOnly, placeholder: "Enter the section text here", rows: 2, maxRows: 4, fullWidth: true, onInput: (e) => {
                 const newValue = e.target.value;
                 const updated = this.handleSectionFieldChange(this.sIndex, 'sectionText', newValue);
                 this.onFormSectionsDraftChange(updated);
-            } }), h("stencil-toggle", { key: '57ad68a0e9e233cc10fa06a48bc78fa49285817d', label: "Repeatable", disabled: this.isViewOnly, checked: ((_a = this.section.sectionProperties) === null || _a === void 0 ? void 0 : _a.isRepeatable) === true || false, onToggledChange: () => {
+            } }), h("stencil-toggle", { key: 'd9aead385b10e0f2153dc4bdfd291529e1a61c8c', label: "Repeatable", disabled: this.isViewOnly, checked: ((_a = this.section.sectionProperties) === null || _a === void 0 ? void 0 : _a.isRepeatable) === true || false, onToggledChange: () => {
                 const newValue = !this.section.sectionProperties.isRepeatable;
                 const updated = this.handleSectionRepeatablePropertyChange(this.sIndex, newValue);
                 this.onFormSectionsDraftChange(updated);

package/dist/components/select-layer-popup2.js CHANGED Viewed

@@ -23,9 +23,9 @@ const SelectLayerPopUp = /*@__PURE__*/ proxyCustomElement(class SelectLayerPopUp
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '59c78bf206bd9fded412537c9895df6f03bb9d6e', class: "popoverContent" }, this.enableTileSelection && (h("udp-selector", { key: '82aa97bae49d1322b829ee6a81e042ef65c843a5', id: 'mapType', options: (_a = this.tileOptions) !== null && _a !== void 0 ? _a : [], initialValue: this.selectedTile.value, label: 'Map Type', onChange: (e) => {
+        return (h("div", { key: '502abb45fae29fda93a430effde9f4497145a65d', class: "popoverContent" }, this.enableTileSelection && (h("udp-selector", { key: '91242100a979b88a4f6a41bdbc6208cfe286dcec', id: 'mapType', options: (_a = this.tileOptions) !== null && _a !== void 0 ? _a : [], initialValue: this.selectedTile.value, label: 'Map Type', onChange: (e) => {
                 this.handleMapTypeInputChange(e.detail);
-            }, large: false })), h("div", { key: '3349429aa5bc8b56ab8353312d8dfd72bacecfc7', style: { height: '12px' } }), h("div", { key: '36ee444e5eca89aee6fc8f1fb490f85710a3f203' }, h("text-field", { key: '40ee433a9b81fefe07fea2c187e668c1f72f3c37', label: 'Search Layers', id: 'searchFilter', value: '', onInput: (e) => this.handleSearchLayers(e) })), ((_b = this.filteredOptions) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
+            }, large: false })), h("div", { key: '5fe616dce8fc2f867aacb91d0477608f025f7755', style: { height: '12px' } }), h("div", { key: '766b82e6d721b6c656fabc91bc6d8aaf09b37aaa' }, h("text-field", { key: 'a6d68f060e99c3afce144e76cac1125b5d1ede21', label: 'Search Layers', id: 'searchFilter', value: '', onInput: (e) => this.handleSearchLayers(e) })), ((_b = this.filteredOptions) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
             ((_c = this.filteredOptions) === null || _c === void 0 ? void 0 : _c.map(item => (h("check-box-group", { title: item === null || item === void 0 ? void 0 : item.title, options: item === null || item === void 0 ? void 0 : item.options, values: this.visibleLayers, handleChange: this.updateSelectedLayers }))))));
     }
     static get style() { return mapPopupCss; }

package/dist/components/server-side-grid2.js CHANGED Viewed

@@ -39,7 +39,7 @@ const ServerSideGrid = /*@__PURE__*/ proxyCustomElement(class ServerSideGrid ext
         this.serverSideConfig = Object.assign(Object.assign({ paginationAutoPageSize: true, suppressSetFilterByDefault: true }, this.gridOptions), { rowModelType: 'serverSide' });
     }
     render() {
-        return (h("ag-grid-base", { key: 'b30f76706b6301d95cb832152d9d1f7c4fc24052', columnDefs: this.columnDefs, gridOptions: this.serverSideConfig, headerConfig: this.gridHeaderConfig, onGridReady: e => this.handleGridReady(e), gridFunctions: this.gridFunctions, gridId: this.gridId, entityName: this.entityName, gridHeight: this.gridHeight, gridApiCallback: this.gridApiCallback }));
+        return (h("ag-grid-base", { key: '450dc5a951732ac2d226f8baba37fbb7df2d78d3', columnDefs: this.columnDefs, gridOptions: this.serverSideConfig, headerConfig: this.gridHeaderConfig, onGridReady: e => this.handleGridReady(e), gridFunctions: this.gridFunctions, gridId: this.gridId, entityName: this.entityName, gridHeight: this.gridHeight, gridApiCallback: this.gridApiCallback }));
     }
     static get watchers() { return {
         "dataSource": ["updateDataSource"]

package/dist/components/side-sheet-container2.js CHANGED Viewed

@@ -13,7 +13,7 @@ const SideSheetContainer = /*@__PURE__*/ proxyCustomElement(class SideSheetConta
     }
     render() {
         const style = this.padding ? { 'padding': '16px' } : {};
-        return (h("div", { key: 'f0e6079f5c1f51ad498f5807242a8cdf6fbde319', class: "container", style: style }, h("slot", { key: '29bdfc0b3cb9864c68b29fcd60a4c9e418908836' })));
+        return (h("div", { key: '81051909c2df46958fc74039920edcfc3347ceeb', class: "container", style: style }, h("slot", { key: '208bb8004a57e236f9a9689eef96b10ef792285e' })));
     }
     static get style() { return sideSheetContainerCss; }
 }, [257, "side-sheet-container", {

package/dist/components/side-sheet2.js CHANGED Viewed

@@ -24,7 +24,7 @@ const SideSheet = /*@__PURE__*/ proxyCustomElement(class SideSheet extends H {
     render() {
         const widthClass = typeof this.widthOption === 'number' ? 'custom-width' : this.widthOption;
         const sideSheetStyle = typeof this.widthOption === 'number' ? { width: `${this.widthOption}px` } : {};
-        return (h("div", { key: 'da0b1a0577d716fe8d840e1335a9bb591acfa148' }, h("div", { key: '1e3ea17a750f2224103c3e9b9423d464a95631b4', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), h("div", { key: '3b6ec3db910a1a53e4c18323f65877c4b8fa5910', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, h("div", { key: 'c911e28d5929c8fc0679c317e3d4201f791b4aa9', class: "title" }, h("div", { key: '49cc28869bd012456e1cbe410a2c403bf49a2226', class: 'close-button' }, h("stencil-icon-button", { key: '2b73d4e327784cca166c64689f75b3054b11c070', icon: Close24, onClick: this.toggleDrawer })), h("div", { key: 'de821f022fa4d56b6759cac4fe100647abae8e19', class: 'title' }, h("unity-typography", { key: '6e144bd8ef033474cffc6b093a30ec63858c7866', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && h("custom-button", { key: '959c3f6648931360cb87ef28e4e63f399d132610', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), h("side-sheet-container", { key: '18636ab27e74452bc7fca737e9512f7e774c3e25', padding: this.padding }, h("slot", { key: '81423b33efb595caf76b54a3e3094586940afe28' })))));
+        return (h("div", { key: '036108765e0adb7887260f2cf6720a4a17232a67' }, h("div", { key: 'a272a6e1416f15b53422016b2c019ff921ff1860', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), h("div", { key: 'e3ebe3552f40173924563f615c15e1cd7c555b80', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, h("div", { key: '91f6850ea18494467fe29e2b4d6055fd819afb5c', class: "title" }, h("div", { key: '3520199bade6fc0cd5bf4189b6c7295e9632473a', class: 'close-button' }, h("stencil-icon-button", { key: '3a40fdcca73e3a4ec9a2e8f70af24d68bec25562', icon: Close24, onClick: this.toggleDrawer })), h("div", { key: '639de6b74e7be616b993fbcc2cb32306cd537b4d', class: 'title' }, h("unity-typography", { key: '7b696cc1dfef033054bb5096ce1c1c12c2683d02', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && h("custom-button", { key: '9062ff7cd51930b5321f3c6d3663a9637f25842a', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), h("side-sheet-container", { key: '325e75f40c3033746c2ab7f559ad24825a37b78a', padding: this.padding }, h("slot", { key: '86507469693b1d4cdca7d22d796a3f92561732e6' })))));
     }
     static get style() { return sideSheetCss; }
 }, [260, "side-sheet", {