@esri/solutions-components 0.7.48 → 0.7.50
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/calcite-input-date-picker_3.cjs.entry.js +5 -5
- package/dist/cjs/card-manager_3.cjs.entry.js +71 -51
- package/dist/cjs/crowdsource-manager.cjs.entry.js +18 -45
- package/dist/cjs/instant-apps-export.cjs.entry.js +5 -5
- package/dist/cjs/instant-apps-interactive-legend-classic.cjs.entry.js +16 -1
- 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.js +18 -73
- package/dist/collection/components/layer-table/layer-table.js +75 -72
- package/dist/components/crowdsource-manager.js +18 -51
- package/dist/components/instant-apps-export.js +5 -5
- package/dist/components/instant-apps-filter-list2.js +3 -3
- package/dist/components/instant-apps-interactive-legend-classic2.js +16 -1
- package/dist/components/instant-apps-social-share2.js +2 -2
- package/dist/components/layer-table2.js +73 -52
- package/dist/esm/calcite-input-date-picker_3.entry.js +5 -5
- package/dist/esm/card-manager_3.entry.js +71 -51
- package/dist/esm/crowdsource-manager.entry.js +18 -45
- package/dist/esm/instant-apps-export.entry.js +5 -5
- package/dist/esm/instant-apps-interactive-legend-classic.entry.js +16 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/solutions-components.js +1 -1
- package/dist/node_modules/@esri/instant-apps-components/dist/collection/components/instant-apps-filter-list/instant-apps-filter-list.css +2 -4
- package/dist/node_modules/@esri/instant-apps-components/dist/collection/components/instant-apps-social-share/instant-apps-social-share.css +5 -0
- package/dist/solutions-components/p-21bc3c8a.entry.js +6 -0
- package/dist/solutions-components/p-8595b4aa.entry.js +17 -0
- package/dist/solutions-components/p-a5fd812c.entry.js +6 -0
- package/dist/solutions-components/p-ce4eed51.entry.js +6 -0
- package/dist/solutions-components/{p-f5b259f3.entry.js → p-de459c0a.entry.js} +1 -1
- package/dist/solutions-components/solutions-components.esm.js +1 -1
- package/dist/types/components/crowdsource-manager/crowdsource-manager.d.ts +2 -45
- package/dist/types/components/layer-table/layer-table.d.ts +16 -5
- package/dist/types/components.d.ts +0 -18
- package/package.json +2 -2
- package/dist/solutions-components/p-704c9ba1.entry.js +0 -17
- package/dist/solutions-components/p-766c0b57.entry.js +0 -6
- package/dist/solutions-components/p-ac2799f6.entry.js +0 -6
- package/dist/solutions-components/p-fec03ab3.entry.js +0 -6
@@ -778,7 +778,7 @@ function resetDatePicker(datePicker) {
|
|
778
778
|
}
|
779
779
|
}
|
780
780
|
|
781
|
-
const instantAppsFilterListCss = ":host{display:block}.instant-apps-filter-list *{box-sizing:border-box}.instant-apps-filter-list__container{height:100%}.instant-apps-filter-list__container calcite-block:last-of-type{margin-bottom:0}.instant-apps-filter-list__footer{padding:12px;display:flex}.instant-apps-filter-list__footer calcite-button:nth-child(2){margin-left:6px}.instant-apps-filter-list__item-container,.instant-apps-filter-list__item-container--user-input{display:flex;justify-content:space-between;align-items:center}.instant-apps-filter-list__item-container:not(:last-child),.instant-apps-filter-list__item-container--user-input:not(:last-child){padding-bottom:20px}.instant-apps-filter-list__item-container--user-input{margin:0;display:flex;flex-direction:column;align-items:flex-start}.instant-apps-filter-list__item-container--user-input>span{margin:0 0 6px;font-size:14px;font-weight:normal}.instant-apps-filter-list__item-container--user-input calcite-combobox{width:100
|
781
|
+
const instantAppsFilterListCss = ":host{display:block}.instant-apps-filter-list *{box-sizing:border-box}.instant-apps-filter-list__container{height:100%}.instant-apps-filter-list__container calcite-block:last-of-type{margin-bottom:0}.instant-apps-filter-list__footer{padding:12px;display:flex}.instant-apps-filter-list__footer calcite-button:nth-child(2){margin-left:6px}.instant-apps-filter-list__item-container,.instant-apps-filter-list__item-container--user-input{display:flex;justify-content:space-between;align-items:center}.instant-apps-filter-list__item-container:not(:last-child),.instant-apps-filter-list__item-container--user-input:not(:last-child){padding-bottom:20px}.instant-apps-filter-list__item-container--user-input{margin:0;display:flex;flex-direction:column;align-items:flex-start}.instant-apps-filter-list__item-container--user-input>span{margin:0 0 6px;font-size:14px;font-weight:normal}.instant-apps-filter-list__item-container--user-input calcite-combobox{width:100%;font-size:16px;--calcite-combobox-input-height:24px}.instant-apps-filter-list__number-input-container{width:100%;display:flex;justify-content:center}.instant-apps-filter-list__number-input-container calcite-slider{width:90%}.instant-apps-filter-list__date-picker-input-container{display:flex;align-items:center;justify-content:unset;width:100%}.instant-apps-filter-list__date-picker-input-container calcite-action{height:64px;border-top:1px solid var(--calcite-color-border-input);border-right:1px solid var(--calcite-color-border-input);border-bottom:1px solid var(--calcite-color-border-input)}.instant-apps-filter-list__title{margin-right:20px}.instant-apps-filter-list__title>p{font-size:14px;font-weight:normal;margin:0}.instant-apps-filter-list__checkbox-container{display:flex}.instant-apps-filter-list__checkbox-container calcite-checkbox{height:18px}.instant-apps-filter-list__operator-description{margin:0;--calcite-font-size--1:12px}.instant-apps-filter-list__zoom-to{display:flex;justify-content:flex-end;margin:8px 0 20px}.instant-apps-filter-list__zoom-to calcite-action{width:-moz-min-content;width:min-content}.instant-apps-filter-list calcite-input-date-picker{--calcite-font-size--1:16px}@media (prefers-reduced-motion){.instant-apps-filter-list calcite-loader{--calcite-internal-duration-factor:2;--calcite-internal-animation-timing-slow:calc(300ms * 2)}}.instant-apps-filter-list.calcite-mode-dark .instant-apps-filter-list__header-container{background:#2b2b2b;color:#fff}.instant-apps-filter-list.calcite-mode-dark .instant-apps-filter-list__operator-description{background:#353535}";
|
782
782
|
|
783
783
|
const CSS$1 = {
|
784
784
|
base: 'instant-apps-filter-list',
|
@@ -802,7 +802,7 @@ const InstantAppsFilterList = class {
|
|
802
802
|
this.autoUpdateUrl = false;
|
803
803
|
this.closeBtn = false;
|
804
804
|
this.closeBtnOnClick = undefined;
|
805
|
-
this.comboboxOverlayPositioning =
|
805
|
+
this.comboboxOverlayPositioning = 'absolute';
|
806
806
|
this.closeBtnText = undefined;
|
807
807
|
this.openFilters = false;
|
808
808
|
this.extentSelector = false;
|
@@ -899,7 +899,7 @@ const InstantAppsFilterList = class {
|
|
899
899
|
}
|
900
900
|
renderCombobox(layerExpression, expression) {
|
901
901
|
var _a;
|
902
|
-
return (index.h("label", { key: "combo-select", class: CSS$1.filterUIItemContainer }, index.h("span", null, expression.name), index.h("calcite-combobox", { id: expression.id.toString(), onCalciteComboboxChange: this.handleComboSelect.bind(this, expression, layerExpression), label: expression.name, placeholder: expression.placeholder, selectionMode: "multiple", "max-items": "6", overlayPositioning: this.comboboxOverlayPositioning }, (_a = expression.fields) === null || _a === void 0 ? void 0 : _a.map((value, index) => this.renderComboboxItem(expression, value, index)))));
|
902
|
+
return (index.h("label", { key: "combo-select", class: CSS$1.filterUIItemContainer }, index.h("span", null, expression.name), index.h("calcite-combobox", { id: expression.id.toString(), onCalciteComboboxChange: this.handleComboSelect.bind(this, expression, layerExpression), label: expression.name, placeholder: expression.placeholder, selectionMode: "multiple", "max-items": "6", scale: "s", overlayPositioning: this.comboboxOverlayPositioning }, (_a = expression.fields) === null || _a === void 0 ? void 0 : _a.map((value, index) => this.renderComboboxItem(expression, value, index)))));
|
903
903
|
}
|
904
904
|
renderComboboxItem(expression, value, index$1) {
|
905
905
|
var _a;
|
@@ -1784,7 +1784,7 @@ const InstantAppsFilterList = class {
|
|
1784
1784
|
};
|
1785
1785
|
InstantAppsFilterList.style = instantAppsFilterListCss;
|
1786
1786
|
|
1787
|
-
const instantAppsSocialShareCss = ":host{display:block;--instant-apps-social-share-width--s:200px;--instant-apps-social-share-width--m:280px;--instant-apps-social-share-width--l:320px;--instant-apps-social-share-width-horizontal--s:300px;--instant-apps-social-share-width-horizontal--m:380px;--instant-apps-social-share-width-horizontal--l:420px;--instant-apps-social-share-background-color:var(--calcite-color-foreground-1);--instant-apps-social-share-popover-button-background-color:transparent;--instant-apps-social-share-popover-button-icon-color:var(--calcite-ui-icon-color);--instant-apps-social-share-embed-border:1px solid $border;--instant-apps-social-share-embed-text-area-text:#468540}:host .instant-apps-social-share__popover-button{background-color:var(--instant-apps-social-share-popover-button-background-color)}:host .instant-apps-social-share__popover-button calcite-icon{color:var(--instant-apps-social-share-popover-button-icon-color)}:host .instant-apps-social-share__dialog,:host .instant-apps-social-share__dialog-embed{background-color:var(--instant-apps-social-share-background-color);border:var(--instant-apps-social-share-embed-border)}:host .instant-apps-social-share__dialog{box-sizing:border-box;height:auto;padding:10px 0;border-radius:5px}:host .instant-apps-social-share__options{margin:0;padding:1% 0 0 0;list-style-type:none}:host .instant-apps-social-share__options li{box-sizing:border-box;display:flex;align-items:center;width:100%;padding:5%;transition:background-color 0.15s ease-out 0s}:host .instant-apps-social-share__options li .instant-apps-social-share__icon,:host .instant-apps-social-share__options li .instant-apps-social-share__option-text{display:inline-block}:host .instant-apps-social-share__options li .instant-apps-social-share__icon{display:flex;align-items:center}:host .instant-apps-social-share__options li .instant-apps-social-share__option-text{width:85%;margin-left:10px;word-break:break-word}:host .instant-apps-social-share__options li .instant-apps-social-share__option-text--rtl{margin-left:0;margin-right:10px}:host .instant-apps-social-share__options li:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2)}:host .instant-apps-social-share__tip{box-sizing:border-box;padding:0 5% 1% 5%}:host .instant-apps-social-share__tip-header{display:flex;align-items:center;color:#007ac2;margin:8px 0 5px 0}:host .instant-apps-social-share__tip-header calcite-icon{margin-right:5px}:host .instant-apps-social-share__tip-content{line-height:17px;margin:0;padding-top:2%}:host .instant-apps-social-share__success{display:flex;flex-direction:column;padding:15px}:host .instant-apps-social-share__success-header{display:flex;align-items:center;font-weight:bold;margin-bottom:10px}:host .instant-apps-social-share__success-icon{display:flex;align-items:center;margin-right:5px}:host .instant-apps-social-share__success-icon calcite-icon{color:var(--calcite-color-status-success)}:host .instant-apps-social-share__success-message{line-height:16px}:host .instant-apps-social-share__embed{box-sizing:border-box;width:100%;padding:5%;margin-bottom:10px;border-top:1px solid #d3d3d3}:host .instant-apps-social-share__embed-header{display:flex;align-items:center;margin-bottom:5px}:host .instant-apps-social-share__embed-header calcite-icon{margin-right:5px}:host .instant-apps-social-share__embed-code-text-area{border:1px solid #d3d3d3}:host .instant-apps-social-share__embed-code-text-area textarea{box-sizing:border-box;padding:4%;border:none;resize:none;background:transparent;width:100%;font-family:var(--calcite-sans-family);color:var(--calcite-color-text-1)}:host .instant-apps-social-share__embed-code-text-area button{display:flex;align-items:center;text-align:start;width:100%;border:none;border-top:1px solid #d3d3d3;background-color:transparent;line-height:16px;font-weight:400;padding:3%;color:var(--calcite-color-text-1)}:host .instant-apps-social-share__embed-code-text-area button calcite-icon{color:#007ac2;margin-right:3px}:host .instant-apps-social-share__embed-code-text-area button:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2);transition:background-color 0.15s ease-out 0s}:host .instant-apps-social-share__embed-text-area-text{font-weight:600;color:var(--instant-apps-social-share-embed-text-area-text)}:host .instant-apps-social-share__embed .instant-apps-social-share__text-area--rtl{text-align:left}:host .instant-apps-social-share__embed-dimensions{display:flex;justify-content:space-between;margin-top:10px}:host .instant-apps-social-share__embed-dimensions-input{width:47%;box-sizing:border-box}:host .instant-apps-social-share__embed-dimensions-input input{border:1px solid #d3d3d3;width:100%;height:25px;font-family:var(--calcite-sans-family)}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options{display:flex;justify-content:space-around;margin-bottom:8%}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options li{flex-direction:column;padding:0}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options li .instant-apps-social-share__option-text{word-break:break-word;margin-left:0;margin-top:10px;text-align:center}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options li:hover{background-color:unset}:host .instant-apps-social-share__icon-container{display:flex;align-items:center}:host([scale=s]) .instant-apps-social-share__dialog{width:var(--instant-apps-social-share-width--s)}:host([scale=s]) .instant-apps-social-share__icon{width:16px;height:16px}:host([scale=s]) .instant-apps-social-share__option-text{font-size:var(--calcite-font-size--1)}:host([scale=s]) .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal{width:var(--instant-apps-social-share-width-horizontal--s)}:host([scale=s]) .instant-apps-social-share__tip-header,:host([scale=s]) .instant-apps-social-share__tip-content,:host([scale=s]) .instant-apps-social-share__embed-header,:host([scale=s]) .instant-apps-social-share__embed-dimensions-input{font-size:var(--calcite-font-size--2)}:host([scale=m]) .instant-apps-social-share__dialog{width:var(--instant-apps-social-share-width--m)}:host([scale=m]) .instant-apps-social-share__icon{width:24px;height:24px}:host([scale=m]) .instant-apps-social-share__option-text{font-size:var(--calcite-font-size-0)}:host([scale=m]) .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal{width:var(--instant-apps-social-share-width-horizontal--m)}:host([scale=m]) .instant-apps-social-share__tip-header,:host([scale=m]) .instant-apps-social-share__tip-content,:host([scale=m]) .instant-apps-social-share__embed-header,:host([scale=m]) .instant-apps-social-share__embed-dimensions-input{font-size:var(--calcite-font-size--1)}:host([scale=l]) .instant-apps-social-share__dialog{width:var(--instant-apps-social-share-width--l)}:host([scale=l]) .instant-apps-social-share__icon{width:32px;height:32px}:host([scale=l]) .instant-apps-social-share__option-text{font-size:var(--calcite-font-size-1)}:host([scale=l]) .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal{width:var(--instant-apps-social-share-width-horizontal--l)}:host([scale=l]) .instant-apps-social-share__tip-header,:host([scale=l]) .instant-apps-social-share__tip-content,:host([scale=l]) .instant-apps-social-share__embed-header,:host([scale=l]) .instant-apps-social-share__embed-dimensions-input{font-size:var(--calcite-font-size-0)}";
|
1787
|
+
const instantAppsSocialShareCss = ":host{display:block;--instant-apps-social-share-action-width:initial;--instant-apps-social-share-width--s:200px;--instant-apps-social-share-width--m:280px;--instant-apps-social-share-width--l:320px;--instant-apps-social-share-width-horizontal--s:300px;--instant-apps-social-share-width-horizontal--m:380px;--instant-apps-social-share-width-horizontal--l:420px;--instant-apps-social-share-background-color:var(--calcite-color-foreground-1);--instant-apps-social-share-popover-button-background-color:transparent;--instant-apps-social-share-popover-button-icon-color:var(--calcite-ui-icon-color);--instant-apps-social-share-embed-border:1px solid $border;--instant-apps-social-share-embed-text-area-text:#468540}:host .instant-apps-social-share__popover-button{background-color:var(--instant-apps-social-share-popover-button-background-color)}:host .instant-apps-social-share__popover-button calcite-icon{color:var(--instant-apps-social-share-popover-button-icon-color)}:host .instant-apps-social-share__dialog,:host .instant-apps-social-share__dialog-embed{background-color:var(--instant-apps-social-share-background-color);border:var(--instant-apps-social-share-embed-border)}:host .instant-apps-social-share__dialog{box-sizing:border-box;height:auto;padding:10px 0;border-radius:5px}:host .instant-apps-social-share__options{margin:0;padding:1% 0 0 0;list-style-type:none}:host .instant-apps-social-share__options li{box-sizing:border-box;display:flex;align-items:center;width:100%;padding:5%;transition:background-color 0.15s ease-out 0s}:host .instant-apps-social-share__options li .instant-apps-social-share__icon,:host .instant-apps-social-share__options li .instant-apps-social-share__option-text{display:inline-block}:host .instant-apps-social-share__options li .instant-apps-social-share__icon{display:flex;align-items:center}:host .instant-apps-social-share__options li .instant-apps-social-share__option-text{width:85%;margin-left:10px;word-break:break-word}:host .instant-apps-social-share__options li .instant-apps-social-share__option-text--rtl{margin-left:0;margin-right:10px}:host .instant-apps-social-share__options li:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2)}:host .instant-apps-social-share__tip{box-sizing:border-box;padding:0 5% 1% 5%}:host .instant-apps-social-share__tip-header{display:flex;align-items:center;color:#007ac2;margin:8px 0 5px 0}:host .instant-apps-social-share__tip-header calcite-icon{margin-right:5px}:host .instant-apps-social-share__tip-content{line-height:17px;margin:0;padding-top:2%}:host .instant-apps-social-share__success{display:flex;flex-direction:column;padding:15px}:host .instant-apps-social-share__success-header{display:flex;align-items:center;font-weight:bold;margin-bottom:10px}:host .instant-apps-social-share__success-icon{display:flex;align-items:center;margin-right:5px}:host .instant-apps-social-share__success-icon calcite-icon{color:var(--calcite-color-status-success)}:host .instant-apps-social-share__success-message{line-height:16px}:host .instant-apps-social-share__embed{box-sizing:border-box;width:100%;padding:5%;margin-bottom:10px;border-top:1px solid #d3d3d3}:host .instant-apps-social-share__embed-header{display:flex;align-items:center;margin-bottom:5px}:host .instant-apps-social-share__embed-header calcite-icon{margin-right:5px}:host .instant-apps-social-share__embed-code-text-area{border:1px solid #d3d3d3}:host .instant-apps-social-share__embed-code-text-area textarea{box-sizing:border-box;padding:4%;border:none;resize:none;background:transparent;width:100%;font-family:var(--calcite-sans-family);color:var(--calcite-color-text-1)}:host .instant-apps-social-share__embed-code-text-area button{display:flex;align-items:center;text-align:start;width:100%;border:none;border-top:1px solid #d3d3d3;background-color:transparent;line-height:16px;font-weight:400;padding:3%;color:var(--calcite-color-text-1)}:host .instant-apps-social-share__embed-code-text-area button calcite-icon{color:#007ac2;margin-right:3px}:host .instant-apps-social-share__embed-code-text-area button:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2);transition:background-color 0.15s ease-out 0s}:host .instant-apps-social-share__embed-text-area-text{font-weight:600;color:var(--instant-apps-social-share-embed-text-area-text)}:host .instant-apps-social-share__embed .instant-apps-social-share__text-area--rtl{text-align:left}:host .instant-apps-social-share__embed-dimensions{display:flex;justify-content:space-between;margin-top:10px}:host .instant-apps-social-share__embed-dimensions-input{width:47%;box-sizing:border-box}:host .instant-apps-social-share__embed-dimensions-input input{border:1px solid #d3d3d3;width:100%;height:25px;font-family:var(--calcite-sans-family)}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options{display:flex;justify-content:space-around;margin-bottom:8%}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options li{flex-direction:column;padding:0}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options li .instant-apps-social-share__option-text{word-break:break-word;margin-left:0;margin-top:10px;text-align:center}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options li:hover{background-color:unset}:host .instant-apps-social-share__icon-container{display:flex;align-items:center}:host calcite-action{width:var(--instant-apps-social-share-action-width)}:host([scale=s]) .instant-apps-social-share__dialog{width:var(--instant-apps-social-share-width--s)}:host([scale=s]) .instant-apps-social-share__icon{width:16px;height:16px}:host([scale=s]) .instant-apps-social-share__option-text{font-size:var(--calcite-font-size--1)}:host([scale=s]) .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal{width:var(--instant-apps-social-share-width-horizontal--s)}:host([scale=s]) .instant-apps-social-share__tip-header,:host([scale=s]) .instant-apps-social-share__tip-content,:host([scale=s]) .instant-apps-social-share__embed-header,:host([scale=s]) .instant-apps-social-share__embed-dimensions-input{font-size:var(--calcite-font-size--2)}:host([scale=m]) .instant-apps-social-share__dialog{width:var(--instant-apps-social-share-width--m)}:host([scale=m]) .instant-apps-social-share__icon{width:24px;height:24px}:host([scale=m]) .instant-apps-social-share__option-text{font-size:var(--calcite-font-size-0)}:host([scale=m]) .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal{width:var(--instant-apps-social-share-width-horizontal--m)}:host([scale=m]) .instant-apps-social-share__tip-header,:host([scale=m]) .instant-apps-social-share__tip-content,:host([scale=m]) .instant-apps-social-share__embed-header,:host([scale=m]) .instant-apps-social-share__embed-dimensions-input{font-size:var(--calcite-font-size--1)}:host([scale=l]) .instant-apps-social-share__dialog{width:var(--instant-apps-social-share-width--l)}:host([scale=l]) .instant-apps-social-share__icon{width:32px;height:32px}:host([scale=l]) .instant-apps-social-share__option-text{font-size:var(--calcite-font-size-1)}:host([scale=l]) .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal{width:var(--instant-apps-social-share-width-horizontal--l)}:host([scale=l]) .instant-apps-social-share__tip-header,:host([scale=l]) .instant-apps-social-share__tip-content,:host([scale=l]) .instant-apps-social-share__embed-header,:host([scale=l]) .instant-apps-social-share__embed-dimensions-input{font-size:var(--calcite-font-size-0)}";
|
1788
1788
|
|
1789
1789
|
const base = 'instant-apps-social-share';
|
1790
1790
|
const CSS = {
|
@@ -1989,7 +1989,7 @@ const InstantAppsSocialShare = class {
|
|
1989
1989
|
renderButton() {
|
1990
1990
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
1991
1991
|
const scale = this.shareButtonScale != null ? this.shareButtonScale : this.scale;
|
1992
|
-
return this.shareButtonType === 'button' ? (index.h("calcite-button", { ref: el => (this.popoverButtonRef = el), onClick: this.togglePopover.bind(this), id: "shareButton", class: CSS.popoverButton, kind: this.shareButtonColor, appearance: "transparent", label: (_b = (_a = this.messages) === null || _a === void 0 ? void 0 : _a.share) === null || _b === void 0 ? void 0 : _b.label, title: (_d = (_c = this.messages) === null || _c === void 0 ? void 0 : _c.share) === null || _d === void 0 ? void 0 : _d.label, scale: scale }, index.h("div", { class: CSS.iconContainer }, index.h("calcite-icon", { icon: "share", scale: this.popoverButtonIconScale })))) : (index.h("calcite-action", { ref: el => (this.popoverButtonRef = el), onClick: this.togglePopover.bind(this), id: "shareButton", class: CSS.popoverButton, appearance: "transparent", label: (_f = (_e = this.messages) === null || _e === void 0 ? void 0 : _e.share) === null || _f === void 0 ? void 0 : _f.label, title: (_h = (_g = this.messages) === null || _g === void 0 ? void 0 : _g.share) === null || _h === void 0 ? void 0 : _h.label, scale: scale, text: "" }, index.h("div", { class: CSS.iconContainer }, index.h("calcite-icon", { icon: "share", scale: this.popoverButtonIconScale }))));
|
1992
|
+
return this.shareButtonType === 'button' ? (index.h("calcite-button", { ref: el => (this.popoverButtonRef = el), onClick: this.togglePopover.bind(this), id: "shareButton", class: CSS.popoverButton, kind: this.shareButtonColor, appearance: "transparent", label: (_b = (_a = this.messages) === null || _a === void 0 ? void 0 : _a.share) === null || _b === void 0 ? void 0 : _b.label, title: (_d = (_c = this.messages) === null || _c === void 0 ? void 0 : _c.share) === null || _d === void 0 ? void 0 : _d.label, scale: scale }, index.h("div", { class: CSS.iconContainer }, index.h("calcite-icon", { icon: "share", scale: this.popoverButtonIconScale })))) : (index.h("calcite-action", { ref: el => (this.popoverButtonRef = el), onClick: this.togglePopover.bind(this), id: "shareButton", class: CSS.popoverButton, appearance: "transparent", label: (_f = (_e = this.messages) === null || _e === void 0 ? void 0 : _e.share) === null || _f === void 0 ? void 0 : _f.label, title: (_h = (_g = this.messages) === null || _g === void 0 ? void 0 : _g.share) === null || _h === void 0 ? void 0 : _h.label, scale: scale, text: "", alignment: "center" }, index.h("div", { class: CSS.iconContainer }, index.h("calcite-icon", { icon: "share", scale: this.popoverButtonIconScale }))));
|
1993
1993
|
}
|
1994
1994
|
renderSuccess() {
|
1995
1995
|
var _a;
|
@@ -149,7 +149,6 @@ const LayerTable = class {
|
|
149
149
|
this.onTableNodeCreate = (node) => {
|
150
150
|
this._tableNode = node;
|
151
151
|
};
|
152
|
-
this.defaultFilter = undefined;
|
153
152
|
this.defaultGlobalId = undefined;
|
154
153
|
this.defaultLayerId = undefined;
|
155
154
|
this.defaultOid = undefined;
|
@@ -185,6 +184,12 @@ const LayerTable = class {
|
|
185
184
|
// Watch handlers
|
186
185
|
//
|
187
186
|
//--------------------------------------------------------------------------
|
187
|
+
async defaultOidWatchHandler() {
|
188
|
+
await this._handleDefaults();
|
189
|
+
}
|
190
|
+
async defaultGlobalIdWatchHandler() {
|
191
|
+
await this._handleDefaults();
|
192
|
+
}
|
188
193
|
/**
|
189
194
|
* Reset the toolInfos when export csv is enabled/disabled
|
190
195
|
*/
|
@@ -241,6 +246,8 @@ const LayerTable = class {
|
|
241
246
|
* watch for changes in map info and update the toolbar
|
242
247
|
*/
|
243
248
|
async mapInfoWatchHandler() {
|
249
|
+
this._resetColumnTemplates();
|
250
|
+
this._initLayerExpressions();
|
244
251
|
this._initToolInfos();
|
245
252
|
this._updateToolbar();
|
246
253
|
}
|
@@ -271,8 +278,8 @@ const LayerTable = class {
|
|
271
278
|
this._floorField = (_a = this._layer.floorInfo) === null || _a === void 0 ? void 0 : _a.floorField;
|
272
279
|
this._updateFloorDefinitionExpression();
|
273
280
|
await this._resetTable();
|
274
|
-
this._updateShareUrl();
|
275
281
|
this._initLayerExpressions();
|
282
|
+
this._updateShareUrl();
|
276
283
|
this._fetchingData = false;
|
277
284
|
}));
|
278
285
|
}
|
@@ -870,22 +877,6 @@ const LayerTable = class {
|
|
870
877
|
else {
|
871
878
|
urlObj.searchParams.delete("oid");
|
872
879
|
}
|
873
|
-
if (this._filterActive) {
|
874
|
-
const filter = JSON.parse(this._filterList.urlParams.get("filter"));
|
875
|
-
const layerExpressions = this._filterList.layerExpressions.map(layerExp => {
|
876
|
-
layerExp.expressions = layerExp.expressions.map(exp => {
|
877
|
-
if (exp.id.toString() === filter.expressionId.toString()) {
|
878
|
-
exp.active = true;
|
879
|
-
}
|
880
|
-
return exp;
|
881
|
-
});
|
882
|
-
return layerExp;
|
883
|
-
});
|
884
|
-
urlObj.searchParams.set("filter", JSON.stringify(layerExpressions));
|
885
|
-
}
|
886
|
-
else {
|
887
|
-
urlObj.searchParams.delete("filter");
|
888
|
-
}
|
889
880
|
this._shareNode.shareUrl = urlObj.href;
|
890
881
|
}
|
891
882
|
/**
|
@@ -899,7 +890,7 @@ const LayerTable = class {
|
|
899
890
|
* @returns VNode The tooltip node
|
900
891
|
*/
|
901
892
|
_getToolTip(placement, referenceElement, text) {
|
902
|
-
return (index.h("calcite-tooltip", { placement: placement, "reference-element": referenceElement }, index.h("span", null, text)));
|
893
|
+
return document.getElementById(referenceElement) ? (index.h("calcite-tooltip", { placement: placement, "reference-element": referenceElement }, index.h("span", null, text))) : undefined;
|
903
894
|
}
|
904
895
|
/**
|
905
896
|
* Get an id with a prefix to the user supplied value
|
@@ -959,8 +950,6 @@ const LayerTable = class {
|
|
959
950
|
container: node
|
960
951
|
});
|
961
952
|
});
|
962
|
-
this._initColumnsInfo();
|
963
|
-
this._checkEditEnabled();
|
964
953
|
await this._table.when(() => {
|
965
954
|
this._table.highlightIds.on("change", (evt) => {
|
966
955
|
void this._handleOnChange(evt);
|
@@ -1064,7 +1053,11 @@ const LayerTable = class {
|
|
1064
1053
|
_resetColumnTemplates() {
|
1065
1054
|
var _a, _b;
|
1066
1055
|
const columnTemplates = this._getColumnTemplates((_a = this._layer) === null || _a === void 0 ? void 0 : _a.id, (_b = this._layer) === null || _b === void 0 ? void 0 : _b.fields);
|
1067
|
-
|
1056
|
+
const hasChange = columnTemplates.some((ct, i) => {
|
1057
|
+
var _a;
|
1058
|
+
return JSON.stringify((_a = this._table) === null || _a === void 0 ? void 0 : _a.tableTemplate.columnTemplates[i]) !== JSON.stringify(ct);
|
1059
|
+
});
|
1060
|
+
if (this._table && columnTemplates && hasChange) {
|
1068
1061
|
this._table.tableTemplate = new this.TableTemplate({
|
1069
1062
|
columnTemplates
|
1070
1063
|
});
|
@@ -1078,46 +1071,73 @@ const LayerTable = class {
|
|
1078
1071
|
async _resetTable() {
|
1079
1072
|
var _a;
|
1080
1073
|
this._clearSelection();
|
1081
|
-
this._allIds = [];
|
1082
|
-
this.featureSelectionChange.emit(this.selectedIds);
|
1083
|
-
const columnTemplates = this._getColumnTemplates(this._layer.id, (_a = this._layer) === null || _a === void 0 ? void 0 : _a.fields);
|
1084
1074
|
this._allIds = await mapViewUtils.queryAllIds(this._layer);
|
1085
1075
|
if (!this._table) {
|
1076
|
+
const columnTemplates = this._getColumnTemplates(this._layer.id, (_a = this._layer) === null || _a === void 0 ? void 0 : _a.fields);
|
1086
1077
|
await this._getTable(this._tableNode, columnTemplates);
|
1087
1078
|
}
|
1088
|
-
|
1089
|
-
|
1079
|
+
else {
|
1080
|
+
this._table.view = this.mapView;
|
1081
|
+
this._table.layer = this._layer;
|
1082
|
+
}
|
1083
|
+
await this._initLayerRefresh();
|
1090
1084
|
this._checkEditEnabled();
|
1091
1085
|
this._table.editingEnabled = this._editEnabled && this.enableInlineEdit;
|
1092
1086
|
await this.reactiveUtils.once(() => this._table.state === "loaded")
|
1093
1087
|
.then(async () => {
|
1094
|
-
var _a, _b;
|
1095
1088
|
this._table.highlightIds.removeAll();
|
1096
1089
|
this._table.clearSelectionFilter();
|
1097
1090
|
this._resetColumnTemplates();
|
1098
|
-
if (!this._defaultOidHonored && ((_a = this.defaultOid) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.defaultOid[0] > -1) {
|
1099
|
-
this._selectDefaultFeature(this.defaultOid);
|
1100
|
-
this._defaultOidHonored = true;
|
1101
|
-
}
|
1102
|
-
if (!this._defaultGlobalIdHonored && ((_b = this.defaultGlobalId) === null || _b === void 0 ? void 0 : _b.length) > 0) {
|
1103
|
-
const features = await mapViewUtils.queryFeaturesByGlobalID(this.defaultGlobalId, this._layer);
|
1104
|
-
const oids = (features === null || features === void 0 ? void 0 : features.length) > 0 ? features.map(f => f.getObjectId()) : undefined;
|
1105
|
-
if (oids) {
|
1106
|
-
this._selectDefaultFeature(oids);
|
1107
|
-
}
|
1108
|
-
this._defaultGlobalIdHonored = true;
|
1109
|
-
}
|
1110
|
-
if (!this._defaultFilterHonored && this.defaultFilter && this._filterList) {
|
1111
|
-
this._layerExpressions = this.defaultFilter;
|
1112
|
-
this._filterActive = true;
|
1113
|
-
this._defaultFilterHonored = true;
|
1114
|
-
}
|
1115
1091
|
this._showOnlySelected = false;
|
1092
|
+
await this._handleDefaults();
|
1116
1093
|
await this._sortTable();
|
1117
1094
|
this._initToolInfos();
|
1118
1095
|
this._updateToolbar();
|
1119
1096
|
});
|
1120
1097
|
}
|
1098
|
+
/**
|
1099
|
+
* Update the current IDs when that layers data is modified
|
1100
|
+
*/
|
1101
|
+
async _initLayerRefresh() {
|
1102
|
+
if (this._refreshHandle) {
|
1103
|
+
this._refreshHandle.remove();
|
1104
|
+
}
|
1105
|
+
this._refreshHandle = this._layer.on("refresh", (evt) => {
|
1106
|
+
if (evt.dataChanged) {
|
1107
|
+
this._skipOnChange = true;
|
1108
|
+
void this._updateAllIds();
|
1109
|
+
}
|
1110
|
+
});
|
1111
|
+
}
|
1112
|
+
/**
|
1113
|
+
* Reset _allIds when the layers data has changed and refresh the selection ids and table
|
1114
|
+
*/
|
1115
|
+
async _updateAllIds() {
|
1116
|
+
this._allIds = await mapViewUtils.queryAllIds(this._layer);
|
1117
|
+
this.selectedIds = this.selectedIds.filter(id => this._allIds.indexOf(id) > -1);
|
1118
|
+
await this._refresh();
|
1119
|
+
}
|
1120
|
+
async _handleDefaults() {
|
1121
|
+
var _a, _b;
|
1122
|
+
if (!this._defaultOidHonored && ((_a = this.defaultOid) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.defaultOid[0] > -1 && this._table) {
|
1123
|
+
await this._selectDefaultFeature(this.defaultOid);
|
1124
|
+
this._defaultOidHonored = true;
|
1125
|
+
this.defaultOid = undefined;
|
1126
|
+
this._showOnlySelected = false;
|
1127
|
+
this._toggleShowSelected();
|
1128
|
+
}
|
1129
|
+
if (!this._defaultGlobalIdHonored && ((_b = this.defaultGlobalId) === null || _b === void 0 ? void 0 : _b.length) > 0 && this._table) {
|
1130
|
+
const features = await mapViewUtils.queryFeaturesByGlobalID(this.defaultGlobalId, this._layer);
|
1131
|
+
const oids = (features === null || features === void 0 ? void 0 : features.length) > 0 ? features.map(f => f.getObjectId()) : undefined;
|
1132
|
+
if (oids) {
|
1133
|
+
await this._selectDefaultFeature(oids);
|
1134
|
+
}
|
1135
|
+
this._defaultGlobalIdHonored = true;
|
1136
|
+
this.defaultGlobalId = undefined;
|
1137
|
+
this._showOnlySelected = false;
|
1138
|
+
this._toggleShowSelected();
|
1139
|
+
}
|
1140
|
+
}
|
1121
1141
|
/**
|
1122
1142
|
* Store the column names and current hidden status to support show/hide of columns
|
1123
1143
|
* @param fieldNames optional list of names from new config options
|
@@ -1146,13 +1166,12 @@ const LayerTable = class {
|
|
1146
1166
|
/**
|
1147
1167
|
* Select the feature that was specified via url params
|
1148
1168
|
*/
|
1149
|
-
_selectDefaultFeature(oids) {
|
1169
|
+
async _selectDefaultFeature(oids) {
|
1150
1170
|
if (oids.length > 0) {
|
1151
1171
|
this._table.highlightIds.addMany(oids);
|
1152
|
-
|
1153
|
-
|
1154
|
-
|
1155
|
-
});
|
1172
|
+
// This is messed up and only make this worse
|
1173
|
+
//const i = this._table.viewModel.getObjectIdIndex(oids[0]);
|
1174
|
+
//this._table.viewModel.scrollToIndex(i);
|
1156
1175
|
}
|
1157
1176
|
}
|
1158
1177
|
/**
|
@@ -1343,7 +1362,6 @@ const LayerTable = class {
|
|
1343
1362
|
this._layerExpressions = layerExpressions ? layerExpressions.filter((exp) => { var _a; return exp.id === ((_a = this._layer) === null || _a === void 0 ? void 0 : _a.id); }) : [];
|
1344
1363
|
this._filterList.layerExpressions = this._layerExpressions;
|
1345
1364
|
this._filterActive = this._layerExpressions.filter(lyrExp => {
|
1346
|
-
console.log(lyrExp);
|
1347
1365
|
return lyrExp.expressions.filter(exp => exp.active).length > 0;
|
1348
1366
|
}).length > 0;
|
1349
1367
|
}
|
@@ -1529,6 +1547,8 @@ const LayerTable = class {
|
|
1529
1547
|
}
|
1530
1548
|
get el() { return index.getElement(this); }
|
1531
1549
|
static get watchers() { return {
|
1550
|
+
"defaultOid": ["defaultOidWatchHandler"],
|
1551
|
+
"defaultGlobalId": ["defaultGlobalIdWatchHandler"],
|
1532
1552
|
"enableCSV": ["enableCSVWatchHandler"],
|
1533
1553
|
"enableInlineEdit": ["enableInlineEditWatchHandler"],
|
1534
1554
|
"enableShare": ["enableShareWatchHandler"],
|
@@ -24,8 +24,9 @@ const CrowdsourceManager = class {
|
|
24
24
|
* MapView.when is not fired when mapView is not currently visible
|
25
25
|
*/
|
26
26
|
this._shouldSetMapView = false;
|
27
|
+
this._defaultCenterHonored = false;
|
28
|
+
this._defaultLevelHonored = false;
|
27
29
|
this.defaultCenter = "";
|
28
|
-
this.defaultFilter = "";
|
29
30
|
this.defaultGlobalId = "";
|
30
31
|
this.defaultLayer = "";
|
31
32
|
this.defaultLevel = "";
|
@@ -70,39 +71,6 @@ const CrowdsourceManager = class {
|
|
70
71
|
// Watch handlers
|
71
72
|
//
|
72
73
|
//--------------------------------------------------------------------------
|
73
|
-
/**
|
74
|
-
* Watch for center url param to be set
|
75
|
-
*/
|
76
|
-
defaultCenterWatchHandler() {
|
77
|
-
this._defaultCenter = !this.defaultCenter ? undefined :
|
78
|
-
this.defaultCenter.split(";").map(v => parseFloat(v));
|
79
|
-
}
|
80
|
-
/**
|
81
|
-
* Watch for filter url param to be set
|
82
|
-
*/
|
83
|
-
defaultFilterWatchHandler() {
|
84
|
-
this._defaultFilter = JSON.parse(this.defaultFilter);
|
85
|
-
}
|
86
|
-
/**
|
87
|
-
* Watch for globalid url param to be set
|
88
|
-
*/
|
89
|
-
defaultGlobalIdWatchHandler() {
|
90
|
-
this._defaultGlobalId = !this.defaultGlobalId ? undefined :
|
91
|
-
this.defaultGlobalId.indexOf(",") > -1 ? this.defaultGlobalId.split(",") : [this.defaultGlobalId];
|
92
|
-
}
|
93
|
-
/**
|
94
|
-
* Watch for oid url param to be set
|
95
|
-
*/
|
96
|
-
defaultOidWatchHandler() {
|
97
|
-
this._defaultOid = !this.defaultOid ? undefined :
|
98
|
-
this.defaultOid.indexOf(",") > -1 ? this.defaultOid.split(",").map(o => parseInt(o, 10)) : [parseInt(this.defaultOid, 10)];
|
99
|
-
}
|
100
|
-
/**
|
101
|
-
* Watch for zoom level param to be set
|
102
|
-
*/
|
103
|
-
defaultLevelWatchHandler() {
|
104
|
-
this._defaultLevel = !this.defaultLevel ? undefined : parseInt(this.defaultLevel, 10);
|
105
|
-
}
|
106
74
|
/**
|
107
75
|
* When true the map zoom tools will be available
|
108
76
|
*/
|
@@ -394,6 +362,7 @@ const CrowdsourceManager = class {
|
|
394
362
|
* @protected
|
395
363
|
*/
|
396
364
|
_getTable(layoutMode, panelOpen, hideTable) {
|
365
|
+
var _a, _b;
|
397
366
|
const tableClass = hideTable && this._isMobile ? "visibility-hidden" : "";
|
398
367
|
const tableSizeClass = this._getTableSizeClass(layoutMode, panelOpen);
|
399
368
|
const icon = this._getDividerIcon(layoutMode, panelOpen);
|
@@ -402,7 +371,11 @@ const CrowdsourceManager = class {
|
|
402
371
|
const toggleLayout = layoutMode === interfaces.ELayoutMode.HORIZONTAL ? "horizontal" : "vertical";
|
403
372
|
const toggleSlot = layoutMode === interfaces.ELayoutMode.HORIZONTAL ? "header" : "panel-start";
|
404
373
|
const hasMapAndLayer = this.defaultWebmap && this.defaultLayer;
|
405
|
-
|
374
|
+
const globalId = !this.defaultGlobalId ? undefined :
|
375
|
+
((_a = this.defaultGlobalId) === null || _a === void 0 ? void 0 : _a.indexOf(",")) > -1 ? this.defaultGlobalId.split(",") : [this.defaultGlobalId];
|
376
|
+
const defaultOid = !this.defaultOid ? undefined :
|
377
|
+
((_b = this.defaultOid) === null || _b === void 0 ? void 0 : _b.indexOf(",")) > -1 ? this.defaultOid.split(",").map(o => parseInt(o, 10)) : [parseInt(this.defaultOid, 10)];
|
378
|
+
return (index.h("calcite-shell", { class: `${tableSizeClass} ${tableClass} border-bottom` }, !this._isMobile ? (index.h("calcite-action-bar", { class: "border-sides", expandDisabled: true, layout: toggleLayout, slot: toggleSlot }, index.h("calcite-action", { class: "toggle-node", icon: icon, id: id, onClick: () => this._toggleLayout(), text: "" }), index.h("calcite-tooltip", { label: tooltip, placement: "bottom", "reference-element": id }, index.h("span", null, tooltip)))) : undefined, index.h("div", { class: `width-full height-full position-relative` }, index.h("layer-table", { defaultGlobalId: hasMapAndLayer ? globalId : undefined, defaultLayerId: hasMapAndLayer ? this.defaultLayer : "", defaultOid: hasMapAndLayer && !globalId ? defaultOid : undefined, enableAutoRefresh: this.enableAutoRefresh, enableCSV: this.enableCSV, enableColumnReorder: this.enableColumnReorder, enableInlineEdit: this.enableInlineEdit, enableShare: this.enableShare, isMobile: this._isMobile, mapInfo: this._mapInfo, mapView: this === null || this === void 0 ? void 0 : this._mapView, onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, ref: (el) => this._layerTable = el, shareIncludeEmbed: this.shareIncludeEmbed, shareIncludeSocial: this.shareIncludeSocial, showNewestFirst: this.showNewestFirst, zoomAndScrollToSelected: this.zoomAndScrollToSelected }))));
|
406
379
|
}
|
407
380
|
/**
|
408
381
|
* Update the component layout when its size changes
|
@@ -455,17 +428,22 @@ const CrowdsourceManager = class {
|
|
455
428
|
* @protected
|
456
429
|
*/
|
457
430
|
async _setMapView() {
|
431
|
+
var _a;
|
458
432
|
this._mapInfo = this._getMapInfo(this._mapChange.id);
|
459
433
|
this._mapView = this._mapChange.mapView;
|
460
434
|
this._initMapZoom();
|
461
435
|
this._mapView.popupEnabled = false;
|
462
|
-
|
436
|
+
const center = !this.defaultCenter || this._defaultCenterHonored ?
|
437
|
+
undefined : (_a = this.defaultCenter) === null || _a === void 0 ? void 0 : _a.split(";").map(v => parseFloat(v));
|
438
|
+
const zoom = !this.defaultLevel || this._defaultLevelHonored ?
|
439
|
+
undefined : parseInt(this.defaultLevel, 10);
|
440
|
+
if (center && zoom) {
|
463
441
|
await this._mapView.goTo({
|
464
|
-
center
|
465
|
-
zoom
|
442
|
+
center,
|
443
|
+
zoom
|
466
444
|
});
|
467
|
-
this.
|
468
|
-
this.
|
445
|
+
this._defaultCenterHonored = true;
|
446
|
+
this._defaultLevelHonored = true;
|
469
447
|
}
|
470
448
|
}
|
471
449
|
/**
|
@@ -497,11 +475,6 @@ const CrowdsourceManager = class {
|
|
497
475
|
}
|
498
476
|
get el() { return index.getElement(this); }
|
499
477
|
static get watchers() { return {
|
500
|
-
"defaultCenter": ["defaultCenterWatchHandler"],
|
501
|
-
"defaultFilter": ["defaultFilterWatchHandler"],
|
502
|
-
"defaultGlobalId": ["defaultGlobalIdWatchHandler"],
|
503
|
-
"defaultOid": ["defaultOidWatchHandler"],
|
504
|
-
"defaultLevel": ["defaultLevelWatchHandler"],
|
505
478
|
"enableZoom": ["enableZoomWatchHandler"]
|
506
479
|
}; }
|
507
480
|
};
|
@@ -659,13 +659,13 @@ const InstantAppsExport = class {
|
|
659
659
|
});
|
660
660
|
}
|
661
661
|
updateScaleBar() {
|
662
|
-
|
663
|
-
if (this.scaleBarContainerEl) {
|
662
|
+
if (this.scaleBarContainerEl && this.view != null) {
|
664
663
|
this.scaleBarContainerEl.innerHTML = '';
|
665
664
|
if (this.showScaleBar) {
|
666
|
-
const
|
667
|
-
|
668
|
-
|
665
|
+
const widgets = this.view.ui.getComponents();
|
666
|
+
const scaleBar = widgets === null || widgets === void 0 ? void 0 : widgets.find(({ container }) => { var _a; return (_a = container === null || container === void 0 ? void 0 : container.className) === null || _a === void 0 ? void 0 : _a.includes('esri-scale-bar'); });
|
667
|
+
if ((scaleBar === null || scaleBar === void 0 ? void 0 : scaleBar.container) != null && typeof scaleBar.container !== 'string') {
|
668
|
+
this.scaleBarContainerEl.append(scaleBar.container.cloneNode(true));
|
669
669
|
}
|
670
670
|
}
|
671
671
|
}
|
@@ -1192,11 +1192,26 @@ const InstantAppsInteractiveLegendClassic = class {
|
|
1192
1192
|
var _a, _b, _c, _d;
|
1193
1193
|
try {
|
1194
1194
|
// Initial data setup
|
1195
|
+
// Loads map/basemap
|
1195
1196
|
const map = await ((_c = (_b = (_a = this.legendvm) === null || _a === void 0 ? void 0 : _a.view) === null || _b === void 0 ? void 0 : _b.map) === null || _c === void 0 ? void 0 : _c.load());
|
1196
1197
|
await ((_d = map === null || map === void 0 ? void 0 : map.basemap) === null || _d === void 0 ? void 0 : _d.load());
|
1198
|
+
// Loads all layers in webmap and waits until all settled promises
|
1197
1199
|
const allLayers = map === null || map === void 0 ? void 0 : map.allLayers;
|
1198
1200
|
const promises = allLayers === null || allLayers === void 0 ? void 0 : allLayers.map(layer => layer.load());
|
1199
|
-
await Promise.allSettled(promises);
|
1201
|
+
const settled = await Promise.allSettled(promises);
|
1202
|
+
const settledLayerPromises = settled
|
1203
|
+
.map(settledLayer => ((settledLayer === null || settledLayer === void 0 ? void 0 : settledLayer.status) === 'fulfilled' && (settledLayer === null || settledLayer === void 0 ? void 0 : settledLayer.value) ? settledLayer.value : null))
|
1204
|
+
.filter(layer => !!layer);
|
1205
|
+
// Wait until all layer views are settled/available
|
1206
|
+
const lvPromises = [];
|
1207
|
+
settledLayerPromises.forEach(layer => {
|
1208
|
+
var _a;
|
1209
|
+
if ((_a = this.legendvm) === null || _a === void 0 ? void 0 : _a.view) {
|
1210
|
+
lvPromises.push(this.legendvm.view.whenLayerView(layer));
|
1211
|
+
}
|
1212
|
+
});
|
1213
|
+
await Promise.allSettled(lvPromises);
|
1214
|
+
// Generate data once all layers/layer views are complete
|
1200
1215
|
const data = await helpers.generateData(this.legendvm, this.reactiveUtils);
|
1201
1216
|
helpers.store.set('data', Object.assign(Object.assign({}, helpers.interactiveLegendState.data), data));
|
1202
1217
|
this.isLoading = false;
|