@esri/solutions-components 0.11.22 → 0.11.24
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/basemap-gallery_7.cjs.entry.js +6 -6
- package/dist/cjs/buffer-tools_2.cjs.entry.js +1 -1
- package/dist/cjs/card-manager_3.cjs.entry.js +10 -6
- package/dist/cjs/consent-manager.cjs.entry.js +1 -1
- package/dist/cjs/create-feature_4.cjs.entry.js +22 -11
- package/dist/cjs/create-related-feature_3.cjs.entry.js +25 -19
- package/dist/cjs/crowdsource-manager.cjs.entry.js +3 -2
- package/dist/cjs/crowdsource-reporter.cjs.entry.js +7 -6
- package/dist/cjs/deduct-calculator.cjs.entry.js +1 -1
- package/dist/cjs/delete-dialog.cjs.entry.js +1 -1
- package/dist/cjs/feature-list.cjs.entry.js +4 -4
- package/dist/cjs/json-editor_7.cjs.entry.js +7 -7
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/map-layer-picker.cjs.entry.js +1 -1
- package/dist/cjs/map-select-tools_3.cjs.entry.js +3 -3
- package/dist/cjs/pci-calculator.cjs.entry.js +1 -1
- package/dist/cjs/public-notification.cjs.entry.js +1 -1
- package/dist/cjs/solution-configuration.cjs.entry.js +3 -3
- package/dist/cjs/solution-contents_3.cjs.entry.js +3 -3
- package/dist/cjs/solution-item-accordion.cjs.entry.js +1 -1
- package/dist/cjs/solution-item-icon.cjs.entry.js +1 -1
- package/dist/cjs/solutions-components.cjs.js +1 -1
- package/dist/cjs/spatial-ref.cjs.entry.js +1 -1
- package/dist/collection/assets/t9n/layer-table/resources.json +4 -1
- package/dist/collection/assets/t9n/layer-table/resources_en.json +4 -1
- package/dist/collection/components/card-manager/card-manager.js +23 -2
- package/dist/collection/components/consent-manager/consent-manager.js +1 -1
- package/dist/collection/components/create-feature/create-feature.css +1 -1
- package/dist/collection/components/create-feature/create-feature.js +28 -3
- package/dist/collection/components/create-related-feature/create-related-feature.css +1 -1
- package/dist/collection/components/create-related-feature/create-related-feature.js +74 -49
- package/dist/collection/components/crowdsource-manager/crowdsource-manager.js +23 -2
- package/dist/collection/components/crowdsource-reporter/crowdsource-reporter.js +27 -6
- package/dist/collection/components/deduct-calculator/deduct-calculator.js +1 -1
- package/dist/collection/components/delete-button/delete-button.js +1 -1
- package/dist/collection/components/delete-dialog/delete-dialog.js +1 -1
- package/dist/collection/components/edit-card/edit-card.css +1 -1
- package/dist/collection/components/edit-card/edit-card.js +48 -23
- package/dist/collection/components/feature-details/feature-details.js +27 -6
- package/dist/collection/components/feature-list/feature-list.js +4 -4
- package/dist/collection/components/floor-filter/floor-filter.js +1 -1
- package/dist/collection/components/info-card/info-card.js +23 -2
- package/dist/collection/components/json-editor/json-editor.js +1 -1
- package/dist/collection/components/layer-table/layer-table.js +6 -3
- package/dist/collection/components/map-card/map-card.js +1 -1
- package/dist/collection/components/map-draw-tools/map-draw-tools.js +1 -1
- package/dist/collection/components/map-fullscreen/map-fullscreen.js +1 -1
- package/dist/collection/components/map-layer-picker/map-layer-picker.js +1 -1
- package/dist/collection/components/map-legend/map-legend.js +1 -1
- package/dist/collection/components/map-picker/map-picker.js +1 -1
- package/dist/collection/components/map-search/map-search.js +1 -1
- package/dist/collection/components/map-select-tools/map-select-tools.js +1 -1
- package/dist/collection/components/map-tools/map-tools.js +1 -1
- package/dist/collection/components/pci-calculator/pci-calculator.js +1 -1
- package/dist/collection/components/pdf-download/pdf-download.js +1 -1
- package/dist/collection/components/public-notification/public-notification.js +1 -1
- package/dist/collection/components/refine-selection/refine-selection.js +1 -1
- package/dist/collection/components/solution-configuration/solution-configuration.js +3 -3
- package/dist/collection/components/solution-contents/solution-contents.js +1 -1
- package/dist/collection/components/solution-item/solution-item.js +1 -1
- package/dist/collection/components/solution-item-accordion/solution-item-accordion.js +1 -1
- package/dist/collection/components/solution-item-details/solution-item-details.js +1 -1
- package/dist/collection/components/solution-item-icon/solution-item-icon.js +1 -1
- package/dist/collection/components/solution-item-sharing/solution-item-sharing.js +1 -1
- package/dist/collection/components/solution-organization-variables/solution-organization-variables.js +1 -1
- package/dist/collection/components/solution-resource-item/solution-resource-item.js +1 -1
- package/dist/collection/components/solution-spatial-ref/solution-spatial-ref.js +1 -1
- package/dist/collection/components/solution-template-data/solution-template-data.js +1 -1
- package/dist/collection/components/solution-variables/solution-variables.js +1 -1
- package/dist/collection/components/spatial-ref/spatial-ref.js +1 -1
- package/dist/components/card-manager2.js +4 -2
- package/dist/components/consent-manager.js +1 -1
- package/dist/components/create-feature2.js +10 -4
- package/dist/components/create-related-feature2.js +21 -15
- package/dist/components/crowdsource-manager.js +4 -2
- package/dist/components/crowdsource-reporter.js +8 -6
- package/dist/components/deduct-calculator2.js +1 -1
- package/dist/components/delete-button2.js +1 -1
- package/dist/components/delete-dialog2.js +1 -1
- package/dist/components/edit-card2.js +11 -5
- package/dist/components/feature-details2.js +8 -6
- package/dist/components/feature-list2.js +4 -4
- package/dist/components/floor-filter2.js +1 -1
- package/dist/components/info-card2.js +4 -2
- package/dist/components/json-editor2.js +1 -1
- package/dist/components/layer-table2.js +6 -3
- package/dist/components/map-card2.js +1 -1
- package/dist/components/map-draw-tools2.js +1 -1
- package/dist/components/map-fullscreen2.js +1 -1
- package/dist/components/map-layer-picker2.js +1 -1
- package/dist/components/map-legend2.js +1 -1
- package/dist/components/map-picker2.js +1 -1
- package/dist/components/map-search2.js +1 -1
- package/dist/components/map-select-tools2.js +1 -1
- package/dist/components/map-tools2.js +1 -1
- package/dist/components/pci-calculator.js +1 -1
- package/dist/components/pdf-download2.js +1 -1
- package/dist/components/public-notification.js +1 -1
- package/dist/components/refine-selection2.js +1 -1
- package/dist/components/solution-configuration.js +3 -3
- package/dist/components/solution-contents2.js +1 -1
- package/dist/components/solution-item-accordion.js +1 -1
- package/dist/components/solution-item-details2.js +1 -1
- package/dist/components/solution-item-icon2.js +1 -1
- package/dist/components/solution-item-sharing2.js +1 -1
- package/dist/components/solution-item2.js +1 -1
- package/dist/components/solution-organization-variables2.js +1 -1
- package/dist/components/solution-resource-item2.js +1 -1
- package/dist/components/solution-spatial-ref2.js +1 -1
- package/dist/components/solution-template-data2.js +1 -1
- package/dist/components/solution-variables2.js +1 -1
- package/dist/components/spatial-ref.js +1 -1
- package/dist/esm/basemap-gallery_7.entry.js +6 -6
- package/dist/esm/buffer-tools_2.entry.js +1 -1
- package/dist/esm/card-manager_3.entry.js +10 -6
- package/dist/esm/consent-manager.entry.js +1 -1
- package/dist/esm/create-feature_4.entry.js +22 -11
- package/dist/esm/create-related-feature_3.entry.js +25 -19
- package/dist/esm/crowdsource-manager.entry.js +3 -2
- package/dist/esm/crowdsource-reporter.entry.js +7 -6
- package/dist/esm/deduct-calculator.entry.js +1 -1
- package/dist/esm/delete-dialog.entry.js +1 -1
- package/dist/esm/feature-list.entry.js +4 -4
- package/dist/esm/json-editor_7.entry.js +7 -7
- package/dist/esm/loader.js +1 -1
- package/dist/esm/map-layer-picker.entry.js +1 -1
- package/dist/esm/map-select-tools_3.entry.js +3 -3
- package/dist/esm/pci-calculator.entry.js +1 -1
- package/dist/esm/public-notification.entry.js +1 -1
- package/dist/esm/solution-configuration.entry.js +3 -3
- package/dist/esm/solution-contents_3.entry.js +3 -3
- package/dist/esm/solution-item-accordion.entry.js +1 -1
- package/dist/esm/solution-item-icon.entry.js +1 -1
- package/dist/esm/solutions-components.js +1 -1
- package/dist/esm/spatial-ref.entry.js +1 -1
- package/dist/solutions-components/assets/t9n/layer-table/resources.json +4 -1
- package/dist/solutions-components/assets/t9n/layer-table/resources_en.json +4 -1
- package/dist/solutions-components/{p-7e233b70.entry.js → p-0bc11bac.entry.js} +1 -1
- package/dist/solutions-components/{p-e3e35c14.entry.js → p-0efb117f.entry.js} +1 -1
- package/dist/solutions-components/p-12f91837.entry.js +6 -0
- package/dist/solutions-components/p-16c5c285.entry.js +6 -0
- package/dist/solutions-components/p-1dc077ec.entry.js +6 -0
- package/dist/solutions-components/{p-5e4e0f84.entry.js → p-281cc2b2.entry.js} +1 -1
- package/dist/solutions-components/{p-b636a8b4.entry.js → p-48ff9d90.entry.js} +1 -1
- package/dist/solutions-components/{p-832707fd.entry.js → p-505a2880.entry.js} +1 -1
- package/dist/solutions-components/{p-72d04c7a.entry.js → p-70fbbe26.entry.js} +1 -1
- package/dist/solutions-components/{p-837e0939.entry.js → p-7b9f3c85.entry.js} +1 -1
- package/dist/solutions-components/p-84976ab1.entry.js +6 -0
- package/dist/solutions-components/{p-698656b8.entry.js → p-8ef447cc.entry.js} +1 -1
- package/dist/solutions-components/{p-ed1ecb5b.entry.js → p-922e704c.entry.js} +1 -1
- package/dist/solutions-components/p-a2e356f8.entry.js +6 -0
- package/dist/solutions-components/{p-6d20da19.entry.js → p-a9b81651.entry.js} +1 -1
- package/dist/solutions-components/p-abcdbba6.entry.js +6 -0
- package/dist/solutions-components/{p-09041307.entry.js → p-c117b7f7.entry.js} +1 -1
- package/dist/solutions-components/{p-a5eaf7fe.entry.js → p-df018eb2.entry.js} +1 -1
- package/dist/solutions-components/{p-ee3bb943.entry.js → p-e806feda.entry.js} +1 -1
- package/dist/solutions-components/{p-244316dd.entry.js → p-e8df7a70.entry.js} +1 -1
- package/dist/solutions-components/{p-0326f1f4.entry.js → p-fd106abf.entry.js} +1 -1
- package/dist/solutions-components/solutions-components.esm.js +1 -1
- package/dist/solutions-components_commit.txt +6 -6
- package/dist/types/components/card-manager/card-manager.d.ts +4 -0
- package/dist/types/components/create-feature/create-feature.d.ts +4 -0
- package/dist/types/components/create-related-feature/create-related-feature.d.ts +23 -19
- package/dist/types/components/crowdsource-manager/crowdsource-manager.d.ts +4 -0
- package/dist/types/components/crowdsource-reporter/crowdsource-reporter.d.ts +4 -0
- package/dist/types/components/edit-card/edit-card.d.ts +8 -4
- package/dist/types/components/feature-details/feature-details.d.ts +4 -0
- package/dist/types/components/info-card/info-card.d.ts +4 -0
- package/dist/types/components.d.ts +64 -0
- package/package.json +1 -1
- package/dist/solutions-components/p-1ac20964.entry.js +0 -6
- package/dist/solutions-components/p-541eb93a.entry.js +0 -6
- package/dist/solutions-components/p-892b42be.entry.js +0 -6
- package/dist/solutions-components/p-9161beb0.entry.js +0 -6
- package/dist/solutions-components/p-decfd5fc.entry.js +0 -6
- package/dist/solutions-components/p-eba271dd.entry.js +0 -6
|
@@ -17,7 +17,7 @@ import './solution-resource-30a29505.js';
|
|
|
17
17
|
import './restHelpersGet-a7fda344.js';
|
|
18
18
|
import './update-ad0b88fa.js';
|
|
19
19
|
|
|
20
|
-
const createFeatureCss = ":host{display:block}.esri-editor__panel-toolbar{display:none !important}.esri-editor__panel-content{padding-block:0px !important}.esri-editor .esri-item-list__group__header{display:none !important}.esri-editor__panel-content__section .esri-widget__heading{display:none !important}.esri-editor .esri-item-list__filter-container--sticky{padding-block:0px !important;padding-inline:10px !important}.search-widget{width:92% !important;margin:5px 14px 20px 14px}.display-none{display:none !important}.hide-map{height:1%;visibility:hidden}.show-map{padding:10px !important;position:absolute !important;bottom:0;height:auto !important;width:calc(100% - 22px)}.notice-msg{padding:10px;width:calc(100% - 20px)}.esri-editor__panel-content{padding-block:10px !important}@media only screen and (max-width: 600px){.esri-editor__panel-content{padding-block:0 !important;min-height:0 !important}}";
|
|
20
|
+
const createFeatureCss = ":host{display:block}.hide-editor-toolbar .esri-editor__panel-toolbar{display:none !important}.esri-editor__panel-content{padding-block:0px !important}.esri-editor .esri-item-list__group__header{display:none !important}.esri-editor__panel-content__section .esri-widget__heading{display:none !important}.esri-editor .esri-item-list__filter-container--sticky{padding-block:0px !important;padding-inline:10px !important}.search-widget{width:92% !important;margin:5px 14px 20px 14px}.display-none{display:none !important}.hide-map{height:1%;visibility:hidden}.show-map{padding:10px !important;position:absolute !important;bottom:0;height:auto !important;width:calc(100% - 22px)}.notice-msg{padding:10px;width:calc(100% - 20px)}.esri-editor__panel-content{padding-block:10px !important}@media only screen and (max-width: 600px){.esri-editor__panel-content{padding-block:0 !important;min-height:0 !important}}";
|
|
21
21
|
const CreateFeatureStyle0 = createFeatureCss;
|
|
22
22
|
|
|
23
23
|
const CreateFeature = class {
|
|
@@ -31,6 +31,7 @@ const CreateFeature = class {
|
|
|
31
31
|
this.modeChanged = createEvent(this, "modeChanged", 7);
|
|
32
32
|
this.customizeSubmit = false;
|
|
33
33
|
this.enableSearch = false;
|
|
34
|
+
this.enableSnapping = false;
|
|
34
35
|
this.floorLevel = undefined;
|
|
35
36
|
this.formElements = undefined;
|
|
36
37
|
this.isMobile = undefined;
|
|
@@ -291,8 +292,8 @@ const CreateFeature = class {
|
|
|
291
292
|
else if (this._currentPage === 'featureForm') {
|
|
292
293
|
guidingMsg = this._translations.provideDetailsMsg;
|
|
293
294
|
}
|
|
294
|
-
return (h(Fragment, { key: '
|
|
295
|
-
h("div", { key: '
|
|
295
|
+
return (h(Fragment, { key: 'b480d2d78dbf168d351afb4212dcc6d49cb39c72' }, showGuidingMsg && h("calcite-notice", { key: 'e8cc752d19038993393d2d86cb934ae677cfc96f', class: "notice-msg", icon: "lightbulb", kind: "success", open: true, ref: el => this._calciteNotice = el }, h("div", { key: '85b53eb990d6566e66d2eecfae6e90ec1b368e0c', slot: "message" }, guidingMsg)), h("calcite-loader", { key: 'ee1ece408069e5112165860dd01f4dca526c0b4f', class: loaderClass, label: "", scale: "s" }), h("div", { key: '8a978d99246bd98a91e6fc6695f4159342bbf55a', class: featureFormClass, id: "feature-form" }), this.enableSearch &&
|
|
296
|
+
h("div", { key: '8678f6645b86202155a64dd7cfcb05f2c805e5f8', class: `search-widget ${showSearchWidget} ${featureFormClass}`, id: "search-widget-ref", ref: el => this._searchDiv = el }), h("div", { key: '738f720b5773abeda51eb4abf004e14e0c73c934', class: `${mobileMapClass}`, ref: (el) => { this._mapViewContainer = el; } })));
|
|
296
297
|
}
|
|
297
298
|
//--------------------------------------------------------------------------
|
|
298
299
|
//
|
|
@@ -371,6 +372,9 @@ const CreateFeature = class {
|
|
|
371
372
|
const layerInfos = [];
|
|
372
373
|
this._container = document.createElement("div");
|
|
373
374
|
this._container?.classList.add("display-none");
|
|
375
|
+
if (!this.enableSnapping) {
|
|
376
|
+
this._container.classList.add("hide-editor-toolbar");
|
|
377
|
+
}
|
|
374
378
|
const allMapLayers = await getAllLayers(this._updatedMapView);
|
|
375
379
|
this._selectedLayer = await getLayerOrTable(this.mapView, this.selectedLayerId);
|
|
376
380
|
// if layer is selected then only use the layerInfos while initializing the editor widget
|
|
@@ -390,7 +394,8 @@ const CreateFeature = class {
|
|
|
390
394
|
view: this._updatedMapView,
|
|
391
395
|
layerInfos: layerInfos,
|
|
392
396
|
visibleElements: {
|
|
393
|
-
|
|
397
|
+
settingsMenu: this.enableSnapping,
|
|
398
|
+
snappingControls: this.enableSnapping,
|
|
394
399
|
createFeaturesSection: true,
|
|
395
400
|
editFeaturesSection: false,
|
|
396
401
|
flow: false
|
|
@@ -786,7 +791,7 @@ const DeleteButton = class {
|
|
|
786
791
|
* Renders the component.
|
|
787
792
|
*/
|
|
788
793
|
render() {
|
|
789
|
-
return (h(Host, { key: '
|
|
794
|
+
return (h(Host, { key: 'a8b845e5a7283318d4e313914e8bf992c5405d82' }, this.buttonType === "button" ? (h("calcite-button", { appearance: "outline", disabled: !this._deleteEndabled, id: "solutions-delete", kind: "danger", onClick: () => this._delete(), width: "full" }, this._translations.deleteCount.replace("{{n}}", this.ids.length.toString()))) : (h("calcite-action", { appearance: "solid", disabled: !this._deleteEndabled, id: this.icon, onClick: () => this._delete(), scale: "s", text: this._translations.delete }, h("calcite-button", { appearance: "transparent", iconStart: this.icon, kind: "danger" }, this._translations.delete))), this._deleteMessage(), h("calcite-tooltip", { key: '63e746d5066e96a13066cae6d3ad0b23c81437dc', placement: "bottom", "reference-element": this.buttonType === "button" ? "solutions-delete" : this.icon }, h("span", { key: '9f6708e8ff0255d6634c69cb66d9544dc5b053ba' }, this._translations.delete))));
|
|
790
795
|
}
|
|
791
796
|
/**
|
|
792
797
|
* StencilJS: Called once just after the component is fully loaded and the first render() occurs.
|
|
@@ -840,7 +845,7 @@ const DeleteButton = class {
|
|
|
840
845
|
};
|
|
841
846
|
DeleteButton.style = DeleteButtonStyle0;
|
|
842
847
|
|
|
843
|
-
const editCardCss = ":host{display:block}.padding-bottom-1{padding-bottom:1rem}.font-bold{font-weight:var(--calcite-font-weight-bold)}.font-500{font-weight:var(--calcite-font-weight-medium)}.font-italic{font-style:italic}#feature-form{padding-top:0px}.padding-sides-bottom-1{padding:0 1rem 1rem 1rem}.position-relative{position:relative}.esri-editor__prompt--danger{position:relative !important;width:100% !important;background-color:var(--calcite-color-foreground-1) !important}.esri-feature__content-node{background-color:var(--calcite-color-foreground-1) !important}.esri-editor__panel-toolbar{display:none !important}.position-absolute{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto}.esri-editor__panel-content{padding-block:10px !important}";
|
|
848
|
+
const editCardCss = ":host{display:block}.padding-bottom-1{padding-bottom:1rem}.font-bold{font-weight:var(--calcite-font-weight-bold)}.font-500{font-weight:var(--calcite-font-weight-medium)}.font-italic{font-style:italic}#feature-form{padding-top:0px}.padding-sides-bottom-1{padding:0 1rem 1rem 1rem}.position-relative{position:relative}.esri-editor__prompt--danger{position:relative !important;width:100% !important;background-color:var(--calcite-color-foreground-1) !important}.esri-feature__content-node{background-color:var(--calcite-color-foreground-1) !important}.hide-editor-toolbar .esri-editor__panel-toolbar{display:none !important}.position-absolute{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto}.esri-editor__panel-content{padding-block:10px !important}";
|
|
844
849
|
const EditCardStyle0 = editCardCss;
|
|
845
850
|
|
|
846
851
|
const EditCard = class {
|
|
@@ -851,11 +856,12 @@ const EditCard = class {
|
|
|
851
856
|
this.editsComplete = createEvent(this, "editsComplete", 7);
|
|
852
857
|
this.refreshGraphics = createEvent(this, "refreshGraphics", 7);
|
|
853
858
|
this.enableEditGeometry = false;
|
|
859
|
+
this.enableSnapping = false;
|
|
860
|
+
this.graphicIndex = 0;
|
|
854
861
|
this.graphics = undefined;
|
|
855
862
|
this.locale = undefined;
|
|
856
863
|
this.mapView = undefined;
|
|
857
864
|
this.open = false;
|
|
858
|
-
this.graphicIndex = 0;
|
|
859
865
|
this._editorLoading = false;
|
|
860
866
|
this._translations = undefined;
|
|
861
867
|
}
|
|
@@ -1032,7 +1038,7 @@ const EditCard = class {
|
|
|
1032
1038
|
!this.graphics[0].layer.editingEnabled : true;
|
|
1033
1039
|
const tableNodeClass = this._editorLoading ? "display-none" : "position-absolute";
|
|
1034
1040
|
const loadingClass = this._editorLoading ? "" : "display-none";
|
|
1035
|
-
return (h(Host, { key: '
|
|
1041
|
+
return (h(Host, { key: '8491a0fbeefc9533ed6898cf4734ec98dddd7f62' }, h("div", { key: 'a98e923e1d697559c37ce85fbd57fc1688171cb2', class: "position-absolute" }, editDisabled ? (h("calcite-notice", { kind: "warning", open: true, slot: "content-top", width: "full" }, h("div", { slot: "message" }, this._translations.enableEditing))) : undefined, h("div", { key: 'ac5eed8a614523e1ddaad0eaf3b973faf28fdbf2', class: "position-absolute" }, h("div", { key: '63778d7c29d6fd26e0c8a534dc70da4a0e94075d', class: tableNodeClass, id: "feature-form", ref: (el) => this._editContainer = el }), h("calcite-loader", { key: '641a987e8860222a1a3b6f64e700a16c03463c81', class: loadingClass, label: "", scale: "s" })))));
|
|
1036
1042
|
}
|
|
1037
1043
|
//--------------------------------------------------------------------------
|
|
1038
1044
|
//
|
|
@@ -1073,7 +1079,8 @@ const EditCard = class {
|
|
|
1073
1079
|
layerInfos,
|
|
1074
1080
|
visibleElements: {
|
|
1075
1081
|
flow: true,
|
|
1076
|
-
|
|
1082
|
+
settingsMenu: this.enableSnapping,
|
|
1083
|
+
snappingControls: this.enableSnapping,
|
|
1077
1084
|
},
|
|
1078
1085
|
container
|
|
1079
1086
|
});
|
|
@@ -1096,6 +1103,9 @@ const EditCard = class {
|
|
|
1096
1103
|
this.open = false;
|
|
1097
1104
|
}
|
|
1098
1105
|
});
|
|
1106
|
+
if (!this.enableSnapping) {
|
|
1107
|
+
container.classList.add("hide-editor-toolbar");
|
|
1108
|
+
}
|
|
1099
1109
|
// had issues with destroy before adding like this
|
|
1100
1110
|
this._editContainer.appendChild(container);
|
|
1101
1111
|
this.editorInitialized.emit(this._editor);
|
|
@@ -1155,6 +1165,7 @@ const InfoCard = class {
|
|
|
1155
1165
|
this.clearSelection = createEvent(this, "clearSelection", 7);
|
|
1156
1166
|
this.selectionChanged = createEvent(this, "selectionChanged", 7);
|
|
1157
1167
|
this.enableEditGeometry = false;
|
|
1168
|
+
this.enableSnapping = false;
|
|
1158
1169
|
this.graphics = undefined;
|
|
1159
1170
|
this.isLoading = false;
|
|
1160
1171
|
this.isMobile = undefined;
|
|
@@ -1395,8 +1406,8 @@ const InfoCard = class {
|
|
|
1395
1406
|
// if user has navigated to the related feature then pass the related feature to the graphics
|
|
1396
1407
|
const graphics = this._relatedFeature ? [this._relatedFeature] : this.graphics;
|
|
1397
1408
|
const selectedFeatureIndex = this._navigatedToRelatedFeature ? 0 : this._features?.selectedFeatureIndex;
|
|
1398
|
-
return (h(Host, { key: '
|
|
1399
|
-
h("div", { key: '
|
|
1409
|
+
return (h(Host, { key: 'b62820abf5a5ce69261a7170dbc102ee8f656907' }, h("calcite-shell", { key: '6c26e6c6e0247f96183ab7d300d2591c5beb5b94', style: { position: this.position } }, this._getHeader(), h("calcite-loader", { key: 'fc153dc30be352de54fd2d197e154cd09a8f39f2', class: loadingClass, label: this._translations.fetchingData }), h("div", { key: '8faba972e54dbc4086a5c74187279149c7bbfe6e', class: "esri-widget feature-node " + featureNodeClass, id: this._featuresNodeId }), h("div", { key: '3374bace58475d983d0b6b57c1c45faa6bddef6e', class: `${editButtonClass} width-100`, slot: "footer" }, this.allowEditing &&
|
|
1410
|
+
h("div", { key: '567ed97ca7a9a1d7245caa21ca23effe728b0ac9', class: "display-flex top-border padding-1-2" }, h("calcite-button", { key: 'caae5c4c5834bf7658bbe12c329ead2f8150f8cd', appearance: "solid", id: "solutions-edit", onClick: () => this._openEditRecord(), width: "full" }, this._translations.edit), this.isMobile && deleteEnabled ? (h("delete-button", { class: "padding-inline-start-1 width-100", id: "solutions-delete", ids: ids, layer: this._layer, locale: this.locale, onEditsComplete: () => this._closePopup() })) : undefined, h("calcite-tooltip", { key: '57681bf90ac5d7c2a4bc9d3e15e3a93a675fbed1', placement: "bottom", "reference-element": "solutions-edit" }, h("span", { key: '018a661cd5f88ea5be62acbe762308ef25e7b681' }, this._translations.edit)), this.isMobile && deleteEnabled ? (h("calcite-tooltip", { placement: "bottom", "reference-element": "solutions-delete" }, h("span", null, this._translations.delete))) : undefined), this.paginationEnabled && !nextBackDisabled && h("div", { key: '92ba3836a0b5fcd2717966ef6162e10968d43126', class: `display-flex padding-1-2 button-container top-border ${nextBackClass}` }, h("div", { key: 'bf23c4f203efcea7c613d77d86efada639fa7c1b' }, h("calcite-button", { key: 'a416b24f360374e73679df9027b13f7651dbb723', appearance: 'transparent', disabled: nextBackDisabled, iconFlipRtl: "both", iconStart: "chevron-left", id: "solutions-back", onClick: () => this._back(), width: "full" }), h("calcite-tooltip", { key: '8849ca323a75d2fd21393a133f49c1ea201178d4', placement: "top", "reference-element": "solutions-back" }, h("span", { key: '84cd60a8c7a5678d99e2d803ebb705e986591cb5' }, this._translations.back))), h("calcite-action", { key: '7d4e9984eda51a7b9d67bcc2bce3b258566bbeee', class: 'pagination-action', iconFlipRtl: true, onClick: () => this._toggleListView(), scale: "s", text: "", textEnabled: true }, h("span", { key: 'a14051ff8801623cc1dda9895f9bf98b5b4b8a36', class: "pagination-count" }, this._count)), h("div", { key: '65bd33feeee7e1606548a9b21b9a3d1b78bc8931' }, h("calcite-button", { key: '228969faa39e600546e8b9a00c888df4d00a6477', appearance: "transparent", disabled: nextBackDisabled, iconFlipRtl: "both", iconStart: "chevron-right", id: "solutions-next", onClick: () => this._next(), width: "full" }), h("calcite-tooltip", { key: '8f343657583d421b7dbbd79067af998d11c30855', placement: "top", "reference-element": "solutions-next" }, h("span", { key: '98fc622e0ba9ae3878ac0cbc8c2c119fe5b4b489' }, this._translations.next))))), h("edit-card", { key: 'c99b429d633117c673a7c8effc7cb689233bce1e', class: editClass, enableEditGeometry: this.enableEditGeometry, enableSnapping: this.enableSnapping, graphicIndex: selectedFeatureIndex, graphics: graphics, locale: this.locale, mapView: this.mapView, open: this._editRecordOpen }), h("calcite-alert", { key: '82ac3ceb259b6f87b8bbbb196fcf61de705ed019', icon: "layer-broken", kind: "warning", label: "", onCalciteAlertClose: () => this._alertClosed(), open: this._alertOpen, placement: "top" }, h("div", { key: 'f113eb60f51d3b1d9fddf9c58e89c792e41e95b5', slot: "title" }, this._translations.editDisabled), h("div", { key: 'c010ac376e6e3497d86326bcb1e16976a4a026cd', slot: "message" }, this._translations.enableEditing)))));
|
|
1400
1411
|
}
|
|
1401
1412
|
//--------------------------------------------------------------------------
|
|
1402
1413
|
//
|
|
@@ -10,7 +10,7 @@ import { e as esriLoader } from './esri-loader-c6842c6b.js';
|
|
|
10
10
|
import './interfaces-659e3836.js';
|
|
11
11
|
import './_commonjsHelpers-089957fe.js';
|
|
12
12
|
|
|
13
|
-
const createRelatedFeatureCss = ":host{display:block}.esri-editor__panel-toolbar{display:none !important}.display-none{display:none !important}.esri-editor__panel-content{padding-block:10px !important}.notice-msg{padding:10px;width:calc(100% - 20px)}";
|
|
13
|
+
const createRelatedFeatureCss = ":host{display:block}.hide-editor-toolbar .esri-editor__panel-toolbar{display:none !important}.display-none{display:none !important}.esri-editor__panel-content{padding-block:10px !important}.notice-msg{padding:10px;width:calc(100% - 20px)}";
|
|
14
14
|
const CreateRelatedFeatureStyle0 = createRelatedFeatureCss;
|
|
15
15
|
|
|
16
16
|
const CreateRelatedFeature = class {
|
|
@@ -20,12 +20,13 @@ const CreateRelatedFeature = class {
|
|
|
20
20
|
this.fail = createEvent(this, "fail", 7);
|
|
21
21
|
this.isActionPending = createEvent(this, "isActionPending", 7);
|
|
22
22
|
this.formReady = createEvent(this, "formReady", 7);
|
|
23
|
+
this.customizeSubmit = false;
|
|
24
|
+
this.enableSnapping = false;
|
|
23
25
|
this.locale = undefined;
|
|
24
26
|
this.mapView = undefined;
|
|
25
|
-
this.table = undefined;
|
|
26
27
|
this.selectedFeature = undefined;
|
|
27
|
-
this.customizeSubmit = false;
|
|
28
28
|
this.showGuidingMsg = true;
|
|
29
|
+
this.table = undefined;
|
|
29
30
|
this._editorLoading = false;
|
|
30
31
|
this._translations = undefined;
|
|
31
32
|
}
|
|
@@ -40,23 +41,23 @@ const CreateRelatedFeature = class {
|
|
|
40
41
|
* The Editor constructor
|
|
41
42
|
*/
|
|
42
43
|
Editor;
|
|
43
|
-
/**
|
|
44
|
-
* esri/widgets/Editor: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Editor.html
|
|
45
|
-
* The Editor instance
|
|
46
|
-
*/
|
|
47
|
-
_editor;
|
|
48
44
|
/**
|
|
49
45
|
* esri/core/reactiveUtils: https://developers.arcgis.com/javascript/latest/api-reference/esri-core-reactiveUtils.html
|
|
50
46
|
*/
|
|
51
47
|
reactiveUtils;
|
|
48
|
+
/**
|
|
49
|
+
* boolean: Flag to maintain the add attachment
|
|
50
|
+
*/
|
|
51
|
+
_addingAttachment;
|
|
52
52
|
/**
|
|
53
53
|
* HTMLDivElement: The node the editor will be added to
|
|
54
54
|
*/
|
|
55
55
|
_container;
|
|
56
56
|
/**
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
57
|
+
* esri/widgets/Editor: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Editor.html
|
|
58
|
+
* The Editor instance
|
|
59
|
+
*/
|
|
60
|
+
_editor;
|
|
60
61
|
/**
|
|
61
62
|
* boolean: Flag to maintain form submission using submit button
|
|
62
63
|
*/
|
|
@@ -164,7 +165,7 @@ const CreateRelatedFeature = class {
|
|
|
164
165
|
}
|
|
165
166
|
render() {
|
|
166
167
|
const loaderClass = this._editorLoading ? "" : "display-none";
|
|
167
|
-
return (h(Fragment, { key: '
|
|
168
|
+
return (h(Fragment, { key: '6c2bfcf17fc2ef0f1fc16c3c45d98b58101f629b' }, this.showGuidingMsg && h("calcite-notice", { key: 'df2091f0435ef5ee4adcf71e177e35429c831d63', class: "notice-msg", icon: "lightbulb", kind: "success", open: true }, h("div", { key: 'e0180f8e8d6c615507c18ad3d1b0c248d42a754f', slot: "message" }, this._translations.provideDetailsMsg)), h("calcite-loader", { key: '235fb4b02ee3f6576ad5620517da6386774cfb7d', class: loaderClass, label: "", scale: "s" })));
|
|
168
169
|
}
|
|
169
170
|
/**
|
|
170
171
|
* StencilJS: Called once just after the component is fully loaded and the first render() occurs.
|
|
@@ -190,11 +191,15 @@ const CreateRelatedFeature = class {
|
|
|
190
191
|
}
|
|
191
192
|
this._container = document.createElement("div");
|
|
192
193
|
this._container?.classList.add("display-none");
|
|
194
|
+
if (!this.enableSnapping) {
|
|
195
|
+
this._container.classList.add("hide-editor-toolbar");
|
|
196
|
+
}
|
|
193
197
|
this._editor = new this.Editor({
|
|
194
198
|
view: this.mapView,
|
|
195
199
|
visibleElements: {
|
|
196
200
|
flow: true,
|
|
197
|
-
|
|
201
|
+
settingsMenu: this.enableSnapping,
|
|
202
|
+
snappingControls: this.enableSnapping,
|
|
198
203
|
},
|
|
199
204
|
container: this._container
|
|
200
205
|
});
|
|
@@ -370,6 +375,7 @@ const FeatureDetails = class {
|
|
|
370
375
|
this.addComment = createEvent(this, "addComment", 7);
|
|
371
376
|
this.likeOrDislikeClicked = createEvent(this, "likeOrDislikeClicked", 7);
|
|
372
377
|
this.featureSelectionChange = createEvent(this, "featureSelectionChange", 7);
|
|
378
|
+
this.enableSnapping = false;
|
|
373
379
|
this.mapView = undefined;
|
|
374
380
|
this.graphics = undefined;
|
|
375
381
|
this.reportingOptions = undefined;
|
|
@@ -524,12 +530,12 @@ const FeatureDetails = class {
|
|
|
524
530
|
render() {
|
|
525
531
|
//When related features found show comments list of only those features else comments list will be empty
|
|
526
532
|
const commentsListWhereClause = this._relatedFeaturesOIDs?.length > 0 ? `objectId in(${this._relatedFeaturesOIDs})` : '1=0';
|
|
527
|
-
return (h("calcite-panel", { key: '
|
|
528
|
-
h("div", { key: '
|
|
529
|
-
h("calcite-button", { key: '
|
|
530
|
-
h("calcite-button", { key: '
|
|
531
|
-
h("calcite-button", { key: '
|
|
532
|
-
h("feature-list", { key: '
|
|
533
|
+
return (h("calcite-panel", { key: '369276b48d989c7e15e86a507414e68b55c842b0', "full-height": true }, h("info-card", { key: '1cc64b674205bc2b1b7a7c65d9f99ae551daf89d', allowEditing: false, enableSnapping: this.enableSnapping, graphics: this.graphics, highlightEnabled: false, isLoading: false, isMobile: false, locale: this.locale, mapView: this.mapView, onSelectionChanged: (e) => { this.featureSelectionChange.emit(e.detail); }, paginationEnabled: false, position: "relative", ref: el => this._infoCard = el }), (this._likeFieldAvailable || this._dislikeFieldAvailable || this._commentsAvailable) &&
|
|
534
|
+
h("div", { key: '52d494236fbf3ea0db4894600885f25d8c9c021f', class: "buttons-container" }, this._commentsAvailable &&
|
|
535
|
+
h("calcite-button", { key: 'f9844e33d90a3d5c4b950e9d7dcbd8c1f2b541af', appearance: "transparent", iconEnd: "speech-bubble", kind: "neutral", onClick: () => { this.addComment.emit(); }, scale: 'm' }, this._relatedFeaturesOIDs.length), this._likeFieldAvailable &&
|
|
536
|
+
h("calcite-button", { key: '0912473490c6ada2ba3e3a703a37d26e752ee4d5', appearance: "transparent", iconEnd: "thumbs-up", kind: this._isLikeBtnClicked ? "brand" : "neutral", loading: this._updating, onClick: this.onLikeButtonClick.bind(this), scale: 'm' }, this._likeCount ?? this._selectedGraphic.attributes[this._likeField] ?? 0), this._dislikeFieldAvailable &&
|
|
537
|
+
h("calcite-button", { key: 'e6d62adf0d5669f50b829e78bd2b224d1e400b36', appearance: "transparent", iconEnd: "thumbs-down", kind: this._isDislikeBtnClicked ? "brand" : "neutral", loading: this._updating, onClick: this.onDislikeButtonClick.bind(this), scale: 'm' }, this._disLikeCount ?? this._selectedGraphic.attributes[this._dislikeField] ?? 0)), this.relatedTableId && this._commentsAvailable &&
|
|
538
|
+
h("feature-list", { key: '8cd2570111a3425e6c4d9d8b7de1e2b522ce8833', class: "height-full", locale: this.locale, mapView: this.mapView, onFeatureSelect: (e) => { this.commentSelect.emit(e.detail); }, pageSize: 5, ref: el => this._commentsList = el, selectedLayerId: this.relatedTableId, showErrorWhenNoFeatures: false, showFullTitle: this.showFullCommentTitle, showInitialLoading: false, showUserImageInList: this.showUserImageInCommentsList, textSize: "small", whereClause: commentsListWhereClause })));
|
|
533
539
|
}
|
|
534
540
|
/**
|
|
535
541
|
* Load esri javascript api modules
|
|
@@ -42,6 +42,7 @@ const CrowdsourceManager = class {
|
|
|
42
42
|
this.enableLegend = true;
|
|
43
43
|
this.enableSearch = true;
|
|
44
44
|
this.enableShare = false;
|
|
45
|
+
this.enableSnapping = true;
|
|
45
46
|
this.enableZoom = true;
|
|
46
47
|
this.locale = undefined;
|
|
47
48
|
this.mapInfos = [];
|
|
@@ -266,7 +267,7 @@ const CrowdsourceManager = class {
|
|
|
266
267
|
render() {
|
|
267
268
|
// only avoid border when we have a header color that is not white
|
|
268
269
|
const borderClass = this.popupHeaderColor && this.popupHeaderColor !== "#FFFFFF" ? "border-width-0" : "";
|
|
269
|
-
return (h(Host, { key: '
|
|
270
|
+
return (h(Host, { key: 'cb38f5440e7f36f0285b41a7193e58be94e6cbb7' }, h("calcite-shell", { key: 'dd7b80c00af2b2e28dd5cf7662cfc80d5a46f277', class: "position-relative" }, h("calcite-panel", { key: '5b38f18d4db6132822b622892b9eff5bffbdea2b', class: `width-full height-full ${borderClass}`, loading: this._isLoading }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter()), this._filterModal(), this._deleteModal()));
|
|
270
271
|
}
|
|
271
272
|
/**
|
|
272
273
|
* Called after each render
|
|
@@ -497,7 +498,7 @@ const CrowdsourceManager = class {
|
|
|
497
498
|
const isTableLayout = this.appLayout === 'tableView';
|
|
498
499
|
const cardManagerHeight = isTableLayout && this.mapInfos?.length > 1 ? "adjusted-height-100-51" : isMapLayout || isTableLayout ? "height-full" : (this._numSelected > 0 && !this._isMobile) ? "height-50" : !this._showInformationHeader ? "adjusted-height-50_25" : !this._isPortraitMobile ? "height-50" : "height-full";
|
|
499
500
|
const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
|
|
500
|
-
return (h("div", { class: `width-50 height-full ${themeClass}` }, h("card-manager", { class: `${cardManagerHeight} width-full`, customInfoText: this.customInfoText, enableCreateFeatures: this._enableCreateFeatures && !this._isMobile, enableEditGeometry: this?._mapInfo?.enableEditGeometry, isMobile: this._isPortraitMobile, layer: this._layer, locale: this.locale, mapView: this?._mapView, onBackFromCreateWorkFlow: () => {
|
|
501
|
+
return (h("div", { class: `width-50 height-full ${themeClass}` }, h("card-manager", { class: `${cardManagerHeight} width-full`, customInfoText: this.customInfoText, enableCreateFeatures: this._enableCreateFeatures && !this._isMobile, enableEditGeometry: this?._mapInfo?.enableEditGeometry, enableSnapping: this.enableSnapping, isMobile: this._isPortraitMobile, layer: this._layer, locale: this.locale, mapView: this?._mapView, onBackFromCreateWorkFlow: () => {
|
|
501
502
|
this._showInformationHeader = true;
|
|
502
503
|
}, onCreateWorkFlowStarted: () => {
|
|
503
504
|
this.appLayout = this._layer.isTable ? "tableView" : "mapView";
|
|
@@ -29,6 +29,7 @@ const CrowdsourceReporter = class {
|
|
|
29
29
|
this.enableLogin = undefined;
|
|
30
30
|
this.enableNewReports = undefined;
|
|
31
31
|
this.enableSearch = true;
|
|
32
|
+
this.enableSnapping = false;
|
|
32
33
|
this.enableZoom = true;
|
|
33
34
|
this.isMobile = undefined;
|
|
34
35
|
this.layerExpressions = [];
|
|
@@ -377,7 +378,7 @@ const CrowdsourceReporter = class {
|
|
|
377
378
|
*/
|
|
378
379
|
render() {
|
|
379
380
|
const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
|
|
380
|
-
return (h(Host, { key: '
|
|
381
|
+
return (h(Host, { key: 'b262a653d9af3a8f332f416af7f297cc15ac3355' }, this._reportSubmitted && h("calcite-alert", { key: 'efe33e5ec3ed708d21f8464aa70eb7ce9a258035', "auto-close": true, class: themeClass + " report-submitted-msg", icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._reportSubmitted = false; }, open: true, placement: "top" }, h("div", { key: '6c6a35bc84da9a13241313dd15dc4a5905f59866', slot: "message" }, this.reportSubmittedMessage ? this.reportSubmittedMessage : this._translations.submitMsg)), this._featureCreationFailedErrorMsg && h("calcite-alert", { key: '21d8064c4bf5c0dd118cd012d9d30d2998011a00', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._featureCreationFailedErrorMsg = ""; }, open: true, placement: "top" }, h("div", { key: '93e68814f1f3cf62d9ed4d6673aec8124cfa0a4f', slot: "title" }, this._translations.error), h("div", { key: '156cd9169dbcbeafa605620938ba9aeccd0f9401', slot: "message" }, this._featureCreationFailedErrorMsg)), this._commentSubmitted && h("calcite-alert", { key: '2cb152fe6734f80f6d9714c3597aaf064ffffd57', "auto-close": true, class: 'report-submitted ' + themeClass, icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._commentSubmitted = false; }, open: true, placement: "top" }, h("div", { key: '33369e8086740651ef26bfc765448fb6bded03fe', slot: "message" }, this.commentSubmittedMessage || this._translations.commentSubmittedMsg)), this._addingCommentFailed && h("calcite-alert", { key: '5b4fbac03c85e82e2bb11611772186140d0419e9', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._addingCommentFailed = false; }, open: true, placement: "top" }, h("div", { key: '31bd9f781304d1493dcbbee5914369742c8c0e03', slot: "title" }, this._translations.error), h("div", { key: '7844073654d79069fe7e54c72ec7bc85a1e77436', slot: "message" }, this._translations.addingCommentFailedMsg)), h("div", { key: '17eca819f0141e4945deb8013aa662d5b3c27626' }, h("calcite-shell", { key: 'c07f28fa3733f6be3a22d813a267e77a05038f3e', "content-behind": true }, this._getReporter())), this.isMobile && this.filterModal()));
|
|
381
382
|
}
|
|
382
383
|
//--------------------------------------------------------------------------
|
|
383
384
|
//
|
|
@@ -561,7 +562,7 @@ const CrowdsourceReporter = class {
|
|
|
561
562
|
* @protected
|
|
562
563
|
*/
|
|
563
564
|
getFeatureCreateFlowItem() {
|
|
564
|
-
return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._selectedLayerName, onCalciteFlowItemBack: this.backFromCreateFeaturePanel.bind(this), selected: this._flowItems[this._flowItems.length - 1] === "feature-create" }, this._showSubmitCancelButton && h("div", { class: "width-full", slot: "footer" }, h("calcite-button", { appearance: "solid", class: "footer-top-button footer-button", onClick: this.onCreateFeatureSubmitButtonClick.bind(this), width: "full" }, this._translations.submit), h("calcite-button", { appearance: "outline", class: "footer-button", onClick: this.backFromCreateFeaturePanel.bind(this), width: "full" }, this._translations.cancel)), h("calcite-panel", { "full-height": true, "full-width": true }, h("div", { class: "progress-bar" }, h("calcite-progress", { type: "determinate", value: this._updatedProgressBarStatus })), h("create-feature", { customizeSubmit: true, enableSearch: true, floorLevel: this.floorLevel, formElements: this._formElements.find(elm => elm.id === this._selectedLayerId), isMobile: this.isMobile, locale: this.locale, mapView: this.mapView, onDrawComplete: this.onFormReady.bind(this), onEditingAttachment: this.showSubmitCancelButton.bind(this), onFail: this.createFeatureFailed.bind(this), onModeChanged: this.backFromCreateFeaturePanel.bind(this), onProgressStatus: this.updatedProgressStatus.bind(this), onSuccess: this.onReportSubmitted.bind(this), ref: el => this._createFeature = el, searchConfiguration: this.searchConfiguration, selectedLayerId: this._selectedLayerId, submitNewReportsMessage: this.submitNewReportsMessage }))));
|
|
565
|
+
return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._selectedLayerName, onCalciteFlowItemBack: this.backFromCreateFeaturePanel.bind(this), selected: this._flowItems[this._flowItems.length - 1] === "feature-create" }, this._showSubmitCancelButton && h("div", { class: "width-full", slot: "footer" }, h("calcite-button", { appearance: "solid", class: "footer-top-button footer-button", onClick: this.onCreateFeatureSubmitButtonClick.bind(this), width: "full" }, this._translations.submit), h("calcite-button", { appearance: "outline", class: "footer-button", onClick: this.backFromCreateFeaturePanel.bind(this), width: "full" }, this._translations.cancel)), h("calcite-panel", { "full-height": true, "full-width": true }, h("div", { class: "progress-bar" }, h("calcite-progress", { type: "determinate", value: this._updatedProgressBarStatus })), h("create-feature", { customizeSubmit: true, enableSearch: true, enableSnapping: this.enableSnapping, floorLevel: this.floorLevel, formElements: this._formElements.find(elm => elm.id === this._selectedLayerId), isMobile: this.isMobile, locale: this.locale, mapView: this.mapView, onDrawComplete: this.onFormReady.bind(this), onEditingAttachment: this.showSubmitCancelButton.bind(this), onFail: this.createFeatureFailed.bind(this), onModeChanged: this.backFromCreateFeaturePanel.bind(this), onProgressStatus: this.updatedProgressStatus.bind(this), onSuccess: this.onReportSubmitted.bind(this), ref: el => this._createFeature = el, searchConfiguration: this.searchConfiguration, selectedLayerId: this._selectedLayerId, submitNewReportsMessage: this.submitNewReportsMessage }))));
|
|
565
566
|
}
|
|
566
567
|
/**
|
|
567
568
|
* Update the progress bar status when editor panel changes
|
|
@@ -729,7 +730,7 @@ const CrowdsourceReporter = class {
|
|
|
729
730
|
* @protected
|
|
730
731
|
*/
|
|
731
732
|
async layerListLoaded(evt) {
|
|
732
|
-
// Check if user is present on the layer panel or if first component is feature list then only allow to store the non-reporting valid layers to avoid the feature visbility issue on map
|
|
733
|
+
// Check if user is present on the layer panel or if first component is feature list then only allow to store the non-reporting valid layers to avoid the feature visbility issue on map
|
|
733
734
|
const presentOnLayerListPanel = this._layerList && this._flowItems[this._flowItems.length - 1] === "layer-list" || this._flowItems[0] === "feature-list";
|
|
734
735
|
if (presentOnLayerListPanel) {
|
|
735
736
|
const layersListed = evt.detail;
|
|
@@ -929,7 +930,7 @@ const CrowdsourceReporter = class {
|
|
|
929
930
|
*/
|
|
930
931
|
getFeatureDetailsFlowItem() {
|
|
931
932
|
const showCommentBtn = this._getLayersConfig(this._selectedLayerId)?.comment && this._selectedLayer.relationships.length > 0 && this._relatedTable;
|
|
932
|
-
return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._selectedLayerName, loading: this._showLoadingIndicator, onCalciteFlowItemBack: this.backFromSelectedPanel.bind(this), selected: this._flowItems[this._flowItems.length - 1] === "feature-details" }, this.isMobile && this.getActionToExpandCollapsePanel(), h("instant-apps-social-share", { autoUpdateShareUrl: false, class: "share-node", embed: false, popoverButtonIconScale: "s", ref: el => this._shareNode = el, removePopoverOffset: true, scale: "m", shareButtonColor: "neutral", shareButtonType: "action", slot: "header-actions-end", socialMedia: true, view: this.mapView }), this._selectedFeature.length > 1 && this.getFeaturesPagination(), h("calcite-panel", null, h("feature-details", { class: 'full-height', graphics: this._selectedFeature, layerItemsHash: this._layerItemsHash, locale: this.locale, mapView: this.mapView, onAddComment: this.showAddCommentsPanel.bind(this), onCommentSelect: this.onCommentSelectFromList.bind(this), onFeatureSelectionChange: this.selectionChanged.bind(this), onLikeOrDislikeClicked: () => { void this._featureList.refresh(true); }, onLoadingStatus: (evt) => void this.updatingFeatureDetails(evt.detail), ref: el => this._featureDetails = el, reportingOptions: this.reportingOptions, showFullCommentTitle: this.showFullCommentTitle, showUserImageInCommentsList: this.showUserImageInCommentsList }), showCommentBtn &&
|
|
933
|
+
return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._selectedLayerName, loading: this._showLoadingIndicator, onCalciteFlowItemBack: this.backFromSelectedPanel.bind(this), selected: this._flowItems[this._flowItems.length - 1] === "feature-details" }, this.isMobile && this.getActionToExpandCollapsePanel(), h("instant-apps-social-share", { autoUpdateShareUrl: false, class: "share-node", embed: false, popoverButtonIconScale: "s", ref: el => this._shareNode = el, removePopoverOffset: true, scale: "m", shareButtonColor: "neutral", shareButtonType: "action", slot: "header-actions-end", socialMedia: true, view: this.mapView }), this._selectedFeature.length > 1 && this.getFeaturesPagination(), h("calcite-panel", null, h("feature-details", { class: 'full-height', enableSnapping: this.enableSnapping, graphics: this._selectedFeature, layerItemsHash: this._layerItemsHash, locale: this.locale, mapView: this.mapView, onAddComment: this.showAddCommentsPanel.bind(this), onCommentSelect: this.onCommentSelectFromList.bind(this), onFeatureSelectionChange: this.selectionChanged.bind(this), onLikeOrDislikeClicked: () => { void this._featureList.refresh(true); }, onLoadingStatus: (evt) => void this.updatingFeatureDetails(evt.detail), ref: el => this._featureDetails = el, reportingOptions: this.reportingOptions, showFullCommentTitle: this.showFullCommentTitle, showUserImageInCommentsList: this.showUserImageInCommentsList }), showCommentBtn &&
|
|
933
934
|
h("calcite-button", { appearance: "solid", onClick: this.showAddCommentsPanel.bind(this), slot: "footer", width: "full" }, this.commentButtonText || this._translations.comment))));
|
|
934
935
|
}
|
|
935
936
|
/**
|
|
@@ -945,14 +946,14 @@ const CrowdsourceReporter = class {
|
|
|
945
946
|
* @returns Node
|
|
946
947
|
*/
|
|
947
948
|
getCommentDetailsFlowItem() {
|
|
948
|
-
return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._relatedTable.title, onCalciteFlowItemBack: this.backFromSelectedPanel.bind(this), selected: this._flowItems[this._flowItems.length - 1] === "comment-details" }, this.isMobile && this.getActionToExpandCollapsePanel(), h("calcite-panel", { "full-height": true }, h("info-card", { allowEditing: false, graphics: this._selectedRelatedFeature, highlightEnabled: false, isLoading: false, isMobile: false, locale: this.locale, mapView: this.mapView, paginationEnabled: false }))));
|
|
949
|
+
return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._relatedTable.title, onCalciteFlowItemBack: this.backFromSelectedPanel.bind(this), selected: this._flowItems[this._flowItems.length - 1] === "comment-details" }, this.isMobile && this.getActionToExpandCollapsePanel(), h("calcite-panel", { "full-height": true }, h("info-card", { allowEditing: false, enableSnapping: this.enableSnapping, graphics: this._selectedRelatedFeature, highlightEnabled: false, isLoading: false, isMobile: false, locale: this.locale, mapView: this.mapView, paginationEnabled: false }))));
|
|
949
950
|
}
|
|
950
951
|
/**
|
|
951
952
|
* Returns the calcite-flow item for add comment
|
|
952
953
|
* @returns Node
|
|
953
954
|
*/
|
|
954
955
|
getAddCommentFlowItem() {
|
|
955
|
-
return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._relatedTable.title, onCalciteFlowItemBack: this.backFromCreateRelatedFeaturePanel.bind(this), selected: this._flowItems[this._flowItems.length - 1] === "add-comment" }, this.isMobile && this.getActionToExpandCollapsePanel(), h("div", { class: "width-full", slot: "footer" }, this._showSubmitCancelButton && h("div", { class: "width-full", slot: "footer" }, h("calcite-button", { appearance: "solid", class: "footer-top-button footer-button", onClick: this.onCreateRelatedFeatureSubmitButtonClick.bind(this), width: "full" }, this._translations.submit), h("calcite-button", { appearance: "outline", class: "footer-button", onClick: this.backFromCreateRelatedFeaturePanel.bind(this), width: "full" }, this._translations.cancel))), h("calcite-panel", null, h("create-related-feature", { customizeSubmit: true, locale: this.locale, mapView: this.mapView, onFail: this.addCommentFailed.bind(this), onFormReady: this.onFormReady.bind(this), onIsActionPending: this.showSubmitCancelButton.bind(this), onSuccess: this.onCommentSubmitted.bind(this), ref: el => this._createRelatedFeature = el, selectedFeature: this._currentFeature, table: this._relatedTable }))));
|
|
956
|
+
return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._relatedTable.title, onCalciteFlowItemBack: this.backFromCreateRelatedFeaturePanel.bind(this), selected: this._flowItems[this._flowItems.length - 1] === "add-comment" }, this.isMobile && this.getActionToExpandCollapsePanel(), h("div", { class: "width-full", slot: "footer" }, this._showSubmitCancelButton && h("div", { class: "width-full", slot: "footer" }, h("calcite-button", { appearance: "solid", class: "footer-top-button footer-button", onClick: this.onCreateRelatedFeatureSubmitButtonClick.bind(this), width: "full" }, this._translations.submit), h("calcite-button", { appearance: "outline", class: "footer-button", onClick: this.backFromCreateRelatedFeaturePanel.bind(this), width: "full" }, this._translations.cancel))), h("calcite-panel", null, h("create-related-feature", { customizeSubmit: true, enableSnapping: this.enableSnapping, locale: this.locale, mapView: this.mapView, onFail: this.addCommentFailed.bind(this), onFormReady: this.onFormReady.bind(this), onIsActionPending: this.showSubmitCancelButton.bind(this), onSuccess: this.onCommentSubmitted.bind(this), ref: el => this._createRelatedFeature = el, selectedFeature: this._currentFeature, table: this._relatedTable }))));
|
|
956
957
|
}
|
|
957
958
|
/**
|
|
958
959
|
* Sets the selected features and updates the first feature as the current selected feature
|
|
@@ -76,7 +76,7 @@ const DeductCalculator = class {
|
|
|
76
76
|
* Renders the component.
|
|
77
77
|
*/
|
|
78
78
|
render() {
|
|
79
|
-
return (h(Host, { key: '
|
|
79
|
+
return (h(Host, { key: 'b2208eddc39e3112b21061b0718c07b40b5d555f' }, h("div", { key: '141f1411adb23fe1678bd4335c46c4de0c3a6f45', class: "label-display" }, h("calcite-label", { key: '78f7956efdfd7d88832e6fd031682b7f58046e34', class: "label-display" }, "Density %", this._getDensityInput()), h("calcite-label", { key: '1e38c3db3a4797efcd98b8b767578f734448ec8f', class: "label-display" }, "Type", this._getTypeInput()), h("calcite-label", { key: '1793f3b2babbcadce21c45f4224ddfe958ad6e2f', class: "label-display" }, "Severity", this._getSeverityInput())), h("div", { key: 'e7e16b0e165357f0da22617463aab443534f7ace' }, this._getCalculateInput())));
|
|
80
80
|
}
|
|
81
81
|
//--------------------------------------------------------------------------
|
|
82
82
|
//
|
|
@@ -79,7 +79,7 @@ const DeleteDialog = class {
|
|
|
79
79
|
render() {
|
|
80
80
|
const confirmMessage = this.ids.length === 1 ? this._translations?.confirmSingle :
|
|
81
81
|
this._translations?.confirmMultiple;
|
|
82
|
-
return (h(Host, { key: '
|
|
82
|
+
return (h(Host, { key: 'c75cf86cce1b728837422e4102fd9cdffc33c78a' }, h("calcite-dialog", { key: '026e1b0a55ebd740f2352da820d5b15afa050f78', heading: this._translations?.deleteFeature, kind: "danger", modal: true, onCalciteDialogClose: () => this._close(), open: this.open, widthScale: "s" }, h("div", { key: '3f8e4aef2995387b758f1af8e1443253207998bc' }, confirmMessage), h("calcite-button", { key: '3005fafc853db910adc787290a328dcc161401bb', appearance: "outline", kind: "danger", onClick: () => this._close(), slot: "footer-end", width: "full" }, this._translations?.cancel), h("calcite-button", { key: '42e9da99a45f416fa9b9b5cfefdb10b045593ecb', kind: "danger", loading: this._isDeleting, onClick: () => void this._deleteFeatures(), slot: "footer-end", width: "full" }, this._translations?.delete))));
|
|
83
83
|
}
|
|
84
84
|
//--------------------------------------------------------------------------
|
|
85
85
|
//
|
|
@@ -229,10 +229,10 @@ const FeatureList = class {
|
|
|
229
229
|
*/
|
|
230
230
|
render() {
|
|
231
231
|
const showSearch = this._canShowFullTextSearch();
|
|
232
|
-
return (h("calcite-panel", { key: '
|
|
233
|
-
h("calcite-input", { key: '
|
|
234
|
-
h("calcite-notice", { key: '
|
|
235
|
-
h("div", { key: '
|
|
232
|
+
return (h("calcite-panel", { key: 'da51d35e66ceea64f32ddf7872ac7133f98bfc48', "full-height": true, "full-width": true }, showSearch &&
|
|
233
|
+
h("calcite-input", { key: '04a50538873d5a87eb194edca98fa5a86818bfc4', class: "search", clearable: true, icon: "search", onCalciteInputChange: this._searchTextChanged.bind(this), placeholder: this._searchPlaceHolder, title: '', type: "search" }), this._isLoading && h("calcite-loader", { key: 'f89602c8d36c41d8ed5b028619853ba8e1dedbc9', label: "", scale: "m" }), this.showErrorWhenNoFeatures && this._featureItems.length === 0 && !this._isLoading &&
|
|
234
|
+
h("calcite-notice", { key: '147d2072a916b9a0ec34d3819a8c88ded50673b1', class: "error-msg", icon: "feature-details", kind: "info", open: true }, h("div", { key: 'ab769558c1489e9b24eff945b970230b5015a35c', slot: "message" }, this.filterByMapExtent ? this._translations.featureErrorMsgInCurrentMapView : this.noFeaturesFoundMsg ? this.noFeaturesFoundMsg : this._translations.featureErrorMsg)), h("calcite-list", { key: 'aa05260aa25bd5023be842969f6660950269221e', class: this.textSize === 'small' && !this.showFullTitle ? 'overflow-hidden' : '', label: "", ref: el => this._calciteList = el, "selection-appearance": "border", "selection-mode": "none" }, !this._isLoading && this._featureItems.length > 0 && this._featureItems), this._featuresCount > this.pageSize &&
|
|
235
|
+
h("div", { key: '6db2614c585cc95605998c2ddd96e9d8980ed875', class: "width-full", slot: "footer" }, h("calcite-pagination", { key: '59f0c7e97b02215ec717d902fdf6294ed7c82a67', class: "pagination", "full-width": true, onCalcitePaginationChange: this.pageChanged.bind(this), "page-size": this.pageSize, ref: el => this._pagination = el, "start-item": "1", "total-items": this._featuresCount }))));
|
|
236
236
|
}
|
|
237
237
|
//--------------------------------------------------------------------------
|
|
238
238
|
//
|
|
@@ -108,7 +108,7 @@ const JsonEditor = class {
|
|
|
108
108
|
* Renders the component.
|
|
109
109
|
*/
|
|
110
110
|
render() {
|
|
111
|
-
return (h(Host, { key: '
|
|
111
|
+
return (h(Host, { key: '621ac863c34e9f9094cacdd23d8e98ac72f17cca' }, h("div", { key: '4b76eb1e909ae3ee552be7901d00fbc4273ba566', id: `${this.instanceid}-editor-container`, class: "editor-container padding-right" }, h("div", { key: '52f698899de155066e0553c6a98d25fd97caf4c6', class: "editor-controls" }, h("div", { key: '0e6cdbe7ddab159a7a48871438e8ab0879c88c66', class: "editor-buttons" }, h("calcite-icon", { key: '1dc05177d04b37e90ead37a379440668ccaf3b63', id: `${this.instanceid}-errorFlag`, icon: "exclamation-mark-triangle", title: this._translations.errorFlag, scale: "s", class: "edit-error-flag" }), h("calcite-button", { key: 'b3854e84069228ed8325f434f7e480f1195dd1ef', id: `${this.instanceid}-undo`, color: "blue", appearance: "solid", title: this._translations.undo, onClick: () => this._undo(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '50b6aaabeefde273e1cfba831a30311586eda488', icon: "undo", scale: "s" })), h("calcite-button", { key: 'afea75aece444f691e57a7b981f2d35fa9149d74', id: `${this.instanceid}-redo`, color: "blue", appearance: "solid", title: this._translations.redo, onClick: () => this._redo(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: 'c5f3bbaceb3e53b24df5e81059a7be32d953aa69', icon: "redo", scale: "s" })), h("calcite-button", { key: '7489ee1d6032f9353244d16b8f45725bcf3a5fd1', id: `${this.instanceid}-diff`, color: "blue", appearance: "solid", title: this._translations.diff, onClick: () => this._toggleEditor(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: 'ac11bfc128fca752dbd2e4b8cdc6bc6b1d84a870', icon: "compare", scale: "s" })), h("calcite-button", { key: '291fe329bf2468767efc58fff156386673452b28', id: `${this.instanceid}-search`, appearance: "outline", color: "blue", title: this._translations.search, onClick: () => this._search(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '84c9bc3b1bc4f0e85a21db0e9bba2018b615823f', icon: "search", scale: "s" })), h("calcite-button", { key: '085eaac8db01198f5585903e46f1de155575ab52', id: `${this.instanceid}-reset`, color: "blue", appearance: "solid", disabled: true, title: this._translations.cancelEdits, onClick: () => this._reset(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '490471d98c54415ed367532e8f27afc7e2f6f909', icon: "reset", scale: "s" })))), h("div", { key: 'ba0eefa9c89c00c31cbde9e96bbc99e51af7b6e2', class: "edit-parent" }, h("div", { key: '53706cf936c04c7c07862fba30d117048a741e85', id: `${this.instanceid}-container`, class: "json-edit-container" }), h("div", { key: 'c8c8f9735fb8836396dad6c8a20cfaf88aaed734', id: `${this.instanceid}-diff-container`, class: "json-edit-container display-none" })))));
|
|
112
112
|
}
|
|
113
113
|
//--------------------------------------------------------------------------
|
|
114
114
|
//
|
|
@@ -486,7 +486,7 @@ const SolutionItemDetails = class {
|
|
|
486
486
|
* Renders the component.
|
|
487
487
|
*/
|
|
488
488
|
render() {
|
|
489
|
-
return (h(Host, { key: '
|
|
489
|
+
return (h(Host, { key: '25e3930a7c1b24c78f0e231bb9b6aa114fe0f760' }, h("div", { key: '907595455cc5be58a236c6b12d0399c0c6f8da7e', class: "parent-container" }, h("div", { key: 'c7f1572fff7059b7223f6b6f7e1ff65e15ccadc0', class: "inputBottomSeparation" }, h("calcite-input", { key: '3f393371b2c4c5a88241df18fc0b8c9ee5b325b6', id: "item-title", value: this.itemDetails.title })), h("div", { key: 'e134339bd5fb1f55045b72e3e0ece595c20fd55a', class: "inputBottomSeparation" }, h("input", { key: '08742aa24d380d38d074b755e170b1df9b48114c', accept: ".jpg,.gif,.png,image/jpg,image/gif,image/png", class: "display-none", onChange: (event) => (this._updateThumbnail(event)), ref: (el) => (this.browseForThumbnail = el), type: "file" }), h("button", { key: '0ad864fa6d12282c864c968f15e4a730ca8e2d53', class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, h("svg", { key: 'bf32edd3ad9d2fa985d2c707106b1697bacac757', class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, h("path", { key: '0581a38a6f0f8a58c1b3abbef033e38af9743f03', d: "M14.792 2.666l-1.414-1.413a.965.965 0 0 0-1.385-.03l-1.444 1.444-8.763 8.72L.03 15.481a.371.371 0 0 0 .488.488l4.096-1.756 8.763-8.72-.001-.001.002.002 1.443-1.444a.965.965 0 0 0-.03-1.385zM1.569 14.431l.554-1.293.74.739zm2.338-.924l-1.414-1.414 7.963-7.92 1.414 1.415zm8.67-8.626l-1.413-1.414 1.29-1.29a.306.306 0 0 1 .433 0l.981.98a.306.306 0 0 1 0 .433z" })), this._translations.editThumbnail), h("div", { key: '978e825767ec86c4eb974c9b47741ac58a794c54', class: "flex" }, h("div", { key: 'f6721a9446b4eab103f629f03be69956e28c63b6', class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, h("img", { key: '0e0db9376bd9c961a7cc6c34aba64868d92eaf85', class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), h("div", { key: '2a82df665ff0cb16359e31eb7997db705384b56c', class: "snippet-count-container" }, h("calcite-input", { key: 'a142354996383afddbada732fbe71add5170771f', id: "item-snippet", maxLength: 250, type: "textarea", value: this.itemDetails.snippet }), h("label", { key: '0675e3bcc1f6d1cc6c73f21ccfc8da2f83fdf4c9', class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), h("calcite-label", { key: '1c5f6ff67b2244dda36c26ad5cd64bcf1901ba76' }, this._translations.description, h("label", { key: '96eff727abe88b1c488b6b0e8b35f432808323e8', id: "item-description-label" }, h("calcite-input", { key: 'e88ece9f3ffd14956b1ed4700931a56ee3c763d5', id: "item-description", type: "textarea", value: this.itemDetails.description }))), h("calcite-label", { key: '25f6a748d704740ac15142857ebe5f799bfcd9fe' }, this._translations.tags, h("label", { key: 'c78501ae484fa238622e12df58f1117912474d1a', id: "item-tags-label" }, h("calcite-input", { key: 'd110e04d2daed7483ec97cc1e845cfab54a5032b', id: "item-tags", value: (this.itemDetails.tags && Array.isArray(this.itemDetails.tags) ? this.itemDetails.tags : [this.itemDetails.tags]).join(",") }))), this.itemType !== "Group" ? h("calcite-label", null, this._translations.credits, h("label", { id: "item-credits-label" }, h("calcite-input", { id: "item-credits", value: this.itemDetails.accessInformation }))) : null, this.itemType !== "Group" ? h("calcite-label", null, h("label", { id: "item-terms-label" }, this._translations.termsOfUse, h("calcite-input", { id: "item-terms", type: "textarea", value: this.itemDetails.licenseInfo }))) : null)));
|
|
490
490
|
}
|
|
491
491
|
componentDidRender() {
|
|
492
492
|
this._loadThumb();
|
|
@@ -681,7 +681,7 @@ const SolutionItemSharing = class {
|
|
|
681
681
|
* Renders the component.
|
|
682
682
|
*/
|
|
683
683
|
render() {
|
|
684
|
-
return (h(Host, { key: '
|
|
684
|
+
return (h(Host, { key: '734a56fc2d841d0fd924f989ecbde1246a27e0b9' }, h("div", { key: '5358c6f1e10fa85597ebbcecdaa7755dfce10e03', class: "container-border" }, h("calcite-label", { key: 'aec3e25ef8525070bf93faf9bfbcacda336e165a' }, this._translations.groupInfo), this._renderItems(this.sharing))));
|
|
685
685
|
}
|
|
686
686
|
//--------------------------------------------------------------------------
|
|
687
687
|
//
|
|
@@ -815,7 +815,7 @@ const SolutionOrganizationVariables = class {
|
|
|
815
815
|
* Renders the component.
|
|
816
816
|
*/
|
|
817
817
|
render() {
|
|
818
|
-
return (h(Host, { key: '
|
|
818
|
+
return (h(Host, { key: '787dfd1360205b9115a116587de2105c6445901b' }, h("div", { key: '1b30f388323fe0b66d41dc5fff96656625c194e0' }, h("h4", { key: 'b293e7360e94711de6123bfe69ad4b1bfd51a32f', class: "org-var-header" }, this._translations.orgVariables)), h("div", { key: 'd7539e32e93de16f17acb1936f8fcd8f5a2be5e7', class: "container-border" }, h("calcite-tree", { key: '3dc37dd785d0eb7c637b0ee869dd1de5260c30c2', id: "variable-label" }, this._renderHierarchy(this._organizationVariables)))));
|
|
819
819
|
}
|
|
820
820
|
//--------------------------------------------------------------------------
|
|
821
821
|
//
|
|
@@ -928,7 +928,7 @@ const SolutionResourceItem = class {
|
|
|
928
928
|
*/
|
|
929
929
|
render() {
|
|
930
930
|
const hasValidResources = this._hasValidResources();
|
|
931
|
-
return (h(Host, { key: '
|
|
931
|
+
return (h(Host, { key: 'e6fbb574cb4388f8ae3a12326da5c1ff8fc6ef8b' }, h("div", { key: '457ed63be82590dc1d0b80d80a81dae3f4b19331', class: "resource-item" }, h("div", { key: '3a514d2a3acf96f259ed9b9a01e94616cbcc8dfb', class: "margin-bottom-1" }, h("calcite-button", { key: '1ff4674533779ea6a843e5e6d7507ab45a651a8d', appearance: "solid", class: "resource-button", color: "blue", onClick: () => this._addNewResource() }, this._translations.addResource), h("calcite-button", { key: 'ec3a044c9e13d4bea242ede4ed80c35c63fad40d', appearance: "solid", color: "blue", disabled: !hasValidResources, onClick: () => this._downloadAll() }, this._translations.downloadAll)), h("div", { key: 'e78338fe068802b4f339dba4e751b972ef921462', class: "resources-container", style: { display: hasValidResources ? "inherit" : "none" } }, this._renderResourceList()))));
|
|
932
932
|
}
|
|
933
933
|
_removedResources = {};
|
|
934
934
|
//--------------------------------------------------------------------------
|
|
@@ -1225,7 +1225,7 @@ const SolutionTemplateData = class {
|
|
|
1225
1225
|
* Renders the component.
|
|
1226
1226
|
*/
|
|
1227
1227
|
render() {
|
|
1228
|
-
return (h(Host, { key: '
|
|
1228
|
+
return (h(Host, { key: 'f6da4b15c002be4d1744bf3fa37f0572d74fd8e4' }, h("div", { key: '32c037bfe426a87e9c72306f6fb39eb216e4423a', class: "solution-data-container" }, h("calcite-shell", { key: '3ed2cd29f5e1015cb40b94b292da5877c242f899', class: "light var-container", dir: "ltr" }, h("calcite-panel", { key: 'a1c34c8dd9df1e7cdf649c489d10c2dc7955bba2', class: "json-editor" }, h("div", { key: 'b12f8225c6db5a26a43c9a5bc10957e417942708', class: "solution-data-child-container calcite-match-height" }, h("json-editor", { key: '1826ffe1884f387e93a51c8c25767b7de8836481', class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, locale: this.locale, value: this.value }))), h("calcite-shell-panel", { key: '6a87685cdad0b60cb50ceed7c9d8ae9e6f86a8ed', "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, h("div", { key: '569c1a2101114f849bdc51bbb9ff8096d777c012', class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, h("calcite-button", { key: 'b757de3ed5b27aa2afd9b31d0237b4f39a567c67', appearance: "transparent", class: "collapse-btn", "icon-start": this.varsOpen ? "chevrons-right" : "chevrons-left", id: "collapse-vars", onClick: () => this._toggleVars(), scale: "s", title: this.varsOpen ? this._translations.collapse : this._translations.expand }), h("div", { key: '18c703e0588db7350c23d8d372c2f8d6b21b75a2', class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, h("solution-organization-variables", { key: '314e49f8890a81e1ba6f1d2850f42c93f6548c72', locale: this.locale, value: this.organizationVariables })), h("div", { key: 'c64bcc41b5ce924c19bca4ed2dd1e4bb4ac0a1d6', class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, h("solution-variables", { key: 'fb0a82ba68b9135bee7e3935941cbeb34a3b2a8f', locale: this.locale, value: this.solutionVariables }))))))));
|
|
1229
1229
|
}
|
|
1230
1230
|
_initializing = false;
|
|
1231
1231
|
//--------------------------------------------------------------------------
|
|
@@ -1314,7 +1314,7 @@ const SolutionVariables = class {
|
|
|
1314
1314
|
* Renders the component.
|
|
1315
1315
|
*/
|
|
1316
1316
|
render() {
|
|
1317
|
-
return (h(Host, { key: '
|
|
1317
|
+
return (h(Host, { key: '4a07407cbb5ec30a726b8d4479842f5f0006e6ef' }, h("div", { key: '37146247e3d5384d1ec41c0804f09951a15db9eb' }, h("h4", { key: '06a068797418271f93135973e69097b26ebc0704', class: "org-var-header" }, this._translations.solVariables)), h("div", { key: '8b320287b59a0dddda151e055837963409193e02', class: "container-border" }, h("calcite-tree", { key: '1e5898ccbf092fa57630cc0e4a085fbda006991a', id: "variable-label" }, this._renderHierarchy(this._solutionVariables)))));
|
|
1318
1318
|
}
|
|
1319
1319
|
//--------------------------------------------------------------------------
|
|
1320
1320
|
//
|