@esri/solutions-components 0.7.27 → 0.7.29
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/assets/t9n/card-manager/resources.json +1 -4
- package/dist/assets/t9n/card-manager/resources_en.json +1 -4
- package/dist/cjs/calcite-alert_4.cjs.entry.js +12 -3
- package/dist/cjs/calcite-combobox_6.cjs.entry.js +1 -1
- package/dist/cjs/card-manager_3.cjs.entry.js +4 -3
- package/dist/cjs/crowdsource-manager.cjs.entry.js +12 -8
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/solutions-components.cjs.js +1 -1
- package/dist/collection/components/crowdsource-manager/crowdsource-manager.css +8 -0
- package/dist/collection/components/crowdsource-manager/crowdsource-manager.js +11 -7
- package/dist/collection/components/info-card/info-card.css +4 -4
- package/dist/collection/components/info-card/info-card.js +11 -2
- package/dist/collection/components/layer-table/layer-table.js +5 -4
- package/dist/collection/components/map-layer-picker/map-layer-picker.js +1 -1
- package/dist/components/crowdsource-manager.js +12 -8
- package/dist/components/info-card2.js +12 -3
- package/dist/components/layer-table2.js +5 -4
- package/dist/components/map-layer-picker2.js +1 -1
- package/dist/esm/calcite-alert_4.entry.js +12 -3
- package/dist/esm/calcite-combobox_6.entry.js +1 -1
- package/dist/esm/card-manager_3.entry.js +4 -3
- package/dist/esm/crowdsource-manager.entry.js +12 -8
- package/dist/esm/loader.js +1 -1
- package/dist/esm/solutions-components.js +1 -1
- package/dist/solutions-components/{p-dded59a7.entry.js → p-12de822a.entry.js} +1 -1
- package/dist/solutions-components/{p-934cbe40.entry.js → p-643e7ee1.entry.js} +1 -1
- package/dist/solutions-components/p-78e720cc.entry.js +6 -0
- package/dist/solutions-components/p-dbe62aaf.entry.js +6 -0
- package/dist/solutions-components/solutions-components.esm.js +1 -1
- package/dist/types/components/crowdsource-manager/crowdsource-manager.d.ts +4 -2
- package/dist/types/components/info-card/info-card.d.ts +9 -1
- package/dist/types/components/layer-table/layer-table.d.ts +1 -1
- package/package.json +1 -1
- package/dist/solutions-components/p-8308f64c.entry.js +0 -6
- package/dist/solutions-components/p-9549b5b1.entry.js +0 -6
@@ -1,6 +1,3 @@
|
|
1
1
|
{
|
2
|
-
"
|
3
|
-
"media": "Media",
|
4
|
-
"comments": "Comments",
|
5
|
-
"selectFeaturesToStart": "Select a record to get started"
|
2
|
+
"selectFeaturesToStart": "Select a record to get started. Click while pressing the Ctrl key to select multiple records in the table."
|
6
3
|
}
|
@@ -1,6 +1,3 @@
|
|
1
1
|
{
|
2
|
-
"
|
3
|
-
"media": "Media",
|
4
|
-
"comments": "Comments",
|
5
|
-
"selectFeaturesToStart": "Select a record to get started"
|
2
|
+
"selectFeaturesToStart": "Select a record to get started. Click while pressing the Ctrl key to select multiple records in the table."
|
6
3
|
}
|
@@ -654,7 +654,7 @@ const EditCard = class {
|
|
654
654
|
};
|
655
655
|
EditCard.style = editCardCss;
|
656
656
|
|
657
|
-
const infoCardCss = ":host{display:block;--calcite-label-margin-bottom:0}.padding-1-2{padding:0.5rem}.display-none{display:none !important}.display-flex{display:flex}.position-absolute{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto}.esri-features__footer{display:none !important}.button-container{justify-content:space-between;align-items:center}.top-border{border-top:1px solid var(--calcite-color-border-1)}.min-width-100{min-width:100px}.width-100{width:100%}.esri-features__container{padding:0.5rem !important;background-color:var(--calcite-color-foreground-1) !important;height:100% !important}.overflow-hidden{overflow:hidden}.height-40{height:40px}.
|
657
|
+
const infoCardCss = ":host{display:block;--calcite-label-margin-bottom:0}.padding-1-2{padding:0.5rem}.display-none{display:none !important}.display-flex{display:flex}.position-absolute{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto}.esri-features__footer{display:none !important}.button-container{justify-content:space-between;align-items:center}.top-border{border-top:1px solid var(--calcite-color-border-1)}.min-width-100{min-width:100px}.width-100{width:100%}.esri-features__container{padding:0.5rem !important;background-color:var(--calcite-color-foreground-1) !important;height:100% !important}.overflow-hidden{overflow:hidden}.height-40{height:40px}.end-border{border-inline-end:1px solid var(--calcite-color-border-1)}.font-bold{font-weight:bold}.visibility-hidden{visibility:hidden;height:0px}.padding-inline-start-1{padding-inline-start:1rem}.border-width-0{border-width:0px}";
|
658
658
|
|
659
659
|
const InfoCard = class {
|
660
660
|
constructor(hostRef) {
|
@@ -773,11 +773,10 @@ const InfoCard = class {
|
|
773
773
|
const editButtonClass = (!this.isLoading && this._editRecordOpen) || this._showListView ? "display-none" : "";
|
774
774
|
const nextBackDisabled = ((_b = (_a = this._features) === null || _a === void 0 ? void 0 : _a.features) === null || _b === void 0 ? void 0 : _b.length) < 2;
|
775
775
|
const nextBackClass = this.isMobile ? "display-none" : "";
|
776
|
-
const shellClass = this.isMobile && !this._editRecordOpen ? "padding-top-46" : "";
|
777
776
|
const id = (_d = (_c = this._features) === null || _c === void 0 ? void 0 : _c.selectedFeature) === null || _d === void 0 ? void 0 : _d.getObjectId();
|
778
777
|
const ids = parseInt(id === null || id === void 0 ? void 0 : id.toString(), 10) > -1 ? [id] : [];
|
779
778
|
const deleteEnabled = ((_e = this._layer) === null || _e === void 0 ? void 0 : _e.editingEnabled) && ((_h = (_g = (_f = this._layer) === null || _f === void 0 ? void 0 : _f.capabilities) === null || _g === void 0 ? void 0 : _g.operations) === null || _h === void 0 ? void 0 : _h.supportsDelete);
|
780
|
-
return (index.h(index.Host, null,
|
779
|
+
return (index.h(index.Host, null, index.h("calcite-shell", null, this._getHeader(), index.h("calcite-loader", { class: loadingClass, label: this._translations.fetchingData }), index.h("div", { class: "esri-widget " + featureNodeClass, id: "features-node" }), index.h("div", { class: `${editButtonClass} width-100`, slot: "footer" }, this.allowEditing &&
|
781
780
|
index.h("div", { class: "display-flex top-border padding-1-2" }, index.h("calcite-button", { appearance: "solid", id: "solutions-edit", onClick: () => this._openEditRecord(), width: "full" }, this._translations.edit), this.isMobile && deleteEnabled ? (index.h("delete-button", { class: "padding-inline-start-1 width-100", id: "solutions-delete", ids: ids, layer: this._layer, onEditsComplete: () => this._closePopup() })) : undefined, index.h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": "solutions-edit" }, index.h("span", null, this._translations.edit)), this.isMobile ? (index.h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": "solutions-delete" }, index.h("span", null, this._translations.delete))) : undefined), !nextBackDisabled && index.h("div", { class: `display-flex padding-1-2 button-container top-border ${nextBackClass}` }, index.h("div", { class: "min-width-100" }, index.h("calcite-button", { appearance: "outline", disabled: nextBackDisabled, id: "solutions-back", onClick: () => this._back(), width: "full" }, this._translations.back), index.h("calcite-tooltip", { label: "", placement: "top", "reference-element": "solutions-back" }, index.h("span", null, this._translations.back))), index.h("div", null, index.h("calcite-action", { icon: "list", onClick: () => this._toggleListView(), scale: "s", text: this._count, textEnabled: true })), index.h("div", { class: "min-width-100" }, index.h("calcite-button", { appearance: "outline", disabled: nextBackDisabled, id: "solutions-next", onClick: () => this._next(), width: "full" }, this._translations.next), index.h("calcite-tooltip", { label: "", placement: "top", "reference-element": "solutions-next" }, index.h("span", null, this._translations.next))))), index.h("edit-card", { class: editClass, graphicIndex: (_j = this._features) === null || _j === void 0 ? void 0 : _j.selectedFeatureIndex, graphics: this.graphics, mapView: this.mapView, open: this._editRecordOpen }), index.h("calcite-alert", { icon: "layer-broken", kind: "warning", label: "", onCalciteAlertClose: () => this._alertClosed(), open: this._alertOpen, placement: "top" }, index.h("div", { slot: "title" }, this._translations.editDisabled), index.h("div", { slot: "message" }, this._translations.enableEditing)))));
|
782
781
|
}
|
783
782
|
//--------------------------------------------------------------------------
|
@@ -865,6 +864,16 @@ const InfoCard = class {
|
|
865
864
|
}
|
866
865
|
})) : Promise.resolve();
|
867
866
|
}
|
867
|
+
/**
|
868
|
+
* Get the mobile header
|
869
|
+
*
|
870
|
+
* @returns the header node to display when in mobile mode
|
871
|
+
*
|
872
|
+
* @protected
|
873
|
+
*/
|
874
|
+
_getHeader() {
|
875
|
+
return this.isMobile && !this._editRecordOpen ? (index.h("calcite-panel", { class: "border-width-0", slot: "header" }, index.h("calcite-action", { class: "end-border", icon: "chevron-left", iconFlipRtl: true, onClick: () => this._closePopup(), scale: "s", slot: "header-actions-start", text: "" }), index.h("span", { class: "font-bold", slot: "header-content" }, this._mobileTitle))) : undefined;
|
876
|
+
}
|
868
877
|
/**
|
869
878
|
* Close the popup and emit the selected features
|
870
879
|
*/
|
@@ -1983,7 +1983,7 @@ const MapLayerPicker = class {
|
|
1983
1983
|
return (index.h(index.Host, null, index.h("div", { class: "map-layer-picker-container", style: style }, index.h("div", { class: "map-layer-picker", style: style }, !this._hasValidLayers ? this._getInvalidPlaceholder() :
|
1984
1984
|
!this._hasMultipleLayers && this.showSingleLayerAsLabel ? this._getSingleLayerPlaceholder() :
|
1985
1985
|
this.type === "combobox" ? this._getCombobox(id) :
|
1986
|
-
this.type === "select" ? this._getSelect(id) : this._getDropdown(id)
|
1986
|
+
this.type === "select" ? this._getSelect(id) : this._getDropdown(id)))));
|
1987
1987
|
}
|
1988
1988
|
/**
|
1989
1989
|
* StencilJS: Called once just after the component is fully loaded and the first render() occurs.
|
@@ -241,6 +241,7 @@ const LayerTable = class {
|
|
241
241
|
if (((_a = this._toolInfos) === null || _a === void 0 ? void 0 : _a.length) > 0) {
|
242
242
|
this._initToolInfos();
|
243
243
|
}
|
244
|
+
this._initLayerExpressions();
|
244
245
|
}
|
245
246
|
/**
|
246
247
|
* watch for changes in map view and get the first layer
|
@@ -273,7 +274,7 @@ const LayerTable = class {
|
|
273
274
|
/**
|
274
275
|
* watch for selection changes
|
275
276
|
*/
|
276
|
-
async
|
277
|
+
async selectedIdsWatchHandler() {
|
277
278
|
this._updateShareUrl();
|
278
279
|
this._validateEnabledActions();
|
279
280
|
if (this._selectAllActive && this.selectedIds.length !== this._allIds.length) {
|
@@ -1294,7 +1295,7 @@ const LayerTable = class {
|
|
1294
1295
|
_initLayerExpressions() {
|
1295
1296
|
var _a, _b;
|
1296
1297
|
const layerExpressions = (_b = (_a = this.mapInfo) === null || _a === void 0 ? void 0 : _a.filterConfig) === null || _b === void 0 ? void 0 : _b.layerExpressions;
|
1297
|
-
this._layerExpressions = layerExpressions ? layerExpressions.filter((exp) => exp.id === this._layer.id) : [];
|
1298
|
+
this._layerExpressions = layerExpressions ? layerExpressions.filter((exp) => { var _a; return exp.id === ((_a = this._layer) === null || _a === void 0 ? void 0 : _a.id); }) : [];
|
1298
1299
|
this._filterList.layerExpressions = this._layerExpressions;
|
1299
1300
|
this._filterActive = false;
|
1300
1301
|
}
|
@@ -1460,7 +1461,7 @@ const LayerTable = class {
|
|
1460
1461
|
"mapInfo": ["mapInfoWatchHandler"],
|
1461
1462
|
"mapView": ["mapViewWatchHandler"],
|
1462
1463
|
"_layer": ["_layerWatchHandler"],
|
1463
|
-
"
|
1464
|
+
"selectedIds": ["selectedIdsWatchHandler"],
|
1464
1465
|
"_sortActive": ["_sortActiveWatchHandler"]
|
1465
1466
|
}; }
|
1466
1467
|
};
|
@@ -14,7 +14,7 @@ const mapViewUtils = require('./mapViewUtils-8aa325de.js');
|
|
14
14
|
require('./esri-loader-a91c0ec1.js');
|
15
15
|
require('./_commonjsHelpers-384729db.js');
|
16
16
|
|
17
|
-
const crowdsourceManagerCss = ":host{display:block;--calcite-label-margin-bottom:0px;--solutions-theme-foreground-color:var(--calcite-color-foreground-1)}.padding-1-2{padding:0.5rem}.display-flex{display:flex}.width-full{width:100%}.width-1-2{position:relative;width:50%}.width-1-3{position:relative;width:33.33%}.width-2-3{position:relative;width:66.66%}.width-0{width:0}.height-full{height:100%}.height-1-2{position:relative;height:50%}.height-0{height:0}.toggle-node{width:51px;height:51px}.overflow-hidden{overflow:hidden}.flex-column{flex-direction:column}.border{border:1px solid var(--calcite-color-border-3)}.border-bottom{border-bottom:1px solid var(--calcite-color-border-3)}.border-sides{border-left:1px solid var(--calcite-color-border-3);border-right:1px solid var(--calcite-color-border-3)}.position-relative{position:relative}.height-50{height:50%}.adjusted-height-50{height:calc(50% - 25px)}.adjusted-height-100{height:calc(100% - 50px)}.adjusted-height-100-50{height:calc(100% - 50px)}.display-none{display:none}.height-53{height:53px}.position-absolute-53{position:absolute;top:53px}.display-grid{display:grid}.height-50-px{height:50px}.padding-inline-start-75{padding-inline-start:0.75rem}.align-items-center{align-items:center}.esri-floor-filter__close-levels-button{width:40px !important;height:40px !important}.esri-floor-filter__level-button{width:40px !important;height:40px !important}.esri-floor-filter__browse-button{width:40px !important;height:40px !important}.position-absolute-50{position:absolute;top:50px;bottom:0px;left:0px;right:0px}.position-absolute-0{position:absolute;top:0px;bottom:0px;left:0px;right:0px}.visibility-hidden{visibility:hidden;height:0px}.position-fixed{position:fixed}";
|
17
|
+
const crowdsourceManagerCss = ":host{display:block;--calcite-label-margin-bottom:0px;--solutions-theme-foreground-color:var(--calcite-color-foreground-1)}.padding-1-2{padding:0.5rem}.display-flex{display:flex}.width-full{width:100%}.width-1-2{position:relative;width:50%}.width-1-3{position:relative;width:33.33%}.width-2-3{position:relative;width:66.66%}.width-0{width:0}.height-full{height:100%}.height-1-2{position:relative;height:50%}.height-0{height:0}.toggle-node{width:51px;height:51px}.overflow-hidden{overflow:hidden}.flex-column{flex-direction:column}.border{border:1px solid var(--calcite-color-border-3)}.border-bottom{border-bottom:1px solid var(--calcite-color-border-3)}.border-sides{border-left:1px solid var(--calcite-color-border-3);border-right:1px solid var(--calcite-color-border-3)}.position-relative{position:relative}.height-50{height:50%}.adjusted-height-50{height:calc(50% - 25px)}.adjusted-height-100{height:calc(100% - 50px)}.adjusted-height-100-50{height:calc(100% - 50px)}.display-none{display:none}.height-53{height:53px}.position-absolute-53{position:absolute;top:53px}.display-grid{display:grid}.height-50-px{height:50px}.padding-inline-start-75{padding-inline-start:0.75rem}.align-items-center{align-items:center}.esri-floor-filter__close-levels-button{width:40px !important;height:40px !important}.esri-floor-filter__level-button{width:40px !important;height:40px !important}.esri-floor-filter__browse-button{width:40px !important;height:40px !important}.position-absolute-50{position:absolute;top:50px;bottom:0px;left:0px;right:0px}.position-absolute-0{position:absolute;top:0px;bottom:0px;left:0px;right:0px}.visibility-hidden{visibility:hidden;height:0px}.position-fixed{position:fixed}.border-width-0{border-width:0px}.border-bottom-width-0{border-bottom-width:0px}";
|
18
18
|
|
19
19
|
const CrowdsourceManager = class {
|
20
20
|
constructor(hostRef) {
|
@@ -196,7 +196,9 @@ const CrowdsourceManager = class {
|
|
196
196
|
* Renders the component.
|
197
197
|
*/
|
198
198
|
render() {
|
199
|
-
|
199
|
+
const borderClass = this._isMobile && this._hideTable ? "border-width-0" :
|
200
|
+
this._isMobile ? "border-bottom-width-0" : "";
|
201
|
+
return (index.h(index.Host, null, index.h("calcite-shell", { class: "position-relative" }, index.h("calcite-panel", { class: `width-full height-full ${borderClass}` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter())));
|
200
202
|
}
|
201
203
|
/**
|
202
204
|
* Called after each render
|
@@ -260,15 +262,16 @@ const CrowdsourceManager = class {
|
|
260
262
|
*
|
261
263
|
* @param layoutMode ELayoutMode the current layout mode
|
262
264
|
* @param panelOpen boolean indicates if all panels are open
|
265
|
+
* @param hideTable boolean when true the layer table is hidden
|
263
266
|
*
|
264
267
|
* @returns the css selectors
|
265
268
|
* @protected
|
266
269
|
*/
|
267
|
-
_getMapSizeClass(layoutMode, panelOpen) {
|
270
|
+
_getMapSizeClass(layoutMode, panelOpen, hideTable) {
|
268
271
|
let sizeClass = "";
|
269
272
|
switch (layoutMode) {
|
270
273
|
case interfaces.ELayoutMode.HORIZONTAL:
|
271
|
-
sizeClass = `${panelOpen ? "height-1-2 display-grid" : "height-0"} width-full position-relative`;
|
274
|
+
sizeClass = `${panelOpen && !hideTable ? "height-1-2 display-grid" : panelOpen && hideTable ? "height-full" : "height-0"} width-full position-relative`;
|
272
275
|
break;
|
273
276
|
case interfaces.ELayoutMode.GRID:
|
274
277
|
sizeClass = `height-full position-relative ${panelOpen ? "width-1-3" : "width-0"}`;
|
@@ -314,19 +317,20 @@ const CrowdsourceManager = class {
|
|
314
317
|
*/
|
315
318
|
_getBody(layoutMode, panelOpen, hideTable) {
|
316
319
|
const contentClass = layoutMode === interfaces.ELayoutMode.HORIZONTAL ? "" : "display-flex";
|
317
|
-
return (index.h("calcite-panel", { class: "width-full height-full" }, index.h("div", { class: `width-full height-full overflow-hidden ${contentClass}` }, this._getMapAndCard(layoutMode, panelOpen), this._getTable(layoutMode, panelOpen, hideTable))));
|
320
|
+
return (index.h("calcite-panel", { class: "width-full height-full" }, index.h("div", { class: `width-full height-full overflow-hidden ${contentClass}` }, this._getMapAndCard(layoutMode, panelOpen, hideTable), this._getTable(layoutMode, panelOpen, hideTable))));
|
318
321
|
}
|
319
322
|
/**
|
320
323
|
* Get the map and card nodes based for the current layout options
|
321
324
|
*
|
322
325
|
* @param layoutMode ELayoutMode the current layout mode
|
323
326
|
* @param panelOpen boolean indicates if all panels are open
|
327
|
+
* @param hideTable boolean when true the layer table is hidden
|
324
328
|
*
|
325
329
|
* @returns the map node
|
326
330
|
* @protected
|
327
331
|
*/
|
328
|
-
_getMapAndCard(layoutMode, panelOpen) {
|
329
|
-
const mapSizeClass = this._getMapSizeClass(layoutMode, panelOpen);
|
332
|
+
_getMapAndCard(layoutMode, panelOpen, hideTable) {
|
333
|
+
const mapSizeClass = this._getMapSizeClass(layoutMode, panelOpen, hideTable);
|
330
334
|
return (index.h("div", { class: `${mapSizeClass} overflow-hidden` }, this._getMapNode(layoutMode, panelOpen), this._getPopupExpandNode()));
|
331
335
|
}
|
332
336
|
/**
|
@@ -359,7 +363,7 @@ const CrowdsourceManager = class {
|
|
359
363
|
const popupNodeClass = !this._expandPopup ? "height-full" : ((_a = this.mapInfos) === null || _a === void 0 ? void 0 : _a.length) === 1 || this._isMobile ? "position-absolute-0" : "position-absolute-50";
|
360
364
|
const headerClass = this._isMobile ? "display-none height-0" : "";
|
361
365
|
const headerTheme = !this._isMobile ? "calcite-mode-dark" : "calcite-mode-light";
|
362
|
-
const containerClass = this._isMobile && this._hideTable ? "position-
|
366
|
+
const containerClass = this._isMobile && this._hideTable ? "position-absolute-0 width-full height-full" : this._isMobile ? "display-none height-0" : "";
|
363
367
|
return (index.h("div", { class: `${headerTheme} ${popupNodeClass} ${containerClass}` }, index.h("calcite-panel", null, !this._isMobile ? (index.h("div", { class: `display-flex align-items-center ${headerClass}`, slot: "header-content" }, index.h("calcite-icon", { icon: "information", scale: "s" }), index.h("div", { class: "padding-inline-start-75" }, this._translations.information))) : undefined, index.h("calcite-action", { class: headerClass, disabled: this._tableOnly, icon: icon, id: id, onClick: () => this._togglePopup(), slot: "header-actions-end", text: "" }), !this._tableOnly ? index.h("calcite-tooltip", { class: themeClass, label: "", placement: "bottom", "reference-element": id }, index.h("span", null, tooltip)) : undefined, this._getCardNode())));
|
364
368
|
}
|
365
369
|
/**
|