@esri/solutions-components 0.10.36 → 0.10.38

Sign up to get free protection for your applications and to get access to all the features.
Files changed (113) hide show
  1. package/dist/cjs/calcite-action-pad_2.cjs.entry.js +2 -2
  2. package/dist/cjs/calcite-block_5.cjs.entry.js +2 -2
  3. package/dist/cjs/{constants-0a4fc296.js → constants-51cf394f.js} +57 -1
  4. package/dist/cjs/{helpers-415179ad.js → helpers-afcac967.js} +1 -1
  5. package/dist/cjs/instant-apps-app-guide.cjs.entry.js +26 -13
  6. package/dist/cjs/instant-apps-export.cjs.entry.js +1086 -59
  7. package/dist/cjs/instant-apps-interactive-legend-classic.cjs.entry.js +8 -4
  8. package/dist/cjs/instant-apps-interactive-legend-count_2.cjs.entry.js +10 -5
  9. package/dist/cjs/instant-apps-interactive-legend-group-legend-element-caption.cjs.entry.js +1 -1
  10. package/dist/cjs/instant-apps-interactive-legend-group-legend-element_5.cjs.entry.js +52 -12
  11. package/dist/cjs/instant-apps-interactive-legend.cjs.entry.js +9 -3
  12. package/dist/cjs/instant-apps-landing-page.cjs.entry.js +19 -13
  13. package/dist/cjs/instant-apps-language-switcher.cjs.entry.js +3 -2
  14. package/dist/cjs/instant-apps-language-translator.cjs.entry.js +1 -1
  15. package/dist/cjs/instant-apps-measurement.cjs.entry.js +2 -2
  16. package/dist/cjs/instant-apps-popover.cjs.entry.js +1 -1
  17. package/dist/cjs/instant-apps-scoreboard.cjs.entry.js +1 -1
  18. package/dist/cjs/instant-apps-sign-in.cjs.entry.js +13 -9
  19. package/dist/cjs/instant-apps-splash.cjs.entry.js +1 -1
  20. package/dist/cjs/instant-apps-time-filter.cjs.entry.js +11 -9
  21. package/dist/cjs/loader.cjs.js +1 -1
  22. package/dist/cjs/solution-item-accordion.cjs.entry.js +15 -6
  23. package/dist/cjs/solutions-components.cjs.js +1 -1
  24. package/dist/collection/components/solution-item-accordion/solution-item-accordion.js +15 -6
  25. package/dist/collection/demos/solution-item-accordion.html +32 -0
  26. package/dist/components/instant-apps-app-guide.js +28 -14
  27. package/dist/components/instant-apps-export.js +1119 -76
  28. package/dist/components/instant-apps-interactive-legend-classic2.js +8 -4
  29. package/dist/components/instant-apps-interactive-legend-count2.js +6 -3
  30. package/dist/components/instant-apps-interactive-legend-layer-element-caption2.js +5 -2
  31. package/dist/components/instant-apps-interactive-legend-legend-element-caption2.js +52 -12
  32. package/dist/components/instant-apps-interactive-legend.js +13 -4
  33. package/dist/components/instant-apps-landing-page.js +19 -13
  34. package/dist/components/instant-apps-language-switcher.js +3 -1
  35. package/dist/components/instant-apps-language-translator2.js +57 -1
  36. package/dist/components/instant-apps-measurement-tool2.js +2 -2
  37. package/dist/components/instant-apps-measurement.js +2 -2
  38. package/dist/components/instant-apps-popover.js +1 -1
  39. package/dist/components/instant-apps-scoreboard.js +1 -1
  40. package/dist/components/instant-apps-sign-in2.js +14 -9
  41. package/dist/components/instant-apps-social-share2.js +2 -2
  42. package/dist/components/instant-apps-splash.js +1 -1
  43. package/dist/components/instant-apps-time-filter.js +11 -9
  44. package/dist/components/solution-item-accordion.js +15 -6
  45. package/dist/components/store.js +1 -1
  46. package/dist/esm/calcite-action-pad_2.entry.js +2 -2
  47. package/dist/esm/calcite-block_5.entry.js +2 -2
  48. package/dist/esm/{constants-045d6a1b.js → constants-886c7c2c.js} +57 -1
  49. package/dist/esm/{helpers-f9bf9c0b.js → helpers-91087955.js} +1 -1
  50. package/dist/esm/instant-apps-app-guide.entry.js +26 -13
  51. package/dist/esm/instant-apps-export.entry.js +1086 -59
  52. package/dist/esm/instant-apps-interactive-legend-classic.entry.js +8 -4
  53. package/dist/esm/instant-apps-interactive-legend-count_2.entry.js +10 -5
  54. package/dist/esm/instant-apps-interactive-legend-group-legend-element-caption.entry.js +1 -1
  55. package/dist/esm/instant-apps-interactive-legend-group-legend-element_5.entry.js +52 -12
  56. package/dist/esm/instant-apps-interactive-legend.entry.js +9 -3
  57. package/dist/esm/instant-apps-landing-page.entry.js +19 -13
  58. package/dist/esm/instant-apps-language-switcher.entry.js +3 -2
  59. package/dist/esm/instant-apps-language-translator.entry.js +1 -1
  60. package/dist/esm/instant-apps-measurement.entry.js +2 -2
  61. package/dist/esm/instant-apps-popover.entry.js +1 -1
  62. package/dist/esm/instant-apps-scoreboard.entry.js +1 -1
  63. package/dist/esm/instant-apps-sign-in.entry.js +13 -9
  64. package/dist/esm/instant-apps-splash.entry.js +1 -1
  65. package/dist/esm/instant-apps-time-filter.entry.js +11 -9
  66. package/dist/esm/loader.js +1 -1
  67. package/dist/esm/solution-item-accordion.entry.js +15 -6
  68. package/dist/esm/solutions-components.js +1 -1
  69. package/dist/node_modules/@esri/instant-apps-components/dist/collection/components/instant-apps-app-guide/instant-apps-app-guide.css +0 -5
  70. package/dist/node_modules/@esri/instant-apps-components/dist/collection/components/instant-apps-export/instant-apps-export.css +4 -0
  71. package/dist/node_modules/@esri/instant-apps-components/dist/collection/components/instant-apps-interactive-legend/instant-apps-interactive-legend-classic/instant-apps-interactive-legend-classic.css +14 -0
  72. package/dist/node_modules/@esri/instant-apps-components/dist/collection/components/instant-apps-interactive-legend/instant-apps-interactive-legend-count/instant-apps-interactive-legend-count.css +9 -0
  73. package/dist/node_modules/@esri/instant-apps-components/dist/collection/components/instant-apps-interactive-legend/instant-apps-interactive-legend-layer-element-caption/instant-apps-interactive-legend-layer-element-caption.css +5 -3
  74. package/dist/node_modules/@esri/instant-apps-components/dist/collection/components/instant-apps-interactive-legend/instant-apps-interactive-legend-legend-element-caption/instant-apps-interactive-legend-legend-element-caption.css +29 -0
  75. package/dist/node_modules/@esri/instant-apps-components/dist/collection/components/instant-apps-landing-page/instant-apps-landing-page.css +8 -0
  76. package/dist/node_modules/@esri/instant-apps-components/dist/collection/components/instant-apps-sign-in/instant-apps-sign-in.css +22 -0
  77. package/dist/solutions-components/demos/solution-item-accordion.html +32 -0
  78. package/dist/solutions-components/p-1e14b3d0.entry.js +6 -0
  79. package/dist/solutions-components/p-2542d5c9.entry.js +6 -0
  80. package/dist/solutions-components/{p-70ecc979.entry.js → p-374ddead.entry.js} +1 -1
  81. package/dist/solutions-components/{p-146acd9a.entry.js → p-3fc18283.entry.js} +1 -1
  82. package/dist/solutions-components/p-43699470.entry.js +6 -0
  83. package/dist/solutions-components/p-5585dcd3.entry.js +6 -0
  84. package/dist/solutions-components/{p-3a513c67.entry.js → p-5b3c0418.entry.js} +1 -1
  85. package/dist/solutions-components/{p-f7e7b830.entry.js → p-6438d1ea.entry.js} +1 -1
  86. package/dist/solutions-components/p-750b3277.entry.js +6 -0
  87. package/dist/solutions-components/p-8779ee41.entry.js +6 -0
  88. package/dist/solutions-components/p-90fc786f.entry.js +6 -0
  89. package/dist/solutions-components/{p-43165ebd.entry.js → p-9c170b30.entry.js} +1 -1
  90. package/dist/solutions-components/p-a5b751e2.entry.js +6 -0
  91. package/dist/solutions-components/p-af573e0d.js +6 -0
  92. package/dist/solutions-components/p-bb8b1ee2.entry.js +6 -0
  93. package/dist/solutions-components/{p-b79f296d.entry.js → p-c48be45f.entry.js} +2 -2
  94. package/dist/solutions-components/p-ca3cbd29.entry.js +6 -0
  95. package/dist/solutions-components/p-ceb1030b.js +6 -0
  96. package/dist/solutions-components/{p-29047e77.entry.js → p-e1391389.entry.js} +1 -1
  97. package/dist/solutions-components/{p-759d0beb.entry.js → p-f728af86.entry.js} +1 -1
  98. package/dist/solutions-components/p-ff3858c6.entry.js +6 -0
  99. package/dist/solutions-components/solutions-components.esm.js +1 -1
  100. package/package.json +7 -7
  101. package/dist/solutions-components/p-07a194e6.entry.js +0 -6
  102. package/dist/solutions-components/p-14d78748.entry.js +0 -6
  103. package/dist/solutions-components/p-24e3f09f.entry.js +0 -6
  104. package/dist/solutions-components/p-3a33ef72.entry.js +0 -6
  105. package/dist/solutions-components/p-402301cb.js +0 -6
  106. package/dist/solutions-components/p-41a6f03d.entry.js +0 -6
  107. package/dist/solutions-components/p-4db86c5e.entry.js +0 -6
  108. package/dist/solutions-components/p-750f234e.entry.js +0 -6
  109. package/dist/solutions-components/p-7e97d4d6.entry.js +0 -6
  110. package/dist/solutions-components/p-7eb5d31a.js +0 -6
  111. package/dist/solutions-components/p-90d2aadc.entry.js +0 -6
  112. package/dist/solutions-components/p-b78a4ce7.entry.js +0 -6
  113. package/dist/solutions-components/p-efb4cb43.entry.js +0 -6
package/dist/components/instant-apps-interactive-legend-classic2.js CHANGED
@@ -4,7 +4,7 @@
4
4
  * http://www.apache.org/licenses/LICENSE-2.0
5
5
  */
6
6
  import { h, proxyCustomElement, HTMLElement, forceUpdate } from '@stencil/core/internal/client';
7
- import { i as interactiveLegendState, s as store } from './store.js';
7
+ import { s as store, i as interactiveLegendState } from './store.js';
8
8
  import { c as commonjsGlobal } from './_commonjsHelpers.js';
9
9
  import { l as loadModules } from './loadModules2.js';
10
10
  import { h as handleFilterChange, g as getTheme, v as validateInteractivity, a as getParentLegendElementInfoData, b as getCategoryData, c as checkNoneSelected, d as handleFeatureCount, e as generateData, f as getAllActiveLayerInfos, i as createInteractiveLegendDataForLayer, u as updateStore, j as handleFilter, k as getIntLegendLayerData } from './helpers.js';
@@ -1115,7 +1115,7 @@ function isImageryStretchedLegend(_layer, _legendType) {
1115
1115
  return !0;
1116
1116
  }
1117
1117
 
1118
- const instantAppsInteractiveLegendClassicCss = ".sc-instant-apps-interactive-legend-classic-h{display:block;--instant-apps-interactive-legend-heading-font-size:1rem;--instant-apps-interactive-legend-heading-font-weight:normal;--instant-apps-interactive-legend-caption-font-weight:normal;--instant-apps-interactive-legend-secondary-color:var(--calcite-color-text-1);--instant-apps-interactive-legend-field-name-font-size:1rem;--instant-apps-interactive-legend-total-feature-count-font-size:0.875rem;--instant-apps-interactive-legend-info-font-size:0.875rem;--instant-apps-interactive-legend-info-item-background--selected:#c7ebff;--instant-apps-interactive-legend-info-item-background--selected--dark:#009af2;--instant-apps-interactive-legend-info-item-background--hover:#e9e9e9;--instant-apps-interactive-legend-info-item-background--hover--dark:#4a4a4a;--instant-apps-interactive-legend-info-item-color--selected:var(--calcite-color-text-2);--instant-apps-interactive-legend-secondary-background-color:var(--calcite-color-background);--instant-apps-interactive-legend-ui-margin:20px 15px;--instant-apps-interactive-legend-ui-padding:20px 15px}.sc-instant-apps-interactive-legend-classic-h .esri-legend__service.sc-instant-apps-interactive-legend-classic{padding:0}.sc-instant-apps-interactive-legend-classic-h .esri-legend__layer-body.sc-instant-apps-interactive-legend-classic,.sc-instant-apps-interactive-legend-classic-h .esri-legend__layer.sc-instant-apps-interactive-legend-classic,.sc-instant-apps-interactive-legend-classic-h .esri-legend__layer-table.sc-instant-apps-interactive-legend-classic,.sc-instant-apps-interactive-legend-classic-h .esri-legend__group-layer-child.sc-instant-apps-interactive-legend-classic,.sc-instant-apps-interactive-legend-classic-h .esri-legend__layer-child-table.sc-instant-apps-interactive-legend-classic{margin:0;overflow:hidden}.sc-instant-apps-interactive-legend-classic-h .esri-legend__layer-caption.sc-instant-apps-interactive-legend-classic{display:flex;align-items:center;font-size:var(--instant-apps-interactive-legend-field-name-font-size);background-color:var(--instant-apps-interactive-legend-secondary-background-color);color:var(--instant-apps-interactive-legend-secondary-color)}.sc-instant-apps-interactive-legend-classic-h .esri-legend__layer-caption.sc-instant-apps-interactive-legend-classic calcite-action.sc-instant-apps-interactive-legend-classic{margin-right:5px}.sc-instant-apps-interactive-legend-classic-h .instant-apps-interactive-legend__layer-caption-btn-container.sc-instant-apps-interactive-legend-classic{white-space:nowrap}.sc-instant-apps-interactive-legend-classic-h .instant-apps-interactive-legend__layer-caption-btn-container.sc-instant-apps-interactive-legend-classic calcite-button.sc-instant-apps-interactive-legend-classic{margin:2px}.sc-instant-apps-interactive-legend-classic-h .esri-legend__layer-caption.sc-instant-apps-interactive-legend-classic{font-weight:var(--instant-apps-interactive-legend-caption-font-weight)}.sc-instant-apps-interactive-legend-classic-h .esri-legend__layer-cell.esri-legend__layer-cell--info.sc-instant-apps-interactive-legend-classic{font-size:var(--instant-apps-interactive-legend-info-font-size);text-align:left}.sc-instant-apps-interactive-legend-classic-h .esri-legend__layer-cell.sc-instant-apps-interactive-legend-classic,.sc-instant-apps-interactive-legend-classic-h .esri-legend__layer-row.sc-instant-apps-interactive-legend-classic{display:flex;align-items:center}.sc-instant-apps-interactive-legend-classic-h .instant-apps-interactive-legend__non-interactive.sc-instant-apps-interactive-legend-classic .esri-legend__layer-body.sc-instant-apps-interactive-legend-classic{display:block;margin:var(--instant-apps-interactive-legend-ui-margin)}.sc-instant-apps-interactive-legend-classic-h .instant-apps-interactive-legend__non-interactive.instant-apps-interactive-legend__nested-unique-symbol.sc-instant-apps-interactive-legend-classic>.esri-legend__layer-body.sc-instant-apps-interactive-legend-classic{margin:0}.sc-instant-apps-interactive-legend-classic-h .instant-apps-interactive-legend__non-interactive.sc-instant-apps-interactive-legend-classic .esri-legend__layer-row.sc-instant-apps-interactive-legend-classic{display:table-row}.sc-instant-apps-interactive-legend-classic-h .instant-apps-interactive-legend__non-interactive.sc-instant-apps-interactive-legend-classic .esri-legend__layer-cell.sc-instant-apps-interactive-legend-classic{display:table-cell}.sc-instant-apps-interactive-legend-classic-h .esri-legend__layer-cell--symbols.sc-instant-apps-interactive-legend-classic{justify-content:center;width:20%}.sc-instant-apps-interactive-legend-classic-h .esri-legend__layer-cell--info.sc-instant-apps-interactive-legend-classic{width:65%}.sc-instant-apps-interactive-legend-classic-h .instant-apps-interactive-legend__layer-row--interactive.sc-instant-apps-interactive-legend-classic{margin:1px;background:transparent;border:none;width:100%}.sc-instant-apps-interactive-legend-classic-h .esri-legend__layer-cell--info.sc-instant-apps-interactive-legend-classic{color:var(--instant-apps-interactive-legend-secondary-color)}.sc-instant-apps-interactive-legend-classic-h .esri-legend__layer-row.sc-instant-apps-interactive-legend-classic,.sc-instant-apps-interactive-legend-classic-h .esri-legend__layer-caption.sc-instant-apps-interactive-legend-classic{padding:var(--instant-apps-interactive-legend-ui-padding)}.sc-instant-apps-interactive-legend-classic-h .instant-apps-interactive-legend__layer-row--interactive.sc-instant-apps-interactive-legend-classic{position:relative}.sc-instant-apps-interactive-legend-classic-h .instant-apps-interactive-legend-element-info--selected.sc-instant-apps-interactive-legend-classic{background-color:var(--instant-apps-interactive-legend-info-item-background--selected)}.sc-instant-apps-interactive-legend-classic-h .calcite-mode-dark.sc-instant-apps-interactive-legend-classic .instant-apps-interactive-legend-element-info--selected.sc-instant-apps-interactive-legend-classic{cursor:pointer;background-color:var(--instant-apps-interactive-legend-info-item-background--selected--dark)}.sc-instant-apps-interactive-legend-classic-h .calcite-mode-dark.sc-instant-apps-interactive-legend-classic .instant-apps-interactive-legend-element-info--selected.sc-instant-apps-interactive-legend-classic .esri-legend__layer-cell--info.sc-instant-apps-interactive-legend-classic{color:var(--calcite-color-text-inverse)}.sc-instant-apps-interactive-legend-classic-h .hide.sc-instant-apps-interactive-legend-classic{display:none}@media (min-width: 992px){.sc-instant-apps-interactive-legend-classic-h .instant-apps-interactive-legend__layer-row--interactive.sc-instant-apps-interactive-legend-classic{cursor:pointer}.sc-instant-apps-interactive-legend-classic-h .instant-apps-interactive-legend__layer-row--interactive.sc-instant-apps-interactive-legend-classic:hover{background-color:var(--instant-apps-interactive-legend-info-item-background--hover)}.sc-instant-apps-interactive-legend-classic-h .instant-apps-interactive-legend__layer-row--interactive.sc-instant-apps-interactive-legend-classic:hover.instant-apps-interactive-legend-element-info--selected{background-color:#e2f2fe}.sc-instant-apps-interactive-legend-classic-h .calcite-mode-dark.sc-instant-apps-interactive-legend-classic .instant-apps-interactive-legend__layer-row--interactive.sc-instant-apps-interactive-legend-classic:hover{background-color:var(--instant-apps-interactive-legend-info-item-background--hover--dark)}.sc-instant-apps-interactive-legend-classic-h .calcite-mode-dark.sc-instant-apps-interactive-legend-classic .instant-apps-interactive-legend__layer-row--interactive.sc-instant-apps-interactive-legend-classic:hover.instant-apps-interactive-legend-element-info--selected{background-color:#26a9f4}}";
1118
+ const instantAppsInteractiveLegendClassicCss = ".sc-instant-apps-interactive-legend-classic-h{display:block;--instant-apps-interactive-legend-heading-font-size:1rem;--instant-apps-interactive-legend-heading-font-weight:normal;--instant-apps-interactive-legend-caption-font-weight:normal;--instant-apps-interactive-legend-secondary-color:var(--calcite-color-text-1);--instant-apps-interactive-legend-field-name-font-size:1rem;--instant-apps-interactive-legend-total-feature-count-font-size:0.875rem;--instant-apps-interactive-legend-info-font-size:0.875rem;--instant-apps-interactive-legend-info-item-background--selected:#c7ebff;--instant-apps-interactive-legend-info-item-background--selected--dark:#009af2;--instant-apps-interactive-legend-info-item-background--hover:#e9e9e9;--instant-apps-interactive-legend-info-item-background--hover--dark:#4a4a4a;--instant-apps-interactive-legend-info-item-color--selected:var(--calcite-color-text-2);--instant-apps-interactive-legend-secondary-background-color:var(--calcite-color-background);--instant-apps-interactive-legend-ui-margin:20px 15px;--instant-apps-interactive-legend-ui-padding:20px 15px}.sc-instant-apps-interactive-legend-classic-h .esri-legend__service.sc-instant-apps-interactive-legend-classic{padding:0}.sc-instant-apps-interactive-legend-classic-h .esri-legend__layer-body.sc-instant-apps-interactive-legend-classic,.sc-instant-apps-interactive-legend-classic-h .esri-legend__layer.sc-instant-apps-interactive-legend-classic,.sc-instant-apps-interactive-legend-classic-h .esri-legend__layer-table.sc-instant-apps-interactive-legend-classic,.sc-instant-apps-interactive-legend-classic-h .esri-legend__group-layer-child.sc-instant-apps-interactive-legend-classic,.sc-instant-apps-interactive-legend-classic-h .esri-legend__layer-child-table.sc-instant-apps-interactive-legend-classic{margin:0;overflow:hidden}.sc-instant-apps-interactive-legend-classic-h .esri-legend__layer-caption.sc-instant-apps-interactive-legend-classic{display:flex;align-items:center;font-size:var(--instant-apps-interactive-legend-field-name-font-size);background-color:var(--instant-apps-interactive-legend-secondary-background-color);color:var(--instant-apps-interactive-legend-secondary-color)}.sc-instant-apps-interactive-legend-classic-h .esri-legend__layer-caption.sc-instant-apps-interactive-legend-classic calcite-action.sc-instant-apps-interactive-legend-classic{margin-right:5px}.sc-instant-apps-interactive-legend-classic-h .instant-apps-interactive-legend__layer-caption-btn-container.sc-instant-apps-interactive-legend-classic{white-space:nowrap}.sc-instant-apps-interactive-legend-classic-h .instant-apps-interactive-legend__layer-caption-btn-container.sc-instant-apps-interactive-legend-classic calcite-button.sc-instant-apps-interactive-legend-classic{margin:2px}.sc-instant-apps-interactive-legend-classic-h .esri-legend__layer-caption.sc-instant-apps-interactive-legend-classic{font-weight:var(--instant-apps-interactive-legend-caption-font-weight)}.sc-instant-apps-interactive-legend-classic-h .esri-legend__layer-cell.esri-legend__layer-cell--info.sc-instant-apps-interactive-legend-classic{font-size:var(--instant-apps-interactive-legend-info-font-size);text-align:left}.sc-instant-apps-interactive-legend-classic-h .esri-legend__layer-cell.sc-instant-apps-interactive-legend-classic,.sc-instant-apps-interactive-legend-classic-h .esri-legend__layer-row.sc-instant-apps-interactive-legend-classic{display:flex;align-items:center}.sc-instant-apps-interactive-legend-classic-h .instant-apps-interactive-legend__non-interactive.sc-instant-apps-interactive-legend-classic .esri-legend__layer-body.sc-instant-apps-interactive-legend-classic{display:block;margin:var(--instant-apps-interactive-legend-ui-margin)}.sc-instant-apps-interactive-legend-classic-h .instant-apps-interactive-legend__non-interactive.instant-apps-interactive-legend__nested-unique-symbol.sc-instant-apps-interactive-legend-classic>.esri-legend__layer-body.sc-instant-apps-interactive-legend-classic{margin:0}.sc-instant-apps-interactive-legend-classic-h .instant-apps-interactive-legend__non-interactive.sc-instant-apps-interactive-legend-classic .esri-legend__layer-row.sc-instant-apps-interactive-legend-classic{display:table-row}.sc-instant-apps-interactive-legend-classic-h .instant-apps-interactive-legend__non-interactive.sc-instant-apps-interactive-legend-classic .esri-legend__layer-cell.sc-instant-apps-interactive-legend-classic{display:table-cell}.sc-instant-apps-interactive-legend-classic-h .esri-legend__layer-cell--symbols.sc-instant-apps-interactive-legend-classic{justify-content:center;width:20%}.sc-instant-apps-interactive-legend-classic-h .esri-legend__layer-cell--info.sc-instant-apps-interactive-legend-classic{width:65%}.sc-instant-apps-interactive-legend-classic-h .instant-apps-interactive-legend__layer-row--interactive.sc-instant-apps-interactive-legend-classic{margin:1px;background:transparent;border:none;width:100%}.sc-instant-apps-interactive-legend-classic-h .esri-legend__layer-cell--info.sc-instant-apps-interactive-legend-classic{color:var(--instant-apps-interactive-legend-secondary-color)}.sc-instant-apps-interactive-legend-classic-h .esri-legend__layer-row.sc-instant-apps-interactive-legend-classic,.sc-instant-apps-interactive-legend-classic-h .esri-legend__layer-caption.sc-instant-apps-interactive-legend-classic{padding:var(--instant-apps-interactive-legend-ui-padding)}.sc-instant-apps-interactive-legend-classic-h .instant-apps-interactive-legend__layer-row--interactive.sc-instant-apps-interactive-legend-classic{position:relative}.sc-instant-apps-interactive-legend-classic-h .instant-apps-interactive-legend-element-info--selected.sc-instant-apps-interactive-legend-classic{background-color:var(--instant-apps-interactive-legend-info-item-background--selected)}.sc-instant-apps-interactive-legend-classic-h .calcite-mode-dark.sc-instant-apps-interactive-legend-classic .instant-apps-interactive-legend-element-info--selected.sc-instant-apps-interactive-legend-classic{cursor:pointer;background-color:var(--instant-apps-interactive-legend-info-item-background--selected--dark)}.sc-instant-apps-interactive-legend-classic-h .calcite-mode-dark.sc-instant-apps-interactive-legend-classic .instant-apps-interactive-legend-element-info--selected.sc-instant-apps-interactive-legend-classic .esri-legend__layer-cell--info.sc-instant-apps-interactive-legend-classic{color:var(--calcite-color-text-inverse)}.sc-instant-apps-interactive-legend-classic-h .hide.sc-instant-apps-interactive-legend-classic{display:none}.instant-apps-interactive-legend__compact.sc-instant-apps-interactive-legend-classic .esri-legend__layer-row.sc-instant-apps-interactive-legend-classic{--instant-apps-interactive-legend-ui-padding:10px 5px}.instant-apps-interactive-legend__compact.sc-instant-apps-interactive-legend-classic .esri-legend__layer-row.sc-instant-apps-interactive-legend-classic .esri-legend__layer-cell--info.sc-instant-apps-interactive-legend-classic{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;line-clamp:2;line-height:1.3125rem;max-height:2.625rem}@media (min-width: 992px){.sc-instant-apps-interactive-legend-classic-h .instant-apps-interactive-legend__layer-row--interactive.sc-instant-apps-interactive-legend-classic{cursor:pointer}.sc-instant-apps-interactive-legend-classic-h .instant-apps-interactive-legend__layer-row--interactive.sc-instant-apps-interactive-legend-classic:hover{background-color:var(--instant-apps-interactive-legend-info-item-background--hover)}.sc-instant-apps-interactive-legend-classic-h .instant-apps-interactive-legend__layer-row--interactive.sc-instant-apps-interactive-legend-classic:hover.instant-apps-interactive-legend-element-info--selected{background-color:#e2f2fe}.sc-instant-apps-interactive-legend-classic-h .calcite-mode-dark.sc-instant-apps-interactive-legend-classic .instant-apps-interactive-legend__layer-row--interactive.sc-instant-apps-interactive-legend-classic:hover{background-color:var(--instant-apps-interactive-legend-info-item-background--hover--dark)}.sc-instant-apps-interactive-legend-classic-h .calcite-mode-dark.sc-instant-apps-interactive-legend-classic .instant-apps-interactive-legend__layer-row--interactive.sc-instant-apps-interactive-legend-classic:hover.instant-apps-interactive-legend-element-info--selected{background-color:#26a9f4}}";
1119
1119
  const InstantAppsInteractiveLegendClassicStyle0 = instantAppsInteractiveLegendClassicCss;
1120
1120
 
1121
1121
  const CSS = {
@@ -1158,6 +1158,7 @@ const CSS = {
1158
1158
  layerCaptionBtnContainer: 'instant-apps-interactive-legend__layer-caption-btn-container',
1159
1159
  interactiveLayerRow: 'instant-apps-interactive-legend__layer-row--interactive',
1160
1160
  infoSelected: 'instant-apps-interactive-legend-element-info--selected',
1161
+ compact: 'instant-apps-interactive-legend__compact',
1161
1162
  };
1162
1163
  const GRADIENT_WIDTH = 24;
1163
1164
  const univariateRampContainerStyles = { display: 'flex', alignItems: 'flex-start' };
@@ -1254,7 +1255,8 @@ const InstantAppsInteractiveLegendClassic = /*@__PURE__*/ proxyCustomElement(cla
1254
1255
  render() {
1255
1256
  var _a, _b, _c;
1256
1257
  const filteredLayers = this.renderFilteredLayers();
1257
- return this.isLoading ? (h("calcite-loader", { key: "interactive-legend-loader", scale: "m", label: (_a = this.messages) === null || _a === void 0 ? void 0 : _a.loading, text: (_b = this.messages) === null || _b === void 0 ? void 0 : _b.loading })) : (h("div", { key: "interactive-legend-classic-container", class: getTheme(this.el) }, (filteredLayers === null || filteredLayers === void 0 ? void 0 : filteredLayers.length) > 0 ? filteredLayers : h("div", { class: CSS.message }, (_c = this.messages) === null || _c === void 0 ? void 0 : _c.noLegend)));
1258
+ const compact = store.get('compact') ? ` ${CSS.compact}` : '';
1259
+ return this.isLoading ? (h("calcite-loader", { key: "interactive-legend-loader", scale: "m", label: (_a = this.messages) === null || _a === void 0 ? void 0 : _a.loading, text: (_b = this.messages) === null || _b === void 0 ? void 0 : _b.loading })) : (h("div", { key: "interactive-legend-classic-container", class: `${getTheme(this.el)}${compact}` }, (filteredLayers === null || filteredLayers === void 0 ? void 0 : filteredLayers.length) > 0 ? filteredLayers : h("div", { class: CSS.message }, (_c = this.messages) === null || _c === void 0 ? void 0 : _c.noLegend)));
1258
1260
  }
1259
1261
  renderFilteredLayers() {
1260
1262
  var _a, _b;
@@ -1472,9 +1474,11 @@ const InstantAppsInteractiveLegendClassic = /*@__PURE__*/ proxyCustomElement(cla
1472
1474
  selected = ((_a = data === null || data === void 0 ? void 0 : data.categories) === null || _a === void 0 ? void 0 : _a.size) === 1 ? !(category === null || category === void 0 ? void 0 : category.selected) : noneSelected || (category === null || category === void 0 ? void 0 : category.selected);
1473
1475
  }
1474
1476
  const interactive = parentLegendElementInfoData && !(elementInfo === null || elementInfo === void 0 ? void 0 : elementInfo.value) ? false : isInteractive;
1477
+ const isCompact = store.get('compact');
1478
+ const layerRowLabel = this.getTitle(this.messages, elementInfo.label, false) || '';
1475
1479
  return interactive ? (
1476
1480
  // Regular LegendElementInfo
1477
- h("button", { onClick: this.applyFilter(elementInfo, layer, infoIndex, parentLegendElementInfo), class: `${CSS.layerRow} ${CSS.interactiveLayerRow}${selected ? ` ${CSS.infoSelected}` : ''}` }, h("div", { class: `${CSS.symbolContainer}${imageryLayerInfoStretched}${sizeRamp}` }, content), h("div", { class: `${CSS.layerInfo}${imageryLayerInfoStretched}` }, this.getTitle(this.messages, elementInfo.label, false) || ''), this.featureCount ? (h("instant-apps-interactive-legend-count", { class: getTheme(this.el), categoryId: parentLegendElementInfoData ? legendElement.title : ((_b = elementInfo.label) !== null && _b !== void 0 ? _b : layer === null || layer === void 0 ? void 0 : layer.id), activeLayerInfo: activeLayerInfo, legendvm: this.legendvm, messages: this.messages, selected: selected, legendElement: legendElement, infoIndex: infoIndex })) : null)) : (h("div", { class: CSS.layerRow }, h("div", { class: `${CSS.symbolContainer}${imageryLayerInfoStretched}${sizeRamp}` }, content), h("div", { class: `${CSS.layerInfo}${imageryLayerInfoStretched}` }, this.getTitle(this.messages, elementInfo.label, false) || '')));
1481
+ h("button", { onClick: this.applyFilter(elementInfo, layer, infoIndex, parentLegendElementInfo), class: `${CSS.layerRow} ${CSS.interactiveLayerRow}${selected ? ` ${CSS.infoSelected}` : ''}`, title: isCompact ? `${layerRowLabel}` : undefined }, h("div", { class: `${CSS.symbolContainer}${imageryLayerInfoStretched}${sizeRamp}` }, content), h("div", { class: `${CSS.layerInfo}${imageryLayerInfoStretched}` }, this.getTitle(this.messages, elementInfo.label, false) || ''), this.featureCount && !isCompact ? (h("instant-apps-interactive-legend-count", { class: getTheme(this.el), categoryId: parentLegendElementInfoData ? legendElement.title : ((_b = elementInfo.label) !== null && _b !== void 0 ? _b : layer === null || layer === void 0 ? void 0 : layer.id), activeLayerInfo: activeLayerInfo, legendvm: this.legendvm, messages: this.messages, selected: selected, legendElement: legendElement, infoIndex: infoIndex })) : null)) : (h("div", { class: CSS.layerRow }, h("div", { class: `${CSS.symbolContainer}${imageryLayerInfoStretched}${sizeRamp}` }, content), h("div", { class: `${CSS.layerInfo}${imageryLayerInfoStretched}` }, layerRowLabel)));
1478
1482
  }
1479
1483
  renderImage(elementInfo, layer, isStretched) {
1480
1484
  const { label, src, opacity } = elementInfo;
package/dist/components/instant-apps-interactive-legend-count2.js CHANGED
@@ -5,15 +5,17 @@
5
5
  */
6
6
  import { proxyCustomElement, HTMLElement, forceUpdate, h } from '@stencil/core/internal/client';
7
7
  import { l as loadModules } from './loadModules2.js';
8
- import { i as interactiveLegendState } from './store.js';
8
+ import { s as store, i as interactiveLegendState } from './store.js';
9
9
  import { g as getTheme, l as getCategoriesArray, m as checkNestedUniqueSymbol, n as calculateTotalFeatureCountForNestedSymbols, o as checkRelationshipRamp, p as calculateTotalCount, q as getNestedInfoData, k as getIntLegendLayerData } from './helpers.js';
10
10
 
11
- const instantAppsInteractiveLegendCountCss = ".sc-instant-apps-interactive-legend-count-h{display:flex;align-items:center}.instant-apps-interactive-legend__info-count-text.sc-instant-apps-interactive-legend-count{font-size:var(--instant-apps-interactive-legend-info-font-size);color:var(--instant-apps-interactive-legend-secondary-color)}.calcite-mode-dark.instant-apps-interactive-legend__info-count-text.instant-apps-interactive-legend__info-count-text--selected.sc-instant-apps-interactive-legend-count{color:var(--calcite-color-text-inverse)}html[dir=rtl] .sc-instant-apps-interactive-legend-count-h{margin-left:0;margin-right:auto}";
11
+ const instantAppsInteractiveLegendCountCss = ".sc-instant-apps-interactive-legend-count-h{display:flex;align-items:center}.instant-apps-interactive-legend__total-feature-count.sc-instant-apps-interactive-legend-count{font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.instant-apps-interactive-legend__info-count-text.sc-instant-apps-interactive-legend-count{font-size:var(--instant-apps-interactive-legend-info-font-size);color:var(--instant-apps-interactive-legend-secondary-color)}.calcite-mode-dark.instant-apps-interactive-legend__info-count-text.instant-apps-interactive-legend__info-count-text--selected.sc-instant-apps-interactive-legend-count{color:var(--calcite-color-text-inverse)}.instant-apps-interactive-legend-count--compact.sc-instant-apps-interactive-legend-count .instant-apps-interactive-legend__total-feature-count.sc-instant-apps-interactive-legend-count{font-size:0.75rem}html[dir=rtl] .sc-instant-apps-interactive-legend-count-h{margin-left:0;margin-right:auto}";
12
12
  const InstantAppsInteractiveLegendCountStyle0 = instantAppsInteractiveLegendCountCss;
13
13
 
14
14
  const CSS = {
15
15
  countText: ' instant-apps-interactive-legend__info-count-text',
16
16
  countTextSelected: ' instant-apps-interactive-legend__info-count-text--selected',
17
+ totalFeatureCount: 'instant-apps-interactive-legend__total-feature-count',
18
+ compact: 'instant-apps-interactive-legend-count--compact',
17
19
  };
18
20
  const InstantAppsInteractiveLegendCount = /*@__PURE__*/ proxyCustomElement(class InstantAppsInteractiveLegendCount extends HTMLElement {
19
21
  constructor() {
@@ -40,7 +42,8 @@ const InstantAppsInteractiveLegendCount = /*@__PURE__*/ proxyCustomElement(class
40
42
  }
41
43
  render() {
42
44
  var _a;
43
- return (h("div", { key: "int-legend-count" }, this.showTotal ? (h("span", null, (_a = this.messages) === null || _a === void 0 ? void 0 :
45
+ const compact = store.get('compact') ? CSS.compact : '';
46
+ return (h("div", { key: "int-legend-count", class: compact }, this.showTotal ? (h("span", { class: CSS.totalFeatureCount }, (_a = this.messages) === null || _a === void 0 ? void 0 :
44
47
  _a.totalFeatureCount, ": ", this.getTotalFeatureCount())) : (h("span", { key: "element-info-count", class: `${CSS.countText} ${getTheme(this.el)}${this.selected ? CSS.countTextSelected : ''}` }, this.getCount()))));
45
48
  }
46
49
  getCount() {
package/dist/components/instant-apps-interactive-legend-layer-element-caption2.js CHANGED
@@ -5,12 +5,13 @@
5
5
  */
6
6
  import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
7
7
  import { v as validateInteractivity, g as getTheme } from './helpers.js';
8
+ import { s as store } from './store.js';
8
9
  import { d as defineCustomElement$4 } from './action.js';
9
10
  import { d as defineCustomElement$3 } from './icon.js';
10
11
  import { d as defineCustomElement$2 } from './loader.js';
11
12
  import { d as defineCustomElement$1 } from './instant-apps-interactive-legend-count2.js';
12
13
 
13
- const instantAppsInteractiveLegendLayerElementCaptionCss = ".sc-instant-apps-interactive-legend-layer-element-caption-h{display:block;--instant-apps-interactive-legend-heading-font-size:1rem;--instant-apps-interactive-legend-heading-font-weight:normal;--instant-apps-interactive-legend-secondary-color:var(--calcite-color-text-1);--instant-apps-interactive-legend-ui-padding:15px 10px}.sc-instant-apps-interactive-legend-layer-element-caption-h .esri-widget__heading.sc-instant-apps-interactive-legend-layer-element-caption{overflow:hidden;margin:0;overflow-x:hidden;display:inline-block;font-size:var(--instant-apps-interactive-legend-heading-font-size);font-weight:var(--instant-apps-interactive-legend-heading-font-weight)}.sc-instant-apps-interactive-legend-layer-element-caption-h .esri-widget__heading.sc-instant-apps-interactive-legend-layer-element-caption header.sc-instant-apps-interactive-legend-layer-element-caption{padding:var(--instant-apps-interactive-legend-ui-padding)}.sc-instant-apps-interactive-legend-layer-element-caption-h header.sc-instant-apps-interactive-legend-layer-element-caption{display:flex;text-align:left;padding:var(--instant-apps-interactive-legend-ui-padding);background-color:var(--instant-apps-interactive-legend-secondary-background-color);color:var(--instant-apps-interactive-legend-secondary-color)}.sc-instant-apps-interactive-legend-layer-element-caption-h header.sc-instant-apps-interactive-legend-layer-element-caption h3.sc-instant-apps-interactive-legend-layer-element-caption{margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:normal;color:var(--instant-apps-interactive-legend-secondary-color);margin-bottom:5px}.sc-instant-apps-interactive-legend-layer-element-caption-h header.sc-instant-apps-interactive-legend-layer-element-caption .instant-apps-interactive-legend__heading-text--group-item.sc-instant-apps-interactive-legend-layer-element-caption{-webkit-line-clamp:2;line-clamp:2}.sc-instant-apps-interactive-legend-layer-element-caption-h header.sc-instant-apps-interactive-legend-layer-element-caption span.sc-instant-apps-interactive-legend-layer-element-caption{width:100%;font-size:var(--instant-apps-interactive-legend-total-feature-count-font-size);color:var(--instant-apps-interactive-legend-secondary-color)}.sc-instant-apps-interactive-legend-layer-element-caption-h header.sc-instant-apps-interactive-legend-layer-element-caption .instant-apps-interactive-legend__header-action-container.sc-instant-apps-interactive-legend-layer-element-caption{display:flex;align-items:center}.sc-instant-apps-interactive-legend-layer-element-caption-h .esri-widget__heading.sc-instant-apps-interactive-legend-layer-element-caption header.sc-instant-apps-interactive-legend-layer-element-caption{padding:var(--instant-apps-interactive-legend-ui-padding)}.sc-instant-apps-interactive-legend-layer-element-caption-h .esri-widget--panel.sc-instant-apps-interactive-legend-layer-element-caption{margin:0}.calcite-mode-dark.sc-instant-apps-interactive-legend-layer-element-caption-h .instant-apps-interactive-legend__header.sc-instant-apps-interactive-legend-layer-element-caption{background-color:#242424;color:var(--calcite-color-text-1)}.calcite-mode-light.sc-instant-apps-interactive-legend-layer-element-caption-h .instant-apps-interactive-legend__header.sc-instant-apps-interactive-legend-layer-element-caption{background-color:#ffffff;color:var(--calcite-color-text-1)}";
14
+ const instantAppsInteractiveLegendLayerElementCaptionCss = ".sc-instant-apps-interactive-legend-layer-element-caption-h{display:block;--instant-apps-interactive-legend-heading-font-size:1rem;--instant-apps-interactive-legend-heading-font-weight:500;--instant-apps-interactive-legend-secondary-color:var(--calcite-color-text-1);--instant-apps-interactive-legend-ui-padding:15px 10px}.sc-instant-apps-interactive-legend-layer-element-caption-h .instant-apps-interactive-legend__header--compact.sc-instant-apps-interactive-legend-layer-element-caption .esri-widget__heading.sc-instant-apps-interactive-legend-layer-element-caption{font-size:0.9rem}.sc-instant-apps-interactive-legend-layer-element-caption-h .esri-widget__heading.sc-instant-apps-interactive-legend-layer-element-caption{overflow:hidden;margin:0;display:inline-block;font-size:var(--calcite-font-size-1);font-weight:var(--instant-apps-interactive-legend-heading-font-weight)}.sc-instant-apps-interactive-legend-layer-element-caption-h .esri-widget__heading.sc-instant-apps-interactive-legend-layer-element-caption header.sc-instant-apps-interactive-legend-layer-element-caption{padding:var(--instant-apps-interactive-legend-ui-padding)}.sc-instant-apps-interactive-legend-layer-element-caption-h header.sc-instant-apps-interactive-legend-layer-element-caption{display:flex;text-align:left;padding:var(--instant-apps-interactive-legend-ui-padding);background-color:var(--instant-apps-interactive-legend-secondary-background-color);color:var(--instant-apps-interactive-legend-secondary-color)}.sc-instant-apps-interactive-legend-layer-element-caption-h header.sc-instant-apps-interactive-legend-layer-element-caption h3.sc-instant-apps-interactive-legend-layer-element-caption{margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:normal;color:var(--instant-apps-interactive-legend-secondary-color);margin-bottom:5px}.sc-instant-apps-interactive-legend-layer-element-caption-h header.sc-instant-apps-interactive-legend-layer-element-caption .instant-apps-interactive-legend__heading-text--group-item.sc-instant-apps-interactive-legend-layer-element-caption{-webkit-line-clamp:2;line-clamp:2}.sc-instant-apps-interactive-legend-layer-element-caption-h header.sc-instant-apps-interactive-legend-layer-element-caption span.sc-instant-apps-interactive-legend-layer-element-caption{width:100%;font-size:var(--instant-apps-interactive-legend-total-feature-count-font-size);color:var(--instant-apps-interactive-legend-secondary-color)}.sc-instant-apps-interactive-legend-layer-element-caption-h header.sc-instant-apps-interactive-legend-layer-element-caption .instant-apps-interactive-legend__header-action-container.sc-instant-apps-interactive-legend-layer-element-caption{display:flex;align-items:center}.sc-instant-apps-interactive-legend-layer-element-caption-h .esri-widget__heading.sc-instant-apps-interactive-legend-layer-element-caption header.sc-instant-apps-interactive-legend-layer-element-caption{padding:var(--instant-apps-interactive-legend-ui-padding)}.sc-instant-apps-interactive-legend-layer-element-caption-h .esri-widget--panel.sc-instant-apps-interactive-legend-layer-element-caption{margin:0}.calcite-mode-dark.sc-instant-apps-interactive-legend-layer-element-caption-h .instant-apps-interactive-legend__header.sc-instant-apps-interactive-legend-layer-element-caption{background-color:#242424;color:var(--calcite-color-text-1)}.calcite-mode-light.sc-instant-apps-interactive-legend-layer-element-caption-h .instant-apps-interactive-legend__header.sc-instant-apps-interactive-legend-layer-element-caption{background-color:#ffffff;color:var(--calcite-color-text-1)}";
14
15
  const InstantAppsInteractiveLegendLayerElementCaptionStyle0 = instantAppsInteractiveLegendLayerElementCaptionCss;
15
16
 
16
17
  const CSS = {
@@ -18,6 +19,7 @@ const CSS = {
18
19
  header: 'esri-widget__heading',
19
20
  interacitveLegendHeader: 'instant-apps-interactive-legend__header',
20
21
  headerActionContainer: 'instant-apps-interactive-legend__header-action-container',
22
+ compact: 'instant-apps-interactive-legend__header--compact',
21
23
  };
22
24
  const InstantAppsInteractiveLegendLayerElementCaption = /*@__PURE__*/ proxyCustomElement(class InstantAppsInteractiveLegendLayerElementCaption extends HTMLElement {
23
25
  constructor() {
@@ -37,7 +39,8 @@ const InstantAppsInteractiveLegendLayerElementCaption = /*@__PURE__*/ proxyCusto
37
39
  const { expanded } = this;
38
40
  const expandCollapseText = expanded ? (_a = this.messages) === null || _a === void 0 ? void 0 : _a.collapse : (_b = this.messages) === null || _b === void 0 ? void 0 : _b.expand;
39
41
  const isChild = this.isChild ? ' instant-apps-interactive-legend__heading-text--group-item' : '';
40
- return (h("header", { key: 'b4080c1d9a4a6b95a1e389156d94661a937c0e6f', class: `${CSS.interacitveLegendHeader} ${getTheme(this.el)}` }, h("calcite-action", { key: '11c804cbb23cdf359589309d40a8f3550f651802', onClick: this.toggleExpanded(), icon: expanded ? 'chevron-down' : 'chevron-up', appearance: "transparent", text: expandCollapseText, label: expandCollapseText, scale: "s" }), h("span", { key: '27f26720b7a189ea36873e4a97063579a6f52e20' }, h("span", { key: '143092f1dab8ebd2a0c8e9efbed4b7cba4267ebf', class: CSS.headerActionContainer }, h("h3", { key: '099fb8082615f356a1d1ecd374800dbc83baf015', class: `${CSS.header} ${CSS.label}${isChild}`, title: (_c = this.activeLayerInfo) === null || _c === void 0 ? void 0 : _c.title }, (_d = this.activeLayerInfo) === null || _d === void 0 ? void 0 : _d.title)), this.featureCount && isInteractive ? (h("instant-apps-interactive-legend-count", { activeLayerInfo: this.activeLayerInfo, "show-total": true, messages: this.messages, legendvm: this.legendvm })) : null)));
42
+ const compact = store.get('compact') ? ` ${CSS.compact}` : '';
43
+ return (h("header", { key: '6bc1b3736153ea626431070c6697498f70f89467', class: `${CSS.interacitveLegendHeader} ${getTheme(this.el)}${compact}` }, h("calcite-action", { key: 'ce171727aa6e4e755717260871d96ab7b48b9341', onClick: this.toggleExpanded(), icon: expanded ? 'chevron-down' : 'chevron-up', appearance: "transparent", text: expandCollapseText, label: expandCollapseText, scale: "s" }), h("span", { key: '5367ded56ab1ecafd48ac908d82bf90c9be256eb' }, h("span", { key: 'e7cf6987d2dd6ecd49685332f9357b14db571445', class: CSS.headerActionContainer }, h("h3", { key: 'b6948f3130904beaadd30cf8234cfe8753bb69c2', class: `${CSS.header} ${CSS.label}${isChild}`, title: (_c = this.activeLayerInfo) === null || _c === void 0 ? void 0 : _c.title }, (_d = this.activeLayerInfo) === null || _d === void 0 ? void 0 : _d.title)), this.featureCount && isInteractive ? (h("instant-apps-interactive-legend-count", { activeLayerInfo: this.activeLayerInfo, "show-total": true, messages: this.messages, legendvm: this.legendvm })) : null)));
41
44
  }
42
45
  toggleExpanded() {
43
46
  return () => {
package/dist/components/instant-apps-interactive-legend-legend-element-caption2.js CHANGED
@@ -5,21 +5,29 @@
5
5
  */
6
6
  import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
7
7
  import { r as checkNestedUniqueSymbolLegendElement, o as checkRelationshipRamp, a as getParentLegendElementInfoData, z as zoomTo, k as getIntLegendLayerData, s as showAllNestedUniqueSymbol, u as updateStore, t as showAll } from './helpers.js';
8
- import { i as interactiveLegendState, s as store } from './store.js';
8
+ import { s as store, i as interactiveLegendState } from './store.js';
9
9
  import { d as defineCustomElement$5 } from './action.js';
10
10
  import { d as defineCustomElement$4 } from './button.js';
11
11
  import { d as defineCustomElement$3 } from './icon.js';
12
12
  import { d as defineCustomElement$2 } from './loader.js';
13
13
  import { d as defineCustomElement$1 } from './tooltip.js';
14
14
 
15
- const instantAppsInteractiveLegendLegendElementCaptionCss = ".sc-instant-apps-interactive-legend-legend-element-caption-h{display:block;--instant-apps-interactive-legend-heading-font-size:1rem;--instant-apps-interactive-legend-heading-font-weight:normal;--instant-apps-interactive-legend-caption-font-weight:normal;--instant-apps-interactive-legend-secondary-color:var(--calcite-color-text-1);--instant-apps-interactive-legend-field-name-font-size:1rem;--instant-apps-interactive-legend-total-feature-count-font-size:0.875rem;--instant-apps-interactive-legend-info-font-size:0.875rem;--instant-apps-interactive-legend-info-item-background--selected:#c7ebff;--instant-apps-interactive-legend-info-item-color--selected:var(--calcite-color-text-2);--instant-apps-interactive-legend-secondary-background-color:var(--calcite-color-background);--instant-apps-interactive-legend-ui-padding:15px 10px}.sc-instant-apps-interactive-legend-legend-element-caption-h .esri-legend__layer-caption.sc-instant-apps-interactive-legend-legend-element-caption{display:flex;align-items:center;font-size:var(--instant-apps-interactive-legend-field-name-font-size);background-color:var(--instant-apps-interactive-legend-secondary-background-color);color:var(--instant-apps-interactive-legend-secondary-color)}.sc-instant-apps-interactive-legend-legend-element-caption-h .esri-legend__layer-caption.sc-instant-apps-interactive-legend-legend-element-caption calcite-action.sc-instant-apps-interactive-legend-legend-element-caption{margin-left:20px}.sc-instant-apps-interactive-legend-legend-element-caption-h .instant-apps-interactive-legend__legend-layer-caption-text.sc-instant-apps-interactive-legend-legend-element-caption{display:inline-block;margin-left:5px;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:normal}.sc-instant-apps-interactive-legend-legend-element-caption-h .instant-apps-interactive-legend__layer-caption-btn-container.sc-instant-apps-interactive-legend-legend-element-caption{white-space:nowrap}.sc-instant-apps-interactive-legend-legend-element-caption-h .instant-apps-interactive-legend__layer-caption-btn-container.sc-instant-apps-interactive-legend-legend-element-caption calcite-button.sc-instant-apps-interactive-legend-legend-element-caption{margin:2px}.sc-instant-apps-interactive-legend-legend-element-caption-h .esri-legend__layer-caption.sc-instant-apps-interactive-legend-legend-element-caption{font-weight:var(--instant-apps-interactive-legend-caption-font-weight);padding:var(--instant-apps-interactive-legend-ui-padding)}html[dir=rtl] .sc-instant-apps-interactive-legend-legend-element-caption-h .esri-legend__layer-caption.sc-instant-apps-interactive-legend-legend-element-caption calcite-action.sc-instant-apps-interactive-legend-legend-element-caption{margin-left:unset;margin-right:20px}";
15
+ const instantAppsInteractiveLegendLegendElementCaptionCss = ".sc-instant-apps-interactive-legend-legend-element-caption-h{display:block;--instant-apps-interactive-legend-heading-font-size:1rem;--instant-apps-interactive-legend-heading-font-weight:normal;--instant-apps-interactive-legend-caption-font-weight:normal;--instant-apps-interactive-legend-secondary-color:var(--calcite-color-text-1);--instant-apps-interactive-legend-field-name-font-size:1rem;--instant-apps-interactive-legend-total-feature-count-font-size:0.875rem;--instant-apps-interactive-legend-info-font-size:0.875rem;--instant-apps-interactive-legend-info-item-background--selected:#c7ebff;--instant-apps-interactive-legend-info-item-color--selected:var(--calcite-color-text-2);--instant-apps-interactive-legend-secondary-background-color:var(--calcite-color-background);--instant-apps-interactive-legend-ui-padding:15px 10px}.sc-instant-apps-interactive-legend-legend-element-caption-h .esri-legend__layer-caption.sc-instant-apps-interactive-legend-legend-element-caption{display:flex;align-items:center;font-size:var(--instant-apps-interactive-legend-field-name-font-size);background-color:var(--instant-apps-interactive-legend-secondary-background-color);color:var(--instant-apps-interactive-legend-secondary-color)}.sc-instant-apps-interactive-legend-legend-element-caption-h .esri-legend__layer-caption.sc-instant-apps-interactive-legend-legend-element-caption calcite-action.sc-instant-apps-interactive-legend-legend-element-caption{margin-left:20px}.sc-instant-apps-interactive-legend-legend-element-caption-h .instant-apps-interactive-legend__layer-caption--compact.sc-instant-apps-interactive-legend-legend-element-caption{--instant-apps-interactive-legend-ui-padding:5px}.sc-instant-apps-interactive-legend-legend-element-caption-h .instant-apps-interactive-legend__layer-caption--compact.sc-instant-apps-interactive-legend-legend-element-caption .instant-apps-interactive-legend__layer-caption-btn-container.sc-instant-apps-interactive-legend-legend-element-caption{display:flex;justify-content:flex-end;width:100%}.sc-instant-apps-interactive-legend-legend-element-caption-h .instant-apps-interactive-legend__layer-caption--compact.sc-instant-apps-interactive-legend-legend-element-caption .instant-apps-interactive-legend__layer-caption-btn-container.sc-instant-apps-interactive-legend-legend-element-caption .instant-apps-interactive-legend__show-all-btn.sc-instant-apps-interactive-legend-legend-element-caption{border:none;background-color:transparent;cursor:pointer;color:var(--calcite-ui-brand);font-weight:var(--calcite-font-weight-medium);font-size:0.75rem;padding-inline-start:20px}.sc-instant-apps-interactive-legend-legend-element-caption-h .instant-apps-interactive-legend__layer-caption--compact.sc-instant-apps-interactive-legend-legend-element-caption .instant-apps-interactive-legend__zoom-to-btn.sc-instant-apps-interactive-legend-legend-element-caption{--calcite-icon-color:var(--calcite-ui-brand);--calcite-color-transparent-hover:transparent}.sc-instant-apps-interactive-legend-legend-element-caption-h .instant-apps-interactive-legend__layer-caption--compact.sc-instant-apps-interactive-legend-legend-element-caption .instant-apps-interactive-legend__legend-layer-caption-text.sc-instant-apps-interactive-legend-legend-element-caption{display:inline-block;font-size:0.75rem;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}.sc-instant-apps-interactive-legend-legend-element-caption-h .instant-apps-interactive-legend__legend-layer-caption-text.sc-instant-apps-interactive-legend-legend-element-caption{display:inline-block;margin-left:5px;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:normal}.sc-instant-apps-interactive-legend-legend-element-caption-h .instant-apps-interactive-legend__layer-caption-btn-container.sc-instant-apps-interactive-legend-legend-element-caption{white-space:nowrap}.sc-instant-apps-interactive-legend-legend-element-caption-h .instant-apps-interactive-legend__layer-caption-btn-container.sc-instant-apps-interactive-legend-legend-element-caption calcite-button.sc-instant-apps-interactive-legend-legend-element-caption{margin:2px}.sc-instant-apps-interactive-legend-legend-element-caption-h .esri-legend__layer-caption.sc-instant-apps-interactive-legend-legend-element-caption{font-weight:var(--instant-apps-interactive-legend-caption-font-weight);padding:var(--instant-apps-interactive-legend-ui-padding)}html[dir=rtl] .sc-instant-apps-interactive-legend-legend-element-caption-h .esri-legend__layer-caption.sc-instant-apps-interactive-legend-legend-element-caption calcite-action.sc-instant-apps-interactive-legend-legend-element-caption{margin-left:unset;margin-right:20px}";
16
16
  const InstantAppsInteractiveLegendLegendElementCaptionStyle0 = instantAppsInteractiveLegendLegendElementCaptionCss;
17
17
 
18
+ var Icons;
19
+ (function (Icons) {
20
+ Icons["ZoomTo"] = "magnifying-glass-plus";
21
+ Icons["ShowAll"] = "list-check-all";
22
+ })(Icons || (Icons = {}));
18
23
  const CSS = {
19
24
  layerCaption: 'esri-legend__layer-caption',
20
25
  layerCaptionBtnContainer: 'instant-apps-interactive-legend__layer-caption-btn-container',
21
26
  layerCaptionBtnContainerNoText: 'instant-apps-interactive-legend__layer-caption-btn-container--no-text',
22
27
  layerCaptionText: 'instant-apps-interactive-legend__legend-layer-caption-text',
28
+ compact: 'instant-apps-interactive-legend__layer-caption--compact',
29
+ showAll: 'instant-apps-interactive-legend__show-all-btn',
30
+ zoomTo: 'instant-apps-interactive-legend__zoom-to-btn',
23
31
  };
24
32
  const InstantAppsInteractiveLegendLegendElementCaption = /*@__PURE__*/ proxyCustomElement(class InstantAppsInteractiveLegendLegendElementCaption extends HTMLElement {
25
33
  constructor() {
@@ -43,19 +51,51 @@ const InstantAppsInteractiveLegendLegendElementCaption = /*@__PURE__*/ proxyCust
43
51
  const isNestedUniqueSymbols = checkNestedUniqueSymbolLegendElement(this.activeLayerInfo);
44
52
  const isRelationship = checkRelationshipRamp(this.activeLayerInfo);
45
53
  const { expanded } = this;
46
- return isNestedUniqueSymbols && !this.titleText ? null : (h("div", { class: CSS.layerCaption }, h("calcite-action", { onClick: this.toggleExpanded(), icon: expanded === false ? 'chevron-up' : 'chevron-down', appearance: "transparent", text: expanded === false ? (_a = this.messages) === null || _a === void 0 ? void 0 : _a.expand : (_b = this.messages) === null || _b === void 0 ? void 0 : _b.collapse, label: expanded === false ? (_c = this.messages) === null || _c === void 0 ? void 0 : _c.expand : (_d = this.messages) === null || _d === void 0 ? void 0 : _d.collapse, scale: "s" }), this.isInteractive || isRelationship ? this.renderLegendElementCaptionControls() : null, this.titleText ? h("span", { class: CSS.layerCaptionText, title: this.titleText }, this.titleText) : null));
54
+ const compact = store.get('compact');
55
+ const compactClass = compact ? ` ${CSS.compact}` : '';
56
+ if (isNestedUniqueSymbols && !this.titleText) {
57
+ return null;
58
+ }
59
+ const titleTextElement = this.titleText && (h("span", { class: CSS.layerCaptionText, title: this.titleText }, this.titleText));
60
+ const controlsElement = (this.isInteractive || isRelationship) && this.renderLegendElementCaptionControls();
61
+ return (h("div", { class: `${CSS.layerCaption}${compactClass}` }, h("calcite-action", { onClick: this.toggleExpanded(), icon: expanded === false ? 'chevron-up' : 'chevron-down', appearance: "transparent", text: expanded === false ? (_a = this.messages) === null || _a === void 0 ? void 0 : _a.expand : (_b = this.messages) === null || _b === void 0 ? void 0 : _b.collapse, label: expanded === false ? (_c = this.messages) === null || _c === void 0 ? void 0 : _c.expand : (_d = this.messages) === null || _d === void 0 ? void 0 : _d.collapse, scale: "s" }), compact ? [titleTextElement, controlsElement] : [controlsElement, titleTextElement]));
47
62
  }
48
63
  renderLegendElementCaptionControls() {
49
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
50
64
  const noText = !this.titleText ? ` ${CSS.layerCaptionBtnContainerNoText}` : '';
51
- const showAllButton = ((_d = (_c = (_a = interactiveLegendState.data) === null || _a === void 0 ? void 0 : _a[(_b = this.layer) === null || _b === void 0 ? void 0 : _b.id]) === null || _c === void 0 ? void 0 : _c.categories) === null || _d === void 0 ? void 0 : _d.size) > 1 ? (h("calcite-button", { key: "show-all-button", id: "showAll", onClick: this.handleShowAll(), "icon-start": "list-check-all", appearance: "outline", round: true, label: (_e = this.messages) === null || _e === void 0 ? void 0 : _e.showAll })) : null;
52
- const zoomToButton = (h("calcite-button", { key: "zoom-to-button", id: "zoomTo", onClick: this.handleZoomTo(), "icon-start": "magnifying-glass-plus", appearance: "outline", round: true, label: (_f = this.messages) === null || _f === void 0 ? void 0 : _f.zoomTo }));
53
- return (h("div", { key: "layer-caption-btn-container", class: `${CSS.layerCaptionBtnContainer}${noText}` }, showAllButton, h("calcite-tooltip", { "reference-element": "showAll", placement: "top", label: (_g = this.messages) === null || _g === void 0 ? void 0 : _g.showAll }, (_h = this.messages) === null || _h === void 0 ? void 0 : _h.showAll), this.zoomTo
54
- ? [
55
- zoomToButton,
56
- h("calcite-tooltip", { "reference-element": "zoomTo", placement: "top", label: (_j = this.messages) === null || _j === void 0 ? void 0 : _j.zoomTo }, (_k = this.messages) === null || _k === void 0 ? void 0 : _k.zoomTo),
57
- ]
58
- : null));
65
+ return (h("div", { key: "layer-caption-btn-container", class: `${CSS.layerCaptionBtnContainer}${noText}` }, this.renderShowAllZoomToButtons()));
66
+ }
67
+ renderShowAllZoomToButtons() {
68
+ return store.get('compact') ? this.renderCompactButtonUI() : this.renderButtonUI();
69
+ }
70
+ renderCompactButtonUI() {
71
+ var _a, _b, _c, _d, _e;
72
+ const { data } = interactiveLegendState;
73
+ const { id } = this.layer || {};
74
+ const displayShowAll = ((_b = (_a = data === null || data === void 0 ? void 0 : data[id]) === null || _a === void 0 ? void 0 : _a.categories) === null || _b === void 0 ? void 0 : _b.size) > 1;
75
+ const zoomToCompact = 'zoomToCompact';
76
+ const zoomTo = this.zoomTo && [
77
+ h("calcite-action", { id: zoomToCompact, class: CSS.zoomTo, onClick: this.handleZoomTo(), icon: Icons.ZoomTo, appearance: "transparent", scale: "s", compact: true }),
78
+ h("calcite-tooltip", { "reference-element": zoomToCompact, placement: "top", label: (_c = this.messages) === null || _c === void 0 ? void 0 : _c.zoomTo }, (_d = this.messages) === null || _d === void 0 ? void 0 : _d.zoomTo),
79
+ ];
80
+ const showAll = displayShowAll && (h("button", { onClick: this.handleShowAll(), class: CSS.showAll }, (_e = this.messages) === null || _e === void 0 ? void 0 : _e.showAll));
81
+ return [zoomTo, showAll];
82
+ }
83
+ renderButtonUI() {
84
+ var _a, _b, _c, _d, _e, _f, _g, _h;
85
+ const { data } = interactiveLegendState;
86
+ const { id } = this.layer || {};
87
+ const displayShowAll = ((_b = (_a = data === null || data === void 0 ? void 0 : data[id]) === null || _a === void 0 ? void 0 : _a.categories) === null || _b === void 0 ? void 0 : _b.size) > 1;
88
+ const showAllId = 'showAll';
89
+ const zoomToId = 'zoomTo';
90
+ const showAll = displayShowAll && [
91
+ h("calcite-button", { key: "show-all-button", id: showAllId, label: (_c = this.messages) === null || _c === void 0 ? void 0 : _c.showAll, onClick: this.handleShowAll(), iconStart: Icons.ShowAll, appearance: "outline", round: true }),
92
+ h("calcite-tooltip", { referenceElement: showAllId, placement: "top", label: (_d = this.messages) === null || _d === void 0 ? void 0 : _d.showAll }, (_e = this.messages) === null || _e === void 0 ? void 0 : _e.showAll),
93
+ ];
94
+ const zoomTo = this.zoomTo && [
95
+ h("calcite-button", { key: "zoom-to-button", id: zoomToId, label: (_f = this.messages) === null || _f === void 0 ? void 0 : _f.zoomTo, onClick: this.handleZoomTo(), iconStart: Icons.ZoomTo, appearance: "outline", round: true }),
96
+ h("calcite-tooltip", { "reference-element": zoomToId, placement: "top", label: (_g = this.messages) === null || _g === void 0 ? void 0 : _g.zoomTo }, (_h = this.messages) === null || _h === void 0 ? void 0 : _h.zoomTo),
97
+ ];
98
+ return [showAll, zoomTo];
59
99
  }
60
100
  toggleExpanded() {
61
101
  return () => {
package/dist/components/instant-apps-interactive-legend.js CHANGED
@@ -7,6 +7,7 @@ import { proxyCustomElement, HTMLElement, forceUpdate, h } from '@stencil/core/i
7
7
  import { l as loadModules } from './loadModules2.js';
8
8
  import { g as getMessages } from './locale3.js';
9
9
  import { g as getTheme } from './helpers.js';
10
+ import { s as store } from './store.js';
10
11
  import { d as defineCustomElement$e } from './action.js';
11
12
  import { d as defineCustomElement$d } from './button.js';
12
13
  import { d as defineCustomElement$c } from './icon.js';
@@ -47,9 +48,11 @@ const InstantAppsInteractiveLegend$1 = /*@__PURE__*/ proxyCustomElement(class In
47
48
  this.filterMode = {
48
49
  type: 'filter',
49
50
  };
51
+ this.compact = false;
50
52
  this.messages = undefined;
51
53
  }
52
54
  async componentWillLoad() {
55
+ this.compactHandler();
53
56
  const observer = new MutationObserver(() => {
54
57
  forceUpdate(this.el);
55
58
  });
@@ -77,7 +80,7 @@ const InstantAppsInteractiveLegend$1 = /*@__PURE__*/ proxyCustomElement(class In
77
80
  try {
78
81
  const { on } = this.reactiveUtils;
79
82
  const [LegendViewModel] = await loadModules(['esri/widgets/Legend/LegendViewModel']);
80
- const legendVM = new LegendViewModel({ view: this.view });
83
+ const legendVM = new LegendViewModel({ view: this.view, respectLayerDefinitionExpression: true });
81
84
  this.legendvm = legendVM;
82
85
  this.handles.add([
83
86
  on(() => { var _a; return (_a = this.legendvm) === null || _a === void 0 ? void 0 : _a.activeLayerInfos; }, 'change', () => { var _a; return this._refreshActiveLayerInfos((_a = this === null || this === void 0 ? void 0 : this.legendvm) === null || _a === void 0 ? void 0 : _a.activeLayerInfos, this.reactiveUtils); }),
@@ -87,6 +90,9 @@ const InstantAppsInteractiveLegend$1 = /*@__PURE__*/ proxyCustomElement(class In
87
90
  console.error('Failed at "init": ', err);
88
91
  }
89
92
  }
93
+ compactHandler() {
94
+ store.set('compact', this.compact);
95
+ }
90
96
  render() {
91
97
  var _a;
92
98
  const { base, component, widget, widgetPanel } = CSS.esri;
@@ -114,14 +120,16 @@ const InstantAppsInteractiveLegend$1 = /*@__PURE__*/ proxyCustomElement(class In
114
120
  static get watchers() { return {
115
121
  "handles": ["init"],
116
122
  "reactiveUtils": ["init"],
117
- "view": ["init"]
123
+ "view": ["init"],
124
+ "compact": ["compactHandler"]
118
125
  }; }
119
126
  static get style() { return InstantAppsInteractiveLegendStyle0; }
120
127
  }, [2, "instant-apps-interactive-legend", {
121
128
  "view": [16],
122
129
  "zoomTo": [4, "zoom-to"],
123
- "featureCount": [4, "feature-count"],
130
+ "featureCount": [1028, "feature-count"],
124
131
  "filterMode": [16],
132
+ "compact": [4],
125
133
  "handles": [32],
126
134
  "reactiveUtils": [32],
127
135
  "legendvm": [32],
@@ -130,7 +138,8 @@ const InstantAppsInteractiveLegend$1 = /*@__PURE__*/ proxyCustomElement(class In
130
138
  }, undefined, {
131
139
  "handles": ["init"],
132
140
  "reactiveUtils": ["init"],
133
- "view": ["init"]
141
+ "view": ["init"],
142
+ "compact": ["compactHandler"]
134
143
  }]);
135
144
  function defineCustomElement$1() {
136
145
  if (typeof customElements === "undefined") {
package/dist/components/instant-apps-landing-page.js CHANGED
@@ -28,7 +28,7 @@ var AlignmentPositions;
28
28
  AlignmentPositions["BottomRight"] = "bottom-right";
29
29
  })(AlignmentPositions || (AlignmentPositions = {}));
30
30
 
31
- const instantAppsLandingPageCss = ":host{--instant-apps-landing-page-background-color:var(--calcite-color-brand);--instant-apps-landing-page-text-color:var(--calcite-color-text-inverse);--instant-apps-landing-page-entry-button-color:var(--calcite-color-brand);--instant-apps-landing-page-title-text-font-size:var(--calcite-font-size-6);--instant-apps-landing-page-subtitle-text-font-size:var(--calcite-font-size-3);--instant-apps-landing-page-description-text-font-size:var(--calcite-font-size-0);--instant-apps-landing-page-icon-image-scale--s:100px;--instant-apps-landing-page-icon-image-scale--m:250px;--instant-apps-landing-page-icon-image-scale--l:500px;--instant-apps-landing-page-entry-button-margin:0}:host .instant-apps-landing-page{box-sizing:border-box;position:absolute;top:0;left:0;z-index:9000;display:flex;flex-direction:column;width:100%;height:100%;padding:2.5%;transition:top 0.5s ease-in-out;background-color:var(--instant-apps-landing-page-background-color);color:var(--instant-apps-landing-page-text-color)}:host .instant-apps-landing-page__title-text{color:var(--instant-apps-landing-page-text-color);font-size:var(--instant-apps-landing-page-title-text-font-size);margin:0}:host .instant-apps-landing-page__subtitle-text{font-weight:var(--calcite-font-weight-medium);font-size:var(--instant-apps-landing-page-subtitle-text-font-size);text-align:center}:host .instant-apps-landing-page__description-text{font-size:var(--instant-apps-landing-page-description-text-font-size);width:50%;min-width:250px}:host .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__subtitle-text{text-shadow:0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1)}:host .instant-apps-landing-page__icon-image{margin-bottom:5px;max-width:50%}:host .instant-apps-landing-page__icon-image-scale--s{width:100px}:host .instant-apps-landing-page__icon-image-scale--m{width:250px}:host .instant-apps-landing-page__icon-image-scale--l{width:500px}:host .instant-apps-landing-page__button-container{display:flex}:host .instant-apps-landing-page__button-container .instant-apps-landing-page__entry-button{margin:var(--instant-apps-landing-page-entry-button-margin)}:host .instant-apps-landing-page__entry-button{--calcite-color-brand:var(--instant-apps-landing-page-entry-button-color);--calcite-color-brand-hover:var(--instant-apps-landing-page-entry-button-color);--calcite-color-brand-press:var(--instant-apps-landing-page-entry-button-color)}:host .instant-apps-landing-page__remove-transition{transition:none}:host .instant-apps-landing-page__remove-padding{padding:0}:host .instant-apps-landing-page--closed-no-transition{display:none}:host .instant-apps-landing-page--closed{top:-100%}:host .instant-apps-landing-page__alignment--top-center{justify-content:flex-start;align-items:center}:host .instant-apps-landing-page__alignment--top-center .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:center;justify-content:center}:host .instant-apps-landing-page__alignment--top-center .instant-apps-landing-page__description-text{text-align:center}:host .instant-apps-landing-page__alignment--center{justify-content:center;align-items:center}:host .instant-apps-landing-page__alignment--center .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:center}:host .instant-apps-landing-page__alignment--center .instant-apps-landing-page__description-text{text-align:center}:host .instant-apps-landing-page__alignment--bottom-center{justify-content:flex-end;align-items:center}:host .instant-apps-landing-page__alignment--bottom-center .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:center}:host .instant-apps-landing-page__alignment--bottom-center .instant-apps-landing-page__description-text{text-align:center}:host .instant-apps-landing-page__alignment--top-left{justify-content:flex-start;align-items:flex-start}:host .instant-apps-landing-page__alignment--top-left .instant-apps-landing-page__description-text{text-align:left}:host .instant-apps-landing-page__alignment--center-left{justify-content:center;align-items:flex-start}:host .instant-apps-landing-page__alignment--center-left .instant-apps-landing-page__description-text{text-align:left}:host .instant-apps-landing-page__alignment--bottom-left{justify-content:flex-end;align-items:flex-start}:host .instant-apps-landing-page__alignment--bottom-left .instant-apps-landing-page__description-text{text-align:left}:host .instant-apps-landing-page__alignment--top-right{justify-content:flex-start;align-items:flex-end}:host .instant-apps-landing-page__alignment--top-right .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:flex-end}:host .instant-apps-landing-page__alignment--top-right .instant-apps-landing-page__description-text{text-align:right}:host .instant-apps-landing-page__alignment--center-right{justify-content:center;align-items:flex-end}:host .instant-apps-landing-page__alignment--center-right .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:flex-end}:host .instant-apps-landing-page__alignment--center-right .instant-apps-landing-page__description-text{text-align:right}:host .instant-apps-landing-page__alignment--bottom-right{justify-content:flex-end;align-items:flex-end}:host .instant-apps-landing-page__alignment--bottom-right .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:flex-end}:host .instant-apps-landing-page__alignment--bottom-right .instant-apps-landing-page__description-text{text-align:right}:host instant-apps-sign-in{width:50%}@media only screen and (max-width: 768px){:host .instant-apps-landing-page__icon-image{max-width:70%;margin-bottom:20px}:host .instant-apps-landing-page__description-text{width:80%}:host .instant-apps-landing-page__title-text{font-size:var(--calcite-font-size-3)}:host .instant-apps-landing-page__subtitle-text{font-size:var(--calcite-font-size-0)}:host .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:center;margin-top:auto}:host .instant-apps-landing-page__button-container{display:flex;flex-direction:column;width:100%;margin-top:auto}:host .instant-apps-landing-page__button-container .instant-apps-landing-page__entry-button{width:100%;margin-right:unset;margin-bottom:10px}}@media only screen and (max-width: 896px) and (orientation: landscape){:host .instant-apps-landing-page__icon-image{max-width:25%}}";
31
+ const instantAppsLandingPageCss = ":host{--instant-apps-landing-page-background-color:var(--calcite-color-brand);--instant-apps-landing-page-text-color:var(--calcite-color-text-inverse);--instant-apps-landing-page-entry-button-color:var(--calcite-color-brand);--instant-apps-landing-page-title-text-font-size:var(--calcite-font-size-6);--instant-apps-landing-page-subtitle-text-font-size:var(--calcite-font-size-3);--instant-apps-landing-page-description-text-font-size:var(--calcite-font-size-0);--instant-apps-landing-page-icon-image-scale--s:100px;--instant-apps-landing-page-icon-image-scale--m:250px;--instant-apps-landing-page-icon-image-scale--l:500px;--instant-apps-landing-page-entry-button-margin:0}:host .instant-apps-landing-page{box-sizing:border-box;position:absolute;top:0;left:0;z-index:9000;display:flex;flex-direction:column;width:100%;height:100%;padding:2.5%;transition:top 0.5s ease-in-out;background-color:var(--instant-apps-landing-page-background-color);color:var(--instant-apps-landing-page-text-color)}:host .instant-apps-landing-page__title-text{color:var(--instant-apps-landing-page-text-color);font-size:var(--instant-apps-landing-page-title-text-font-size);margin:0}:host .instant-apps-landing-page__subtitle-text{font-weight:var(--calcite-font-weight-medium);font-size:var(--instant-apps-landing-page-subtitle-text-font-size);text-align:center}:host .instant-apps-landing-page__description-text{font-size:var(--instant-apps-landing-page-description-text-font-size);width:50%;min-width:250px}:host .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__subtitle-text{text-shadow:0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1)}:host .instant-apps-landing-page__icon-image{margin-bottom:5px;max-width:50%}:host .instant-apps-landing-page__icon-image-scale--s{width:100px}:host .instant-apps-landing-page__icon-image-scale--m{width:250px}:host .instant-apps-landing-page__icon-image-scale--l{width:500px}:host .instant-apps-landing-page__button-container{display:flex}:host .instant-apps-landing-page__button-container .instant-apps-landing-page__entry-button{margin:var(--instant-apps-landing-page-entry-button-margin)}:host .instant-apps-landing-page__entry-button{--calcite-color-brand:var(--instant-apps-landing-page-entry-button-color);--calcite-color-brand-hover:var(--instant-apps-landing-page-entry-button-color);--calcite-color-brand-press:var(--instant-apps-landing-page-entry-button-color)}:host .instant-apps-landing-page__remove-transition{transition:none}:host .instant-apps-landing-page__remove-padding{padding:0}:host .instant-apps-landing-page--closed-no-transition{display:none}:host .instant-apps-landing-page--closed{top:-100%}:host .instant-apps-landing-page__alignment--top-center{justify-content:flex-start;align-items:center}:host .instant-apps-landing-page__alignment--top-center .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:center;justify-content:center}:host .instant-apps-landing-page__alignment--top-center .instant-apps-landing-page__description-text{text-align:center}:host .instant-apps-landing-page__alignment--center{justify-content:center;align-items:center}:host .instant-apps-landing-page__alignment--center .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:center}:host .instant-apps-landing-page__alignment--center .instant-apps-landing-page__description-text{text-align:center}:host .instant-apps-landing-page__alignment--bottom-center{justify-content:flex-end;align-items:center}:host .instant-apps-landing-page__alignment--bottom-center .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:center}:host .instant-apps-landing-page__alignment--bottom-center .instant-apps-landing-page__description-text{text-align:center}:host .instant-apps-landing-page__alignment--top-left{justify-content:flex-start;align-items:flex-start}:host .instant-apps-landing-page__alignment--top-left .instant-apps-landing-page__description-text{text-align:left}:host .instant-apps-landing-page__alignment--center-left{justify-content:center;align-items:flex-start}:host .instant-apps-landing-page__alignment--center-left .instant-apps-landing-page__description-text{text-align:left}:host .instant-apps-landing-page__alignment--bottom-left{justify-content:flex-end;align-items:flex-start}:host .instant-apps-landing-page__alignment--bottom-left .instant-apps-landing-page__description-text{text-align:left}:host .instant-apps-landing-page__alignment--top-right{justify-content:flex-start;align-items:flex-end}:host .instant-apps-landing-page__alignment--top-right .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:flex-end}:host .instant-apps-landing-page__alignment--top-right .instant-apps-landing-page__description-text{text-align:right}:host .instant-apps-landing-page__alignment--center-right{justify-content:center;align-items:flex-end}:host .instant-apps-landing-page__alignment--center-right .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:flex-end}:host .instant-apps-landing-page__alignment--center-right .instant-apps-landing-page__description-text{text-align:right}:host .instant-apps-landing-page__alignment--bottom-right{justify-content:flex-end;align-items:flex-end}:host .instant-apps-landing-page__alignment--bottom-right .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:flex-end}:host .instant-apps-landing-page__alignment--bottom-right .instant-apps-landing-page__description-text{text-align:right}:host instant-apps-sign-in{width:50%}@media screen and (max-width: 500px){:host instant-apps-sign-in{width:100%}}@media only screen and (max-width: 768px){:host .instant-apps-landing-page__icon-image{max-width:70%;margin-bottom:20px}:host .instant-apps-landing-page__description-text{width:80%}:host .instant-apps-landing-page__title-text{font-size:var(--calcite-font-size-3)}:host .instant-apps-landing-page__subtitle-text{font-size:var(--calcite-font-size-0)}:host .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:center;margin-top:auto}:host .instant-apps-landing-page__button-container{display:flex;flex-direction:column;width:100%;margin-top:auto}:host .instant-apps-landing-page__button-container .instant-apps-landing-page__entry-button{width:100%;margin-right:unset;margin-bottom:10px}:host .instant-apps-landing-page instant-apps-sign-in{margin-bottom:auto}}@media only screen and (max-width: 896px) and (orientation: landscape){:host .instant-apps-landing-page__icon-image{max-width:25%}}";
32
32
  const InstantAppsLandingPageStyle0 = instantAppsLandingPageCss;
33
33
 
34
34
  const CSS = {
@@ -83,21 +83,12 @@ const InstantAppsLandingPage$1 = /*@__PURE__*/ proxyCustomElement(class InstantA
83
83
  this.landingPageClose.emit();
84
84
  }
85
85
  }
86
- componentWillLoad() {
87
- if (this.enableSignIn) {
88
- const signInTime = localStorage.getItem('signing-in') ? new Date(Number(localStorage.getItem('signing-in'))) : null;
89
- if (signInTime != null) {
90
- const minuteLimit = 2;
91
- if ((Date.now() - signInTime.getTime()) / (60 * 1000) < minuteLimit) {
92
- this.open = false;
93
- }
94
- localStorage.removeItem('signing-in');
95
- }
96
- }
86
+ async componentWillRender() {
87
+ await this.checkEnableSignIn();
97
88
  }
98
89
  render() {
99
90
  const content = this.renderLandingPageContent();
100
- return h(Host, { key: 'f12e6b4ea673c94e8979d82809984b23e6bd6781' }, content);
91
+ return h(Host, { key: 'ea71727939f905d2f22bf8e45cd4a4cefe9557ae' }, content);
101
92
  }
102
93
  renderLandingPageContent() {
103
94
  const closed = !this.open ? (this.disableTransition ? ` ${CSS.closedNoTransition}` : ` ${CSS.closed}`) : '';
@@ -150,6 +141,21 @@ const InstantAppsLandingPage$1 = /*@__PURE__*/ proxyCustomElement(class InstantA
150
141
  }
151
142
  : { fontFamily };
152
143
  }
144
+ checkEnableSignIn() {
145
+ return new Promise(resolve => {
146
+ if (this.enableSignIn) {
147
+ const signInTime = localStorage.getItem('signing-in') ? Number(localStorage.getItem('signing-in')) : null;
148
+ if (signInTime != null) {
149
+ const minuteLimit = 2;
150
+ if ((Date.now() - signInTime) / (60 * 1000) < minuteLimit) {
151
+ this.open = false;
152
+ }
153
+ localStorage.removeItem('signing-in');
154
+ }
155
+ }
156
+ resolve();
157
+ });
158
+ }
153
159
  get el() { return this; }
154
160
  static get watchers() { return {
155
161
  "open": ["emitToggleEvent"]
package/dist/components/instant-apps-language-switcher.js CHANGED
@@ -42,6 +42,7 @@ const InstantAppsLanguageSwitcher$1 = /*@__PURE__*/ proxyCustomElement(class Ins
42
42
  this.locales = [];
43
43
  this.defaultLocale = undefined;
44
44
  this.selectedLanguage = null;
45
+ this.calciteDropdownOverlayPositioning = 'absolute';
45
46
  this.messages = undefined;
46
47
  this.t9nData = null;
47
48
  }
@@ -94,7 +95,7 @@ const InstantAppsLanguageSwitcher$1 = /*@__PURE__*/ proxyCustomElement(class Ins
94
95
  const trigger = this.renderTrigger();
95
96
  const dropdown = this.renderDropdownItems();
96
97
  const defaultLocale = this.renderDefaultLocale();
97
- return (h("calcite-dropdown", { key: '292b75e8a6f9d7ab2739e4d85f90d975f5b49c1e', onCalciteDropdownBeforeOpen: () => (this.trigger.iconEnd = 'chevron-up'), onCalciteDropdownBeforeClose: () => (this.trigger.iconEnd = 'chevron-down'), "width-scale": "m" }, trigger, defaultLocale, dropdown));
98
+ return (h("calcite-dropdown", { key: 'ce2effa615127d96ffa5995e09e6b92256d1e549', onCalciteDropdownBeforeOpen: () => (this.trigger.iconEnd = 'chevron-up'), onCalciteDropdownBeforeClose: () => (this.trigger.iconEnd = 'chevron-down'), "overlay-positioning": this.calciteDropdownOverlayPositioning, "width-scale": "m" }, trigger, defaultLocale, dropdown));
98
99
  }
99
100
  renderDefaultLocale() {
100
101
  const { userLocale } = this;
@@ -192,6 +193,7 @@ const InstantAppsLanguageSwitcher$1 = /*@__PURE__*/ proxyCustomElement(class Ins
192
193
  "locales": [16],
193
194
  "defaultLocale": [1, "default-locale"],
194
195
  "selectedLanguage": [1, "selected-language"],
196
+ "calciteDropdownOverlayPositioning": [1, "calcite-dropdown-overlay-positioning"],
195
197
  "messages": [32],
196
198
  "t9nData": [32],
197
199
  "refresh": [64]