udp-stencil-component-library 26.7.0 → 26.8.0-beta.1

package/dist/cjs/{SearchBuilder-CCtWubLX.js → SearchBuilder-CyR7DyPc.js}

@@ -2,7 +2,7 @@
 
 var makeApiCall = require('./makeApiCall-CFfg9gI0.js');
 var searchObject = require('./searchObject-mbqgqdRh.js');
-var configService = require('./configService-D-lDX-f_.js');
+var configService = require('./configService-N6ke1_s4.js');
 
 exports.LogicalSearchOperator = void 0;
 (function (LogicalSearchOperator) {

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: '9991ae0b3ce764f3b24524ef315b1cd6c9b01ea5' }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (index.h("udp-fluent-dropdown", { key: '23dea41ef3c67ac9b91d17d5b24973c31dffda02', options: this.layerToAddOptions, value: this.selectedLayer, valueAs: "value", label: 'Layer', onValueChanged: (e) => {
+        return (index.h("div", { key: 'af06c5787f75d27e6646aa87cf3ae7071f099077' }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (index.h("udp-fluent-dropdown", { key: 'e23613bf1c29cc1518411678b3bbe0aa9193d9e4', options: this.layerToAddOptions, value: this.selectedLayer, valueAs: "value", label: 'Layer', onValueChanged: (e) => {
                 this.handleSetSelectedLayer(e.detail);
-            } })), index.h("udp-fluent-dropdown", { key: 'f890f5875828a59f7fb02dfedf33d81586177ed3', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], value: this.selectedType, valueAs: "value", label: 'Type', onValueChanged: (e) => {
+            } })), index.h("udp-fluent-dropdown", { key: '69b550da18100f88c3b8a45dc738205343ff096d', 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: 'aeee418735c533b31fac8b930dc73a63aa2c206b', class: "formButton" }, index.h("udp-fluent-button", { key: '8a50a558b53050b2052dbc87a81160d968073c85', appearance: "outline", onClick: () => this.handleStartDrawingMapFeature(this.selectedLayer, this.selectedType), disabled: (this.selectedLayer === null && !((_c = this.panelConfig) === null || _c === void 0 ? void 0 : _c.hideLayerSelector)) ||
+            } }), index.h("div", { key: '5136eabed3a48cf56a37dbd6468f3c449bb09634', class: "formButton" }, index.h("udp-fluent-button", { key: 'bfc76975deaa674481522dfca7f284c5a7985ce1', 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: '54715c2d75c005839f613e0a57453a3a796271a9', class: "toolbarContainer" }, index.h("div", { key: '962928da1e3694a601b46787a72eb132f209803c', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && index.h("unity-typography", { key: '067fc98cef45fa9571f0b358882fc25c12d4a2d1', variant: "h4" }, this.mapTitle)), index.h("div", { key: '9f3992a2cdf5f09381b16dca24774eb1912a3b42', class: "buttons" }, index.h("div", { key: '4c6ef7de2cf22398aac5a0ab512193c4fcd54bfa', class: "buttonContainer" }, index.h("div", { key: 'f093e0387bf13d15c0709f7dee96f453cfba5762', class: "secondaryButtons" }, this.filterPanel && (index.h("div", { key: 'bc6d65b8803e02809d14ada6ff101c8a4d507650', id: "filterOption" }, index.h("udp-popover", { key: '40c582db83823bc3e52fde1f155f34abcbe7018b', open: this.filterOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseFilterPopover() }, index.h("div", { key: '2a9d9ac684dc923b01e6c6fa86749d45f55b0df5', id: "filterOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: 'efbafcfe865fabde4cd285fe776761373e78a614', content: "Filter" }, index.h("udp-fluent-icon-button", { key: '1f824d7a503ef319856ad694a217f5b7d9063e52', iconName: "filter", ariaLabel: "Filter", onClick: () => this.handleFilterOnclick() }))), this.filterOpen && index.h("div", { key: '5f4b6e82c82429e48f8ebbae14c4a2c296f04ccc', slot: "content", innerHTML: this.filterPanel })))), this.layerOptions && (index.h("div", { key: '85e34d858596feaf504b8bdc55339a528366cb75', id: "layerOption" }, index.h("udp-popover", { key: 'f00292763189d77d9a902dd199636de122036214', open: this.layerOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseLayerPopover() }, index.h("div", { key: '1f3d4769eff93abc1fed87c5564b27de6140476d', id: "layerOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: '25eeb3ccadcc0f3a9c9d350f73fe60d37c981083', content: "Layers" }, index.h("span", { key: '9c316c0659ff9876f552cc5b6700204eefc522a2', class: "layerButtonBadgeWrapper" }, index.h("udp-fluent-icon-button", { key: 'd0531794ae18ed3fce5c78a0f14b165692eee231', iconName: "layer", ariaLabel: "Layers", onClick: () => this.handleLayerOnclick() }), ((_a = this.visibleLayers) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h("udp-fluent-badge", { key: '8622e6b8fad6bc1743bebdc6ea66697c9968c07a', class: "layerCountBadge", size: "small", appearance: "filled", color: "brand" }, this.visibleLayers.length))))), this.layerOpen && (index.h("div", { key: 'be83ff32cbbe1b5c3cd30cda091f1315e31bd737', slot: "content", style: { maxHeight: '500px', overflow: 'auto' } }, index.h("select-layer-popup", { key: '2b0a5e76e725c6fdf36a034f67f849b14aebe76c', enableTileSelection: this.enableTileSelection, tileOptions: this.tileOptions, handleMapTypeInputChange: this.handleMapTypeInputChange, handleSearchLayers: this.handleSearchLayers, filteredOptions: this.filteredOptions, visibleLayers: this.visibleLayers, updateSelectedLayers: this.updateSelectedLayers, selectedTile: this.selectedTile })))))), !this.readOnlyMap && this.selectedFeaturesActionPanel && (index.h("div", { key: '3be9196bc8cc3f866c065ba1efe66d178b298a1b', id: "bulkSelectOption" }, index.h("udp-popover", { key: '8a34036d680be475f12ff37b740ec35678324d48', open: this.bulkSelectionTypeOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseBulkSelectionTypePopover() }, index.h("div", { key: '81802ecaa8bab2079dc286ff3301c9ffa34fbaf9', id: "bulkSelectOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: '3341c560c11ec2ee306cc0a44d933e3a1ea89a72', content: "Select" }, index.h("udp-fluent-icon-button", { key: 'e802b2eb2404844e5d78fd856fd02067396a958c', iconName: "lasso", ariaLabel: "Select", onClick: () => this.handleSelectionBtnOnclick() }))), this.bulkSelectionTypeOpen && (index.h("div", { key: '61361d126c8ac8cd4fbea4ac1ab841e252305034', slot: "content" }, index.h("udp-menu-item", { key: '45d01e41ccd2a745371bdb188aab5f2fd4ce9ca9', label: 'Box', onItemClick: () => this.handleBulkSelectionTypeOnclick('box') }), index.h("udp-menu-item", { key: '8da012e6caaf741b39dff7ca1d444df5b6f33d0d', label: 'Circle', onItemClick: () => this.handleBulkSelectionTypeOnclick('circle') }), index.h("udp-menu-item", { key: '0c9c51f20c20d57f0395eba7e59cf729ed129acd', label: 'Polygon', onItemClick: () => this.handleBulkSelectionTypeOnclick('polygon') }), index.h("udp-menu-item", { key: 'd4cc0642736440a4ef077ab389584b2e4eefd730', label: 'Lasso', onItemClick: () => this.handleBulkSelectionTypeOnclick('lasso') })))))), !this.readOnlyMap && this.enableSplit && (index.h("div", { key: '49d206dc54584bfb8a4733bbc98b8ffb4ed659b5', id: "splitOption" }, index.h("udp-popover", { key: '5bb13f5efecf6bc0659884ea693fbae75ca7ba3d', open: this.splitOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseSplitPopover() }, index.h("div", { key: 'e32c297b695aad0cad86d794425b3756aa8dbe6a', id: "splitOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: '6d943ea2db56e4688834e7c9d318bf6ecb7af952', content: "Split Linear Feature" }, index.h("udp-fluent-icon-button", { key: '6ef56cb9f4780baedd76dcc0170fd3ca9ac25d06', iconName: "cut", ariaLabel: "Split Linear Feature", onClick: () => this.handleSplitBtnOnclick() }))), this.splitOpen && (index.h("split-line-popup", { key: '94ee090fe54d76744addc70207b1588d3b6632ac', slot: "content", vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting }))))), this.refreshEvent && (index.h("udp-tooltip", { key: 'e9f4ba7047e8b15fb0263eeced3f373124946629', content: (_b = this.refreshButtonTooltip) !== null && _b !== void 0 ? _b : 'Refresh' }, index.h("udp-fluent-icon-button", { key: '98b95e3f0a8834d766facc1fec0eb190224a4889', iconName: "arrow-sync", ariaLabel: (_c = this.refreshButtonTooltip) !== null && _c !== void 0 ? _c : 'Refresh', onClick: () => this.refreshEvent() }))), !this.readOnlyMap && (this.enableDragBox || (this.addMultipleFeatures && this.enableAddNewFeature)) && (index.h("div", { key: 'fb8297af71605cd7d4e25c7053dfd80bd5e7752d', class: "labelButtons" }, index.h("udp-fluent-button", { key: '7b48fdad4379abf7a13ebaebc7a17fd21b671d68', startIconName: this.getButtonIcon(), appearance: "transparent", size: "small", onClick: () => {
+        return (index.h("div", { key: '4fbdebc8fdd34f22bd86af70584571c30c284b54', class: "toolbarContainer" }, index.h("div", { key: '3eaeb333cca824d962e3852e02ce611b725a7238', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && index.h("unity-typography", { key: '58b6cbe1ca6fde9e509f0ae4356bebb562f01d48', variant: "h4" }, this.mapTitle)), index.h("div", { key: '57fb1974c4658f299b3b5b7b66dd7f7bedcc683e', class: "buttons" }, index.h("div", { key: '037b37968924d032a937e464dc6f4ee658d0d424', class: "buttonContainer" }, index.h("div", { key: 'e79e9c67df9e581e736835477c28887c978403f0', class: "secondaryButtons" }, this.filterPanel && (index.h("div", { key: '8c4b1d47870e897f478e4e8bc863046978f25be3', id: "filterOption" }, index.h("udp-popover", { key: 'ff8afa8f5fe0af8edb2f76027213c62a67b70681', open: this.filterOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseFilterPopover() }, index.h("div", { key: '2bbc265da8155a33ed125ed1337530f7d5835a01', id: "filterOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: '863ba6af86b46efcfee504e377a2d99055c6ecbb', content: "Filter" }, index.h("udp-fluent-icon-button", { key: 'c175cb99dd6784533eeb84c04a3ce7ee5085eef1', iconName: "filter", ariaLabel: "Filter", onClick: () => this.handleFilterOnclick() }))), this.filterOpen && index.h("div", { key: '462e77ba06ef0726717eafd3c20d1ac07694348d', slot: "content", innerHTML: this.filterPanel })))), this.layerOptions && (index.h("div", { key: '73c206ee0ef48d914af24db5f702341dfa14a520', id: "layerOption" }, index.h("udp-popover", { key: 'ec5f0acb4913c181cd075c7fae1a2cdcc919a41e', open: this.layerOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseLayerPopover() }, index.h("div", { key: '90e465340768c5f5fc81c670fd103f5cff9a9f9b', id: "layerOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: '7cc1583b6227b43dd96150537b9a73d182eb8889', content: "Layers" }, index.h("span", { key: 'd5111b351e5257315c6054a50c61180b1e46385e', class: "layerButtonBadgeWrapper" }, index.h("udp-fluent-icon-button", { key: 'ccd9048ba02b5ffe1155cd367f7ddba725eb2daf', 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: '4473c31f6912df1f76d69afcb83335379778cfa1', class: "layerCountBadge", size: "small", appearance: "filled", color: "brand" }, this.visibleLayers.length))))), this.layerOpen && (index.h("div", { key: '60b0fddf5fffb897e72920fa675d9d4afbcb878b', slot: "content", style: { maxHeight: '500px', overflow: 'auto' } }, index.h("select-layer-popup", { key: 'e7a56121f9c45e71c73441d3620c4f5e6ae36b32', 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: 'c6276e179ec886fd83cfe997c1938c93867f2ae1', id: "bulkSelectOption" }, index.h("udp-popover", { key: '60d349529113188ea5a138cc6089bf42438446e8', open: this.bulkSelectionTypeOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseBulkSelectionTypePopover() }, index.h("div", { key: '316c85e6cfb8384194c49e52fd1f03c3bc26a71b', id: "bulkSelectOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: 'b3ae9be661523a5e71420012ec22f6ac8d57ce34', content: "Select" }, index.h("udp-fluent-icon-button", { key: '4fb8e7c571bcd8ea07969abef761ae86b58ccde2', iconName: "lasso", ariaLabel: "Select", onClick: () => this.handleSelectionBtnOnclick() }))), this.bulkSelectionTypeOpen && (index.h("div", { key: '7cfbbb4daf468ce9950dba833e3bf708075acffb', slot: "content" }, index.h("udp-menu-item", { key: '0f2647667388ce233444dbf1cfc18a6a4fd9227f', label: 'Box', onItemClick: () => this.handleBulkSelectionTypeOnclick('box') }), index.h("udp-menu-item", { key: '938b4a7c4ce96573750e0f9b951f6bc331bc8e67', label: 'Circle', onItemClick: () => this.handleBulkSelectionTypeOnclick('circle') }), index.h("udp-menu-item", { key: 'b8335b38cf52c38acffa804eec04b33ba2ccb9ec', label: 'Polygon', onItemClick: () => this.handleBulkSelectionTypeOnclick('polygon') }), index.h("udp-menu-item", { key: 'c3260c078f19ddf58f47bc0c94fdda88cfab9527', label: 'Lasso', onItemClick: () => this.handleBulkSelectionTypeOnclick('lasso') })))))), !this.readOnlyMap && this.enableSplit && (index.h("div", { key: '16c4063f77c78bc9f69e2f34955ddcc23c675710', id: "splitOption" }, index.h("udp-popover", { key: '2f5b798891c071f7ac49770d4998b154de9af2e7', open: this.splitOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseSplitPopover() }, index.h("div", { key: 'f3aa42c502ae33260de64633bad41128df9c08f5', id: "splitOptionButton", slot: "trigger" }, index.h("udp-tooltip", { key: 'a5203059695dadf1c72587ae41ddd6cffc7c365d', content: "Split Linear Feature" }, index.h("udp-fluent-icon-button", { key: '06c5edc7d4dd5d18cb2ee97e48d7c6ce3488a442', iconName: "cut", ariaLabel: "Split Linear Feature", onClick: () => this.handleSplitBtnOnclick() }))), this.splitOpen && (index.h("split-line-popup", { key: '30b1335de8a3b7bbeee19dd520e7916b23415cb6', slot: "content", vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting }))))), this.refreshEvent && (index.h("udp-tooltip", { key: 'a8590b226b43d9b82d43622d2f84c9b184023478', content: (_b = this.refreshButtonTooltip) !== null && _b !== void 0 ? _b : 'Refresh' }, index.h("udp-fluent-icon-button", { key: 'de092ed338ff9825c4b25c7832d0ef5bc62a57d0', 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: '40c00576213f095f2aed2758ef5072b2ee0236c2', class: "labelButtons" }, index.h("udp-fluent-button", { key: '04b7ca989772926464b6cfe9865b77236c0b5ec7', 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: 'edcf1440559beaddfb9421d5656c5e93ba5ecf40', class: "labelButtons" }, index.h("udp-fluent-button", { key: '12b355b3699a49ecb87ddbd37be54ce359bc8140', startIconName: "checkmark", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleSaveSplit() }, "Save Split"))), this.showSplitButton && (index.h("div", { key: '1f6bec56cd97ed84f09f995a6de4fd1f3b59cc7b', class: "labelButtons" }, index.h("udp-fluent-button", { key: '1b98c39501e6cebb18d3ab28b9dc117bcf84b70c', startIconName: "dismiss", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleCancelSplit() }, "Cancel Split"))), !this.readOnlyMap && this.enableAddNewFeature && (index.h("div", { key: '235479fdec59bdf68e72688d9ca4e62d03377c14', class: "labelButtons" }, index.h("udp-fluent-button", { key: '14c00680c9d63768382d5850113dd59ceebc6205', startIconName: "dismiss", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleCancelAddNewFeature() }, "Cancel Drawing"))), !this.readOnlyMap && this.withSelected && (index.h("div", { key: '4b33a865345521bfa87278a34af19c00b6e00bfe', class: "selectedFeaturesButtons labelButtons" }, index.h("div", { key: 'de4acd6fecd6ff24fcb22cf1cfe69d4c6cf5c5bb', id: "withSelectedOption" }, index.h("udp-popover", { key: '3faad6dc4d18e834e597726bcea97270bc31431a', open: this.selectionActionOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseSelectionActionPopover() }, index.h("div", { key: 'd6b44d44e02089e8a5e5050ca3aacc16fe3c043c', id: "withSelectedOptionButton", slot: "trigger" }, index.h("span", { key: '2f63d643d5021a807b3d9e05efd7c0e6b4f4200b', class: "withSelectedButtonBadgeWrapper" }, index.h("udp-fluent-button", { key: '29588315698f9f8ff02537e8e906bb312e74d160', startIconName: "more", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleSelectionActionOnclick() }, "With Selected"), this.selectedFeatureByBoxSelection.length > 0 && (index.h("udp-fluent-badge", { key: '7b37962cdfdc38dfde3582a52a26d78d4e8b40fd', class: "withSelectedCountBadge", size: "small", appearance: "filled", color: "brand" }, this.selectedFeatureByBoxSelection.length)))), this.selectedFeaturesActionPanel && this.selectionActionOpen && (index.h("div", { key: 'bdb99df3ff1eb2fb2b086097cf6eb9ae3fa8211f', slot: "content", innerHTML: this.selectedFeaturesActionPanel })))), index.h("udp-fluent-button", { key: 'd3e47d3a8549a9d16275ddc599422f730a15067c', startIconName: "dismiss", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.unselectFeatures() }, "Cancel Selection")))), index.h("div", { key: '3f7fe037df5d313f25e8d9602f6de562d6233c7a', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (index.h("udp-popover", { key: 'e58f1ceae1feae5c4e55a6d7e5e2319e884283c8', open: this.addFeatureOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseAddMapFeature() }, index.h("div", { key: '9294d378a29ad5604a90275fc09b9ac4ec1a6c68', id: "addOptionButton", slot: "trigger" }, index.h("udp-fluent-button", { key: '3e5ff00080aaf829ddce12b04b3982cadcb2f143', startIconName: "add", appearance: "primary", size: "large", onClick: () => this.handleAddOnclick() }, "Add")), this.addFeatureOpen && (index.h("add-map-feature-popup", { key: '1e56e3487ff69273b7ccc17168a307f8d359de7e', slot: "content", handleStartDrawingMapFeature: this.handleStartDrawingMapFeature, vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, selectedType: this.selectedTypeToAddFeature, panelConfig: this.addFeaturePanelConfig })))))))));
+            } }, this.getButtonText()))), this.showSplitButton && (index.h("div", { key: '181ed99b0a20749f7818f8aef11dfe7cf9e8def3', class: "labelButtons" }, index.h("udp-fluent-button", { key: '655e62e4338632366d981a4c95a3cea92b0b24f8', startIconName: "checkmark", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleSaveSplit() }, "Save Split"))), this.showSplitButton && (index.h("div", { key: '27e54171210d5b626e38e7a1723ad2fd1869cfaa', class: "labelButtons" }, index.h("udp-fluent-button", { key: '884786111f667f36cabf73ccb201019895e4d63a', startIconName: "dismiss", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleCancelSplit() }, "Cancel Split"))), !this.readOnlyMap && this.enableAddNewFeature && (index.h("div", { key: 'fc15ead0db50d88b3808e2e6c60e27fdac1a3df1', class: "labelButtons" }, index.h("udp-fluent-button", { key: '29706fa7cd5b007a7384e0a4c6d4bfe33eac1ab4', startIconName: "dismiss", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleCancelAddNewFeature() }, "Cancel Drawing"))), !this.readOnlyMap && this.withSelected && (index.h("div", { key: '6767afe10ae35d232e7c2370e4617b300e8db5f3', class: "selectedFeaturesButtons labelButtons" }, index.h("div", { key: '14ce3de85534a544256eff9c6830bfd12ba7c943', id: "withSelectedOption" }, index.h("udp-popover", { key: 'e1c1e062b8d094c83836dda00fda14bc86a505e0', open: this.selectionActionOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseSelectionActionPopover() }, index.h("div", { key: 'a124cfafab9d2b895371c531aa695a4102680ef9', id: "withSelectedOptionButton", slot: "trigger" }, index.h("span", { key: 'f32560ad1c1523b832ddf8d1fd3b672e78b1f00a', class: "withSelectedButtonBadgeWrapper" }, index.h("udp-fluent-button", { key: '9878afe6ae91ab411bc905f9008f7665ad67230a', startIconName: "more", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.handleSelectionActionOnclick() }, "With Selected"), this.selectedFeatureByBoxSelection.length > 0 && (index.h("udp-fluent-badge", { key: '29435cc595457b10f2c697018340bd09a3f9e6f3', class: "withSelectedCountBadge", size: "small", appearance: "filled", color: "brand" }, this.selectedFeatureByBoxSelection.length)))), this.selectedFeaturesActionPanel && this.selectionActionOpen && (index.h("div", { key: '2021d2704eccd5e90bcc54f1e7e26e22184d65a7', slot: "content", innerHTML: this.selectedFeaturesActionPanel })))), index.h("udp-fluent-button", { key: '74f0e477fd746e05b17b1508aa41c7fbcf9397e9', startIconName: "dismiss", appearance: "transparent", shape: "rounded", size: "small", onClick: () => this.unselectFeatures() }, "Cancel Selection")))), index.h("div", { key: 'd838a10d7521dcabfc0819d3ae1e6d0524cc7081', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (index.h("udp-popover", { key: 'dcefb958b2018df69722c8526c7fee6732887758', open: this.addFeatureOpen, position: 'bottom-start', toggleOnTriggerClick: false, onPopoverClose: () => this.handleCloseAddMapFeature() }, index.h("div", { key: '04267bf57fd25dd992ba5b64972635db9d087397', id: "addOptionButton", slot: "trigger" }, index.h("udp-fluent-button", { key: 'c040784ae475d2481c3745f463a5f2b693f77720', startIconName: "add", appearance: "primary", size: "large", onClick: () => this.handleAddOnclick() }, "Add")), this.addFeatureOpen && (index.h("add-map-feature-popup", { key: 'f6ef0ee233735f09d632621d30886e80c18504ce', 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: '7dc726b0159bce0a6d03934b2c47b120e2c3aa80' }, this.enableTileSelection && (index.h("udp-fluent-dropdown", { key: 'c84bcf00c0b230414a0ccd649f2e423b99691a2c', options: (_a = this.tileOptions) !== null && _a !== void 0 ? _a : [], value: (_b = this.selectedTile) === null || _b === void 0 ? void 0 : _b.value, valueAs: "value", label: 'Map Type', onValueChanged: (e) => {
+        return (index.h("div", { key: 'aa24f31ab76b91dd1999a24c3b671729db1f6266' }, this.enableTileSelection && (index.h("udp-fluent-dropdown", { key: '4df6f5e61c3b451644f5a7c1399bebb6330cd3db', 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: 'c46a3a15110bb0974eb8080383f26a6ddd7eb5de' }, index.h("udp-search-input", { key: '1689eb28a48bed81876952fd48ea11245c16c01f', label: 'Search Layers', onValueChanged: (e) => this.handleSearchLayers(e.detail) })), ((_c = this.filteredOptions) === null || _c === void 0 ? void 0 : _c.length) > 0 &&
+            } })), index.h("div", { key: 'fe096837a32461af9080a117aa5986e3fb0ca07b' }, index.h("udp-search-input", { key: 'f30cc51e44d2ba3866800c823a983b773742f0c1', 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: '0e1bfc2ce907bb27e5142c776636554c8ba19485' }, index.h("udp-fluent-dropdown", { key: '3f2ce2de9fc13daacae4d8ab64698770dc9d0c6b', options: (_a = this.vectorLayerOptions.map(layer => {
+        return (index.h("div", { key: '5d0fba3c7158adc9676434b7f14ff10f8e2e7424' }, index.h("udp-fluent-dropdown", { key: 'b92b60e82775d4726e6824d32f7360c91d8e0326', options: (_a = this.vectorLayerOptions.map(layer => {
                 return {
                     label: layer,
                     value: layer,

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-G1ccGqOs.js');
 var makeApiCall = require('./makeApiCall-CFfg9gI0.js');
-var configService = require('./configService-D-lDX-f_.js');
+var configService = require('./configService-N6ke1_s4.js');
 require('axios');
 
 const addressSearchCss = () => `:host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}:host{--address-search-suggestions-max-height:300px;--address-search-dropdown-z-index:var(--z-index-dropdown, 1000)}:host(.address-search--suggestions-open){--address-search-dropdown-z-index:100000}.hidden{display:none !important}.search-container{position:relative;z-index:var(--address-search-dropdown-z-index)}.search-wrapper{position:relative;display:flex;align-items:center}.search-input{padding-right:var(--spacing-10, 4rem)}.search-actions{position:absolute;right:var(--spacing-03, 8px);display:flex;align-items:center;gap:var(--spacing-03, 8px)}.clear-button{background:none;border:none;color:var(--text-secondary, #666);cursor:pointer;font-size:var(--body1-font-size, 1rem);padding:var(--spacing-02, 4px);line-height:1;transition:color 0.2s}.clear-button:hover{color:var(--text-primary, #000)}.loading-indicator{display:flex;align-items:center}.spinner{width:var(--spacing-05, 1rem);height:var(--spacing-05, 1rem);border:var(--underline-standard, var(--spacing-01, 0.125rem)) solid var(--gray-02, #f3f3f3);border-top:var(--underline-standard, var(--spacing-01, 0.125rem)) solid var(--primary-color, #2196f3);border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.suggestions-list{margin:0;padding:0;list-style:none}.suggestion-item{padding:var(--spacing-03) var(--spacing-04);cursor:pointer;border-bottom:1px solid var(--gray-02, #f0f0f0);transition:background-color 0.2s;min-width:0}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background-color:var(--gray-02, #f5f5f5)}.suggestion-content{display:flex;flex-direction:column;min-width:0}.suggestion-address{line-height:1.4;white-space:normal;overflow-wrap:anywhere;word-break:break-word}@media (max-width: 768px){:host{--address-search-suggestions-max-height:200px}.suggestion-item{padding:var(--spacing-02) var(--spacing-03)}}`;
@@ -187,15 +187,15 @@ const AddressSearch = class {
                 borderBottom: '1px solid var(--gray-02, #f0f0f0)',
             }
             : undefined;
-        return (index.h(index.Host, { key: '5d494adbbdc0625f3cc9880fcf660f1aeffb4b6f', class: {
+        return (index.h(index.Host, { key: 'ef1d9c888dd567877fefd7d6ceda30f450aa6ff6', 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: '42e1af755a8ef1eae67fb7423a7d9faf2f5318a7', class: "bx--form-item map-input-search-field" }, index.h("unity-typography", { key: '6ba2aab585fe3eea45f9d90769bb41c0082981c5', variant: "caption-text" }, index.h("label", { key: '556eebce87adc910ee24de8fe31ef8e4e7453a74', htmlFor: this.inputId + '-search', class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("div", { key: '356771569f9d8a8f29429b209ddb0295250869b7', class: "search-container" }, index.h("div", { key: '209a8621fe02d61153654f58887df47000793d82', class: "search-wrapper" }, index.h("input", { key: "map-search-input", type: "text", id: this.inputId + '-search', class: "search-input bx--text-input", placeholder: this.placeholder, value: this.searchQuery, onInput: this.handleSearchInput, onFocus: this.handleFocus, disabled: this.disabled, readOnly: this.readonly,
+            } }, index.h("div", { key: 'cc475695548f6f07d9fd58d6a025104f0a27646c', class: "bx--form-item map-input-search-field" }, index.h("unity-typography", { key: '29adcfb57c5d5b54a96b3330b8c4a1e72fc0f68a', variant: "caption-text" }, index.h("label", { key: '10bd428e5ae4d7d50c9dc8a218f6113a54b6273f', htmlFor: this.inputId + '-search', class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("div", { key: 'ae72823d972de74b9d14510730f68262db1944a6', class: "search-container" }, index.h("div", { key: 'f52eb91db72621818d8381a5415e0956b3889d5b', 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: '9350ca0512c6c508f53e77c57c905cd727ea789f', class: "search-actions" }, index.h("button", { key: '463cea774bcbb2e5b195c315648e3d514ef286d3', type: "button", class: { 'clear-button': true, 'hidden': !this.searchQuery }, onClick: this.clearSearch, "aria-label": "Clear search", disabled: this.disabled || this.readonly }, "\u2715"), index.h("div", { key: 'd6861f8cfb1fa2fb31833aed4e3fa03c6b5b08de', class: { 'loading-indicator': true, 'hidden': !isBusy } }, index.h("div", { key: '080fe9c0ef64fb13f639ce06074581cf0d888e9f', class: "spinner" }))), index.h("udp-pop-over", { key: '484c833adb6c989e149c470fb8e2d8ca898d183e', anchorElement: this.searchInputEl, isOpen: isSuggestionsOpen, appendToBody: this.appendSuggestionsToBody, popoverPlacement: "bottom-start", popoverWidth: popoverWidth, popoverMaxHeight: "var(--address-search-suggestions-max-height)", overflow: "auto", handleOnClose: () => (this.showSuggestions = false) }, index.h("ul", { key: 'a7f86f755c9c298eb1faa0b50c40e2206122c5cb', class: "suggestions-list", style: suggestionsListStyle }, this.suggestions.map(suggestion => (index.h("li", { key: suggestion.id, class: "suggestion-item", style: suggestionItemStyle, onClick: () => this.selectAddress(suggestion) }, index.h("unity-typography", { variant: "body" }, index.h("div", { class: "suggestion-content" }, index.h("span", { class: "suggestion-address" }, suggestion.address.freeformAddress)))))))))), errorMessage ? (index.h("div", { class: "error-message" }, index.h("unity-typography", { variant: "caption-text", color: "error" }, errorMessage))) : null)));
+            ref: el => (this.searchInputEl = el) }), index.h("div", { key: '1a14c0ae69959182307c520158faf568df4d08ed', class: "search-actions" }, index.h("button", { key: '8955fd68aaec921a7b8ed6c6dbbbd4d2ee96f00b', 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: '5e9f1b9ebc27ff875d39da6358f9f35ed4c7f428', class: { 'loading-indicator': true, 'hidden': !isBusy } }, index.h("div", { key: '990607ef9e581b9ed71ec1bbf55b4c6a574bc4bc', class: "spinner" }))), index.h("udp-pop-over", { key: '0a9b57cbae1532355e11ab1786a47deb06833422', 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: '3b0044c42c32b74a05faca80cbe1c6c19778977e', 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: '661bb794c123effe4a828ca8c3e8d3a50a8f5977', class: {
+        return (index.h(index.Host, { key: '9cec80d3d433896c678eb0dd40c4aa12273bb044', 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: 'b8f1ccbda813348c3b2176f31f5e7de8b9066732', class: "bx--form-item" }, index.h("unity-typography", { key: '0aa3ba03a3cf8cf47b74435d422c6da74bfbda6d', variant: "caption-text" }, index.h("label", { key: '13c5521dff58250fa42a25fde1d87c59668dd8a8', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (index.h("input", { id: this.id, type: "hidden", value: this.internalValue, name: this.name })) : (index.h("input", { id: this.id, name: this.name, type: "number", class: Object.assign({}, inputClass), placeholder: this.placeholder, value: this.internalValue, required: this.required, disabled: this.disabled, readOnly: this.readonly, onFocus: this.onFocus, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, inputMode: this.inputMode, min: this.min, max: this.max, step: this.step,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, index.h("div", { key: '85815058e25fb08ba612dcae516a5d6c32cb3c29', class: "bx--form-item" }, index.h("unity-typography", { key: '9dd7eb6949b89d3ea7a1039acbe260c235ea2397', variant: "caption-text" }, index.h("label", { key: '95810148e351e5d698204612556171f11348faa7', 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: '7db89707bfc0634ce135473f3e35615e41245bf4', class: "error-message" }, index.h("unity-typography", { key: '8c3451221c17fcf5c27715188f36aea17e0ddab0', variant: "caption-text", color: "error" }, this.errorMessage))))));
+            udprecordid: 'udpRecord-number-field-' + this.id })), isError && (index.h("div", { key: 'aac19e92700592149bf25cc0c633896cd9155b03', class: "error-message" }, index.h("unity-typography", { key: 'fa385f745a231e3e8fff0c8da272254cc127f335', 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: '39565e8773f95272a587f2f2691c0076d0cdb070', class: {
+        return (index.h(index.Host, { key: '91d78875e84ccde3cbaeecd01dedb2941b77da2b', 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: 'bbeed25eb400e5f72e7243133fc51994f1e596ca', class: "bx--form-item" }, index.h("unity-typography", { key: '370b3bc99ef73c87c7416bf35c7109297de6254b', variant: "caption-text" }, index.h("label", { key: '4c38cb0d645d7c40db551fc0981f2fb186fb490d', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), index.h("textarea", { key: '59f0557f44c8d0889c92c6e28b614bc0c60eab52', ref: el => (this.textareaEl = el), id: id, class: {
+            } }, index.h("div", { key: '763de03c4193cb6cba04cf863139cb69e5c73551', class: "bx--form-item" }, index.h("unity-typography", { key: '7182f52d6590908bd8566bb1b424974bfc1837b6', variant: "caption-text" }, index.h("label", { key: '9e4b34efec1bcf4fa07c1151e7e71ea8d73e8c5e', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), index.h("textarea", { key: 'a9162a06a1c99ca017724a132c5ad1115790ac00', 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: 'acc6d3a957cc3659c3bb60c0acfcab4397a108ba', class: "error-message" }, index.h("unity-typography", { key: '95a1f9fcc4ab0fd666ce8450d1485f2eee14be3b', 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: 'fd16157dc5d718f9c74998a9ac9a4d324a9f7ecf', class: "error-message" }, index.h("unity-typography", { key: '84eb625b5d1364b1193f1be0c6a33a9069d602e3', 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: '1cad4b707483206ac3921902ad3c5ea199b66826', class: {
+        return (index.h(index.Host, { key: 'd4901e91e5c792698b89c41397f0dfa6dbd8763e', 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: 'bba8428dee6c3102b16c54e9445fa8ca08bc5012', class: "bx--form-item" }, index.h("unity-typography", { key: 'f5e493b38728a436d9cf7b9614ec570cf7eda08c', variant: "caption-text" }, index.h("label", { key: 'ad90f573390b8ec8b6354e95b3858d5b73e7659a', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '47c938ad6e8093a1e0a29985a37b748fe3c15c18', type: "date", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min ? this.formatDateForHtml(this.min) : null, max: this.max ? this.formatDateForHtml(this.max) : null, onInput: this.handleDateChange, onChange: this.handleDateChange, onBlur: this.handleBlur, onFocus: this.handleFocus, disabled: this.disabled, readonly: this.readonly, required: this.required,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, index.h("div", { key: '83989f9468579cf03367e42e6e047eb942b00a49', class: "bx--form-item" }, index.h("unity-typography", { key: '6bcc22bfe314af6d40cb4402fca91cec231df015', variant: "caption-text" }, index.h("label", { key: '43bc812e51b28bf5236c7d37bf79bc0fba59c405', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '01beb678d862e475e30b6d9192969a9c4fe69c45', 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: '4c034eff062d2e02bfc153fcf55535a614c33105', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-date-selector-' + this.id }), index.h("unity-typography", { key: 'd461c76ff4aa6a3702a8eec9929862fd0d7d59ca', 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: '8ce0cbf152de786c8a3478f9dfebe89a027029e8', class: {
+        return (index.h(index.Host, { key: 'dfa11b12ace1493049b3284feca3395d726b4d5b', 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: '8be0cde1f76802ec355f0b3b30fe9f95d9901394', class: "bx--form-item" }, index.h("unity-typography", { key: '840ed430ece0bd3164b8baedf38563ac71c4bcfa', variant: "caption-text" }, index.h("label", { key: 'd70f4ff1f1cea1f457dced17698c876522f00c74', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '096fb7948b4737fbce894ef98544d67d8b876aaa', type: "datetime-local", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min ? this.formatDateForHtml(this.min) : null, max: this.max ? this.formatDateForHtml(this.max) : null, onInput: this.handleDateChange, onBlur: this.handleBlur, onFocus: this.handleFocus, disabled: this.disabled, readonly: this.readonly, required: this.required,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, index.h("div", { key: '1e2168086f05ff110fc640fc58c9a2606db46a25', class: "bx--form-item" }, index.h("unity-typography", { key: 'f28dc737fb1a77506be7c58d0f3967bcc085a8c1', variant: "caption-text" }, index.h("label", { key: '7bf22a8c9a7edadc8bfcba563f9c08389a1a1ae0', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: 'e35685b8ecc1061d6a2333f4c6baf76b327f404d', 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: '2d2d88f80f67f0bfde19adcc4c8de7370d62419b', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-datetime-selector-' + this.id }), index.h("unity-typography", { key: 'e7d7da7566fbe102454adff11b1924a068cf04e9', 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: '16e4dbfb9e03fe70e9175d9690e14b0ad3d3da39', class: {
+        return (index.h(index.Host, { key: '7fe84cad5fe2224830f6f8a62293a8d5b19c3d6c', 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: '4ff0b15c88c0a8f1d530c630deeea4ed993c54e6', class: "bx--form-item" }, index.h("unity-typography", { key: '934367adce6e8a4852511b46f0636eb2334f186d', variant: "caption-text" }, index.h("label", { key: '5af161d9ca4c47579ae35d5183dd87f39a75f817', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '5f49973da5eddacf270d0cb297f912605f5bda37', type: "time", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min, max: this.max, onInput: this.handleTimeInput, onChange: this.handleTimeChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onInvalid: this.handleInvalid, disabled: this.disabled, readonly: this.readonly, required: this.required,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, index.h("div", { key: '2d176f78ba105270f222f8a254595107d1d2faa8', class: "bx--form-item" }, index.h("unity-typography", { key: '3b7df4356df2c822513d45e0e76a53655584672e', variant: "caption-text" }, index.h("label", { key: '8c6110ede1cdc01c8e919a3cbe3e9bd114aa684d', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '592f73d9935258f2b81f857bce30c8a30b5eabd9', 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: 'ecede16379d2cefc253744d4ae7e66d7d3c807e3', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-time-selector-' + this.id }), index.h("unity-typography", { key: 'ebf0bfe49b84512f6fab2bf2ddf2c8ec6d69c69d', 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

@@ -2,7 +2,7 @@
 
 var index = require('./index-G1ccGqOs.js');
 var conversionFunctions = require('./conversionFunctions-B_9y17KE.js');
-var catalogStore = require('./catalog-store-BkQYhI-J.js');
+var catalogStore = require('./catalog-store-B6cLKnSR.js');
 var Close24 = require('@carbon/icons/es/close/24');
 var uuid = require('uuid');
 var Save16 = require('@carbon/icons/es/save/16');
@@ -15,11 +15,11 @@ var AdvancedQuery16 = require('@carbon/icons/es/ibm-watson--discovery/16');
 var DataEnrichment16 = require('@carbon/icons/es/idea/16');
 var Renew16 = require('@carbon/icons/es/renew/16');
 require('@stencil/store');
-require('./apiUtils-DDwoTPP9.js');
+require('./apiUtils-BYKn6PI0.js');
 require('deep-equal');
 require('./makeApiCall-CFfg9gI0.js');
 require('axios');
-require('./configService-D-lDX-f_.js');
+require('./configService-N6ke1_s4.js');
 require('./tenantUtils-BCKSE0vq.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -464,8 +464,8 @@ const EditViewFormDialog = class {
         this.fetchedCurrentView = false;
     }
     render() {
-        return (index.h("fluent-dialog", { key: 'ed7a63b7956c46e4158e37e0e6b68d9835546bdc', open: this.open, actionOne: () => { this.handleSubmit(); this.closeDialog(); this.resetFetchedCurrentView(); }, actionTwo: () => { this.closeDialog(); this.resetFetchedCurrentView(); }, handleClose: this.handleClose, labelOne: "Save Update", labelTwo: "Cancel", title: this.title, disableOne: !this.name }, index.h("form", { key: '452d6b03b284cf41fa4dd50bc38f782f29a31ca1', class: "edit-form" }, index.h("text-field", { key: '54b2e0fd478f97acee9da5fcdce65c0e1432ebaa', label: "View Name", value: this.name, onInput: (event) => this.handleNameChange(event) }), this.fetchedCurrentView &&
-            index.h("div", { key: '7d7a7d0c03cb88b6748dc1b7c284cb40374b6635', class: "toggle-options" }, index.h("div", { key: 'e19095bb069c7d061c564d1a98505413806e0093' }, index.h("stencil-toggle", { key: '65226366419413f0a50fbb7789b1459abfc39404', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), " "), index.h("div", { key: '2a8a7c2fa15a88f19f22661bf5f0fc8509278eff' }, index.h("stencil-toggle", { key: '8838cb06043b84f89a4e0e94c3063d4ada78e07b', label: "Default", checked: this.isDefault, onToggledChange: this.handleDefaultChange, style: { marginTop: '10px' } }))))));
+        return (index.h("fluent-dialog", { key: '814bc0361904586491f47186bca8d31e72b249d4', 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: '299ded079daf9afe43f9683718ad9e6c0bd9af0d', class: "edit-form" }, index.h("text-field", { key: '2a81966df1e5bf304c7ac94bf34a7ac0bd9231aa', label: "View Name", value: this.name, onInput: (event) => this.handleNameChange(event) }), this.fetchedCurrentView &&
+            index.h("div", { key: '5f35235b56d7d025ff7846714f04f1a971f7e625', class: "toggle-options" }, index.h("div", { key: '5277a889f9fe59fd39229ffc16ff95ce0666dab2' }, index.h("stencil-toggle", { key: 'b67d12d1fcfc26fdff144950628bb3e469b69ea3', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), " "), index.h("div", { key: 'c7f644e76487be9a0695031b8f4075669e048788' }, index.h("stencil-toggle", { key: 'ad21361bb6170d802343f34d2a9507a8228cb6db', 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: '3cb99f48b14ce93ecc9118813e663b8c86652b98', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, index.h("div", { key: 'e8d3fefbfdacac74557b7106618f651ba6f6b08f', class: "title-section" }, index.h("div", { key: 'cf63831157357f39846ae5ed3b664b94e192cb77' }, index.h("unity-typography", { key: '8199856e3e30dbf8fa036ba92398dacf51057998', variant: "h4" }, this.title, " "), ' ')), index.h("div", { key: 'fd27db8847e8f4d9c11e69ec3a445b4b5c1d7d77', class: "button-section" }, index.h("div", { key: 'd12d65b360c6c92413fba3dbfc00f3ae4239042c' }, index.h("slot", { key: '6e52d6c643b7e1f70724d14ee0166357cfaed80a' })), this.defaultActionButtons.map(btn => {
+        return (index.h("div", { key: 'a7fbccf884835c256709822f3d2849d65cdeba9f', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, index.h("div", { key: 'e8991c7bebea419457e5de2b62cc3eb5bc6f91fd', class: "title-section" }, index.h("div", { key: '157c65936316dfeaf6fbcba873ba9bd78d6caae6' }, index.h("unity-typography", { key: '5c7c125a276852fad0e71497f4b186f0329b9b43', variant: "h4" }, this.title, " "), ' ')), index.h("div", { key: 'f5e6aa1d638ae3ee789c7b96999a2b1356bb12b2', class: "button-section" }, index.h("div", { key: '55ee21bc023c1cb668efb220a660c442b1530e9c' }, index.h("slot", { key: 'ef0651cdf2ba7d062c9db6b6364fbe68b2f8a6f2' })), 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: 'b9d444793af8e2a4e314ed1f29b2f276fe80f7f8', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && index.h("udp-icon", { key: '56a1db4a3fc790c463e83caecc001781cda61f26', iconName: this.primaryActionIcon, darkIcon: false }))))));
+        }), this.primaryActionClick && this.primaryActionLabel && (index.h("custom-button", { key: '4ca402be9c75074acce79922fde1fb26f58d1e16', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && index.h("udp-icon", { key: '181db9cea3fa153f6d1ab4fd06f6988b3bdffc4c', 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: '81572195293b7c09aa25a2e7f40ad738980b2ec8', open: this.open, actionOne: () => {
+        return (index.h("fluent-dialog", { key: '36136b3c111af07ff15e2e930338ccf00e7183f2', 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: '2b6f4ac462f111cd7e858375cc8c5a15b7412e2b', class: "save-form" }, index.h("text-field", { key: '00bb3fd8a6b16536c91835a15a55c4e0b7d01a6b', label: "View Name", placeholder: "Create a name for your view", value: this.name, onInput: (event) => this.handleNameChange(event) }), index.h("div", { key: 'ccba9f36950748b758688ee2ad1f219b646b80b7', class: "toggle-options" }, index.h("div", { key: '9baa690063522001f6e093cf2205181b8960702d' }, index.h("stencil-toggle", { key: '5e1e86a5a9a6386920ec42974c4a8b9dd650a131', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), ' '), index.h("div", { key: 'aa6c4333a9b9784deb6d76f2f8837917ce33e04b' }, index.h("stencil-toggle", { key: 'd21e55ec9d5cf7414d840647680ddafd2b0b7ff7', label: "Default", checked: this.isDefault, onToggledChange: this.handleDefaultChange, style: { marginTop: '10px' } }))))));
+            }, 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: 'dda3a8c2493ba124b0c8a5e77d205e11a33a42f0', class: "save-form" }, index.h("text-field", { key: '4cc400d75d088930259423ef946210b906e372f2', label: "View Name", placeholder: "Create a name for your view", value: this.name, onInput: (event) => this.handleNameChange(event) }), index.h("div", { key: '6060ccd73981ec29df9ecf8b5e19c8852c3d2b2b', class: "toggle-options" }, index.h("div", { key: '66d4969b70ce5e3802bbd836b99fc09039e921b4' }, index.h("stencil-toggle", { key: '259f95fc3adbc9f7f2383fd4a2274e5662470af8', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), ' '), index.h("div", { key: '4456be2f7df00c470c096b3fa24f837861abd4e1' }, index.h("stencil-toggle", { key: 'a5a7d2abe6cb59bf75e8a37f11a9ae359e629d90', 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: '08a6164d48b2e9554a6b822c2efe210b52d3f4b3' }, index.h("div", { key: '9236bc53b6eff03899e8381f3334f172758e6ad9', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), index.h("div", { key: 'ef817d362f12c241a582beae405769d5ac699674', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, index.h("div", { key: '0b3aa7a76c2b6a7d96180e29a5515f7d99f6cae8', class: "title" }, index.h("div", { key: '6b7f0f5a766ad1358acb6718223e99bc1d2d3493', class: 'close-button' }, index.h("stencil-icon-button", { key: 'edc4c66abe8d237f593291d30448b415ff099122', icon: Close24__default.default, onClick: this.toggleDrawer })), index.h("div", { key: '62229970926e837bc47b0ee80243f6ad6ad60cb4', class: 'title' }, index.h("unity-typography", { key: '9e9a11ba94c811e9ec1ba0252891736e8812a017', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && index.h("custom-button", { key: 'ca2e8f3c3e163793464c65015170ba91652562a0', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), index.h("side-sheet-container", { key: 'a9da3e7d5da2a0409074567717d8b5e269235653', padding: this.padding }, index.h("slot", { key: 'cc40f52ec039f40dcc150dba60fe343ea91824d0' })))));
+        return (index.h("div", { key: 'be4b5facc567c0e56f7f7a2cbc6973812f2bbabd' }, index.h("div", { key: 'a0d077098960c1b494cbc337437c20b85045320c', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), index.h("div", { key: 'e32ac22790de23d98c7c2e240a3e9984855d638b', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, index.h("div", { key: '69ded8475734376706c32e1fd585eed65f85b922', class: "title" }, index.h("div", { key: 'e9a9c54b32c3b6f45fc9c13ac1025764e391493a', class: 'close-button' }, index.h("stencil-icon-button", { key: '08c011f96019a74af88ff81153e0191b3be7d695', icon: Close24__default.default, onClick: this.toggleDrawer })), index.h("div", { key: '238b6235daaed01961bf2c142f5d1ba859d499cb', class: 'title' }, index.h("unity-typography", { key: '1668bb227e312190b249a81f309a762266ca8104', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && index.h("custom-button", { key: 'fb18b96578b63ade8fc02ba02c6e55df14b3451c', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), index.h("side-sheet-container", { key: '4b9dc5b751d1983c98875351d2aa15c2a4dff3b9', padding: this.padding }, index.h("slot", { key: 'fd16dc9714dfd47d3e36cc97ec6219c4a48c3c3f' })))));
     }
 };
 SideSheet.style = sideSheetCss();
@@ -778,7 +778,7 @@ const UdpHotlistForm = class {
     //     console.log('Cancel button clicked');
     //   }
     render() {
-        return (index.h("div", { key: '24a2e8f43c3c30c506873d9d17f21547071ce3b0', class: "wrapper" }, index.h("form", { key: '05e512749e17777d3c2c8cba48ef29211e0da4d1', class: "save-form", onSubmit: this.handleSubmit }, index.h("text-field", { key: '805f3303b7b6cf9fd5d16c4c5ef35eaa98d3b6bd', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), index.h("stencil-toggle", { key: 'c8ba9fa801f53ff7a1752faa96bfda4bc220ab04', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), index.h("div", { key: 'be29a2843807f23a4e264a3ca01a477345d023ff', class: "submit-button" }, index.h("custom-button", { key: '4591a22fe76b98c29821aac471ca82b3ce66b95c', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), index.h("custom-button", { key: '384adb4b0e9f120c3f8e4d23f9a870a6fa81af4e', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
+        return (index.h("div", { key: '9fe0811049072ce1b574cc3f90585339db7db385', class: "wrapper" }, index.h("form", { key: 'abdb0b3cfaa5de3a567e237123b9bef3cca056b5', class: "save-form", onSubmit: this.handleSubmit }, index.h("text-field", { key: '8ce6f494710d258a2c2572a4f7756d9f0a217cb1', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), index.h("stencil-toggle", { key: 'fa463f77b7cd9a528a163d93c0dad7b42ee4ef0a', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), index.h("div", { key: 'ccbe5d4ebadd865d55957d3d65620884d153f1ce', class: "submit-button" }, index.h("custom-button", { key: '93f37d90563242fd28632d7cb6d977f6dcd0a8ec', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), index.h("custom-button", { key: 'ca5b17932e766af545e9222b52d3a046210fc8c6', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
     }
     get el() { return index.getElement(this); }
 };