udp-stencil-component-library 26.7.0-beta.6 → 26.7.0-beta.7

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: '483e23625c8cef5bdbe2fb9ce1c1922b31914d75' }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (index.h("udp-fluent-dropdown", { key: 'f0562293af380e206d4ed3abf6e2b30cf25b7326', options: this.layerToAddOptions, value: this.selectedLayer, valueAs: "value", label: 'Layer', onValueChanged: (e) => {
+        return (index.h("div", { key: '9991ae0b3ce764f3b24524ef315b1cd6c9b01ea5' }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (index.h("udp-fluent-dropdown", { key: '23dea41ef3c67ac9b91d17d5b24973c31dffda02', options: this.layerToAddOptions, value: this.selectedLayer, valueAs: "value", label: 'Layer', onValueChanged: (e) => {
                 this.handleSetSelectedLayer(e.detail);
-            } })), index.h("udp-fluent-dropdown", { key: 'd053756d9ff0dc02119f80907e79979f54ee3c4f', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], value: this.selectedType, valueAs: "value", label: 'Type', onValueChanged: (e) => {
+            } })), index.h("udp-fluent-dropdown", { key: 'f890f5875828a59f7fb02dfedf33d81586177ed3', 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: 'eb0f7e718146600f8cad5a61cb77ad53a1e4f820', class: "formButton" }, index.h("udp-fluent-button", { key: '65a4e52179a34f877dce76242fda4d8206ffeb9f', 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: 'aeee418735c533b31fac8b930dc73a63aa2c206b', class: "formButton" }, index.h("udp-fluent-button", { key: '8a50a558b53050b2052dbc87a81160d968073c85', 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: 'b6de7e01c893adb5d8e0cfec07b587b19923f713', class: "toolbarContainer" }, index.h("div", { key: 'c9ea324d12b84ee461f04c41bc9b276014977803', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && index.h("unity-typography", { key: '9a5ef4eb17bd3fb73d69cfe8739dfc1a74dd8651', variant: "h4" }, this.mapTitle)), index.h("div", { key: 'eb088df4f390c9fdad9cae1f51d9f6513f37323b', class: "buttons" }, index.h("div", { key: '6072ea452c1f2c7473fda2940fd9e7feb1c7a8a3', class: "buttonContainer" }, index.h("div", { key: '754f2688485f2aa752ac4f48a17bb174ea57a881', class: "secondaryButtons" }, this.filterPanel && (index.h("div", { key: '7509154c2bb441ca9e9f13f931047ef5830fab1e', id: "filterOption" }, index.h("udp-popover", { key: '9645b9f67ce669122e73cbff96c8ccffaeff0d89', open: this.filterOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseFilterPopover() }, index.h("div", { key: '2f698a6df616229c654652d4e3a9392135bdd78f', id: "filterOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: 'c498be6bdf8aeecdae6beaec030659be0001a11d', content: "Filter" }, index.h("udp-fluent-icon-button", { key: 'c7c1f22b47ac0cab3dca918c6b16fa93306864f6', iconName: "filter", ariaLabel: "Filter", onClick: () => this.handleFilterOnclick() }))), this.filterOpen && index.h("div", { key: 'cbc6c932987bda32598e446e6613b4e1ab41db67', slot: "content", innerHTML: this.filterPanel })))), this.layerOptions && (index.h("div", { key: '81b39b1beb2c96ba62cbd9fafd965d388df41d9e', id: "layerOption" }, index.h("udp-popover", { key: 'a7f822d128711fce0c3c4088692a8305a9dd0d91', open: this.layerOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseLayerPopover() }, index.h("div", { key: 'e4d337cfb300ab29938e48bbf0016caa4276e241', id: "layerOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: '0c2cbf613fb6dce309efe0fcf6ba2d9d4997e9c6', content: "Layers" }, index.h("span", { key: '975480eef857d49d00d4ef76557f326c5931f273', class: "layerButtonBadgeWrapper" }, index.h("udp-fluent-icon-button", { key: '9c259f62a54d07ec7a58e5d8a620ff6e0dde05dd', 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: '831399a73ee69eca8cfbc9a2b8ccb3feebe76841', class: "layerCountBadge", size: "small", appearance: "filled", color: "brand" }, this.visibleLayers.length))))), this.layerOpen && (index.h("div", { key: 'ba32dfb6d984eb4ae0b40f899575f9311d57cca1', slot: "content", style: { maxHeight: '500px', overflow: 'auto' } }, index.h("select-layer-popup", { key: '10300adc494b5cc0767584568b746011d24be62d', 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: 'a285b24f0d6a9e113f85b51ce9fa090630007ef8', id: "bulkSelectOption" }, index.h("udp-popover", { key: '62c8fc1306dd3fb40e0f117bd8c770d3a37cd868', open: this.bulkSelectionTypeOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseBulkSelectionTypePopover() }, index.h("div", { key: '4481ff432bfb85e7e2b42a8b4c0ebca43d6ca8b4', id: "bulkSelectOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: 'e4e513efd56c1139f55ab8b046edc60487e834eb', content: "Select" }, index.h("udp-fluent-icon-button", { key: '1134ffd9810aae5bed4850812abe59197fa135b0', iconName: "lasso", ariaLabel: "Select", onClick: () => this.handleSelectionBtnOnclick() }))), this.bulkSelectionTypeOpen && (index.h("div", { key: '057e9b84fe0e25bc48a9640eeb3c9ebb56bbb5d8', slot: "content" }, index.h("udp-menu-item", { key: 'b0a3f70605c8d1b4103713278748f23c27711f45', label: 'Box', onItemClick: () => this.handleBulkSelectionTypeOnclick('box') }), index.h("udp-menu-item", { key: '988b91d98f5c997626429d8e3469411a251ffe9a', label: 'Circle', onItemClick: () => this.handleBulkSelectionTypeOnclick('circle') }), index.h("udp-menu-item", { key: 'e661e9867cf40411413c79f391ad713365911264', label: 'Polygon', onItemClick: () => this.handleBulkSelectionTypeOnclick('polygon') }), index.h("udp-menu-item", { key: 'f6337cc59f51a97d5be720588860d989b41c697a', label: 'Lasso', onItemClick: () => this.handleBulkSelectionTypeOnclick('lasso') })))))), !this.readOnlyMap && this.enableSplit && (index.h("div", { key: '84498868677e984bfe74c188ea6bfbdfb15b79b8', id: "splitOption" }, index.h("udp-popover", { key: 'eebdc5f152d8402a07163c40ee3699ac35f0890a', open: this.splitOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseSplitPopover() }, index.h("div", { key: '600bcc2d094ac22d614dd1764fc217f8fcce0811', id: "splitOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: '78dc6e91d22668c030956c5a6edc90af701cc3c1', content: "Split Linear Feature" }, index.h("udp-fluent-icon-button", { key: '7e51ee1b21cc7e2ab53bedb4d372a6b71f543808', iconName: "cut", ariaLabel: "Split Linear Feature", onClick: () => this.handleSplitBtnOnclick() }))), this.splitOpen && (index.h("split-line-popup", { key: 'df9ff8d934efba0cae8a4099dae40779b9c4d9a1', slot: "content", vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting }))))), this.refreshEvent && (index.h("udp-tooltip", { key: '21f3a6db242e019b9b23190e3f030c69e5996417', content: (_b = this.refreshButtonTooltip) !== null && _b !== void 0 ? _b : 'Refresh' }, index.h("udp-fluent-icon-button", { key: 'eb877a874531d2fed990bc97d80713caaac55fbb', 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: 'f4dd031da3072d763a0eccce91e80e357a4083c1', class: "labelButtons" }, index.h("udp-fluent-button", { key: '31266a655ed1c848b1ba579d3f15f02c831c17cf', startIconName: this.getButtonIcon(), appearance: "transparent", size: "small", onClick: () => {
+        return (index.h("div", { key: '54715c2d75c005839f613e0a57453a3a796271a9', class: "toolbarContainer" }, index.h("div", { key: '962928da1e3694a601b46787a72eb132f209803c', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && index.h("unity-typography", { key: '067fc98cef45fa9571f0b358882fc25c12d4a2d1', variant: "h4" }, this.mapTitle)), index.h("div", { key: '9f3992a2cdf5f09381b16dca24774eb1912a3b42', class: "buttons" }, index.h("div", { key: '4c6ef7de2cf22398aac5a0ab512193c4fcd54bfa', class: "buttonContainer" }, index.h("div", { key: 'f093e0387bf13d15c0709f7dee96f453cfba5762', class: "secondaryButtons" }, this.filterPanel && (index.h("div", { key: 'bc6d65b8803e02809d14ada6ff101c8a4d507650', id: "filterOption" }, index.h("udp-popover", { key: '40c582db83823bc3e52fde1f155f34abcbe7018b', open: this.filterOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseFilterPopover() }, index.h("div", { key: '2a9d9ac684dc923b01e6c6fa86749d45f55b0df5', id: "filterOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: 'efbafcfe865fabde4cd285fe776761373e78a614', content: "Filter" }, index.h("udp-fluent-icon-button", { key: '1f824d7a503ef319856ad694a217f5b7d9063e52', iconName: "filter", ariaLabel: "Filter", onClick: () => this.handleFilterOnclick() }))), this.filterOpen && index.h("div", { key: '5f4b6e82c82429e48f8ebbae14c4a2c296f04ccc', slot: "content", innerHTML: this.filterPanel })))), this.layerOptions && (index.h("div", { key: '85e34d858596feaf504b8bdc55339a528366cb75', id: "layerOption" }, index.h("udp-popover", { key: 'f00292763189d77d9a902dd199636de122036214', open: this.layerOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseLayerPopover() }, index.h("div", { key: '1f3d4769eff93abc1fed87c5564b27de6140476d', id: "layerOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: '25eeb3ccadcc0f3a9c9d350f73fe60d37c981083', content: "Layers" }, index.h("span", { key: '9c316c0659ff9876f552cc5b6700204eefc522a2', class: "layerButtonBadgeWrapper" }, index.h("udp-fluent-icon-button", { key: 'd0531794ae18ed3fce5c78a0f14b165692eee231', 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: '8622e6b8fad6bc1743bebdc6ea66697c9968c07a', class: "layerCountBadge", size: "small", appearance: "filled", color: "brand" }, this.visibleLayers.length))))), this.layerOpen && (index.h("div", { key: 'be83ff32cbbe1b5c3cd30cda091f1315e31bd737', slot: "content", style: { maxHeight: '500px', overflow: 'auto' } }, index.h("select-layer-popup", { key: '2b0a5e76e725c6fdf36a034f67f849b14aebe76c', 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: '3be9196bc8cc3f866c065ba1efe66d178b298a1b', id: "bulkSelectOption" }, index.h("udp-popover", { key: '8a34036d680be475f12ff37b740ec35678324d48', open: this.bulkSelectionTypeOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseBulkSelectionTypePopover() }, index.h("div", { key: '81802ecaa8bab2079dc286ff3301c9ffa34fbaf9', id: "bulkSelectOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: '3341c560c11ec2ee306cc0a44d933e3a1ea89a72', content: "Select" }, index.h("udp-fluent-icon-button", { key: 'e802b2eb2404844e5d78fd856fd02067396a958c', iconName: "lasso", ariaLabel: "Select", onClick: () => this.handleSelectionBtnOnclick() }))), this.bulkSelectionTypeOpen && (index.h("div", { key: '61361d126c8ac8cd4fbea4ac1ab841e252305034', slot: "content" }, index.h("udp-menu-item", { key: '45d01e41ccd2a745371bdb188aab5f2fd4ce9ca9', label: 'Box', onItemClick: () => this.handleBulkSelectionTypeOnclick('box') }), index.h("udp-menu-item", { key: '8da012e6caaf741b39dff7ca1d444df5b6f33d0d', label: 'Circle', onItemClick: () => this.handleBulkSelectionTypeOnclick('circle') }), index.h("udp-menu-item", { key: '0c9c51f20c20d57f0395eba7e59cf729ed129acd', label: 'Polygon', onItemClick: () => this.handleBulkSelectionTypeOnclick('polygon') }), index.h("udp-menu-item", { key: 'd4cc0642736440a4ef077ab389584b2e4eefd730', label: 'Lasso', onItemClick: () => this.handleBulkSelectionTypeOnclick('lasso') })))))), !this.readOnlyMap && this.enableSplit && (index.h("div", { key: '49d206dc54584bfb8a4733bbc98b8ffb4ed659b5', id: "splitOption" }, index.h("udp-popover", { key: '5bb13f5efecf6bc0659884ea693fbae75ca7ba3d', open: this.splitOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseSplitPopover() }, index.h("div", { key: 'e32c297b695aad0cad86d794425b3756aa8dbe6a', id: "splitOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: '6d943ea2db56e4688834e7c9d318bf6ecb7af952', content: "Split Linear Feature" }, index.h("udp-fluent-icon-button", { key: '6ef56cb9f4780baedd76dcc0170fd3ca9ac25d06', iconName: "cut", ariaLabel: "Split Linear Feature", onClick: () => this.handleSplitBtnOnclick() }))), this.splitOpen && (index.h("split-line-popup", { key: '94ee090fe54d76744addc70207b1588d3b6632ac', slot: "content", vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting }))))), this.refreshEvent && (index.h("udp-tooltip", { key: 'e9f4ba7047e8b15fb0263eeced3f373124946629', content: (_b = this.refreshButtonTooltip) !== null && _b !== void 0 ? _b : 'Refresh' }, index.h("udp-fluent-icon-button", { key: '98b95e3f0a8834d766facc1fec0eb190224a4889', 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: 'fb8297af71605cd7d4e25c7053dfd80bd5e7752d', class: "labelButtons" }, index.h("udp-fluent-button", { key: '7b48fdad4379abf7a13ebaebc7a17fd21b671d68', 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: '17c2b3612f7b0a2188c482ab109f6c60506eb103', class: "labelButtons" }, index.h("udp-fluent-button", { key: '94cb8c5e13467d9174067713eb5e29e5878d2c1f', startIconName: "checkmark", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleSaveSplit() }, "Save Split"))), this.showSplitButton && (index.h("div", { key: 'bd2195cc57c92c47f3cdc0aa3662842b8f385fad', class: "labelButtons" }, index.h("udp-fluent-button", { key: '6d6901acd09eb220eb6d3b14735c3ae251f36b8f', startIconName: "dismiss", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleCancelSplit() }, "Cancel Split"))), !this.readOnlyMap && this.enableAddNewFeature && (index.h("div", { key: 'd7f10c284a913fe81de7972d7365ff879f945eaf', class: "labelButtons" }, index.h("udp-fluent-button", { key: '81c78276fc67c45e8c5bfbb216d17df955b0bbf6', startIconName: "dismiss", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleCancelAddNewFeature() }, "Cancel Drawing"))), !this.readOnlyMap && this.withSelected && (index.h("div", { key: 'f68e66369ddf5acd2dfeaa38a60b16612453e96b', class: "selectedFeaturesButtons labelButtons" }, index.h("div", { key: '11f43e0afb1ca8dd83311a5765390f331fc94334', id: "withSelectedOption" }, index.h("udp-popover", { key: 'fb8e323289849c395c5690833d1ea986f8e51b6f', open: this.selectionActionOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseSelectionActionPopover() }, index.h("div", { key: 'c8df0ffa0122ce31ce67ac369d7225cb7e1f7f34', id: "withSelectedOptionButton", slot: "trigger" }, index.h("span", { key: 'c79748197dec167800990e65407c451d9a91a290', class: "withSelectedButtonBadgeWrapper" }, index.h("udp-fluent-button", { key: '6837e9909c01cfe367ba182236de97c1b971a02f', startIconName: "more", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleSelectionActionOnclick() }, "With Selected"), this.selectedFeatureByBoxSelection.length > 0 && (index.h("udp-fluent-badge", { key: '84d21919bb2cca3b2c73293797a20e105f796a8b', class: "withSelectedCountBadge", size: "small", appearance: "filled", color: "brand" }, this.selectedFeatureByBoxSelection.length)))), this.selectedFeaturesActionPanel && this.selectionActionOpen && (index.h("div", { key: '467b3a4d16b19efbef5bca0a515913c2d4e22b6f', slot: "content", innerHTML: this.selectedFeaturesActionPanel })))), index.h("udp-fluent-button", { key: 'ce6943eb750c62767da0c0467c0b08e43c20df32', startIconName: "dismiss", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.unselectFeatures() }, "Cancel Selection")))), index.h("div", { key: '7eae7a813efe7f071b45a8a58e9220efbda50bbe', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (index.h("udp-popover", { key: '4c3d37df751af05896fc21b81d2927a8c0a7ac3e', open: this.addFeatureOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseAddMapFeature() }, index.h("div", { key: 'f8f7de4d0db0a4f8cf7b2cb905bf66eb532976cc', id: "addOptionButton", slot: "trigger" }, index.h("udp-fluent-button", { key: 'd74cceb942536b6c2d2464b2668fb4a620084cba', startIconName: "add", appearance: "primary", size: "large", onClick: () => this.handleAddOnclick() }, "Add")), this.addFeatureOpen && (index.h("add-map-feature-popup", { key: '3b4c0e852fcdc4b0b15039920010696865f51b5c', 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: 'edcf1440559beaddfb9421d5656c5e93ba5ecf40', class: "labelButtons" }, index.h("udp-fluent-button", { key: '12b355b3699a49ecb87ddbd37be54ce359bc8140', startIconName: "checkmark", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleSaveSplit() }, "Save Split"))), this.showSplitButton && (index.h("div", { key: '1f6bec56cd97ed84f09f995a6de4fd1f3b59cc7b', class: "labelButtons" }, index.h("udp-fluent-button", { key: '1b98c39501e6cebb18d3ab28b9dc117bcf84b70c', startIconName: "dismiss", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleCancelSplit() }, "Cancel Split"))), !this.readOnlyMap && this.enableAddNewFeature && (index.h("div", { key: '235479fdec59bdf68e72688d9ca4e62d03377c14', class: "labelButtons" }, index.h("udp-fluent-button", { key: '14c00680c9d63768382d5850113dd59ceebc6205', startIconName: "dismiss", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleCancelAddNewFeature() }, "Cancel Drawing"))), !this.readOnlyMap && this.withSelected && (index.h("div", { key: '4b33a865345521bfa87278a34af19c00b6e00bfe', class: "selectedFeaturesButtons labelButtons" }, index.h("div", { key: 'de4acd6fecd6ff24fcb22cf1cfe69d4c6cf5c5bb', id: "withSelectedOption" }, index.h("udp-popover", { key: '3faad6dc4d18e834e597726bcea97270bc31431a', open: this.selectionActionOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseSelectionActionPopover() }, index.h("div", { key: 'd6b44d44e02089e8a5e5050ca3aacc16fe3c043c', id: "withSelectedOptionButton", slot: "trigger" }, index.h("span", { key: '2f63d643d5021a807b3d9e05efd7c0e6b4f4200b', class: "withSelectedButtonBadgeWrapper" }, index.h("udp-fluent-button", { key: '29588315698f9f8ff02537e8e906bb312e74d160', startIconName: "more", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleSelectionActionOnclick() }, "With Selected"), this.selectedFeatureByBoxSelection.length > 0 && (index.h("udp-fluent-badge", { key: '7b37962cdfdc38dfde3582a52a26d78d4e8b40fd', class: "withSelectedCountBadge", size: "small", appearance: "filled", color: "brand" }, this.selectedFeatureByBoxSelection.length)))), this.selectedFeaturesActionPanel && this.selectionActionOpen && (index.h("div", { key: 'bdb99df3ff1eb2fb2b086097cf6eb9ae3fa8211f', slot: "content", innerHTML: this.selectedFeaturesActionPanel })))), index.h("udp-fluent-button", { key: 'd3e47d3a8549a9d16275ddc599422f730a15067c', startIconName: "dismiss", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.unselectFeatures() }, "Cancel Selection")))), index.h("div", { key: '3f7fe037df5d313f25e8d9602f6de562d6233c7a', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (index.h("udp-popover", { key: 'e58f1ceae1feae5c4e55a6d7e5e2319e884283c8', open: this.addFeatureOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseAddMapFeature() }, index.h("div", { key: '9294d378a29ad5604a90275fc09b9ac4ec1a6c68', id: "addOptionButton", slot: "trigger" }, index.h("udp-fluent-button", { key: '3e5ff00080aaf829ddce12b04b3982cadcb2f143', startIconName: "add", appearance: "primary", size: "large", onClick: () => this.handleAddOnclick() }, "Add")), this.addFeatureOpen && (index.h("add-map-feature-popup", { key: '1e56e3487ff69273b7ccc17168a307f8d359de7e', 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: '7b63ac98cd1bae0e6bf64a7d48db00f201086eb9' }, this.enableTileSelection && (index.h("udp-fluent-dropdown", { key: '3f567a93a12875da2aa54b9785e41e28866322d3', 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: '7dc726b0159bce0a6d03934b2c47b120e2c3aa80' }, this.enableTileSelection && (index.h("udp-fluent-dropdown", { key: 'c84bcf00c0b230414a0ccd649f2e423b99691a2c', 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: 'c78d6f6767bc162fcc1b2a164915464ace34b706' }, index.h("udp-search-input", { key: 'f88122408e343c692647e2be58d2ffd31b642546', 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: 'c46a3a15110bb0974eb8080383f26a6ddd7eb5de' }, index.h("udp-search-input", { key: '1689eb28a48bed81876952fd48ea11245c16c01f', 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: '2942cbb6fdba63d83213a3737a37ae0d195e4e7c' }, index.h("udp-fluent-dropdown", { key: '62cdc6492bb49fa5fa7e1cdf72236447c91c7072', options: (_a = this.vectorLayerOptions.map(layer => {
+        return (index.h("div", { key: '0e1bfc2ce907bb27e5142c776636554c8ba19485' }, index.h("udp-fluent-dropdown", { key: '3f2ce2de9fc13daacae4d8ab64698770dc9d0c6b', 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: '157db26cca967604955fc22910420be01df2b5d7', class: {
+        return (index.h(index.Host, { key: '5d494adbbdc0625f3cc9880fcf660f1aeffb4b6f', 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: 'baff4250821b2504a8ba78152a82b0fb20c7e58b', class: "bx--form-item map-input-search-field" }, index.h("unity-typography", { key: '64afe25739daa473730f17475ea065a4ee9c6c18', variant: "caption-text" }, index.h("label", { key: '6f40787137cb7f55621df2d13320c577956f531f', htmlFor: this.inputId + '-search', class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("div", { key: '92852fb672c62804c635a70970d2608bd3177376', class: "search-container" }, index.h("div", { key: '4bde173da7368869f9b3cc62503262e18e451ac6', 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: '42e1af755a8ef1eae67fb7423a7d9faf2f5318a7', class: "bx--form-item map-input-search-field" }, index.h("unity-typography", { key: '6ba2aab585fe3eea45f9d90769bb41c0082981c5', variant: "caption-text" }, index.h("label", { key: '556eebce87adc910ee24de8fe31ef8e4e7453a74', htmlFor: this.inputId + '-search', class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("div", { key: '356771569f9d8a8f29429b209ddb0295250869b7', class: "search-container" }, index.h("div", { key: '209a8621fe02d61153654f58887df47000793d82', 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: '69393f35c8f267fa9f4a1ae35fc253dbb4053d3e', class: "search-actions" }, index.h("button", { key: '436e7a15ff51b64a5068ef73cd46ac034e6ba912', 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: 'def0a5a9b9728efa96db89627253878af183e907', class: { 'loading-indicator': true, 'hidden': !isBusy } }, index.h("div", { key: 'd8027e280f75ca6b8d62e3ca94eb04340e8de604', class: "spinner" }))), index.h("udp-pop-over", { key: '5e804254cb3db20c32841604451f7e3a443aa3da', 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: 'daa4ad1fdada00d9df6930068a24ba68331685de', 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: '9350ca0512c6c508f53e77c57c905cd727ea789f', class: "search-actions" }, index.h("button", { key: '463cea774bcbb2e5b195c315648e3d514ef286d3', 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: 'd6861f8cfb1fa2fb31833aed4e3fa03c6b5b08de', class: { 'loading-indicator': true, 'hidden': !isBusy } }, index.h("div", { key: '080fe9c0ef64fb13f639ce06074581cf0d888e9f', class: "spinner" }))), index.h("udp-pop-over", { key: '484c833adb6c989e149c470fb8e2d8ca898d183e', 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: 'a7f86f755c9c298eb1faa0b50c40e2206122c5cb', 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: '962b4a6ef3b2bd5e02ade00f03549a41f1de3371', class: {
+        return (index.h(index.Host, { key: '661bb794c123effe4a828ca8c3e8d3a50a8f5977', 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: '964966b04dea34f51409fa2cdfe80ab694157de4', class: "bx--form-item" }, index.h("unity-typography", { key: 'f548aaba1522cd6b291b6d589767f9f5e270e6f0', variant: "caption-text" }, index.h("label", { key: 'cc1b6f12d5940b9835e87928f2ef6d5c9389e699', 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: 'b8f1ccbda813348c3b2176f31f5e7de8b9066732', class: "bx--form-item" }, index.h("unity-typography", { key: '0aa3ba03a3cf8cf47b74435d422c6da74bfbda6d', variant: "caption-text" }, index.h("label", { key: '13c5521dff58250fa42a25fde1d87c59668dd8a8', 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: '0ea6d62f2b29154327a9b3e3d9fda996d173b157', class: "error-message" }, index.h("unity-typography", { key: '0034fcb24be893f90b39e50d78a5d1d43ef84195', variant: "caption-text", color: "error" }, this.errorMessage))))));
+            udprecordid: 'udpRecord-number-field-' + this.id })), isError && (index.h("div", { key: '7db89707bfc0634ce135473f3e35615e41245bf4', class: "error-message" }, index.h("unity-typography", { key: '8c3451221c17fcf5c27715188f36aea17e0ddab0', 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: 'fc4f402f18ac9f97d968998ee9ddc1f506c37d46', class: {
+        return (index.h(index.Host, { key: '39565e8773f95272a587f2f2691c0076d0cdb070', 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: '4d4beb91fc411b7ff58049acefec768a0ae2d1e1', class: "bx--form-item" }, index.h("unity-typography", { key: 'c1c5f527d26ab9d5cc13fc206065749c9d864d67', variant: "caption-text" }, index.h("label", { key: '2659a64862db9db6f41ad86c03c38f0ee66ce87f', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), index.h("textarea", { key: '771282409b132467aa9ce9d789094efd8b3e0ab8', ref: el => (this.textareaEl = el), id: id, class: {
+            } }, index.h("div", { key: 'bbeed25eb400e5f72e7243133fc51994f1e596ca', class: "bx--form-item" }, index.h("unity-typography", { key: '370b3bc99ef73c87c7416bf35c7109297de6254b', variant: "caption-text" }, index.h("label", { key: '4c38cb0d645d7c40db551fc0981f2fb186fb490d', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), index.h("textarea", { key: '59f0557f44c8d0889c92c6e28b614bc0c60eab52', 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: '7475809ffe887c5c1b5ab7800b11d0eda7732c0f', class: "error-message" }, index.h("unity-typography", { key: 'f553884e25e06ec8809777e4350f127989e7de67', 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: 'acc6d3a957cc3659c3bb60c0acfcab4397a108ba', class: "error-message" }, index.h("unity-typography", { key: '95a1f9fcc4ab0fd666ce8450d1485f2eee14be3b', 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: '8057fc8749a8b5128e8f3f9e86fb1bfd4306bc69', class: {
+        return (index.h(index.Host, { key: '1cad4b707483206ac3921902ad3c5ea199b66826', 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: '7d73d7dbd261f78a41d3a3ec2d796b33ff23adfd', class: "bx--form-item" }, index.h("unity-typography", { key: '8a4736c0ff43dbc41bd7872cc62485c1cec77426', variant: "caption-text" }, index.h("label", { key: '8c87c377b945579d0614b514f454befb520bf162', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: 'f293c60b20a50374ce533c79f72b5cdd3f07aa0c', 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: 'bba8428dee6c3102b16c54e9445fa8ca08bc5012', class: "bx--form-item" }, index.h("unity-typography", { key: 'f5e493b38728a436d9cf7b9614ec570cf7eda08c', variant: "caption-text" }, index.h("label", { key: 'ad90f573390b8ec8b6354e95b3858d5b73e7659a', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '47c938ad6e8093a1e0a29985a37b748fe3c15c18', 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: '91e9bc2bf904ea072fbb4e33d71a218087c59a1d', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-date-selector-' + this.id }), index.h("unity-typography", { key: '4c034eff062d2e02bfc153fcf55535a614c33105', 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: '63c8cb2e7f1eee65234067e4002230739ce0403c', class: {
+        return (index.h(index.Host, { key: '8ce0cbf152de786c8a3478f9dfebe89a027029e8', 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: '367f07bc686dc757b46ea625df715478664e684e', class: "bx--form-item" }, index.h("unity-typography", { key: '05c7757f9b023c02c1aa4eb91643329a0c8aac41', variant: "caption-text" }, index.h("label", { key: '2bde23895a26d68478ce8056ecb422384fbe4b31', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '2f182fa8469f4b9e30463cdbab137f22d3a4d852', 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: '8be0cde1f76802ec355f0b3b30fe9f95d9901394', class: "bx--form-item" }, index.h("unity-typography", { key: '840ed430ece0bd3164b8baedf38563ac71c4bcfa', variant: "caption-text" }, index.h("label", { key: 'd70f4ff1f1cea1f457dced17698c876522f00c74', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '096fb7948b4737fbce894ef98544d67d8b876aaa', 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: 'a5010c85ad10d5eec31d375f090aea96666636f2', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-datetime-selector-' + this.id }), index.h("unity-typography", { key: '2d2d88f80f67f0bfde19adcc4c8de7370d62419b', 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: '8700b7860b7ed466d2851980fb6fd37ee62011e2', class: {
+        return (index.h(index.Host, { key: '16e4dbfb9e03fe70e9175d9690e14b0ad3d3da39', 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: '51fa0ce5e124b0ad6a5e0eb741e5256e46fffa4b', class: "bx--form-item" }, index.h("unity-typography", { key: '2c16030dc8d4074d4037a9601adc5bb574d008eb', variant: "caption-text" }, index.h("label", { key: 'fc764cf8ef1451c2fae369cc5a45c0acad302dec', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '5f8510db27ba42966e584179e0a71a185ef9118a', 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: '4ff0b15c88c0a8f1d530c630deeea4ed993c54e6', class: "bx--form-item" }, index.h("unity-typography", { key: '934367adce6e8a4852511b46f0636eb2334f186d', variant: "caption-text" }, index.h("label", { key: '5af161d9ca4c47579ae35d5183dd87f39a75f817', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '5f49973da5eddacf270d0cb297f912605f5bda37', 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: 'deb782ee211207b5a23a5ad5962aa9893d0c40ea', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-time-selector-' + this.id }), index.h("unity-typography", { key: 'ecede16379d2cefc253744d4ae7e66d7d3c807e3', 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

@@ -464,8 +464,8 @@ const EditViewFormDialog = class {
         this.fetchedCurrentView = false;
     }
     render() {
-        return (index.h("fluent-dialog", { key: '438d82d678d08ff6a9a0b1e4b0c4592b4d293bc5', 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: 'da191fbcd440a42a2799031ca602e1b617f929e7', class: "edit-form" }, index.h("text-field", { key: '1490eea7f70507477ddc8edd6988138eaabff952', label: "View Name", value: this.name, onInput: (event) => this.handleNameChange(event) }), this.fetchedCurrentView &&
-            index.h("div", { key: '6b2add4bdd99cca7a83263c80061122d1daaec93', class: "toggle-options" }, index.h("div", { key: '9d86c6840dcdb88557597dcdbe906a6e7c66416d' }, index.h("stencil-toggle", { key: 'e4b1743f071f5f4596b573aa2e7017594ba9bd7a', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), " "), index.h("div", { key: '25bc2d4f6d054ed5191227623d402f374c329e57' }, index.h("stencil-toggle", { key: 'b9523c5afa1e1e5f7662fbfafdaef7f297e8d86d', label: "Default", checked: this.isDefault, onToggledChange: this.handleDefaultChange, style: { marginTop: '10px' } }))))));
+        return (index.h("fluent-dialog", { key: 'ed7a63b7956c46e4158e37e0e6b68d9835546bdc', 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: '452d6b03b284cf41fa4dd50bc38f782f29a31ca1', class: "edit-form" }, index.h("text-field", { key: '54b2e0fd478f97acee9da5fcdce65c0e1432ebaa', label: "View Name", value: this.name, onInput: (event) => this.handleNameChange(event) }), this.fetchedCurrentView &&
+            index.h("div", { key: '7d7a7d0c03cb88b6748dc1b7c284cb40374b6635', class: "toggle-options" }, index.h("div", { key: 'e19095bb069c7d061c564d1a98505413806e0093' }, index.h("stencil-toggle", { key: '65226366419413f0a50fbb7789b1459abfc39404', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), " "), index.h("div", { key: '2a8a7c2fa15a88f19f22661bf5f0fc8509278eff' }, index.h("stencil-toggle", { key: '8838cb06043b84f89a4e0e94c3063d4ada78e07b', label: "Default", checked: this.isDefault, onToggledChange: this.handleDefaultChange, style: { marginTop: '10px' } }))))));
     }
     get el() { return index.getElement(this); }
 };
@@ -616,7 +616,7 @@ const GridPrimaryBar = class {
         this.updateHideBar();
     }
     render() {
-        return (index.h("div", { key: 'fbb24528729a96444374265efdb7c2990ca55941', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, index.h("div", { key: 'b845d01ac68c4876c1b86b7688151110096fea8c', class: "title-section" }, index.h("div", { key: '3c3983ed5fefd31e601430ec07063f883f25b883' }, index.h("unity-typography", { key: 'a8f4351c032737974623c6b60442db1995825201', variant: "h4" }, this.title, " "), ' ')), index.h("div", { key: '12bb36a125c3a5155794db881443494e8cde50d6', class: "button-section" }, index.h("div", { key: '95e5fd707f53357d2dd304cab0abb9f1118939e5' }, index.h("slot", { key: '3a2d07bc3f3e80613ed41fe20fde1b2138c598dd' })), this.defaultActionButtons.map(btn => {
+        return (index.h("div", { key: '3cb99f48b14ce93ecc9118813e663b8c86652b98', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, index.h("div", { key: 'e8d3fefbfdacac74557b7106618f651ba6f6b08f', class: "title-section" }, index.h("div", { key: 'cf63831157357f39846ae5ed3b664b94e192cb77' }, index.h("unity-typography", { key: '8199856e3e30dbf8fa036ba92398dacf51057998', variant: "h4" }, this.title, " "), ' ')), index.h("div", { key: 'fd27db8847e8f4d9c11e69ec3a445b4b5c1d7d77', class: "button-section" }, index.h("div", { key: 'd12d65b360c6c92413fba3dbfc00f3ae4239042c' }, index.h("slot", { key: '6e52d6c643b7e1f70724d14ee0166357cfaed80a' })), this.defaultActionButtons.map(btn => {
             const clickHandler = (event) => {
                 if (btn.clickHandler) {
                     btn.clickHandler(event);
@@ -629,7 +629,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: '03b5aff6231117cc2d4411a78ecac5c46e31ef0b', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && index.h("udp-icon", { key: 'b6fbc318d053d11d4c737b3de8208d5d8b6549ce', iconName: this.primaryActionIcon, darkIcon: false }))))));
+        }), this.primaryActionClick && this.primaryActionLabel && (index.h("custom-button", { key: 'b9d444793af8e2a4e314ed1f29b2f276fe80f7f8', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && index.h("udp-icon", { key: '56a1db4a3fc790c463e83caecc001781cda61f26', iconName: this.primaryActionIcon, darkIcon: false }))))));
     }
     static get watchers() { return {
         "window:resize": [{
@@ -713,11 +713,11 @@ const SaveViewFormDialog = class {
         }
     }
     render() {
-        return (index.h("fluent-dialog", { key: 'f98e636fc96f173d851fbde326cc8c3e64d42737', open: this.open, actionOne: () => {
+        return (index.h("fluent-dialog", { key: '81572195293b7c09aa25a2e7f40ad738980b2ec8', 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: 'a740c67dc5b01e7c8cd7ac02a3348e46b6eab3c6', class: "save-form" }, index.h("text-field", { key: '9198b308ffebadb0de541fccb9c381f620a5aa77', label: "View Name", placeholder: "Create a name for your view", value: this.name, onInput: (event) => this.handleNameChange(event) }), index.h("div", { key: '684f4368c6f784dcb6ad80a9374ed530e8e1dd4e', class: "toggle-options" }, index.h("div", { key: '5826b6cbd4bc0d69e1c8c3ee94b72305ad297c71' }, index.h("stencil-toggle", { key: 'ade09cbda30fe552ed01c686da40900196b855d4', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), ' '), index.h("div", { key: 'b469e2d4b39ecff8c211cf1eec05c4fe894978e7' }, index.h("stencil-toggle", { key: '029aa68305520576e6da8f2543623b3b23832e2c', 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: '2b6f4ac462f111cd7e858375cc8c5a15b7412e2b', class: "save-form" }, index.h("text-field", { key: '00bb3fd8a6b16536c91835a15a55c4e0b7d01a6b', label: "View Name", placeholder: "Create a name for your view", value: this.name, onInput: (event) => this.handleNameChange(event) }), index.h("div", { key: 'ccba9f36950748b758688ee2ad1f219b646b80b7', class: "toggle-options" }, index.h("div", { key: '9baa690063522001f6e093cf2205181b8960702d' }, index.h("stencil-toggle", { key: '5e1e86a5a9a6386920ec42974c4a8b9dd650a131', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), ' '), index.h("div", { key: 'aa6c4333a9b9784deb6d76f2f8837917ce33e04b' }, index.h("stencil-toggle", { key: 'd21e55ec9d5cf7414d840647680ddafd2b0b7ff7', label: "Default", checked: this.isDefault, onToggledChange: this.handleDefaultChange, style: { marginTop: '10px' } }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -742,7 +742,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: '7abed70d4440297217b7dd6688e90b0aae3c5ed3' }, index.h("div", { key: '87d3ba4880b11aee70dd5972dd00096a2454520f', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), index.h("div", { key: '1531a5e0485eb552166354974f6b900384abb796', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, index.h("div", { key: 'bbdfc9004f6e7222cdae8f415a5bc95de1f391a8', class: "title" }, index.h("div", { key: 'f38308852a26dfc564dd9cde53ca2ad95194dee0', class: 'close-button' }, index.h("stencil-icon-button", { key: '90ff1acce9b4c1b7d1b986ff5541a2fadc3e1169', icon: Close24__default.default, onClick: this.toggleDrawer })), index.h("div", { key: '7e78d38d2a571cf4455f7a717c8825a899e9f164', class: 'title' }, index.h("unity-typography", { key: '6f3c3e78bec3b801ab348a06f1a6cdcda93b0720', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && index.h("custom-button", { key: '352ecc812915a989824cad943f5731a9a42a257d', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), index.h("side-sheet-container", { key: 'beee1eec64d8bc9cf300124ef7f7dc6dc4c39b41', padding: this.padding }, index.h("slot", { key: '29bb4fb15e78e675511be6be9722bf9b082ad303' })))));
+        return (index.h("div", { key: '08a6164d48b2e9554a6b822c2efe210b52d3f4b3' }, index.h("div", { key: '9236bc53b6eff03899e8381f3334f172758e6ad9', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), index.h("div", { key: 'ef817d362f12c241a582beae405769d5ac699674', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, index.h("div", { key: '0b3aa7a76c2b6a7d96180e29a5515f7d99f6cae8', class: "title" }, index.h("div", { key: '6b7f0f5a766ad1358acb6718223e99bc1d2d3493', class: 'close-button' }, index.h("stencil-icon-button", { key: 'edc4c66abe8d237f593291d30448b415ff099122', icon: Close24__default.default, onClick: this.toggleDrawer })), index.h("div", { key: '62229970926e837bc47b0ee80243f6ad6ad60cb4', class: 'title' }, index.h("unity-typography", { key: '9e9a11ba94c811e9ec1ba0252891736e8812a017', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && index.h("custom-button", { key: 'ca2e8f3c3e163793464c65015170ba91652562a0', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), index.h("side-sheet-container", { key: 'a9da3e7d5da2a0409074567717d8b5e269235653', padding: this.padding }, index.h("slot", { key: 'cc40f52ec039f40dcc150dba60fe343ea91824d0' })))));
     }
 };
 SideSheet.style = sideSheetCss();
@@ -778,7 +778,7 @@ const UdpHotlistForm = class {
     //     console.log('Cancel button clicked');
     //   }
     render() {
-        return (index.h("div", { key: '05bb3afdff69e0b9be544e52378ffe2ec225d98a', class: "wrapper" }, index.h("form", { key: '635d669b73d66f8b32347684f36b840006bf7811', class: "save-form", onSubmit: this.handleSubmit }, index.h("text-field", { key: 'b8cafddd2ae334dbafcfd8f3f2d0719d5d748581', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), index.h("stencil-toggle", { key: '5d6178f51ba4ce2a69f9218dea376f9083abf0dd', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), index.h("div", { key: '030dfdd3c33485417763d012c77383f4d2c18a05', class: "submit-button" }, index.h("custom-button", { key: 'fe11609869028eca93fd64e30a156727eba42b5d', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), index.h("custom-button", { key: '993eaf4f88cef81fec60e17cc5043865dad5e9f5', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
+        return (index.h("div", { key: '24a2e8f43c3c30c506873d9d17f21547071ce3b0', class: "wrapper" }, index.h("form", { key: '05e512749e17777d3c2c8cba48ef29211e0da4d1', class: "save-form", onSubmit: this.handleSubmit }, index.h("text-field", { key: '805f3303b7b6cf9fd5d16c4c5ef35eaa98d3b6bd', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), index.h("stencil-toggle", { key: 'c8ba9fa801f53ff7a1752faa96bfda4bc220ab04', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), index.h("div", { key: 'be29a2843807f23a4e264a3ca01a477345d023ff', class: "submit-button" }, index.h("custom-button", { key: '4591a22fe76b98c29821aac471ca82b3ce66b95c', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), index.h("custom-button", { key: '384adb4b0e9f120c3f8e4d23f9a870a6fa81af4e', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
     }
     get el() { return index.getElement(this); }
 };