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

udp-stencil-component-library 25.18.1-beta.8 → 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 (965) 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: '6b50ded2b5937f9d1c0a103393b99e2a6f48c6e8', class: "inputs-example" }, h("h1", { key: '7b2298487532b8508bc4fe15e7b46879fd60399d' }, "Input Components Examples"), h("section", { key: '475beb2ff7e6f0d2a94f545efc068c93ebcbd6e8', class: "example-section" }, h("h2", { key: 'bb8636068a53c2be053bba146de8d6a079f5df2d' }, "Controlled Components"), h("p", { key: '2d29719a77cafa91d6daf88380dacd0978e1915a' }, "Parent component manages state and passes values to child components."), h("div", { key: '293c65cb3f38c26cabe875d9ab104d2e276b4b3c', class: "input-grid" }, h("div", { key: 'b88953b136c63c09704ae12a864997a6899c3d6f', class: "input-example" }, h("h3", { key: '8d27f5037a4064c4ae7df9622fd2a42314782fc0' }, "Text Field"), h("text-field", { key: '19190ab403f17711e8a4f344ac44d4542ac127fc', label: "Controlled Text Input", placeholder: "Enter text...", value: this.controlledTextValue }), h("p", { key: 'feaeed71f390846c35eee957cafb60fc1600d98b', class: "value-display" }, "Value: ", this.controlledTextValue)), h("div", { key: '20c5515f35e06ad1648682ea752ec0561008150a', class: "input-example" }, h("h3", { key: '4345172c87f8c427166b2e5533007470513e5c7f' }, "Numeric Field"), h("numeric-field", { key: '27556ce43e88bb47073731c8383bcd4f8eb741be', label: "Controlled Numeric Input", placeholder: "Enter number...", value: this.controlledNumericValue, min: "0", max: "100", step: "1", onChange: this.handleControlledNumericChange }), h("p", { key: 'cfd7b6473c71ae63e2d337a0ed38cac7fe488249', class: "value-display" }, "Value: ", this.controlledNumericValue)), h("div", { key: '1a5ab5c84878d698b23129dc8f8b7f2a46a74488', class: "input-example" }, h("h3", { key: '8ff0bd3644b2027f1ccf4607a001fa896ee74809' }, "Text Area"), h("text-area", { key: '8b54d457a09424321443dc4e48e140431ae45a1a', label: "Controlled Text Area", placeholder: "Enter description...", value: this.controlledTextAreaValue, minRows: 3, maxRows: 6 }), h("p", { key: 'e24c877d209de29cbb9aa8596d022036182388c4', class: "value-display" }, "Value: ", this.controlledTextAreaValue)), h("div", { key: 'cb3d16fcfef9bd860c9c789cdde68990c91735c4', class: "input-example" }, h("h3", { key: '8e91f172f4e98d293845738a8afb9584bb5198bf' }, "Checkbox"), h("check-box", { key: '676dbaabea69be3f5f91d17c7986adca52b06da1', label: "Controlled Checkbox", checked: this.controlledCheckboxValue, onChange: this.handleControlledCheckboxChange }), h("p", { key: '43a8f4032222fd5368f7fca421ff66f2f292b26c', class: "value-display" }, "Checked: ", this.controlledCheckboxValue.toString())), h("div", { key: '17a38692b2912c00977d22a89cf900fe4db8413f', class: "input-example" }, h("h3", { key: '3715bf330765086639bc0980352f1c826a7e54db' }, "Toggle"), h("stencil-toggle", { key: 'b62845365cf967114fc651ec4588cdb5af35994f', label: "Controlled Toggle", checked: this.controlledToggleValue, onChange: this.handleControlledToggleChange }), h("p", { key: '97565ba674f96a56f053c15ee4b305b00fca3cd9', class: "value-display" }, "Toggled: ", this.controlledToggleValue.toString())), h("div", { key: '7f52b0eb5bf59430918c4742de2d90a24bb22b72', class: "input-example" }, h("h3", { key: 'd8648dd0e8239f2f8e15e7177048b2586930e1aa' }, "Date Selector"), h("udp-date-selector", { key: '8e8bc3b6eba6dc91cb2ba8f19b8c16f810fa101b', label: "Controlled Date", value: this.controlledDateValue, onChange: this.handleControlledDateChange }), h("p", { key: '5e0f507d8f80e3a5506eb03a50e00341fb7f089d', class: "value-display" }, "Date: ", this.controlledDateValue)), h("div", { key: 'f96eee6cc3a0035c4d170b4675ce4b42ae0316f2', class: "input-example" }, h("h3", { key: '869940774405ef3881864c796082b6748b9d312b' }, "DateTime Selector"), h("udp-datetime-selector", { key: 'c7359174b839e386b879fce4bdbcbc94bc16f47f', label: "Controlled DateTime", value: this.controlledDateTimeValue, onChange: this.handleControlledDateTimeChange }), h("p", { key: '89f0e05b0becbfe819f400614efe04a3ba0146d0', class: "value-display" }, "DateTime: ", this.controlledDateTimeValue)), h("div", { key: 'fe08bb2860efc4214cd1c84a01324153fd42a6d6', class: "input-example" }, h("h3", { key: '9cc8d81ee4f85a69a8f15eb5daa16dbfd92b9f7a' }, "Time Selector"), h("udp-time-selector", { key: 'fae61e563015df43d76b31b6cb46e6518d45bc04', label: "Controlled Time", value: this.controlledTimeValue, onChange: this.handleControlledTimeChange }), h("p", { key: '62315ae45eb080ea450f35fee1f2fe76e83bd829', class: "value-display" }, "Time: ", this.controlledTimeValue)), h("div", { key: '571735fe6c7a126591c891da131bc6484e161bbc', class: "input-example" }, h("h3", { key: 'bbdba518d050d2442a6a2f55978e45f49ddf6e3f' }, "UDP Selector"), h("udp-selector", { key: '85bbdda76d8029a9bd0984484f57732aa7b66f67', label: "Controlled Selector", options: this.selectorOptions, value: this.controlledSelectorValue, onChange: this.handleControlledSelectorChange }), h("p", { key: 'c4d6858e679bafdb072c6e2f24df9fe979e9a2b1', class: "value-display" }, "Selected: ", this.controlledSelectorValue)), h("div", { key: '086135c1f8cfeb2eb5f9cd54436356856f6594b0', class: "input-example" }, h("h3", { key: '342be830da34c811266d9a467faa011f07c17c10' }, "File Upload"), h("file-upload", { key: '9344549ecc1570026cd900d6a80d3eb1975f0f94', label: "Controlled File Upload", allowMultiple: true, onChange: this.handleControlledFileChange }), h("p", { key: 'd5c32410a303357356be7710ac8bc51c3f6d8d71', class: "value-display" }, "Files: ", this.controlledFileValue.length, " selected")))), h("section", { key: '90a91939cbf4b5cd5d0e714ec6dbc572148a2530', class: "example-section" }, h("h2", { key: '40c14e1baae2826964bc2e41bb6230c6ece00d31' }, "Uncontrolled Components"), h("p", { key: '0216bbfb7442780936edc44866341ec2d1b7b996' }, "Components manage their own state with initial values."), h("div", { key: '75fc67742f1edf4fafe87417bcfcbde428f86d44', class: "input-grid" }, h("div", { key: 'dc2f84e6792250d96d4e82b0474701e568540375', class: "input-example" }, h("h3", { key: '6d17fcce74341e47330f203a1251a37ecc3c6498' }, "Text Field"), h("text-field", { key: '436a46aa93ffa40592380ea36be25e5ad78ac913', label: "Uncontrolled Text Input", placeholder: "Enter text...", initialValue: "Initial text value", onChange: (e) => console.log('Text changed:', e.detail) })), h("div", { key: '013560293f04950fd08cd1d9829830adc9050c42', class: "input-example" }, h("h3", { key: '54d50556c57fec37819b0a64ed6c58788ad8dcda' }, "Numeric Field"), h("numeric-field", { key: 'de05429463b1619df59ccbb378610ead45276acd', label: "Uncontrolled Numeric Input", placeholder: "Enter number...", initialValue: "42", min: "0", max: "100", onChange: (e) => console.log('Number changed:', e.detail) })), h("div", { key: 'ccdd65e720e78172bbdf79223807fde6fce10b2c', class: "input-example" }, h("h3", { key: '4bc9cb7c8a5473cc35e25955dd755be1b13c0748' }, "Text Area"), h("text-area", { key: 'e6620c10db672e8184ccf43895bd6805808c2cf4', 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: '352cfd880f026ff7a14d596599aa665734ff21a0', class: "input-example" }, h("h3", { key: '7c6b5e8b1d83b85fb02d4107a5598a696e0bdc86' }, "Checkbox"), h("check-box", { key: '171a78ba1b898c08cf73e84e1aa91e24c20ae1c0', label: "Uncontrolled Checkbox", initialValue: "true", onChange: (e) => console.log('Checkbox changed:', e.detail) })), h("div", { key: 'ff81933cfb80a36b515ca5c0ebed3a8172bcf152', class: "input-example" }, h("h3", { key: '06d7c7657af8c0d0b57fbf301bf675b6f401f1d8' }, "Toggle"), h("stencil-toggle", { key: 'c3fa6566984d2f8efa177f336d9c4b21400753e3', label: "Uncontrolled Toggle", initialValue: "false", onChange: (e) => console.log('Toggle changed:', e.detail) })), h("div", { key: '52428a2236893246268e976eccefc5d0ed420077', class: "input-example" }, h("h3", { key: '4bd154912f6328e88fae791898b0a74942b7e948' }, "Date Selector"), h("udp-date-selector", { key: 'a206c079f63dc834363c1a13df8593571ef31924', label: "Uncontrolled Date", initialValue: "2024-01-15", onChange: (e) => console.log('Date changed:', e.detail) })), h("div", { key: '797b0a55e6cb4c66e642bab72e68da01c212bb73', class: "input-example" }, h("h3", { key: '20b438beff287b412d2e692e12f1b96f8c8fa5aa' }, "Time Selector"), h("udp-time-selector", { key: '74e861d9f070225bdc7b8b7b9d6f9fb87a27fb1e', label: "Uncontrolled Time", initialValue: "14:30", onChange: (e) => console.log('Time changed:', e.detail) })), h("div", { key: '8a43ae37f986fd8c81d091be946e9d3407b593a1', class: "input-example" }, h("h3", { key: 'bdbf60f7deddef385c78a9bf7f05e50ef788792c' }, "DateTime Selector"), h("udp-datetime-selector", { key: 'f3917bebe83cc1a55d7caa1acec5ec991fab115c', label: "Uncontrolled DateTime", initialValue: "2024-01-15T14:30", onChange: (e) => console.log('DateTime changed:', e.detail) })), h("div", { key: '1782c0c0af9bf367d5a65748da1b5f4882ff478f', class: "input-example" }, h("h3", { key: 'a530d1d5750b4e6927bafb056211d420cd86cb02' }, "UDP Selector"), h("udp-selector", { key: 'e6935be37209f2872a10429544651ed8ae3ae9eb', label: "Uncontrolled Selector", options: this.selectorOptions, initialValue: "option2", onChange: (e) => console.log('Selector changed:', e.detail) })))), h("section", { key: '526277689a5ab71c53aea1a15dc1e005e3513337', class: "example-section" }, h("h2", { key: '52b1138ff192ed102b15db303cd565a64d2bfe40' }, "Form-wrapped Components"), h("p", { key: 'd7e086a0b2a635d184c324219e6fa2137da4c717' }, "Components integrated with stencil-form and stencil-field for validation and state management."), h("stencil-form", { key: 'b9914d0287d025ce6065f5985d49fbfc230b2b7f', 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: 'c988f4199f89b9d28a444ca6f262d0f7a4d7086f', class: "form-grid" }, h("stencil-field", { key: 'e61edacce18a1080604cca6c83a47eb9bf853dca', name: "formTextField" }, h("text-field", { key: '52a4fb8ad33fb5eb5f4c03a6b34f0352daecb227', label: "Form Text Field", placeholder: "Enter text...", required: true })), h("stencil-field", { key: '2fde12d1bc8562d727b9c16486f3cebc8d0ef0a1', name: "formNumericField" }, h("numeric-field", { key: 'cce90a03f97a7ce519e769cbf5568557e8da5172', label: "Form Numeric Field", placeholder: "Enter number...", min: "0", max: "100", required: true })), h("stencil-field", { key: '483c179ef0e6e057b0038c44ad35d758e8da72c0', name: "formTextArea" }, h("text-area", { key: '54bf5a7d1a29f00a4db885e70a4fff18c25ccc8b', label: "Form Text Area", placeholder: "Enter description...", required: true, minRows: 3 })), h("stencil-field", { key: '5b9b92bc986d8247e0d29580d16ea1af1d6dd811', name: "formCheckbox" }, h("check-box", { key: '9b697664e89f5e88964e740cb713e783cb7e5eaf', label: "Accept Terms and Conditions", required: true })), h("stencil-field", { key: '04e214cc1e402cd5d8cc4a902530ce3e5abfab93', name: "formToggle" }, h("stencil-toggle", { key: '90264b08f1fde534454cc62bbbc94148de7d357b', label: "Enable Notifications" })), h("stencil-field", { key: 'c2b32a971b1ff98067606c621cde478eddf532dc', name: "formDate" }, h("udp-date-selector", { key: '38d4277f734bfe478a07f3137424608646a48848', label: "Form Date", required: true })), h("stencil-field", { key: 'be40b541a17d729c6140931d05fce1baf2db7273', name: "formTime" }, h("udp-time-selector", { key: 'f3c10e03320cbd983b5573cee4ec99c737a0d389', label: "Form Time" })), h("stencil-field", { key: 'f0ec76807e7ac9caae2c216665934d5668abee6d', name: "formSelector" }, h("udp-selector", { key: 'a887013efc6d25c8119ec1ead75de3e3779e1d20', label: "Form Selector", options: this.selectorOptions, required: true })), h("stencil-field", { key: '662c9e1b54e9eb2926dd5405c17e7c9774bddba5', name: "formFiles" }, h("file-upload", { key: '08c9b118f3582f93086a5da3fa4d45446a967f5e', label: "Form File Upload", allowMultiple: true }))), h("div", { key: '951a514199520009da7df0798a6b9a6a8c8fb696', class: "form-actions" }, h("button", { key: '8550d0b23137a65a279390fcd083b75280e5c2ff', type: "submit", class: "submit-button" }, "Submit Form"))), h("div", { key: '194547ea02a3a71691c9721456def235b1ca0aa1', class: "form-values" }, h("h3", { key: '9f2237ad72e7dc8a89a3b76eb2a85489ef784b0f' }, "Current Form Values:"), h("pre", { key: 'b9e2cbee72e21f3640dba65eab05d2af47c4a284' }, JSON.stringify(this.formValues, null, 2)))), h("section", { key: '58723614fb40ff513d99eb984324848e68e26690', class: "example-section" }, h("h2", { key: '1c3528c6fa28d8c47bddd005523b2b2203433c24' }, "Additional Examples"), h("p", { key: '663507cd004a87e188acd89611a6f719dc236a0d' }, "More complex configurations and specialized use cases."), h("div", { key: 'c09839477af2b59587589b71730736fbe11f10f6', class: "input-grid" }, h("div", { key: '05be4e05ea40a32b44f8486ac36ec648617667ce', class: "input-example" }, h("h3", { key: '1a55bc8af2155bb961dd087ec28f1894604cf181' }, "Multi-Select UDP Selector"), h("udp-selector", { key: 'e39700fb3d1c54346e51ba22408c677ccc00fa93', label: "Multi-Select Selector", options: this.selectorOptions, multiSelect: true, initialValue: "option1,option3", onChange: (e) => console.log('Multi-select changed:', e.detail) })), h("div", { key: '8f18b41bb0f8fde3e7ea57e0a127885d3888039e', class: "input-example" }, h("h3", { key: '2627a3d0bfdcd7dc23fd67f4563733f2300c27de' }, "Large UDP Selector"), h("udp-selector", { key: '33c8e46f5e98b732c8e861de3fa1a8dadf8e75e1', label: "Large Selector", options: this.selectorOptions, large: true, initialValue: "option2", onChange: (e) => console.log('Large selector changed:', e.detail) })), h("div", { key: 'e74f1ccfac444c1058b03006c7516a90090704fc', class: "input-example" }, h("h3", { key: 'c13665d87d1ab26ce42084f5b497514df758336b' }, "File Upload with Type Restrictions"), h("file-upload", { key: 'fdbcbce5f0ad21427b10c69b1ff14faa5ff5bcd6', 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: 'e485136314ce4c0ea095ad532a3729e72d731e79', class: "input-example" }, h("h3", { key: 'fd9026adbfe0a0da04dba6d8e58d096e0e88cda1' }, "Disabled Components"), h("div", { key: '1a35bfda54b5bf67f50c460a028cec1e9a7979dd', class: "disabled-examples" }, h("text-field", { key: '163bd27c789de9fadaf4e7a509f59d36ef41a35e', label: "Disabled Text Field", value: "Cannot edit this", disabled: true }), h("check-box", { key: '6d94b2842459b07cd8a093c17555613e02ecdc27', label: "Disabled Checkbox", checked: true, disabled: true }), h("udp-selector", { key: 'db1da592947e1f072f2fc88026a3643059f8e405', 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: 'a04e6b402e88c914e2c53bf45d587a819544dda6', 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: '41eb6d0141ee4439623ec120ee274bb787f1bfee' }, h("div", { key: '2b210540274910e64292519574d5bb67a770bdf5', 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: '913f2b8c672493d7316e64ca3c26cea222b0281d', class: "avatar-container" }, h("udp-avatar", { key: '114fa2f5a4d3395aad73fff0fa6d239c7eecaf2a', iconName: this.iconName, variant: this.avatarVariant, color: this.avatarBackgroundColor }))), h("div", { key: 'bf27da4ea3959f2330e910ccf4964519941e7336', class: "text-container" }, showPrimaryText && (h("div", { key: '9f644311da4b3f144f2afc9f5a57f17e6c6b84a3', class: "primary-text" }, h("slot", { key: 'd7590409f59e534c5a057942ce30f9512e1a7b94', name: "primary-text" }, h("unity-typography", { key: 'a023f31b04cdc9c60514140d9f47681b2ab800d3', variant: "body" }, this.primaryText)))), showSecondaryText && (h("div", { key: '40f57bd6c501910e200d4cd145c9fed2a36d2fe8', class: "secondary-text" }, h("slot", { key: '62fbe0222b1d4866c61fe07a8d84d1567cbc4d56', name: "secondary-text" }, h("unity-typography", { key: 'e33b76e74015dd4e7176c06cdf84e8c40b3ba554', variant: "caption-text", color: "textSecondary" }, this.secondaryText))))), this.hasStatusChipSlot && (h("div", { key: '97542efce1a23b6e504cd541e41254e83da48baf', class: "status-chip-container" }, h("slot", { key: '432f5cc6a98b82c7ee53906dce053e95e097c588', name: "status-chip" }))), this.hasActionsSlot && (h("div", { key: '9e8065713ec74f83cd6bd7a00dac7c54c92355c0', class: "actions-container" }, h("slot", { key: '949296f60d37ed3cd5fdfc8c5cb39f8e38ef30f6', 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: '8dbb0c525b3862b708dd8696eaafc99b324f5a06' }, h("div", { key: 'd341bdff2838fcbfadd826b5f9eb11bd470ca4e5', class: "question-item-options-list-container" }, h("stencil-toggle", { key: 'd7a486294420828851cfc0fc79378cad9b8a279a', 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: '6e33b7772c80a37cc7bc2c2822d3ec73ad6fe78d' }, 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: 'fc5ccae0b8e426da2c6f4ebab5130b857bddd68b' }, h("div", { key: 'dfddc472fc1b4f16e5cde9b05503472e28edfd4c', class: "list-options-header" }, h("unity-typography", { key: 'c7e50f1718771723c8a4e8870069c6956d9d8ed3', variant: "h6" }, "Configure Select Options"), !this.isViewOnly && 'items' in this.question.fieldProperties && (h("udp-button", { key: '6e60334e97d3536131763dd3ed5899cd290e1210', 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: 'fb89aa71848e46d19bbfe795949993fbf5ad78d9' }, h("div", { key: '4910a1a869003c22a8dc3dfb410777d424399576', id: "map", style: { height: this.mapHeight, width: '100%', overflow: 'hidden' } }, h("slot", { key: '544c055bde3064fb34caf24931c92b619bb9fc1a' })), h("div", { key: 'a7e46b10ba9aca7f23a6fc7e29c313093ac50125', id: "featureDetailsPopOverContainer" }, h("feature-details-popup", { key: '2c6878b076ce528de98cf0f6e1593123573b9cb1', 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: '1eba387405c4bf43b9c4ce081cb492d741b04b92', class: "toolbarContainer" }, h("div", { key: 'ffb57c4c043d56e928e804ba4d48ec9f9f26d9d2', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && h("unity-typography", { key: '473b413fa71cf1c3a44fcaa27a3252b86133412a', variant: "h4" }, this.mapTitle)), h("div", { key: '58d54ecb7d82d1e46c3ca21dc200e012c6532d1f', class: "buttons" }, h("div", { key: 'f4745e154a0bd1a5afa37a7cde9215538971ea0c', class: "buttonContainer" }, h("div", { key: '0519d96067031bfcd8d38ba11b8b30722de6aa37', class: "secondaryButtons" }, this.filterPanel && (h("div", { key: '9a8fbc50acdfc99adc1cef7a3b05da9aedad36b2', id: "filterOption" }, h("div", { key: '93e58b935048c6acd27fded91aac745d60a27cfe', id: "filterOptionButton" }, h("stencil-icon-button", { key: 'd325a815292b31879d23a41882defa95607f61fd', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (h("div", { key: '25e452412bf6a7f1e57e5b84c44154aad8c87b8b', id: "filterOptionDiv" }, h("udp-pop-over", { key: 'dde09e92dbb5743b48e65a4a5b558dba682c5dac', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("div", { key: '759edc2e56cb727c18b37f234fd69bde9ea6630d', innerHTML: this.filterPanel })))))), this.layerOptions && (h("div", { key: '2fabf18e069c06e2df0de699116b0017be77f347', id: "layerOption" }, h("div", { key: '8972d9cf4c32c9b35559812522c58f692728a90d', id: "layerOptionButton" }, h("stencil-icon-button", { key: 'a44bf929c953da98a0a2389efb31135c196bc154', 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: '8bfc66d8a2af2b8f262377827017fc4f0282bdba', id: "layerOptionDiv" }, this.layerAnchor && (h("udp-pop-over", { key: '4419c415218b76e0e0fa56db48fec2e4f375fa2a', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, h("select-layer-popup", { key: 'bbece2ad270970f457912c4a3057200664ef71a3', 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: '049b29d4f288b3ca7c9a06b677241c800575a02a', id: "bulkSelectOption" }, h("div", { key: 'df804ada9992538d5d740c7d1d404a04072c015f', id: "bulkSelectOptionButton" }, h("stencil-icon-button", { key: '29f6948ddc700b8760c9187d1160a203621116b4', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), h("div", { key: 'dfb95265b42906ac297ae0915cf6f5d13332089e', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (h("udp-pop-over", { key: '1e3e98d550f1432acc21d7bf4cbdcc90a59be339', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("udp-menu-item", { key: 'd80259e629d4837e8d379ba08b00df3a7246e037', 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: 'dc61c1fe2f7918ea83f89be262d8cb29d51f226b', label: 'Circle', handleOnClick: () => {
+            } }), h("udp-menu-item", { key: '03cad1abb0ba35bdb27ecf63c58a6e985746c008', label: 'Circle', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('circle');
-            } }), h("udp-menu-item", { key: '115f39df51f9652896c86a0ab5d3ebcac74b7f42', label: 'Polygon', handleOnClick: () => {
+            } }), h("udp-menu-item", { key: '28ca90437366482fe37289ce8b8ca845e75ff35f', label: 'Polygon', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('polygon');
-            } }), h("udp-menu-item", { key: '5a552b35e6f17bbf0d239c1d7ecf61c93dae0b8b', label: 'Lasso', handleOnClick: () => {
+            } }), h("udp-menu-item", { key: '3fb5744a59b4ca758b670a532da83ac7544c3e26', label: 'Lasso', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('lasso');
-            } })))))), !this.readOnlyMap && this.enableSplit && (h("div", { key: '97b0a293572225057f7293522ae1bd8e4d8859ce', id: "splitOption" }, h("div", { key: 'e027ac10e6e0d540cfe25841bb5d1c4a282691c8', id: "splitOptionButton" }, h("stencil-icon-button", { key: 'ca7514fdbf701ed837d9d29a9e0388c4e495b675', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), h("div", { key: '278b56b5d01297f1088d4ee85c9f3736d266d077', id: "splitOptionDiv" }, this.splitAnchor && (h("udp-pop-over", { key: '3769be623dbab0e42fc95339c5da88c1458b0044', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("split-line-popup", { key: '7acfc291053af93ac25ccb39b130650889482f7f', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (h("stencil-icon-button", { key: 'f1fbbadd29aea681c3d04bb0c2788e96f5ec4350', 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: 'dfa3aff925c51f86df39d40d2197436078e8318f', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: 'b28aa322b29c14a1de03a89fbd6d1c37ca7930dc', 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: 'fca407f3dc7199ea55275beb4eee465167ceea93', variant: "button" }, this.getButtonText())))), this.showSplitButton && (h("div", { key: '9effe3aaa30520eb6f5b9efa7fda5175ed8b091c', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: 'f03951703a6445929a2a761309c3f258d9fcabe9', showLabel: true, icon: Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '0af4980c4a309601f6dd1097355aca69d859c77e', variant: "button" }, 'Save Split')))), this.showSplitButton && (h("div", { key: '6ef7104b181d6fd7299bb865e569dc189ad6a24f', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '44338781709d52bf448a7a633c640146492856f7', showLabel: true, icon: Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: 'aebcfb04c8cc10f56bbf4043cd05017115653143', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (h("div", { key: 'bcb41a52f13a47db70c8b9f5af6abc7c513290fd', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '5fae2fc60c5eeac7d51ee2fbf97745e5f7d5d086', showLabel: true, icon: Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '355dae6321de0f406e78ff371c7fc1a81d460a88', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (h("div", { key: '42ee564e2176c31ecbe6c20e6f17629cee37ed20', class: "selectedFeaturesButtons labelButtons" }, h("div", { key: 'e3f6928b33007f677bbdc355c9a5626d21f0e6f4', id: "withSelectedOption" }, h("div", { key: '1645690909db2062d12825aa60e5296faf7dd72a', id: "withSelectedOptionButton" }, h("stencil-icon-button-grid-action-header", { key: '9134da4ae07c260b1ec80497392e0b928d67edb0', showLabel: true, icon: OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, h("unity-typography", { key: '3175b9135a0d9b0139441d536525b61409aad478', variant: "button" }, 'With Selected'))), h("div", { key: 'bfe9ed21796c744f57432d65de29f41c6af93012', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (h("udp-pop-over", { key: 'e47e9655a04c432af84d7a74af5e5723384f0bf9', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, h("div", { key: 'd79a38d005451dd8a2d82801c472520d29d374a8', innerHTML: this.selectedFeaturesActionPanel }))))), h("stencil-icon-button-grid-action-header", { key: '89cc575ab98ab801a7b716cbb82d298d42082ed9', showLabel: true, icon: Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '93050377a4ad47e87987d42e9a87b2ce4781f60f', variant: "button" }, 'Cancel Selection'))))), h("div", { key: '98a41208a4257aaa119df27d126ca5dde1bb1cf0', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (h("div", { key: '74bc8c6f1f7c63b6a25fbc41ba6441bed0902a26', id: "addOptionButton" }, h("custom-button", { key: '8fcb487b0e4e7365ec5fb38ef16468b2e6787d91', secondary: true, label: h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, h("udp-icon", { key: '0c370bf5114be8fcfd6e473797edbbf663dafa13', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (h("udp-pop-over", { key: '7be238e827d9dbaf3c4a3dfaaf9e6cce51b7e0fe', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("add-map-feature-popup", { key: '64f39e0b6b3bcaa100669ad6e5fab61859009257', 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: 'badaf6d93163a5e0d5bf1cb033d598d83be73b48', 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: 'b725b7a222e9c79497aadb4d253c027f156c9a24', class: "bx--form-item" }, h("unity-typography", { key: '4a8de311ad90f28627f65efd0e82b261b9694084', variant: "caption-text" }, h("label", { key: '468eb2655787185f23310d258c069e26cc16c5bc', 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: '3b50f72129f7cc9d7033aa76cba4f378cdec47c1', class: "error-message" }, h("unity-typography", { key: 'dc81e247eceaaa8bf97c7615a6df5410da03ea0d', 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: 'a747d9aeac8c5d98c8781f91c0306e20279886df', class: "header-bar" }, h("div", { key: '167eafc92eec5750035e6cfba200893b7cc5e10b', class: "title-section" }, h("unity-typography", { key: '2aa18ffa1d295e3ba51cea9fd2c842f7bbb35004', variant: "h4" }, this.title)), this.tabs && (h("div", { key: 'd5b3255eadb6ba4961e1c312861ac814ea8c8743', class: "tabs" }, h("udp-tabs", { key: 'c1c5d42e23ec1b25963127a2b081d86abeb9e3b6' }, h("button", { key: '79659833299583267aa6589a5e36142256681dc3', class: this.activeTabIndex === 0 ? 'active' : '', slot: "tab-title", onClick: () => this.selectTab(0) }, "Demo Grid"), h("button", { key: '0635c5ef0354b88c2a0e1793a5249dd04fc70015', class: this.activeTabIndex === 1 ? 'active' : '', slot: "tab-title", onClick: () => this.selectTab(1) }, "Other Content")))), h("div", { key: 'a7da9e4e8385692aa04b1196e49d4b0d973b35d2', 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: '20aa08ddc0f999d58f401594bfe42802d100afac', class: "right-margin" }), this.actionButtonLabel && (h("udp-button", { key: 'd63ae8c88041c2b07d61e2ae94cb28df17c58d4e', 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: '3f492b8636ff73160970c64dad3cc33af97478b3', class: "generic-configs-container" }, h("div", { key: '2bc887fc9aebce0b62fbacb0a98a93a4ec374676', class: "question-configs-header" }, h("unity-typography", { key: '5288de2affd04aea4ba7986819bc901664a85d06', variant: "h6" }, this.question.questionTypeName, " Question"), h("div", { key: '37369636fa4e76dc4382523a6385b6a4f56e7bfe' }, !this.question.fieldProperties.ignoreRequiredConfig && (h("stencil-toggle", { key: '95b954b18cc43dc6d7af929a92f4d7f89e0a6d72', 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: 'bf72c2eaafa84ab4283d4cb2c877a23d4e328466', 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: '8d075bd14f7d6be1e40697914989d526839b7227', 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: '42843dbf43d315aaf789025a2ba50bb59b71e2b8' }, h("stencil-toggle", { key: 'e267a965917fe78b3870e5cc3535dce1584ebfa4', 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: 'e8ba93f33dd190f0171b5cba1fe141e679e8b63b' }, h("stencil-toggle", { key: '0489937ca5852761a44b42e673ae63c7489a47e1', 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: 'a864b3693949c3996e13236dd6d6d6175fbb5d5b', 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: '8bb97df169f2f303cab175ecdf34844cbb8482f0', class: "resource-timeline-calendar" }, h("resource-timeline-primary-bar", { key: 'c9db465059524e09036587f1ee369eca4641fcea', 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: 'a9850a7c6519a8ac1bd094a396a16dbf1dffd5cc', 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: '2a66de4fa2a5788af431094dad4ed1d738707235', class: "header-bar" }, h("div", { key: 'c26898574eb9bd8d9410aef63a369a3cde6afa80', 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: 'd178f920fb58eb6e6850e91790657d619a9cdd11', class: "subtitle" }, this.subTitle || this.subTitle === '' ? (h("unity-typography", { variant: "body1" }, this.subTitle, " ")) : (h("udp-skeleton-loading", { width: "200px" })), h("div", { key: 'e8f598c0ca91d62e7326a227479e52c50fc123b1', class: "subtitle-status" }, this.subtitleStatus && (h("udp-chip", { key: '74bfd5f3ecf4966896f443bc702068f913235526', variant: "outlined", size: "small", label: this.subtitleStatus, color: this.subtitleStatusMappingClasses[this.subtitleStatus] })), this.showLockedIcon && (h("udp-icon-button", { key: '98b2d80ceacca1130ae6b99f326613b582144ca9', icon: getIconFromName('lock'), variant: "outlined", size: "x-small", disabled: true }))))), h("div", { key: '5524d1bd00864118ee4d45ebb05226f301e8cb4f', class: "button-section" }, h("udp-icon-button", { key: 'e2d0c6cd6bc38f61d86ee122a32cdf171b92d3c1', 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: '7a04742387e28f0a78d6539ff0b03c4985137229', open: this.isMenuOpen, anchor: this.menuAnchorEl, handleClose: () => (this.isMenuOpen = false) }, h("udp-menu-item", { key: '3acb2cc1a9421d1e582e2ee3ff9d2c8c5374a4f7', label: "Expand Groups", onItemClick: this.expandAll }), h("udp-menu-item", { key: 'f1fbb4cfa270ced88a9f1c3b09fb892b5743b1c2', label: "Collapse Groups", onItemClick: this.collapseAll })), this.clickBackward && (h("div", { key: '8393e52e0494161fe016eb4bfc4f50f75745f703', class: "date-navigation" }, this.clickBackward && (h("udp-icon-button", { key: '43d6d92184f28d5ae16658970eb0668526e3b809', tooltip: "Previous period", icon: ChevronLeft16, onClick: this.clickBackward, size: "small", color: "inherit", disabled: this.disableHeaderActions })), this.clickToday && (h("udp-button", { key: '86e85c4af0d74d1d1573195be66187697313c8e8', onClick: this.clickToday, size: "small", color: "inherit", disabled: this.disableHeaderActions }, "Today")), this.clickForward && (h("udp-icon-button", { key: '9b009045cf9be2d7b8bc11e674fdc9134baae28b', 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: '9320445c97b12fa6403d33765a76ad4e54baa567', 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: '47862c1898db0b9c979eaaa6dbb2a0a4c750bbe2', 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: 'c2926169d24d5964ba0a202199e3a5f46186075b', 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: 'c4157e2d148ef0566bcaa19e07d4c1699df65868', class: "save-form" }, h("text-field", { key: '8415b9b28f1d8405325d1066158c2b7279dd394b', label: "View Name", placeholder: "Create a name for your view", value: this.name, onInput: (event) => this.handleNameChange(event) }), h("div", { key: '13b731a0dacf1acdc0829ee3d1589ce93b57362f', class: "toggle-options" }, h("div", { key: '63c23d978e2b05c7eaebaa1128592c4776a18db7' }, h("stencil-toggle", { key: 'aa2edb2c9e399ab133e48789fa4428b234456e18', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), ' '), h("div", { key: '530df15c84ff4cf6748ecc43d9b99a1897601548' }, h("stencil-toggle", { key: 'fe4e4b97c11e6a3d3ff536660c8a59fc58296286', 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: '9fb346269c6a44b051c4a20cc39bfbc623ed9511', class: "list-item" }, h("div", { key: '46a6a66eb5f52df6e8bec384bbf297dbcf0d4e2c', class: "list-body" }, h("div", { key: '7d9f84c9bd1fba13c9c9bcca525e1c785975de24', class: "name" }, h("unity-typography", { key: '9f5addc8ff5141cd43a823245ae1562f0276e772', variant: "button" }, this.label)), h("div", { key: '934360ca2bd4d9f2bc27b984105a08b99a7e1430', 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: '797210e0f73d37629b38daee87679d6c6ed22957', class: "input" }, h("text-field", { key: '4a66cf9f3a2600ef5bc690b74050866abb8c8bc6', value: this.name, disabled: this.isInitialSearchItem, onBlur: this.handleInputBlur }))), (!this.isInitialSearchItem || !this.isDefault) && h("stencil-icon-button", { key: '24001c57bab2a78885fe3853571893f1fcb8e8fd', 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: 'fa09ccc17030bad6164245ff7b908633eeb0e66d', 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: 'cfea0af65b067a2859810a37fdfb5d308de5f021', class: "generic-configs-container" }, h("text-area", { key: 'b119caf27d85b8ee865b104a68eedee7bc39bd93', 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: '38108016d5582391d402de818618c9574fe52b88', 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: '7cc829b3d37a6e2966f072409de9684587c4f702', 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: '75be11ee044fe3dd6b1ff317f5102d9a5e843c0b', class: "popoverContent" }, this.enableTileSelection && (h("udp-selector", { key: 'fb9f115d6cb76d9195f519e586fd2f43663853da', 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: 'e85a746fb04057cadf91eb450283987fb3372cd3', style: { height: '12px' } }), h("div", { key: '58861e7563ec08856433a4026c10ebdfafdac06b' }, h("text-field", { key: '350169bcaf5aa1e94e6df89f4a93d1ad6991c4d1', 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: '8cefcdc21a6a0ed277b89ddec72ad57b3625251d', 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", {