udp-stencil-component-library 26.6.0 → 26.7.0-beta.0

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: '92c7b6ebafb31c972a352d8378ff424a2164485c' }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (index.h("udp-fluent-dropdown", { key: 'b71fa0a2136941962ce4f7e62340e595f242fe43', options: this.layerToAddOptions, value: this.selectedLayer, valueAs: "value", label: 'Layer', onValueChanged: (e) => {
+        return (index.h("div", { key: '6129f5f8e3accc964c6b390cbd00af1b230bb5c9' }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (index.h("udp-fluent-dropdown", { key: '8ff18d5fa2efe3bdc2e7117cd58b8f100707e440', options: this.layerToAddOptions, value: this.selectedLayer, valueAs: "value", label: 'Layer', onValueChanged: (e) => {
                 this.handleSetSelectedLayer(e.detail);
-            } })), index.h("udp-fluent-dropdown", { key: '6dcffb3b7bb3bc33f83815eeff1be597ae880fc8', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], value: this.selectedType, valueAs: "value", label: 'Type', onValueChanged: (e) => {
+            } })), index.h("udp-fluent-dropdown", { key: '4a65e80b0fbf48ef06776528a5e04eae3b4df6e3', 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: '188ee2f8d0ca51b2aea7565482d14135f75d3e1e', class: "formButton" }, index.h("udp-fluent-button", { key: '53e6224bfa75d51da6addc1e4b33f7dc2973637a', 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: 'c541e28b8a6277d997d22252855e027c49fc01dd', class: "formButton" }, index.h("udp-fluent-button", { key: '2b3312003f1ea87ad1917c12012d122a5980e17b', 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: '984461a3b08d1fb4a7f50ced9045c60a6fba3a4b', class: "toolbarContainer" }, index.h("div", { key: 'e290fd0e6af967c3b5766d0238dff34588551cc1', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && index.h("unity-typography", { key: 'cdc452ac7541641d2c37c770198e6a04dc3b6ecd', variant: "h4" }, this.mapTitle)), index.h("div", { key: 'f879e28ea01fce32bdc77edaccd69eab5446a018', class: "buttons" }, index.h("div", { key: '3b42322127f7f7c6cab860ecf3427949922b33f8', class: "buttonContainer" }, index.h("div", { key: 'f6b77619fb3e451602af657b40fc258ea5d0f254', class: "secondaryButtons" }, this.filterPanel && (index.h("div", { key: 'ceda42d91fbd95be26d02956002d51379f1ac32a', id: "filterOption" }, index.h("udp-popover", { key: 'ea202af661e10ad61568540d92b5311a8017f9fb', open: this.filterOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseFilterPopover() }, index.h("div", { key: '95f5a91dd6277d20b00fefa91b5feea649632231', id: "filterOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: '19748356119018cba63c9f6577f852e0ceb23c9e', content: "Filter" }, index.h("udp-fluent-icon-button", { key: 'b48a5fb4495e3d8992c82453d49df6d9044fbdb8', iconName: "filter", ariaLabel: "Filter", onClick: () => this.handleFilterOnclick() }))), this.filterOpen && index.h("div", { key: 'd96720466044a8727a31c1ad770774e20eb5a53a', slot: "content", innerHTML: this.filterPanel })))), this.layerOptions && (index.h("div", { key: 'b9df3506fd4a640d2b473549401e1ac9daa3b5d5', id: "layerOption" }, index.h("udp-popover", { key: 'cb289fa03ee723e80b3664a9f36a7499b605e09e', open: this.layerOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseLayerPopover() }, index.h("div", { key: '563bd7cf9d10fccdbb6e4883b01f234982e5f2f6', id: "layerOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: '355c48368db5ad89cbeeec61b70a1abc569a4f49', content: "Layers" }, index.h("span", { key: 'ae161883440a19d0fedd92418fed2d06d7fe8dbf', class: "layerButtonBadgeWrapper" }, index.h("udp-fluent-icon-button", { key: '04548bb645749283a9b810e6e3632e967db8f0e5', 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: 'a5e89d52fa5530b45bc3011638831d329ca74a24', class: "layerCountBadge", size: "small", appearance: "filled", color: "brand" }, this.visibleLayers.length))))), this.layerOpen && (index.h("div", { key: 'dfc64b7fbe98e9f5ecb8771d5b43a8dc6bebe019', slot: "content", style: { maxHeight: '500px', overflow: 'auto' } }, index.h("select-layer-popup", { key: 'f18c4b3280f78336eb373d6d24ec4c694f302d92', 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: 'e25c92d701aa311f4ace90d777306050e4ace31a', id: "bulkSelectOption" }, index.h("udp-popover", { key: 'e8a98d3c947c26a6c883123e4587fa8532a89d4c', open: this.bulkSelectionTypeOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseBulkSelectionTypePopover() }, index.h("div", { key: 'fe8fd679a7053c5031cd308099b65fdc72f7b28c', id: "bulkSelectOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: '84e1aeb49130a5ed7ac2f9009f25c9490f4ac0bb', content: "Select" }, index.h("udp-fluent-icon-button", { key: '81a6a17dee7528d3271f8ca8aa668fa4df6e2399', iconName: "lasso", ariaLabel: "Select", onClick: () => this.handleSelectionBtnOnclick() }))), this.bulkSelectionTypeOpen && (index.h("div", { key: 'a6312b782d6edc7e5d9afb332c8c21a6620e0dcc', slot: "content" }, index.h("udp-menu-item", { key: 'a3efc93116ded76058019b8905ae35965eb98357', label: 'Box', onItemClick: () => this.handleBulkSelectionTypeOnclick('box') }), index.h("udp-menu-item", { key: 'd874e1ac1794d722781ecbf37ca8ec0984b179a0', label: 'Circle', onItemClick: () => this.handleBulkSelectionTypeOnclick('circle') }), index.h("udp-menu-item", { key: '39931e2b867473167379eaa3434b7b9d6aaaff50', label: 'Polygon', onItemClick: () => this.handleBulkSelectionTypeOnclick('polygon') }), index.h("udp-menu-item", { key: '2da942df0c824cfdbc17b18f295e1e9639eafd87', label: 'Lasso', onItemClick: () => this.handleBulkSelectionTypeOnclick('lasso') })))))), !this.readOnlyMap && this.enableSplit && (index.h("div", { key: 'f635e600e79b98d891783790ed42adc88d8ab06c', id: "splitOption" }, index.h("udp-popover", { key: 'ca77d0b5367b557c47e985b70333c326bda4e455', open: this.splitOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseSplitPopover() }, index.h("div", { key: 'a5ea2c4e84bbf2f4a58f742b5203a5e6285b3d06', id: "splitOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: 'f14fef9f771de6f93e428a2d2a5b15533b6ca582', content: "Split Linear Feature" }, index.h("udp-fluent-icon-button", { key: '9fdc240667615f705f5b9dc93d375bf41c28e80a', iconName: "cut", ariaLabel: "Split Linear Feature", onClick: () => this.handleSplitBtnOnclick() }))), this.splitOpen && (index.h("split-line-popup", { key: '6ee2ae66b0bdb115416ea8e2a19887af18e68ba2', slot: "content", vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting }))))), this.refreshEvent && (index.h("udp-tooltip", { key: 'a41b3b967147ccc9a9984178bb738119b02b2e8b', content: (_b = this.refreshButtonTooltip) !== null && _b !== void 0 ? _b : 'Refresh' }, index.h("udp-fluent-icon-button", { key: '64c4b105fe751f57f30395438592d8991e9fe2f0', 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: '7f1606da5016100cb36651296a4af93997c7669f', class: "labelButtons" }, index.h("udp-fluent-button", { key: '85f7d108853c0e345d97f9a141efe2923794e170', startIconName: this.getButtonIcon(), appearance: "transparent", size: "small", onClick: () => {
+        return (index.h("div", { key: '79bfcbb9c918adfb97efdb0eed287fd546c96aa5', class: "toolbarContainer" }, index.h("div", { key: '97d22e897f5a5e1770e67b2fea420cd32ee06c5e', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && index.h("unity-typography", { key: 'e6268a37747c8cfbd07fdc99f16b04ca64866970', variant: "h4" }, this.mapTitle)), index.h("div", { key: '9409c41c47215277f1bc452ebf9fe940062e325f', class: "buttons" }, index.h("div", { key: 'e64c2ee5696f408b8500e788b6a861ea9da65db5', class: "buttonContainer" }, index.h("div", { key: 'fbbb3a058bca2ac1d6d9197df3551c279175fb7d', class: "secondaryButtons" }, this.filterPanel && (index.h("div", { key: 'e965d39876fc0ff20daa9f95e96967baf9b2e763', id: "filterOption" }, index.h("udp-popover", { key: '82635ff29359e6b385ed38b17e034a08d129eefe', open: this.filterOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseFilterPopover() }, index.h("div", { key: '021a35363e63b005ac5ea88c46d580f78981c96b', id: "filterOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: '2b9d895b094a5ce607ee929e077e4eafbb891c48', content: "Filter" }, index.h("udp-fluent-icon-button", { key: '235d111a5128dbc749151811b3adf0725d54dcb8', iconName: "filter", ariaLabel: "Filter", onClick: () => this.handleFilterOnclick() }))), this.filterOpen && index.h("div", { key: 'c4651b65b71045f21f7ffef60a4709f2e4dcaf62', slot: "content", innerHTML: this.filterPanel })))), this.layerOptions && (index.h("div", { key: '851c839ea8eed618d7c80c3e5e5de7cde57a1afd', id: "layerOption" }, index.h("udp-popover", { key: '344050578d8d19d17ab73f482f32fbe3d50b2d03', open: this.layerOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseLayerPopover() }, index.h("div", { key: '296d915a258e6632b99c3564204921523767e571', id: "layerOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: 'a1c52ce8699e83e5e2149e5a55170b605421307d', content: "Layers" }, index.h("span", { key: 'c5f0e7616b7580ba55f13ce490757c5cb0bed73d', class: "layerButtonBadgeWrapper" }, index.h("udp-fluent-icon-button", { key: 'd9a973cfa738ff7d863ceaa8821b1a0edd042054', 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: '10a7e6beb2d6d2a6a0fdedc9f5c0929955ff2f36', class: "layerCountBadge", size: "small", appearance: "filled", color: "brand" }, this.visibleLayers.length))))), this.layerOpen && (index.h("div", { key: '1cd225374c842a104860773169f3ef87c73cd6f0', slot: "content", style: { maxHeight: '500px', overflow: 'auto' } }, index.h("select-layer-popup", { key: 'f1c232295fbd7e2734406c43ebfa16e11cdaad54', 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: '8b05c48c198ce560defae4e705b4074654af5b48', id: "bulkSelectOption" }, index.h("udp-popover", { key: '5ac144ecef811f2c15176fd6a3720a5c7ad4c9c2', open: this.bulkSelectionTypeOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseBulkSelectionTypePopover() }, index.h("div", { key: 'f0f0d7c106ab78557af4394526ff2bb7c4ebc7fd', id: "bulkSelectOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: 'a2a408273727da7502399a66cd9b4c9f94511f63', content: "Select" }, index.h("udp-fluent-icon-button", { key: '0c794b451de10bf6c33bf7fcc9a08a90518bc9ce', iconName: "lasso", ariaLabel: "Select", onClick: () => this.handleSelectionBtnOnclick() }))), this.bulkSelectionTypeOpen && (index.h("div", { key: 'f358f01d30c9b918b36f4bcac033e1a3c3972626', slot: "content" }, index.h("udp-menu-item", { key: '8f360438960623e0c9bb8da4a47ec4a1e0f39965', label: 'Box', onItemClick: () => this.handleBulkSelectionTypeOnclick('box') }), index.h("udp-menu-item", { key: '94e4d52da73fa3b66ea0270fcf044d30438a5579', label: 'Circle', onItemClick: () => this.handleBulkSelectionTypeOnclick('circle') }), index.h("udp-menu-item", { key: '490428bfb01589a532280bb60f557f77352a3280', label: 'Polygon', onItemClick: () => this.handleBulkSelectionTypeOnclick('polygon') }), index.h("udp-menu-item", { key: 'af7cc51a15febce281c1bc176cb9171de86eb2be', label: 'Lasso', onItemClick: () => this.handleBulkSelectionTypeOnclick('lasso') })))))), !this.readOnlyMap && this.enableSplit && (index.h("div", { key: '3cf1e8cb3ba305f914a2351b5851d5809e959122', id: "splitOption" }, index.h("udp-popover", { key: '57962b27e1ccf0a17c34ec509462db1cf8c49b96', open: this.splitOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseSplitPopover() }, index.h("div", { key: '16828f49a1c5755832b82e16e31b1e30ebeb5c82', id: "splitOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: 'a686c28cd07ad3c0d458ea170e39c32ec954fe02', content: "Split Linear Feature" }, index.h("udp-fluent-icon-button", { key: '2c5a0917025d8f5a321125f3d5f8d5d3126c0737', iconName: "cut", ariaLabel: "Split Linear Feature", onClick: () => this.handleSplitBtnOnclick() }))), this.splitOpen && (index.h("split-line-popup", { key: '0a9a1d3cba69d4b96f7fce62c7cc40044d3b8b80', slot: "content", vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting }))))), this.refreshEvent && (index.h("udp-tooltip", { key: '74013b78ab52c12292d1c26aaff69baf59d56a71', content: (_b = this.refreshButtonTooltip) !== null && _b !== void 0 ? _b : 'Refresh' }, index.h("udp-fluent-icon-button", { key: 'dd0aa7d9b9d7d6276e99a1a78e8d226f7dc00cb7', 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: '568741a85a15fb660c44f9e8c18567b2359830e9', class: "labelButtons" }, index.h("udp-fluent-button", { key: '62fb7067b5b6d83439bafd7032f4fdc7905a8643', 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: 'bcfc9b781a21ba431e6e63a4b40f8b8892fd3102', class: "labelButtons" }, index.h("udp-fluent-button", { key: '91bd879bc58fc4f58e7ea093da9631d1976e70c6', startIconName: "checkmark", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleSaveSplit() }, "Save Split"))), this.showSplitButton && (index.h("div", { key: 'd50e800be5bf8bcc492fa4ca2f9dc6ed92420b8f', class: "labelButtons" }, index.h("udp-fluent-button", { key: 'a3f41fa4bda890954ea75ea0234797619564622c', startIconName: "dismiss", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleCancelSplit() }, "Cancel Split"))), !this.readOnlyMap && this.enableAddNewFeature && (index.h("div", { key: '64f048152ba9e8d9e278f712b8ee491eab1bb639', class: "labelButtons" }, index.h("udp-fluent-button", { key: '8904799be1da8b1328dec76ad9393ccb88d8929b', startIconName: "dismiss", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleCancelAddNewFeature() }, "Cancel Drawing"))), !this.readOnlyMap && this.withSelected && (index.h("div", { key: 'f83d198940fa28f818ac07c3540772cf611d416c', class: "selectedFeaturesButtons labelButtons" }, index.h("div", { key: 'f5fb63af4216830043bfc3c84fd3a57405ea0144', id: "withSelectedOption" }, index.h("udp-popover", { key: '8e3ffcf49ae42d8d2a9a980f735f2a21bed3a488', open: this.selectionActionOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseSelectionActionPopover() }, index.h("div", { key: 'a04fc17dd6f5d506776f613a5ad236fbcbc88fb3', id: "withSelectedOptionButton", slot: "trigger" }, index.h("span", { key: '35b6063747946f9321cce57023465cf295f05bc7', class: "withSelectedButtonBadgeWrapper" }, index.h("udp-fluent-button", { key: 'd3857278ae739996a97e333a06a1927fa1540fe1', startIconName: "more", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleSelectionActionOnclick() }, "With Selected"), this.selectedFeatureByBoxSelection.length > 0 && (index.h("udp-fluent-badge", { key: 'a316e0bb4c1e7043b360350a9be0b9c7dd6f7ad6', class: "withSelectedCountBadge", size: "small", appearance: "filled", color: "brand" }, this.selectedFeatureByBoxSelection.length)))), this.selectedFeaturesActionPanel && this.selectionActionOpen && (index.h("div", { key: '3f2e0a6d8cc191b03c0d3a64111980f0fca3d8c5', slot: "content", innerHTML: this.selectedFeaturesActionPanel })))), index.h("udp-fluent-button", { key: 'c01f944177decffb3a19b2f837ad87b8f6e37a48', startIconName: "dismiss", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.unselectFeatures() }, "Cancel Selection")))), index.h("div", { key: '8b5bcc4aab237f610ac827bd1a19863bcf9b1eb3', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (index.h("udp-popover", { key: 'df397b6a0b77d14320fcc585b3786ba7b5652501', open: this.addFeatureOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseAddMapFeature() }, index.h("div", { key: 'e434b9b14c070d8cd235d7e161ba247029c9fe88', id: "addOptionButton", slot: "trigger" }, index.h("udp-fluent-button", { key: '42443f7aff121d467676f32fa5e65f7d0a3d9313', startIconName: "add", appearance: "primary", size: "large", onClick: () => this.handleAddOnclick() }, "Add")), this.addFeatureOpen && (index.h("add-map-feature-popup", { key: '159fd8369d1a1205a5d20080754a919e9a8ebd4b', 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: 'cc166e116df5d85598c7f7e9f071a62ffe2456dd', class: "labelButtons" }, index.h("udp-fluent-button", { key: '37ece6c392b74d135e7689604b8a68faedf98bb7', startIconName: "checkmark", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleSaveSplit() }, "Save Split"))), this.showSplitButton && (index.h("div", { key: 'c4fa16313a240917b48cefc27fb1195b3b769e4c', class: "labelButtons" }, index.h("udp-fluent-button", { key: '044747e4a21034eda5649640543a3492ef5af863', startIconName: "dismiss", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleCancelSplit() }, "Cancel Split"))), !this.readOnlyMap && this.enableAddNewFeature && (index.h("div", { key: '047e6c01e42261024024c651916273cacb1398a8', class: "labelButtons" }, index.h("udp-fluent-button", { key: 'c083a535b1961cda8a09a3e83adda8c9d88e8df0', startIconName: "dismiss", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleCancelAddNewFeature() }, "Cancel Drawing"))), !this.readOnlyMap && this.withSelected && (index.h("div", { key: 'c6381bc1422e3eb2fee8537f835b49d1df449c39', class: "selectedFeaturesButtons labelButtons" }, index.h("div", { key: '1cff3dc6a24fcbb209d3ea465f95defb1041361e', id: "withSelectedOption" }, index.h("udp-popover", { key: 'ffc2358f702e96a563d1df54b0e334986daadc39', open: this.selectionActionOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseSelectionActionPopover() }, index.h("div", { key: '5cbdae24886b0cb60140efdf3c20e10864716242', id: "withSelectedOptionButton", slot: "trigger" }, index.h("span", { key: '409634a5af72f842aece9a97370be10df80dd0c2', class: "withSelectedButtonBadgeWrapper" }, index.h("udp-fluent-button", { key: 'f0d7598b5657fb54c34cebbe90fed071cefefa62', startIconName: "more", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleSelectionActionOnclick() }, "With Selected"), this.selectedFeatureByBoxSelection.length > 0 && (index.h("udp-fluent-badge", { key: 'ba130f0d5a5c5303d3bc1afa71d79d22684691b6', class: "withSelectedCountBadge", size: "small", appearance: "filled", color: "brand" }, this.selectedFeatureByBoxSelection.length)))), this.selectedFeaturesActionPanel && this.selectionActionOpen && (index.h("div", { key: '6e99b431514855829297639dd11fa07aeeca3a57', slot: "content", innerHTML: this.selectedFeaturesActionPanel })))), index.h("udp-fluent-button", { key: '6e90db72f02b32d7c7d7df8ff74aa85ef3316cd2', startIconName: "dismiss", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.unselectFeatures() }, "Cancel Selection")))), index.h("div", { key: '0ecb948d1026182a96e7c199cc1e937c22be3801', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (index.h("udp-popover", { key: '5607fc1defeadc3adbe8d624accede3ac25058b6', open: this.addFeatureOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseAddMapFeature() }, index.h("div", { key: 'a0a9064d3f0b5992784c2fe0def02d7ebe8f04ab', id: "addOptionButton", slot: "trigger" }, index.h("udp-fluent-button", { key: '690ee1db03dc5c5f53941b697f8c30bdab482b35', startIconName: "add", appearance: "primary", size: "large", onClick: () => this.handleAddOnclick() }, "Add")), this.addFeatureOpen && (index.h("add-map-feature-popup", { key: '9156273d91553318048eafe3557ac5310511364f', 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: 'e88fbcd96a6c790379aafa26e702039d394f361b' }, this.enableTileSelection && (index.h("udp-fluent-dropdown", { key: 'f3213039afd0917ee84687487f622217ae32a130', 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: '7928507bdb5b2f76ca978e092ebb11c1e6dc050c' }, this.enableTileSelection && (index.h("udp-fluent-dropdown", { key: '15d930bcd7cf9e1eb144790827b80dd053e8f545', 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: '3b503a816ed48629dfd7c69544b3d38ee6b952b0' }, index.h("udp-search-input", { key: 'f3a754776334172be6016eaca17838a314127785', 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: '2dac07578e55fd8af3874ea852763dfa122c84fc' }, index.h("udp-search-input", { key: 'b51a243678c6256596bae622264c659874da3447', 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: 'bd62f773175f60d292424fe32f798eb90c459f5d' }, index.h("udp-fluent-dropdown", { key: '706d7516c84537fb63bd828790db836888a72601', options: (_a = this.vectorLayerOptions.map(layer => {
+        return (index.h("div", { key: 'd4cea9b6273ef34c171b52225ee71fa8a985acbc' }, index.h("udp-fluent-dropdown", { key: '4f38276ce524c7f14549563ab0ea1c4d2ab2e71d', 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: '4fbd74f82989dc5477a145c995ce62c4f9d66f55', class: {
+        return (index.h(index.Host, { key: '1f3efc2a1cb89c663bf03c27e626d4b2af25699a', 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: '57baf3ff290bc6e09a42cf2d4496595764b3e4eb', class: "bx--form-item map-input-search-field" }, index.h("unity-typography", { key: '804858994e666d12728ee5276cbbe6a2ee8d7220', variant: "caption-text" }, index.h("label", { key: '28e1318f575c01414c1c903e67fe5aa0f9a8d0d7', htmlFor: this.inputId + '-search', class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("div", { key: 'aa675771e3076399df6168ad8e321cec27175ded', class: "search-container" }, index.h("div", { key: '64ab0f43cba2a2be4759b4a34e8be190d166d556', 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: '33e9c6f8cd8b919937a633dbdd306cdfa76b0d8f', class: "bx--form-item map-input-search-field" }, index.h("unity-typography", { key: '9e393910e610d6da1f60a8f583d5ce9fe5885c36', variant: "caption-text" }, index.h("label", { key: '709e76780f07e97553ded7f0f7effe12eb5dbfba', htmlFor: this.inputId + '-search', class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("div", { key: 'b1c457c7f1228a0d664479905c2e86108ddb62cd', class: "search-container" }, index.h("div", { key: '4de56d50e5c7f45fd85206ca8db069810c048b08', 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: 'a851217b8d649bc4b028c63cef0b4bb7867dfd55', class: "search-actions" }, index.h("button", { key: '16b88e3e0fa611763e939284ddfc75f251eb1ae0', 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: '487b4f1f11663ecbc6a6c0ad78c2af3000578b81', class: { 'loading-indicator': true, 'hidden': !isBusy } }, index.h("div", { key: '1b61bf03dcf5f1e481d2f66be8f5b63c4c1ab9b2', class: "spinner" }))), index.h("udp-pop-over", { key: 'aae3d5783d204a08cf183771f67a1dd03b655a20', 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: '7b75aa8683b7904cc90b2700ad6163c5c7f42bde', 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: '8f902947a4d7b850bb5d8bfcc4a6931a34820575', class: "search-actions" }, index.h("button", { key: 'b3438233afe9c9c6e51d7bef1a144178b4a9802d', 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: '41e5add4ed083eced22cfc347298da9af318e349', class: { 'loading-indicator': true, 'hidden': !isBusy } }, index.h("div", { key: '60a71c776bcd6a3e5e0defad0ab749d62241bd91', class: "spinner" }))), index.h("udp-pop-over", { key: '0fcf32bedb9da416f4e1db424b6fbe9d1940b28f', 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: '46ec02c8405b5d78d459ff4e9dabe341e082d3fb', 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: '3e9b5ea81b3109e29cfdf60524390f8ca286ad00', class: {
+        return (index.h(index.Host, { key: 'd22fd693693c38fa4461baa8761581f3068e2fd3', 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: 'e05437a3597cac6a29a43beff62d563e4ece08aa', class: "bx--form-item" }, index.h("unity-typography", { key: 'ec02fa02e8c70a312e82a9a1c4fd6e63d704b7d0', variant: "caption-text" }, index.h("label", { key: 'ef2052d0a2b70ec298ee678a5ed749c3df6c95f0', 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: '5983f3bca5346fc994e4be61ed579b4d7b3ffdcd', class: "bx--form-item" }, index.h("unity-typography", { key: '90fa39d439f1867cd18adf4507011c801c5a1731', variant: "caption-text" }, index.h("label", { key: 'cb42a4532b537586c2b92e8f039a2dcfe60c21d5', 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: '7f8ce21f63a98cd3315aa0b883ee26dd21b3296e', class: "error-message" }, index.h("unity-typography", { key: 'a786e49cab606bdc4f59f84fd2d08eef65cc7f41', variant: "caption-text", color: "error" }, this.errorMessage))))));
+            udprecordid: 'udpRecord-number-field-' + this.id })), isError && (index.h("div", { key: 'd718a374135dd7a06725e6ed6d7051ce262d5e21', class: "error-message" }, index.h("unity-typography", { key: '0ff7ed90fd4caa86c7ba05a93cd79d587c4ed0f5', 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: 'debca7bf03ad9b343d85e5c190ff24f71156aba1', class: {
+        return (index.h(index.Host, { key: 'f69afd3d4e6b4f91ea2d58c53fc0dc51828c8dae', 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: '7577e691ce62360467eb3c5bd3f13dc119429f77', class: "bx--form-item" }, index.h("unity-typography", { key: 'cc3386474164315754d577a733ddc239100f6c65', variant: "caption-text" }, index.h("label", { key: 'f185f5dee17462fbbebcb04ef9f761c4cc7020a5', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), index.h("textarea", { key: 'd4a6ff34ecbbe189fe39b89c5adc91b10f1b5f65', ref: el => (this.textareaEl = el), id: id, class: {
+            } }, index.h("div", { key: 'c220efd63900346576bb331332a93a845a6de875', class: "bx--form-item" }, index.h("unity-typography", { key: 'c23a7a5f6fc85f67475db3feff6dc7d07dff91c9', variant: "caption-text" }, index.h("label", { key: '94d8e6c4e0ae06905cd4b9fd0c7da1dcfe1f82c3', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), index.h("textarea", { key: '195ebf6a4640ce969bfb7dc789c31fce961117a6', 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: 'e2aa951a9eb18caad467734c8b4cbfb48959dd47', class: "error-message" }, index.h("unity-typography", { key: '3f65965fb302d0fccd0e06c854cb1e3008b69647', 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: 'ba7160a5b4b1b9426f77bf35deb5d7f16c41c0ff', class: "error-message" }, index.h("unity-typography", { key: '9b4a7770d23e2a5ac78b3a3dea6ed9fbb558863c', 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: '7ef43e90ed0441e4e5d3c6ab212e60c0ca3b9123', class: {
+        return (index.h(index.Host, { key: '8c9c6654f4383414c71d9a87725fe89d48ebd673', 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: '8e6a816712482facda6e374800bc8053affec184', class: "bx--form-item" }, index.h("unity-typography", { key: '6cef78917076c59d838ceaff783355f1d0796ed1', variant: "caption-text" }, index.h("label", { key: 'bbcc529061eafd72cc21e2cb7c8de3eb9f92dd3a', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '75979b477fb28cdcef1d11c8dae55e6efb231237', 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: 'c33bee5814c55faad78460b781d8b4f9783c1503', class: "bx--form-item" }, index.h("unity-typography", { key: 'c6f092c5c203a171a92120f8a83d185352211649', variant: "caption-text" }, index.h("label", { key: '5278e471ebb779975639d724ef430e35059976ee', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '43540fd8dfa613ddc5e96ed44c38d61eb7967fb5', 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: '40ec0d6d7ad41f6e6655b8bd2f2a9a5cf0bb592f', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-date-selector-' + this.id }), index.h("unity-typography", { key: '1c7c38071b5520ce159f8d616a8512c43077695e', 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: '6c6090a7505f123fa70c2d501b4c5fe658dcfcc0', class: {
+        return (index.h(index.Host, { key: 'bbdef5e0d4c39a8f43d9fc717da9cb899f2ff518', 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: '7abab9ac4a58ea7c43406e372b5e31b6df89b388', class: "bx--form-item" }, index.h("unity-typography", { key: 'decc42ce7477ceff6b2f55becc7b004e9cf0888a', variant: "caption-text" }, index.h("label", { key: 'd0f3bac5298e5443d6bf27078a25ab5a786063d8', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: 'fc4e3906ef9eb0467fca3544ddccd788d74cdba5', 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: '0c1828d58870864791a73990c0cf07956cf35242', class: "bx--form-item" }, index.h("unity-typography", { key: 'd8196802bd0deb7105f2d9430b72fca06b939cd5', variant: "caption-text" }, index.h("label", { key: 'da01f04316170d0910394acda757e3ae6f3a5a36', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: 'c36ab107709b8e12759dfa6c603af5d10a9dc200', 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: '010b34214279fa3cf235e2947619d8d0769e5681', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-datetime-selector-' + this.id }), index.h("unity-typography", { key: 'dae577b2aac7fa5611e54cd27dd65797a7f0471e', 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: 'd16c35a57460dfc7fd651b56b6bdcde990457946', class: {
+        return (index.h(index.Host, { key: 'd82fee12a7e3add0f8e2df4513f4d357d40ce2b8', 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: 'fc6149551a9171d5fdd619f203e4ee5a1a4e6035', class: "bx--form-item" }, index.h("unity-typography", { key: '0ff82e4a3221b30079b1dee19e4021652ce9b859', variant: "caption-text" }, index.h("label", { key: 'a401d488ce3c24d6f294fd01d26fa079b8e79ff6', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '3775d295c87c97d76d9e3f0c74af24a260a63ac7', 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: '6105fb31dba6533c9450268dde19f9ec07cc3c67', class: "bx--form-item" }, index.h("unity-typography", { key: 'fbe82d57bc5eaa2b2fd7c86e1a8e344677ec1752', variant: "caption-text" }, index.h("label", { key: '7f6e88c3cf00128cfd87d0520559b8e1b9dd9d01', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '1b768ae26bd6ebf2cd96356d8c079680b619eb76', 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: '92a44ddf0e6197e9b03b9bce3b492ec6aea2d9ac', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-time-selector-' + this.id }), index.h("unity-typography", { key: 'acdfe1f44601f13cd503e00d7e12fdffd4edf72a', 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: '8e6d7df63e780f24c0d752262f07c1de0c2deb9f', 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: 'a6d7b316b267e4ce0f8e31cada40eaedc052e5e2', class: "edit-form" }, index.h("text-field", { key: '3b3881b6db35b37ebe873c0ea31d81fed9caa269', label: "View Name", value: this.name, onInput: (event) => this.handleNameChange(event) }), this.fetchedCurrentView &&
-            index.h("div", { key: '42525b5ab18d06446860d426631cefa6f222ed10', class: "toggle-options" }, index.h("div", { key: '3f09ca5c963699d156dfa20731af2d17a8405fee' }, index.h("stencil-toggle", { key: '901720a8255637a9920cc55367afbbded45e86ac', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), " "), index.h("div", { key: '14ded154820a010638af2c343b60a99874a82498' }, index.h("stencil-toggle", { key: 'cfe0218625c73c3ddc5a46cab3cbaf03d1377117', label: "Default", checked: this.isDefault, onToggledChange: this.handleDefaultChange, style: { marginTop: '10px' } }))))));
+        return (index.h("fluent-dialog", { key: 'f4afe7047522208ecf342e8f0845029d9b12ed8e', 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: '4c0c03d35ab71ac7e0b97e4d3b1bcd4731a0227c', class: "edit-form" }, index.h("text-field", { key: 'e2de485a43d743638687ad894afa4dbcce6ad584', label: "View Name", value: this.name, onInput: (event) => this.handleNameChange(event) }), this.fetchedCurrentView &&
+            index.h("div", { key: 'b2a853da3402166dc949c6433f9474ee015139cd', class: "toggle-options" }, index.h("div", { key: 'd609102f67f24c1d63dc96ca047ec7894d20a110' }, index.h("stencil-toggle", { key: 'f3704efc99bcc56a65f44d0bd72ffe6f73821423', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), " "), index.h("div", { key: '88ce8f3d2187b2b9c9115ed53a99085559c7b799' }, index.h("stencil-toggle", { key: '2adb2a2db312de37f0087a838ddd569cacd7cf5c', 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: 'a958bdf6ac31dcb6ef9852deaf909fbd6c9353c8', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, index.h("div", { key: 'f4c1b358930a360c338fe5fbfec0d064ad0feff8', class: "title-section" }, index.h("div", { key: 'e4b83abcf863e28d9df046c23a556df1e28d4d8b' }, index.h("unity-typography", { key: '08537be4c334ed55c9f072f403ef176e424b093b', variant: "h4" }, this.title, " "), ' ')), index.h("div", { key: 'bde0cdb64a14774e109d8ee3e173075751cd37f1', class: "button-section" }, index.h("div", { key: '16da07c1be81807a3f3e57716e2c34a4fea61ac8' }, index.h("slot", { key: 'cd2dc069914db7b8891fe7714f1a969ce23d92e5' })), this.defaultActionButtons.map(btn => {
+        return (index.h("div", { key: '1de09d3c8a73d5c1ebd14b0d180ec4dc835b68fa', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, index.h("div", { key: 'ce049113c6f3f1a2f10cfa309b340b5cd15e2b0e', class: "title-section" }, index.h("div", { key: '589d4e7e470c2507e6a68ea4ad0c4c6095418054' }, index.h("unity-typography", { key: '97228badf42dc8b7fcac9547ec79205cd6b58203', variant: "h4" }, this.title, " "), ' ')), index.h("div", { key: '158c9434861ac05c77553628db9f1535594b3c50', class: "button-section" }, index.h("div", { key: '166979922bc3c1fc34be3c51c6f6a044ce445072' }, index.h("slot", { key: '0f878612a2af28e77a6000f970493edcc6a1288e' })), 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: '5c9941368891a1d76a9a7057f4593c44c402b5cb', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && index.h("udp-icon", { key: 'ad619846a363a31cdca8e270ce8c28ea00a5dc70', iconName: this.primaryActionIcon, darkIcon: false }))))));
+        }), this.primaryActionClick && this.primaryActionLabel && (index.h("custom-button", { key: 'c3746ba5b586b5a7b005fe906ca9e27e34714572', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && index.h("udp-icon", { key: '12b8ca3c9b3ff2c2ffcf356ccb47c93c14cda35f', 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: '06f140640d345e9f9a6432fd7015894f8c689057', open: this.open, actionOne: () => {
+        return (index.h("fluent-dialog", { key: '093a546d395b0ca07d4d93c72369f777ef281779', 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: '7e735ce60f718af6dd6bca20e641fe1714dd7487', class: "save-form" }, index.h("text-field", { key: '37190c0a1988318ba339583aab28e1dfebffc6fc', label: "View Name", placeholder: "Create a name for your view", value: this.name, onInput: (event) => this.handleNameChange(event) }), index.h("div", { key: '4ec6d5260090eeba0732ad976b19b4d523cc7ad9', class: "toggle-options" }, index.h("div", { key: '3cdbabbb6e0bbfcda55d705a981c53e2e0aa1192' }, index.h("stencil-toggle", { key: 'dcab8916ab3455252d745bb318f277993961f487', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), ' '), index.h("div", { key: 'ea01ea7dcc0d9698efdf95a128da344a73b4b029' }, index.h("stencil-toggle", { key: 'a40ae5e70596d3c9eedea816c69fa273666081b6', 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: '50aeec1bde3d7d74e053378da43e429216e23b05', class: "save-form" }, index.h("text-field", { key: '7e2bb3996ed5167fb7178721796f9394d7c9e5e4', label: "View Name", placeholder: "Create a name for your view", value: this.name, onInput: (event) => this.handleNameChange(event) }), index.h("div", { key: '64fd79aa3d1dc6827773d4db8fdb63e1538af2e3', class: "toggle-options" }, index.h("div", { key: '59af253230ae1c4c6c75198f5ed44a0c0e21210a' }, index.h("stencil-toggle", { key: 'b7ee4a15fbc9a39a1346448e4b511ef7c9d9c01e', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), ' '), index.h("div", { key: '85bdb502385f0d2048991bb5408d11eddeaf94fc' }, index.h("stencil-toggle", { key: '9d80305c33775757ac0748a74a93c40e5a177ba4', 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: '72ff13144aea789e5fdb0c6888dca7de46ff922b' }, index.h("div", { key: 'b186cd0deecfa48f55f37a1122c5de869eb68983', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), index.h("div", { key: '99f276cd6d240bdcaf376356e4ce24f7b67ed5b0', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, index.h("div", { key: 'bda986dfb8133c26f4406e408cf13eb11d329aad', class: "title" }, index.h("div", { key: '20c5f51b847743c095c26190cb93b5c412d584a6', class: 'close-button' }, index.h("stencil-icon-button", { key: '4960766a81c6b3f10aab32c79132eee60f8d6f00', icon: Close24__default.default, onClick: this.toggleDrawer })), index.h("div", { key: '3d046d177dcf19c6339f5d5c3f7ee6009c0bfab1', class: 'title' }, index.h("unity-typography", { key: 'fda8051dfbab21e7342252105a695e5a7907502b', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && index.h("custom-button", { key: '11f2297b69073cc60f78288df16c4733f5e3fff2', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), index.h("side-sheet-container", { key: '96ca2cb86957a734003dd8450f93083d9c1561b7', padding: this.padding }, index.h("slot", { key: 'a268ed007f3b3fa649de5613edc6af8090d6a20f' })))));
+        return (index.h("div", { key: '1e1858cc787d534106fec4b46fecbc67b13edbfa' }, index.h("div", { key: '74c2155177dfcf4d84766d4b731c726fa2cac8e0', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), index.h("div", { key: '977e84b88b2a602250438ab96817f591ce780054', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, index.h("div", { key: 'd4cdd9879bb0159dfa5b37b011b974722ed6a648', class: "title" }, index.h("div", { key: 'a8a33581ef3a08c70383439393b1ac5f304d79bd', class: 'close-button' }, index.h("stencil-icon-button", { key: '6b302569bed2e422360e0e3cc02fea9ca0810fb6', icon: Close24__default.default, onClick: this.toggleDrawer })), index.h("div", { key: 'cc068535ca186e05b170264bfab9c06bfbd90d52', class: 'title' }, index.h("unity-typography", { key: 'cfe3ae767bef9f54aa2a73361dbe9f000ec778f1', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && index.h("custom-button", { key: '277512bb6615e01a500067957ed11fa98581c0a7', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), index.h("side-sheet-container", { key: '056f4fa76a8056ef1fde9d6a4131173fae113d8f', padding: this.padding }, index.h("slot", { key: 'aa5bc5ae1d831c0d8174720c66c707a2bf5cb136' })))));
     }
 };
 SideSheet.style = sideSheetCss();
@@ -778,7 +778,7 @@ const UdpHotlistForm = class {
     //     console.log('Cancel button clicked');
     //   }
     render() {
-        return (index.h("div", { key: 'eaae963abdfb12b8ee4d75a92467d03d717cb316', class: "wrapper" }, index.h("form", { key: '7c875af0ab30c81775e7df2d358e0064aae37b71', class: "save-form", onSubmit: this.handleSubmit }, index.h("text-field", { key: '2f758941340796bc90c00151483234755cf014a8', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), index.h("stencil-toggle", { key: 'b6154b3ee740e62b1b478c0026ae2d0ffe00ccd1', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), index.h("div", { key: 'e6645f1556aeb7cff79ccc13b412e36e99ec1ac3', class: "submit-button" }, index.h("custom-button", { key: '0d8e7f233766ca3740b21c5cd8b6d0f9900283b2', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), index.h("custom-button", { key: '0bce59a9fc74815e4c7752cd61f6d26c926f5830', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
+        return (index.h("div", { key: '02c00621ba44f1db7f43e1e5f0c50a7095ea775f', class: "wrapper" }, index.h("form", { key: '7bc69edd7e8569fba6c62d76390d04ca3ff81673', class: "save-form", onSubmit: this.handleSubmit }, index.h("text-field", { key: '08f2fb3f0486ba761d7f75752387c39db656f205', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), index.h("stencil-toggle", { key: '005f01d6b170a4312dbe530ce9d41309335128af', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), index.h("div", { key: '6c3d88515c0e5fab0d3975690eaa1e1da1b2385f', class: "submit-button" }, index.h("custom-button", { key: 'b3707383de55ec9f5be29b2dd0f75f66fcac3891', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), index.h("custom-button", { key: '9f741dce3d44018d2b8aac3465a270284ed4c014', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
     }
     get el() { return index.getElement(this); }
 };