@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
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
9
9
|
|
|
10
10
|
const index = require('./index-4b68e4b4.js');
|
|
11
|
-
const helpers = require('./helpers-
|
|
11
|
+
const helpers = require('./helpers-afcac967.js');
|
|
12
12
|
const _commonjsHelpers = require('./_commonjsHelpers-baf43783.js');
|
|
13
13
|
const loadModules = require('./loadModules-8567855e.js');
|
|
14
14
|
require('./index-2b13a4d5.js');
|
|
@@ -1108,7 +1108,7 @@ function isImageryStretchedLegend(_layer, _legendType) {
|
|
|
1108
1108
|
return !0;
|
|
1109
1109
|
}
|
|
1110
1110
|
|
|
1111
|
-
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}}";
|
|
1111
|
+
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}}";
|
|
1112
1112
|
const InstantAppsInteractiveLegendClassicStyle0 = instantAppsInteractiveLegendClassicCss;
|
|
1113
1113
|
|
|
1114
1114
|
const CSS = {
|
|
@@ -1151,6 +1151,7 @@ const CSS = {
|
|
|
1151
1151
|
layerCaptionBtnContainer: 'instant-apps-interactive-legend__layer-caption-btn-container',
|
|
1152
1152
|
interactiveLayerRow: 'instant-apps-interactive-legend__layer-row--interactive',
|
|
1153
1153
|
infoSelected: 'instant-apps-interactive-legend-element-info--selected',
|
|
1154
|
+
compact: 'instant-apps-interactive-legend__compact',
|
|
1154
1155
|
};
|
|
1155
1156
|
const GRADIENT_WIDTH = 24;
|
|
1156
1157
|
const univariateRampContainerStyles = { display: 'flex', alignItems: 'flex-start' };
|
|
@@ -1246,7 +1247,8 @@ const InstantAppsInteractiveLegendClassic = class {
|
|
|
1246
1247
|
render() {
|
|
1247
1248
|
var _a, _b, _c;
|
|
1248
1249
|
const filteredLayers = this.renderFilteredLayers();
|
|
1249
|
-
|
|
1250
|
+
const compact = helpers.store.get('compact') ? ` ${CSS.compact}` : '';
|
|
1251
|
+
return this.isLoading ? (index.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 })) : (index.h("div", { key: "interactive-legend-classic-container", class: `${helpers.getTheme(this.el)}${compact}` }, (filteredLayers === null || filteredLayers === void 0 ? void 0 : filteredLayers.length) > 0 ? filteredLayers : index.h("div", { class: CSS.message }, (_c = this.messages) === null || _c === void 0 ? void 0 : _c.noLegend)));
|
|
1250
1252
|
}
|
|
1251
1253
|
renderFilteredLayers() {
|
|
1252
1254
|
var _a, _b;
|
|
@@ -1464,9 +1466,11 @@ const InstantAppsInteractiveLegendClassic = class {
|
|
|
1464
1466
|
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);
|
|
1465
1467
|
}
|
|
1466
1468
|
const interactive = parentLegendElementInfoData && !(elementInfo === null || elementInfo === void 0 ? void 0 : elementInfo.value) ? false : isInteractive;
|
|
1469
|
+
const isCompact = helpers.store.get('compact');
|
|
1470
|
+
const layerRowLabel = this.getTitle(this.messages, elementInfo.label, false) || '';
|
|
1467
1471
|
return interactive ? (
|
|
1468
1472
|
// Regular LegendElementInfo
|
|
1469
|
-
index.h("button", { onClick: this.applyFilter(elementInfo, layer, infoIndex, parentLegendElementInfo), class: `${CSS.layerRow} ${CSS.interactiveLayerRow}${selected ? ` ${CSS.infoSelected}` : ''}` }, index.h("div", { class: `${CSS.symbolContainer}${imageryLayerInfoStretched}${sizeRamp}` }, content), index.h("div", { class: `${CSS.layerInfo}${imageryLayerInfoStretched}` }, this.getTitle(this.messages, elementInfo.label, false) || ''), this.featureCount ? (index.h("instant-apps-interactive-legend-count", { class: helpers.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)) : (index.h("div", { class: CSS.layerRow }, index.h("div", { class: `${CSS.symbolContainer}${imageryLayerInfoStretched}${sizeRamp}` }, content), index.h("div", { class: `${CSS.layerInfo}${imageryLayerInfoStretched}` },
|
|
1473
|
+
index.h("button", { onClick: this.applyFilter(elementInfo, layer, infoIndex, parentLegendElementInfo), class: `${CSS.layerRow} ${CSS.interactiveLayerRow}${selected ? ` ${CSS.infoSelected}` : ''}`, title: isCompact ? `${layerRowLabel}` : undefined }, index.h("div", { class: `${CSS.symbolContainer}${imageryLayerInfoStretched}${sizeRamp}` }, content), index.h("div", { class: `${CSS.layerInfo}${imageryLayerInfoStretched}` }, this.getTitle(this.messages, elementInfo.label, false) || ''), this.featureCount && !isCompact ? (index.h("instant-apps-interactive-legend-count", { class: helpers.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)) : (index.h("div", { class: CSS.layerRow }, index.h("div", { class: `${CSS.symbolContainer}${imageryLayerInfoStretched}${sizeRamp}` }, content), index.h("div", { class: `${CSS.layerInfo}${imageryLayerInfoStretched}` }, layerRowLabel)));
|
|
1470
1474
|
}
|
|
1471
1475
|
renderImage(elementInfo, layer, isStretched) {
|
|
1472
1476
|
const { label, src, opacity } = elementInfo;
|
|
@@ -9,17 +9,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
9
9
|
|
|
10
10
|
const index = require('./index-4b68e4b4.js');
|
|
11
11
|
const loadModules = require('./loadModules-8567855e.js');
|
|
12
|
-
const helpers = require('./helpers-
|
|
12
|
+
const helpers = require('./helpers-afcac967.js');
|
|
13
13
|
require('./esri-loader-08dc41bd.js');
|
|
14
14
|
require('./_commonjsHelpers-baf43783.js');
|
|
15
15
|
require('./index-2b13a4d5.js');
|
|
16
16
|
|
|
17
|
-
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}";
|
|
17
|
+
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}";
|
|
18
18
|
const InstantAppsInteractiveLegendCountStyle0 = instantAppsInteractiveLegendCountCss;
|
|
19
19
|
|
|
20
20
|
const CSS$1 = {
|
|
21
21
|
countText: ' instant-apps-interactive-legend__info-count-text',
|
|
22
22
|
countTextSelected: ' instant-apps-interactive-legend__info-count-text--selected',
|
|
23
|
+
totalFeatureCount: 'instant-apps-interactive-legend__total-feature-count',
|
|
24
|
+
compact: 'instant-apps-interactive-legend-count--compact',
|
|
23
25
|
};
|
|
24
26
|
const InstantAppsInteractiveLegendCount = class {
|
|
25
27
|
constructor(hostRef) {
|
|
@@ -45,7 +47,8 @@ const InstantAppsInteractiveLegendCount = class {
|
|
|
45
47
|
}
|
|
46
48
|
render() {
|
|
47
49
|
var _a;
|
|
48
|
-
|
|
50
|
+
const compact = helpers.store.get('compact') ? CSS$1.compact : '';
|
|
51
|
+
return (index.h("div", { key: "int-legend-count", class: compact }, this.showTotal ? (index.h("span", { class: CSS$1.totalFeatureCount }, (_a = this.messages) === null || _a === void 0 ? void 0 :
|
|
49
52
|
_a.totalFeatureCount, ": ", this.getTotalFeatureCount())) : (index.h("span", { key: "element-info-count", class: `${CSS$1.countText} ${helpers.getTheme(this.el)}${this.selected ? CSS$1.countTextSelected : ''}` }, this.getCount()))));
|
|
50
53
|
}
|
|
51
54
|
getCount() {
|
|
@@ -101,7 +104,7 @@ const InstantAppsInteractiveLegendCount = class {
|
|
|
101
104
|
};
|
|
102
105
|
InstantAppsInteractiveLegendCount.style = InstantAppsInteractiveLegendCountStyle0;
|
|
103
106
|
|
|
104
|
-
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:
|
|
107
|
+
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)}";
|
|
105
108
|
const InstantAppsInteractiveLegendLayerElementCaptionStyle0 = instantAppsInteractiveLegendLayerElementCaptionCss;
|
|
106
109
|
|
|
107
110
|
const CSS = {
|
|
@@ -109,6 +112,7 @@ const CSS = {
|
|
|
109
112
|
header: 'esri-widget__heading',
|
|
110
113
|
interacitveLegendHeader: 'instant-apps-interactive-legend__header',
|
|
111
114
|
headerActionContainer: 'instant-apps-interactive-legend__header-action-container',
|
|
115
|
+
compact: 'instant-apps-interactive-legend__header--compact',
|
|
112
116
|
};
|
|
113
117
|
const InstantAppsInteractiveLegendLayerElementCaption = class {
|
|
114
118
|
constructor(hostRef) {
|
|
@@ -127,7 +131,8 @@ const InstantAppsInteractiveLegendLayerElementCaption = class {
|
|
|
127
131
|
const { expanded } = this;
|
|
128
132
|
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;
|
|
129
133
|
const isChild = this.isChild ? ' instant-apps-interactive-legend__heading-text--group-item' : '';
|
|
130
|
-
|
|
134
|
+
const compact = helpers.store.get('compact') ? ` ${CSS.compact}` : '';
|
|
135
|
+
return (index.h("header", { key: '6bc1b3736153ea626431070c6697498f70f89467', class: `${CSS.interacitveLegendHeader} ${helpers.getTheme(this.el)}${compact}` }, index.h("calcite-action", { key: 'ce171727aa6e4e755717260871d96ab7b48b9341', onClick: this.toggleExpanded(), icon: expanded ? 'chevron-down' : 'chevron-up', appearance: "transparent", text: expandCollapseText, label: expandCollapseText, scale: "s" }), index.h("span", { key: '5367ded56ab1ecafd48ac908d82bf90c9be256eb' }, index.h("span", { key: 'e7cf6987d2dd6ecd49685332f9357b14db571445', class: CSS.headerActionContainer }, index.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 ? (index.h("instant-apps-interactive-legend-count", { activeLayerInfo: this.activeLayerInfo, "show-total": true, messages: this.messages, legendvm: this.legendvm })) : null)));
|
|
131
136
|
}
|
|
132
137
|
toggleExpanded() {
|
|
133
138
|
return () => {
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
9
9
|
|
|
10
10
|
const index = require('./index-4b68e4b4.js');
|
|
11
|
-
const helpers = require('./helpers-
|
|
11
|
+
const helpers = require('./helpers-afcac967.js');
|
|
12
12
|
require('./loadModules-8567855e.js');
|
|
13
13
|
require('./esri-loader-08dc41bd.js');
|
|
14
14
|
require('./_commonjsHelpers-baf43783.js');
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
9
9
|
|
|
10
10
|
const index = require('./index-4b68e4b4.js');
|
|
11
|
-
const helpers = require('./helpers-
|
|
11
|
+
const helpers = require('./helpers-afcac967.js');
|
|
12
12
|
const loadModules = require('./loadModules-8567855e.js');
|
|
13
13
|
require('./index-2b13a4d5.js');
|
|
14
14
|
require('./esri-loader-08dc41bd.js');
|
|
@@ -141,14 +141,22 @@ const InstantAppsInteractiveLegendLegendElement = class {
|
|
|
141
141
|
};
|
|
142
142
|
InstantAppsInteractiveLegendLegendElement.style = InstantAppsInteractiveLegendLegendElementStyle0;
|
|
143
143
|
|
|
144
|
-
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}";
|
|
144
|
+
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}";
|
|
145
145
|
const InstantAppsInteractiveLegendLegendElementCaptionStyle0 = instantAppsInteractiveLegendLegendElementCaptionCss;
|
|
146
146
|
|
|
147
|
+
var Icons;
|
|
148
|
+
(function (Icons) {
|
|
149
|
+
Icons["ZoomTo"] = "magnifying-glass-plus";
|
|
150
|
+
Icons["ShowAll"] = "list-check-all";
|
|
151
|
+
})(Icons || (Icons = {}));
|
|
147
152
|
const CSS$1 = {
|
|
148
153
|
layerCaption: 'esri-legend__layer-caption',
|
|
149
154
|
layerCaptionBtnContainer: 'instant-apps-interactive-legend__layer-caption-btn-container',
|
|
150
155
|
layerCaptionBtnContainerNoText: 'instant-apps-interactive-legend__layer-caption-btn-container--no-text',
|
|
151
156
|
layerCaptionText: 'instant-apps-interactive-legend__legend-layer-caption-text',
|
|
157
|
+
compact: 'instant-apps-interactive-legend__layer-caption--compact',
|
|
158
|
+
showAll: 'instant-apps-interactive-legend__show-all-btn',
|
|
159
|
+
zoomTo: 'instant-apps-interactive-legend__zoom-to-btn',
|
|
152
160
|
};
|
|
153
161
|
const InstantAppsInteractiveLegendLegendElementCaption = class {
|
|
154
162
|
constructor(hostRef) {
|
|
@@ -171,19 +179,51 @@ const InstantAppsInteractiveLegendLegendElementCaption = class {
|
|
|
171
179
|
const isNestedUniqueSymbols = helpers.checkNestedUniqueSymbolLegendElement(this.activeLayerInfo);
|
|
172
180
|
const isRelationship = helpers.checkRelationshipRamp(this.activeLayerInfo);
|
|
173
181
|
const { expanded } = this;
|
|
174
|
-
|
|
182
|
+
const compact = helpers.store.get('compact');
|
|
183
|
+
const compactClass = compact ? ` ${CSS$1.compact}` : '';
|
|
184
|
+
if (isNestedUniqueSymbols && !this.titleText) {
|
|
185
|
+
return null;
|
|
186
|
+
}
|
|
187
|
+
const titleTextElement = this.titleText && (index.h("span", { class: CSS$1.layerCaptionText, title: this.titleText }, this.titleText));
|
|
188
|
+
const controlsElement = (this.isInteractive || isRelationship) && this.renderLegendElementCaptionControls();
|
|
189
|
+
return (index.h("div", { class: `${CSS$1.layerCaption}${compactClass}` }, index.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]));
|
|
175
190
|
}
|
|
176
191
|
renderLegendElementCaptionControls() {
|
|
177
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
178
192
|
const noText = !this.titleText ? ` ${CSS$1.layerCaptionBtnContainerNoText}` : '';
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
193
|
+
return (index.h("div", { key: "layer-caption-btn-container", class: `${CSS$1.layerCaptionBtnContainer}${noText}` }, this.renderShowAllZoomToButtons()));
|
|
194
|
+
}
|
|
195
|
+
renderShowAllZoomToButtons() {
|
|
196
|
+
return helpers.store.get('compact') ? this.renderCompactButtonUI() : this.renderButtonUI();
|
|
197
|
+
}
|
|
198
|
+
renderCompactButtonUI() {
|
|
199
|
+
var _a, _b, _c, _d, _e;
|
|
200
|
+
const { data } = helpers.interactiveLegendState;
|
|
201
|
+
const { id } = this.layer || {};
|
|
202
|
+
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;
|
|
203
|
+
const zoomToCompact = 'zoomToCompact';
|
|
204
|
+
const zoomTo = this.zoomTo && [
|
|
205
|
+
index.h("calcite-action", { id: zoomToCompact, class: CSS$1.zoomTo, onClick: this.handleZoomTo(), icon: Icons.ZoomTo, appearance: "transparent", scale: "s", compact: true }),
|
|
206
|
+
index.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),
|
|
207
|
+
];
|
|
208
|
+
const showAll = displayShowAll && (index.h("button", { onClick: this.handleShowAll(), class: CSS$1.showAll }, (_e = this.messages) === null || _e === void 0 ? void 0 : _e.showAll));
|
|
209
|
+
return [zoomTo, showAll];
|
|
210
|
+
}
|
|
211
|
+
renderButtonUI() {
|
|
212
|
+
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
213
|
+
const { data } = helpers.interactiveLegendState;
|
|
214
|
+
const { id } = this.layer || {};
|
|
215
|
+
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;
|
|
216
|
+
const showAllId = 'showAll';
|
|
217
|
+
const zoomToId = 'zoomTo';
|
|
218
|
+
const showAll = displayShowAll && [
|
|
219
|
+
index.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 }),
|
|
220
|
+
index.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),
|
|
221
|
+
];
|
|
222
|
+
const zoomTo = this.zoomTo && [
|
|
223
|
+
index.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 }),
|
|
224
|
+
index.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),
|
|
225
|
+
];
|
|
226
|
+
return [showAll, zoomTo];
|
|
187
227
|
}
|
|
188
228
|
toggleExpanded() {
|
|
189
229
|
return () => {
|
|
@@ -10,7 +10,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
10
10
|
const index = require('./index-4b68e4b4.js');
|
|
11
11
|
const loadModules = require('./loadModules-8567855e.js');
|
|
12
12
|
const locale = require('./locale-4a18a858.js');
|
|
13
|
-
const helpers = require('./helpers-
|
|
13
|
+
const helpers = require('./helpers-afcac967.js');
|
|
14
14
|
require('./esri-loader-08dc41bd.js');
|
|
15
15
|
require('./_commonjsHelpers-baf43783.js');
|
|
16
16
|
require('./languageUtil-a3e1eafd.js');
|
|
@@ -41,9 +41,11 @@ const InstantAppsInteractiveLegend = class {
|
|
|
41
41
|
this.filterMode = {
|
|
42
42
|
type: 'filter',
|
|
43
43
|
};
|
|
44
|
+
this.compact = false;
|
|
44
45
|
this.messages = undefined;
|
|
45
46
|
}
|
|
46
47
|
async componentWillLoad() {
|
|
48
|
+
this.compactHandler();
|
|
47
49
|
const observer = new MutationObserver(() => {
|
|
48
50
|
index.forceUpdate(this.el);
|
|
49
51
|
});
|
|
@@ -71,7 +73,7 @@ const InstantAppsInteractiveLegend = class {
|
|
|
71
73
|
try {
|
|
72
74
|
const { on } = this.reactiveUtils;
|
|
73
75
|
const [LegendViewModel] = await loadModules.loadModules(['esri/widgets/Legend/LegendViewModel']);
|
|
74
|
-
const legendVM = new LegendViewModel({ view: this.view });
|
|
76
|
+
const legendVM = new LegendViewModel({ view: this.view, respectLayerDefinitionExpression: true });
|
|
75
77
|
this.legendvm = legendVM;
|
|
76
78
|
this.handles.add([
|
|
77
79
|
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); }),
|
|
@@ -81,6 +83,9 @@ const InstantAppsInteractiveLegend = class {
|
|
|
81
83
|
console.error('Failed at "init": ', err);
|
|
82
84
|
}
|
|
83
85
|
}
|
|
86
|
+
compactHandler() {
|
|
87
|
+
helpers.store.set('compact', this.compact);
|
|
88
|
+
}
|
|
84
89
|
render() {
|
|
85
90
|
var _a;
|
|
86
91
|
const { base, component, widget, widgetPanel } = CSS.esri;
|
|
@@ -108,7 +113,8 @@ const InstantAppsInteractiveLegend = class {
|
|
|
108
113
|
static get watchers() { return {
|
|
109
114
|
"handles": ["init"],
|
|
110
115
|
"reactiveUtils": ["init"],
|
|
111
|
-
"view": ["init"]
|
|
116
|
+
"view": ["init"],
|
|
117
|
+
"compact": ["compactHandler"]
|
|
112
118
|
}; }
|
|
113
119
|
};
|
|
114
120
|
InstantAppsInteractiveLegend.style = InstantAppsInteractiveLegendStyle0;
|
|
@@ -23,7 +23,7 @@ var AlignmentPositions;
|
|
|
23
23
|
AlignmentPositions["BottomRight"] = "bottom-right";
|
|
24
24
|
})(AlignmentPositions || (AlignmentPositions = {}));
|
|
25
25
|
|
|
26
|
-
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%}}";
|
|
26
|
+
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%}}";
|
|
27
27
|
const InstantAppsLandingPageStyle0 = instantAppsLandingPageCss;
|
|
28
28
|
|
|
29
29
|
const CSS = {
|
|
@@ -76,21 +76,12 @@ const InstantAppsLandingPage = class {
|
|
|
76
76
|
this.landingPageClose.emit();
|
|
77
77
|
}
|
|
78
78
|
}
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
const signInTime = localStorage.getItem('signing-in') ? new Date(Number(localStorage.getItem('signing-in'))) : null;
|
|
82
|
-
if (signInTime != null) {
|
|
83
|
-
const minuteLimit = 2;
|
|
84
|
-
if ((Date.now() - signInTime.getTime()) / (60 * 1000) < minuteLimit) {
|
|
85
|
-
this.open = false;
|
|
86
|
-
}
|
|
87
|
-
localStorage.removeItem('signing-in');
|
|
88
|
-
}
|
|
89
|
-
}
|
|
79
|
+
async componentWillRender() {
|
|
80
|
+
await this.checkEnableSignIn();
|
|
90
81
|
}
|
|
91
82
|
render() {
|
|
92
83
|
const content = this.renderLandingPageContent();
|
|
93
|
-
return index.h(index.Host, { key: '
|
|
84
|
+
return index.h(index.Host, { key: 'ea71727939f905d2f22bf8e45cd4a4cefe9557ae' }, content);
|
|
94
85
|
}
|
|
95
86
|
renderLandingPageContent() {
|
|
96
87
|
const closed = !this.open ? (this.disableTransition ? ` ${CSS.closedNoTransition}` : ` ${CSS.closed}`) : '';
|
|
@@ -143,6 +134,21 @@ const InstantAppsLandingPage = class {
|
|
|
143
134
|
}
|
|
144
135
|
: { fontFamily };
|
|
145
136
|
}
|
|
137
|
+
checkEnableSignIn() {
|
|
138
|
+
return new Promise(resolve => {
|
|
139
|
+
if (this.enableSignIn) {
|
|
140
|
+
const signInTime = localStorage.getItem('signing-in') ? Number(localStorage.getItem('signing-in')) : null;
|
|
141
|
+
if (signInTime != null) {
|
|
142
|
+
const minuteLimit = 2;
|
|
143
|
+
if ((Date.now() - signInTime) / (60 * 1000) < minuteLimit) {
|
|
144
|
+
this.open = false;
|
|
145
|
+
}
|
|
146
|
+
localStorage.removeItem('signing-in');
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
resolve();
|
|
150
|
+
});
|
|
151
|
+
}
|
|
146
152
|
get el() { return index.getElement(this); }
|
|
147
153
|
static get watchers() { return {
|
|
148
154
|
"open": ["emitToggleEvent"]
|
|
@@ -11,7 +11,7 @@ const index = require('./index-4b68e4b4.js');
|
|
|
11
11
|
const utils = require('./utils-fa7ad44b.js');
|
|
12
12
|
const loadModules = require('./loadModules-8567855e.js');
|
|
13
13
|
const locale = require('./locale-4a18a858.js');
|
|
14
|
-
const constants = require('./constants-
|
|
14
|
+
const constants = require('./constants-51cf394f.js');
|
|
15
15
|
require('./index-2b13a4d5.js');
|
|
16
16
|
require('./esri-loader-08dc41bd.js');
|
|
17
17
|
require('./_commonjsHelpers-baf43783.js');
|
|
@@ -30,6 +30,7 @@ const InstantAppsLanguageSwitcher = class {
|
|
|
30
30
|
this.locales = [];
|
|
31
31
|
this.defaultLocale = undefined;
|
|
32
32
|
this.selectedLanguage = null;
|
|
33
|
+
this.calciteDropdownOverlayPositioning = 'absolute';
|
|
33
34
|
this.messages = undefined;
|
|
34
35
|
this.t9nData = null;
|
|
35
36
|
}
|
|
@@ -82,7 +83,7 @@ const InstantAppsLanguageSwitcher = class {
|
|
|
82
83
|
const trigger = this.renderTrigger();
|
|
83
84
|
const dropdown = this.renderDropdownItems();
|
|
84
85
|
const defaultLocale = this.renderDefaultLocale();
|
|
85
|
-
return (index.h("calcite-dropdown", { key: '
|
|
86
|
+
return (index.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));
|
|
86
87
|
}
|
|
87
88
|
renderDefaultLocale() {
|
|
88
89
|
const { userLocale } = this;
|
|
@@ -11,7 +11,7 @@ const index = require('./index-4b68e4b4.js');
|
|
|
11
11
|
const utils = require('./utils-fa7ad44b.js');
|
|
12
12
|
const loadModules = require('./loadModules-8567855e.js');
|
|
13
13
|
const locale = require('./locale-4a18a858.js');
|
|
14
|
-
const constants = require('./constants-
|
|
14
|
+
const constants = require('./constants-51cf394f.js');
|
|
15
15
|
require('./index-2b13a4d5.js');
|
|
16
16
|
require('./esri-loader-08dc41bd.js');
|
|
17
17
|
require('./_commonjsHelpers-baf43783.js');
|
|
@@ -38,7 +38,7 @@ const InstantAppsMeasurement = class {
|
|
|
38
38
|
componentDidLoad() { }
|
|
39
39
|
render() {
|
|
40
40
|
var _a;
|
|
41
|
-
return (index.h(index.Host, { key: '843dd716e3f9b125044afd9a2919a60b937ae8b0' }, index.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 }, index.h("div", { key: '
|
|
41
|
+
return (index.h(index.Host, { key: '843dd716e3f9b125044afd9a2919a60b937ae8b0' }, index.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 }, index.h("div", { key: '953365a04fd1f977b08d4b9309fdb52d44363b67', slot: "content-top" }, this.renderActionPad()), index.h("div", { key: '57ce5b75a8aff0d796073bbf2a2f36ea71f65b3c' }, this.renderMeasureToolPanel()))));
|
|
42
42
|
}
|
|
43
43
|
renderMeasureToolPanel() {
|
|
44
44
|
const { view, coordinateFormat, areaUnit, linearUnit, activeToolType } = this;
|
|
@@ -48,7 +48,7 @@ const InstantAppsMeasurement = class {
|
|
|
48
48
|
}
|
|
49
49
|
renderActionPad() {
|
|
50
50
|
const { messages, activeToolType } = this;
|
|
51
|
-
return (index.h("calcite-action-pad", { "expand-disabled": true, layout: "horizontal", position: "end" }, index.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) }, index.h("calcite-tooltip", { "close-on-click": true, placement: "
|
|
51
|
+
return (index.h("calcite-action-pad", { "expand-disabled": true, layout: "horizontal", position: "end" }, index.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) }, index.h("calcite-tooltip", { "close-on-click": true, placement: "top", slot: "tooltip" }, messages === null || messages === void 0 ? void 0 : messages.line)), index.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) }, index.h("calcite-tooltip", { "close-on-click": true, placement: "top", slot: "tooltip" }, messages === null || messages === void 0 ? void 0 : messages.area)), index.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) }, index.h("calcite-tooltip", { "close-on-click": true, placement: "top", slot: "tooltip" }, messages === null || messages === void 0 ? void 0 : messages.point)), index.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) }, index.h("calcite-tooltip", { "close-on-click": true, placement: "top", slot: "tooltip" }, messages === null || messages === void 0 ? void 0 : messages.clear))));
|
|
52
52
|
}
|
|
53
53
|
_handleToolClick(e) {
|
|
54
54
|
var _a, _b, _c, _d;
|
|
@@ -53,7 +53,7 @@ const InstantAppsPopover = class {
|
|
|
53
53
|
}
|
|
54
54
|
render() {
|
|
55
55
|
var _a, _b, _c, _d, _e;
|
|
56
|
-
return (index.h("calcite-popover", { key: '
|
|
56
|
+
return (index.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 }, index.h("div", { key: 'e7b7453dbfcd60f0b78fee35ba4392e4ee854092', class: `${CSS.content}${this.disableAction ? ` ${CSS.actionDisabled}` : ''}` }, !this.disableAction ? (index.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, index.h("section", { key: '502e168445d4518c31d01e8a92b9c6b40212b34a' }, index.h("span", { key: '7f5227a9a17d1fdbdcebded50374325c9bf5dcc9', id: "subtitle" }, this.subtitle), index.h("p", { key: '37234d37274863d17a693fc1a525441a1f7e9832' }, this.content), this.imgSrc ? index.h("img", { key: `iac-popover-img-${this.refId}`, class: CSS.img, src: this.imgSrc, alt: this.imgAlt ? this.imgAlt : '' }) : null), this.pagination ? (index.h("div", { key: `iac-popover-footer-${this.index}`, class: CSS.footer }, index.h("span", null, this.index + 1, " ", (_c = this.messages) === null || _c === void 0 ? void 0 :
|
|
57
57
|
_c.of, " ", (_e = (_d = this.parent) === null || _d === void 0 ? void 0 : _d.instantAppsPopovers) === null || _e === void 0 ? void 0 :
|
|
58
58
|
_e.size), this.renderPagination())) : null)));
|
|
59
59
|
}
|
|
@@ -248,7 +248,7 @@ const InstantAppsScoreboard = class {
|
|
|
248
248
|
const progress = isLoading || isCalculating || ((_a = this.view) === null || _a === void 0 ? void 0 : _a.updating) ? this.renderProgress() : null;
|
|
249
249
|
const positionClass = this.getPositionClass;
|
|
250
250
|
const styleClass = this.getStyleClass;
|
|
251
|
-
return index.h(index.Host, { key: '
|
|
251
|
+
return index.h(index.Host, { key: '5fed5010f728e5d8c4866af3bc38b41ac9b5424f', class: `${positionClass} ${styleClass}` }, isDisabled ? null : [progress, ((_b = this.items) === null || _b === void 0 ? void 0 : _b.length) > 0 ? this.renderBase() : null]);
|
|
252
252
|
}
|
|
253
253
|
renderBase() {
|
|
254
254
|
return (index.h("div", { key: "instant-apps-scoreboard-base", class: BASE }, this.renderContent()));
|