@esri/solutions-components 0.7.47 → 0.7.49

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.
Files changed (41) hide show
  1. package/dist/cjs/basemap-gallery_7.cjs.entry.js +13 -5
  2. package/dist/cjs/calcite-input-date-picker_3.cjs.entry.js +5 -5
  3. package/dist/cjs/card-manager_3.cjs.entry.js +43 -13
  4. package/dist/cjs/instant-apps-export.cjs.entry.js +5 -5
  5. package/dist/cjs/instant-apps-interactive-legend-classic.cjs.entry.js +16 -1
  6. package/dist/cjs/loader.cjs.js +1 -1
  7. package/dist/cjs/solutions-components.cjs.js +1 -1
  8. package/dist/collection/components/floor-filter/floor-filter.js +41 -5
  9. package/dist/collection/components/layer-table/layer-table.js +55 -13
  10. package/dist/collection/demos/crowdsource-manager.html +6 -0
  11. package/dist/components/floor-filter2.js +13 -5
  12. package/dist/components/instant-apps-export.js +5 -5
  13. package/dist/components/instant-apps-filter-list2.js +3 -3
  14. package/dist/components/instant-apps-interactive-legend-classic2.js +16 -1
  15. package/dist/components/instant-apps-social-share2.js +2 -2
  16. package/dist/components/layer-table2.js +44 -14
  17. package/dist/esm/basemap-gallery_7.entry.js +13 -5
  18. package/dist/esm/calcite-input-date-picker_3.entry.js +5 -5
  19. package/dist/esm/card-manager_3.entry.js +43 -13
  20. package/dist/esm/instant-apps-export.entry.js +5 -5
  21. package/dist/esm/instant-apps-interactive-legend-classic.entry.js +16 -1
  22. package/dist/esm/loader.js +1 -1
  23. package/dist/esm/solutions-components.js +1 -1
  24. package/dist/node_modules/@esri/instant-apps-components/dist/collection/components/instant-apps-filter-list/instant-apps-filter-list.css +2 -4
  25. package/dist/node_modules/@esri/instant-apps-components/dist/collection/components/instant-apps-social-share/instant-apps-social-share.css +5 -0
  26. package/dist/solutions-components/demos/crowdsource-manager.html +6 -0
  27. package/dist/solutions-components/p-6a83b842.entry.js +6 -0
  28. package/dist/solutions-components/p-6d9f6b6a.entry.js +6 -0
  29. package/dist/solutions-components/p-8595b4aa.entry.js +17 -0
  30. package/dist/solutions-components/p-ce4eed51.entry.js +6 -0
  31. package/dist/solutions-components/{p-f5b259f3.entry.js → p-de459c0a.entry.js} +1 -1
  32. package/dist/solutions-components/solutions-components.esm.js +1 -1
  33. package/dist/types/components/floor-filter/floor-filter.d.ts +16 -0
  34. package/dist/types/components/layer-table/layer-table.d.ts +21 -1
  35. package/dist/types/components.d.ts +10 -0
  36. package/dist/types/preact.d.ts +3 -1
  37. package/package.json +2 -2
  38. package/dist/solutions-components/p-26764dd7.entry.js +0 -6
  39. package/dist/solutions-components/p-704c9ba1.entry.js +0 -17
  40. package/dist/solutions-components/p-ac2799f6.entry.js +0 -6
  41. package/dist/solutions-components/p-fc4df904.entry.js +0 -6
@@ -123,7 +123,9 @@ const floorFilterCss = ":host{display:block}";
123
123
  const FloorFilter = class {
124
124
  constructor(hostRef) {
125
125
  index.registerInstance(this, hostRef);
126
+ this.facilityChanged = index.createEvent(this, "facilityChanged", 7);
126
127
  this.levelChanged = index.createEvent(this, "levelChanged", 7);
128
+ this.siteChanged = index.createEvent(this, "siteChanged", 7);
127
129
  this.enabled = undefined;
128
130
  this.floorFilterWidget = undefined;
129
131
  this.mapView = undefined;
@@ -176,22 +178,28 @@ const FloorFilter = class {
176
178
  * Initialize the floor filter or reset the current view if it already exists
177
179
  */
178
180
  _initFloorFilter(view) {
179
- var _a;
181
+ var _a, _b, _c, _d;
180
182
  if (view && this.enabled && this.FloorFilter && ((_a = view === null || view === void 0 ? void 0 : view.map) === null || _a === void 0 ? void 0 : _a.floorInfo)) {
181
183
  if (!this.floorFilterWidget) {
182
184
  this.floorFilterWidget = new this.FloorFilter({
183
185
  container: this._floorFilterElement,
184
186
  view
185
187
  });
186
- if (this._levelHandle) {
187
- this._levelHandle.remove();
188
- }
188
+ (_b = this._facilityHandle) === null || _b === void 0 ? void 0 : _b.remove();
189
+ this._facilityHandle = this.reactiveUtils.watch(() => this.floorFilterWidget.facility, (facility) => {
190
+ this.facilityChanged.emit(facility);
191
+ });
192
+ (_c = this._levelHandle) === null || _c === void 0 ? void 0 : _c.remove();
189
193
  this._levelHandle = this.reactiveUtils.watch(() => this.floorFilterWidget.level, (level) => {
190
194
  this.levelChanged.emit(level);
191
195
  });
196
+ (_d = this._siteHandle) === null || _d === void 0 ? void 0 : _d.remove();
197
+ this._siteHandle = this.reactiveUtils.watch(() => this.floorFilterWidget.site, (site) => {
198
+ this.siteChanged.emit(site);
199
+ });
192
200
  }
193
201
  else {
194
- this.floorFilterWidget.view = view;
202
+ this.floorFilterWidget.viewModel.view = view;
195
203
  }
196
204
  }
197
205
  }
@@ -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%;--calcite-font-size--1:16px}.instant-apps-filter-list__item-container--user-input calcite-combobox-item{--calcite-font-size--1:12px}.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}";
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 = "absolute";
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;
@@ -241,6 +241,8 @@ const LayerTable = class {
241
241
  * watch for changes in map info and update the toolbar
242
242
  */
243
243
  async mapInfoWatchHandler() {
244
+ this._resetColumnTemplates();
245
+ this._initLayerExpressions();
244
246
  this._initToolInfos();
245
247
  this._updateToolbar();
246
248
  }
@@ -252,6 +254,7 @@ const LayerTable = class {
252
254
  this._mapClickHandle.remove();
253
255
  }
254
256
  if (this.mapView) {
257
+ this._floorExpression = undefined;
255
258
  this._updateShareUrl();
256
259
  this._mapClickHandle = this.reactiveUtils.on(() => this.mapView, "click", (event) => {
257
260
  void this._mapClicked(event);
@@ -270,8 +273,8 @@ const LayerTable = class {
270
273
  this._floorField = (_a = this._layer.floorInfo) === null || _a === void 0 ? void 0 : _a.floorField;
271
274
  this._updateFloorDefinitionExpression();
272
275
  await this._resetTable();
273
- this._updateShareUrl();
274
276
  this._initLayerExpressions();
277
+ this._updateShareUrl();
275
278
  this._fetchingData = false;
276
279
  }));
277
280
  }
@@ -320,6 +323,13 @@ const LayerTable = class {
320
323
  }
321
324
  await this._refresh();
322
325
  }
326
+ /**
327
+ * Refresh the table when floor filter facility is changed
328
+ */
329
+ async facilityChanged(evt) {
330
+ this._floorFacility = evt.detail;
331
+ this._updateFloorDefinitionExpression();
332
+ }
323
333
  /**
324
334
  * Refresh the table when floor filter level is changed
325
335
  */
@@ -327,6 +337,13 @@ const LayerTable = class {
327
337
  this._floorLevel = evt.detail;
328
338
  this._updateFloorDefinitionExpression();
329
339
  }
340
+ /**
341
+ * Refresh the table when floor filter site is changed
342
+ */
343
+ async siteChanged(evt) {
344
+ this._floorSite = evt.detail;
345
+ this._updateFloorDefinitionExpression();
346
+ }
330
347
  /**
331
348
  * Refresh the table when
332
349
  */
@@ -623,7 +640,12 @@ const LayerTable = class {
623
640
  */
624
641
  _updateFloorDefinitionExpression() {
625
642
  if (this._floorField && this._floorLevel) {
626
- this._layer.definitionExpression = `${this._floorField} = '${this._floorLevel}'`;
643
+ const floorExp = `${this._floorField} = '${this._floorLevel}'`;
644
+ const defExp = this._layer.definitionExpression;
645
+ this._layer.definitionExpression = (defExp === null || defExp === void 0 ? void 0 : defExp.indexOf(this._floorExpression)) > -1 ?
646
+ defExp.replace(this._floorExpression, floorExp) :
647
+ defExp ? `${defExp} AND (${floorExp})` : floorExp;
648
+ this._floorExpression = floorExp;
627
649
  }
628
650
  }
629
651
  /**
@@ -939,8 +961,6 @@ const LayerTable = class {
939
961
  container: node
940
962
  });
941
963
  });
942
- this._initColumnsInfo();
943
- this._checkEditEnabled();
944
964
  await this._table.when(() => {
945
965
  this._table.highlightIds.on("change", (evt) => {
946
966
  void this._handleOnChange(evt);
@@ -1058,20 +1078,20 @@ const LayerTable = class {
1058
1078
  async _resetTable() {
1059
1079
  var _a;
1060
1080
  this._clearSelection();
1061
- this._allIds = [];
1062
- this.featureSelectionChange.emit(this.selectedIds);
1063
- const columnTemplates = this._getColumnTemplates(this._layer.id, (_a = this._layer) === null || _a === void 0 ? void 0 : _a.fields);
1064
1081
  this._allIds = await mapViewUtils.queryAllIds(this._layer);
1065
1082
  if (!this._table) {
1083
+ const columnTemplates = this._getColumnTemplates(this._layer.id, (_a = this._layer) === null || _a === void 0 ? void 0 : _a.fields);
1066
1084
  await this._getTable(this._tableNode, columnTemplates);
1067
1085
  }
1068
- this._table.layer = this._layer;
1069
- this._table.view = this.mapView;
1086
+ else {
1087
+ this._table.view = this.mapView;
1088
+ this._table.layer = this._layer;
1089
+ }
1070
1090
  this._checkEditEnabled();
1071
1091
  this._table.editingEnabled = this._editEnabled && this.enableInlineEdit;
1072
1092
  await this.reactiveUtils.once(() => this._table.state === "loaded")
1073
1093
  .then(async () => {
1074
- var _a, _b;
1094
+ var _a, _b, _c;
1075
1095
  this._table.highlightIds.removeAll();
1076
1096
  this._table.clearSelectionFilter();
1077
1097
  this._resetColumnTemplates();
@@ -1087,7 +1107,7 @@ const LayerTable = class {
1087
1107
  }
1088
1108
  this._defaultGlobalIdHonored = true;
1089
1109
  }
1090
- if (!this._defaultFilterHonored && this.defaultFilter && this._filterList) {
1110
+ if (!this._defaultFilterHonored && ((_c = this.defaultFilter) === null || _c === void 0 ? void 0 : _c.length) > 0 && this._filterList) {
1091
1111
  this._layerExpressions = this.defaultFilter;
1092
1112
  this._filterActive = true;
1093
1113
  this._defaultFilterHonored = true;
@@ -1226,7 +1246,15 @@ const LayerTable = class {
1226
1246
  * Check if the layers definitionExpression has been modified
1227
1247
  */
1228
1248
  _handleFilterUpdate() {
1229
- this._filterActive = this._definitionExpression !== this._layer.definitionExpression;
1249
+ const defExp = this._layer.definitionExpression;
1250
+ if (this._floorExpression) {
1251
+ const regEx = new RegExp(`${this._floorField} = ['].+[']`, "gm");
1252
+ this._layer.definitionExpression = defExp && this._floorField && defExp.indexOf(`${this._floorField} = '`) > -1 ?
1253
+ defExp.replace(regEx, this._floorExpression) : defExp ?
1254
+ `${defExp} AND (${this._floorExpression})` : this._floorExpression;
1255
+ }
1256
+ this._filterActive = this._definitionExpression !== this._layer.definitionExpression &&
1257
+ (this._floorExpression ? this._layer.definitionExpression !== this._floorExpression : true);
1230
1258
  this._updateShareUrl();
1231
1259
  }
1232
1260
  /**
@@ -1314,7 +1342,9 @@ const LayerTable = class {
1314
1342
  const layerExpressions = (_b = (_a = this.mapInfo) === null || _a === void 0 ? void 0 : _a.filterConfig) === null || _b === void 0 ? void 0 : _b.layerExpressions;
1315
1343
  this._layerExpressions = layerExpressions ? layerExpressions.filter((exp) => { var _a; return exp.id === ((_a = this._layer) === null || _a === void 0 ? void 0 : _a.id); }) : [];
1316
1344
  this._filterList.layerExpressions = this._layerExpressions;
1317
- this._filterActive = false;
1345
+ this._filterActive = this._layerExpressions.filter(lyrExp => {
1346
+ return lyrExp.expressions.filter(exp => exp.active).length > 0;
1347
+ }).length > 0;
1318
1348
  }
1319
1349
  /**
1320
1350
  * Select all rows that are not currently selectd
@@ -659,13 +659,13 @@ const InstantAppsExport = class {
659
659
  });
660
660
  }
661
661
  updateScaleBar() {
662
- var _a, _b, _c;
663
- if (this.scaleBarContainerEl) {
662
+ if (this.scaleBarContainerEl && this.view != null) {
664
663
  this.scaleBarContainerEl.innerHTML = '';
665
664
  if (this.showScaleBar) {
666
- const scaleBar = (_c = (_b = (_a = this.view) === null || _a === void 0 ? void 0 : _a.container) === null || _b === void 0 ? void 0 : _b.querySelector('.esri-scale-bar.esri-widget')) === null || _c === void 0 ? void 0 : _c.cloneNode(true);
667
- if (scaleBar != null) {
668
- this.scaleBarContainerEl.append(scaleBar);
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;