@esri/solutions-components 0.10.36 → 0.10.37
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/calcite-action-pad_2.cjs.entry.js +2 -2
- package/dist/cjs/calcite-block_5.cjs.entry.js +2 -2
- package/dist/cjs/{constants-0a4fc296.js → constants-51cf394f.js} +57 -1
- package/dist/cjs/{helpers-415179ad.js → helpers-afcac967.js} +1 -1
- package/dist/cjs/instant-apps-app-guide.cjs.entry.js +26 -13
- package/dist/cjs/instant-apps-export.cjs.entry.js +1086 -59
- package/dist/cjs/instant-apps-interactive-legend-classic.cjs.entry.js +8 -4
- package/dist/cjs/instant-apps-interactive-legend-count_2.cjs.entry.js +10 -5
- package/dist/cjs/instant-apps-interactive-legend-group-legend-element-caption.cjs.entry.js +1 -1
- package/dist/cjs/instant-apps-interactive-legend-group-legend-element_5.cjs.entry.js +52 -12
- package/dist/cjs/instant-apps-interactive-legend.cjs.entry.js +9 -3
- package/dist/cjs/instant-apps-landing-page.cjs.entry.js +19 -13
- package/dist/cjs/instant-apps-language-switcher.cjs.entry.js +3 -2
- package/dist/cjs/instant-apps-language-translator.cjs.entry.js +1 -1
- package/dist/cjs/instant-apps-measurement.cjs.entry.js +2 -2
- package/dist/cjs/instant-apps-popover.cjs.entry.js +1 -1
- package/dist/cjs/instant-apps-scoreboard.cjs.entry.js +1 -1
- package/dist/cjs/instant-apps-sign-in.cjs.entry.js +13 -9
- package/dist/cjs/instant-apps-splash.cjs.entry.js +1 -1
- package/dist/cjs/instant-apps-time-filter.cjs.entry.js +11 -9
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/solution-item-accordion.cjs.entry.js +7 -3
- package/dist/cjs/solutions-components.cjs.js +1 -1
- package/dist/collection/components/solution-item-accordion/solution-item-accordion.js +7 -3
- package/dist/collection/demos/solution-item-accordion.html +32 -0
- package/dist/components/instant-apps-app-guide.js +28 -14
- package/dist/components/instant-apps-export.js +1119 -76
- package/dist/components/instant-apps-interactive-legend-classic2.js +8 -4
- package/dist/components/instant-apps-interactive-legend-count2.js +6 -3
- package/dist/components/instant-apps-interactive-legend-layer-element-caption2.js +5 -2
- package/dist/components/instant-apps-interactive-legend-legend-element-caption2.js +52 -12
- package/dist/components/instant-apps-interactive-legend.js +13 -4
- package/dist/components/instant-apps-landing-page.js +19 -13
- package/dist/components/instant-apps-language-switcher.js +3 -1
- package/dist/components/instant-apps-language-translator2.js +57 -1
- package/dist/components/instant-apps-measurement-tool2.js +2 -2
- package/dist/components/instant-apps-measurement.js +2 -2
- package/dist/components/instant-apps-popover.js +1 -1
- package/dist/components/instant-apps-scoreboard.js +1 -1
- package/dist/components/instant-apps-sign-in2.js +14 -9
- package/dist/components/instant-apps-social-share2.js +2 -2
- package/dist/components/instant-apps-splash.js +1 -1
- package/dist/components/instant-apps-time-filter.js +11 -9
- package/dist/components/solution-item-accordion.js +7 -3
- package/dist/components/store.js +1 -1
- package/dist/esm/calcite-action-pad_2.entry.js +2 -2
- package/dist/esm/calcite-block_5.entry.js +2 -2
- package/dist/esm/{constants-045d6a1b.js → constants-886c7c2c.js} +57 -1
- package/dist/esm/{helpers-f9bf9c0b.js → helpers-91087955.js} +1 -1
- package/dist/esm/instant-apps-app-guide.entry.js +26 -13
- package/dist/esm/instant-apps-export.entry.js +1086 -59
- package/dist/esm/instant-apps-interactive-legend-classic.entry.js +8 -4
- package/dist/esm/instant-apps-interactive-legend-count_2.entry.js +10 -5
- package/dist/esm/instant-apps-interactive-legend-group-legend-element-caption.entry.js +1 -1
- package/dist/esm/instant-apps-interactive-legend-group-legend-element_5.entry.js +52 -12
- package/dist/esm/instant-apps-interactive-legend.entry.js +9 -3
- package/dist/esm/instant-apps-landing-page.entry.js +19 -13
- package/dist/esm/instant-apps-language-switcher.entry.js +3 -2
- package/dist/esm/instant-apps-language-translator.entry.js +1 -1
- package/dist/esm/instant-apps-measurement.entry.js +2 -2
- package/dist/esm/instant-apps-popover.entry.js +1 -1
- package/dist/esm/instant-apps-scoreboard.entry.js +1 -1
- package/dist/esm/instant-apps-sign-in.entry.js +13 -9
- package/dist/esm/instant-apps-splash.entry.js +1 -1
- package/dist/esm/instant-apps-time-filter.entry.js +11 -9
- package/dist/esm/loader.js +1 -1
- package/dist/esm/solution-item-accordion.entry.js +7 -3
- package/dist/esm/solutions-components.js +1 -1
- package/dist/node_modules/@esri/instant-apps-components/dist/collection/components/instant-apps-app-guide/instant-apps-app-guide.css +0 -5
- package/dist/node_modules/@esri/instant-apps-components/dist/collection/components/instant-apps-export/instant-apps-export.css +4 -0
- 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
- 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
- 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
- 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
- package/dist/node_modules/@esri/instant-apps-components/dist/collection/components/instant-apps-landing-page/instant-apps-landing-page.css +8 -0
- package/dist/node_modules/@esri/instant-apps-components/dist/collection/components/instant-apps-sign-in/instant-apps-sign-in.css +22 -0
- package/dist/solutions-components/demos/solution-item-accordion.html +32 -0
- package/dist/solutions-components/p-1e14b3d0.entry.js +6 -0
- package/dist/solutions-components/p-2542d5c9.entry.js +6 -0
- package/dist/solutions-components/{p-70ecc979.entry.js → p-374ddead.entry.js} +1 -1
- package/dist/solutions-components/{p-146acd9a.entry.js → p-3fc18283.entry.js} +1 -1
- package/dist/solutions-components/p-43699470.entry.js +6 -0
- package/dist/solutions-components/p-5585dcd3.entry.js +6 -0
- package/dist/solutions-components/{p-3a513c67.entry.js → p-5b3c0418.entry.js} +1 -1
- package/dist/solutions-components/{p-f7e7b830.entry.js → p-6438d1ea.entry.js} +1 -1
- package/dist/solutions-components/p-750b3277.entry.js +6 -0
- package/dist/solutions-components/p-8779ee41.entry.js +6 -0
- package/dist/solutions-components/p-90fc786f.entry.js +6 -0
- package/dist/solutions-components/{p-43165ebd.entry.js → p-9c170b30.entry.js} +1 -1
- package/dist/solutions-components/p-a5b751e2.entry.js +6 -0
- package/dist/solutions-components/p-af573e0d.js +6 -0
- package/dist/solutions-components/p-bb8b1ee2.entry.js +6 -0
- package/dist/solutions-components/{p-b79f296d.entry.js → p-c48be45f.entry.js} +2 -2
- package/dist/solutions-components/p-ca3cbd29.entry.js +6 -0
- package/dist/solutions-components/p-ceb1030b.js +6 -0
- package/dist/solutions-components/{p-29047e77.entry.js → p-e1391389.entry.js} +1 -1
- package/dist/solutions-components/p-f3b71784.entry.js +6 -0
- package/dist/solutions-components/{p-759d0beb.entry.js → p-f728af86.entry.js} +1 -1
- package/dist/solutions-components/solutions-components.esm.js +1 -1
- package/package.json +7 -7
- package/dist/solutions-components/p-07a194e6.entry.js +0 -6
- package/dist/solutions-components/p-14d78748.entry.js +0 -6
- package/dist/solutions-components/p-24e3f09f.entry.js +0 -6
- package/dist/solutions-components/p-3a33ef72.entry.js +0 -6
- package/dist/solutions-components/p-402301cb.js +0 -6
- package/dist/solutions-components/p-41a6f03d.entry.js +0 -6
- package/dist/solutions-components/p-4db86c5e.entry.js +0 -6
- package/dist/solutions-components/p-750f234e.entry.js +0 -6
- package/dist/solutions-components/p-7e97d4d6.entry.js +0 -6
- package/dist/solutions-components/p-7eb5d31a.js +0 -6
- package/dist/solutions-components/p-90d2aadc.entry.js +0 -6
- package/dist/solutions-components/p-b78a4ce7.entry.js +0 -6
- package/dist/solutions-components/p-efb4cb43.entry.js +0 -6
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
5
5
|
*/
|
|
6
6
|
import { h, r as registerInstance, f as forceUpdate, g as getElement } from './index-904bc599.js';
|
|
7
|
-
import { h as handleFilterChange, g as getTheme, v as validateInteractivity, a as getParentLegendElementInfoData, i as interactiveLegendState, b as getCategoryData, c as checkNoneSelected, d as handleFeatureCount,
|
|
7
|
+
import { h as handleFilterChange, s as store, g as getTheme, v as validateInteractivity, a as getParentLegendElementInfoData, i as interactiveLegendState, b as getCategoryData, c as checkNoneSelected, d as handleFeatureCount, e as generateData, f as getAllActiveLayerInfos, j as createInteractiveLegendDataForLayer, u as updateStore, k as handleFilter, l as getIntLegendLayerData } from './helpers-91087955.js';
|
|
8
8
|
import { c as commonjsGlobal } from './_commonjsHelpers-089957fe.js';
|
|
9
9
|
import { l as loadModules } from './loadModules-03ba7abe.js';
|
|
10
10
|
import './index-39bc2e6d.js';
|
|
@@ -1104,7 +1104,7 @@ function isImageryStretchedLegend(_layer, _legendType) {
|
|
|
1104
1104
|
return !0;
|
|
1105
1105
|
}
|
|
1106
1106
|
|
|
1107
|
-
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}}";
|
|
1107
|
+
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}}";
|
|
1108
1108
|
const InstantAppsInteractiveLegendClassicStyle0 = instantAppsInteractiveLegendClassicCss;
|
|
1109
1109
|
|
|
1110
1110
|
const CSS = {
|
|
@@ -1147,6 +1147,7 @@ const CSS = {
|
|
|
1147
1147
|
layerCaptionBtnContainer: 'instant-apps-interactive-legend__layer-caption-btn-container',
|
|
1148
1148
|
interactiveLayerRow: 'instant-apps-interactive-legend__layer-row--interactive',
|
|
1149
1149
|
infoSelected: 'instant-apps-interactive-legend-element-info--selected',
|
|
1150
|
+
compact: 'instant-apps-interactive-legend__compact',
|
|
1150
1151
|
};
|
|
1151
1152
|
const GRADIENT_WIDTH = 24;
|
|
1152
1153
|
const univariateRampContainerStyles = { display: 'flex', alignItems: 'flex-start' };
|
|
@@ -1242,7 +1243,8 @@ const InstantAppsInteractiveLegendClassic = class {
|
|
|
1242
1243
|
render() {
|
|
1243
1244
|
var _a, _b, _c;
|
|
1244
1245
|
const filteredLayers = this.renderFilteredLayers();
|
|
1245
|
-
|
|
1246
|
+
const compact = store.get('compact') ? ` ${CSS.compact}` : '';
|
|
1247
|
+
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)));
|
|
1246
1248
|
}
|
|
1247
1249
|
renderFilteredLayers() {
|
|
1248
1250
|
var _a, _b;
|
|
@@ -1460,9 +1462,11 @@ const InstantAppsInteractiveLegendClassic = class {
|
|
|
1460
1462
|
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);
|
|
1461
1463
|
}
|
|
1462
1464
|
const interactive = parentLegendElementInfoData && !(elementInfo === null || elementInfo === void 0 ? void 0 : elementInfo.value) ? false : isInteractive;
|
|
1465
|
+
const isCompact = store.get('compact');
|
|
1466
|
+
const layerRowLabel = this.getTitle(this.messages, elementInfo.label, false) || '';
|
|
1463
1467
|
return interactive ? (
|
|
1464
1468
|
// Regular LegendElementInfo
|
|
1465
|
-
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}` },
|
|
1469
|
+
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)));
|
|
1466
1470
|
}
|
|
1467
1471
|
renderImage(elementInfo, layer, isStretched) {
|
|
1468
1472
|
const { label, src, opacity } = elementInfo;
|
|
@@ -5,17 +5,19 @@
|
|
|
5
5
|
*/
|
|
6
6
|
import { r as registerInstance, f as forceUpdate, h, g as getElement, c as createEvent } from './index-904bc599.js';
|
|
7
7
|
import { l as loadModules } from './loadModules-03ba7abe.js';
|
|
8
|
-
import { g as getTheme, i as interactiveLegendState, r as getCategoriesArray, t as checkNestedUniqueSymbol, w as calculateTotalFeatureCountForNestedSymbols, n as checkRelationshipRamp, x as calculateTotalCount, y as getNestedInfoData, l as getIntLegendLayerData, v as validateInteractivity } from './helpers-
|
|
8
|
+
import { s as store, g as getTheme, i as interactiveLegendState, r as getCategoriesArray, t as checkNestedUniqueSymbol, w as calculateTotalFeatureCountForNestedSymbols, n as checkRelationshipRamp, x as calculateTotalCount, y as getNestedInfoData, l as getIntLegendLayerData, v as validateInteractivity } from './helpers-91087955.js';
|
|
9
9
|
import './esri-loader-c6842c6b.js';
|
|
10
10
|
import './_commonjsHelpers-089957fe.js';
|
|
11
11
|
import './index-39bc2e6d.js';
|
|
12
12
|
|
|
13
|
-
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}";
|
|
13
|
+
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}";
|
|
14
14
|
const InstantAppsInteractiveLegendCountStyle0 = instantAppsInteractiveLegendCountCss;
|
|
15
15
|
|
|
16
16
|
const CSS$1 = {
|
|
17
17
|
countText: ' instant-apps-interactive-legend__info-count-text',
|
|
18
18
|
countTextSelected: ' instant-apps-interactive-legend__info-count-text--selected',
|
|
19
|
+
totalFeatureCount: 'instant-apps-interactive-legend__total-feature-count',
|
|
20
|
+
compact: 'instant-apps-interactive-legend-count--compact',
|
|
19
21
|
};
|
|
20
22
|
const InstantAppsInteractiveLegendCount = class {
|
|
21
23
|
constructor(hostRef) {
|
|
@@ -41,7 +43,8 @@ const InstantAppsInteractiveLegendCount = class {
|
|
|
41
43
|
}
|
|
42
44
|
render() {
|
|
43
45
|
var _a;
|
|
44
|
-
|
|
46
|
+
const compact = store.get('compact') ? CSS$1.compact : '';
|
|
47
|
+
return (h("div", { key: "int-legend-count", class: compact }, this.showTotal ? (h("span", { class: CSS$1.totalFeatureCount }, (_a = this.messages) === null || _a === void 0 ? void 0 :
|
|
45
48
|
_a.totalFeatureCount, ": ", this.getTotalFeatureCount())) : (h("span", { key: "element-info-count", class: `${CSS$1.countText} ${getTheme(this.el)}${this.selected ? CSS$1.countTextSelected : ''}` }, this.getCount()))));
|
|
46
49
|
}
|
|
47
50
|
getCount() {
|
|
@@ -97,7 +100,7 @@ const InstantAppsInteractiveLegendCount = class {
|
|
|
97
100
|
};
|
|
98
101
|
InstantAppsInteractiveLegendCount.style = InstantAppsInteractiveLegendCountStyle0;
|
|
99
102
|
|
|
100
|
-
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:
|
|
103
|
+
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)}";
|
|
101
104
|
const InstantAppsInteractiveLegendLayerElementCaptionStyle0 = instantAppsInteractiveLegendLayerElementCaptionCss;
|
|
102
105
|
|
|
103
106
|
const CSS = {
|
|
@@ -105,6 +108,7 @@ const CSS = {
|
|
|
105
108
|
header: 'esri-widget__heading',
|
|
106
109
|
interacitveLegendHeader: 'instant-apps-interactive-legend__header',
|
|
107
110
|
headerActionContainer: 'instant-apps-interactive-legend__header-action-container',
|
|
111
|
+
compact: 'instant-apps-interactive-legend__header--compact',
|
|
108
112
|
};
|
|
109
113
|
const InstantAppsInteractiveLegendLayerElementCaption = class {
|
|
110
114
|
constructor(hostRef) {
|
|
@@ -123,7 +127,8 @@ const InstantAppsInteractiveLegendLayerElementCaption = class {
|
|
|
123
127
|
const { expanded } = this;
|
|
124
128
|
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;
|
|
125
129
|
const isChild = this.isChild ? ' instant-apps-interactive-legend__heading-text--group-item' : '';
|
|
126
|
-
|
|
130
|
+
const compact = store.get('compact') ? ` ${CSS.compact}` : '';
|
|
131
|
+
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)));
|
|
127
132
|
}
|
|
128
133
|
toggleExpanded() {
|
|
129
134
|
return () => {
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
5
5
|
*/
|
|
6
6
|
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-904bc599.js';
|
|
7
|
-
import { v as validateInteractivity, g as getTheme } from './helpers-
|
|
7
|
+
import { v as validateInteractivity, g as getTheme } from './helpers-91087955.js';
|
|
8
8
|
import './loadModules-03ba7abe.js';
|
|
9
9
|
import './esri-loader-c6842c6b.js';
|
|
10
10
|
import './_commonjsHelpers-089957fe.js';
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
5
5
|
*/
|
|
6
6
|
import { r as registerInstance, f as forceUpdate, h, g as getElement, c as createEvent } from './index-904bc599.js';
|
|
7
|
-
import { g as getTheme, m as checkNestedUniqueSymbolLegendElement, s as store, i as interactiveLegendState, a as getParentLegendElementInfoData, z as zoomTo, n as checkRelationshipRamp, l as getIntLegendLayerData, o as showAllNestedUniqueSymbol, u as updateStore, p as showAll, q as getMergedEffect } from './helpers-
|
|
7
|
+
import { g as getTheme, m as checkNestedUniqueSymbolLegendElement, s as store, i as interactiveLegendState, a as getParentLegendElementInfoData, z as zoomTo, n as checkRelationshipRamp, l as getIntLegendLayerData, o as showAllNestedUniqueSymbol, u as updateStore, p as showAll, q as getMergedEffect } from './helpers-91087955.js';
|
|
8
8
|
import { l as loadModules } from './loadModules-03ba7abe.js';
|
|
9
9
|
import './index-39bc2e6d.js';
|
|
10
10
|
import './esri-loader-c6842c6b.js';
|
|
@@ -137,14 +137,22 @@ const InstantAppsInteractiveLegendLegendElement = class {
|
|
|
137
137
|
};
|
|
138
138
|
InstantAppsInteractiveLegendLegendElement.style = InstantAppsInteractiveLegendLegendElementStyle0;
|
|
139
139
|
|
|
140
|
-
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}";
|
|
140
|
+
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}";
|
|
141
141
|
const InstantAppsInteractiveLegendLegendElementCaptionStyle0 = instantAppsInteractiveLegendLegendElementCaptionCss;
|
|
142
142
|
|
|
143
|
+
var Icons;
|
|
144
|
+
(function (Icons) {
|
|
145
|
+
Icons["ZoomTo"] = "magnifying-glass-plus";
|
|
146
|
+
Icons["ShowAll"] = "list-check-all";
|
|
147
|
+
})(Icons || (Icons = {}));
|
|
143
148
|
const CSS$1 = {
|
|
144
149
|
layerCaption: 'esri-legend__layer-caption',
|
|
145
150
|
layerCaptionBtnContainer: 'instant-apps-interactive-legend__layer-caption-btn-container',
|
|
146
151
|
layerCaptionBtnContainerNoText: 'instant-apps-interactive-legend__layer-caption-btn-container--no-text',
|
|
147
152
|
layerCaptionText: 'instant-apps-interactive-legend__legend-layer-caption-text',
|
|
153
|
+
compact: 'instant-apps-interactive-legend__layer-caption--compact',
|
|
154
|
+
showAll: 'instant-apps-interactive-legend__show-all-btn',
|
|
155
|
+
zoomTo: 'instant-apps-interactive-legend__zoom-to-btn',
|
|
148
156
|
};
|
|
149
157
|
const InstantAppsInteractiveLegendLegendElementCaption = class {
|
|
150
158
|
constructor(hostRef) {
|
|
@@ -167,19 +175,51 @@ const InstantAppsInteractiveLegendLegendElementCaption = class {
|
|
|
167
175
|
const isNestedUniqueSymbols = checkNestedUniqueSymbolLegendElement(this.activeLayerInfo);
|
|
168
176
|
const isRelationship = checkRelationshipRamp(this.activeLayerInfo);
|
|
169
177
|
const { expanded } = this;
|
|
170
|
-
|
|
178
|
+
const compact = store.get('compact');
|
|
179
|
+
const compactClass = compact ? ` ${CSS$1.compact}` : '';
|
|
180
|
+
if (isNestedUniqueSymbols && !this.titleText) {
|
|
181
|
+
return null;
|
|
182
|
+
}
|
|
183
|
+
const titleTextElement = this.titleText && (h("span", { class: CSS$1.layerCaptionText, title: this.titleText }, this.titleText));
|
|
184
|
+
const controlsElement = (this.isInteractive || isRelationship) && this.renderLegendElementCaptionControls();
|
|
185
|
+
return (h("div", { class: `${CSS$1.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]));
|
|
171
186
|
}
|
|
172
187
|
renderLegendElementCaptionControls() {
|
|
173
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
174
188
|
const noText = !this.titleText ? ` ${CSS$1.layerCaptionBtnContainerNoText}` : '';
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
189
|
+
return (h("div", { key: "layer-caption-btn-container", class: `${CSS$1.layerCaptionBtnContainer}${noText}` }, this.renderShowAllZoomToButtons()));
|
|
190
|
+
}
|
|
191
|
+
renderShowAllZoomToButtons() {
|
|
192
|
+
return store.get('compact') ? this.renderCompactButtonUI() : this.renderButtonUI();
|
|
193
|
+
}
|
|
194
|
+
renderCompactButtonUI() {
|
|
195
|
+
var _a, _b, _c, _d, _e;
|
|
196
|
+
const { data } = interactiveLegendState;
|
|
197
|
+
const { id } = this.layer || {};
|
|
198
|
+
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;
|
|
199
|
+
const zoomToCompact = 'zoomToCompact';
|
|
200
|
+
const zoomTo = this.zoomTo && [
|
|
201
|
+
h("calcite-action", { id: zoomToCompact, class: CSS$1.zoomTo, onClick: this.handleZoomTo(), icon: Icons.ZoomTo, appearance: "transparent", scale: "s", compact: true }),
|
|
202
|
+
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),
|
|
203
|
+
];
|
|
204
|
+
const showAll = displayShowAll && (h("button", { onClick: this.handleShowAll(), class: CSS$1.showAll }, (_e = this.messages) === null || _e === void 0 ? void 0 : _e.showAll));
|
|
205
|
+
return [zoomTo, showAll];
|
|
206
|
+
}
|
|
207
|
+
renderButtonUI() {
|
|
208
|
+
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
209
|
+
const { data } = interactiveLegendState;
|
|
210
|
+
const { id } = this.layer || {};
|
|
211
|
+
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;
|
|
212
|
+
const showAllId = 'showAll';
|
|
213
|
+
const zoomToId = 'zoomTo';
|
|
214
|
+
const showAll = displayShowAll && [
|
|
215
|
+
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 }),
|
|
216
|
+
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),
|
|
217
|
+
];
|
|
218
|
+
const zoomTo = this.zoomTo && [
|
|
219
|
+
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 }),
|
|
220
|
+
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),
|
|
221
|
+
];
|
|
222
|
+
return [showAll, zoomTo];
|
|
183
223
|
}
|
|
184
224
|
toggleExpanded() {
|
|
185
225
|
return () => {
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
import { r as registerInstance, f as forceUpdate, h, g as getElement } from './index-904bc599.js';
|
|
7
7
|
import { l as loadModules } from './loadModules-03ba7abe.js';
|
|
8
8
|
import { g as getMessages } from './locale-ce177eb8.js';
|
|
9
|
-
import { g as getTheme } from './helpers-
|
|
9
|
+
import { s as store, g as getTheme } from './helpers-91087955.js';
|
|
10
10
|
import './esri-loader-c6842c6b.js';
|
|
11
11
|
import './_commonjsHelpers-089957fe.js';
|
|
12
12
|
import './languageUtil-2b6e191a.js';
|
|
@@ -37,9 +37,11 @@ const InstantAppsInteractiveLegend = class {
|
|
|
37
37
|
this.filterMode = {
|
|
38
38
|
type: 'filter',
|
|
39
39
|
};
|
|
40
|
+
this.compact = false;
|
|
40
41
|
this.messages = undefined;
|
|
41
42
|
}
|
|
42
43
|
async componentWillLoad() {
|
|
44
|
+
this.compactHandler();
|
|
43
45
|
const observer = new MutationObserver(() => {
|
|
44
46
|
forceUpdate(this.el);
|
|
45
47
|
});
|
|
@@ -67,7 +69,7 @@ const InstantAppsInteractiveLegend = class {
|
|
|
67
69
|
try {
|
|
68
70
|
const { on } = this.reactiveUtils;
|
|
69
71
|
const [LegendViewModel] = await loadModules(['esri/widgets/Legend/LegendViewModel']);
|
|
70
|
-
const legendVM = new LegendViewModel({ view: this.view });
|
|
72
|
+
const legendVM = new LegendViewModel({ view: this.view, respectLayerDefinitionExpression: true });
|
|
71
73
|
this.legendvm = legendVM;
|
|
72
74
|
this.handles.add([
|
|
73
75
|
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); }),
|
|
@@ -77,6 +79,9 @@ const InstantAppsInteractiveLegend = class {
|
|
|
77
79
|
console.error('Failed at "init": ', err);
|
|
78
80
|
}
|
|
79
81
|
}
|
|
82
|
+
compactHandler() {
|
|
83
|
+
store.set('compact', this.compact);
|
|
84
|
+
}
|
|
80
85
|
render() {
|
|
81
86
|
var _a;
|
|
82
87
|
const { base, component, widget, widgetPanel } = CSS.esri;
|
|
@@ -104,7 +109,8 @@ const InstantAppsInteractiveLegend = class {
|
|
|
104
109
|
static get watchers() { return {
|
|
105
110
|
"handles": ["init"],
|
|
106
111
|
"reactiveUtils": ["init"],
|
|
107
|
-
"view": ["init"]
|
|
112
|
+
"view": ["init"],
|
|
113
|
+
"compact": ["compactHandler"]
|
|
108
114
|
}; }
|
|
109
115
|
};
|
|
110
116
|
InstantAppsInteractiveLegend.style = InstantAppsInteractiveLegendStyle0;
|
|
@@ -19,7 +19,7 @@ var AlignmentPositions;
|
|
|
19
19
|
AlignmentPositions["BottomRight"] = "bottom-right";
|
|
20
20
|
})(AlignmentPositions || (AlignmentPositions = {}));
|
|
21
21
|
|
|
22
|
-
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%}}";
|
|
22
|
+
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%}}";
|
|
23
23
|
const InstantAppsLandingPageStyle0 = instantAppsLandingPageCss;
|
|
24
24
|
|
|
25
25
|
const CSS = {
|
|
@@ -72,21 +72,12 @@ const InstantAppsLandingPage = class {
|
|
|
72
72
|
this.landingPageClose.emit();
|
|
73
73
|
}
|
|
74
74
|
}
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
const signInTime = localStorage.getItem('signing-in') ? new Date(Number(localStorage.getItem('signing-in'))) : null;
|
|
78
|
-
if (signInTime != null) {
|
|
79
|
-
const minuteLimit = 2;
|
|
80
|
-
if ((Date.now() - signInTime.getTime()) / (60 * 1000) < minuteLimit) {
|
|
81
|
-
this.open = false;
|
|
82
|
-
}
|
|
83
|
-
localStorage.removeItem('signing-in');
|
|
84
|
-
}
|
|
85
|
-
}
|
|
75
|
+
async componentWillRender() {
|
|
76
|
+
await this.checkEnableSignIn();
|
|
86
77
|
}
|
|
87
78
|
render() {
|
|
88
79
|
const content = this.renderLandingPageContent();
|
|
89
|
-
return h(Host, { key: '
|
|
80
|
+
return h(Host, { key: 'ea71727939f905d2f22bf8e45cd4a4cefe9557ae' }, content);
|
|
90
81
|
}
|
|
91
82
|
renderLandingPageContent() {
|
|
92
83
|
const closed = !this.open ? (this.disableTransition ? ` ${CSS.closedNoTransition}` : ` ${CSS.closed}`) : '';
|
|
@@ -139,6 +130,21 @@ const InstantAppsLandingPage = class {
|
|
|
139
130
|
}
|
|
140
131
|
: { fontFamily };
|
|
141
132
|
}
|
|
133
|
+
checkEnableSignIn() {
|
|
134
|
+
return new Promise(resolve => {
|
|
135
|
+
if (this.enableSignIn) {
|
|
136
|
+
const signInTime = localStorage.getItem('signing-in') ? Number(localStorage.getItem('signing-in')) : null;
|
|
137
|
+
if (signInTime != null) {
|
|
138
|
+
const minuteLimit = 2;
|
|
139
|
+
if ((Date.now() - signInTime) / (60 * 1000) < minuteLimit) {
|
|
140
|
+
this.open = false;
|
|
141
|
+
}
|
|
142
|
+
localStorage.removeItem('signing-in');
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
resolve();
|
|
146
|
+
});
|
|
147
|
+
}
|
|
142
148
|
get el() { return getElement(this); }
|
|
143
149
|
static get watchers() { return {
|
|
144
150
|
"open": ["emitToggleEvent"]
|
|
@@ -7,7 +7,7 @@ import { r as registerInstance, c as createEvent, h, g as getElement } from './i
|
|
|
7
7
|
import { g as getMessages } from './utils-3fc29543.js';
|
|
8
8
|
import { l as loadModules } from './loadModules-03ba7abe.js';
|
|
9
9
|
import { a as getDefaultLanguage } from './locale-ce177eb8.js';
|
|
10
|
-
import { g as getPortalItemResource, f as fetchResourceData, L as LANGUAGE_DATA } from './constants-
|
|
10
|
+
import { g as getPortalItemResource, f as fetchResourceData, L as LANGUAGE_DATA } from './constants-886c7c2c.js';
|
|
11
11
|
import './index-39bc2e6d.js';
|
|
12
12
|
import './esri-loader-c6842c6b.js';
|
|
13
13
|
import './_commonjsHelpers-089957fe.js';
|
|
@@ -26,6 +26,7 @@ const InstantAppsLanguageSwitcher = class {
|
|
|
26
26
|
this.locales = [];
|
|
27
27
|
this.defaultLocale = undefined;
|
|
28
28
|
this.selectedLanguage = null;
|
|
29
|
+
this.calciteDropdownOverlayPositioning = 'absolute';
|
|
29
30
|
this.messages = undefined;
|
|
30
31
|
this.t9nData = null;
|
|
31
32
|
}
|
|
@@ -78,7 +79,7 @@ const InstantAppsLanguageSwitcher = class {
|
|
|
78
79
|
const trigger = this.renderTrigger();
|
|
79
80
|
const dropdown = this.renderDropdownItems();
|
|
80
81
|
const defaultLocale = this.renderDefaultLocale();
|
|
81
|
-
return (h("calcite-dropdown", { key: '
|
|
82
|
+
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));
|
|
82
83
|
}
|
|
83
84
|
renderDefaultLocale() {
|
|
84
85
|
const { userLocale } = this;
|
|
@@ -7,7 +7,7 @@ import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment, g
|
|
|
7
7
|
import { i as initExternalCKEditorStyles, g as getMessages, a as generateUIData, s as store, E as EIcons, b as getLocales, l as languageTranslatorState, c as getUIDataKeys, u as updateLastSave } from './utils-3fc29543.js';
|
|
8
8
|
import { l as loadModules } from './loadModules-03ba7abe.js';
|
|
9
9
|
import { c as getComponentClosestLanguage } from './locale-ce177eb8.js';
|
|
10
|
-
import { g as getPortalItemResource, f as fetchResourceData, L as LANGUAGE_DATA } from './constants-
|
|
10
|
+
import { g as getPortalItemResource, f as fetchResourceData, L as LANGUAGE_DATA } from './constants-886c7c2c.js';
|
|
11
11
|
import './index-39bc2e6d.js';
|
|
12
12
|
import './esri-loader-c6842c6b.js';
|
|
13
13
|
import './_commonjsHelpers-089957fe.js';
|
|
@@ -34,7 +34,7 @@ const InstantAppsMeasurement = class {
|
|
|
34
34
|
componentDidLoad() { }
|
|
35
35
|
render() {
|
|
36
36
|
var _a;
|
|
37
|
-
return (h(Host, { key: '843dd716e3f9b125044afd9a2919a60b937ae8b0' }, h("calcite-panel", { key: '45dd9e43decdcdc0526139938751d727bd73b3e0', heading: (_a = this === null || this === void 0 ? void 0 : this.messages) === null || _a === void 0 ? void 0 : _a.label, closable: this.closable }, h("div", { key: '
|
|
37
|
+
return (h(Host, { key: '843dd716e3f9b125044afd9a2919a60b937ae8b0' }, h("calcite-panel", { key: '45dd9e43decdcdc0526139938751d727bd73b3e0', heading: (_a = this === null || this === void 0 ? void 0 : this.messages) === null || _a === void 0 ? void 0 : _a.label, closable: this.closable }, h("div", { key: '953365a04fd1f977b08d4b9309fdb52d44363b67', slot: "content-top" }, this.renderActionPad()), h("div", { key: '57ce5b75a8aff0d796073bbf2a2f36ea71f65b3c' }, this.renderMeasureToolPanel()))));
|
|
38
38
|
}
|
|
39
39
|
renderMeasureToolPanel() {
|
|
40
40
|
const { view, coordinateFormat, areaUnit, linearUnit, activeToolType } = this;
|
|
@@ -44,7 +44,7 @@ const InstantAppsMeasurement = class {
|
|
|
44
44
|
}
|
|
45
45
|
renderActionPad() {
|
|
46
46
|
const { messages, activeToolType } = this;
|
|
47
|
-
return (h("calcite-action-pad", { "expand-disabled": true, layout: "horizontal", position: "end" }, h("calcite-action", { class: activeToolType === 'distance' ? 'active-tool' : '', text: messages === null || messages === void 0 ? void 0 : messages.line, icon: "measure", scale: "m", "data-value": "distance", onClick: this._handleToolClick.bind(this) }, h("calcite-tooltip", { "close-on-click": true, placement: "
|
|
47
|
+
return (h("calcite-action-pad", { "expand-disabled": true, layout: "horizontal", position: "end" }, h("calcite-action", { class: activeToolType === 'distance' ? 'active-tool' : '', text: messages === null || messages === void 0 ? void 0 : messages.line, icon: "measure", scale: "m", "data-value": "distance", onClick: this._handleToolClick.bind(this) }, h("calcite-tooltip", { "close-on-click": true, placement: "top", slot: "tooltip" }, messages === null || messages === void 0 ? void 0 : messages.line)), h("calcite-action", { class: activeToolType === 'area' ? 'active-tool' : '', text: messages === null || messages === void 0 ? void 0 : messages.area, scale: "m", icon: "measure-area", "data-value": "area", onClick: this._handleToolClick.bind(this) }, h("calcite-tooltip", { "close-on-click": true, placement: "top", slot: "tooltip" }, messages === null || messages === void 0 ? void 0 : messages.area)), h("calcite-action", { class: activeToolType === 'point' ? 'active-tool' : '', text: messages === null || messages === void 0 ? void 0 : messages.point, scale: "m", icon: "pin-plus", "data-value": "point", onClick: this._handleToolClick.bind(this) }, h("calcite-tooltip", { "close-on-click": true, placement: "top", slot: "tooltip" }, messages === null || messages === void 0 ? void 0 : messages.point)), h("calcite-action", { text: messages === null || messages === void 0 ? void 0 : messages.clear, scale: "m", icon: "trash", "data-value": "clear", onClick: this._handleToolClick.bind(this) }, h("calcite-tooltip", { "close-on-click": true, placement: "top", slot: "tooltip" }, messages === null || messages === void 0 ? void 0 : messages.clear))));
|
|
48
48
|
}
|
|
49
49
|
_handleToolClick(e) {
|
|
50
50
|
var _a, _b, _c, _d;
|
|
@@ -49,7 +49,7 @@ const InstantAppsPopover = class {
|
|
|
49
49
|
}
|
|
50
50
|
render() {
|
|
51
51
|
var _a, _b, _c, _d, _e;
|
|
52
|
-
return (h("calcite-popover", { key: '
|
|
52
|
+
return (h("calcite-popover", { key: '19a392c5daebebf9aab291173df40f53e8fd9c87', ref: (el) => (this.popoverEl = el), heading: this.popoverTitle, "auto-close": true, placement: this.placement, messageOverrides: { close: (_a = this.messages) === null || _a === void 0 ? void 0 : _a.close }, "trigger-disabled": true, "ref-id": this.refId, closable: true, referenceElement: this.referenceElement, label: this.popoverTitle }, h("div", { key: 'e7b7453dbfcd60f0b78fee35ba4392e4ee854092', class: `${CSS.content}${this.disableAction ? ` ${CSS.actionDisabled}` : ''}` }, !this.disableAction ? (h("calcite-action", { key: "popover-action", class: CSS.action, onClick: this.popoverAction, icon: document.dir === 'rtl' ? 'chevron-right' : 'chevron-left', compact: true, "text-enabled": true, text: (((_b = this.messageOverrides) === null || _b === void 0 ? void 0 : _b.popoverAction) ? this.messageOverrides.popoverAction : this.messages.back) })) : null, h("section", { key: '502e168445d4518c31d01e8a92b9c6b40212b34a' }, h("span", { key: '7f5227a9a17d1fdbdcebded50374325c9bf5dcc9', id: "subtitle" }, this.subtitle), h("p", { key: '37234d37274863d17a693fc1a525441a1f7e9832' }, this.content), this.imgSrc ? h("img", { key: `iac-popover-img-${this.refId}`, class: CSS.img, src: this.imgSrc, alt: this.imgAlt ? this.imgAlt : '' }) : null), this.pagination ? (h("div", { key: `iac-popover-footer-${this.index}`, class: CSS.footer }, h("span", null, this.index + 1, " ", (_c = this.messages) === null || _c === void 0 ? void 0 :
|
|
53
53
|
_c.of, " ", (_e = (_d = this.parent) === null || _d === void 0 ? void 0 : _d.instantAppsPopovers) === null || _e === void 0 ? void 0 :
|
|
54
54
|
_e.size), this.renderPagination())) : null)));
|
|
55
55
|
}
|
|
@@ -244,7 +244,7 @@ const InstantAppsScoreboard = class {
|
|
|
244
244
|
const progress = isLoading || isCalculating || ((_a = this.view) === null || _a === void 0 ? void 0 : _a.updating) ? this.renderProgress() : null;
|
|
245
245
|
const positionClass = this.getPositionClass;
|
|
246
246
|
const styleClass = this.getStyleClass;
|
|
247
|
-
return h(Host, { key: '
|
|
247
|
+
return h(Host, { key: '5fed5010f728e5d8c4866af3bc38b41ac9b5424f', class: `${positionClass} ${styleClass}` }, isDisabled ? null : [progress, ((_b = this.items) === null || _b === void 0 ? void 0 : _b.length) > 0 ? this.renderBase() : null]);
|
|
248
248
|
}
|
|
249
249
|
renderBase() {
|
|
250
250
|
return (h("div", { key: "instant-apps-scoreboard-base", class: BASE }, this.renderContent()));
|