@esri/solutions-components 0.8.5 → 0.8.6-6.2

package/dist/esm/instant-apps-interactive-legend-group-legend-element_5.entry.js

@@ -3,14 +3,15 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, f as forceUpdate, h, g as getElement, c as createEvent } from './index-164d485a.js';
-import { g as getTheme, l as checkNestedUniqueSymbolLegendElement, s as store, i as interactiveLegendState, b as getParentLegendElementInfoData, z as zoomTo, m as checkRelationshipRamp, k as getIntLegendLayerData, n as showAllNestedUniqueSymbol, u as updateStore, o as showAll, p as getMergedEffect } from './helpers-f9256189.js';
-import { l as loadModules } from './loadModules-7a5f1022.js';
-import './index-477ea182.js';
-import './esri-loader-1b324844.js';
-import './_commonjsHelpers-0f74c230.js';
+import { r as registerInstance, f as forceUpdate, h, g as getElement, c as createEvent } from './index-e3f04fa1.js';
+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-ca6fa5a6.js';
+import { l as loadModules } from './loadModules-03ba7abe.js';
+import './index-1dc14abf.js';
+import './esri-loader-c6842c6b.js';
+import './_commonjsHelpers-089957fe.js';
 
 const instantAppsInteractiveLegendGroupLegendElementCss = ".sc-instant-apps-interactive-legend-group-legend-element-h{display:block}.sc-instant-apps-interactive-legend-group-legend-element-h .esri-legend__service.sc-instant-apps-interactive-legend-group-legend-element{margin:0;padding:0}.sc-instant-apps-interactive-legend-group-legend-element-h .hide.sc-instant-apps-interactive-legend-group-legend-element{display:none}";
+const InstantAppsInteractiveLegendGroupLegendElementStyle0 = instantAppsInteractiveLegendGroupLegendElementCss;
 
 const CSS$4 = {
     service: 'esri-legend__service',
@@ -40,15 +41,16 @@ const InstantAppsInteractiveLegendGroupLegendElement = class {
         });
     }
     render() {
-        return (h("div", { style: {
+        return (h("div", { key: '347429a5b44b2cbb215713a0ffa5cc9533adac89', style: {
                 borderLeft: '1px solid var(--calcite-color-border-3)',
-            }, class: `${CSS$4.service} ${CSS$4.groupLayer}` }, h("instant-apps-interactive-legend-layer-element-caption", { ref: node => (this.layerCaption = node), class: getTheme(this.el), legendvm: this.legendvm, "feature-count": this.featureCount, activeLayerInfo: this.activeLayerInfo, messages: this.messages, isChild: this.isChild }), h("div", { class: `${CSS$4.groupContent} ${this.expanded === false ? 'hide' : 'show'}` }, h("slot", { name: "content" }))));
+            }, class: `${CSS$4.service} ${CSS$4.groupLayer}` }, h("instant-apps-interactive-legend-layer-element-caption", { key: 'cf6409b157fe2a5baffd2577666a134a58ef7321', ref: node => (this.layerCaption = node), class: getTheme(this.el), legendvm: this.legendvm, "feature-count": this.featureCount, activeLayerInfo: this.activeLayerInfo, messages: this.messages, isChild: this.isChild }), h("div", { key: '4c8700da38ae2ede931e9c397f1d23c22288f72e', class: `${CSS$4.groupContent} ${this.expanded === false ? 'hide' : 'show'}` }, h("slot", { key: '584858e5a6c140166588e73f372af42758bccaa7', name: "content" }))));
     }
     get el() { return getElement(this); }
 };
-InstantAppsInteractiveLegendGroupLegendElement.style = instantAppsInteractiveLegendGroupLegendElementCss;
+InstantAppsInteractiveLegendGroupLegendElement.style = InstantAppsInteractiveLegendGroupLegendElementStyle0;
 
 const instantAppsInteractiveLegendLayerElementCss = ".sc-instant-apps-interactive-legend-layer-element-h{display:block}.sc-instant-apps-interactive-legend-layer-element-h .esri-legend__service.sc-instant-apps-interactive-legend-layer-element{padding:0}.sc-instant-apps-interactive-legend-layer-element-h .esri-legend__layer-body.sc-instant-apps-interactive-legend-layer-element,.sc-instant-apps-interactive-legend-layer-element-h .esri-legend__layer.sc-instant-apps-interactive-legend-layer-element,.sc-instant-apps-interactive-legend-layer-element-h .esri-legend__layer-table.sc-instant-apps-interactive-legend-layer-element,.sc-instant-apps-interactive-legend-layer-element-h .esri-legend__group-layer-child.sc-instant-apps-interactive-legend-layer-element,.sc-instant-apps-interactive-legend-layer-element-h .esri-legend__layer-child-table.sc-instant-apps-interactive-legend-layer-element{margin:0;overflow:hidden}.sc-instant-apps-interactive-legend-layer-element-h .hide.sc-instant-apps-interactive-legend-layer-element{display:none}";
+const InstantAppsInteractiveLegendLayerElementStyle0 = instantAppsInteractiveLegendLayerElementCss;
 
 const CSS$3 = {
     service: 'esri-legend__service',
@@ -79,15 +81,16 @@ const InstantAppsInteractiveLegendLayerElement = class {
     render() {
         var _a, _b;
         const layerClasses = !!this.activeLayerInfo.parent ? ` ${CSS$3.groupLayerChild}` : '';
-        return (h("div", { style: {
+        return (h("div", { key: '56adcd33aa0f6b227c5082ad717faee2a33af287', style: {
                 borderLeft: '1px solid var(--calcite-color-border-3)',
-            }, class: `${CSS$3.service}${layerClasses}`, tabIndex: 0 }, h("instant-apps-interactive-legend-layer-element-caption", { ref: node => (this.layerCaption = node), legendvm: this.legendvm, "feature-count": this.featureCount, activeLayerInfo: this.activeLayerInfo, messages: this.messages, isChild: !!this.isChild, class: getTheme(this.el) }), h("div", { id: `${(_b = (_a = this.activeLayerInfo) === null || _a === void 0 ? void 0 : _a.layer) === null || _b === void 0 ? void 0 : _b.id}-legend-layer`, class: `${CSS$3.layer}${this.expanded === false ? ' hide' : ' show'}` }, h("slot", { name: "content" }))));
+            }, class: `${CSS$3.service}${layerClasses}`, tabIndex: 0 }, h("instant-apps-interactive-legend-layer-element-caption", { key: 'b07bd777b0b5cf9e2b179fafda9035cfdf744744', ref: node => (this.layerCaption = node), legendvm: this.legendvm, "feature-count": this.featureCount, activeLayerInfo: this.activeLayerInfo, messages: this.messages, isChild: !!this.isChild, class: getTheme(this.el) }), h("div", { key: 'd6d93b431e5c431c99a277aaa904721c80432aa1', id: `${(_b = (_a = this.activeLayerInfo) === null || _a === void 0 ? void 0 : _a.layer) === null || _b === void 0 ? void 0 : _b.id}-legend-layer`, class: `${CSS$3.layer}${this.expanded === false ? ' hide' : ' show'}` }, h("slot", { key: '8d52728f213df6f2bcf5d580ecd5fa945caf439e', name: "content" }))));
     }
     get el() { return getElement(this); }
 };
-InstantAppsInteractiveLegendLayerElement.style = instantAppsInteractiveLegendLayerElementCss;
+InstantAppsInteractiveLegendLayerElement.style = InstantAppsInteractiveLegendLayerElementStyle0;
 
 const instantAppsInteractiveLegendLegendElementCss = ".sc-instant-apps-interactive-legend-legend-element-h{display:block}.sc-instant-apps-interactive-legend-legend-element-h .esri-legend__layer-table.sc-instant-apps-interactive-legend-legend-element,.sc-instant-apps-interactive-legend-legend-element-h .instant-apps-interactive-legend__nested-unique-symbol.sc-instant-apps-interactive-legend-legend-element{margin:0}.sc-instant-apps-interactive-legend-legend-element-h .hide.sc-instant-apps-interactive-legend-legend-element{display:none}";
+const InstantAppsInteractiveLegendLegendElementStyle0 = instantAppsInteractiveLegendLegendElementCss;
 
 const CSS$2 = {
     layerTableSizeRamp: 'esri-legend__layer-table--size-ramp',
@@ -129,12 +132,13 @@ const InstantAppsInteractiveLegendLegendElement = class {
             const expandState = relationshipRampExpandStates[this.activeLayerInfo.layer.id];
             expanded = expandState;
         }
-        return (h("div", { class: `${tableClass}${tableClasses}${nonInteractiveClass}${nestedUniqueSymbolClass}` }, h("div", { id: `${(_g = (_f = this.activeLayerInfo) === null || _f === void 0 ? void 0 : _f.layer) === null || _g === void 0 ? void 0 : _g.id}-legend-element-caption`, class: `${this.isRelationshipRamp || (!this.titleText && !this.zoomTo && singleSymbol) ? 'hide' : 'show'}` }, h("instant-apps-interactive-legend-legend-element-caption", { ref: node => (this.legendLayerCaption = node), legendvm: this.legendvm, activeLayerInfo: this.activeLayerInfo, layer: this.activeLayerInfo.layer, titleText: this.titleText, legendElement: this.legendElement, legendElementIndex: this.legendElementIndex, zoomTo: this.zoomTo, isInteractive: this.isInteractive, messages: this.messages })), h("div", { key: "content", id: `${(_j = (_h = this.activeLayerInfo) === null || _h === void 0 ? void 0 : _h.layer) === null || _j === void 0 ? void 0 : _j.id}-legend-element-content-${this.legendElementIndex}`, class: `${expanded === false ? 'hide' : 'show'}` }, h("slot", { name: "content" }))));
+        return (h("div", { key: '5c99e93f4795be0085f06b69b401e54730d41030', class: `${tableClass}${tableClasses}${nonInteractiveClass}${nestedUniqueSymbolClass}` }, h("div", { key: '56a99ba823ffb4263ca5b38ce3f2e619fff3932e', id: `${(_g = (_f = this.activeLayerInfo) === null || _f === void 0 ? void 0 : _f.layer) === null || _g === void 0 ? void 0 : _g.id}-legend-element-caption`, class: `${this.isRelationshipRamp || (!this.titleText && !this.zoomTo && singleSymbol) ? 'hide' : 'show'}` }, h("instant-apps-interactive-legend-legend-element-caption", { key: 'c138a76da1ac241049f1f74fc78dd3a26be5859f', ref: node => (this.legendLayerCaption = node), legendvm: this.legendvm, activeLayerInfo: this.activeLayerInfo, layer: this.activeLayerInfo.layer, titleText: this.titleText, legendElement: this.legendElement, legendElementIndex: this.legendElementIndex, zoomTo: this.zoomTo, isInteractive: this.isInteractive, messages: this.messages })), h("div", { key: "content", id: `${(_j = (_h = this.activeLayerInfo) === null || _h === void 0 ? void 0 : _h.layer) === null || _j === void 0 ? void 0 : _j.id}-legend-element-content-${this.legendElementIndex}`, class: `${expanded === false ? 'hide' : 'show'}` }, h("slot", { key: 'd4b29e3591f026b880c4b859a47bcbc3e3b11ced', name: "content" }))));
     }
 };
-InstantAppsInteractiveLegendLegendElement.style = instantAppsInteractiveLegendLegendElementCss;
+InstantAppsInteractiveLegendLegendElement.style = InstantAppsInteractiveLegendLegendElementStyle0;
 
 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}";
+const InstantAppsInteractiveLegendLegendElementCaptionStyle0 = instantAppsInteractiveLegendLegendElementCaptionCss;
 
 const CSS$1 = {
     layerCaption: 'esri-legend__layer-caption',
@@ -163,7 +167,7 @@ const InstantAppsInteractiveLegendLegendElementCaption = class {
         const isNestedUniqueSymbols = checkNestedUniqueSymbolLegendElement(this.activeLayerInfo);
         const isRelationship = checkRelationshipRamp(this.activeLayerInfo);
         const { expanded } = this;
-        return isNestedUniqueSymbols && !this.titleText ? null : (h("div", { class: CSS$1.layerCaption }, h("calcite-action", { onClick: this.toggleExpanded(), icon: expanded === false ? 'chevron-up' : 'chevron-down', appearance: "transparent", text: expanded === false ? (_a = this.messages) === null || _a === void 0 ? void 0 : _a.expand : (_b = this.messages) === null || _b === void 0 ? void 0 : _b.collapse, label: expanded === false ? (_c = this.messages) === null || _c === void 0 ? void 0 : _c.expand : (_d = this.messages) === null || _d === void 0 ? void 0 : _d.collapse, scale: "s" }), this.isInteractive || isRelationship ? this.renderLegendElementCaptionControls() : null, this.titleText ? h("span", { class: CSS$1.layerCaptionText }, this.titleText) : null));
+        return isNestedUniqueSymbols && !this.titleText ? null : (h("div", { class: CSS$1.layerCaption }, h("calcite-action", { onClick: this.toggleExpanded(), icon: expanded === false ? 'chevron-up' : 'chevron-down', appearance: "transparent", text: expanded === false ? (_a = this.messages) === null || _a === void 0 ? void 0 : _a.expand : (_b = this.messages) === null || _b === void 0 ? void 0 : _b.collapse, label: expanded === false ? (_c = this.messages) === null || _c === void 0 ? void 0 : _c.expand : (_d = this.messages) === null || _d === void 0 ? void 0 : _d.collapse, scale: "s" }), this.isInteractive || isRelationship ? this.renderLegendElementCaptionControls() : null, this.titleText ? h("span", { class: CSS$1.layerCaptionText, title: this.titleText }, this.titleText) : null));
     }
     renderLegendElementCaptionControls() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
@@ -218,9 +222,10 @@ const InstantAppsInteractiveLegendLegendElementCaption = class {
     }
     get el() { return getElement(this); }
 };
-InstantAppsInteractiveLegendLegendElementCaption.style = instantAppsInteractiveLegendLegendElementCaptionCss;
+InstantAppsInteractiveLegendLegendElementCaption.style = InstantAppsInteractiveLegendLegendElementCaptionStyle0;
 
 const instantAppsInteractiveLegendRelationshipCss = ".sc-instant-apps-interactive-legend-relationship-h{display:block}.sc-instant-apps-interactive-legend-relationship-h .instant-apps-interactive-legend-relationship__instructional-text.sc-instant-apps-interactive-legend-relationship{display:inline-block;width:100%;text-align:center;margin-bottom:10px;background-color:#d2e9f9}.calcite-mode-dark .sc-instant-apps-interactive-legend-relationship-h .instant-apps-interactive-legend-relationship__instructional-text.sc-instant-apps-interactive-legend-relationship{background-color:var(--calcite-color-brand);color:#151515}";
+const InstantAppsInteractiveLegendRelationshipStyle0 = instantAppsInteractiveLegendRelationshipCss;
 
 const RELATIONSHIP_DIAMOND_SELECTOR = '.esri-relationship-ramp--diamond__middle-column--ramp svg g';
 const CSS = {
@@ -258,7 +263,7 @@ const InstantAppsInteractiveLegendRelationship = class {
     }
     render() {
         var _a, _b;
-        return (h("div", { ref: (node) => {
+        return (h("div", { key: 'a3427fc452afc75183a7249568914149089a7539', ref: (node) => {
                 const styleSheet = node === null || node === void 0 ? void 0 : node.querySelector('relationshipStyles');
                 if (!styleSheet) {
                     const css = document.createElement('style');
@@ -271,7 +276,7 @@ const InstantAppsInteractiveLegendRelationship = class {
           `;
                     node === null || node === void 0 ? void 0 : node.appendChild(css);
                 }
-            } }, h("span", { class: CSS.instructionalText }, (_b = (_a = this.messages) === null || _a === void 0 ? void 0 : _a.relationship) === null || _b === void 0 ? void 0 : _b.instructionalText), this.renderRelationshipRamp()));
+            } }, h("span", { key: 'e4cd263043d0adb199588487438596b4fdb2e51f', class: CSS.instructionalText }, (_b = (_a = this.messages) === null || _a === void 0 ? void 0 : _a.relationship) === null || _b === void 0 ? void 0 : _b.instructionalText), this.renderRelationshipRamp()));
     }
     renderRelationshipRamp() {
         var _a;
@@ -753,6 +758,6 @@ const InstantAppsInteractiveLegendRelationship = class {
         }
     }
 };
-InstantAppsInteractiveLegendRelationship.style = instantAppsInteractiveLegendRelationshipCss;
+InstantAppsInteractiveLegendRelationship.style = InstantAppsInteractiveLegendRelationshipStyle0;
 
 export { InstantAppsInteractiveLegendGroupLegendElement as instant_apps_interactive_legend_group_legend_element, InstantAppsInteractiveLegendLayerElement as instant_apps_interactive_legend_layer_element, InstantAppsInteractiveLegendLegendElement as instant_apps_interactive_legend_legend_element, InstantAppsInteractiveLegendLegendElementCaption as instant_apps_interactive_legend_legend_element_caption, InstantAppsInteractiveLegendRelationship as instant_apps_interactive_legend_relationship };

package/dist/esm/instant-apps-interactive-legend.entry.js

@@ -3,16 +3,17 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, f as forceUpdate, h, g as getElement } from './index-164d485a.js';
-import { l as loadModules } from './loadModules-7a5f1022.js';
-import { g as getMessages } from './locale-4cab280d.js';
-import { g as getTheme } from './helpers-f9256189.js';
-import './esri-loader-1b324844.js';
-import './_commonjsHelpers-0f74c230.js';
-import './languageUtil-035e7728.js';
-import './index-477ea182.js';
+import { r as registerInstance, f as forceUpdate, h, g as getElement } from './index-e3f04fa1.js';
+import { l as loadModules } from './loadModules-03ba7abe.js';
+import { g as getMessages } from './locale-d66155ee.js';
+import { g as getTheme } from './helpers-ca6fa5a6.js';
+import './esri-loader-c6842c6b.js';
+import './_commonjsHelpers-089957fe.js';
+import './languageUtil-2b6e191a.js';
+import './index-1dc14abf.js';
 
 const instantAppsInteractiveLegendCss = ".sc-instant-apps-interactive-legend-h{display:block;height:100%}.sc-instant-apps-interactive-legend-h .esri-legend.sc-instant-apps-interactive-legend{height:100%;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1)}.sc-instant-apps-interactive-legend-h .esri-legend.esri-component.esri-widget.esri-widget--panel.sc-instant-apps-interactive-legend{margin:0}";
+const InstantAppsInteractiveLegendStyle0 = instantAppsInteractiveLegendCss;
 
 const CSS = {
     esri: {
@@ -106,6 +107,6 @@ const InstantAppsInteractiveLegend = class {
         "view": ["init"]
     }; }
 };
-InstantAppsInteractiveLegend.style = instantAppsInteractiveLegendCss;
+InstantAppsInteractiveLegend.style = InstantAppsInteractiveLegendStyle0;
 
 export { InstantAppsInteractiveLegend as instant_apps_interactive_legend };

package/dist/esm/instant-apps-keyboard-shortcuts.entry.js

@@ -3,14 +3,15 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-164d485a.js';
-import { g as getMessages } from './locale-4cab280d.js';
-import './loadModules-7a5f1022.js';
-import './esri-loader-1b324844.js';
-import './_commonjsHelpers-0f74c230.js';
-import './languageUtil-035e7728.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-e3f04fa1.js';
+import { g as getMessages } from './locale-d66155ee.js';
+import './loadModules-03ba7abe.js';
+import './esri-loader-c6842c6b.js';
+import './_commonjsHelpers-089957fe.js';
+import './languageUtil-2b6e191a.js';
 
 const instantAppsKeyboardShortcutsCss = ":host .instant-apps-keyboard-shortcuts__content{display:flex;flex-direction:column;font-family:var(--calcite-sans-family);font-size:0.875rem;background-color:var(--calcite-color-background);color:var(--calcite-color-text-1);width:auto;padding:0.5em;margin-bottom:0;overflow:auto}:host .instant-apps-keyboard-shortcuts__content table{border:none;border-collapse:collapse;width:100%;margin-bottom:1em}:host .instant-apps-keyboard-shortcuts__content table td,:host .instant-apps-keyboard-shortcuts__content table th{border:solid 1px var(--calcite-color-border-1);padding:0.5rem 0.75rem 0.5rem 0.75rem;white-space:normal}:host .instant-apps-keyboard-shortcuts__content table td:lang(ja),:host .instant-apps-keyboard-shortcuts__content table td:lang(ja-JP),:host .instant-apps-keyboard-shortcuts__content table th:lang(ja-JP),:host .instant-apps-keyboard-shortcuts__content table th:lang(ja){white-space:nowrap}:host .instant-apps-keyboard-shortcuts__content tr:nth-child(even){background-color:var(--calcite-color-foreground-2)}:host .instant-apps-keyboard-shortcuts__content tr th{padding:0.5em 0.7em;font-weight:400}";
+const InstantAppsKeyboardShortcutsStyle0 = instantAppsKeyboardShortcutsCss;
 
 const CSS = {
     content: 'instant-apps-keyboard-shortcuts__content',
@@ -25,7 +26,7 @@ const InstantAppsKeyboardShortcuts = class {
         var _a, _b, _c, _d, _e, _f, _g;
         const commands = ((_a = this === null || this === void 0 ? void 0 : this.view) === null || _a === void 0 ? void 0 : _a.type) === '2d' || !(this === null || this === void 0 ? void 0 : this.view) ? this._getMapViewCommands() : this._getSceneViewCommands();
         const modifierKey = this._isMacLike() ? 'Option' : 'Alt';
-        return (h(Host, null, h("calcite-block", { open: true, class: `${CSS.content}`, heading: (_c = (_b = this === null || this === void 0 ? void 0 : this.messages) === null || _b === void 0 ? void 0 : _b.generalShortcuts) === null || _c === void 0 ? void 0 : _c.label }, h("table", null, this.renderTableHeader(), h("tr", null, h("td", null, `${modifierKey} + M`), h("td", null, (_e = (_d = this === null || this === void 0 ? void 0 : this.messages) === null || _d === void 0 ? void 0 : _d.generalShortcuts) === null || _e === void 0 ? void 0 : _e.title))), h("calcite-label", null, (_g = (_f = this === null || this === void 0 ? void 0 : this.messages) === null || _f === void 0 ? void 0 : _f.generalShortcuts) === null || _g === void 0 ? void 0 : _g.title), h("table", null, this.renderTableHeader(), commands.map(command => {
+        return (h(Host, { key: '1615e98de266144d79e2baf2dbb5e0bb98ab507a' }, h("calcite-block", { key: '0721f5667ee3a6b0cfd5436d638854ce5cc2765d', open: true, class: `${CSS.content}`, heading: (_c = (_b = this === null || this === void 0 ? void 0 : this.messages) === null || _b === void 0 ? void 0 : _b.generalShortcuts) === null || _c === void 0 ? void 0 : _c.label }, h("table", { key: '9d9ddb241698b71663af04b802a2993c686a6716' }, this.renderTableHeader(), h("tr", { key: '5be103940f9753990ec8791a48f7adba86e1eac3' }, h("td", { key: '02bc3df06e11288345221026a0ac3063083d095f' }, `${modifierKey} + M`), h("td", { key: 'e1287efc2f26478e0aae1ce7748436ce1d3e2aef' }, (_e = (_d = this === null || this === void 0 ? void 0 : this.messages) === null || _d === void 0 ? void 0 : _d.generalShortcuts) === null || _e === void 0 ? void 0 : _e.title))), h("calcite-label", { key: 'ed5b360bc8272722ff7fc26acd2bcb251e0fc6c0' }, (_g = (_f = this === null || this === void 0 ? void 0 : this.messages) === null || _f === void 0 ? void 0 : _f.generalShortcuts) === null || _g === void 0 ? void 0 : _g.title), h("table", { key: '012ec3b39e439dab43797a33af87ac530b53bf37' }, this.renderTableHeader(), commands.map(command => {
             return (h("tr", null, h("td", null, command.alias), h("td", null, command.title)));
         })))));
     }
@@ -134,6 +135,6 @@ const InstantAppsKeyboardShortcuts = class {
     }
     get el() { return getElement(this); }
 };
-InstantAppsKeyboardShortcuts.style = instantAppsKeyboardShortcutsCss;
+InstantAppsKeyboardShortcuts.style = InstantAppsKeyboardShortcutsStyle0;
 
 export { InstantAppsKeyboardShortcuts as instant_apps_keyboard_shortcuts };

package/dist/esm/instant-apps-landing-page.entry.js

@@ -3,23 +3,24 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-164d485a.js';
-import { g as getFontFamily } from './styles-367380b5.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-e3f04fa1.js';
+import { g as getFontFamily } from './styles-b3492d9f.js';
 
 var AlignmentPositions;
 (function (AlignmentPositions) {
-  AlignmentPositions["TopLeft"] = "top-left";
-  AlignmentPositions["TopCenter"] = "top-center";
-  AlignmentPositions["TopRight"] = "top-right";
-  AlignmentPositions["CenterLeft"] = "center-left";
-  AlignmentPositions["Center"] = "center";
-  AlignmentPositions["CenterRight"] = "center-right";
-  AlignmentPositions["BottomLeft"] = "bottom-left";
-  AlignmentPositions["BottomCenter"] = "bottom-center";
-  AlignmentPositions["BottomRight"] = "bottom-right";
+    AlignmentPositions["TopLeft"] = "top-left";
+    AlignmentPositions["TopCenter"] = "top-center";
+    AlignmentPositions["TopRight"] = "top-right";
+    AlignmentPositions["CenterLeft"] = "center-left";
+    AlignmentPositions["Center"] = "center";
+    AlignmentPositions["CenterRight"] = "center-right";
+    AlignmentPositions["BottomLeft"] = "bottom-left";
+    AlignmentPositions["BottomCenter"] = "bottom-center";
+    AlignmentPositions["BottomRight"] = "bottom-right";
 })(AlignmentPositions || (AlignmentPositions = {}));
 
-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--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}@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%}}";
+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 instant-apps-sign-in{height:100%;width:100%;display:flex;align-items:center;justify-content:center}: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}.instant-apps-landing-page__sign-in{width:100%;height:100%}.instant-apps-landing-page__sign-in--overlay{background:rgba(0, 0, 0, 0.6)}@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%}}";
+const InstantAppsLandingPageStyle0 = instantAppsLandingPageCss;
 
 const CSS = {
     BASE: 'instant-apps-landing-page',
@@ -30,10 +31,13 @@ const CSS = {
     closedNoTransition: 'instant-apps-landing-page--closed-no-transition',
     iconImage: 'instant-apps-landing-page__icon-image',
     removeTransition: 'instant-apps-landing-page__remove-transition',
+    removePadding: 'instant-apps-landing-page__remove-padding',
     alignment: 'instant-apps-landing-page__alignment--',
     entryButton: 'instant-apps-landing-page__entry-button',
     contentContainer: 'instant-apps-landing-page__content-container',
     buttonContainer: 'instant-apps-landing-page__button-container',
+    signIn: 'instant-apps-landing-page__sign-in',
+    signInOverlay: 'instant-apps-landing-page__sign-in--overlay',
     iconImageScale: {
         s: ' instant-apps-landing-page__icon-image-scale--s',
         m: ' instant-apps-landing-page__icon-image-scale--m',
@@ -58,6 +62,9 @@ const InstantAppsLandingPage = class {
         this.open = true;
         this.entryButtonScale = 'l';
         this.fontFamily = 'var(--calcite-sans-family);';
+        this.enableSignIn = undefined;
+        this.portal = undefined;
+        this.oauthappid = undefined;
     }
     emitToggleEvent() {
         if (this.open) {
@@ -67,19 +74,34 @@ const InstantAppsLandingPage = class {
             this.landingPageClose.emit();
         }
     }
+    componentWillLoad() {
+        if (this.enableSignIn) {
+            const signInTime = localStorage.getItem('signing-in') ? new Date(Number(localStorage.getItem('signing-in'))) : null;
+            if (signInTime != null) {
+                const minuteLimit = 2;
+                if ((Date.now() - signInTime.getTime()) / (60 * 1000) < minuteLimit) {
+                    this.open = false;
+                }
+                localStorage.removeItem('signing-in');
+            }
+        }
+    }
     render() {
-        return h(Host, null, this.renderLandingPageContent());
+        const content = this.enableSignIn ? this.renderLandingPageSignIn() : this.renderLandingPageContent();
+        return h(Host, { key: 'd5cdf48e9067dac3463b690271f23deea04a116e' }, content);
     }
     renderLandingPageContent() {
         const closed = !this.open ? (this.disableTransition ? ` ${CSS.closedNoTransition}` : ` ${CSS.closed}`) : '';
         const alignmentClass = this.getAlignmentClass();
         const removeTransition = this.disableTransition ? ` ${CSS.removeTransition}` : '';
-        const fontFamily = getFontFamily(this.fontFamily);
-        const style = {
-            fontFamily,
-        };
-        return (h("div", { style: this.backgroundImageSrc
-                ? Object.assign(Object.assign({}, style), { backgroundSize: 'cover', backgroundImage: `url("${this.backgroundImageSrc}")`, backgroundRepeat: 'no-repeat', backgroundPosition: 'center' }) : style, class: `${CSS.BASE}${alignmentClass}${closed}${removeTransition}` }, h("div", { class: CSS.contentContainer }, this.renderIconImage(), this.renderTitleText(), this.renderSubtitleText(), this.renderDescriptionText()), h("div", { class: CSS.buttonContainer }, this.renderEntryButton(), h("slot", { name: "secondary-action" }))));
+        const style = this.getContentStyle();
+        return (h("div", { style: style, class: `${CSS.BASE}${alignmentClass}${closed}${removeTransition}` }, h("div", { class: CSS.contentContainer }, this.renderIconImage(), this.renderTitleText(), this.renderSubtitleText(), this.renderDescriptionText()), h("div", { class: CSS.buttonContainer }, this.renderEntryButton(), h("slot", { name: "secondary-action" }))));
+    }
+    renderLandingPageSignIn() {
+        const closed = !this.open ? (this.disableTransition ? ` ${CSS.closedNoTransition}` : ` ${CSS.closed}`) : '';
+        const style = this.getContentStyle();
+        const signInClass = this.backgroundImageSrc ? `${CSS.signIn} ${CSS.signInOverlay}` : CSS.signIn;
+        return (h("div", { style: style, class: `${CSS.BASE}${closed} ${CSS.removePadding}` }, h("div", { class: signInClass }, h("instant-apps-sign-in", { type: "landingPage", landingPage: true, portal: this.portal, oauthappid: this.oauthappid, titleText: this.titleText, subtitleText: this.subtitleText, descriptionText: this.descriptionText, closeLandingPage: this.closeLandingPage.bind(this) }))));
     }
     renderIconImage() {
         return this.iconImage ? h("img", { class: `${CSS.iconImage}${this.getIconImageScale()}`, src: this.iconImage, alt: this.iconImageAltText }) : null;
@@ -94,7 +116,10 @@ const InstantAppsLandingPage = class {
         return h("p", { class: CSS.descriptionText }, this.descriptionText);
     }
     renderEntryButton() {
-        return (h("calcite-button", { class: CSS.entryButton, onClick: () => (this.open = false), scale: this.entryButtonScale, appearance: "outline-fill" }, this.entryButtonText ? this.entryButtonText : 'Enter'));
+        return (h("calcite-button", { class: CSS.entryButton, onClick: this.closeLandingPage.bind(this), scale: this.entryButtonScale, appearance: "outline-fill" }, this.entryButtonText ? this.entryButtonText : 'Enter'));
+    }
+    closeLandingPage() {
+        this.open = false;
     }
     getAlignmentClass() {
         return ` ${CSS.alignment}${this.alignment}`;
@@ -104,11 +129,23 @@ const InstantAppsLandingPage = class {
         const { s, m, l } = CSS.iconImageScale;
         return iconImageScale === 'l' ? l : iconImageScale === 's' ? s : m;
     }
+    getContentStyle() {
+        const fontFamily = getFontFamily(this.fontFamily);
+        return this.backgroundImageSrc
+            ? {
+                fontFamily,
+                backgroundSize: 'cover',
+                backgroundImage: `url("${this.backgroundImageSrc}")`,
+                backgroundRepeat: 'no-repeat',
+                backgroundPosition: 'center',
+            }
+            : { fontFamily };
+    }
     get el() { return getElement(this); }
     static get watchers() { return {
         "open": ["emitToggleEvent"]
     }; }
 };
-InstantAppsLandingPage.style = instantAppsLandingPageCss;
+InstantAppsLandingPage.style = InstantAppsLandingPageStyle0;
 
 export { InstantAppsLandingPage as instant_apps_landing_page };

package/dist/esm/instant-apps-language-switcher.entry.js

@@ -3,17 +3,18 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-164d485a.js';
-import { g as getMessages } from './utils-78fe6e5b.js';
-import { l as loadModules } from './loadModules-7a5f1022.js';
-import { a as getDefaultLanguage } from './locale-4cab280d.js';
-import { g as getPortalItemResource, f as fetchResourceData } from './languageSwitcher-068998b1.js';
-import './index-477ea182.js';
-import './esri-loader-1b324844.js';
-import './_commonjsHelpers-0f74c230.js';
-import './languageUtil-035e7728.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-e3f04fa1.js';
+import { g as getMessages } from './utils-8519a5f7.js';
+import { l as loadModules } from './loadModules-03ba7abe.js';
+import { a as getDefaultLanguage } from './locale-d66155ee.js';
+import { g as getPortalItemResource, f as fetchResourceData } from './languageSwitcher-9db90f1e.js';
+import './index-1dc14abf.js';
+import './esri-loader-c6842c6b.js';
+import './_commonjsHelpers-089957fe.js';
+import './languageUtil-2b6e191a.js';
 
 const instantAppsLanguageSwitcherCss = ":host{display:block;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1);min-width:200px}:host calcite-dropdown{width:100%}:host calcite-button{--calcite-color-brand:var(--calcite-color-text-3);--calcite-color-brand-hover:var(--calcite-color-text-3)}";
+const InstantAppsLanguageSwitcherStyle0 = instantAppsLanguageSwitcherCss;
 
 const InstantAppsLanguageSwitcher = class {
     constructor(hostRef) {
@@ -77,7 +78,7 @@ const InstantAppsLanguageSwitcher = class {
         const trigger = this.renderTrigger();
         const dropdown = this.renderDropdownItems();
         const defaultLocale = this.renderDefaultLocale();
-        return (h("calcite-dropdown", { onCalciteDropdownBeforeOpen: () => (this.trigger.iconEnd = 'chevron-up'), onCalciteDropdownBeforeClose: () => (this.trigger.iconEnd = 'chevron-down'), "width-scale": "m" }, trigger, defaultLocale, dropdown));
+        return (h("calcite-dropdown", { key: '04fe84d0c2f2eb750b0882ff4f35c29a849c32fb', onCalciteDropdownBeforeOpen: () => (this.trigger.iconEnd = 'chevron-up'), onCalciteDropdownBeforeClose: () => (this.trigger.iconEnd = 'chevron-down'), "width-scale": "m" }, trigger, defaultLocale, dropdown));
     }
     renderDefaultLocale() {
         const { userLocale } = this;
@@ -168,6 +169,6 @@ const InstantAppsLanguageSwitcher = class {
     }
     get el() { return getElement(this); }
 };
-InstantAppsLanguageSwitcher.style = instantAppsLanguageSwitcherCss;
+InstantAppsLanguageSwitcher.style = InstantAppsLanguageSwitcherStyle0;
 
 export { InstantAppsLanguageSwitcher as instant_apps_language_switcher };

package/dist/esm/instant-apps-language-translator.entry.js

@@ -3,17 +3,18 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment, g as getElement } from './index-164d485a.js';
-import { g as getMessages, a as generateUIData, s as store, E as EIcons, b as getLocales, l as languageTranslatorState, c as getUIDataKeys } from './utils-78fe6e5b.js';
-import { l as loadModules } from './loadModules-7a5f1022.js';
-import { c as getComponentClosestLanguage } from './locale-4cab280d.js';
-import { g as getPortalItemResource, f as fetchResourceData } from './languageSwitcher-068998b1.js';
-import './index-477ea182.js';
-import './esri-loader-1b324844.js';
-import './_commonjsHelpers-0f74c230.js';
-import './languageUtil-035e7728.js';
+import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment, g as getElement } from './index-e3f04fa1.js';
+import { g as getMessages, a as generateUIData, s as store, E as EIcons, b as getLocales, l as languageTranslatorState, c as getUIDataKeys } from './utils-8519a5f7.js';
+import { l as loadModules } from './loadModules-03ba7abe.js';
+import { c as getComponentClosestLanguage } from './locale-d66155ee.js';
+import { g as getPortalItemResource, f as fetchResourceData } from './languageSwitcher-9db90f1e.js';
+import './index-1dc14abf.js';
+import './esri-loader-c6842c6b.js';
+import './_commonjsHelpers-089957fe.js';
+import './languageUtil-2b6e191a.js';
 
 const instantAppsLanguageTranslatorCss = ".sc-instant-apps-language-translator-h{display:block}.sc-instant-apps-language-translator-h calcite-modal.sc-instant-apps-language-translator{--calcite-modal-content-padding:0}.sc-instant-apps-language-translator-h .instant-apps-language-translator__header.sc-instant-apps-language-translator{display:flex;justify-content:space-between;width:100%}.sc-instant-apps-language-translator-h .instant-apps-language-translator__header-text.sc-instant-apps-language-translator{font-size:18px}.sc-instant-apps-language-translator-h .instant-apps-language-translator__saving-indicator.sc-instant-apps-language-translator{display:flex;align-items:center;font-size:14.5px;color:var(--calcite-color-brand)}.sc-instant-apps-language-translator-h .instant-apps-language-translator__writing-icon.sc-instant-apps-language-translator{display:flex;justify-content:center;align-items:center;margin-right:5px}.sc-instant-apps-language-translator-h .instant-apps-language-translator__close-button.sc-instant-apps-language-translator{width:175px}.sc-instant-apps-language-translator-h .instant-apps-language-translator__header-tip.sc-instant-apps-language-translator{padding:20px;max-width:45vw}.sc-instant-apps-language-translator-h .instant-apps-language-translator__top-bar.sc-instant-apps-language-translator{display:flex;width:100%;position:sticky;top:0;background:var(--calcite-color-foreground-1);z-index:1}.sc-instant-apps-language-translator-h .instant-apps-language-translator__top-bar.sc-instant-apps-language-translator calcite-label.sc-instant-apps-language-translator{--calcite-label-margin-bottom:0;font-weight:var(--calcite-font-weight-medium)}.sc-instant-apps-language-translator-h .instant-apps-language-translator__top-bar-section.sc-instant-apps-language-translator{box-sizing:border-box;display:flex;align-items:center;width:50%;padding:0.5%}.sc-instant-apps-language-translator-h .instant-apps-language-translator__user-lang-text.sc-instant-apps-language-translator{font-weight:var(--calcite-font-weight-medium)}.sc-instant-apps-language-translator-h .instant-apps-language-translator__top-bar-section.sc-instant-apps-language-translator:first-child{display:flex;justify-content:space-between}.sc-instant-apps-language-translator-h .instant-apps-language-translator__top-bar-section.sc-instant-apps-language-translator:nth-child(2) calcite-select.sc-instant-apps-language-translator{width:255px}.sc-instant-apps-language-translator-h .instant-apps-language-translator__collapse-search-container.sc-instant-apps-language-translator{display:flex;justify-content:space-between}.sc-instant-apps-language-translator-h .instant-apps-language-translator__collapse-search-container.sc-instant-apps-language-translator calcite-input.sc-instant-apps-language-translator{width:300px;margin-left:30px}.ck.ck-reset.ck-editor.ck-rounded-corners.sc-instant-apps-language-translator{margin-top:10px !important;margin-left:55px !important}.ck-editor__editable.sc-instant-apps-language-translator{height:70px !important;font-size:0.875rem !important;line-height:1.375 !important}.ck.ck-editor__editable_inline.sc-instant-apps-language-translator>.sc-instant-apps-language-translator:first-child,.ck.ck-editor__editable_inline.sc-instant-apps-language-translator>.sc-instant-apps-language-translator:last-child{--ck-spacing-large:0.5rem !important}";
+const InstantAppsLanguageTranslatorStyle0 = instantAppsLanguageTranslatorCss;
 
 const BASE = 'instant-apps-language-translator';
 const CSS = {
@@ -109,7 +110,7 @@ const InstantAppsLanguageTranslator = class {
         catch (_a) { }
     }
     render() {
-        return (h(Host, null, this.renderModal(), this.renderPopoverTip()));
+        return (h(Host, { key: 'fc32ca4cd8da2d20de670b77e7e6e324fbe15e80' }, this.renderModal(), this.renderPopoverTip()));
     }
     renderModal() {
         return (h("calcite-modal", { open: this.open, scale: "l", fullscreen: true, onCalciteModalClose: this.close.bind(this) }, this.renderHeader(), this.renderContent(), this.renderPrimaryButton()));
@@ -281,6 +282,6 @@ const InstantAppsLanguageTranslator = class {
         "appSettings": ["handleAppSettings"]
     }; }
 };
-InstantAppsLanguageTranslator.style = instantAppsLanguageTranslatorCss;
+InstantAppsLanguageTranslator.style = InstantAppsLanguageTranslatorStyle0;
 
 export { InstantAppsLanguageTranslator as instant_apps_language_translator };

package/dist/esm/instant-apps-measurement.entry.js

@@ -3,14 +3,15 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-164d485a.js';
-import { g as getMessages } from './locale-4cab280d.js';
-import './loadModules-7a5f1022.js';
-import './esri-loader-1b324844.js';
-import './_commonjsHelpers-0f74c230.js';
-import './languageUtil-035e7728.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-e3f04fa1.js';
+import { g as getMessages } from './locale-d66155ee.js';
+import './loadModules-03ba7abe.js';
+import './esri-loader-c6842c6b.js';
+import './_commonjsHelpers-089957fe.js';
+import './languageUtil-2b6e191a.js';
 
 const instantAppsMeasurementCss = ".sc-instant-apps-measurement-h .sc-instant-apps-measurement.sc-instant-apps-measurement{background:var(--calcite-color-foreground-1)}.sc-instant-apps-measurement-h .active-tool.sc-instant-apps-measurement{--calcite-color-foreground-1:#c7eaff}";
+const InstantAppsMeasurementStyle0 = instantAppsMeasurementCss;
 
 const CSS = {
     content: 'instant-apps-measurement__content',
@@ -33,7 +34,7 @@ const InstantAppsMeasurement = class {
     componentDidLoad() { }
     render() {
         var _a;
-        return (h(Host, null, h("calcite-panel", { heading: (_a = this === null || this === void 0 ? void 0 : this.messages) === null || _a === void 0 ? void 0 : _a.label, closable: this.closable }, h("div", null, this.renderActionPad()), this.renderMeasureToolPanel())));
+        return (h(Host, { key: '7a579ade6dca5d875e5dac86e1ef23778babd570' }, h("calcite-panel", { key: '91593087bbf31b2ec252d802962e8ece7246c7d6', 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: '628cb313218c45b1375ab96d1d9b349f07d02a75' }, this.renderActionPad()), this.renderMeasureToolPanel())));
     }
     renderMeasureToolPanel() {
         const { view, coordinateFormat, areaUnit, linearUnit, activeToolType } = this;
@@ -61,6 +62,6 @@ const InstantAppsMeasurement = class {
     }
     get el() { return getElement(this); }
 };
-InstantAppsMeasurement.style = instantAppsMeasurementCss;
+InstantAppsMeasurement.style = InstantAppsMeasurementStyle0;
 
 export { InstantAppsMeasurement as instant_apps_measurement };

package/dist/esm/instant-apps-popover.entry.js

@@ -3,14 +3,15 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, h, g as getElement } from './index-164d485a.js';
-import { g as getMessages } from './locale-4cab280d.js';
-import './loadModules-7a5f1022.js';
-import './esri-loader-1b324844.js';
-import './_commonjsHelpers-0f74c230.js';
-import './languageUtil-035e7728.js';
+import { r as registerInstance, h, g as getElement } from './index-e3f04fa1.js';
+import { g as getMessages } from './locale-d66155ee.js';
+import './loadModules-03ba7abe.js';
+import './esri-loader-c6842c6b.js';
+import './_commonjsHelpers-089957fe.js';
+import './languageUtil-2b6e191a.js';
 
 const instantAppsPopoverCss = ":host{display:block}.instant-apps-popover__content{display:flex;flex-direction:column;padding:0 5% 5% 5%;max-width:35vw;font-family:var(--calcite-sans-family);font-size:0.875rem}.instant-apps-popover__content .instant-apps-popover__action{align-self:flex-start;--calcite-color-foreground-2:transparent}.instant-apps-popover__content span{display:inline-block;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);margin:0 0 10px 0;font-family:var(--calcite-sans-family)}.instant-apps-popover__content p{line-height:19.12px;margin:0;margin-bottom:10px;font-family:var(--calcite-sans-family)}.instant-apps-popover__content .instant-apps-popover__footer{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.instant-apps-popover__content .instant-apps-popover__footer span{margin-bottom:0;font-weight:normal;font-size:0.875rem;font-family:var(--calcite-sans-family)}.instant-apps-popover__content .instant-apps-popover__footer calcite-button:first-child{--calcite-color-foreground-3:transparent}.instant-apps-popover__content .instant-apps-popover__footer calcite-button:last-child{margin-left:5px}.instant-apps-popover__content .instant-apps-popover__img{width:100%;margin-bottom:10px}.instant-apps-popover__content.instant-apps-popover--action-disabled{padding:5%}.instant-apps-popover__content.instant-apps-popover--action-disabled #subtitle{margin:0 0 10px 0}";
+const InstantAppsPopoverStyle0 = instantAppsPopoverCss;
 
 const CSS = {
     content: 'instant-apps-popover__content',
@@ -48,7 +49,7 @@ const InstantAppsPopover = class {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("calcite-popover", { 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", { 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", null, h("span", { id: "subtitle" }, this.subtitle), h("p", null, 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 :
+        return (h("calcite-popover", { key: '11ee827bbe4001af1b881bbc05728dbff4c2869c', 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: 'cec04f88bebd5c920a2449836880dcef516cd3a7', 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: 'b388401688d359725090de56366d264f5b2e05fb' }, h("span", { key: 'a6fede03a223acdb9770947d81511fbee85c4f8e', id: "subtitle" }, this.subtitle), h("p", { key: 'c3ccf7e549eaeb61234d5ee53784b054f188788a' }, 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 :
             _c.of, " ", (_e = (_d = this.parent) === null || _d === void 0 ? void 0 : _d.instantAppsPopovers) === null || _e === void 0 ? void 0 :
             _e.size), this.renderPagination())) : null)));
     }
@@ -69,6 +70,6 @@ const InstantAppsPopover = class {
     }
     get el() { return getElement(this); }
 };
-InstantAppsPopover.style = instantAppsPopoverCss;
+InstantAppsPopover.style = InstantAppsPopoverStyle0;
 
 export { InstantAppsPopover as instant_apps_popover };

package/dist/esm/instant-apps-popovers.entry.js

@@ -3,9 +3,10 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-164d485a.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-e3f04fa1.js';
 
 const instantAppsPopoversCss = ":host{display:block}";
+const InstantAppsPopoversStyle0 = instantAppsPopoversCss;
 
 const InstantAppsPopovers = class {
     constructor(hostRef) {
@@ -31,7 +32,7 @@ const InstantAppsPopovers = class {
         });
     }
     render() {
-        return (h(Host, null, h("slot", { name: "popovers" })));
+        return (h(Host, { key: '02dd6367b259671584e90cc0961394d9e2c95593' }, h("slot", { key: '97eed5108c00e29ea2efc8f4ec772d3953224d82', name: "popovers" })));
     }
     next() {
         const refIds = Array.from(this.instantAppsPopovers.keys());
@@ -83,6 +84,6 @@ const InstantAppsPopovers = class {
     }
     get host() { return getElement(this); }
 };
-InstantAppsPopovers.style = instantAppsPopoversCss;
+InstantAppsPopovers.style = InstantAppsPopoversStyle0;
 
 export { InstantAppsPopovers as instant_apps_popovers };