udp-stencil-component-library 26.9.0-beta.3 → 26.9.0-beta.4

package/dist/cjs/add-map-feature-popup_4.cjs.entry.js

@@ -87,11 +87,11 @@ const AddMapFeaturePopUp = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h("div", { key: '9443d32e64e7963c672ab4a65d521a67f5893dee' }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (index.h("udp-fluent-dropdown", { key: 'e7bb4c02f748faee2e038f551f77a9e2eeedb831', options: this.layerToAddOptions, value: this.selectedLayer, valueAs: "value", label: 'Layer', onValueChanged: (e) => {
+        return (index.h("div", { key: '4631c424ef6940aac530d2079fcd8577ab057880' }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (index.h("udp-fluent-dropdown", { key: '7a2271ceeaf39df80e5818b925ffb5928599bd64', options: this.layerToAddOptions, value: this.selectedLayer, valueAs: "value", label: 'Layer', onValueChanged: (e) => {
                 this.handleSetSelectedLayer(e.detail);
-            } })), index.h("udp-fluent-dropdown", { key: '8d9971fba8f681e4a45a938d822d09f8ffce285f', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], value: this.selectedType, valueAs: "value", label: 'Type', onValueChanged: (e) => {
+            } })), index.h("udp-fluent-dropdown", { key: '86b748eaabeecc82932db80c033282ae8e1b938b', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], value: this.selectedType, valueAs: "value", label: 'Type', onValueChanged: (e) => {
                 this.handleSetSelectedType(e.detail);
-            } }), index.h("div", { key: '504b1490014741ce4c087aca05dbcfac7c37cabe', class: "formButton" }, index.h("udp-fluent-button", { key: 'aafa8cc8726541572d06a4244beab4ce2e6d167b', appearance: "outline", onClick: () => this.handleStartDrawingMapFeature(this.selectedLayer, this.selectedType), disabled: (this.selectedLayer === null && !((_c = this.panelConfig) === null || _c === void 0 ? void 0 : _c.hideLayerSelector)) ||
+            } }), index.h("div", { key: '3a5a991ceb5343378be753805705e0f735aaadec', class: "formButton" }, index.h("udp-fluent-button", { key: 'c0fc1065f22e15e8d26d73d40b5c7031e6c61b95', appearance: "outline", onClick: () => this.handleStartDrawingMapFeature(this.selectedLayer, this.selectedType), disabled: (this.selectedLayer === null && !((_c = this.panelConfig) === null || _c === void 0 ? void 0 : _c.hideLayerSelector)) ||
                 this.selectedType === null }, "Draw feature"))));
     }
     static get watchers() { return {
@@ -270,14 +270,14 @@ const MapToolbar = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h("div", { key: 'ed9976f3257c5f710be36c97a01ab965e9b80c96', class: "toolbarContainer" }, index.h("div", { key: '3bc48bf9d24bfa7e44def4723e3e66684a5d02f7', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && index.h("unity-typography", { key: '97e9f5c73cee572b54e5605ad09f0d9e1d01e85c', variant: "h4" }, this.mapTitle)), index.h("div", { key: '259ed3563ad6b7d40ad60c9924e37ec7da2acfb5', class: "buttons" }, index.h("div", { key: '4db58b0c60318f44c9a9cfd6299fb50a5a770b1a', class: "buttonContainer" }, index.h("div", { key: '57eb1b61331f080ebed13faf15b1c1a09e67fe0d', class: "secondaryButtons" }, this.filterPanel && (index.h("div", { key: 'b27181b4a73faa8b9bf27db7f40cabbf2c92ec1a', id: "filterOption" }, index.h("udp-popover", { key: '37a89762195bdfd44958d84688434d041bc0e113', open: this.filterOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseFilterPopover() }, index.h("div", { key: 'd8bb51baec8ec4939bfccdf02dbfe0480d19de87', id: "filterOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: 'd82256f95133bcf1d67d2869292f4813bd029241', content: "Filter" }, index.h("udp-fluent-icon-button", { key: '690115b48650774befa4fba46e203df362466b82', iconName: "filter", ariaLabel: "Filter", onClick: () => this.handleFilterOnclick() }))), this.filterOpen && index.h("div", { key: '1b7398424cefff22dcf5c51d34ca3835b4757ce2', slot: "content", innerHTML: this.filterPanel })))), this.layerOptions && (index.h("div", { key: '00bd7d379ec3703f6de76c84f2803fcded5e4a32', id: "layerOption" }, index.h("udp-popover", { key: '7f4de646586562137f0d40556b663586c4326173', open: this.layerOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseLayerPopover() }, index.h("div", { key: 'd33b0cd6b1701d10d62c2511a32ba01fca9d5bae', id: "layerOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: '9255f99980624c86c2ff0130af4f357099c1bb6d', content: "Layers" }, index.h("span", { key: 'f191c768718bff83c27deecda6253e52beb855b2', class: "layerButtonBadgeWrapper" }, index.h("udp-fluent-icon-button", { key: '5065430e6da820ddece16699d57a796d21cb9cc9', iconName: "layer", ariaLabel: "Layers", onClick: () => this.handleLayerOnclick() }), ((_a = this.visibleLayers) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h("udp-fluent-badge", { key: 'cffe3586c4199fa0da35667fb2be6288e4924cd5', class: "layerCountBadge", size: "small", appearance: "filled", color: "brand" }, this.visibleLayers.length))))), this.layerOpen && (index.h("div", { key: 'e1e87f1e8c8277876c03b56547a75375257cb93d', slot: "content", style: { maxHeight: '500px', overflow: 'auto' } }, index.h("select-layer-popup", { key: '96bc710160e73a9eda7cb49f550b41b3f9a2a2a7', 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 && (index.h("div", { key: 'f8f67feff08a23ebd15e681555e3a692502dbe17', id: "bulkSelectOption" }, index.h("udp-popover", { key: 'ead4ec820620bcf6f94b46107f329324f8ba1e5a', open: this.bulkSelectionTypeOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseBulkSelectionTypePopover() }, index.h("div", { key: '6d3fb0e5908d9f62da2432b70b2022394bb59028', id: "bulkSelectOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: '75ff5ffef9ad3708117afe0df08e70773417f2f5', content: "Select" }, index.h("udp-fluent-icon-button", { key: 'adf06e566488dae4770aa2027f2997345be5b77e', iconName: "lasso", ariaLabel: "Select", onClick: () => this.handleSelectionBtnOnclick() }))), this.bulkSelectionTypeOpen && (index.h("div", { key: '9f52b3932a0a3adf8b127a894945112932bdeb37', slot: "content" }, index.h("udp-menu-item", { key: '13c7eb7d566867f607bcba2784fd3cf63ccb22f3', label: 'Box', onItemClick: () => this.handleBulkSelectionTypeOnclick('box') }), index.h("udp-menu-item", { key: 'daa17bde6246ee28ecb16acede69df04be295246', label: 'Circle', onItemClick: () => this.handleBulkSelectionTypeOnclick('circle') }), index.h("udp-menu-item", { key: 'd52752a82b5113b68961bbfb1d6163a57b0c2649', label: 'Polygon', onItemClick: () => this.handleBulkSelectionTypeOnclick('polygon') }), index.h("udp-menu-item", { key: '7626fa328501db803e086affc008891a230ffeb6', label: 'Lasso', onItemClick: () => this.handleBulkSelectionTypeOnclick('lasso') })))))), !this.readOnlyMap && this.enableSplit && (index.h("div", { key: '5c52732ed791363e2adea02d35537c29080b042d', id: "splitOption" }, index.h("udp-popover", { key: 'bbdaa79398ebd3e72b920f427287e762cdfb7c8b', open: this.splitOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseSplitPopover() }, index.h("div", { key: 'ec8a6af9dd429fdc816cc1de58d3adcf8447a9b6', id: "splitOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: 'd9739deb58752728bc5225d73cafa2dd4b60359b', content: "Split Linear Feature" }, index.h("udp-fluent-icon-button", { key: 'aa8369e43e3be12d79636928a34e72986b5e2348', iconName: "cut", ariaLabel: "Split Linear Feature", onClick: () => this.handleSplitBtnOnclick() }))), this.splitOpen && (index.h("split-line-popup", { key: 'c1d69240c5d54f1f1e320a3c1f635c49005677ef', slot: "content", vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting }))))), this.refreshEvent && (index.h("udp-tooltip", { key: 'a123fecb461d2e2d232b9de99c6ca583e28161da', content: (_b = this.refreshButtonTooltip) !== null && _b !== void 0 ? _b : 'Refresh' }, index.h("udp-fluent-icon-button", { key: '8ddbea5ca20b57078f5b1dded20e10d5afb6535c', iconName: "arrow-sync", ariaLabel: (_c = this.refreshButtonTooltip) !== null && _c !== void 0 ? _c : 'Refresh', onClick: () => this.refreshEvent() }))), !this.readOnlyMap && (this.enableDragBox || (this.addMultipleFeatures && this.enableAddNewFeature)) && (index.h("div", { key: '7000552c948785fe26f5fb1e32d53654173fb795', class: "labelButtons" }, index.h("udp-fluent-button", { key: '04d43a8cb42b31367b7e95152dadfbede0eaeb06', startIconName: this.getButtonIcon(), appearance: "transparent", size: "small", onClick: () => {
+        return (index.h("div", { key: '52ebe5a45f5ea868966a87e53b1610dca55cce53', class: "toolbarContainer" }, index.h("div", { key: '50721b9c44e3bc3dbe86e7a2e9ba70bf0c1e2a3a', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && index.h("unity-typography", { key: '772c9b37ebfa5f96569edb213473a53d68a008a5', variant: "h4" }, this.mapTitle)), index.h("div", { key: '1e99ad17ad835c096ccedb2eec51c6926eb14886', class: "buttons" }, index.h("div", { key: '7a8ceb90d45ec29694520c18b71027b2d618def4', class: "buttonContainer" }, index.h("div", { key: '2c7f948fcfcecc4378154c7a19ed91a3940bcc9c', class: "secondaryButtons" }, this.filterPanel && (index.h("div", { key: 'c514250cc6fa64127ebe0f4c6f26ded8a23e4581', id: "filterOption" }, index.h("udp-popover", { key: '2093f30b05055cbb1304a6d852806ceb31a4de43', open: this.filterOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseFilterPopover() }, index.h("div", { key: 'aa16ad1856fdb67264bbcdb00fcecbba28fc5b4f', id: "filterOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: '13690edae12813fdf1711feb5f0e4e9ac573c1ee', content: "Filter" }, index.h("udp-fluent-icon-button", { key: '0b8462a8df019959d535493b77e8dd267e9fddbf', iconName: "filter", ariaLabel: "Filter", onClick: () => this.handleFilterOnclick() }))), this.filterOpen && index.h("div", { key: '0bf8345acdb54b7a45b8a49647c1154463ea234a', slot: "content", innerHTML: this.filterPanel })))), this.layerOptions && (index.h("div", { key: 'a6ae74c6edbf3668aa93eb1dd4db97335f4d026d', id: "layerOption" }, index.h("udp-popover", { key: 'd4d4f70ac6734e6dc17027b5724f36afbfd2071d', open: this.layerOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseLayerPopover() }, index.h("div", { key: 'd03d5ac1691e1b332918caed068e8dd9d024a4b8', id: "layerOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: '57a4e4cf6a86cc3ed30dc4b8a1b33a851bcb3123', content: "Layers" }, index.h("span", { key: '122d8e60ebf35e6b22560da158539715d22a72be', class: "layerButtonBadgeWrapper" }, index.h("udp-fluent-icon-button", { key: '4a1fc386bb68e28647ee2fc852be514dc7757bea', iconName: "layer", ariaLabel: "Layers", onClick: () => this.handleLayerOnclick() }), ((_a = this.visibleLayers) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h("udp-fluent-badge", { key: '613b73319080bf175e2348c715fbdfd223f08932', class: "layerCountBadge", size: "small", appearance: "filled", color: "brand" }, this.visibleLayers.length))))), this.layerOpen && (index.h("div", { key: 'ec35d3dd91b98c102bf0b08a31fe0397405bc704', slot: "content", style: { maxHeight: '500px', overflow: 'auto' } }, index.h("select-layer-popup", { key: '4a9c8d7ce5cfcb45cdc6a09f5098c2ed0d3be44b', 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 && (index.h("div", { key: 'f011e630696478604a8733ea86aa85a4cb54dc11', id: "bulkSelectOption" }, index.h("udp-popover", { key: 'f605053452863d3b5177fb7ed3a93d1204dd2c56', open: this.bulkSelectionTypeOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseBulkSelectionTypePopover() }, index.h("div", { key: 'cf8e3f1fef7eb5d2f849f361b0d2afa0b10b2fe1', id: "bulkSelectOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: 'd565e2c533e1cbca07e0b5bfc2933d6fa779cba8', content: "Select" }, index.h("udp-fluent-icon-button", { key: '9d4e44f0de096787cd93ba81fc69050dc6775ff9', iconName: "lasso", ariaLabel: "Select", onClick: () => this.handleSelectionBtnOnclick() }))), this.bulkSelectionTypeOpen && (index.h("div", { key: '9c883270002ef511e6b4206507088b456467fcf0', slot: "content" }, index.h("udp-menu-item", { key: 'ba59031409fa39e91138ee81041cac03a929485c', label: 'Box', onItemClick: () => this.handleBulkSelectionTypeOnclick('box') }), index.h("udp-menu-item", { key: '3bcd1e5928b7274372e598018387d6a1f6e508f6', label: 'Circle', onItemClick: () => this.handleBulkSelectionTypeOnclick('circle') }), index.h("udp-menu-item", { key: '0abef949203d59b22c9c7af9840c9f7e35bc39aa', label: 'Polygon', onItemClick: () => this.handleBulkSelectionTypeOnclick('polygon') }), index.h("udp-menu-item", { key: '32af61b549232ac6f8482bbccc711bba5e2e3e3d', label: 'Lasso', onItemClick: () => this.handleBulkSelectionTypeOnclick('lasso') })))))), !this.readOnlyMap && this.enableSplit && (index.h("div", { key: 'e7d1f3110b0c22656fabcbb714ddddf3e0ee1023', id: "splitOption" }, index.h("udp-popover", { key: '61d4348803c1be5fa39a83c712927d70cb0b531f', open: this.splitOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseSplitPopover() }, index.h("div", { key: 'b4426e8fccf208cbf5830cae9dcfee57425dda21', id: "splitOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: '414e11ca1ac827219d9b5256c2e017b9654da758', content: "Split Linear Feature" }, index.h("udp-fluent-icon-button", { key: '48ee4ed605133acc041deb7ce867840f0c9429e6', iconName: "cut", ariaLabel: "Split Linear Feature", onClick: () => this.handleSplitBtnOnclick() }))), this.splitOpen && (index.h("split-line-popup", { key: 'e7edee3121dfbb71385313a23500177f8749c35b', slot: "content", vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting }))))), this.refreshEvent && (index.h("udp-tooltip", { key: '76d02ec96e6c9ad8552ccc85ee10d5ae2f8101aa', content: (_b = this.refreshButtonTooltip) !== null && _b !== void 0 ? _b : 'Refresh' }, index.h("udp-fluent-icon-button", { key: '7be95da31215e986b07a92e8271d2097cbdecf20', iconName: "arrow-sync", ariaLabel: (_c = this.refreshButtonTooltip) !== null && _c !== void 0 ? _c : 'Refresh', onClick: () => this.refreshEvent() }))), !this.readOnlyMap && (this.enableDragBox || (this.addMultipleFeatures && this.enableAddNewFeature)) && (index.h("div", { key: 'fb5d95a71f7a743a144b22f851b99fc6ae6088e2', class: "labelButtons" }, index.h("udp-fluent-button", { key: '3b032722d3bd88d379b74f7f09195e76f46d55cb', startIconName: this.getButtonIcon(), appearance: "transparent", size: "small", onClick: () => {
                 if (this.enableDragBox) {
                     this.handleCancelBoxSelection();
                 }
                 if (this.enableAddNewFeature) {
                     this.handleAddNewFeature();
                 }
-            } }, this.getButtonText()))), this.showSplitButton && (index.h("div", { key: '8ca70fadf30138b56a5c957fd32a2fb1f25b46d5', class: "labelButtons" }, index.h("udp-fluent-button", { key: '4cbcb4c3098a45ef10573ce1ea3e0a8d38a5efe3', startIconName: "checkmark", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleSaveSplit() }, "Save Split"))), this.showSplitButton && (index.h("div", { key: '2934193defea596e359f718d6633046d27c532e2', class: "labelButtons" }, index.h("udp-fluent-button", { key: 'b2d568772a627d868a6be7c2c8ad2cfd3ecc3815', startIconName: "dismiss", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleCancelSplit() }, "Cancel Split"))), !this.readOnlyMap && this.enableAddNewFeature && (index.h("div", { key: 'c135af24bf4cea65b6f22977581a9f066bb9fc99', class: "labelButtons" }, index.h("udp-fluent-button", { key: 'dbc9b4dbec0ec21504a9fe56090df3e3004b990c', startIconName: "dismiss", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleCancelAddNewFeature() }, "Cancel Drawing"))), !this.readOnlyMap && this.withSelected && (index.h("div", { key: '86852d085be283a1540b0d9ed699238000ff3711', class: "selectedFeaturesButtons labelButtons" }, index.h("div", { key: '0670ed8fcdf2b647bdc12243f735cb8bcc2b37fa', id: "withSelectedOption" }, index.h("udp-popover", { key: '591536c05c1fb5c40e54d1736de4d44f04a48f90', open: this.selectionActionOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseSelectionActionPopover() }, index.h("div", { key: '583a4774d7274d72a59c51b0b0ec8951482bd6ec', id: "withSelectedOptionButton", slot: "trigger" }, index.h("span", { key: 'f45a6154cda3a690c8585bba7a4b0b385b24f2a3', class: "withSelectedButtonBadgeWrapper" }, index.h("udp-fluent-button", { key: 'ab5eeb2125b5c09415943cbd48997e707fae4b8e', startIconName: "more", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleSelectionActionOnclick() }, "With Selected"), this.selectedFeatureByBoxSelection.length > 0 && (index.h("udp-fluent-badge", { key: '7937d4f5f68797a310a09e5564660e4cb26b0043', class: "withSelectedCountBadge", size: "small", appearance: "filled", color: "brand" }, this.selectedFeatureByBoxSelection.length)))), this.selectedFeaturesActionPanel && this.selectionActionOpen && (index.h("div", { key: '8b16c3d22049cfca6f280bcb15afa1a9ed48664f', slot: "content", innerHTML: this.selectedFeaturesActionPanel })))), index.h("udp-fluent-button", { key: '4e834d3ddb5f38f99916b89b6ea7dd1190d81bfe', startIconName: "dismiss", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.unselectFeatures() }, "Cancel Selection")))), index.h("div", { key: '7c9497467dd25a74dd8f3ca2ad710cdbc8039276', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (index.h("udp-popover", { key: '30c5bcfee2b4abc15f25bb05bb4d9e0865f4cc68', open: this.addFeatureOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseAddMapFeature() }, index.h("div", { key: '778dca9e26cf437de249acb08c8fc75758363cd0', id: "addOptionButton", slot: "trigger" }, index.h("udp-fluent-button", { key: '81e454b2760ff9ec8b1704a2b5c978a790d6d2b0', startIconName: "add", appearance: "primary", size: "large", onClick: () => this.handleAddOnclick() }, "Add")), this.addFeatureOpen && (index.h("add-map-feature-popup", { key: '50ede11a5392ccde2dee2f6a4dbdca21b60a2082', slot: "content", handleStartDrawingMapFeature: this.handleStartDrawingMapFeature, vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, selectedType: this.selectedTypeToAddFeature, panelConfig: this.addFeaturePanelConfig })))))))));
+            } }, this.getButtonText()))), this.showSplitButton && (index.h("div", { key: '8e45608c855d26761f714daaf92b6c74e50ee9ef', class: "labelButtons" }, index.h("udp-fluent-button", { key: 'efaff1ed6882530f2386363ad0523aa577764887', startIconName: "checkmark", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleSaveSplit() }, "Save Split"))), this.showSplitButton && (index.h("div", { key: '43cefe0a8887c0cdad03afd5c9ade04cfca5ecdc', class: "labelButtons" }, index.h("udp-fluent-button", { key: '8c69c7a8427ae07323a98a88ff6e046741421bb3', startIconName: "dismiss", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleCancelSplit() }, "Cancel Split"))), !this.readOnlyMap && this.enableAddNewFeature && (index.h("div", { key: '12c2ec455a630af58e731c0c5d938a4d97a8b11d', class: "labelButtons" }, index.h("udp-fluent-button", { key: 'd7f62b6f08b1a3af14a34bc2ace3a24c4c5e5f1e', startIconName: "dismiss", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleCancelAddNewFeature() }, "Cancel Drawing"))), !this.readOnlyMap && this.withSelected && (index.h("div", { key: '3bf121744e54c25c956564812f3c8ae1ec4bc75f', class: "selectedFeaturesButtons labelButtons" }, index.h("div", { key: 'b4df8879a351b83f9546dd1e9fe5c292f0acd2e4', id: "withSelectedOption" }, index.h("udp-popover", { key: '89c32f189df9e71c33db30904d75eb876f4e8909', open: this.selectionActionOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseSelectionActionPopover() }, index.h("div", { key: '76ae7f16c110afe0bded49b9ce0f036b739142fd', id: "withSelectedOptionButton", slot: "trigger" }, index.h("span", { key: '9102d5af2c753a5826c7ee99b53779e69316f506', class: "withSelectedButtonBadgeWrapper" }, index.h("udp-fluent-button", { key: 'ff75e470932d36f59b18e8fb7c5db0dda1c9c971', startIconName: "more", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleSelectionActionOnclick() }, "With Selected"), this.selectedFeatureByBoxSelection.length > 0 && (index.h("udp-fluent-badge", { key: '697642d99f09a32cb6776bd048ef3041e3364953', class: "withSelectedCountBadge", size: "small", appearance: "filled", color: "brand" }, this.selectedFeatureByBoxSelection.length)))), this.selectedFeaturesActionPanel && this.selectionActionOpen && (index.h("div", { key: 'de376df41dadf9fa3c81cf21c7e9c2a941991dbd', slot: "content", innerHTML: this.selectedFeaturesActionPanel })))), index.h("udp-fluent-button", { key: 'ef5d4cc2067b0aa066920a85d308330c30f98a2f', startIconName: "dismiss", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.unselectFeatures() }, "Cancel Selection")))), index.h("div", { key: 'f8b5cc3f2aa8cff8639a2d2e944fb8465558109d', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (index.h("udp-popover", { key: '45f79507084ac732c738193be175d3bde5b72f93', open: this.addFeatureOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseAddMapFeature() }, index.h("div", { key: '004393a2101c58200e6be7e10f0a422487601be9', id: "addOptionButton", slot: "trigger" }, index.h("udp-fluent-button", { key: '1d9f3a85e2bd7d98600ef231b96544d3ad1a5a10', startIconName: "add", appearance: "primary", size: "large", onClick: () => this.handleAddOnclick() }, "Add")), this.addFeatureOpen && (index.h("add-map-feature-popup", { key: '108a043dcb2ed23a3e5f657970f0fc7965aa10b9', slot: "content", handleStartDrawingMapFeature: this.handleStartDrawingMapFeature, vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, selectedType: this.selectedTypeToAddFeature, panelConfig: this.addFeaturePanelConfig })))))))));
     }
     static get watchers() { return {
         "layerOptions": [{
@@ -315,9 +315,9 @@ const SelectLayerPopUp = class {
     }
     render() {
         var _a, _b, _c, _d;
-        return (index.h("div", { key: '16ae053341a4d8686ecd15ceaca8ae128fcc9f25' }, this.enableTileSelection && (index.h("udp-fluent-dropdown", { key: 'f5d87e74bee64b45cd8659a7e742428a3d553ae0', options: (_a = this.tileOptions) !== null && _a !== void 0 ? _a : [], value: (_b = this.selectedTile) === null || _b === void 0 ? void 0 : _b.value, valueAs: "value", label: 'Map Type', onValueChanged: (e) => {
+        return (index.h("div", { key: 'd5fbe085eafce80ed9f9f615f03baa6bdc1d0e5e' }, this.enableTileSelection && (index.h("udp-fluent-dropdown", { key: '0a498c05ac9aeacbbeb11918823bc2eb7078c353', options: (_a = this.tileOptions) !== null && _a !== void 0 ? _a : [], value: (_b = this.selectedTile) === null || _b === void 0 ? void 0 : _b.value, valueAs: "value", label: 'Map Type', onValueChanged: (e) => {
                 this.handleMapTypeInputChange(e.detail);
-            } })), index.h("div", { key: '0464d2037395a0bb9a7e4df6c9474e483e85375e' }, index.h("udp-search-input", { key: '45202f2551b6959eb1278ad72916449fede25a30', label: 'Search Layers', onValueChanged: (e) => this.handleSearchLayers(e.detail) })), ((_c = this.filteredOptions) === null || _c === void 0 ? void 0 : _c.length) > 0 &&
+            } })), index.h("div", { key: 'f296cee31486f1c33e0b0bcd77e1b5663a9bb310' }, index.h("udp-search-input", { key: '394df483dcff90497bc32eabb5477554c4dd9978', label: 'Search Layers', onValueChanged: (e) => this.handleSearchLayers(e.detail) })), ((_c = this.filteredOptions) === null || _c === void 0 ? void 0 : _c.length) > 0 &&
             ((_d = this.filteredOptions) === null || _d === void 0 ? void 0 : _d.map(item => (index.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 }))))));
     }
 };
@@ -335,7 +335,7 @@ const SplitLinePopup = class {
     }
     render() {
         var _a;
-        return (index.h("div", { key: '9e42f0e7562e833ad6810af84d7824ee2c03ca6f' }, index.h("udp-fluent-dropdown", { key: '66407b65e40f09354d8880766f4eb7d28f54e7a1', options: (_a = this.vectorLayerOptions.map(layer => {
+        return (index.h("div", { key: 'bff602519e98b202bc8e92b1e9343cb26df7aee0' }, index.h("udp-fluent-dropdown", { key: '0baa79b076efa6c0547f0dfd462f08b5c14cb68f', options: (_a = this.vectorLayerOptions.map(layer => {
                 return {
                     label: layer,
                     value: layer,

package/dist/cjs/address-search_6.cjs.entry.js

@@ -187,15 +187,15 @@ const AddressSearch = class {
                 borderBottom: '1px solid var(--gray-02, #f0f0f0)',
             }
             : undefined;
-        return (index.h(index.Host, { key: 'bb4684e9ab6e0d7bcc219e131279d87ee26d63b9', class: {
+        return (index.h(index.Host, { key: '759f2c658a0bec6d8d695d1a77acdb2538210bf5', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
                 'udp-input--readonly': this.readonly,
                 'address-search--suggestions-open': isSuggestionsOpen,
-            } }, index.h("div", { key: 'a48e72fdd3ddfeb815ad7e67de8dfac8d5dfc733', class: "bx--form-item map-input-search-field" }, index.h("unity-typography", { key: '4b36a0ef0cc976e31884567d8174d5ca8e2496f5', variant: "caption-text" }, index.h("label", { key: 'eba076d9fa4cae476f57c0e50c5e3e7f387f732a', htmlFor: this.inputId + '-search', class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("div", { key: '19f87a217a45577e5a6e3678973d0ce15be126b8', class: "search-container" }, index.h("div", { key: 'c3e7163a19b2b9876c8bfc9b5b2123b3f15afaab', class: "search-wrapper" }, index.h("input", { key: "map-search-input", type: "text", id: this.inputId + '-search', class: "search-input bx--text-input", placeholder: this.placeholder, value: this.searchQuery, onInput: this.handleSearchInput, onFocus: this.handleFocus, disabled: this.disabled, readOnly: this.readonly,
+            } }, index.h("div", { key: 'a4886fd88c507c7555d910ff6a5859e1431666b5', class: "bx--form-item map-input-search-field" }, index.h("unity-typography", { key: '8d6c87cb4360579077d9d1cef482bfbaebf336e8', variant: "caption-text" }, index.h("label", { key: '8e5c15ef0514be6ae3a8544cc2e4b2142dfaced5', htmlFor: this.inputId + '-search', class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("div", { key: 'c5e52f848fba3c271210b41e25ebaeff92ea96c6', class: "search-container" }, index.h("div", { key: 'c6487e7851f5e153eba21f57cafc5c861e25bb20', class: "search-wrapper" }, index.h("input", { key: "map-search-input", type: "text", id: this.inputId + '-search', class: "search-input bx--text-input", placeholder: this.placeholder, value: this.searchQuery, onInput: this.handleSearchInput, onFocus: this.handleFocus, disabled: this.disabled, readOnly: this.readonly,
             // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion
-            ref: el => (this.searchInputEl = el) }), index.h("div", { key: '2272c85c58bdf0eba1ead0be399b4a2bd990af00', class: "search-actions" }, index.h("button", { key: '76cd4cf115a0dac4ddcd8ad5ac046110100780f8', type: "button", class: { 'clear-button': true, 'hidden': !this.searchQuery }, onClick: this.clearSearch, "aria-label": "Clear search", disabled: this.disabled || this.readonly }, "\u2715"), index.h("div", { key: '0183bbd1c094a3607841a01718cfb47cb57a99a2', class: { 'loading-indicator': true, 'hidden': !isBusy } }, index.h("div", { key: '0e7b83337f30464b213ca58c2913a76aa42d7219', class: "spinner" }))), index.h("udp-pop-over", { key: '6494bb39272028ab76e51889836aecef2d964edb', anchorElement: this.searchInputEl, isOpen: isSuggestionsOpen, appendToBody: this.appendSuggestionsToBody, popoverPlacement: "bottom-start", popoverWidth: popoverWidth, popoverMaxHeight: "var(--address-search-suggestions-max-height)", overflow: "auto", handleOnClose: () => (this.showSuggestions = false) }, index.h("ul", { key: '2bb65f1e0a63c4f09c785aa02910fa5fd390d04b', class: "suggestions-list", style: suggestionsListStyle }, this.suggestions.map(suggestion => (index.h("li", { key: suggestion.id, class: "suggestion-item", style: suggestionItemStyle, onClick: () => this.selectAddress(suggestion) }, index.h("unity-typography", { variant: "body" }, index.h("div", { class: "suggestion-content" }, index.h("span", { class: "suggestion-address" }, suggestion.address.freeformAddress)))))))))), errorMessage ? (index.h("div", { class: "error-message" }, index.h("unity-typography", { variant: "caption-text", color: "error" }, errorMessage))) : null)));
+            ref: el => (this.searchInputEl = el) }), index.h("div", { key: '4d1470ea13d4285fd4fac1a953882784021508b2', class: "search-actions" }, index.h("button", { key: '07ccf6bcea2fecae10215108223980f59f64b958', type: "button", class: { 'clear-button': true, 'hidden': !this.searchQuery }, onClick: this.clearSearch, "aria-label": "Clear search", disabled: this.disabled || this.readonly }, "\u2715"), index.h("div", { key: 'faae9c6b7546ab621b9e1a683126565d8731fa05', class: { 'loading-indicator': true, 'hidden': !isBusy } }, index.h("div", { key: '6dff893110ca318db630a52ad3c9a0ee61db95df', class: "spinner" }))), index.h("udp-pop-over", { key: '6ff4af40af433ac99c96851f11ffa4054e211ae6', anchorElement: this.searchInputEl, isOpen: isSuggestionsOpen, appendToBody: this.appendSuggestionsToBody, popoverPlacement: "bottom-start", popoverWidth: popoverWidth, popoverMaxHeight: "var(--address-search-suggestions-max-height)", overflow: "auto", handleOnClose: () => (this.showSuggestions = false) }, index.h("ul", { key: 'eae6c7942d1e0cc79f2ab15c90d49474fe1e08eb', class: "suggestions-list", style: suggestionsListStyle }, this.suggestions.map(suggestion => (index.h("li", { key: suggestion.id, class: "suggestion-item", style: suggestionItemStyle, onClick: () => this.selectAddress(suggestion) }, index.h("unity-typography", { variant: "body" }, index.h("div", { class: "suggestion-content" }, index.h("span", { class: "suggestion-address" }, suggestion.address.freeformAddress)))))))))), errorMessage ? (index.h("div", { class: "error-message" }, index.h("unity-typography", { variant: "caption-text", color: "error" }, errorMessage))) : null)));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -328,7 +328,7 @@ const NumericField = class {
             'bx--text-input--error': isError,
             'text-field--disabled': this.disabled,
         };
-        return (index.h(index.Host, { key: '2005e00a3926d99a93c2bc4e59bed267fbffe243', class: {
+        return (index.h(index.Host, { key: '06f5a21ffbedcb215c9665e0801d98884b71ea6b', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -337,9 +337,9 @@ const NumericField = class {
                 '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' }, index.h("div", { key: 'd7e64a9aa415c5d1e524211a4c079f6002fd9c11', class: "bx--form-item" }, index.h("unity-typography", { key: '8d9f679628f4ee610e193528f87f5db722d71692', variant: "caption-text" }, index.h("label", { key: '03675060d3e6bc402111574154747b6108b5b350', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (index.h("input", { id: this.id, type: "hidden", value: this.internalValue, name: this.name })) : (index.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' }, index.h("div", { key: '832bab7f95a8a51d1e4c50ac7d4ca5b82d5116d2', class: "bx--form-item" }, index.h("unity-typography", { key: '613cfc8e6f2dc9e8d42a8c1fb0a554c617fc246a', variant: "caption-text" }, index.h("label", { key: '080263aa9be3a9401f76a7922e62ffff81b24cb3', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (index.h("input", { id: this.id, type: "hidden", value: this.internalValue, name: this.name })) : (index.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 && (index.h("div", { key: 'c5d285caf8d889f22caf0da44eeaf0965bbb9156', class: "error-message" }, index.h("unity-typography", { key: '73ca2418e562fade30f2fc86720fc35595164f14', variant: "caption-text", color: "error" }, this.errorMessage))))));
+            udprecordid: 'udpRecord-number-field-' + this.id })), isError && (index.h("div", { key: 'a9e940ff09ca8772417568b73909196d17b76abc', class: "error-message" }, index.h("unity-typography", { key: '27fdc28e366bd3524a44fcedd42e1b5e447b8bc6', variant: "caption-text", color: "error" }, this.errorMessage))))));
     }
     static get watchers() { return {
         "error": [{
@@ -564,7 +564,7 @@ const TextArea = class {
     }
     render() {
         const { disabled, id, internalValue, label, placeholder, required, readonly, errorMessage, fullWidth, internalRows } = this;
-        return (index.h(index.Host, { key: 'd9231ab23f32e62125cabe8378eab73966bb444c', class: {
+        return (index.h(index.Host, { key: '317730a6d486251fdbd2112a46657c3813f3781d', class: {
                 'udp-input': true,
                 'udp-input--error': !!errorMessage,
                 'udp-input--disabled': disabled,
@@ -573,11 +573,11 @@ const TextArea = class {
                 'udp-input--required': required,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            } }, index.h("div", { key: '3eed3803f189cce241e9fbac11096329d5bbbe12', class: "bx--form-item" }, index.h("unity-typography", { key: '62c1f1defafedfd5a6077ddc53afb139ff928853', variant: "caption-text" }, index.h("label", { key: 'da54b4bbf690a324b4fc3f2e689af03657af61d1', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), index.h("textarea", { key: '340613b7785455b2f6c4f2ab6833f4b28d8f5a73', ref: el => (this.textareaEl = el), id: id, class: {
+            } }, index.h("div", { key: '26ae89a458024df17931952478c50f95b71fe393', class: "bx--form-item" }, index.h("unity-typography", { key: 'f3b9c6d193da480b094829d284eeaca59326fd69', variant: "caption-text" }, index.h("label", { key: '4c35908013d38064bdc354894194239934d60974', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), index.h("textarea", { key: 'c9546f032d2538d07a16aa41c996657324c5761b', ref: el => (this.textareaEl = el), id: id, class: {
                 'bx--text-input': true,
                 'bx--text-input--error': !!errorMessage,
                 'text-area--disabled': disabled,
-            }, placeholder: placeholder, value: internalValue, required: required, disabled: disabled, readonly: readonly, maxLength: this.maxCharacter, rows: internalRows, onInput: this.onInput, onChange: this.onChange }, internalValue), errorMessage && (index.h("div", { key: '9ae52675ca5c4a42aaed2a29c62d2d0849d72d0d', class: "error-message" }, index.h("unity-typography", { key: '1b8df300e94bca59454611d1811641d35c50877f', variant: "caption-text", color: "error" }, errorMessage))))));
+            }, placeholder: placeholder, value: internalValue, required: required, disabled: disabled, readonly: readonly, maxLength: this.maxCharacter, rows: internalRows, onInput: this.onInput, onChange: this.onChange }, internalValue), errorMessage && (index.h("div", { key: 'cebe1495dca3ad974cd105313ceca248c45cea83', class: "error-message" }, index.h("unity-typography", { key: 'f2848fdf2dc752afd6b1a1b8177c4ab5bbcd0792', variant: "caption-text", color: "error" }, errorMessage))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -718,7 +718,7 @@ const UdpDateSelector = class {
             classNames.push('bx--text-input--full-width');
         }
         const inputClass = classNames.join(' ');
-        return (index.h(index.Host, { key: '26c0671deb9317eba4e6a3a7884549b3f9d5116c', class: {
+        return (index.h(index.Host, { key: 'fdfebec12ec198041f59a1019bdb252e9da2b1b7', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -727,9 +727,9 @@ const UdpDateSelector = class {
                 'udp-input--required': this.required,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, index.h("div", { key: 'f87774e9e7cbef064971fa7629f78ccb999590a8', class: "bx--form-item" }, index.h("unity-typography", { key: '555f8ff48059c6d46d1381ca25333c658a6c8241', variant: "caption-text" }, index.h("label", { key: 'f5b26a807362bd8b4a5f2b8bd97de0e905251f9a', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '2cd73e5b8149b8f8413394ebb726cfda0c5f1ceb', type: "date", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min ? this.formatDateForHtml(this.min) : null, max: this.max ? this.formatDateForHtml(this.max) : null, onInput: this.handleDateChange, onChange: this.handleDateChange, onBlur: this.handleBlur, onFocus: this.handleFocus, disabled: this.disabled, readonly: this.readonly, required: this.required,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, index.h("div", { key: '2f5739e43d25afcf74a576b5dbc9732a8a1322e4', class: "bx--form-item" }, index.h("unity-typography", { key: '712b9b21cde06422bf8974966cc7e6885b59283f', variant: "caption-text" }, index.h("label", { key: '5df1ce372be03d9ab2c9e7868afc46b3cd223226', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: 'ccf2829ce6b0a396d1ef7daae550eb626442ea27', type: "date", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min ? this.formatDateForHtml(this.min) : null, max: this.max ? this.formatDateForHtml(this.max) : null, onInput: this.handleDateChange, onChange: this.handleDateChange, onBlur: this.handleBlur, onFocus: this.handleFocus, disabled: this.disabled, readonly: this.readonly, required: this.required,
             //@ts-ignore
-            udprecordid: 'udpRecord-udp-date-selector-' + this.id }), index.h("unity-typography", { key: 'c61bd7722430386ec7f8746d8be08485dd6d255d', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-date-selector-' + this.id }), index.h("unity-typography", { key: 'ed2e550636eb1a62c7d1dad983572008ca8b77e3', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
     }
     static get watchers() { return {
         "error": [{
@@ -898,7 +898,7 @@ const UdpDateTimeSelector = class {
             classNames.push('bx--text-input--full-width');
         }
         const inputClass = classNames.join(' ');
-        return (index.h(index.Host, { key: '09fd2c58a97294ff44d92f04270447351ae5825f', class: {
+        return (index.h(index.Host, { key: '0b02214020461bb7aaa728ab187995b431dec8a4', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -907,9 +907,9 @@ const UdpDateTimeSelector = class {
                 'udp-input--required': this.required,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, index.h("div", { key: '41a207d5ec8a54fd731f48b5af05452c7b27342e', class: "bx--form-item" }, index.h("unity-typography", { key: 'a29a177770415e57fb271e353a8d758e50a77009', variant: "caption-text" }, index.h("label", { key: '088ab582ce3d1893884de8b359023be1f5b49fc1', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: 'b8c3a4956c543c49b3b2853b0cf17504d6dbce23', type: "datetime-local", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min ? this.formatDateForHtml(this.min) : null, max: this.max ? this.formatDateForHtml(this.max) : null, onInput: this.handleDateChange, onBlur: this.handleBlur, onFocus: this.handleFocus, disabled: this.disabled, readonly: this.readonly, required: this.required,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, index.h("div", { key: '2486da28b1bd627ec9b5a35ee630928650059e2a', class: "bx--form-item" }, index.h("unity-typography", { key: 'a41efc66a1fca745e9ce520521f6b4a299239cc8', variant: "caption-text" }, index.h("label", { key: 'aabf6591b0dc71c690cb9c608161e420233503f0', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '42ce0025a050beece2317bddaa64631141529432', type: "datetime-local", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min ? this.formatDateForHtml(this.min) : null, max: this.max ? this.formatDateForHtml(this.max) : null, onInput: this.handleDateChange, onBlur: this.handleBlur, onFocus: this.handleFocus, disabled: this.disabled, readonly: this.readonly, required: this.required,
             //@ts-ignore
-            udprecordid: 'udpRecord-udp-datetime-selector-' + this.id }), index.h("unity-typography", { key: '1c7c2d40c6d6cbc266f6ee7bb6b4619a1e004d77', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-datetime-selector-' + this.id }), index.h("unity-typography", { key: '2c0fd80e5f03c7b28f0ae8f5e2f25b5c8c2fdfc0', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
     }
     static get watchers() { return {
         "error": [{
@@ -1149,7 +1149,7 @@ const UdpTimeSelector = class {
             classNames.push('bx--text-input--full-width');
         }
         const inputClass = classNames.join(' ');
-        return (index.h(index.Host, { key: '077f1051bc08b7f51265c7f28846f9e6d4df3d30', class: {
+        return (index.h(index.Host, { key: 'eec258ba8df259830e57cb263a7f633f94567819', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -1158,9 +1158,9 @@ const UdpTimeSelector = class {
                 'udp-input--required': this.required,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, index.h("div", { key: '1596a9ea46da71b2eb10c8b8301d1243c4e81e16', class: "bx--form-item" }, index.h("unity-typography", { key: '45d76d82ebbd960884214374bdef6ac267ec2255', variant: "caption-text" }, index.h("label", { key: '044c5ec71987b8242bd46f326e91c1fd203c330f', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: 'b01fb9bb945626852ff2d0af170e879a8012591b', type: "time", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min, max: this.max, onInput: this.handleTimeInput, onChange: this.handleTimeChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onInvalid: this.handleInvalid, disabled: this.disabled, readonly: this.readonly, required: this.required,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, index.h("div", { key: '59f491bb0743fa667f0aef6afc1c5b60084c739e', class: "bx--form-item" }, index.h("unity-typography", { key: '7d7ee43e69693c125397b5d62e3d1412458c7688', variant: "caption-text" }, index.h("label", { key: '13027ab389c0e71e01b76edbea97d16c5ee3854f', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: 'dffa31443ecd8a54f7a0664969c21b99cf7cc922', type: "time", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min, max: this.max, onInput: this.handleTimeInput, onChange: this.handleTimeChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onInvalid: this.handleInvalid, disabled: this.disabled, readonly: this.readonly, required: this.required,
             //@ts-ignore
-            udprecordid: 'udpRecord-udp-time-selector-' + this.id }), index.h("unity-typography", { key: '8db4bf7b6e36ee77e0ed897e7567f7c5ed773d6c', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-time-selector-' + this.id }), index.h("unity-typography", { key: '6cd6943138db9d83ef5af96305c2896241d724d6', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/advanced-search_12.cjs.entry.js

@@ -463,8 +463,8 @@ const EditViewFormDialog = class {
         this.fetchedCurrentView = false;
     }
     render() {
-        return (index.h("fluent-dialog", { key: 'aab54e7092f62f1fced1ca6a2bc2fbfc39b399fc', open: this.open, actionOne: () => { this.handleSubmit(); this.closeDialog(); this.resetFetchedCurrentView(); }, actionTwo: () => { this.closeDialog(); this.resetFetchedCurrentView(); }, handleClose: this.handleClose, labelOne: "Save Update", labelTwo: "Cancel", title: this.title, disableOne: !this.name }, index.h("form", { key: '8b506463a569737e46ee6268da81129b754f3df6', class: "edit-form" }, index.h("text-field", { key: '3d1ff0d3ba2ff0b18446e558ce27cc5f8695f86d', label: "View Name", value: this.name, onInput: (event) => this.handleNameChange(event) }), this.fetchedCurrentView &&
-            index.h("div", { key: '40f50ae04538910a8dfcb5079dab46acdee0a978', class: "toggle-options" }, index.h("div", { key: '5af31c85e3f6e99ca4929680f5a0176e525b6edf' }, index.h("stencil-toggle", { key: 'b3e90b44648b5a9a31a11b033118575858928678', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), " "), index.h("div", { key: '98b3887ac44bf9bbefe382cca98d6c24c70c043a' }, index.h("stencil-toggle", { key: '5ec418470e31d4d970701c9035328b4145200c67', label: "Default", checked: this.isDefault, onToggledChange: this.handleDefaultChange, style: { marginTop: '10px' } }))))));
+        return (index.h("fluent-dialog", { key: 'da9009afceb33b2987d05933163e96b651a2ad73', open: this.open, actionOne: () => { this.handleSubmit(); this.closeDialog(); this.resetFetchedCurrentView(); }, actionTwo: () => { this.closeDialog(); this.resetFetchedCurrentView(); }, handleClose: this.handleClose, labelOne: "Save Update", labelTwo: "Cancel", title: this.title, disableOne: !this.name }, index.h("form", { key: 'd4fd3339d86956f0bee607bf304270262015bd02', class: "edit-form" }, index.h("text-field", { key: '73b0e90b9f429d8f141ad95d8895d6467320bec3', label: "View Name", value: this.name, onInput: (event) => this.handleNameChange(event) }), this.fetchedCurrentView &&
+            index.h("div", { key: '5804ab97d467df9c950714276f2a5dcab0980534', class: "toggle-options" }, index.h("div", { key: 'a150c19538739d2b7c4d48b02e81da204f55302c' }, index.h("stencil-toggle", { key: '43fd8993177ac608409e4d9bbacf91954d26e080', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), " "), index.h("div", { key: 'f607ccca4ca2416c3aaffa8a8058a87f8812b2e3' }, index.h("stencil-toggle", { key: '4d4fcd0093cd646f926f20f89e03b5e03bf0f3d1', label: "Default", checked: this.isDefault, onToggledChange: this.handleDefaultChange, style: { marginTop: '10px' } }))))));
     }
     get el() { return index.getElement(this); }
 };
@@ -615,7 +615,7 @@ const GridPrimaryBar = class {
         this.updateHideBar();
     }
     render() {
-        return (index.h("div", { key: 'e53d7ab3d45d55186fdd998ac50efe12f06e8f07', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, index.h("div", { key: '2ee6fc7c9c58456be5bad84a8ca8a2e338a1b991', class: "title-section" }, index.h("div", { key: '7da12ceeead4f2278d102245b1cf4c692dd5b39c' }, index.h("unity-typography", { key: 'd773dc83f23569bc062c44e16df8b98b91c12a24', variant: "h4" }, this.title, " "), ' ')), index.h("div", { key: 'ddf6665699ac6a0f8e895d67c30ed6c0edccb90f', class: "button-section" }, index.h("div", { key: '25849cd5a775596908e837852beedf35d6355869' }, index.h("slot", { key: 'f5e7f139b48567a674a64cdcf106baa34d1e7e5b' })), this.defaultActionButtons.map(btn => {
+        return (index.h("div", { key: 'ca7e885d75eedfed96f9f3ed5dfc976714618ccd', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, index.h("div", { key: '60fe2107855f3043ef2594f2901528c7ff87d326', class: "title-section" }, index.h("div", { key: '4a0afac6e6f3e8159a2c61ff36bee5c2ea98ef8c' }, index.h("unity-typography", { key: '25fdeafd200db5f832ac2013aea28f87ce21d2a7', variant: "h4" }, this.title, " "), ' ')), index.h("div", { key: 'f03a69e9e602a517ae862c470b10a45e7c35fcdc', class: "button-section" }, index.h("div", { key: '1c5b00759f55e24756b380e41cb702fe3fad50b1' }, index.h("slot", { key: '33b46aeb34246b6e000711313447ddcd646451c0' })), this.defaultActionButtons.map(btn => {
             const clickHandler = (event) => {
                 if (btn.clickHandler) {
                     btn.clickHandler(event);
@@ -628,7 +628,7 @@ const GridPrimaryBar = class {
                 return (index.h("stencil-icon-button-grid-action-header", { showLabel: this.showLabels, secondary: btn.secondary, icon: btn.icon, onClick: clickHandler, tooltip: btn.tooltip, iconClassName: btn.iconClassName }, btn.icon && index.h("i", { class: btn.icon }), btn.label.toLowerCase() === 'save' || (!this.hiddenLabels.includes(btn.label) && btn.showLabel) ? index.h("span", null, btn.label) : null));
             }
             return null;
-        }), this.primaryActionClick && this.primaryActionLabel && (index.h("custom-button", { key: '41beea9bf165e56a0c69e767779bff7629b760c9', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && index.h("udp-icon", { key: 'dda0fb09fb0a24798cd656659a2733ee35c46373', iconName: this.primaryActionIcon, darkIcon: false }))))));
+        }), this.primaryActionClick && this.primaryActionLabel && (index.h("custom-button", { key: '38f84cfb059cadfb3a03f04f2d887e836ddab67d', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && index.h("udp-icon", { key: 'fbfde8fb056442563b0ad6d433e6b2ad4fef9dd1', iconName: this.primaryActionIcon, darkIcon: false }))))));
     }
     static get watchers() { return {
         "window:resize": [{
@@ -712,11 +712,11 @@ const SaveViewFormDialog = class {
         }
     }
     render() {
-        return (index.h("fluent-dialog", { key: '0f04228fa7aad8af715906c590583da02c4591f8', open: this.open, actionOne: () => {
+        return (index.h("fluent-dialog", { key: '889eec651d559b03b5748c3cbedfe9ecdd3d20f4', 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 }, index.h("form", { key: 'e76ec0516d30e0f27d2f9f03808082eb6b1f592e', class: "save-form" }, index.h("text-field", { key: 'ae16dfb23d94036308dfbbf30e519aa15b1b050d', label: "View Name", placeholder: "Create a name for your view", value: this.name, onInput: (event) => this.handleNameChange(event) }), index.h("div", { key: 'ceddb65760bc0fe498f35bfb1f3b238470e66ac9', class: "toggle-options" }, index.h("div", { key: '30ce526fb6e6cf06bc85656e0de9702a5c9155f8' }, index.h("stencil-toggle", { key: '03e984591f269eb05c912f8acc65b0cad7ca4274', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), ' '), index.h("div", { key: 'e955839ba5b79bde5fc90325ce5b74c6c7e8538d' }, index.h("stencil-toggle", { key: '5165142528d84e4d6559b63f571a1710a82ea48c', 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 }, index.h("form", { key: '2ab5d4c32c49712ea80d461ac98def5b9f04bea8', class: "save-form" }, index.h("text-field", { key: '6fc624bf600cd761d6ab6dee7ae79117c188a2fd', label: "View Name", placeholder: "Create a name for your view", value: this.name, onInput: (event) => this.handleNameChange(event) }), index.h("div", { key: 'c75f0fd22939eb8f328d8ca0c282395875815c6c', class: "toggle-options" }, index.h("div", { key: '49fe6d9fb238159ef2f3e48b21951c5ea2461ecc' }, index.h("stencil-toggle", { key: '36755f88b12120db719472382e81cca7a2016680', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), ' '), index.h("div", { key: 'dae515343b3ec6cf744bf4b8a2dcd61ea7a6c95f' }, index.h("stencil-toggle", { key: 'f0c434bc73dea1dc119c087f87a78b5af8e5ae54', label: "Default", checked: this.isDefault, onToggledChange: this.handleDefaultChange, style: { marginTop: '10px' } }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -741,7 +741,7 @@ const SideSheet = class {
     render() {
         const widthClass = typeof this.widthOption === 'number' ? 'custom-width' : this.widthOption;
         const sideSheetStyle = typeof this.widthOption === 'number' ? { width: `${this.widthOption}px` } : {};
-        return (index.h("div", { key: 'fee0510807181c473ac6046b45bd071103a09819' }, index.h("div", { key: '68c62e96b2bc4c5316fb60ebd797501d5f2e96ae', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), index.h("div", { key: '35370d4d678cc756c38f8ceccbc1c6d40e779152', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, index.h("div", { key: 'a927a36349b6e54545ca9d7c86f31cc258a4fb41', class: "title" }, index.h("div", { key: '1d2c49d4402868aba1fa63909b6e78b93a8b32ee', class: 'close-button' }, index.h("stencil-icon-button", { key: 'c46aeb18a9074e5b7d40c85c915637ec235eb4b3', icon: Close24__default.default, onClick: this.toggleDrawer })), index.h("div", { key: '98b65036cebfe72872b78a96aec33105c6f1db09', class: 'title' }, index.h("unity-typography", { key: 'dd6956ff07fc0336338583cb590cf1fa9747545c', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && index.h("custom-button", { key: 'fc057983447df6e5eebf16b8e8f511df32783391', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), index.h("side-sheet-container", { key: 'a2daabb3f3cb16d4cde9516bf37b8402ceeeee51', padding: this.padding }, index.h("slot", { key: 'cec5012b28b6dc7540f2b5081dcb75cc289876d8' })))));
+        return (index.h("div", { key: 'fbd09a812eff268f6ac2ac3de8e77fde3b7f5542' }, index.h("div", { key: '401cef5242dec4af427913a53def33901de10a9b', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), index.h("div", { key: 'f515c924e99c10db1bd0245a51c4ee3d0c789eb1', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, index.h("div", { key: 'f9779e4f0963494494b2bb25d7da713504191175', class: "title" }, index.h("div", { key: '31bb2172c0e3ee2a2382d7420f7a9b2ccd5ccf8d', class: 'close-button' }, index.h("stencil-icon-button", { key: '6463fbff65ade8005d31d88390db2fbcd5d718c2', icon: Close24__default.default, onClick: this.toggleDrawer })), index.h("div", { key: 'e3025e833689365a42d322006966d1854fa69b4d', class: 'title' }, index.h("unity-typography", { key: 'e807a07b2ac54ee564540dbb642044d8274829b7', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && index.h("custom-button", { key: 'f05932632e8adbc506619f7191793d1b3b190d1c', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), index.h("side-sheet-container", { key: '7ccffcdd8bd56953529ba60cff38e542111061db', padding: this.padding }, index.h("slot", { key: '91b99ddfd35078e1555e5726c79bce25361583de' })))));
     }
 };
 SideSheet.style = sideSheetCss();
@@ -777,7 +777,7 @@ const UdpHotlistForm = class {
     //     console.log('Cancel button clicked');
     //   }
     render() {
-        return (index.h("div", { key: 'be3a88e4306eb855ba5b0cc70e3b4cdc6485904d', class: "wrapper" }, index.h("form", { key: 'e7c27a300bf98b428d0466dd486787352059f867', class: "save-form", onSubmit: this.handleSubmit }, index.h("text-field", { key: '318b6a50f720e378f52b51231918d824085c2156', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), index.h("stencil-toggle", { key: 'cdbebd348a0cbb9b3248f2513f8c87be170bfc3f', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), index.h("div", { key: 'c5997fa953d5336ff3140d42521ecbd6be204c5b', class: "submit-button" }, index.h("custom-button", { key: '327c9af26812fe1d6135830969a4a0d987f89cc3', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), index.h("custom-button", { key: 'a50513b6a576e54b96f5102557a3a14ca099d61e', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
+        return (index.h("div", { key: 'ff25bd888dd83a0239fe27d9d7b706edf5c5b2cb', class: "wrapper" }, index.h("form", { key: '2a751b677f08cebc7cd2c8de5b7031382a2ab367', class: "save-form", onSubmit: this.handleSubmit }, index.h("text-field", { key: '21ad6272f0298310950314a3fd114775414e4d40', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), index.h("stencil-toggle", { key: 'cf2d1836894acdd05cdc2043a9a23a6c2247a952', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), index.h("div", { key: 'bd9213fcb40554ca49a1f1b4d98e159ac705069b', class: "submit-button" }, index.h("custom-button", { key: '4e516296250dc62e9d39d6f1ebfd7fa7f200dd53', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), index.h("custom-button", { key: 'f211fc9072fac1305bab3c4ee58333cd11bfbdac', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
     }
     get el() { return index.getElement(this); }
 };