npm - udp-stencil-component-library - Versions diffs - 26.4.0-rc.0 → 26.4.0 - Mend

udp-stencil-component-library 26.4.0-rc.0 → 26.4.0

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

Files changed (307) hide show

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

@@ -83,11 +83,11 @@ const AddMapFeaturePopUp = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h("div", { key: '0b5039c1a5103361cbe4289a386493b37d751de2', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (index.h("udp-selector", { key: '8e2b82d7916cabfd0405672a59524939993f5a9b', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
+        return (index.h("div", { key: 'c6382dd7b899c1cc1e36ab58ed4e4c8ea1b5b572', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (index.h("udp-selector", { key: '04fed24a995afd4fbcf9fd964728bcb0c94f43d6', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
                 this.handleSetSelectedLayer(e.detail);
-            }, large: false })), index.h("udp-selector", { key: '4bae568aa08b9f507be9a64b8b6ee20c5dabaadc', id: 'type', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], initialValue: this.selectedType, label: 'Type', onChange: (e) => {
+            }, large: false })), index.h("udp-selector", { key: '4727cb0fb003456ca0ac150ec05e6592c4580a7b', id: 'type', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], initialValue: this.selectedType, label: 'Type', onChange: (e) => {
                 this.handleSetSelectedType(e.detail);
-            }, large: false }), index.h("div", { key: '50dcaf134c74e1de551fbf0a83696a5ebf222347', class: "formButton" }, index.h("custom-button", { key: 'cb7a7d13c356f43f111dbc113d87890c49c18135', label: index.h("unity-typography", { variant: "button" }, 'Draw feature'), onClick: () => this.handleStartDrawingMapFeature(this.selectedLayer, this.selectedType), variant: 'outline', disabled: (this.selectedLayer === null && !((_c = this.panelConfig) === null || _c === void 0 ? void 0 : _c.hideLayerSelector)) ||
+            }, large: false }), index.h("div", { key: '658fb19a3502f3fff8d3539ab94afd7f816baa78', class: "formButton" }, index.h("custom-button", { key: 'e2ed9f579bd0c1fcfd26b6b481178188e743301f', label: index.h("unity-typography", { variant: "button" }, 'Draw feature'), onClick: () => this.handleStartDrawingMapFeature(this.selectedLayer, this.selectedType), variant: 'outline', disabled: (this.selectedLayer === null && !((_c = this.panelConfig) === null || _c === void 0 ? void 0 : _c.hideLayerSelector)) ||
                 this.selectedType === null }))));
     }
     static get watchers() { return {
@@ -268,22 +268,22 @@ const MapToolbar = class {
     }
     render() {
         var _a, _b;
-        return (index.h("div", { key: '41c940e434f6b4b43ee5a593db39861e93c5bad6', class: "toolbarContainer" }, index.h("div", { key: 'abb0ca5fd6a9fb6105c4580d4c09297a7d9361ef', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && index.h("unity-typography", { key: 'fc39ec5c98924686e9ddc110797cbc674cd6b18c', variant: "h4" }, this.mapTitle)), index.h("div", { key: 'a2eab8c4336ce79a08672ab51266b9f579a30e0d', class: "buttons" }, index.h("div", { key: '24df24141732165660ff39558f3da66d0112ec97', class: "buttonContainer" }, index.h("div", { key: 'f98b37bdf53c9dc41628cc63842b30ad71c0195b', class: "secondaryButtons" }, this.filterPanel && (index.h("div", { key: '7d1584f651fd3f5d4e001dc24be0e3b85c4663cb', id: "filterOption" }, index.h("div", { key: '703b0ac72376e59691bba70ac215a52026e913df', id: "filterOptionButton" }, index.h("stencil-icon-button", { key: 'f534c5141a266580e79a5d3dfecdc126b7ef0689', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: es.Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (index.h("div", { key: '4f11e435df835c0f744cb1133b11d52089ef1cfd', id: "filterOptionDiv" }, index.h("udp-pop-over", { key: '4e0748304bb745833634d097f39f0a406315517c', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("div", { key: 'd0618eb8eea021032fd8ddcb5361f8d771e63d31', innerHTML: this.filterPanel })))))), this.layerOptions && (index.h("div", { key: 'a78b3ed3082512f80a49605fe93f439373bb1ccc', id: "layerOption" }, index.h("div", { key: '2ffeccb6a6ba9c6da0777d8f1483c6b9f8619e73', id: "layerOptionButton" }, index.h("stencil-icon-button", { key: '21d383cd36b4ce7ec4d160fe87f910c25dc443e8', iconName: 'layersButton', iconClassName: 'iconButtonWrapper', tooltip: 'Layers', icon: es.Layers16, buttonId: 'layersButton', onClick: () => this.handleLayerOnclick(), count: (_a = this.visibleLayers) === null || _a === void 0 ? void 0 : _a.length })), index.h("div", { key: '0251a86cb4faf3a35c8dbf6e61490e94c5a7edd8', id: "layerOptionDiv" }, this.layerAnchor && (index.h("udp-pop-over", { key: '42d4af5ffc3d7aceaa33dedda86560c78be9e15a', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, index.h("select-layer-popup", { key: '9a9b007c5721fb87a158c3c88936f14d4459eba5', 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: 'f0bc11cc391edf56cded5377a86aafb58d58a516', id: "bulkSelectOption" }, index.h("div", { key: '9fd69178aff803eb4b61e22664f7caf8b1f34ec5', id: "bulkSelectOptionButton" }, index.h("stencil-icon-button", { key: 'a7f825bd7569dc05520b144df3a5c53a02cb647c', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: es.Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), index.h("div", { key: 'c6e63bdeefeec43a6f3d399eac96405584018e4e', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (index.h("udp-pop-over", { key: '9ed66713e22e7098c6060cfb005d3e09cd8159b6', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("udp-menu-item", { key: '3a579ec59caabc345c8a36d70732875f20714810', label: 'Box', handleOnClick: () => {
+        return (index.h("div", { key: '6da21fa469c9ec6f1a84561224df48b284cb0187', class: "toolbarContainer" }, index.h("div", { key: '58bcebdb6ea8e29016d9e67e8ad7c8c07cd5bb0f', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && index.h("unity-typography", { key: '8cce64fb7218f3b8dffbe1763dd1ad14519af70a', variant: "h4" }, this.mapTitle)), index.h("div", { key: '42fad0c264e55b09a5a6a025446ca9f9286118a1', class: "buttons" }, index.h("div", { key: '82f79c917c1f7c7c3a9a09b60c2b6ca25445be6e', class: "buttonContainer" }, index.h("div", { key: 'e3f629c4698ddca89d37f60a0de4c2e8494dc492', class: "secondaryButtons" }, this.filterPanel && (index.h("div", { key: '56cdeb5eb16608d2b2bcb8ba1ebb2219467db16f', id: "filterOption" }, index.h("div", { key: 'dc52c93ba88dedcf540ce834e0b0864f437fee71', id: "filterOptionButton" }, index.h("stencil-icon-button", { key: '7626f5a3b414b895e9ff08041bcc955c9f847aa7', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: es.Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (index.h("div", { key: '02eb9113d453533293d4c24ffd5c6a06b0d6a839', id: "filterOptionDiv" }, index.h("udp-pop-over", { key: '14bb0cdc9d8ebd3540c1f102cd7206bbececa74d', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("div", { key: '8f5b9c3579c332bd06d385c762e17c43c907f184', innerHTML: this.filterPanel })))))), this.layerOptions && (index.h("div", { key: 'babc6d6009aaf96546d463a33089833a6565961e', id: "layerOption" }, index.h("div", { key: '6a30cffa3e6f253cfcab1cd1a3cc5bc670659aac', id: "layerOptionButton" }, index.h("stencil-icon-button", { key: 'e61cc187f1c51e275097b98a89367907628b43b0', iconName: 'layersButton', iconClassName: 'iconButtonWrapper', tooltip: 'Layers', icon: es.Layers16, buttonId: 'layersButton', onClick: () => this.handleLayerOnclick(), count: (_a = this.visibleLayers) === null || _a === void 0 ? void 0 : _a.length })), index.h("div", { key: 'befe9bb082b9a173f28fb49acf9e63518950109f', id: "layerOptionDiv" }, this.layerAnchor && (index.h("udp-pop-over", { key: '55c64061ae35d9a9d954a4788cab01627e73adfb', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, index.h("select-layer-popup", { key: '3b29be79528364e8d677737ebc8f5f1689b3341d', 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: '69bec64acd268e0440bb2cfed45b9c3dbd0d0454', id: "bulkSelectOption" }, index.h("div", { key: 'a92aa9b05d03919bba8f92e7022fe1ac38b623b1', id: "bulkSelectOptionButton" }, index.h("stencil-icon-button", { key: '7ba55807c33291fb7d826b128b256033e95fd42b', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: es.Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), index.h("div", { key: '350d0bb16d856631eb8867ea54c7e6576ae7a891', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (index.h("udp-pop-over", { key: 'f2b9b3e9260091312706909c821c574cedf5cf7e', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("udp-menu-item", { key: 'd7c5c9d8325bc8c75cbed251e2dcb505cddde63c', label: 'Box', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('box');
-            } }), index.h("udp-menu-item", { key: '83d6ca939f3fcc0889a455baa3850e68d2964d49', label: 'Circle', handleOnClick: () => {
+            } }), index.h("udp-menu-item", { key: '7e037d169ab62706fc03979ecbc2a59b6b773c35', label: 'Circle', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('circle');
-            } }), index.h("udp-menu-item", { key: 'b646580975c27505446fd6d9519ed4cf8889e4e0', label: 'Polygon', handleOnClick: () => {
+            } }), index.h("udp-menu-item", { key: '41ef544556c5e591a3079c1ff426d18d23cf68ce', label: 'Polygon', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('polygon');
-            } }), index.h("udp-menu-item", { key: 'f88bdc58a86a63110e8b78f236c21bfb2e640628', label: 'Lasso', handleOnClick: () => {
+            } }), index.h("udp-menu-item", { key: '8ae065bf89a0665c7a794aed6c58aa69c4f2eeb6', label: 'Lasso', handleOnClick: () => {
                 this.handleBulkSelectionTypeOnclick('lasso');
-            } })))))), !this.readOnlyMap && this.enableSplit && (index.h("div", { key: 'fa2359809f1e1fc90bb7ab96809ca7faea00759f', id: "splitOption" }, index.h("div", { key: '6260fd71be86db277f5360dda2b15a23791a02af', id: "splitOptionButton" }, index.h("stencil-icon-button", { key: '272d922b5201201a17d65e36bd2ced3ae5266e04', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: es.Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), index.h("div", { key: '2c7e318f921905c901a7a918d9da6ebc09269ee8', id: "splitOptionDiv" }, this.splitAnchor && (index.h("udp-pop-over", { key: 'efa15df8cc9bb791706e41301bbb5d44c3b9bda7', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("split-line-popup", { key: 'ceecb0b891b028b76d6ff76e94ed4840238d5b38', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (index.h("stencil-icon-button", { key: 'c0ab86889ab43565ff7ff204d3d88c0ae39920ef', iconName: 'refreshButton', iconClassName: 'iconButtonWrapper', tooltip: (_b = this.refreshButtonTooltip) !== null && _b !== void 0 ? _b : 'Refresh', icon: es.Renew16, buttonId: 'refreshButton', onClick: () => this.refreshEvent() })), !this.readOnlyMap && (this.enableDragBox || (this.addMultipleFeatures && this.enableAddNewFeature)) && (index.h("div", { key: '1c4bdd3454f684db69c3afa4bdf98319191c2407', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: 'bc8a8bcc6685d192aef2edd21a01163224b7bb15', showLabel: true, icon: this.getButtonIcon(), onClick: () => {
+            } })))))), !this.readOnlyMap && this.enableSplit && (index.h("div", { key: 'a26fa08ce07e8812362f8fb5fa1f69f15343ceb9', id: "splitOption" }, index.h("div", { key: '7a932272714a2c156d7ac89c5accf65566b66e80', id: "splitOptionButton" }, index.h("stencil-icon-button", { key: '6dc09cbe64ffdbfb647fcf1b9b9fd5e86e4ebbc0', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: es.Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), index.h("div", { key: '9cfcdda4b863cec92ee599dbddc14d3fea22c366', id: "splitOptionDiv" }, this.splitAnchor && (index.h("udp-pop-over", { key: 'd8444ba2959771b6e544fc14b1fd2f1ff41eb532', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("split-line-popup", { key: '84a03bc4fd0e07a38529b77bfbd3913135dcb16b', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (index.h("stencil-icon-button", { key: '1b5a6af3487085e9200efa2b57cd9ecc79aa6db7', iconName: 'refreshButton', iconClassName: 'iconButtonWrapper', tooltip: (_b = this.refreshButtonTooltip) !== null && _b !== void 0 ? _b : 'Refresh', icon: es.Renew16, buttonId: 'refreshButton', onClick: () => this.refreshEvent() })), !this.readOnlyMap && (this.enableDragBox || (this.addMultipleFeatures && this.enableAddNewFeature)) && (index.h("div", { key: '5169f04bc7b96c20ab6c72bd1584550f4b9d4f75', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: 'd2594c888ae667b159b78d55a71c8701e7f2e893', showLabel: true, icon: this.getButtonIcon(), onClick: () => {
                 if (this.enableDragBox) {
                     this.handleCancelBoxSelection();
                 }
                 if (this.enableAddNewFeature) {
                     this.handleAddNewFeature();
                 }
-            }, tooltip: this.getButtonText(), iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'd1ee586212b28149c26813995699bb1a2933e2fe', variant: "button" }, this.getButtonText())))), this.showSplitButton && (index.h("div", { key: 'e72c463ba89216384a7df5ff861424ec68c37b66', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: 'cb4a67cee40e6155c9a44d403a45ab3176dcd1b0', showLabel: true, icon: es.Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '213e34a0bd45f1cf3fc621f11ff7191273584243', variant: "button" }, 'Save Split')))), this.showSplitButton && (index.h("div", { key: '83b739bd858d1a5d989ca86e3f23153a4d035fc9', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '9bcbf0ab9732fe275cf1fa2a758fe76e199ed87a', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '4ee449f64b037e3f4c2a8a5c16b5b121f9270e40', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (index.h("div", { key: 'cd1f6f5a70e2892f9c3571074ac332129c8e9215', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '0905c6770ca1dd2011e30581f0e823cfe985e783', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'df788cc7b435b6bf53a5c061d6fe9347a1fb3c3b', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (index.h("div", { key: '641314d538ff72bd2aabe80fb8e2551bfad422b7', class: "selectedFeaturesButtons labelButtons" }, index.h("div", { key: '606b1e5d8539162afada3c9a0d5db358214d08d8', id: "withSelectedOption" }, index.h("div", { key: 'd2772648a50ab41f15136a8f715051654ab4a605', id: "withSelectedOptionButton" }, index.h("stencil-icon-button-grid-action-header", { key: 'c4e0aaeb1bba125845d8a49332ebac088416f798', showLabel: true, icon: es.OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, index.h("unity-typography", { key: '5d43514717057f2c1afb96680ddab588ec669923', variant: "button" }, 'With Selected'))), index.h("div", { key: '73707d1e5dea6ad5a0aac99e67a563573ac20353', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (index.h("udp-pop-over", { key: 'b5469c997e7da2e5554fb62ee522350e96979c74', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, index.h("div", { key: '2ee4fb308aa29d6c7efa414c412dcd3363463140', innerHTML: this.selectedFeaturesActionPanel }))))), index.h("stencil-icon-button-grid-action-header", { key: '1c68fdbb0dc41f72d1ff69f29e7661fcabde8d92', showLabel: true, icon: es.Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '419770b4d611c3e375a71f5b61ed7cdfb200df71', variant: "button" }, 'Cancel Selection'))))), index.h("div", { key: 'ef565979654872b1d36380dccb38107589885e16', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (index.h("div", { key: '9d11a931f5db1919e8f61a09d13d8e6f8b983a23', id: "addOptionButton" }, index.h("custom-button", { key: '312ec3c940e7e8723fc234cec706a328d51f09fc', secondary: true, label: index.h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, index.h("udp-icon", { key: '0663205c45c8dc29a944a5e2808680ceb3e663ca', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (index.h("udp-pop-over", { key: '25e4aa9a397c40a0743b1bc330e0bb1f6a230b5b', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("add-map-feature-popup", { key: '4d6820d552b07b1d5bf49d81d9c7bb4efe3d4c3b', handleStartDrawingMapFeature: this.handleStartDrawingMapFeature, vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, selectedType: this.selectedTypeToAddFeature, panelConfig: this.addFeaturePanelConfig }))))))));
+            }, tooltip: this.getButtonText(), iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '015dbc555ed3ea0a6053169473012ddf7aa95804', variant: "button" }, this.getButtonText())))), this.showSplitButton && (index.h("div", { key: 'ff6108fe7b559494e040653268395170f862213f', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '9674839f79c85a789051c6ca39a7e557ffed9bbd', showLabel: true, icon: es.Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'ee9195d445df3109a222632d692f94270c4559d0', variant: "button" }, 'Save Split')))), this.showSplitButton && (index.h("div", { key: '8ac8b08a4773fb53e77f84ee3b2f2b54b881545d', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '43732304a496f365fea41bd62f7433111ec0e57a', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '9e1008efb25ca8c8be56949a4bc1a1bb900de554', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (index.h("div", { key: '4b359bf3cee8ac75dd9c41c5b7f08ffc5db83b94', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: 'c7baf9536c7e9217b127a5fa9347b0a4d68d33ef', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'c2afd5224cfa45b75329d9baa2ddfbdc4acebd55', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (index.h("div", { key: 'b6d0f3a43880731b33afd33e9675ab5a0eae6a45', class: "selectedFeaturesButtons labelButtons" }, index.h("div", { key: '89cabd1f4f7c9c7d7d82e7c1826eece5fdd956bc', id: "withSelectedOption" }, index.h("div", { key: '55d962d71e17b006902c7b2b5be1b0834be8ad07', id: "withSelectedOptionButton" }, index.h("stencil-icon-button-grid-action-header", { key: '682b6761db04774625cdeddf27b5b448447d1f84', showLabel: true, icon: es.OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, index.h("unity-typography", { key: '6720c17de5dd7f0e24d9c6d78bdc46fea496966f', variant: "button" }, 'With Selected'))), index.h("div", { key: 'f8bef1f5ca44771ca753ac5319f91239762d94fd', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (index.h("udp-pop-over", { key: '9034ce923054fe167c5411efe5e5961d90ba7c9f', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, index.h("div", { key: 'f0574a982782c1dc244734c43b58fa5101c6158f', innerHTML: this.selectedFeaturesActionPanel }))))), index.h("stencil-icon-button-grid-action-header", { key: 'f1f72fb84cbb24eeaec59e6919798407cda083b6', showLabel: true, icon: es.Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '313ebea973532b2bc9e0c497bfa63ffd8f78745b', variant: "button" }, 'Cancel Selection'))))), index.h("div", { key: '77bb80d51d8bb4c82a42f48030dbbd8a4c0488f8', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (index.h("div", { key: '6ac8369b9f688dc3f1bea04f2f7b8272ca1f5a9e', id: "addOptionButton" }, index.h("custom-button", { key: '802eed01721da5b361c9b0e8810710f84dc07798', secondary: true, label: index.h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, index.h("udp-icon", { key: 'eb14de59ffcbe2476f395f51aec35a7f267ecd66', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (index.h("udp-pop-over", { key: 'ff5426e75cce6169e7a4179b4299a553135caf2d', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("add-map-feature-popup", { key: 'c992508c2b64fbc7c2e4d9df113e355715ae2723', handleStartDrawingMapFeature: this.handleStartDrawingMapFeature, vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, selectedType: this.selectedTypeToAddFeature, panelConfig: this.addFeaturePanelConfig }))))))));
     }
     get mapToolbarElement() { return index.getElement(this); }
     static get watchers() { return {
@@ -318,9 +318,9 @@ const SelectLayerPopUp = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h("div", { key: '7bc961156059806656418bbaa723da8f0ead634a', class: "popoverContent" }, this.enableTileSelection && (index.h("udp-selector", { key: '47e27872d190174e7548b8ab5b03be9d0f49464f', id: 'mapType', options: (_a = this.tileOptions) !== null && _a !== void 0 ? _a : [], initialValue: this.selectedTile.value, label: 'Map Type', onChange: (e) => {
+        return (index.h("div", { key: 'b6aaae75d716467a8616683a28496c82956c8572', class: "popoverContent" }, this.enableTileSelection && (index.h("udp-selector", { key: 'c521948ba1645b52e8411bca98c315d8ce368906', id: 'mapType', options: (_a = this.tileOptions) !== null && _a !== void 0 ? _a : [], initialValue: this.selectedTile.value, label: 'Map Type', onChange: (e) => {
                 this.handleMapTypeInputChange(e.detail);
-            }, large: false })), index.h("div", { key: '2ef4870c63cbeec7a708c8857f02964708ea621b', style: { height: '12px' } }), index.h("div", { key: '5e7c4bb8993f095ee93cc3929981fcbca6382e3e' }, index.h("text-field", { key: '414f04a9ec1f2e3d4d8f05fb1053bd0ab14716a0', label: 'Search Layers', id: 'searchFilter', value: '', onInput: (e) => this.handleSearchLayers(e) })), ((_b = this.filteredOptions) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
+            }, large: false })), index.h("div", { key: '2acf033964360e41a3b1775d5b25fadda12471e6', style: { height: '12px' } }), index.h("div", { key: 'b8f8520fee79e3b9149bce6f5d6480d2f7d44352' }, index.h("text-field", { key: '2afd59faa39d33e35c63163a8f5185c7237f67d3', label: 'Search Layers', id: 'searchFilter', value: '', onInput: (e) => this.handleSearchLayers(e) })), ((_b = this.filteredOptions) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
             ((_c = this.filteredOptions) === null || _c === void 0 ? void 0 : _c.map(item => (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 }))))));
     }
 };
@@ -336,7 +336,7 @@ const SplitLinePopup = class {
     }
     render() {
         var _a;
-        return (index.h("div", { key: '363fce2a5ac1ff97b7c78a163e9287517134d26b', class: "popoverContent" }, index.h("udp-selector", { key: '4654c6c486dcb5abd0550321f0a8475c96016266', id: 'layer', options: (_a = this.vectorLayerOptions.map(layer => {
+        return (index.h("div", { key: '62d68e528b37a5ba5f7cf75c5ff4f58884edcbfb', class: "popoverContent" }, index.h("udp-selector", { key: 'eec31d3462a9b82f1d6f03ca7422a1e281c731e4', id: 'layer', options: (_a = this.vectorLayerOptions.map(layer => {
                 return {
                     label: layer,
                     value: layer,

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

@@ -187,15 +187,15 @@ const AddressSearch = class {
                 borderBottom: '1px solid var(--gray-02, #f0f0f0)',
             }
             : undefined;
-        return (index.h(index.Host, { key: '638766eb0f2f7fc868a13ced3219e56aab03e95f', class: {
+        return (index.h(index.Host, { key: '2d2a5c43b37d05f183f1fa354c2eae8e2b2acb20', 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: 'd689143d7406a9bf885befe35b17ed87c961f7ab', class: "bx--form-item map-input-search-field" }, index.h("unity-typography", { key: '88b07a4a76b5cc4bf65977729f7e51096be20a13', variant: "caption-text" }, index.h("label", { key: 'd748fa254e23d47c3b5b1fbb494713dd1a59dc07', htmlFor: this.inputId + '-search', class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("div", { key: 'a6a593a619446ae711ac68e09baadfb71c97d55c', class: "search-container" }, index.h("div", { key: '4cadb538b9811494c412c29259dc9999e478e62d', 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: '57add676d310f9d2bc399463570ad2cb6d04820f', class: "bx--form-item map-input-search-field" }, index.h("unity-typography", { key: '69027dcc6c792611ec93cf157d1e94bdf2f02da9', variant: "caption-text" }, index.h("label", { key: '259762c0c219c2da11f4beab91c9eaaeb9215d85', htmlFor: this.inputId + '-search', class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("div", { key: '269b112224681609bdb2afb7a61a9d1df72e53c2', class: "search-container" }, index.h("div", { key: '5ce4264c3720aafd9b1da9961be45ed10acb1b7f', 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: '35cb1fa30479d90a430b8eac3cb850c8d1bdf670', class: "search-actions" }, index.h("button", { key: 'e357f4ec66516f6410c2ab4856ffb3db1b19da98', 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: '561b1c8b2b6329dd47b0eba71c6e8a0368bf10ba', class: { 'loading-indicator': true, 'hidden': !isBusy } }, index.h("div", { key: '0836dd1fedbfd88af538ba3d2eb2031983dde09b', class: "spinner" }))), index.h("udp-pop-over", { key: 'db43ca89a7ca7130516033744ff1b6ed7f9e5728', 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: '99347137cf59fa6fb0ff1286b0e75b946fe91d38', 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: 'b4033717d640e1e4b9eaef4f4a337074dc0def23', class: "search-actions" }, index.h("button", { key: 'fe79cdbbd99b436a5673b166da6fdacb22f6e7c6', 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: '7e01216dad2411b64fa001530b892aec146aec06', class: { 'loading-indicator': true, 'hidden': !isBusy } }, index.h("div", { key: '578b1e51362cc705fc90f26a85333d0416466c00', class: "spinner" }))), index.h("udp-pop-over", { key: 'a4f82c8f423aa209967843a561e9cc30d9ba1412', 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: '4496dd51a01fa2fefa4e15511b4a811638e677a2', 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: '0e7c9b5c1c0ea1bc9f63b91a27b4971ab374375a', class: {
+        return (index.h(index.Host, { key: '41883447e1e79762f1362a71ed288e0a21d43837', 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: '5b7508ecc96e64b7eae0c972532d2936ae34052d', class: "bx--form-item" }, index.h("unity-typography", { key: '2383329cef478f5282aa20f46290cfbacc46551a', variant: "caption-text" }, index.h("label", { key: 'c594ae98e700956dc54e442417c3bc88be41c74b', 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: 'dfe72661e6cbc1508f801f86e6cde9939a9e97a3', class: "bx--form-item" }, index.h("unity-typography", { key: '43430d68cb032de6111a5b4cf41e3568cdb78465', variant: "caption-text" }, index.h("label", { key: '241c5c1a3f7df55e8f1adc8ed4304638bc125650', 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: 'f4119a1ca0a94e14bd4b742626dfeff6b35ba601', class: "error-message" }, index.h("unity-typography", { key: 'aa2277a9831ab3e09b4390710841414f33a0dc17', variant: "caption-text", color: "error" }, this.errorMessage))))));
+            udprecordid: 'udpRecord-number-field-' + this.id })), isError && (index.h("div", { key: 'a4f6f96366a8adfc88ed08e0012c8bb75c67e6e0', class: "error-message" }, index.h("unity-typography", { key: '24b67f0d6e02605498f86bd47051e6f9f48b6648', 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: 'c7df7c6c629d3fa853d3365a9a322c489df1346d', class: {
+        return (index.h(index.Host, { key: 'cbbc0c8eb375d815e9f16a14a161dd733186fd4f', 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: '0c84c3335f54592d69aa921d27d86ad292d24b0f', class: "bx--form-item" }, index.h("unity-typography", { key: '631a601b07beed80be3ca81467f4e75bbcb4afab', variant: "caption-text" }, index.h("label", { key: '46201b5f31cc07e9d730f98173c02a986256f5e5', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), index.h("textarea", { key: '35d4e34d9c7cade76ba135ff7c1af16282d28cf5', ref: el => (this.textareaEl = el), id: id, class: {
+            } }, index.h("div", { key: 'e414df1796e55de3feee135efcd02a9c3e9a08c3', class: "bx--form-item" }, index.h("unity-typography", { key: 'c361498b907a7e16c01f50a3081b182be5865ff8', variant: "caption-text" }, index.h("label", { key: '84315c4c4e2a6afb67835e3bf1ae953ee1733429', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), index.h("textarea", { key: 'a00598b3a6badaa43be62c88eff4a780f1bcb6d1', 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: '6fc4330cf5069e1c95d2fe8c9808fc262a658652', class: "error-message" }, index.h("unity-typography", { key: '50df5678ca8d174a28f0a30d0cf71743977205c7', 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: 'd677d6411f6b0071fd4a2650a1ed9c2009a2aef0', class: "error-message" }, index.h("unity-typography", { key: 'b155a317f225a23e214995d7b847e5d9c204b5be', 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: '9f9f473683b3644f7033c5bd60ffaa1e7af6d4b3', class: {
+        return (index.h(index.Host, { key: '99267498d2a79b5dbdce9509d598d3da4931211e', 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: '3c177ea7bf1934d90946b7757e680ce6e5d21b1c', class: "bx--form-item" }, index.h("unity-typography", { key: '0c9061e0c5c146c7ca514c75c39fa8734b9b4a9f', variant: "caption-text" }, index.h("label", { key: 'f189774af64d4d8092814d9fcf0812e6f3cc330e', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '0c5972ac75d93fd34116cbfd7a42b9b599ca6160', 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: '85187c9a5da9b7097b0eecd4b4badb84f240cd00', class: "bx--form-item" }, index.h("unity-typography", { key: '0142f96a60f47c2852d45dab68aa357cca55ce76', variant: "caption-text" }, index.h("label", { key: '49ffcda516918fb7e59873ed72a36eef61e53edc', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '1283636fad6c5ad0cb86b7d2843a1b2076594349', 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: 'aff3b8a622d6a73b761663d9ad8849e6b32d86cd', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-date-selector-' + this.id }), index.h("unity-typography", { key: 'aefa2de5fddc0652f2b1ed255b08b3541ffdbb3d', 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: 'ecae14265a8c55f2540de80f49790715d942bbe4', class: {
+        return (index.h(index.Host, { key: '2a0ba33a4d6923a1b128705b0c3ebfff8aaec225', 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: 'f92d195d5023124b4be044e0246f1d62125f6e10', class: "bx--form-item" }, index.h("unity-typography", { key: '6f352591a41c2a6311447be9b38329c88eaed891', variant: "caption-text" }, index.h("label", { key: '1150c561b67857d634cb528f987dcb8ba1200076', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '6ea696570bd281c1cad1974b923cfb3191eeb65f', 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: '11ccfa51ec54ea5f524e605bc88129f1b4c4a187', class: "bx--form-item" }, index.h("unity-typography", { key: 'f357b325bc1e933f393045707567f3da2da084a1', variant: "caption-text" }, index.h("label", { key: '0a35b94ca3d3e3c555263c1cf457ef7067bc160b', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '0aa284fa3bdf7de519d591efd908a79511618419', 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: '7d53646110c8da798f09c1955fe352ba9109afd8', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-datetime-selector-' + this.id }), index.h("unity-typography", { key: '8c5c2162db2b2cb6c3bb270d769f80c4837e4322', 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: 'c2ca4c06045c8ec7d2601def3b483dbcea9ce0e6', class: {
+        return (index.h(index.Host, { key: '57db8d450156755a8f59d42b97fc6667e7c8a4a9', 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: '975d9fc981f2a5453a73e5efbad5c72e6f53b96e', class: "bx--form-item" }, index.h("unity-typography", { key: '5995facb2d34d833b3a2f900fbdf61cefd23925a', variant: "caption-text" }, index.h("label", { key: '2b6c304ce0c231ce7dfb6a50157eab4bf0f7628a', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '88f77b24ea1e100f1d8942fb86a7d5b39c556337', 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: '13eee0b739c6504799225f0f6a73cc7d888a20c2', class: "bx--form-item" }, index.h("unity-typography", { key: '1d61005d35aa2fcfd6df13899b85822f79b18084', variant: "caption-text" }, index.h("label", { key: '49b5b9391d2f619d2cd95d52e4920986cd168881', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '76937b4d6010eb756a319a9e90820190b9e5be1a', 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: '68dd602ce0f4da783642610f7db56677f3235779', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-time-selector-' + this.id }), index.h("unity-typography", { key: '6893ca8e93b5ae092b7120c89f31f1fe6332c83f', 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 CHANGED Viewed

@@ -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: '6bc210c8ceacdf37507d3d248da79ebd2a1af24b' }, index.h("div", { key: '334bbfe2aae212e5c973ea44623491f41a37ed3a', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), index.h("div", { key: '95c9ee1e0a55172114516df18efcb1ff976d8000', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, index.h("div", { key: '8fe59d1082a460234a4f9c09edba768eebca0122', class: "title" }, index.h("div", { key: '0cf4d04cabd1fc27e4a74c59962806ec90642adb', class: 'close-button' }, index.h("stencil-icon-button", { key: 'f79f89c73b26232041850895b8d77bc71b5e2410', icon: Close24__default.default, onClick: this.toggleDrawer })), index.h("div", { key: '4c66fede30ca5c9ba120920058d9cdc4200a2748', class: 'title' }, index.h("unity-typography", { key: '97aa9cddc074e15067ecc8ee6a94992f263f357c', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && index.h("custom-button", { key: 'ce6dcccd84278866451947733827885d3323a5ea', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), index.h("side-sheet-container", { key: '24a5a15e2c032186b5dbb6efa370ec663e9d9553', padding: this.padding }, index.h("slot", { key: '5912103b2167b0155d0ec5f12e73174816b94957' })))));
+        return (index.h("div", { key: '2f86214ff3b1da4d585a761d531847544b3ab8e7' }, index.h("div", { key: '0c6f41fbcd1705ec938a9e2d429a8d4408f4cb04', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), index.h("div", { key: 'd2e0e0317a9c8ac9c7512df985c0ae85cf91e1f7', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, index.h("div", { key: '87bf5069f482b9572598dee7a08fa391affeb38c', class: "title" }, index.h("div", { key: '05e8d3c389a9f1dcb237f0a2e91248280cdcb4be', class: 'close-button' }, index.h("stencil-icon-button", { key: 'e4545fbf854596224a754ae64d5550c1be0bfe14', icon: Close24__default.default, onClick: this.toggleDrawer })), index.h("div", { key: 'ea49fe8ad91691edd60fa4c5e452f6f6244e7a6e', class: 'title' }, index.h("unity-typography", { key: 'ce951e9d80f0d5e7aeb789d3754d1cd217c6d482', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && index.h("custom-button", { key: 'b79fa9ad30de6d903c81347e13a5e05890fe3c5f', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), index.h("side-sheet-container", { key: 'e21d1f5381b9261ad7f214d88211a176a27ab413', padding: this.padding }, index.h("slot", { key: 'a1f6de91dd68036dd62deeab793f16ddc20a58c7' })))));
     }
 };
 SideSheet.style = sideSheetCss();