udp-stencil-component-library 26.3.0-beta.13 → 26.3.0-beta.14
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.
- package/dist/cjs/add-map-feature-popup_4.cjs.entry.js +12 -12
- package/dist/cjs/advanced-search_12.cjs.entry.js +1 -1
- package/dist/cjs/ag-grid-base_63.cjs.entry.js +177 -72
- package/dist/cjs/app-bar.cjs.entry.js +1 -1
- package/dist/cjs/chip-section.cjs.entry.js +2 -2
- package/dist/cjs/feature-details-card_2.cjs.entry.js +5 -5
- package/dist/cjs/filter-conditions_7.cjs.entry.js +2 -2
- package/dist/cjs/index-G1ccGqOs.js +4 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/map-component_2.cjs.entry.js +2 -2
- package/dist/cjs/primary-action-header_2.cjs.entry.js +2 -2
- package/dist/cjs/side-sheet-container.cjs.entry.js +1 -1
- package/dist/cjs/slot-helpers-C-ntX3IL.js +11 -0
- package/dist/cjs/stencil-library.cjs.js +1 -1
- package/dist/cjs/udp-dynamic-container-with-menu.cjs.entry.js +1 -1
- package/dist/cjs/udp-map.cjs.entry.js +3 -3
- package/dist/cjs/udp-menu.cjs.entry.js +1 -1
- package/dist/cjs/udp-sidebar-layout.cjs.entry.js +67 -0
- package/dist/cjs/udp-skeleton-loading.cjs.entry.js +1 -1
- package/dist/cjs/udp-split-screen.cjs.entry.js +1 -1
- package/dist/cjs/udp-stepper-demo.cjs.entry.js +1 -1
- package/dist/cjs/udp-tab.cjs.entry.js +1 -1
- package/dist/cjs/udp-timeline-connector.cjs.entry.js +1 -1
- package/dist/cjs/udp-timeline-dot.cjs.entry.js +1 -1
- package/dist/cjs/udp-timeline-item.cjs.entry.js +2 -2
- package/dist/cjs/udp-timeline-separator.cjs.entry.js +1 -1
- package/dist/cjs/udp-timeline.cjs.entry.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/fluent-ui/tree/udp-tree.css +53 -0
- package/dist/collection/components/fluent-ui/tree/udp-tree.js +256 -4
- package/dist/collection/components/layout/udp-sidebar-layout/udp-sidebar-layout.css +139 -0
- package/dist/collection/components/layout/udp-sidebar-layout/udp-sidebar-layout.js +264 -0
- package/dist/collection/components/layout/udp-split-screen/udp-split-screen.js +1 -1
- package/dist/collection/components/loaders/udp-grid-loader/udp-grid-loader.js +2 -2
- package/dist/collection/components/loaders/udp-linear-loader/udp-linear-loader.js +1 -1
- package/dist/collection/components/loaders/udp-skeleton-loading.js +1 -1
- package/dist/collection/components/map/udp-map/map-component.js +1 -1
- package/dist/collection/components/map/udp-map/popups/add-map-feature-popup.js +3 -3
- package/dist/collection/components/map/udp-map/popups/feature-details-card/feature-details-card.js +4 -4
- package/dist/collection/components/map/udp-map/popups/feature-details-popup.js +1 -1
- package/dist/collection/components/map/udp-map/popups/select-layer-popup.js +2 -2
- package/dist/collection/components/map/udp-map/popups/split-line-popup.js +1 -1
- package/dist/collection/components/map/udp-map/toolbar/map-toolbar.js +6 -6
- package/dist/collection/components/map/udp-map/udp-map-toolbar.js +1 -1
- package/dist/collection/components/map/udp-map/udp-map.js +3 -3
- package/dist/collection/components/menu/menu-item/udp-menu-item.js +1 -1
- package/dist/collection/components/menu/udp-menu.js +1 -1
- package/dist/collection/components/new-form/field/udp-field.js +1 -1
- package/dist/collection/components/new-form/form/udp-form-component.js +2 -2
- package/dist/collection/components/stepper/udp-stepper-demo.js +1 -1
- package/dist/collection/components/tabs/tab/tabs/udp-tabs.js +2 -2
- package/dist/collection/components/tabs/tab/udp-tab.js +1 -1
- package/dist/collection/components/tabs/udp-tab-panel/udp-tab-panel.js +1 -1
- package/dist/collection/components/timeline/udp-timeline-connector.js +1 -1
- package/dist/collection/components/timeline/udp-timeline-dot.js +1 -1
- package/dist/collection/components/timeline/udp-timeline-item.js +2 -2
- package/dist/collection/components/timeline/udp-timeline-separator.js +1 -1
- package/dist/collection/components/timeline/udp-timeline.js +1 -1
- package/dist/collection/components/toolbars/app-bar/app-bar.js +1 -1
- package/dist/collection/components/util/ghost-render/ghost-render.js +1 -1
- package/dist/collection/components/util/lazy-loader/udp-lazy-loader.js +1 -1
- package/dist/collection/deprecated/components/side-sheet/side-sheet-container.js +1 -1
- package/dist/collection/deprecated/components/side-sheet/side-sheet.js +1 -1
- package/dist/collection/test-pages/test-components-page.js +28 -28
- package/dist/collection/test-pages/test-form.js +4 -4
- package/dist/collection/udp-utilities/layout/udp-dynamic-container-with-menu/chip-section/chip-section.js +2 -2
- package/dist/collection/udp-utilities/layout/udp-dynamic-container-with-menu/udp-dynamic-container-with-menu.js +1 -1
- package/dist/components/add-map-feature-popup2.js +1 -1
- package/dist/components/app-bar.js +1 -1
- package/dist/components/chip-section.js +1 -1
- package/dist/components/feature-details-card2.js +1 -1
- package/dist/components/feature-details-popup2.js +1 -1
- package/dist/components/ghost-render2.js +1 -1
- package/dist/components/map-component2.js +1 -1
- package/dist/components/map-toolbar2.js +1 -1
- package/dist/components/select-layer-popup2.js +1 -1
- package/dist/components/side-sheet-container2.js +1 -1
- package/dist/components/side-sheet2.js +1 -1
- package/dist/components/split-line-popup2.js +1 -1
- package/dist/components/test-components-page.js +1 -1
- package/dist/components/test-form2.js +1 -1
- package/dist/components/udp-dynamic-container-with-menu2.js +1 -1
- package/dist/components/udp-field2.js +1 -1
- package/dist/components/udp-form-component2.js +1 -1
- package/dist/components/udp-grid-loader2.js +1 -1
- package/dist/components/udp-lazy-loader2.js +1 -1
- package/dist/components/udp-linear-loader2.js +1 -1
- package/dist/components/udp-map-toolbar2.js +1 -1
- package/dist/components/udp-map.js +1 -1
- package/dist/components/udp-menu-item2.js +1 -1
- package/dist/components/udp-menu.js +1 -1
- package/dist/components/udp-sidebar-layout.d.ts +11 -0
- package/dist/components/udp-sidebar-layout.js +2 -0
- package/dist/components/udp-skeleton-loading2.js +1 -1
- package/dist/components/udp-split-screen.js +1 -1
- package/dist/components/udp-stepper-demo.js +1 -1
- package/dist/components/udp-tab-panel2.js +1 -1
- package/dist/components/udp-tab.js +1 -1
- package/dist/components/udp-tabs2.js +1 -1
- package/dist/components/udp-timeline-connector.js +1 -1
- package/dist/components/udp-timeline-dot.js +1 -1
- package/dist/components/udp-timeline-item.js +1 -1
- package/dist/components/udp-timeline-separator.js +1 -1
- package/dist/components/udp-timeline.js +1 -1
- package/dist/components/udp-tree2.js +1 -1
- package/dist/docs.json +536 -7
- package/dist/esm/add-map-feature-popup_4.entry.js +12 -12
- package/dist/esm/advanced-search_12.entry.js +1 -1
- package/dist/esm/ag-grid-base_63.entry.js +158 -53
- package/dist/esm/app-bar.entry.js +1 -1
- package/dist/esm/chip-section.entry.js +2 -2
- package/dist/esm/feature-details-card_2.entry.js +5 -5
- package/dist/esm/filter-conditions_7.entry.js +2 -2
- package/dist/esm/index-Cgpvu-iV.js +4 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/map-component_2.entry.js +2 -2
- package/dist/esm/primary-action-header_2.entry.js +2 -2
- package/dist/esm/side-sheet-container.entry.js +1 -1
- package/dist/esm/slot-helpers-Dx6EW-PP.js +9 -0
- package/dist/esm/stencil-library.js +1 -1
- package/dist/esm/udp-dynamic-container-with-menu.entry.js +1 -1
- package/dist/esm/udp-map.entry.js +3 -3
- package/dist/esm/udp-menu.entry.js +1 -1
- package/dist/esm/udp-sidebar-layout.entry.js +65 -0
- package/dist/esm/udp-skeleton-loading.entry.js +1 -1
- package/dist/esm/udp-split-screen.entry.js +1 -1
- package/dist/esm/udp-stepper-demo.entry.js +1 -1
- package/dist/esm/udp-tab.entry.js +1 -1
- package/dist/esm/udp-timeline-connector.entry.js +1 -1
- package/dist/esm/udp-timeline-dot.entry.js +1 -1
- package/dist/esm/udp-timeline-item.entry.js +2 -2
- package/dist/esm/udp-timeline-separator.entry.js +1 -1
- package/dist/esm/udp-timeline.entry.js +1 -1
- package/dist/stencil-library/add-map-feature-popup_4.entry.js +1 -1
- package/dist/stencil-library/advanced-search_12.entry.js +1 -1
- package/dist/stencil-library/ag-grid-base_63.entry.js +1 -1
- package/dist/stencil-library/app-bar.entry.js +1 -1
- package/dist/stencil-library/chip-section.entry.js +1 -1
- package/dist/stencil-library/feature-details-card_2.entry.js +1 -1
- package/dist/stencil-library/filter-conditions_7.entry.js +1 -1
- package/dist/stencil-library/map-component_2.entry.js +1 -1
- package/dist/stencil-library/primary-action-header_2.entry.js +1 -1
- package/dist/stencil-library/side-sheet-container.entry.js +1 -1
- package/dist/stencil-library/slot-helpers-Dx6EW-PP.js +1 -0
- package/dist/stencil-library/stencil-library.esm.js +1 -1
- package/dist/stencil-library/udp-dynamic-container-with-menu.entry.js +1 -1
- package/dist/stencil-library/udp-map.entry.js +1 -1
- package/dist/stencil-library/udp-menu.entry.js +1 -1
- package/dist/stencil-library/udp-sidebar-layout.entry.js +1 -0
- package/dist/stencil-library/udp-skeleton-loading.entry.js +1 -1
- package/dist/stencil-library/udp-split-screen.entry.js +1 -1
- package/dist/stencil-library/udp-stepper-demo.entry.js +1 -1
- package/dist/stencil-library/udp-tab.entry.js +1 -1
- package/dist/stencil-library/udp-timeline-connector.entry.js +1 -1
- package/dist/stencil-library/udp-timeline-dot.entry.js +1 -1
- package/dist/stencil-library/udp-timeline-item.entry.js +1 -1
- package/dist/stencil-library/udp-timeline-separator.entry.js +1 -1
- package/dist/stencil-library/udp-timeline.entry.js +1 -1
- package/dist/types/components/fluent-ui/tree/udp-tree.d.ts +78 -0
- package/dist/types/components/layout/udp-sidebar-layout/udp-sidebar-layout.d.ts +54 -0
- package/dist/types/components.d.ts +198 -0
- package/package.json +1 -1
|
@@ -83,11 +83,11 @@ const AddMapFeaturePopUp = class {
|
|
|
83
83
|
}
|
|
84
84
|
render() {
|
|
85
85
|
var _a, _b, _c;
|
|
86
|
-
return (index.h("div", { key: '
|
|
86
|
+
return (index.h("div", { key: 'efb4a8828c1e91eab72304568bc8c0c59856b39e', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (index.h("udp-selector", { key: '60cbfcab9935f8b921c74e3f3155f3a62eeede2d', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
|
|
87
87
|
this.handleSetSelectedLayer(e.detail);
|
|
88
|
-
}, large: false })), index.h("udp-selector", { key: '
|
|
88
|
+
}, large: false })), index.h("udp-selector", { key: 'f14269862675d3e2b479624ab500a1a43c234417', id: 'type', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], initialValue: this.selectedType, label: 'Type', onChange: (e) => {
|
|
89
89
|
this.handleSetSelectedType(e.detail);
|
|
90
|
-
}, large: false }), index.h("div", { key: '
|
|
90
|
+
}, large: false }), index.h("div", { key: 'afe51c7dbb7b54de453ea6542af2b9ea5e643873', class: "formButton" }, index.h("custom-button", { key: '814323cf711eef475819edbbec6f3a40e5eec628', 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)) ||
|
|
91
91
|
this.selectedType === null }))));
|
|
92
92
|
}
|
|
93
93
|
static get watchers() { return {
|
|
@@ -268,22 +268,22 @@ const MapToolbar = class {
|
|
|
268
268
|
}
|
|
269
269
|
render() {
|
|
270
270
|
var _a, _b;
|
|
271
|
-
return (index.h("div", { key: '
|
|
271
|
+
return (index.h("div", { key: 'cc94e88b15359372d2dade58f7a39cfdda619cc9', class: "toolbarContainer" }, index.h("div", { key: '81a70cc550fe3b5e1cf43f2fd72297ea7dfae6de', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && index.h("unity-typography", { key: '43478091aced069363de43bef9d1c207eea43f8f', variant: "h4" }, this.mapTitle)), index.h("div", { key: '5fe4d52050743571ec291cfed6e4bb0093168565', class: "buttons" }, index.h("div", { key: 'b765b142ba0512c7944c5ec3c852d1a2dc9bfebd', class: "buttonContainer" }, index.h("div", { key: 'bd24ff65f0cfb4ad9228b41cca5a69175297cceb', class: "secondaryButtons" }, this.filterPanel && (index.h("div", { key: '07f4682433ce73e04870eb96004740b1711b541b', id: "filterOption" }, index.h("div", { key: '6b67f33f8393fa0a009f86466194e81416f18a47', id: "filterOptionButton" }, index.h("stencil-icon-button", { key: 'f4f598a3f876e5334375e751c0aee7058b9d9dfd', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: es.Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (index.h("div", { key: '4b832a46754648efe4fd4ef236fa7c262e108e79', id: "filterOptionDiv" }, index.h("udp-pop-over", { key: '8ecbddb7ea84bf7c4c7ae6003dda0008f37772d5', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("div", { key: 'be3b918ad0a02b03dd001fdd2fcd1151fec02e99', innerHTML: this.filterPanel })))))), this.layerOptions && (index.h("div", { key: '981c9d69269252f16fb173f14218ac9a06ceaf46', id: "layerOption" }, index.h("div", { key: 'c783f9b1b9c9e6a9511d14fc5c1f6d01f1a80bd5', id: "layerOptionButton" }, index.h("stencil-icon-button", { key: '891acb2aab39303e0b9dcfbbddd4e4215bfc0eaa', 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: '5af5f684cdea3ac266f0fe97c5451b5d9e11899a', id: "layerOptionDiv" }, this.layerAnchor && (index.h("udp-pop-over", { key: 'ac25b455ba38f481732e157d691ff6cdb1a69a26', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, index.h("select-layer-popup", { key: '1928898a72e89ac248da1a702c80afa6a0055a7a', 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: '0a6e03a58d510229113fab08d31230eeb876614a', id: "bulkSelectOption" }, index.h("div", { key: '6a7ec0fc0a37c5faf22cc1bcc1f0a2e5a34b656a', id: "bulkSelectOptionButton" }, index.h("stencil-icon-button", { key: 'ff5a3eeebd1ebb7d0265ea66b1dcd820f0f9281b', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: es.Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), index.h("div", { key: 'd44690da7da476811bf15dd734df833fcdf0e8df', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (index.h("udp-pop-over", { key: 'a797f612aa4a41dfe304acae6513bdfc33b6a9d9', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("udp-menu-item", { key: 'cbbcdde20cee437c9a64e9202f1b86ec94e0b8de', label: 'Box', handleOnClick: () => {
|
|
272
272
|
this.handleBulkSelectionTypeOnclick('box');
|
|
273
|
-
} }), index.h("udp-menu-item", { key: '
|
|
273
|
+
} }), index.h("udp-menu-item", { key: 'b1c7794ccad8c1b55f77a505c88f660b642db774', label: 'Circle', handleOnClick: () => {
|
|
274
274
|
this.handleBulkSelectionTypeOnclick('circle');
|
|
275
|
-
} }), index.h("udp-menu-item", { key: '
|
|
275
|
+
} }), index.h("udp-menu-item", { key: '84af4dfb0abaab93a7852f80121b5022569a799d', label: 'Polygon', handleOnClick: () => {
|
|
276
276
|
this.handleBulkSelectionTypeOnclick('polygon');
|
|
277
|
-
} }), index.h("udp-menu-item", { key: '
|
|
277
|
+
} }), index.h("udp-menu-item", { key: '4e9a030685178a67fa4c42fa32e182710b5000bb', label: 'Lasso', handleOnClick: () => {
|
|
278
278
|
this.handleBulkSelectionTypeOnclick('lasso');
|
|
279
|
-
} })))))), !this.readOnlyMap && this.enableSplit && (index.h("div", { key: '
|
|
279
|
+
} })))))), !this.readOnlyMap && this.enableSplit && (index.h("div", { key: 'fe3a5e71100e8042155c23152b9aeeafdcb08c6c', id: "splitOption" }, index.h("div", { key: 'eee63b8b5753b9e85f8538f729f01341f3e43146', id: "splitOptionButton" }, index.h("stencil-icon-button", { key: 'c842db504e337ad055826136eb6f9ed1abaaddb0', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: es.Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), index.h("div", { key: '29384bf9afff4224280c4f4cbf360503ffa562bc', id: "splitOptionDiv" }, this.splitAnchor && (index.h("udp-pop-over", { key: '7ed6dc7dc95609d2ca666c6c16a4050dbc1f1491', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("split-line-popup", { key: '96b73e78d4736cf62234d7b5562ef173b0a63e5f', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (index.h("stencil-icon-button", { key: 'ab88c9074a2637d129457bb8a252653c452b600b', 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: 'a9866ce9115ed233377d539aabdc14eea4bdc0ad', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '5f7e3e4f8b04911d596faf1aaa08c3337ea7ed18', showLabel: true, icon: this.getButtonIcon(), onClick: () => {
|
|
280
280
|
if (this.enableDragBox) {
|
|
281
281
|
this.handleCancelBoxSelection();
|
|
282
282
|
}
|
|
283
283
|
if (this.enableAddNewFeature) {
|
|
284
284
|
this.handleAddNewFeature();
|
|
285
285
|
}
|
|
286
|
-
}, tooltip: this.getButtonText(), iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '
|
|
286
|
+
}, tooltip: this.getButtonText(), iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'dda2529b66e0278b6e22eb248710af0e91811f29', variant: "button" }, this.getButtonText())))), this.showSplitButton && (index.h("div", { key: '455f4a1377ca5198f7391dd8fe301606ab5834ad', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '36779457b37d4714297c86c7d356732b05ac2f6b', showLabel: true, icon: es.Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'ae57f636f17a1aa1523485064783c411e1f538b3', variant: "button" }, 'Save Split')))), this.showSplitButton && (index.h("div", { key: '190c38091a68f6007d972c6fe99d2f7d5ace44dd', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '7d92f77f15a49142c00056555f2195673669b591', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '5c21e532dd7231ddeba9e7017e7505ceef3cc651', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (index.h("div", { key: '62a0bc1516ca70144944913ba10f2697c17b5653', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '6a31341d4225796bb6e9e6245e059cc2abd75ccf', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'c20e9ff92b46dc7588789448f85cd7306c852f4a', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (index.h("div", { key: 'c5a42683f539d27efcc2706ee7c8bf487ffa6bce', class: "selectedFeaturesButtons labelButtons" }, index.h("div", { key: '3436549c76cd4e9cd4d5c79c4313dc8f118e71fa', id: "withSelectedOption" }, index.h("div", { key: '6fabc0281467a409a450776419f84ea7a6259b6a', id: "withSelectedOptionButton" }, index.h("stencil-icon-button-grid-action-header", { key: 'a404e3e5d676fec7b33f3a1180f5becd9b3a82ec', showLabel: true, icon: es.OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, index.h("unity-typography", { key: '8b24c10493c0cf6fd4efc3331308e92279695445', variant: "button" }, 'With Selected'))), index.h("div", { key: '45ea7b52a2ec332b121fbd03eb631a87148d5df9', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (index.h("udp-pop-over", { key: 'bb87d1e78654dc19abdf68f198f4600e52adfa00', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, index.h("div", { key: 'da840facd7e476da5aabec5a7ee3100ad302b890', innerHTML: this.selectedFeaturesActionPanel }))))), index.h("stencil-icon-button-grid-action-header", { key: '26349a7613ce13880f42e45ee673b8dd9274be36', showLabel: true, icon: es.Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: 'a9e4599fec38d4213edba9160505123cc24fec77', variant: "button" }, 'Cancel Selection'))))), index.h("div", { key: 'ea456e2b744822044634f9152c571ac8b80b4cfc', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (index.h("div", { key: 'e9c241fd5e57bd71d256a7829a7e3bb025e3051a', id: "addOptionButton" }, index.h("custom-button", { key: '0651b909d426e4ea2302b8621086c55b54cc563e', secondary: true, label: index.h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, index.h("udp-icon", { key: 'eb1b8e720043dc0fd4fe83a625867438f9c2616e', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (index.h("udp-pop-over", { key: '6283526331453f7d61f577f11e291779d1b6fb62', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("add-map-feature-popup", { key: '1f3b80b14fc7da3f33986ac93cfbafaf2cc3a3ef', handleStartDrawingMapFeature: this.handleStartDrawingMapFeature, vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, selectedType: this.selectedTypeToAddFeature, panelConfig: this.addFeaturePanelConfig }))))))));
|
|
287
287
|
}
|
|
288
288
|
get mapToolbarElement() { return index.getElement(this); }
|
|
289
289
|
static get watchers() { return {
|
|
@@ -318,9 +318,9 @@ const SelectLayerPopUp = class {
|
|
|
318
318
|
}
|
|
319
319
|
render() {
|
|
320
320
|
var _a, _b, _c;
|
|
321
|
-
return (index.h("div", { key: '
|
|
321
|
+
return (index.h("div", { key: '85322cd4a34f712730f5c5a127c53ecc152442ee', class: "popoverContent" }, this.enableTileSelection && (index.h("udp-selector", { key: 'a8b17ec6c73018e23af6cb736865e3685ebd0fc6', id: 'mapType', options: (_a = this.tileOptions) !== null && _a !== void 0 ? _a : [], initialValue: this.selectedTile.value, label: 'Map Type', onChange: (e) => {
|
|
322
322
|
this.handleMapTypeInputChange(e.detail);
|
|
323
|
-
}, large: false })), index.h("div", { key: '
|
|
323
|
+
}, large: false })), index.h("div", { key: '98c551aa4b42f09e5281319428d5c658405853ed', style: { height: '12px' } }), index.h("div", { key: 'e1f3b3c965f2ce464a5c14e4e99827d6e11c96da' }, index.h("text-field", { key: '0ec49ecfa6b018dc100e9b936606c38aa84fc542', label: 'Search Layers', id: 'searchFilter', value: '', onInput: (e) => this.handleSearchLayers(e) })), ((_b = this.filteredOptions) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
|
|
324
324
|
((_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 }))))));
|
|
325
325
|
}
|
|
326
326
|
};
|
|
@@ -336,7 +336,7 @@ const SplitLinePopup = class {
|
|
|
336
336
|
}
|
|
337
337
|
render() {
|
|
338
338
|
var _a;
|
|
339
|
-
return (index.h("div", { key: '
|
|
339
|
+
return (index.h("div", { key: 'cadb79724a5f72ced4022d9ec8fd05ef9f8e5e8d', class: "popoverContent" }, index.h("udp-selector", { key: '52786fc1e406e14a85277dec14e37d03e5839a35', id: 'layer', options: (_a = this.vectorLayerOptions.map(layer => {
|
|
340
340
|
return {
|
|
341
341
|
label: layer,
|
|
342
342
|
value: layer,
|
|
@@ -742,7 +742,7 @@ const SideSheet = class {
|
|
|
742
742
|
render() {
|
|
743
743
|
const widthClass = typeof this.widthOption === 'number' ? 'custom-width' : this.widthOption;
|
|
744
744
|
const sideSheetStyle = typeof this.widthOption === 'number' ? { width: `${this.widthOption}px` } : {};
|
|
745
|
-
return (index.h("div", { key: '
|
|
745
|
+
return (index.h("div", { key: '646cc424321b1d68fbe6a2f7ce8f8173480aa327' }, index.h("div", { key: 'cdf8f21c73bf0958399811980e1990d45bd865f4', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), index.h("div", { key: 'bdf7060b5dbbad6b4dd60dd66d0b66070f041273', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, index.h("div", { key: 'd945866e0f4a0e21874c847b911a604b005e83d6', class: "title" }, index.h("div", { key: '6e570430d9142d08a1d7e45dbdb7452d5c497470', class: 'close-button' }, index.h("stencil-icon-button", { key: '9cdcb173805d5bd017d40c1bccc093c8991e7e8d', icon: Close24__default.default, onClick: this.toggleDrawer })), index.h("div", { key: '8a10792c8579567f8cdb84f94a1397aae1cfd593', class: 'title' }, index.h("unity-typography", { key: '581519cc576e97d9ec39d0053059413e94aec664', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && index.h("custom-button", { key: '027c96b0066b18e3a84cc10b1b81b5073547b4fd', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), index.h("side-sheet-container", { key: '728e798d19f72af9bb2ea772906912613ace9675', padding: this.padding }, index.h("slot", { key: '5151a016be627713513f1b5361512c1f9f14149f' })))));
|
|
746
746
|
}
|
|
747
747
|
};
|
|
748
748
|
SideSheet.style = sideSheetCss();
|