@esri/solutions-components 0.10.31 → 0.10.33
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/basemap-gallery_7.cjs.entry.js +6 -6
- package/dist/cjs/buffer-tools_3.cjs.entry.js +1 -1
- package/dist/cjs/calcite-combobox_3.cjs.entry.js +1 -1
- package/dist/cjs/calcite-shell-panel_14.cjs.entry.js +6 -6
- package/dist/cjs/card-manager_3.cjs.entry.js +11 -9
- package/dist/cjs/feature-list.cjs.entry.js +12 -3
- package/dist/cjs/layout-manager.cjs.entry.js +1 -1
- package/dist/cjs/list-flow-item.cjs.entry.js +1 -1
- package/dist/cjs/location-flow-item.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/refine-results-flow-item.cjs.entry.js +1 -1
- package/dist/cjs/share-item.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 +5 -2
- package/dist/cjs/spatial-ref.cjs.entry.js +1 -1
- package/dist/collection/components/card-manager/card-manager.js +2 -2
- package/dist/collection/components/feature-list/feature-list.js +12 -3
- package/dist/collection/components/layer-table/layer-table.css +6 -0
- package/dist/collection/components/layer-table/layer-table.js +4 -3
- package/dist/collection/components/layout-manager/layout-manager.js +1 -1
- package/dist/collection/components/list-flow-item/list-flow-item.js +1 -1
- package/dist/collection/components/location-flow-item/location-flow-item.js +1 -1
- package/dist/collection/components/map-card/map-card.css +3 -7
- package/dist/collection/components/map-card/map-card.js +3 -2
- 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.css +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-results-flow-item/refine-results-flow-item.js +1 -1
- package/dist/collection/components/refine-selection/refine-selection.js +1 -1
- package/dist/collection/components/share-item/share-item.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/item-icons/group16.png +0 -0
- package/dist/collection/components/solution-item-icon/solution-item-icon.js +5 -2
- 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 +2 -2
- package/dist/components/feature-list2.js +12 -3
- package/dist/components/layer-table2.js +5 -4
- package/dist/components/layout-manager.js +1 -1
- package/dist/components/list-flow-item.js +1 -1
- package/dist/components/location-flow-item.js +1 -1
- package/dist/components/map-card2.js +4 -3
- 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 +2 -2
- 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-results-flow-item.js +1 -1
- package/dist/components/refine-selection2.js +1 -1
- package/dist/components/share-item.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 +5 -2
- 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_3.entry.js +1 -1
- package/dist/esm/calcite-combobox_3.entry.js +1 -1
- package/dist/esm/calcite-shell-panel_14.entry.js +6 -6
- package/dist/esm/card-manager_3.entry.js +11 -9
- package/dist/esm/feature-list.entry.js +12 -3
- package/dist/esm/layout-manager.entry.js +1 -1
- package/dist/esm/list-flow-item.entry.js +1 -1
- package/dist/esm/location-flow-item.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/refine-results-flow-item.entry.js +1 -1
- package/dist/esm/share-item.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 +5 -2
- package/dist/esm/spatial-ref.entry.js +1 -1
- package/dist/solutions-components/item-icons/group16.png +0 -0
- package/dist/solutions-components/{p-22bb693d.entry.js → p-06db1bfd.entry.js} +1 -1
- package/dist/solutions-components/p-084719d6.entry.js +6 -0
- package/dist/solutions-components/{p-e72e2dcc.entry.js → p-42f75c8f.entry.js} +1 -1
- package/dist/solutions-components/p-4cb12506.entry.js +6 -0
- package/dist/solutions-components/p-4f5913f3.entry.js +6 -0
- package/dist/solutions-components/p-51e2500f.entry.js +6 -0
- package/dist/solutions-components/{p-6e1685bd.entry.js → p-5fc0e134.entry.js} +1 -1
- package/dist/solutions-components/{p-89b27ae3.entry.js → p-5fdb8f83.entry.js} +2 -2
- package/dist/solutions-components/{p-4e0045d5.entry.js → p-6c3261d7.entry.js} +1 -1
- package/dist/solutions-components/p-8a411917.entry.js +6 -0
- package/dist/solutions-components/{p-57ccfe47.entry.js → p-a07322cc.entry.js} +1 -1
- package/dist/solutions-components/{p-be2c7d0c.entry.js → p-a8525233.entry.js} +1 -1
- package/dist/solutions-components/{p-5b0e8838.entry.js → p-b9b77b87.entry.js} +1 -1
- package/dist/solutions-components/{p-4af0e4bd.entry.js → p-d08ece15.entry.js} +1 -1
- package/dist/solutions-components/{p-89a4ce79.entry.js → p-d119872d.entry.js} +1 -1
- package/dist/solutions-components/{p-f8ee16f3.entry.js → p-ddc1218d.entry.js} +1 -1
- package/dist/solutions-components/p-e4a42efa.entry.js +6 -0
- package/dist/solutions-components/p-fa7672c7.entry.js +6 -0
- package/dist/solutions-components/{p-ff8b0603.entry.js → p-ffa9a117.entry.js} +1 -1
- package/dist/solutions-components/solutions-components.esm.js +1 -1
- package/dist/types/components/feature-list/feature-list.d.ts +4 -0
- package/package.json +3 -3
- package/dist/solutions-components/p-0a578582.entry.js +0 -6
- package/dist/solutions-components/p-3d7643a5.entry.js +0 -6
- package/dist/solutions-components/p-52094fca.entry.js +0 -6
- package/dist/solutions-components/p-662aa94e.entry.js +0 -6
- package/dist/solutions-components/p-790af200.entry.js +0 -6
- package/dist/solutions-components/p-a25c73c8.entry.js +0 -6
- package/dist/solutions-components/p-cc4c013e.entry.js +0 -6
|
@@ -130,9 +130,9 @@ export class CardManager {
|
|
|
130
130
|
const messageClass = this._graphics?.length > 0 || this._showCreateFeatureComponent ? "display-none" : "";
|
|
131
131
|
const isTable = this.layer?.isTable;
|
|
132
132
|
const heading = isTable ? this._translations.createRecord : this._translations.createFeature;
|
|
133
|
-
const guideMsg = this.customInfoText
|
|
133
|
+
const guideMsg = this.customInfoText ? this.customInfoText : this.selectingFeatureFromMap ? this._translations.selectFeaturesFromMapToStart : this._translations.selectFeaturesToStart;
|
|
134
134
|
const showCreateFeatureOrRecordBtn = this.enableCreateFeatures && this.layer?.capabilities?.operations?.supportsAdd;
|
|
135
|
-
return (h(Host, { key: '
|
|
135
|
+
return (h(Host, { key: '7360aa9c48dd0c3e4a14fe0833b99c301388f93c' }, h("div", { key: '9d610f0c4728c238eceb790e97a4e06b77f1a2d1', class: "overflow-auto height-full" }, h("calcite-shell", { key: '4b6a02205a971c7ff61aab567b2f2a3c5d288f8d', class: "position-relative " + featuresClass }, h("div", { key: '96ee8ce138265dd4b562ac0a33b79a0db4497842', class: "position-static z-index-500" }, h("info-card", { key: '7db359bc1016281fd01b737dc5c424fe78995422', enableEditGeometry: this.enableEditGeometry, graphics: this._graphics, isLoading: this._cardLoading, isMobile: this.isMobile, mapView: this.mapView }))), h("calcite-shell", { key: 'afc8d06e9aa3213a9ca10c929497ed4618a28e91', class: "position-relative " + messageClass }, h("calcite-flow-item", { key: '46db92a6e259eefea3293310e3e2f43d7639db97' }, h("calcite-panel", { key: 'd2bc23ae7bcf2b7b7b48a35efc0697e0d1f9e23e' }, h("div", { key: '8f7fd13f9ec99beec1d7231dda03eba403a70a69', class: "padding-1" }, h("calcite-notice", { key: '2fbe94292c1dd91ee1691b8e3d295225ff5b534b', icon: this.selectingFeatureFromMap ? "map" : "table", iconFlipRtl: true, open: true }, h("div", { key: '9f91099e4bfa0675c5b098a73b2f132b80ee76b0', slot: "message" }, guideMsg))), !this.isMobile && showCreateFeatureOrRecordBtn && h("calcite-button", { key: 'c1b04e776f3750712992d736e09726cc26eae5db', disabled: !this.layer, onClick: () => this._createFeatureBtnClicked(), slot: "footer", width: "full" }, isTable ? this._translations.createRecord : this._translations.createFeature)))), h("calcite-shell", { key: 'a71d4b0abd1ec1a4ed14a2cb3dcb10a075f54bf0', class: "position-relative " + createFeatureClass }, h("calcite-flow-item", { key: '85047b527f5995a912b527325f287c3596caf630' }, h("calcite-panel", { key: 'd335be81502e0feb803ee9ad4e501d4c85f184f5', heading: heading }, h("calcite-action", { key: 'b179c3185dbada3bd052d38b98b75cf29240655c', class: "back-button hydrated", icon: "chevron-left", onClick: this._backFromCreateFeature.bind(this), scale: "s", slot: "header-actions-start", text: "" }), this.getEditorComponent(), this._showSubmitBtn && h("calcite-button", { key: 'f3b6655e3effdb6b09e64acd651a09d6028a6df9', appearance: "solid", class: "footer-top-button footer-button", onClick: () => void this._createFeature.submit(), slot: "footer", width: "full" }, this._translations.create)))))));
|
|
136
136
|
}
|
|
137
137
|
/**
|
|
138
138
|
* Returns the editor component for adding feature
|
|
@@ -83,6 +83,10 @@ export class FeatureList {
|
|
|
83
83
|
* __esri.Handle: Highlight handle of the selections
|
|
84
84
|
*/
|
|
85
85
|
_highlightHandle;
|
|
86
|
+
/**
|
|
87
|
+
* __esri.Collection: Highlight options for the selected layer
|
|
88
|
+
*/
|
|
89
|
+
_highlights;
|
|
86
90
|
/**
|
|
87
91
|
* HTMLCalcitePaginationElement: Calcite pagination element instance
|
|
88
92
|
*/
|
|
@@ -183,9 +187,9 @@ export class FeatureList {
|
|
|
183
187
|
* Renders the component.
|
|
184
188
|
*/
|
|
185
189
|
render() {
|
|
186
|
-
return (h("calcite-panel", { key: '
|
|
187
|
-
h("calcite-notice", { key: '
|
|
188
|
-
h("div", { key: '
|
|
190
|
+
return (h("calcite-panel", { key: '381f7da40e715848d4601810aacedbe3a7a46d6d', "full-height": true, "full-width": true }, this._isLoading && h("calcite-loader", { key: '62d128eee1b0a987fe24764b8cfbff148dcf9084', label: "", scale: "m" }), this.showErrorWhenNoFeatures && this._featureItems.length === 0 && !this._isLoading &&
|
|
191
|
+
h("calcite-notice", { key: '975aef0b4c33676fc2be4aa85a51641d0b203cd4', class: "error-msg", icon: "feature-details", kind: "info", open: true }, h("div", { key: 'c002eb4d59d8bab086d91266ca4a0ca56a185db3', slot: "message" }, this.noFeaturesFoundMsg ? this.noFeaturesFoundMsg : this._translations.featureErrorMsg)), h("calcite-list", { key: '50f0c269f30e9619561ea61f462fb964f91a93a9', "selection-appearance": "border", "selection-mode": "none" }, !this._isLoading && this._featureItems.length > 0 && this._featureItems), this._featuresCount > this.pageSize &&
|
|
192
|
+
h("div", { key: '97f837035b89d3045efd2771c0ef77d12fbb333b', class: "width-full", slot: "footer" }, h("calcite-pagination", { key: 'd88adbe6499b358395bd7bf5917c3d0c1506d8b1', 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 }))));
|
|
189
193
|
}
|
|
190
194
|
//--------------------------------------------------------------------------
|
|
191
195
|
//
|
|
@@ -304,7 +308,12 @@ export class FeatureList {
|
|
|
304
308
|
if (this.highlightOnHover) {
|
|
305
309
|
const oId = selectedFeature.getObjectId();
|
|
306
310
|
const selectedLayerView = await getFeatureLayerView(this.mapView, this.selectedLayerId);
|
|
311
|
+
// this is a workaround added for https://github.com/Esri/solutions-components/issues/920
|
|
312
|
+
if (this._highlights) {
|
|
313
|
+
selectedLayerView.highlights = JSON.parse(this._highlights);
|
|
314
|
+
}
|
|
307
315
|
selectedLayerView.highlightOptions = { color: new this.Color("#FFFF00") };
|
|
316
|
+
this._highlights = JSON.stringify(selectedLayerView.highlights);
|
|
308
317
|
this._highlightHandle = selectedLayerView.highlight([oId]);
|
|
309
318
|
}
|
|
310
319
|
}
|
|
@@ -140,6 +140,12 @@ html[dir="rtl"] .share-action {
|
|
|
140
140
|
height: 100%;
|
|
141
141
|
}
|
|
142
142
|
|
|
143
|
+
.search-container {
|
|
144
|
+
background-color: var(--calcite-color-foreground-1) !important;
|
|
145
|
+
}
|
|
146
|
+
|
|
143
147
|
.search {
|
|
144
148
|
--calcite-color-border-input: var(--calcite-color-border-3);
|
|
149
|
+
width: 60%;
|
|
150
|
+
padding: 10px;
|
|
145
151
|
}
|
|
@@ -522,7 +522,7 @@ export class LayerTable {
|
|
|
522
522
|
const showSearch = this._canShowFullTextSearch();
|
|
523
523
|
this._validateActiveActions();
|
|
524
524
|
return (h(Host, { key: '46394d7e108068600980efd766fbf5d91243f3c9' }, h("calcite-shell", { key: 'd831121a56070552139386033b02ddc2531c29e9' }, this._getTableControlRow("header"), h("div", { key: '591e0b0bba19f1dbe99049a470b5d3c04253a2c2', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: 'd70244a3c989a5bea8bbbaf33c4ebe9c04fc4515', class: "height-full width-full" }, showSearch &&
|
|
525
|
-
h("calcite-input", { key: '
|
|
525
|
+
h("div", { key: 'fd14c6dab7898e27bd61bbc03878c898d26f042a', class: "search-container" }, h("calcite-input", { key: '9675cc22233456446be8a6b9fc24842fbb3f88e2', class: "search", clearable: true, icon: "search", onCalciteInputChange: (evt) => void this._searchTextChanged(evt), placeholder: this._searchPlaceHolder, title: this._searchPlaceHolder, type: "search" })), h("calcite-loader", { key: '74447458a0ac4cee6934e7101a5fee2c180d1330', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '6c2a5ff4a69690fde002005eb9c55047c25ad63d', class: tableNodeClass, ref: this.onTableNodeCreate }))), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19" }, this._translations.recordsSelected
|
|
526
526
|
.replace("{{total}}", total)
|
|
527
527
|
.replace("{{selected}}", selected))) : undefined), this.createFilterModal && this._filterModal()));
|
|
528
528
|
}
|
|
@@ -539,7 +539,7 @@ export class LayerTable {
|
|
|
539
539
|
* Called after the component is rendered
|
|
540
540
|
*/
|
|
541
541
|
componentDidRender() {
|
|
542
|
-
// need to be called after each render to get the clicked mouseEvent
|
|
542
|
+
// need to be called after each render to get the clicked mouseEvent
|
|
543
543
|
document.onclick = (e) => this._handleDocumentClick(e);
|
|
544
544
|
document.onkeydown = (e) => this._handleKeyDown(e);
|
|
545
545
|
document.onkeyup = (e) => this._handleKeyUp(e);
|
|
@@ -686,7 +686,8 @@ export class LayerTable {
|
|
|
686
686
|
*/
|
|
687
687
|
_getTableControlRow(slot) {
|
|
688
688
|
const id = "more-table-options";
|
|
689
|
-
|
|
689
|
+
const toolbarClass = this._canShowFullTextSearch() ? "border-bottom" : "";
|
|
690
|
+
return (h("div", { class: `display-flex height-51-px ${toolbarClass}`, ref: (el) => this._toolbar = el, slot: slot }, this._getActionBar(), !this.isMobile ? this._getDropdown(id) : undefined, this.enableShare && !this.isMobile ? this._getShare("share") : undefined));
|
|
690
691
|
}
|
|
691
692
|
/**
|
|
692
693
|
* Gets a row of controls that can be used for various interactions with the table
|
|
@@ -76,7 +76,7 @@ export class LayoutManager {
|
|
|
76
76
|
* Renders the component.
|
|
77
77
|
*/
|
|
78
78
|
render() {
|
|
79
|
-
return (h(Host, { key: '
|
|
79
|
+
return (h(Host, { key: '1381320aa1041faf8f3b878891d604d37bc9ba75' }, h("div", { key: 'd7d36debd225ecb188238bb6a19c265729244800', class: "display-flex" }, h("div", { key: '176a1db9d59dedc3714cc594aae8c9715ab34680', class: "display-flex action-center" }, h("calcite-icon", { key: '9a05af6302133624f7dc65769dac2d613ba66853', class: "icon icon-color", icon: "information", id: "app-information-icon", scale: "s" }), h("calcite-popover", { key: '4e3484d7403ad3ac2f2a30bac0b1e9b050e20840', closable: true, label: "", referenceElement: "app-information-icon" }, h("span", { key: '0a8d3607ebcb24b6ba0c7d7757cddf5f79faee49', class: "tooltip-message" }, this._translations.appInfo))), h("div", { key: '27ec5b7cadacbf763eabad8933bdec5b37b56c5c', class: "header-text" }, this._translations.layout), this._getAction("grid-background", ELayoutMode.GRID, this._translations.grid), this._getAction("vertical-background", ELayoutMode.VERTICAL, this._translations.vertical), this._getAction("horizontal-background", ELayoutMode.HORIZONTAL, this._translations.horizontal))));
|
|
80
80
|
}
|
|
81
81
|
//--------------------------------------------------------------------------
|
|
82
82
|
//
|
|
@@ -62,7 +62,7 @@ export class ListFlowItem {
|
|
|
62
62
|
//
|
|
63
63
|
//--------------------------------------------------------------------------
|
|
64
64
|
render() {
|
|
65
|
-
return (h(Host, { key: '
|
|
65
|
+
return (h(Host, { key: 'eb0234045e0e914fd94b0afd15e9a41d57a9735f' }, h("slot", { key: 'bd2660cb4a2e04aa04445c8e446577bf4de27a4a' })));
|
|
66
66
|
}
|
|
67
67
|
static get is() { return "list-flow-item"; }
|
|
68
68
|
static get encapsulation() { return "shadow"; }
|
|
@@ -62,7 +62,7 @@ export class LocationFlowItem {
|
|
|
62
62
|
//
|
|
63
63
|
//--------------------------------------------------------------------------
|
|
64
64
|
render() {
|
|
65
|
-
return (h(Host, { key: '
|
|
65
|
+
return (h(Host, { key: '243b7931b8af88376378b299e8b1ed947069cf97' }, h("slot", { key: '605d9a18fbd685a3477e97b2c7fd840fc6980118' })));
|
|
66
66
|
}
|
|
67
67
|
static get is() { return "location-flow-item"; }
|
|
68
68
|
static get encapsulation() { return "shadow"; }
|
|
@@ -28,12 +28,8 @@
|
|
|
28
28
|
height: 100%;
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
-
.
|
|
32
|
-
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.height-50-px {
|
|
36
|
-
height: 50px;
|
|
31
|
+
.height-49-px {
|
|
32
|
+
height: 49px;
|
|
37
33
|
}
|
|
38
34
|
|
|
39
35
|
.box-shadow {
|
|
@@ -52,4 +48,4 @@
|
|
|
52
48
|
|
|
53
49
|
.display-block {
|
|
54
50
|
display: block;
|
|
55
|
-
}
|
|
51
|
+
}
|
|
@@ -293,12 +293,13 @@ export class MapCard {
|
|
|
293
293
|
* Renders the component.
|
|
294
294
|
*/
|
|
295
295
|
render() {
|
|
296
|
-
const mapContainerClass = this.isMapLayout ? "display-flex height-
|
|
296
|
+
const mapContainerClass = this.isMapLayout ? "display-flex height-49-px" : "";
|
|
297
297
|
const mapClass = this.hidden ? "visibility-hidden-1" : "";
|
|
298
298
|
const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
|
|
299
299
|
const mapHeightClass = this.mapInfos?.length > 1 || this.isMapLayout ? "map-height" : "height-full";
|
|
300
|
+
const progressClass = this.isMapLayout ? "" : "display-none";
|
|
300
301
|
this._validateActiveActions();
|
|
301
|
-
return (h(Host, { key: '
|
|
302
|
+
return (h(Host, { key: '94d7399ed75c0e90487d6153a0d28ab6f722ae93' }, h("div", { key: 'e194d8800dd7a865e101d779d032d164f3e5562d', class: `${mapContainerClass} width-full`, ref: (el) => this._toolbar = el }, this._getActionBar(), !this.isMobile && this.isMapLayout && this._getDropdown("more-table-options")), h("calcite-progress", { key: '0abdbf4e8ba5861866aba7791dfdb91a7a5f4daa', class: progressClass, value: 0 }), h("div", { key: '83aa012aeef6ae64e49007d542fd949e7d4602f4', class: `${mapHeightClass} ${mapClass}`, ref: (el) => (this._mapDiv = el) }), h("map-tools", { key: '229cc18b36885cad12d44c13e1fe37a97403b9d8', basemapConfig: this.basemapConfig, class: `box-shadow ${themeClass}`, enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableHome: this.enableHome, enableLegend: this.enableLegend, enableSearch: this.enableSearch, enableSingleExpand: this.enableSingleExpand, homeZoomToolsSize: this.homeZoomToolsSize, mapView: this.mapView, mapWidgetsSize: this.mapWidgetsSize, position: this.mapWidgetsPosition, ref: (el) => this._mapTools = el, searchConfiguration: this._searchConfiguration, stackTools: this.stackTools, toolOrder: this.toolOrder })));
|
|
302
303
|
}
|
|
303
304
|
/**
|
|
304
305
|
* Called each time after the component is loaded
|
|
@@ -183,7 +183,7 @@ export class MapDrawTools {
|
|
|
183
183
|
"border" : "border esri-widget esri-sketch__panel";
|
|
184
184
|
const undoRedoClass = this.drawMode === EDrawMode.SKETCH ?
|
|
185
185
|
"display-none" : "esri-widget esri-sketch__panel border-left esri-sketch__section";
|
|
186
|
-
return (h(Host, { key: '
|
|
186
|
+
return (h(Host, { key: '5f82fce6481912c103d709b5fefa3a890d291943' }, h("div", { key: '464d32d718167c5e7e2636fa0184622477fc5464', class: containerClass }, h("div", { key: '52a11f9d1b8f1692e67a7e706de3741e43c40591', ref: (el) => { this._sketchElement = el; } }), h("div", { key: '3a529e4e358ec4890513d7fcbbceadabb9e66a18', class: undoRedoClass }, h("calcite-action", { key: '98b684a186a03fe8868bde1978d59c7618a7635a', disabled: !this.undoEnabled, icon: "undo", onClick: () => this._undo(), scale: "s", text: this._translations.undo }), h("calcite-action", { key: 'b1d769fd984ecf7cf9e868029cc7a5aba5a39dc7', disabled: !this.redoEnabled, icon: "redo", onClick: () => this._redo(), scale: "s", text: this._translations.redo })))));
|
|
187
187
|
}
|
|
188
188
|
//--------------------------------------------------------------------------
|
|
189
189
|
//
|
|
@@ -95,7 +95,7 @@ export class MapFullscreen {
|
|
|
95
95
|
* Renders the component.
|
|
96
96
|
*/
|
|
97
97
|
render() {
|
|
98
|
-
return (h(Host, { key: '
|
|
98
|
+
return (h(Host, { key: '9fc5dfeffc8601763b27e001311ec317934ebcae' }, h("div", { key: '65f2ab96d7283a9a10a113be0cdef6a95de1ee1b', class: "fullscreen-widget", ref: (el) => { this._fullscreenElement = el; } })));
|
|
99
99
|
}
|
|
100
100
|
/**
|
|
101
101
|
* StencilJS: Called just after the component updates.
|
|
@@ -160,7 +160,7 @@ export class MapLayerPicker {
|
|
|
160
160
|
const id = "map-layer-picker";
|
|
161
161
|
let style = this.height > 0 ? { "height": `${this.height.toString()}px` } : {};
|
|
162
162
|
style = { ...style, "display": this.display };
|
|
163
|
-
return (h(Host, { key: '
|
|
163
|
+
return (h(Host, { key: 'e858ff58778eb1a40b40609f44705d9580ddd489' }, h("div", { key: '729c3ba4d508d02f79a2dd4856aef5c5662720d7', class: "map-layer-picker-container", style: style }, h("div", { key: '9055f9db9bc811797002ecb86da34e17b9cf77be', class: "map-layer-picker", style: style }, !this._hasValidLayers ? this._getInvalidPlaceholder() :
|
|
164
164
|
!this._hasMultipleLayers && this.showSingleLayerAsLabel ? this._getSingleLayerPlaceholder() :
|
|
165
165
|
this.type === "combobox" ? this._getCombobox(id) :
|
|
166
166
|
this.type === "select" ? this._getSelect(id) : this._getDropdown(id)))));
|
|
@@ -86,7 +86,7 @@ export class MapLegend {
|
|
|
86
86
|
* StencilJS: Renders the component.
|
|
87
87
|
*/
|
|
88
88
|
render() {
|
|
89
|
-
return (h(Host, { key: '
|
|
89
|
+
return (h(Host, { key: 'f520dd3737b8b883d8e27eb9a63da25f6d5b9375' }, h("div", { key: '6775e1c58ecd4fe63d50358fe2cd4f050cb1d709', ref: (el) => { this._legendElement = el; } })));
|
|
90
90
|
}
|
|
91
91
|
/**
|
|
92
92
|
* StencilJS: Called once just after the component is fully loaded and the first render() occurs.
|
|
@@ -120,7 +120,7 @@ export class MapPicker {
|
|
|
120
120
|
* Renders the component.
|
|
121
121
|
*/
|
|
122
122
|
render() {
|
|
123
|
-
return (h(Host, { key: '
|
|
123
|
+
return (h(Host, { key: '178a4e3fcd08972b0465885c4891a732ea970428' }, this._getToolbar(), this._getMapNameList(this._mapListExpanded)));
|
|
124
124
|
}
|
|
125
125
|
/**
|
|
126
126
|
* Called once after the component has loaded
|
|
@@ -109,7 +109,7 @@ export class MapSearch {
|
|
|
109
109
|
* Renders the component.
|
|
110
110
|
*/
|
|
111
111
|
render() {
|
|
112
|
-
return (h(Host, { key: '
|
|
112
|
+
return (h(Host, { key: '7c990343af0d1077a7315fd131379bc891310e30' }, h("div", { key: '97cd41cf7f749f31701de3526cf2ef633eda48dd', class: "search-widget", ref: (el) => { this._searchElement = el; } })));
|
|
113
113
|
}
|
|
114
114
|
//--------------------------------------------------------------------------
|
|
115
115
|
//
|
|
@@ -302,7 +302,7 @@ export class MapSelectTools {
|
|
|
302
302
|
render() {
|
|
303
303
|
const mapToolsClass = this.enableSketchTools ? "" : "display-none";
|
|
304
304
|
const mapToolsContainerClass = this.enableSketchTools ? "padding-top-1" : "";
|
|
305
|
-
return (h(Host, { key: '
|
|
305
|
+
return (h(Host, { key: '6753158d00a33dd5dfbb1f22cc27388baf4c0b5e' }, this._getMapLayerPicker(), h("div", { key: '082c6be48d3dfbe2e39be2c462959c7772a91d40', class: "border-bottom" }), h("div", { key: '0e8133a809b05bef34c2f19adeff43c1e57cc002', class: "padding-top-sides-1" }, h("div", { key: '4434b5b4d073f3ba9a7e44b82078b9b81733025b', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: '6f01e27e06ea365de6ff98df3f9edd973d87117c', class: mapToolsContainerClass }, h("map-draw-tools", { key: '24ffe562d080955f2aacfd080c0baa1997f8eaab', active: true, class: mapToolsClass, editGraphicsEnabled: !this._useLayerFeaturesEnabled, graphics: this._graphics, mapView: this.mapView, onSketchGraphicsChange: (evt) => void this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, ref: (el) => { this._drawTools = el; } })), this.enableSearchDistance ? this._getBufferOptions() : undefined, this.enableLayerFeatures ? this._getUseLayerFeaturesOptions() : undefined, this._getNumSelected()), h("div", { key: '4c7cf401b5bcc7e4adef34e140d22676fce8ebbc', class: "border-bottom" }), this._getNameInput()));
|
|
306
306
|
}
|
|
307
307
|
/**
|
|
308
308
|
* Renders the buffer tools component.
|
|
@@ -213,7 +213,7 @@ export class MapTools {
|
|
|
213
213
|
const toolMarginClass = this.enableSingleExpand ? "margin-top-1-2" : "";
|
|
214
214
|
const toolOrder = this.toolOrder ? this.toolOrder : ["legend", "search", "fullscreen", "floorfilter"];
|
|
215
215
|
const shadowClass = this.stackTools ? "box-shadow" : "";
|
|
216
|
-
return (h(Host, { key: '
|
|
216
|
+
return (h(Host, { key: '087d0879847a1a48e3e586d4e851a55f0640dfea' }, h("div", { key: 'cd76a75845afb17c42722125f30fb5c59d305671', class: containerClass }, this.enableSingleExpand ? (h("div", { class: "box-shadow" }, this._getActionGroup(toggleIcon, false, expandTip, () => this._toggleTools()))) : undefined, h("div", { key: 'f2522aa2d41243bcaf9ae75372c50454d354de1b', class: `${toolMarginClass} ${shadowClass} ${toolsClass}` }, this._getMapWidgets(toolOrder))), h("basemap-gallery", { key: '38762b76d6e5300800a1214a579cc7c76d4f00d7', basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { key: '929003ecf89addceb07b6337a90f7d0558c67c18', class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), h("map-legend", { key: '46177bd0963cefc5b5b36e4b4c08e323193d14c9', class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { key: 'dfb346c088e665f137143655a47539148a3d2580', class: fullscreenClass, mapView: this.mapView, onFullscreenStateChange: (evt) => this._fullscreenStateChange(evt.detail), ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { key: '0c1bd8979355d6f5d2c7299bbca23f6762d94cc5', class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
|
|
217
217
|
}
|
|
218
218
|
//--------------------------------------------------------------------------
|
|
219
219
|
//
|
|
@@ -70,7 +70,7 @@ export class PciCalculator {
|
|
|
70
70
|
render() {
|
|
71
71
|
const pciClass = !this.showAddDeduct ? "display-grid" : "display-none";
|
|
72
72
|
const deductClass = this.showAddDeduct ? "position-relative" : "display-none";
|
|
73
|
-
return (h(Host, { key: '
|
|
73
|
+
return (h(Host, { key: 'ed87d1027005d190e25bf5e1d7290e84d9d17ba0' }, h("div", { key: 'd9396264216f810a3bdcf5fce4872580b3abebe2', class: pciClass }, h("div", { key: 'a4235f8123959cf0d27faa2146de5aec798e5179', class: "label-display" }, h("calcite-label", { key: '6393ded2cce33388aed760d1a3ceefe395718020', class: "label-display" }, "Enter comma delimited deduct values", this._getDeductValuesInput())), h("div", { key: 'e172c646a39a69e7a69d3646389907ce561fb4ff' }, this._getCalculateButton())), h("div", { key: 'c9659b510e86cebd0170dc73a1ba5afc3173dc8a', class: deductClass }, h("div", { key: '45a9b444a79863644a330e72598ce7c33565db77', class: "position-right" }, h("calcite-action", { key: '250c4da105f5d33f058d7770e83e4c6d89741f90', appearance: 'transparent', class: "float-end", icon: "x", onClick: () => this._toggleShowAddDeduct(), scale: "s", text: '' })), h("deduct-calculator", { key: 'b51cb55ab07b8e5556e6eb6e04d23d7e1b767850', class: "display-grid padding-top-1", onDeductValueComplete: (evt) => this._addDeductValue(evt) }))));
|
|
74
74
|
}
|
|
75
75
|
//--------------------------------------------------------------------------
|
|
76
76
|
//
|
|
@@ -106,7 +106,7 @@ export class PdfDownload {
|
|
|
106
106
|
* Renders the component.
|
|
107
107
|
*/
|
|
108
108
|
render() {
|
|
109
|
-
return (h(Host, { key: '
|
|
109
|
+
return (h(Host, { key: 'ff0ad2a97a113ccfaa10d5219d93f5b07319fb33' }, h("calcite-select", { key: '4675536d2732329715198c54b5c03c8748d7732a', disabled: this.disabled, label: "", ref: (el) => { this._labelInfoElement = el; } })));
|
|
110
110
|
}
|
|
111
111
|
componentDidLoad() {
|
|
112
112
|
// Render the options outside of Stencil's rendering so that it doesn't mangle RTL text with embedded LTR
|
|
@@ -265,7 +265,7 @@ export class PublicNotification {
|
|
|
265
265
|
*/
|
|
266
266
|
render() {
|
|
267
267
|
const headerSlot = this._isMobile ? "footer" : "header";
|
|
268
|
-
return (h(Host, { key: '
|
|
268
|
+
return (h(Host, { key: '019074cdfaddd8121a6ed255f42dea427aac9440' }, h("calcite-shell", { key: 'ece21e206f6519627bc8f139c35f68838eb701a2' }, h("calcite-action-bar", { key: '92883d5df9fcf43584f3934bf7f61640afed2bdb', class: "border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: headerSlot }, this._getActionGroup("list-check", EPageType.LIST, this._translations.myLists), this.showRefineSelection ? this._getActionGroup("test-data", EPageType.REFINE, this._translations.refineSelection) : null, this._getActionGroup("export", EPageType.EXPORT, this._translations.export)), this._getPage(this._pageType))));
|
|
269
269
|
}
|
|
270
270
|
/**
|
|
271
271
|
* StencilJS: Called once just after the component is first loaded.
|
|
@@ -62,7 +62,7 @@ export class RefineResultsFlowItem {
|
|
|
62
62
|
//
|
|
63
63
|
//--------------------------------------------------------------------------
|
|
64
64
|
render() {
|
|
65
|
-
return (h(Host, { key: '
|
|
65
|
+
return (h(Host, { key: '556490bcef9d17e1677da73100cbb13bb564d32c' }, h("slot", { key: '04a54cdc534d8bc12b3321ae6a5ed89131cc5c71' })));
|
|
66
66
|
}
|
|
67
67
|
static get is() { return "refine-results-flow-item"; }
|
|
68
68
|
static get encapsulation() { return "shadow"; }
|
|
@@ -119,7 +119,7 @@ export class RefineSelection {
|
|
|
119
119
|
*/
|
|
120
120
|
render() {
|
|
121
121
|
const layerPickerClass = this._enabledLayerIds.length > 1 ? "display-block" : "display-none";
|
|
122
|
-
return (h(Host, { key: '
|
|
122
|
+
return (h(Host, { key: 'b3693694a5d007dd6add79848d1254a1ee52b8e3' }, h("div", { key: 'c464770d28fb981e9fba4d5cb3709684e41cbdc3', class: layerPickerClass + " padding-top-sides-1" }, h("div", { key: '2972637e3194c86d097a491678eb8b508bbf2fd2', class: "display-flex" }, h("calcite-label", { key: '242295f4d8f2f17554b99748795a5bc1e1f05dcb', class: "font-bold width-full label-margin-0" }, h("div", { key: 'f2643bf44301aaa0a1d67595dac537c6bad21928', class: "display-flex" }, this._translations.inputLayer, h("calcite-icon", { key: '1d068bd809b36b4aba7e3836d2fc8b33d6de5d3e', class: "padding-start-1-2 icon", flipRtl: !(this.locale?.toLowerCase() === "he"), icon: "question", id: "refine-input-layer", scale: "s" })), h("map-layer-picker", { key: 'e97947859dfa0a718595bfb54c843b6358ece94e', enabledLayerIds: this._enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, ref: (el) => { this._layerPicker = el; }, selectedIds: [this._refineLayer.layer.id], showTables: false })), h("calcite-popover", { key: 'e78a114a50aec427b6f6f0e4f8096447e464ba7e', closable: true, label: "", referenceElement: "refine-input-layer" }, h("span", { key: 'b7abd37b2907c0ef98059fd280dd30cfa4eea2d2', class: "tooltip-message" }, this._translations.inputLayerTip)))), h("div", { key: '3d5869d473e7c8068969e07619fc891268422f2b', class: "padding-1" }, h("div", { key: 'b89ed77287dc4ae5a6f7a7589faccbbc4da3b524', class: "padding-bottom-1" }, h("calcite-segmented-control", { key: '1f0d85ab4ed9af445ff8b9bc5c7d4be80733f573', class: "w-100", width: "full" }, h("calcite-segmented-control-item", { key: '229473e79f8ddc6c95ad0a09fdd3fef08c176b1e', checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, h("span", { key: '27f7e1f70da8ae44cab4d2643d58b0bfe8e3ad6c', class: "font-weight-500" }, this._translations.add)), h("calcite-segmented-control-item", { key: 'b6c4199b48d7cedec36510572de7f63ee105b605', checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, h("span", { key: 'c3047bd7b4564b171ed8cb7c7842b64e7a4677f8', class: "font-weight-500" }, this._translations.remove)))), h("div", { key: '14408ec1abdbb64e4c4ccc473b3615d7036399f7' }, h("map-draw-tools", { key: 'fe946dc9ae433dabe45f5da695cde3daaa9e057d', active: true, drawMode: EDrawMode.REFINE, mapView: this.mapView, onDrawRedo: () => this._redo(), onDrawUndo: () => this._undo(), onSketchGraphicsChange: (evt) => this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, redoEnabled: this._refineSelectionSet?.redoStack.length > 0, ref: (el) => { this._drawTools = el; }, undoEnabled: this._refineSelectionSet?.undoStack.length > 0 })), h("br", { key: 'a532f7b86708d6839449397841a68f2258645410' }), (h("calcite-list", { key: 'ef51c27c396c52c8fcb1c512957b3b2e276306e4', class: "list-border" }, this._getRefineSelectionSetList())))));
|
|
123
123
|
}
|
|
124
124
|
//--------------------------------------------------------------------------
|
|
125
125
|
//
|
|
@@ -62,7 +62,7 @@ export class ShareItem {
|
|
|
62
62
|
//
|
|
63
63
|
//--------------------------------------------------------------------------
|
|
64
64
|
render() {
|
|
65
|
-
return (h(Host, { key: '
|
|
65
|
+
return (h(Host, { key: '7b405bc7f7cb4204406da1aa0c05dc292508e6cf' }, h("slot", { key: 'fcaa34cd163995045268fd539a82ad3b102b1046' })));
|
|
66
66
|
}
|
|
67
67
|
static get is() { return "share-item"; }
|
|
68
68
|
static get encapsulation() { return "shadow"; }
|
|
@@ -86,11 +86,11 @@ export class SolutionConfiguration {
|
|
|
86
86
|
const solutionData = state.getStoreInfo("solutionData");
|
|
87
87
|
this._solutionVariables = JSON.stringify(utils.getSolutionVariables(solutionData.templates, this._translations));
|
|
88
88
|
this._organizationVariables = JSON.stringify(utils.getOrganizationVariables(this._translations));
|
|
89
|
-
return (h(Host, { key: '
|
|
89
|
+
return (h(Host, { key: '123945bd615832395c715d069c553338945c3445' }, !this._solutionIsLoaded
|
|
90
90
|
? h("calcite-loader", { label: '' })
|
|
91
|
-
: null, h("div", { key: '
|
|
91
|
+
: null, h("div", { key: 'b70e7008ad0f2fde0a284c2e1e7d13fafc4d3184', class: "configuration-container" }, h("div", { key: '566193f4c5df2ad19206b3d458d0c298adca7e3b', class: "configuration" }, h("calcite-tabs", { key: '34e2642b46dba26d67730feb2b5382ea02556b42', class: "config-tabs" }, h("calcite-tab-nav", { key: '144f120e92e3f45e35ddc53a5bef7aef786eca5c', slot: "tab-nav" }, h("calcite-tab-title", { key: '32c5c21f04e68b83fb8add008f9aa409c2c18fc6' }, this._translations.definitionTab), hasServices ?
|
|
92
92
|
h("calcite-tab-title", null, this._translations.spatialReferenceTab) :
|
|
93
|
-
null), h("calcite-tab", { key: '
|
|
93
|
+
null), h("calcite-tab", { key: '44392d41f2a367c3ab3b605ecc952d2873cdbade', class: "config-tab", selected: true }, h("div", { key: '50a37338ee55b0d04e0cfcf18e02180bdfb2a2da', class: "config-solution" }, h("div", { key: '30a6e2d0cc31f7fbe0d1521e906e8f6ec5274f2e', class: this._treeOpen ? "config-inventory" : "config-inventory-hide" }, h("solution-contents", { id: "configInventory", key: `${this.solutionItemId}-contents`, ref: (el) => (this._solutionContentsComponent = el) })), h("calcite-button", { key: 'a5e869d60079a9f68b024628ea7148886e79108e', appearance: "transparent", class: "collapse-btn", "icon-start": this._treeOpen ? "chevrons-left" : "chevrons-right", id: "collapse-vars", onClick: () => this._toggleTree(), scale: "s", title: this._treeOpen ? this._translations.collapse : this._translations.expand }), h("div", { key: '23eea28391e9fa3e382b67554fa842c828f504f2', class: "config-item" }, h("solution-item", { authentication: this.authentication, "item-id": this._currentEditItemId, key: `${this.solutionItemId}-item`, "organization-variables": this._organizationVariables, "solution-item-id": this.solutionItemId, "solution-variables": this._solutionVariables })))), hasServices
|
|
94
94
|
? h("calcite-tab", { class: "config-tab" }, h("div", { class: "config-solution" }, h("solution-spatial-ref", { enableDefault: !!spatialReferenceInfo.default, enabled: spatialReferenceInfo?.enabled, featureServices: state.getStoreInfo("featureServices").map(fs => fs.name), id: "configure-solution-spatial-ref", key: `${this.solutionItemId}-spatial-ref` })))
|
|
95
95
|
: null)))));
|
|
96
96
|
}
|
|
@@ -48,7 +48,7 @@ export class SolutionContents {
|
|
|
48
48
|
* Renders the component.
|
|
49
49
|
*/
|
|
50
50
|
render() {
|
|
51
|
-
return (h(Host, { key: '
|
|
51
|
+
return (h(Host, { key: '57abf81bd42447fabf9df9f134a486f8d7101910' }, h("calcite-tree", { key: '5b2faefbd53a2666634a1cc05ea8027e1228f354' }, this.renderHierarchy(this.templateHierarchy))));
|
|
52
52
|
}
|
|
53
53
|
renderHierarchy(objs) {
|
|
54
54
|
return objs.map((obj) => {
|
|
@@ -56,7 +56,7 @@ export class SolutionItem {
|
|
|
56
56
|
* Renders the component.
|
|
57
57
|
*/
|
|
58
58
|
render() {
|
|
59
|
-
return (h(Host, { key: '
|
|
59
|
+
return (h(Host, { key: 'da363c927e5c577660ad3c67fd1f234dd6529175' }, h("div", { key: '4f9df338aaebb6a333927d50dbee68e9fb9eaceb', class: "configuration-container" }, h("div", { key: '5156b06e31218c3ec059230ba1f4079607aa168e', class: "configuration" }, this._showGroupTabs(this.itemType === "Group"), this._showItemTabs(this.itemType !== "Group")))));
|
|
60
60
|
}
|
|
61
61
|
//--------------------------------------------------------------------------
|
|
62
62
|
//
|
|
@@ -119,7 +119,7 @@ export class SolutionItemAccordion {
|
|
|
119
119
|
* Renders the component.
|
|
120
120
|
*/
|
|
121
121
|
render() {
|
|
122
|
-
return (h(Host, { key: '
|
|
122
|
+
return (h(Host, { key: 'c9fea75fb3cd0558366bb086eccb28c4e2b7b07d' }, this._getAccordion()));
|
|
123
123
|
}
|
|
124
124
|
//--------------------------------------------------------------------------
|
|
125
125
|
//
|
|
@@ -67,7 +67,7 @@ export class SolutionItemDetails {
|
|
|
67
67
|
* Renders the component.
|
|
68
68
|
*/
|
|
69
69
|
render() {
|
|
70
|
-
return (h(Host, { key: '
|
|
70
|
+
return (h(Host, { key: '84bfa00fcedb54a43856c92e8446305d15d1a54a' }, h("div", { key: 'bceaddf6dcc35e5a22cad12e661c17f716fd165e', class: "parent-container" }, h("div", { key: '17834a249ffbbbd3ee54617fa2f2224816dd59b1', class: "inputBottomSeparation" }, h("calcite-input", { key: '372ceefe695e7c54a4ad35cf5b496202037fd57c', id: "item-title", value: this.itemDetails.title })), h("div", { key: 'fc356bd1e3bb965b7555dcea9fccfce44ca96a31', class: "inputBottomSeparation" }, h("input", { key: '11dc51158e385025d139372682b33d2093956a50', 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: 'abc5c96ec20adb16026fd6a7c3eb41871512d360', class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, h("svg", { key: '35ce23e7fe17e7f45110e028ddb0c31e033f6f34', class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, h("path", { key: '0bab7e61e1261db38a1a62dd085f63de5993a640', 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: '4dff94a716f70a350168ae123f0afb41f360fb3b', class: "flex" }, h("div", { key: 'bda8e51d80a72f221eb02ea915609b1e2175a56f', class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, h("img", { key: '3b606e141fae758b24d6114d7433cfdec9570ba9', class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), h("div", { key: '3f5c6fd680a45c754e2b798566776363e94bf307', class: "snippet-count-container" }, h("calcite-input", { key: '3d35c224c6d8b34483712e392aeca8a87e0d0810', id: "item-snippet", maxLength: 250, type: "textarea", value: this.itemDetails.snippet }), h("label", { key: '1aecd6515a83c523c991d5ccd9516ff14384a13a', class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), h("calcite-label", { key: '3052a4847edc5afd336a763e8e6933694aad9d6d' }, this._translations.description, h("label", { key: '595de020ea7e1e5b61296f7c9b17f1a02a0741e0', id: "item-description-label" }, h("calcite-input", { key: '135cb36c76f6462aa470f9b7680ebefa6be60018', id: "item-description", type: "textarea", value: this.itemDetails.description }))), h("calcite-label", { key: '8f51b5f1d2607e040b6a94920d2f581b3595838f' }, this._translations.tags, h("label", { key: '21b84a7bcb9d5b8b56e7b6ccee0b49e940e1faf3', id: "item-tags-label" }, h("calcite-input", { key: '8f3b14471019c703944e531abca80b01751b04e1', 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)));
|
|
71
71
|
}
|
|
72
72
|
componentDidRender() {
|
|
73
73
|
this._loadThumb();
|
|
@@ -40,7 +40,7 @@ export class SolutionItemIcon {
|
|
|
40
40
|
* Renders the component.
|
|
41
41
|
*/
|
|
42
42
|
render() {
|
|
43
|
-
return h("div", { key: '
|
|
43
|
+
return h("div", { key: '79a661148dd8e3bd73229b642b8253c525e3d747', title: this.type }, h("img", { key: 'e0b21dbd11b8edc4abfdb9af39b40c774b830753', class: "item-type-icon item-type-icon-margin", height: "16", src: this._getIconUrl(this.type, this.typeKeywords), width: "16" }));
|
|
44
44
|
}
|
|
45
45
|
//--------------------------------------------------------------------------
|
|
46
46
|
//
|
|
@@ -79,7 +79,8 @@ export class SolutionItemIcon {
|
|
|
79
79
|
*/
|
|
80
80
|
_getIconUrl(type, typeKeywords) {
|
|
81
81
|
const icon = this._getItemIcon(type, typeKeywords);
|
|
82
|
-
return getAssetPath(`./item-icons/${icon}16.
|
|
82
|
+
return icon === "group" ? getAssetPath(`./item-icons/${icon}16.png`) :
|
|
83
|
+
getAssetPath(`./item-icons/${icon}16.svg`);
|
|
83
84
|
}
|
|
84
85
|
/**
|
|
85
86
|
* This function was copied and slightly modified from the arcgis-app-components.
|
|
@@ -130,6 +131,8 @@ export class SolutionItemIcon {
|
|
|
130
131
|
return "utilitynetwork";
|
|
131
132
|
}
|
|
132
133
|
return hosted ? "featureshosted" : "features";
|
|
134
|
+
case "group":
|
|
135
|
+
return "group";
|
|
133
136
|
case "group layer":
|
|
134
137
|
if (keywords.includes("Map")) {
|
|
135
138
|
return "layergroup2d";
|
|
@@ -52,7 +52,7 @@ export class SolutionItemSharing {
|
|
|
52
52
|
* Renders the component.
|
|
53
53
|
*/
|
|
54
54
|
render() {
|
|
55
|
-
return (h(Host, { key: '
|
|
55
|
+
return (h(Host, { key: '6a9facacd8961a53dd4e49082def5573732d49bf' }, h("div", { key: '6eaf512253573a4db25ec64ebe1439228df4845d', class: "container-border" }, h("calcite-label", { key: 'db5680d010759bdb28b774293b8ae1522c9d8052' }, this._translations.groupInfo), this._renderItems(this.sharing))));
|
|
56
56
|
}
|
|
57
57
|
//--------------------------------------------------------------------------
|
|
58
58
|
//
|
|
@@ -50,7 +50,7 @@ export class SolutionOrganizationVariables {
|
|
|
50
50
|
* Renders the component.
|
|
51
51
|
*/
|
|
52
52
|
render() {
|
|
53
|
-
return (h(Host, { key: '
|
|
53
|
+
return (h(Host, { key: '99ef09d7f851a57d42c7f7ad5cd6e303b9508d17' }, h("div", { key: '7217187249febdbbf3899d96cdbb2a45474343b7' }, h("h4", { key: 'd5d01648936de6726d7422f81f58ad998574ea87', class: "org-var-header" }, this._translations.orgVariables)), h("div", { key: '22d6f7fb4b0d8f570dbcf9dcac08dce7e2f6383e', class: "container-border" }, h("calcite-tree", { key: '5f21f4fc4b378da1b144dbeb1e19df2f43bcee61', id: "variable-label" }, this._renderHierarchy(this._organizationVariables)))));
|
|
54
54
|
}
|
|
55
55
|
//--------------------------------------------------------------------------
|
|
56
56
|
//
|
|
@@ -61,7 +61,7 @@ export class SolutionResourceItem {
|
|
|
61
61
|
*/
|
|
62
62
|
render() {
|
|
63
63
|
const hasValidResources = this._hasValidResources();
|
|
64
|
-
return (h(Host, { key: '
|
|
64
|
+
return (h(Host, { key: 'eb76345d460620ea6229c1ac94eaf5dec9943c1e' }, h("div", { key: '8dfb91c0ca0d4201940e29bcb809002da1cd9d76', class: "resource-item" }, h("div", { key: 'a6ec9664d267c25eada0432e6825369fdc82676f', class: "margin-bottom-1" }, h("calcite-button", { key: 'd84827e9dbe4ad68544430c007b28c5e9929e076', appearance: "solid", class: "resource-button", color: "blue", onClick: () => this._addNewResource() }, this._translations.addResource), h("calcite-button", { key: 'd88b2928ca6994054f899823701327ece50a937b', appearance: "solid", color: "blue", disabled: !hasValidResources, onClick: () => this._downloadAll() }, this._translations.downloadAll)), h("div", { key: '445c0c3e2deb3b546f4c84186a148e8888477d13', class: "resources-container", style: { display: hasValidResources ? "inherit" : "none" } }, this._renderResourceList()))));
|
|
65
65
|
}
|
|
66
66
|
_removedResources = {};
|
|
67
67
|
//--------------------------------------------------------------------------
|
|
@@ -61,7 +61,7 @@ export class SolutionSpatialRef {
|
|
|
61
61
|
}
|
|
62
62
|
render() {
|
|
63
63
|
this._updateUIFromStore();
|
|
64
|
-
return (h(Host, { key: '
|
|
64
|
+
return (h(Host, { key: 'ca1dd62000a2fdbd82a00830fc3ac94b47db73f7' }, h("label", { key: 'fa1ca79af87525ce25a6acf0a5b6a093429f5b77', class: "switch-label" }, h("calcite-switch", { key: '8dbcdbc8f417dfe1a05578fc9bbf3417ae93abfb', checked: this.enabled, class: "spatial-ref-switch", onCalciteSwitchChange: (event) => this.enabled = event.target.checked, scale: "m" }), this._translations.enableSpatialReference), h("br", { key: 'd3c2296bf3568e7b5b167fe0516184ae0c2d26f1' }), h("div", { key: 'fee9eac900cae65363658fa769347c3db0783007', class: "spatial-ref-component", id: "spatialRefDefn" }, this._renderFeatureServicesList(this.featureServices)), h("label", { key: '317e1422cdcb2147a961f2edfbcedb30c4246f6d', class: "switch-label spatial-ref-component" }, h("calcite-switch", { key: '6f0b7eb7216d0a663e5f2d436b7523b2d2301841', checked: this.enableDefault, class: "spatial-ref-switch", disabled: !this.enabled, onCalciteSwitchChange: (event) => this.enableDefault = event.target.checked, scale: "m" }), this._translations.enableDefaultSpatialReference)));
|
|
65
65
|
}
|
|
66
66
|
//--------------------------------------------------------------------------
|
|
67
67
|
//
|
|
@@ -77,7 +77,7 @@ export class SolutionTemplateData {
|
|
|
77
77
|
* Renders the component.
|
|
78
78
|
*/
|
|
79
79
|
render() {
|
|
80
|
-
return (h(Host, { key: '
|
|
80
|
+
return (h(Host, { key: '78d31b01a7b3aac5e3b63ec59fa0225e662c3532' }, h("div", { key: '84ad00f60d5ad98fc14fad50b2db93844e54a842', class: "solution-data-container" }, h("calcite-shell", { key: '0e56c32e9ba92e9e536ce16f30db4e59d1c71094', class: "light var-container", dir: "ltr" }, h("calcite-panel", { key: 'ab251fe749493d11b61359f3f018fa87917d83c6', class: "json-editor" }, h("div", { key: '94be603b8c03bccbcc31293839d633ffa0ca5b15', class: "solution-data-child-container calcite-match-height" }, h("json-editor", { key: '76a5a31ae0dc54d59a300e0d6cc6b543e994d322', class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, value: this.value }))), h("calcite-shell-panel", { key: '5405b6aa574c721965bbdd4aabf90981f82c7da7', "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, h("div", { key: 'e7b57aa1f91e479a7538b5bb60fff9ff096bc9c9', class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, h("calcite-button", { key: 'ddd017fee5c66d79cd2c6239b847aacef9e04070', 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: 'a45aec86952e3172c76153b01a54076d97050de9', class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, h("solution-organization-variables", { key: 'e138b7ec4c256c916ef52cef6d17f0d9a839d506', value: this.organizationVariables })), h("div", { key: '9444585d82bc85f2cf535ecc8921b2d3f67b398d', class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, h("solution-variables", { key: '030de51ff885c3ddf549fc4898c31ec23bb0d303', value: this.solutionVariables }))))))));
|
|
81
81
|
}
|
|
82
82
|
_initializing = false;
|
|
83
83
|
//--------------------------------------------------------------------------
|
|
@@ -50,7 +50,7 @@ export class SolutionVariables {
|
|
|
50
50
|
* Renders the component.
|
|
51
51
|
*/
|
|
52
52
|
render() {
|
|
53
|
-
return (h(Host, { key: '
|
|
53
|
+
return (h(Host, { key: '5d3ed27bced41fb6bf6c393ddde152fb0056d25b' }, h("div", { key: 'cb05d3c237719abd539b21b38968a41364c1880e' }, h("h4", { key: '367eb15af209dfed31b43f705fb6de05e25bb374', class: "org-var-header" }, this._translations.solVariables)), h("div", { key: '10142202269a9f2eaa82c0b50a1980d9f3051208', class: "container-border" }, h("calcite-tree", { key: 'd89353a7fe357851a697df036ae7795154254759', id: "variable-label" }, this._renderHierarchy(this._solutionVariables)))));
|
|
54
54
|
}
|
|
55
55
|
//--------------------------------------------------------------------------
|
|
56
56
|
//
|