@esri/solutions-components 0.8.23 → 0.8.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (166) hide show
  1. package/dist/cjs/arcgis-login.cjs.entry.js +1 -1
  2. package/dist/cjs/basemap-gallery_7.cjs.entry.js +1 -1
  3. package/dist/cjs/buffer-tools_3.cjs.entry.js +1 -1
  4. package/dist/cjs/{calcite-avatar.cjs.entry.js → calcite-avatar_2.cjs.entry.js} +62 -0
  5. package/dist/cjs/calcite-block_5.cjs.entry.js +12 -3
  6. package/dist/cjs/calcite-dropdown-group_2.cjs.entry.js +419 -0
  7. package/dist/cjs/{calcite-dropdown_4.cjs.entry.js → calcite-dropdown_2.cjs.entry.js} +12 -435
  8. package/dist/cjs/calcite-flow_6.cjs.entry.js +23 -27
  9. package/dist/cjs/card-manager_3.cjs.entry.js +1 -1
  10. package/dist/cjs/crowdsource-manager.cjs.entry.js +1 -1
  11. package/dist/cjs/crowdsource-reporter.cjs.entry.js +56 -36
  12. package/dist/cjs/feature-list.cjs.entry.js +4 -3
  13. package/dist/cjs/{helpers-9347ad83.js → helpers-618a3f7d.js} +2 -1
  14. package/dist/cjs/instant-apps-create.cjs.entry.js +266 -0
  15. package/dist/cjs/instant-apps-export.cjs.entry.js +31 -16
  16. package/dist/cjs/instant-apps-header.cjs.entry.js +3 -2
  17. package/dist/cjs/instant-apps-interactive-legend-classic.cjs.entry.js +11 -4
  18. package/dist/cjs/instant-apps-interactive-legend-count_2.cjs.entry.js +1 -1
  19. package/dist/cjs/instant-apps-interactive-legend-group-legend-element-caption.cjs.entry.js +1 -1
  20. package/dist/cjs/instant-apps-interactive-legend-group-legend-element_5.cjs.entry.js +2 -2
  21. package/dist/cjs/instant-apps-interactive-legend.cjs.entry.js +1 -1
  22. package/dist/cjs/instant-apps-landing-page.cjs.entry.js +45 -9
  23. package/dist/cjs/instant-apps-language-switcher.cjs.entry.js +1 -1
  24. package/dist/cjs/instant-apps-language-translator.cjs.entry.js +1 -1
  25. package/dist/cjs/instant-apps-sign-in.cjs.entry.js +168 -0
  26. package/dist/cjs/{languageSwitcher-395021d6.js → languageSwitcher-b9a1485c.js} +3 -1
  27. package/dist/cjs/loader.cjs.js +1 -1
  28. package/dist/cjs/public-notification.cjs.entry.js +3 -3
  29. package/dist/cjs/resources-fa37e40f.js +26 -0
  30. package/dist/cjs/solutions-components.cjs.js +1 -1
  31. package/dist/collection/collection-manifest.json +3 -1
  32. package/dist/collection/components/arcgis-login/arcgis-login.js +1 -1
  33. package/dist/collection/components/basemap-gallery/basemap-gallery.js +1 -1
  34. package/dist/collection/components/buffer-tools/buffer-tools.js +1 -1
  35. package/dist/collection/components/card-manager/card-manager.js +1 -1
  36. package/dist/collection/components/create-feature/create-feature.js +1 -1
  37. package/dist/collection/components/create-related-feature/create-related-feature.js +1 -1
  38. package/dist/collection/components/crowdsource-manager/crowdsource-manager.js +1 -1
  39. package/dist/collection/components/crowdsource-reporter/crowdsource-reporter.js +56 -45
  40. package/dist/collection/components/feature-details/feature-details.js +56 -13
  41. package/dist/collection/components/feature-list/feature-list.js +22 -3
  42. package/dist/collection/components/layer-list/layer-list.js +6 -13
  43. package/dist/collection/components/public-notification/public-notification.js +3 -3
  44. package/dist/collection/demos/crowdsource-reporter.html +22 -15
  45. package/dist/collection/utils/interfaces.ts +1 -0
  46. package/dist/components/arcgis-login.js +1 -1
  47. package/dist/components/basemap-gallery2.js +1 -1
  48. package/dist/components/buffer-tools2.js +1 -1
  49. package/dist/components/calcite-navigation-user.js +1 -99
  50. package/dist/components/card-manager2.js +1 -1
  51. package/dist/components/create-feature2.js +1 -1
  52. package/dist/components/create-related-feature2.js +1 -1
  53. package/dist/components/crowdsource-manager.js +1 -1
  54. package/dist/components/crowdsource-reporter.js +57 -37
  55. package/dist/components/feature-details2.js +16 -12
  56. package/dist/components/feature-list2.js +5 -3
  57. package/dist/components/helpers.js +3 -2
  58. package/dist/components/instant-apps-ckeditor-wrapper2.js +1 -1
  59. package/dist/components/instant-apps-create.js +317 -0
  60. package/dist/components/instant-apps-export.js +32 -16
  61. package/dist/components/instant-apps-filter-list2.js +6 -1
  62. package/dist/components/instant-apps-header2.js +3 -2
  63. package/dist/components/instant-apps-interactive-legend-classic2.js +12 -5
  64. package/dist/components/instant-apps-interactive-legend-legend-element-caption2.js +2 -2
  65. package/dist/components/instant-apps-landing-page.js +91 -16
  66. package/dist/components/instant-apps-language-translator2.js +3 -1
  67. package/dist/components/instant-apps-sign-in.js +11 -0
  68. package/dist/components/instant-apps-sign-in2.js +243 -0
  69. package/dist/components/instant-apps-social-share2.js +8 -2
  70. package/dist/components/layer-list2.js +6 -13
  71. package/dist/{esm/calcite-navigation-user.entry.js → components/navigation-user.js} +46 -9
  72. package/dist/components/public-notification.js +3 -3
  73. package/dist/esm/arcgis-login.entry.js +1 -1
  74. package/dist/esm/basemap-gallery_7.entry.js +1 -1
  75. package/dist/esm/buffer-tools_3.entry.js +1 -1
  76. package/dist/esm/{calcite-avatar.entry.js → calcite-avatar_2.entry.js} +64 -3
  77. package/dist/esm/calcite-block_5.entry.js +12 -3
  78. package/dist/esm/calcite-color-picker-hex-input_2.entry.js +1 -1
  79. package/dist/esm/calcite-color-picker.entry.js +1 -1
  80. package/dist/esm/calcite-dropdown-group_2.entry.js +414 -0
  81. package/dist/esm/{calcite-dropdown_4.entry.js → calcite-dropdown_2.entry.js} +2 -423
  82. package/dist/esm/calcite-flow_6.entry.js +23 -27
  83. package/dist/esm/card-manager_3.entry.js +1 -1
  84. package/dist/esm/crowdsource-manager.entry.js +1 -1
  85. package/dist/esm/crowdsource-reporter.entry.js +56 -36
  86. package/dist/esm/feature-list.entry.js +4 -3
  87. package/dist/esm/{helpers-a5a81b9d.js → helpers-61b05164.js} +3 -2
  88. package/dist/esm/instant-apps-create.entry.js +262 -0
  89. package/dist/esm/instant-apps-export.entry.js +31 -16
  90. package/dist/esm/instant-apps-header.entry.js +3 -2
  91. package/dist/esm/instant-apps-interactive-legend-classic.entry.js +11 -4
  92. package/dist/esm/instant-apps-interactive-legend-count_2.entry.js +1 -1
  93. package/dist/esm/instant-apps-interactive-legend-group-legend-element-caption.entry.js +1 -1
  94. package/dist/esm/instant-apps-interactive-legend-group-legend-element_5.entry.js +2 -2
  95. package/dist/esm/instant-apps-interactive-legend.entry.js +1 -1
  96. package/dist/esm/instant-apps-landing-page.entry.js +46 -10
  97. package/dist/esm/instant-apps-language-switcher.entry.js +1 -1
  98. package/dist/esm/instant-apps-language-translator.entry.js +1 -1
  99. package/dist/esm/instant-apps-sign-in.entry.js +164 -0
  100. package/dist/esm/{languageSwitcher-a4a615e4.js → languageSwitcher-d60f03b2.js} +3 -1
  101. package/dist/esm/loader.js +1 -1
  102. package/dist/esm/public-notification.entry.js +3 -3
  103. package/dist/esm/resources-16800cce.js +24 -0
  104. package/dist/esm/solutions-components.js +1 -1
  105. package/dist/esm/{utils-6419e941.js → utils-251cb6de.js} +1 -1
  106. package/dist/node_modules/@esri/instant-apps-components/dist/collection/components/instant-apps-create/instant-apps-create.css +150 -0
  107. package/dist/node_modules/@esri/instant-apps-components/dist/collection/components/instant-apps-header/instant-apps-header.css +16 -9
  108. package/dist/node_modules/@esri/instant-apps-components/dist/collection/components/instant-apps-landing-page/instant-apps-landing-page.css +19 -0
  109. package/dist/node_modules/@esri/instant-apps-components/dist/collection/components/instant-apps-sign-in/instant-apps-sign-in.css +98 -0
  110. package/dist/solutions-components/demos/crowdsource-reporter.html +22 -15
  111. package/dist/solutions-components/p-1251dcc6.entry.js +6 -0
  112. package/dist/solutions-components/{p-88495699.entry.js → p-16730f05.entry.js} +1 -1
  113. package/dist/solutions-components/p-1ae3b886.entry.js +17 -0
  114. package/dist/solutions-components/{p-63460d51.entry.js → p-1ff9eb95.entry.js} +1 -1
  115. package/dist/solutions-components/{p-8f6e0ae5.entry.js → p-26eb1225.entry.js} +1 -1
  116. package/dist/solutions-components/{p-3a2e0188.entry.js → p-2c044250.entry.js} +2 -2
  117. package/dist/solutions-components/p-314dc933.entry.js +6 -0
  118. package/dist/solutions-components/p-50741707.entry.js +6 -0
  119. package/dist/solutions-components/p-614ebce7.js +6 -0
  120. package/dist/solutions-components/{p-df73649e.entry.js → p-77cd573b.entry.js} +1 -1
  121. package/dist/solutions-components/{p-c95dcdf7.entry.js → p-7883b885.entry.js} +3 -3
  122. package/dist/solutions-components/p-79e2e203.entry.js +6 -0
  123. package/dist/solutions-components/{p-968a6fd8.entry.js → p-7b17e929.entry.js} +1 -1
  124. package/dist/solutions-components/p-80b3eb6b.entry.js +6 -0
  125. package/dist/solutions-components/p-84913712.js +6 -0
  126. package/dist/solutions-components/p-8c500fd7.entry.js +6 -0
  127. package/dist/solutions-components/{p-fe9d6d06.js → p-9f56c02c.js} +1 -1
  128. package/dist/solutions-components/{p-667c022f.entry.js → p-af4be4ce.entry.js} +1 -1
  129. package/dist/solutions-components/p-bb2e669d.entry.js +6 -0
  130. package/dist/solutions-components/p-c41997d5.js +11 -0
  131. package/dist/solutions-components/p-c512fcfb.entry.js +6 -0
  132. package/dist/solutions-components/{p-21d6360a.entry.js → p-c7f0e7a8.entry.js} +1 -1
  133. package/dist/solutions-components/{p-64da5bb8.entry.js → p-cbf0dada.entry.js} +3 -3
  134. package/dist/solutions-components/{p-9c7d4343.entry.js → p-cd91c3e7.entry.js} +1 -1
  135. package/dist/solutions-components/p-ceba37d3.entry.js +11 -0
  136. package/dist/solutions-components/{p-09b769b7.entry.js → p-d8a15e32.entry.js} +1 -1
  137. package/dist/solutions-components/p-d8da6406.entry.js +6 -0
  138. package/dist/solutions-components/p-da6b3c8a.entry.js +6 -0
  139. package/dist/solutions-components/{p-60f1055e.entry.js → p-e2400b0d.entry.js} +1 -1
  140. package/dist/solutions-components/p-e78be59a.entry.js +6 -0
  141. package/dist/solutions-components/p-f35cc7ae.entry.js +6 -0
  142. package/dist/solutions-components/solutions-components.esm.js +1 -1
  143. package/dist/solutions-components/utils/interfaces.ts +1 -0
  144. package/dist/types/components/crowdsource-reporter/crowdsource-reporter.d.ts +18 -7
  145. package/dist/types/components/feature-details/feature-details.d.ts +13 -1
  146. package/dist/types/components/feature-list/feature-list.d.ts +4 -0
  147. package/dist/types/components/layer-list/layer-list.d.ts +1 -1
  148. package/dist/types/components.d.ts +25 -2
  149. package/dist/types/preact.d.ts +7 -2
  150. package/dist/types/utils/interfaces.d.ts +1 -0
  151. package/package.json +2 -2
  152. package/dist/cjs/calcite-navigation-user.cjs.entry.js +0 -73
  153. package/dist/solutions-components/p-08a1e120.js +0 -6
  154. package/dist/solutions-components/p-3283660c.entry.js +0 -6
  155. package/dist/solutions-components/p-33647277.entry.js +0 -6
  156. package/dist/solutions-components/p-3af0764f.entry.js +0 -6
  157. package/dist/solutions-components/p-41d288c0.entry.js +0 -6
  158. package/dist/solutions-components/p-599dcc29.js +0 -6
  159. package/dist/solutions-components/p-64b4b579.entry.js +0 -11
  160. package/dist/solutions-components/p-ab96dd27.entry.js +0 -6
  161. package/dist/solutions-components/p-bb0c7be3.entry.js +0 -17
  162. package/dist/solutions-components/p-bb8e3add.entry.js +0 -11
  163. package/dist/solutions-components/p-c36bb8ca.entry.js +0 -6
  164. package/dist/solutions-components/p-cbe166fc.entry.js +0 -6
  165. package/dist/solutions-components/p-eab95aa4.entry.js +0 -6
  166. package/dist/solutions-components/p-f6a1673c.entry.js +0 -6
@@ -17,15 +17,10 @@ const loadable = require('./loadable-b374ef4b.js');
17
17
  const observers = require('./observers-4fa351d9.js');
18
18
  const openCloseComponent = require('./openCloseComponent-6a283ac3.js');
19
19
  const component = require('./component-d48747c9.js');
20
- const locale = require('./locale-48d76c59.js');
21
- const mapViewUtils = require('./mapViewUtils-6e46ba33.js');
22
- const publicNotificationStore = require('./publicNotificationStore-3bfbbed3.js');
20
+ const resources = require('./resources-fa37e40f.js');
23
21
  require('./resources-1c0e54c1.js');
24
22
  require('./debounce-7f1e04d6.js');
25
23
  require('./browser-a96d0614.js');
26
- require('./esri-loader-fce6a9cb.js');
27
- require('./interfaces-7cd0a48a.js');
28
- require('./index-c078ea5f.js');
29
24
 
30
25
  /*!
31
26
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
@@ -431,96 +426,6 @@ const Dropdown = class {
431
426
  };
432
427
  Dropdown.style = CalciteDropdownStyle0;
433
428
 
434
- /*!
435
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
436
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
437
- * v2.8.2
438
- */
439
- const CSS = {
440
- container: "container",
441
- containerLink: "container--link",
442
- containerMulti: "container--multi-selection",
443
- containerSingle: "container--single-selection",
444
- containerNone: "container--none-selection",
445
- icon: "dropdown-item-icon",
446
- iconEnd: "dropdown-item-icon-end",
447
- iconStart: "dropdown-item-icon-start",
448
- itemContent: "dropdown-item-content",
449
- link: "dropdown-link",
450
- };
451
-
452
- const dropdownGroupCss = ":host{position:relative;display:block}.container{text-align:start}.container--s{font-size:var(--calcite-font-size--2);line-height:1rem}.container--s .dropdown-title{padding:0.5rem}.container--m{font-size:var(--calcite-font-size--1);line-height:1rem}.container--m .dropdown-title{padding:0.75rem}.container--l{font-size:var(--calcite-font-size-0);line-height:1.25rem}.container--l .dropdown-title{padding:1rem}.dropdown-title{margin-block-end:-1px;display:block;cursor:default;overflow-wrap:break-word;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-2)}.dropdown-separator{display:block;block-size:1px;background-color:var(--calcite-color-border-3)}:host([hidden]){display:none}[hidden]{display:none}";
453
- const CalciteDropdownGroupStyle0 = dropdownGroupCss;
454
-
455
- const DropdownGroup = class {
456
- constructor(hostRef) {
457
- index.registerInstance(this, hostRef);
458
- this.calciteInternalDropdownItemChange = index.createEvent(this, "calciteInternalDropdownItemChange", 6);
459
- this.updateItems = () => {
460
- Array.from(this.el.querySelectorAll("calcite-dropdown-item")).forEach((item) => (item.selectionMode = this.selectionMode));
461
- };
462
- this.mutationObserver = observers.createObserver("mutation", () => this.updateItems());
463
- this.groupTitle = undefined;
464
- this.scale = "m";
465
- this.selectionMode = "single";
466
- }
467
- handlePropsChange() {
468
- this.updateItems();
469
- }
470
- //--------------------------------------------------------------------------
471
- //
472
- // Lifecycle
473
- //
474
- //--------------------------------------------------------------------------
475
- connectedCallback() {
476
- var _a;
477
- this.updateItems();
478
- (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true });
479
- }
480
- componentWillLoad() {
481
- this.groupPosition = this.getGroupPosition();
482
- }
483
- disconnectedCallback() {
484
- var _a;
485
- (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
486
- }
487
- render() {
488
- const groupTitle = this.groupTitle ? (index.h("span", { "aria-hidden": "true", class: "dropdown-title" }, this.groupTitle)) : null;
489
- const dropdownSeparator = this.groupPosition > 0 ? index.h("div", { class: "dropdown-separator", role: "separator" }) : null;
490
- return (index.h(index.Host, { key: 'c1b662afcbb612d775cea66edb949d71f5f63167', "aria-label": this.groupTitle, role: "group" }, index.h("div", { key: 'cdfdb0919b1b6006f69f7fbcda0c16c2beefec5e', class: {
491
- [CSS.container]: true,
492
- [`${CSS.container}--${this.scale}`]: true,
493
- } }, dropdownSeparator, groupTitle, index.h("slot", { key: '166c8236f3315d2f038f61b0619270d2bd9b344a' }))));
494
- }
495
- //--------------------------------------------------------------------------
496
- //
497
- // Event Listeners
498
- //
499
- //--------------------------------------------------------------------------
500
- updateActiveItemOnChange(event) {
501
- this.requestedDropdownGroup = event.detail.requestedDropdownGroup;
502
- this.requestedDropdownItem = event.detail.requestedDropdownItem;
503
- this.calciteInternalDropdownItemChange.emit({
504
- requestedDropdownGroup: this.requestedDropdownGroup,
505
- requestedDropdownItem: this.requestedDropdownItem,
506
- });
507
- }
508
- //--------------------------------------------------------------------------
509
- //
510
- // Private Methods
511
- //
512
- //--------------------------------------------------------------------------
513
- getGroupPosition() {
514
- return Array.prototype.indexOf.call(this.el.parentElement.querySelectorAll("calcite-dropdown-group"), this.el);
515
- }
516
- static get delegatesFocus() { return true; }
517
- get el() { return index.getElement(this); }
518
- static get watchers() { return {
519
- "selectionMode": ["handlePropsChange"]
520
- }; }
521
- };
522
- DropdownGroup.style = CalciteDropdownGroupStyle0;
523
-
524
429
  const dropdownItemCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}.container--s{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;padding-inline-end:0.5rem;padding-inline-start:1.5rem}.container--m{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;padding-inline-end:0.75rem;padding-inline-start:2rem}.container--l{padding-block:0.625rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-inline-end:1rem;padding-inline-start:2.5rem}.container--s.container--none-selection{padding-inline-start:0.25rem}.container--s.container--none-selection .dropdown-link{padding-inline-start:0px}.container--m.container--none-selection{padding-inline-start:0.5rem}.container--m.container--none-selection .dropdown-link{padding-inline-start:0px}.container--l.container--none-selection{padding-inline-start:0.75rem}.container--l.container--none-selection .dropdown-link{padding-inline-start:0px}:host{position:relative;display:flex;flex-grow:1;align-items:center}.container{position:relative;display:flex;flex-grow:1;cursor:pointer;align-items:center;color:var(--calcite-color-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);text-align:start}.dropdown-item-content{flex:1 1 auto;padding-block:0.125rem;padding-inline-end:auto;padding-inline-start:0.25rem}:host,.container--link a{outline-color:transparent}:host(:focus){outline:2px solid transparent;outline-offset:2px;outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n -2px *\n calc(\n 1 -\n 2 * clamp(\n 0,\n var(--calcite-offset-invert-focus),\n 1\n )\n )\n )}.container--link{padding:0px}.container--link a{position:relative;display:flex;flex-grow:1;cursor:pointer;align-items:center;color:var(--calcite-color-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.container--s .dropdown-link{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;padding-inline-end:0.5rem;padding-inline-start:1.5rem}.container--m .dropdown-link{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;padding-inline-end:0.75rem;padding-inline-start:2rem}.container--l .dropdown-link{padding-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;padding-inline-end:1rem;padding-inline-start:2.5rem}:host(:hover:not([disabled])) .container,:host(:active:not([disabled])) .container{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1);-webkit-text-decoration-line:none;text-decoration-line:none}:host(:hover:not([disabled])) .container--link .dropdown-link,:host(:active:not([disabled])) .container--link .dropdown-link{color:var(--calcite-color-text-1)}:host(:active:not([disabled])) .container{background-color:var(--calcite-color-foreground-3)}:host(:focus) .container{color:var(--calcite-color-text-1);-webkit-text-decoration-line:none;text-decoration-line:none}:host([selected]) .container:not(.container--none-selection),:host([selected]) .container--link .dropdown-link{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}:host([selected]) .container:not(.container--none-selection) calcite-icon,:host([selected]) .container--link .dropdown-link calcite-icon{color:var(--calcite-color-brand)}.dropdown-item-icon{position:absolute;opacity:0;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:scale(0.9)}.container--s .dropdown-item-icon{inset-inline-start:0.25rem}.container--m .dropdown-item-icon{inset-inline-start:0.5rem}.container--l .dropdown-item-icon{inset-inline-start:0.75rem}:host(:hover:not([disabled])) .dropdown-item-icon{color:var(--calcite-color-border-1);opacity:1}:host([selected]) .dropdown-item-icon{color:var(--calcite-color-brand);opacity:1}.container--s .dropdown-item-icon-start{margin-inline-end:0.5rem;margin-inline-start:0.25rem}.container--s .dropdown-item-icon-end{margin-inline-start:0.5rem}.container--m .dropdown-item-icon-start{margin-inline-end:0.75rem;margin-inline-start:0.25rem}.container--m .dropdown-item-icon-end{margin-inline-start:0.75rem}.container--l .dropdown-item-icon-start{margin-inline-end:1rem;margin-inline-start:0.25rem}.container--l .dropdown-item-icon-end{margin-inline-start:1rem}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}";
525
430
  const CalciteDropdownItemStyle0 = dropdownItemCss;
526
431
 
@@ -574,9 +479,9 @@ const DropdownItem = class {
574
479
  }
575
480
  render() {
576
481
  const { href, selectionMode, label, iconFlipRtl, scale } = this;
577
- const iconStartEl = (index.h("calcite-icon", { key: '10985dba962cc1582cc6b2896e1c274b21e1dc20', class: CSS.iconStart, flipRtl: iconFlipRtl === "start" || iconFlipRtl === "both", icon: this.iconStart, scale: component.getIconScale(this.scale) }));
578
- const contentNode = (index.h("span", { key: 'e72a06cc3d3f325ec8e0e8eff407dc9149b29b14', class: CSS.itemContent }, index.h("slot", { key: 'e8d4e201f5903a2811c642d441d4b33d20abd7b2' })));
579
- const iconEndEl = (index.h("calcite-icon", { key: 'fd15f4aea96916ffa674591adc6887dafccc8218', class: CSS.iconEnd, flipRtl: iconFlipRtl === "end" || iconFlipRtl === "both", icon: this.iconEnd, scale: component.getIconScale(this.scale) }));
482
+ const iconStartEl = (index.h("calcite-icon", { key: '10985dba962cc1582cc6b2896e1c274b21e1dc20', class: resources.CSS.iconStart, flipRtl: iconFlipRtl === "start" || iconFlipRtl === "both", icon: this.iconStart, scale: component.getIconScale(this.scale) }));
483
+ const contentNode = (index.h("span", { key: 'e72a06cc3d3f325ec8e0e8eff407dc9149b29b14', class: resources.CSS.itemContent }, index.h("slot", { key: 'e8d4e201f5903a2811c642d441d4b33d20abd7b2' })));
484
+ const iconEndEl = (index.h("calcite-icon", { key: 'fd15f4aea96916ffa674591adc6887dafccc8218', class: resources.CSS.iconEnd, flipRtl: iconFlipRtl === "end" || iconFlipRtl === "both", icon: this.iconEnd, scale: component.getIconScale(this.scale) }));
580
485
  const slottedContent = this.iconStart && this.iconEnd
581
486
  ? [iconStartEl, contentNode, iconEndEl]
582
487
  : this.iconStart
@@ -584,7 +489,7 @@ const DropdownItem = class {
584
489
  : this.iconEnd
585
490
  ? [contentNode, iconEndEl]
586
491
  : contentNode;
587
- const contentEl = !href ? (slottedContent) : (index.h("a", { "aria-label": label, class: CSS.link, href: href, rel: this.rel, tabIndex: -1, target: this.target,
492
+ const contentEl = !href ? (slottedContent) : (index.h("a", { "aria-label": label, class: resources.CSS.link, href: href, rel: this.rel, tabIndex: -1, target: this.target,
588
493
  // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
589
494
  ref: (el) => (this.childLink = el) }, slottedContent));
590
495
  const itemRole = href
@@ -597,13 +502,13 @@ const DropdownItem = class {
597
502
  const itemAria = selectionMode !== "none" ? dom.toAriaBoolean(this.selected) : null;
598
503
  const { disabled } = this;
599
504
  return (index.h(index.Host, { key: '6cdbba40456cde099120c69e8b743db43a044279', "aria-checked": itemAria, "aria-label": !href ? label : "", role: itemRole, tabIndex: disabled ? -1 : 0 }, index.h(interactive.InteractiveContainer, { key: 'ad9f797dba175a65095cb209f0230043ca19247c', disabled: disabled }, index.h("div", { key: '6380f6b0db4dfada44886e8e003d6d973598b252', class: {
600
- [CSS.container]: true,
601
- [CSS.containerLink]: !!href,
602
- [`${CSS.container}--${scale}`]: true,
603
- [CSS.containerMulti]: selectionMode === "multiple",
604
- [CSS.containerSingle]: selectionMode === "single",
605
- [CSS.containerNone]: selectionMode === "none",
606
- } }, selectionMode !== "none" ? (index.h("calcite-icon", { class: CSS.icon, icon: selectionMode === "multiple" ? "check" : "bullet-point", scale: component.getIconScale(this.scale) })) : null, contentEl))));
505
+ [resources.CSS.container]: true,
506
+ [resources.CSS.containerLink]: !!href,
507
+ [`${resources.CSS.container}--${scale}`]: true,
508
+ [resources.CSS.containerMulti]: selectionMode === "multiple",
509
+ [resources.CSS.containerSingle]: selectionMode === "single",
510
+ [resources.CSS.containerNone]: selectionMode === "none",
511
+ } }, selectionMode !== "none" ? (index.h("calcite-icon", { class: resources.CSS.icon, icon: selectionMode === "multiple" ? "check" : "bullet-point", scale: component.getIconScale(this.scale) })) : null, contentEl))));
607
512
  }
608
513
  //--------------------------------------------------------------------------
609
514
  //
@@ -690,333 +595,5 @@ const DropdownItem = class {
690
595
  };
691
596
  DropdownItem.style = CalciteDropdownItemStyle0;
692
597
 
693
- const mapLayerPickerCss = ":host{display:block}.map-layer-picker-container{width:100%;align-items:center}.map-layer-picker{position:relative;width:100%;display:inline-block}.padding-bottom-1{padding-bottom:1rem}.layer-picker-dropdown{height:100%;width:100%}.max-width-350{max-width:350px}.height-100{height:100%}.disabled{cursor:default !important;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled);pointer-events:none}.no-bottom-margin{--calcite-label-margin-bottom:0px}.layer-picker-label-container{align-items:center;display:inline-flex;height:100%;padding-inline-start:1rem;padding-inline-end:1rem}.padding-start-1{padding-inline-start:1rem}.cursor-default{cursor:default}";
694
- const MapLayerPickerStyle0 = mapLayerPickerCss;
695
-
696
- const MapLayerPicker = class {
697
- constructor(hostRef) {
698
- index.registerInstance(this, hostRef);
699
- this.idsFound = index.createEvent(this, "idsFound", 7);
700
- this.noLayersFound = index.createEvent(this, "noLayersFound", 7);
701
- this.layerSelectionChange = index.createEvent(this, "layerSelectionChange", 7);
702
- //--------------------------------------------------------------------------
703
- //
704
- // Properties (protected)
705
- //
706
- //--------------------------------------------------------------------------
707
- /**
708
- * boolean: When true the default layer has been loaded once and should no longer be used
709
- */
710
- this.defaultLayerHonored = false;
711
- this.appearance = "transparent";
712
- this.defaultLayerId = "";
713
- this.display = "inline-block";
714
- this.enabledLayerIds = [];
715
- this.enabledTableIds = [];
716
- this.height = undefined;
717
- this.isMobile = undefined;
718
- this.mapView = undefined;
719
- this.onlyShowUpdatableLayers = undefined;
720
- this.placeholderIcon = "";
721
- this.selectedIds = [];
722
- this.scale = "m";
723
- this.showTables = undefined;
724
- this.showSingleLayerAsLabel = false;
725
- this.type = "select";
726
- this._hasMultipleLayers = true;
727
- this._hasValidLayers = true;
728
- this._isDropdownOpen = undefined;
729
- this.ids = [];
730
- this.selectedName = "";
731
- this._translations = undefined;
732
- }
733
- //--------------------------------------------------------------------------
734
- //
735
- // Watch handlers
736
- //
737
- //--------------------------------------------------------------------------
738
- /**
739
- * Called each time the mapView prop is changed.
740
- */
741
- async mapViewWatchHandler() {
742
- await this._setLayers();
743
- if (this.ids.length > 0) {
744
- this._hasValidLayers = true;
745
- this._hasMultipleLayers = this.ids.length > 1;
746
- this._setSelectedLayer(this.ids[0]);
747
- }
748
- else {
749
- this._hasValidLayers = false;
750
- this.noLayersFound.emit();
751
- }
752
- }
753
- //--------------------------------------------------------------------------
754
- //
755
- // Functions (lifecycle)
756
- //
757
- //--------------------------------------------------------------------------
758
- /**
759
- * StencilJS: Called once just after the component is first connected to the DOM.
760
- */
761
- async componentWillLoad() {
762
- await this._getTranslations();
763
- await this._setLayers();
764
- if (this.ids.length > 0 || this.selectedIds.length === 1) {
765
- this.layerSelectionChange.emit(this.selectedIds.length === 1 ? [this.selectedIds[0]] : [this.ids[0]]);
766
- }
767
- }
768
- /**
769
- * Renders the component.
770
- */
771
- render() {
772
- const id = "map-layer-picker";
773
- let style = this.height > 0 ? { "height": `${this.height.toString()}px` } : {};
774
- style = Object.assign(Object.assign({}, style), { "display": this.display });
775
- return (index.h(index.Host, { key: 'ccb8c7d12a2e631938308380cd4ecd0a1d73c963' }, index.h("div", { key: 'aa0992de9bab1c5a555d51542c093cc7cb948200', class: "map-layer-picker-container", style: style }, index.h("div", { key: 'a03bca67eb822b492d34abe53db7d05e6fd7ebdf', class: "map-layer-picker", style: style }, !this._hasValidLayers ? this._getInvalidPlaceholder() :
776
- !this._hasMultipleLayers && this.showSingleLayerAsLabel ? this._getSingleLayerPlaceholder() :
777
- this.type === "combobox" ? this._getCombobox(id) :
778
- this.type === "select" ? this._getSelect(id) : this._getDropdown(id)))));
779
- }
780
- /**
781
- * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
782
- */
783
- async componentDidLoad() {
784
- if (this.ids.length > 0 || this.selectedIds.length === 1) {
785
- const id = this.selectedIds.length === 1 ? this.selectedIds[0] : this.ids[0];
786
- if (this.type === "select") {
787
- this._layerElement.value = id;
788
- }
789
- else if (this.type === "dropdown") {
790
- this.selectedName = Object.keys(this._layerNameHash).indexOf(id) > -1 ?
791
- this._layerNameHash[id].name : Object.keys(this._tableNameHash).indexOf(id) > -1 ?
792
- this._tableNameHash[id].name : "";
793
- }
794
- }
795
- }
796
- //--------------------------------------------------------------------------
797
- //
798
- // Functions (protected)
799
- //
800
- //--------------------------------------------------------------------------
801
- /**
802
- * Create a notice to inform the user that no layers were found
803
- *
804
- * @returns Calcite Notice component with the message
805
- */
806
- _getInvalidPlaceholder() {
807
- return (index.h("div", null, index.h("calcite-notice", { class: "height-100", icon: "exclamation-mark-triangle", id: "no-valid-layers", kind: "danger", open: true }, index.h("div", { slot: "message" }, this._translations.noLayersFound)), index.h("calcite-tooltip", { label: this._translations.enableEditUpdate, placement: "bottom", "reference-element": "no-valid-layers" }, index.h("span", null, this._translations.enableEditUpdate))));
808
- }
809
- /**
810
- * Show layer name as a label with icon
811
- *
812
- * @returns Calcite label with the layer name and icon
813
- */
814
- _getSingleLayerPlaceholder() {
815
- return (index.h("div", { class: "layer-picker-label-container cursor-default" }, index.h("calcite-icon", { icon: "layers", scale: "s" }), index.h("calcite-label", { class: "no-bottom-margin padding-start-1" }, this.selectedName)));
816
- }
817
- /**
818
- * Create a list of layers from the map
819
- * Used for selecting a single layer.
820
- *
821
- * @param id the id for the select component used to support the tooltip
822
- *
823
- * @returns Calcite Select component with the ids of the layers from the map
824
- */
825
- _getSelect(id) {
826
- return (index.h("calcite-select", { id: id, label: "", onCalciteSelectChange: () => this._layerSelectionChange(), ref: (el) => { this._layerElement = el; }, scale: this.scale }, this._getMapLayerOptions()));
827
- }
828
- /**
829
- * Create a list of layer ids from the map
830
- * Used for selecting multiple layers
831
- *
832
- * @param id the id for the combobox component used to support the tooltip
833
- *
834
- * @returns Calcite ComboBox component with the ids of the layers from the map
835
- */
836
- _getCombobox(id) {
837
- return (index.h("calcite-combobox", { clearDisabled: true, id: id, label: "", onCalciteComboboxChange: () => this._layerSelectionChange(), "placeholder-icon": this.placeholderIcon, ref: (el) => { this._layerElement = el; }, scale: this.scale, "selection-mode": "single" }, this._getMapLayerOptions()));
838
- }
839
- /**
840
- * Hydrate a dropdown component with items to display the layer names
841
- *
842
- * @param id the id for the dropdown component used to support the tooltip
843
- *
844
- * @returns Array of Dropdown items with layer names
845
- */
846
- _getDropdown(id) {
847
- return (index.h("calcite-dropdown", { class: "layer-picker-dropdown", onCalciteDropdownBeforeClose: () => this._isDropdownOpen = false, onCalciteDropdownBeforeOpen: () => this._isDropdownOpen = true }, this.isMobile ? this._getDropdownButton() : this._getActionDropdownButton(id), index.h("calcite-dropdown-group", { "selection-mode": "single" }, this._getMapLayerOptions())));
848
- }
849
- /**
850
- * Get the button that will open the dropdown list wrapped in an action
851
- *
852
- * @returns the node for the action and button
853
- */
854
- _getActionDropdownButton(id) {
855
- return (index.h("calcite-action", { id: id, slot: "trigger", text: "" }, this._getDropdownButton()));
856
- }
857
- /**
858
- * Get the button that will open the dropdown list
859
- *
860
- * @returns the node for the button
861
- */
862
- _getDropdownButton() {
863
- const buttonClass = this.isMobile ? "" : "max-width-350";
864
- const buttonSlot = this.isMobile ? "trigger" : "";
865
- const buttonIcon = this._isDropdownOpen ? "chevron-up" : "chevron-down";
866
- return (index.h("calcite-button", { alignment: "icon-end-space-between", appearance: this.appearance, class: buttonClass, iconEnd: buttonIcon, iconStart: "layers", kind: "neutral", slot: buttonSlot, width: "full" }, index.h("div", null, this.selectedName)));
867
- }
868
- /**
869
- * Get the appropriate type of dom nodes for each valid layer or table
870
- *
871
- * @returns Array of dom nodes with the names of the layers and optionally of the tables
872
- */
873
- _getMapLayerOptions() {
874
- return this.ids.reduce((prev, cur) => {
875
- if (this._validLayer(cur)) {
876
- prev.push(this._getItem(cur, "layer"));
877
- }
878
- else if (this._validTable(cur)) {
879
- prev.push(this._getItem(cur, "table"));
880
- }
881
- return prev;
882
- }, []);
883
- }
884
- /**
885
- * Get the appropriate type of dom node for the current layer or table id
886
- *
887
- * @returns A dom node with the name of the layer or table
888
- */
889
- _getItem(id, itemType) {
890
- const item = itemType === "layer" ? this._layerNameHash[id] : this._tableNameHash[id];
891
- const disabled = this.onlyShowUpdatableLayers ? !item.supportsUpdate : false;
892
- const name = item.name;
893
- const selected = this.selectedIds.indexOf(id) > -1;
894
- return this.type === "combobox" ? (index.h("calcite-combobox-item", { disabled: disabled, selected: selected, textLabel: name, value: id })) :
895
- this.type === "select" ? (index.h("calcite-option", { disabled: disabled, label: name, selected: selected, value: id })) : (index.h("calcite-dropdown-group", { class: disabled ? "disabled" : "", selectionMode: disabled ? "none" : "single" }, index.h("calcite-dropdown-item", { onClick: disabled ? undefined : () => void this._setSelectedLayer(id), selected: selected }, name)));
896
- }
897
- /**
898
- * Store the layer name based on the user selection
899
- */
900
- _setSelectedLayer(id) {
901
- let item;
902
- const hasDefaultLayer = this.defaultLayerId && !this.defaultLayerHonored;
903
- if (hasDefaultLayer) {
904
- item = this._getLayerFromHash(this.defaultLayerId);
905
- this.defaultLayerHonored = item !== undefined;
906
- id = this.defaultLayerHonored ? this.defaultLayerId : id;
907
- }
908
- item = item ? item : this._getLayerFromHash(id);
909
- this.selectedName = item === null || item === void 0 ? void 0 : item.name;
910
- this.selectedIds = [id];
911
- this.layerSelectionChange.emit(this.selectedIds);
912
- }
913
- /**
914
- * Fetch layer hash info for the given id
915
- *
916
- * @returns ILayerHashInfo for the id
917
- */
918
- _getLayerFromHash(id) {
919
- return Object.keys(this._layerNameHash).indexOf(id) > -1 ?
920
- this._layerNameHash[id] : Object.keys(this._tableNameHash).indexOf(id) > -1 ?
921
- this._tableNameHash[id] : undefined;
922
- }
923
- /**
924
- * Fetch the ids of the layers from the map
925
- *
926
- * @returns Promise when the operation has completed
927
- */
928
- async _setLayers() {
929
- if (this.mapView) {
930
- await this._initLayerTableHash();
931
- const layerIds = this.onlyShowUpdatableLayers ?
932
- this._getEditableIds(this._layerNameHash) : Object.keys(this._layerNameHash);
933
- const tableIds = this.showTables ? this.onlyShowUpdatableLayers ?
934
- this._getEditableIds(this._tableNameHash) : Object.keys(this._tableNameHash) : [];
935
- this.ids = [
936
- ...layerIds.reverse().filter(n => { var _a; return ((_a = this.enabledLayerIds) === null || _a === void 0 ? void 0 : _a.length) > 0 ? this.enabledLayerIds.reverse().indexOf(n) > -1 : true; }),
937
- ...tableIds.reverse().filter(n => { var _a; return ((_a = this.enabledTableIds) === null || _a === void 0 ? void 0 : _a.length) > 0 ? this.enabledTableIds.reverse().indexOf(n) > -1 : true; }),
938
- ];
939
- this.idsFound.emit({
940
- layerIds,
941
- tableIds
942
- });
943
- }
944
- }
945
- /**
946
- * Fetch the ids of all layers that support edits with the update capability
947
- *
948
- * @returns array of layer ids
949
- */
950
- _getEditableIds(hash) {
951
- return Object.keys(hash).reduce((prev, cur) => {
952
- if (hash[cur].supportsUpdate) {
953
- prev.push(cur);
954
- }
955
- return prev;
956
- }, []);
957
- }
958
- /**
959
- * Create a layer id:title hash for layer name display
960
- *
961
- * @returns Promise when the operation has completed
962
- */
963
- async _initLayerTableHash() {
964
- this._layerNameHash = await mapViewUtils.getMapLayerHash(this.mapView, this.onlyShowUpdatableLayers);
965
- this._tableNameHash = this.showTables ? await mapViewUtils.getMapTableHash(this.mapView, this.onlyShowUpdatableLayers) : {};
966
- }
967
- /**
968
- * Evaluate if the id exists in the current hash and verify if it should be excluded
969
- *
970
- * @returns boolean when true the layer will be used in the current layer picker type
971
- */
972
- _validLayer(id) {
973
- var _a;
974
- const name = (_a = this._layerNameHash[id]) === null || _a === void 0 ? void 0 : _a.name;
975
- return name && Object.keys(publicNotificationStore.state.managedLayers).indexOf(name) < 0 && (this.enabledLayerIds.length > 0 ?
976
- this.enabledLayerIds.indexOf(id) > -1 : true);
977
- }
978
- /**
979
- * Evaluate if the id exists in the current hash and verify if it should be excluded
980
- *
981
- * @returns boolean when true the table will be used in the current layer picker type
982
- */
983
- _validTable(id) {
984
- var _a;
985
- const name = (_a = this._tableNameHash[id]) === null || _a === void 0 ? void 0 : _a.name;
986
- const validName = name && this.showTables;
987
- return validName ? publicNotificationStore.state.managedTables.indexOf(name) < 0 &&
988
- (this.enabledTableIds.length > 0 ? this.enabledTableIds.indexOf(id) > -1 : true) : validName;
989
- }
990
- /**
991
- * Fetch the ids of the layers from the map
992
- *
993
- * @returns Promise when the operation has completed
994
- */
995
- _layerSelectionChange() {
996
- const ids = Array.isArray(this._layerElement.value) ? this._layerElement.value : [this._layerElement.value];
997
- if (JSON.stringify(ids) !== JSON.stringify([""])) {
998
- this.selectedIds = ids;
999
- this.layerSelectionChange.emit(this.selectedIds);
1000
- }
1001
- }
1002
- /**
1003
- * Fetches the component's translations
1004
- *
1005
- * @returns Promise when complete
1006
- * @protected
1007
- */
1008
- async _getTranslations() {
1009
- const messages = await locale.getLocaleComponentStrings(this.el);
1010
- this._translations = messages[0];
1011
- }
1012
- get el() { return index.getElement(this); }
1013
- static get watchers() { return {
1014
- "mapView": ["mapViewWatchHandler"]
1015
- }; }
1016
- };
1017
- MapLayerPicker.style = MapLayerPickerStyle0;
1018
-
1019
598
  exports.calcite_dropdown = Dropdown;
1020
- exports.calcite_dropdown_group = DropdownGroup;
1021
599
  exports.calcite_dropdown_item = DropdownItem;
1022
- exports.map_layer_picker = MapLayerPicker;
@@ -416,7 +416,7 @@ const CreateFeature = class {
416
416
  */
417
417
  render() {
418
418
  const showSearchWidget = this.showSearchWidget ? '' : 'display-none';
419
- return (index.h(index.Fragment, { key: '66e42055c22a93c6d34440b65ac950a388639b9a' }, index.h("div", { key: 'fc4bf1fc039e4d914e416a394f0671712d116482', id: "feature-form" }), index.h("div", { key: 'aadd529366b2b85e60fdffc306cf41f37c2a6709', class: `search-widget ${showSearchWidget}`, id: "search-widget-ref" })));
419
+ return (index.h(index.Fragment, { key: 'e1427c13c0385279fcb0f122b50b891eac419ec4' }, index.h("div", { key: '039e8d8ff5792765c73cb23df37f37bacc0c9dda', id: "feature-form" }), index.h("div", { key: '94601056ec69000009f4b71b34a38cea28635d99', class: `search-widget ${showSearchWidget}`, id: "search-widget-ref" })));
420
420
  }
421
421
  //--------------------------------------------------------------------------
422
422
  //
@@ -774,7 +774,7 @@ const CreateRelatedFeature = class {
774
774
  this.reactiveUtils = reactiveUtils;
775
775
  }
776
776
  render() {
777
- return (index.h(index.Host, { key: '9807b7dcad1f8305756e6098f1e64ef8caffcbac' }));
777
+ return (index.h(index.Host, { key: '579af77dcac88043b178e711e0b47d7982c1c87f' }));
778
778
  }
779
779
  /**
780
780
  * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
@@ -941,7 +941,8 @@ const FeatureDetails = class {
941
941
  constructor(hostRef) {
942
942
  index.registerInstance(this, hostRef);
943
943
  this.loadingStatus = index.createEvent(this, "loadingStatus", 7);
944
- this.featureSelect = index.createEvent(this, "featureSelect", 7);
944
+ this.commentSelect = index.createEvent(this, "commentSelect", 7);
945
+ this.featureSelectionChange = index.createEvent(this, "featureSelectionChange", 7);
945
946
  /**
946
947
  * string[]: Valid field types for like and dislike
947
948
  */
@@ -949,6 +950,7 @@ const FeatureDetails = class {
949
950
  this.mapView = undefined;
950
951
  this.graphics = undefined;
951
952
  this.reportingOptions = undefined;
953
+ this.layerItemsHash = undefined;
952
954
  this._likeFieldAvailable = false;
953
955
  this._likeCount = 0;
954
956
  this._disLikeCount = 0;
@@ -1028,12 +1030,12 @@ const FeatureDetails = class {
1028
1030
  var _a, _b, _c, _d, _e;
1029
1031
  //When related features found show comments list of only those features else comments list will be empty
1030
1032
  const commentsListWhereClause = ((_a = this._relatedFeaturesOIDs) === null || _a === void 0 ? void 0 : _a.length) > 0 ? `objectId in(${this._relatedFeaturesOIDs})` : '1=0';
1031
- return (index.h("calcite-panel", { key: 'b8d1cc9d4d9040665be3c892f5738a179ab64eaf', "full-height": true }, index.h("info-card", { key: 'a4c7771bdf84f85b88bd6bf2544e2a1a985fdbbe', allowEditing: false, graphics: this.graphics, highlightEnabled: false, isLoading: false, isMobile: false, mapView: this.mapView, paginationEnabled: false, position: "relative", ref: el => this._infoCard = el }), (this._likeFieldAvailable || this._dislikeFieldAvailable || this._commentsAvailable) &&
1032
- index.h("div", { key: '2d405f3f722eb4fe0de4212ec4ff3e4b8588db40', class: "buttons-container" }, this._commentsAvailable &&
1033
- index.h("div", { key: '9454b0cb93e665de20fafb4ca75e1a6d3198a03a', class: "comment-btn" }, index.h("span", { key: '8c682aa73f9c28b9db5266cfb5ad970f15535241' }, this._relatedFeaturesOIDs.length), index.h("calcite-icon", { key: 'd920e63f8d1d447afa732bd336f6a09e18ccbd2a', icon: "speech-bubble", scale: 's' })), this._likeFieldAvailable &&
1034
- index.h("calcite-button", { key: '6b68adcc0b24b1e8d71148182339fa1b6d7922a1', appearance: "transparent", iconEnd: "thumbs-up", kind: this._isLikeBtnClicked ? "brand" : "neutral", onClick: this.onLikeButtonClick.bind(this), scale: 's' }, (_c = (_b = this._likeCount) !== null && _b !== void 0 ? _b : this._selectedGraphic.attributes[this._likeField]) !== null && _c !== void 0 ? _c : 0), this._dislikeFieldAvailable &&
1035
- index.h("calcite-button", { key: '7c365fdaf5a3de12745e4a7b7a79dc8ec5e37cc0', appearance: "transparent", iconEnd: "thumbs-down", kind: this._isDislikeBtnClicked ? "brand" : "neutral", onClick: this.onDislikeButtonClick.bind(this), scale: 's' }, (_e = (_d = this._disLikeCount) !== null && _d !== void 0 ? _d : this._selectedGraphic.attributes[this._dislikeField]) !== null && _e !== void 0 ? _e : 0)), this.relatedTableId && this._commentsAvailable &&
1036
- index.h("feature-list", { key: '7b2b92b001dcdeb51d7ae1c1b39dc263f5ed1934', class: "height-full", mapView: this.mapView, pageSize: 5, ref: el => this._commentsList = el, selectedLayerId: this.relatedTableId, showInitialLoading: false, textSize: "small", whereClause: commentsListWhereClause })));
1033
+ return (index.h("calcite-panel", { key: 'f8d1d282a6ebdb4d5a64efd96d88329d375b7fe1', "full-height": true }, index.h("info-card", { key: '3cfca85af149ab445973510ff1a9f94e22c5c833', allowEditing: false, graphics: this.graphics, highlightEnabled: false, isLoading: false, isMobile: false, mapView: this.mapView, onSelectionChanged: (e) => { this.featureSelectionChange.emit(e.detail); }, paginationEnabled: false, position: "relative", ref: el => this._infoCard = el }), (this._likeFieldAvailable || this._dislikeFieldAvailable || this._commentsAvailable) &&
1034
+ index.h("div", { key: 'a3242d417cef788f0f677bf21c65fb9aaa44f8b2', class: "buttons-container" }, this._commentsAvailable &&
1035
+ index.h("div", { key: '9dcfccc0a48b719d14cb08737d654000a27e21cc', class: "comment-btn" }, index.h("span", { key: 'b68cafd0cebfa91c12f32f648ec2f71a51e3b9da' }, this._relatedFeaturesOIDs.length), index.h("calcite-icon", { key: 'f2b9c34ac64a5cb7692f80cd73658f077525eee4', icon: "speech-bubble", scale: 's' })), this._likeFieldAvailable &&
1036
+ index.h("calcite-button", { key: '7a4ec79205b3eccceb7d43de2c227d8407c24a26', appearance: "transparent", iconEnd: "thumbs-up", kind: this._isLikeBtnClicked ? "brand" : "neutral", onClick: this.onLikeButtonClick.bind(this), scale: 's' }, (_c = (_b = this._likeCount) !== null && _b !== void 0 ? _b : this._selectedGraphic.attributes[this._likeField]) !== null && _c !== void 0 ? _c : 0), this._dislikeFieldAvailable &&
1037
+ index.h("calcite-button", { key: '4634f8aeb114f97c9ceaae8eac5da86afa89f217', appearance: "transparent", iconEnd: "thumbs-down", kind: this._isDislikeBtnClicked ? "brand" : "neutral", onClick: this.onDislikeButtonClick.bind(this), scale: 's' }, (_e = (_d = this._disLikeCount) !== null && _d !== void 0 ? _d : this._selectedGraphic.attributes[this._dislikeField]) !== null && _e !== void 0 ? _e : 0)), this.relatedTableId && this._commentsAvailable &&
1038
+ index.h("feature-list", { key: '30559c6f28a741264972677cef1f182f1012f73f', class: "height-full", mapView: this.mapView, onFeatureSelect: (e) => { this.commentSelect.emit(e.detail); }, pageSize: 5, ref: el => this._commentsList = el, selectedLayerId: this.relatedTableId, showErrorWhenNoFeatures: false, showInitialLoading: false, textSize: "small", whereClause: commentsListWhereClause })));
1037
1039
  }
1038
1040
  /**
1039
1041
  * Load esri javascript api modules
@@ -1070,7 +1072,8 @@ const FeatureDetails = class {
1070
1072
  async processComments() {
1071
1073
  var _a;
1072
1074
  const selectedLayer = this._selectedGraphic.layer;
1073
- const commentsConfigured = this.reportingOptions[selectedLayer.id].comment && ((_a = selectedLayer.relationships) === null || _a === void 0 ? void 0 : _a.length) > 0;
1075
+ const commentsConfigured = this.reportingOptions && this.reportingOptions[selectedLayer.id] &&
1076
+ this.reportingOptions[selectedLayer.id].comment && ((_a = selectedLayer.relationships) === null || _a === void 0 ? void 0 : _a.length) > 0;
1074
1077
  if (commentsConfigured) {
1075
1078
  //Get comments table id from map
1076
1079
  const relatedTableIdFromRelnship = selectedLayer.relationships[0].relatedTableId;
@@ -1135,7 +1138,7 @@ const FeatureDetails = class {
1135
1138
  }
1136
1139
  //Check if selected layer have the configured like and dislike field and it is of integer types
1137
1140
  selectedLayer.fields.forEach((eachField) => {
1138
- if (this._validFieldTypes.indexOf(eachField.type) > -1) {
1141
+ if (this._validFieldTypes.indexOf(eachField.type) > -1 && this.layerItemsHash[selectedLayer.id].supportsUpdate) {
1139
1142
  if (eachField.name === likeField && this.reportingOptions[selectedLayer.id].like) {
1140
1143
  likeFieldAvailable = true;
1141
1144
  }
@@ -1170,12 +1173,12 @@ const FeatureDetails = class {
1170
1173
  //Check if selected layer have the configured like and dislike fields
1171
1174
  //also, get the current value for like and dislike field from the attributes
1172
1175
  selectedLayer.fields.forEach((eachField) => {
1173
- if (this._validFieldTypes.indexOf(eachField.type) > -1) {
1174
- if (eachField.name === this._likeField && this.reportingOptions[this._selectedGraphic.layer.id].like) {
1176
+ if (this._validFieldTypes.indexOf(eachField.type) > -1 && this.layerItemsHash[selectedLayer.id].supportsUpdate) {
1177
+ if (eachField.name === this._likeField && this.reportingOptions[selectedLayer.id].like) {
1175
1178
  this._likeFieldAvailable = true;
1176
1179
  this._likeCount = this._selectedGraphic.attributes[eachField.name];
1177
1180
  }
1178
- else if (eachField.name === this._dislikeField && this.reportingOptions[this._selectedGraphic.layer.id].dislike) {
1181
+ else if (eachField.name === this._dislikeField && this.reportingOptions[selectedLayer.id].dislike) {
1179
1182
  this._dislikeFieldAvailable = true;
1180
1183
  this._disLikeCount = this._selectedGraphic.attributes[eachField.name];
1181
1184
  }
@@ -1366,9 +1369,9 @@ const LayerList = class {
1366
1369
  * Renders the component.
1367
1370
  */
1368
1371
  render() {
1369
- return (index.h(index.Fragment, { key: 'c73bf36c13fed8120273d8a5321dd60fe4d4b5f4' }, this._isLoading && index.h("calcite-loader", { key: 'e748d9cc7d1855d3a2da34702ba853d35d1a2cde', label: "", scale: "m" }), !this._isLoading && this.mapView && this._noLayersToDisplay &&
1370
- index.h("calcite-notice", { key: '4a06b7694fd91456ee5cdc51d33e4ac633d416b2', class: "error-msg", icon: "layers-reference", kind: "danger", open: true }, index.h("div", { key: '63b09f02312aba71826957c5b2c04a7750bdfca1', slot: "title" }, this._translations.error), index.h("div", { key: '5a19dfe527a6c66a5477a4c6a14f4686cde73bb3', slot: "message" }, this._translations.noLayerToDisplayErrorMsg)), !this._isLoading && this.mapView &&
1371
- index.h("calcite-list", { key: 'e8a6170a55f4ba6ea35a1397690c3e365b814886', "selection-appearance": "border", "selection-mode": "none" }, this.renderLayerList())));
1372
+ return (index.h(index.Fragment, { key: '9366302a704c1dbdd7a65aef5c43d0ad84a44b23' }, this._isLoading && index.h("calcite-loader", { key: '69974a23fd42bc37ef13816efbe6d06e28cb2749', label: "", scale: "m" }), !this._isLoading && this.mapView && this._noLayersToDisplay &&
1373
+ index.h("calcite-notice", { key: 'a93abb55b4db09727b3634cb1935e482c377d662', class: "error-msg", icon: "layers-reference", kind: "danger", open: true }, index.h("div", { key: 'b9046685353b8894e6c6094cff47fab7a8e07ffa', slot: "title" }, this._translations.error), index.h("div", { key: '90a052e1d80779a09a32fdd35563a1ce21d582e0', slot: "message" }, this._translations.noLayerToDisplayErrorMsg)), !this._isLoading && this.mapView &&
1374
+ index.h("calcite-list", { key: '709c1b8edd5710a2476ecef638199c2f929b4165', "selection-appearance": "border", "selection-mode": "none" }, this.renderLayerList())));
1372
1375
  }
1373
1376
  //--------------------------------------------------------------------------
1374
1377
  //
@@ -1396,10 +1399,7 @@ const LayerList = class {
1396
1399
  const allMapLayers = await mapViewUtils.getAllLayers(this.mapView);
1397
1400
  // eslint-disable-next-line @typescript-eslint/no-misused-promises
1398
1401
  allMapLayers.forEach(async (eachLayer) => {
1399
- var _a, _b;
1400
- //TODO: checking editable condition could be configurable
1401
- if ((eachLayer === null || eachLayer === void 0 ? void 0 : eachLayer.type) === "feature" && (eachLayer === null || eachLayer === void 0 ? void 0 : eachLayer.editingEnabled) && ((_b = (_a = eachLayer === null || eachLayer === void 0 ? void 0 : eachLayer.capabilities) === null || _a === void 0 ? void 0 : _a.operations) === null || _b === void 0 ? void 0 : _b.supportsAdd)) {
1402
- this._layerItemsHash[eachLayer.id].supportsAdd = true;
1402
+ if ((eachLayer === null || eachLayer === void 0 ? void 0 : eachLayer.type) === "feature") {
1403
1403
  if (this.showFeatureCount) {
1404
1404
  const q = eachLayer.createQuery();
1405
1405
  const result = eachLayer.queryFeatureCount(q);
@@ -1432,7 +1432,7 @@ const LayerList = class {
1432
1432
  this.layersListLoaded.emit(this._mapLayerIds);
1433
1433
  }
1434
1434
  /**
1435
- * Returns the ids of all OR configured layers that needs to be shown in the list
1435
+ * Returns the ids of configured layers that needs to be shown in the list
1436
1436
  * @param hash each layer item details
1437
1437
  * @returns array of layer ids
1438
1438
  */
@@ -1440,11 +1440,7 @@ const LayerList = class {
1440
1440
  var _a;
1441
1441
  const configuredLayers = ((_a = this.layers) === null || _a === void 0 ? void 0 : _a.length) > 0 ? this.layers : [];
1442
1442
  return Object.keys(hash).reduce((prev, cur) => {
1443
- let showLayer = true;
1444
- if ((configuredLayers === null || configuredLayers === void 0 ? void 0 : configuredLayers.length) > 0) {
1445
- showLayer = configuredLayers.indexOf(cur) > -1;
1446
- }
1447
- if (showLayer) {
1443
+ if (configuredLayers.indexOf(cur) > -1) {
1448
1444
  prev.push(cur);
1449
1445
  }
1450
1446
  return prev;