@esri/solutions-components 0.11.30 → 0.11.31

package/dist/components/instant-apps-interactive-legend.js

@@ -1,197 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, forceUpdate, h } from '@stencil/core/internal/client';
-import { l as loadModules } from './loadModules2.js';
-import { g as getMessages } from './locale2.js';
-import { g as getTheme } from './helpers.js';
-import { s as store } from './store.js';
-import { d as defineCustomElement$9 } from './instant-apps-interactive-legend-classic2.js';
-import { d as defineCustomElement$8 } from './instant-apps-interactive-legend-count2.js';
-import { d as defineCustomElement$7 } from './instant-apps-interactive-legend-group-legend-element2.js';
-import { d as defineCustomElement$6 } from './instant-apps-interactive-legend-layer-element2.js';
-import { d as defineCustomElement$5 } from './instant-apps-interactive-legend-layer-element-caption2.js';
-import { d as defineCustomElement$4 } from './instant-apps-interactive-legend-legend-element2.js';
-import { d as defineCustomElement$3 } from './instant-apps-interactive-legend-legend-element-caption2.js';
-import { d as defineCustomElement$2 } from './instant-apps-interactive-legend-relationship2.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: {
-        base: 'esri-legend',
-        widget: 'esri-widget',
-        widgetPanel: 'esri-widget--panel',
-        component: 'esri-component',
-        iconLayerList: 'esri-icon-layer-list',
-    },
-};
-const InstantAppsInteractiveLegend$1 = /*@__PURE__*/ proxyCustomElement(class InstantAppsInteractiveLegend extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.handles = undefined;
-        this.reactiveUtils = undefined;
-        this.legendvm = undefined;
-        this.widget = undefined;
-        this.view = undefined;
-        this.zoomTo = false;
-        this.featureCount = false;
-        this.filterMode = {
-            type: 'filter',
-        };
-        this.compact = false;
-        this.messages = undefined;
-    }
-    async componentWillLoad() {
-        this.compactHandler();
-        const observer = new MutationObserver(() => {
-            forceUpdate(this.el);
-        });
-        observer.observe(this.el, {
-            attributes: true,
-        });
-        await this.initializeModules();
-    }
-    async componentDidLoad() {
-        getMessages(this);
-    }
-    async initializeModules() {
-        const [Handles, reactiveUtils, Widget, Legend] = await loadModules(['esri/core/Handles', 'esri/core/reactiveUtils', 'esri/widgets/Widget', 'esri/widgets/Legend']);
-        this.handles = new Handles();
-        this.reactiveUtils = reactiveUtils;
-        this.widget = new Widget();
-        const legend = new Legend();
-        await reactiveUtils.whenOnce(() => legend === null || legend === void 0 ? void 0 : legend.messages);
-        this.messages = Object.assign(Object.assign({}, this.messages), legend.messages);
-        return Promise.resolve();
-    }
-    async init() {
-        if (!this.reactiveUtils || !this.view || !this.handles)
-            return;
-        try {
-            const { on } = this.reactiveUtils;
-            const [LegendViewModel] = await loadModules(['esri/widgets/Legend/LegendViewModel']);
-            const legendVM = new LegendViewModel({ view: this.view, respectLayerDefinitionExpression: true });
-            this.legendvm = legendVM;
-            this.handles.add([
-                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); }),
-            ]);
-        }
-        catch (err) {
-            console.error('Failed at "init": ', err);
-        }
-    }
-    compactHandler() {
-        store.set('compact', this.compact);
-    }
-    render() {
-        var _a;
-        const { base, component, widget, widgetPanel } = CSS.esri;
-        return (h("div", { key: "interactive-legend", class: (_a = this.widget) === null || _a === void 0 ? void 0 : _a.classes(base, component, widget, widgetPanel) }, h("instant-apps-interactive-legend-classic", { key: "interactive-legend-classic", ref: (el) => (this.ref = el), class: getTheme(this.el), legendvm: this.legendvm, "zoom-to": this.zoomTo, filterMode: this.filterMode, "feature-count": this.featureCount, messages: this.messages })));
-    }
-    _refreshActiveLayerInfos(activeLayerInfos, reactiveUtils) {
-        if (!activeLayerInfos)
-            return;
-        this.handles.removeAll();
-        activeLayerInfos.forEach(activeLayerInfo => this._renderOnActiveLayerInfoChange(activeLayerInfo, reactiveUtils));
-    }
-    _renderOnActiveLayerInfoChange(activeLayerInfo, reactiveUtils) {
-        var _a;
-        const { on } = this.reactiveUtils;
-        const childrenChangeHandle = on(() => activeLayerInfo.children, 'change', () => activeLayerInfo.children.forEach(childActiveLayerInfo => this._renderOnActiveLayerInfoChange(childActiveLayerInfo, reactiveUtils)));
-        this.handles.add(childrenChangeHandle, `children_${(_a = activeLayerInfo === null || activeLayerInfo === void 0 ? void 0 : activeLayerInfo.layer) === null || _a === void 0 ? void 0 : _a.uid}`);
-        activeLayerInfo.children.forEach(childActiveLayerInfo => {
-            var _a, _b;
-            this._renderOnActiveLayerInfoChange(childActiveLayerInfo, reactiveUtils);
-            if (((_a = childActiveLayerInfo === null || childActiveLayerInfo === void 0 ? void 0 : childActiveLayerInfo.children) === null || _a === void 0 ? void 0 : _a.length) > 0)
-                (_b = childActiveLayerInfo === null || childActiveLayerInfo === void 0 ? void 0 : childActiveLayerInfo.children) === null || _b === void 0 ? void 0 : _b.forEach(innerChild => this._renderOnActiveLayerInfoChange(innerChild, reactiveUtils));
-        });
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "handles": ["init"],
-        "reactiveUtils": ["init"],
-        "view": ["init"],
-        "compact": ["compactHandler"]
-    }; }
-    static get style() { return InstantAppsInteractiveLegendStyle0; }
-}, [2, "instant-apps-interactive-legend", {
-        "view": [16],
-        "zoomTo": [4, "zoom-to"],
-        "featureCount": [1028, "feature-count"],
-        "filterMode": [16],
-        "compact": [4],
-        "handles": [32],
-        "reactiveUtils": [32],
-        "legendvm": [32],
-        "widget": [32],
-        "messages": [32]
-    }, undefined, {
-        "handles": ["init"],
-        "reactiveUtils": ["init"],
-        "view": ["init"],
-        "compact": ["compactHandler"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["instant-apps-interactive-legend", "instant-apps-interactive-legend-classic", "instant-apps-interactive-legend-count", "instant-apps-interactive-legend-group-legend-element", "instant-apps-interactive-legend-layer-element", "instant-apps-interactive-legend-layer-element-caption", "instant-apps-interactive-legend-legend-element", "instant-apps-interactive-legend-legend-element-caption", "instant-apps-interactive-legend-relationship"];
-    components.forEach(tagName => { switch (tagName) {
-        case "instant-apps-interactive-legend":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, InstantAppsInteractiveLegend$1);
-            }
-            break;
-        case "instant-apps-interactive-legend-classic":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "instant-apps-interactive-legend-count":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "instant-apps-interactive-legend-group-legend-element":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "instant-apps-interactive-legend-layer-element":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "instant-apps-interactive-legend-layer-element-caption":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "instant-apps-interactive-legend-legend-element":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "instant-apps-interactive-legend-legend-element-caption":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "instant-apps-interactive-legend-relationship":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const InstantAppsInteractiveLegend = InstantAppsInteractiveLegend$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { InstantAppsInteractiveLegend, defineCustomElement };

package/dist/components/instant-apps-keyboard-shortcuts.js

@@ -1,158 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { g as getMessages } from './locale2.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',
-};
-const InstantAppsKeyboardShortcuts$1 = /*@__PURE__*/ proxyCustomElement(class InstantAppsKeyboardShortcuts extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.messages = undefined;
-        this.view = undefined;
-    }
-    render() {
-        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, { key: 'd84c8955b37d88dd1fd13c37330769378a596c67' }, h("calcite-block", { key: 'd647d6282973ad8bc6ad784692a76dc7481fd192', 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: 'd78bb063964ace1a26539313c20557e57c5b0e7f' }, this.renderTableHeader(), h("tr", { key: '5a7361aee44808045f1b5adb1cb07e9d74c395bb' }, h("td", { key: 'e91dc6fb5e3c0ac2964717c618b66d387224dc75' }, `${modifierKey} + M`), h("td", { key: '159e6b873b599ceaf3e381062f305f452d7e2c95' }, (_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: 'a5a6eaf74f20fd364132f6a08af57eb4cc341dac' }, (_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: 'cac31048d7d7fc3869d1454e391d40ca79a7d304' }, this.renderTableHeader(), commands.map(command => (h("tr", null, h("td", null, command.alias), h("td", null, command.title))))))));
-    }
-    componentDidLoad() {
-        getMessages(this);
-    }
-    renderTableHeader() {
-        var _a, _b;
-        return (this === null || this === void 0 ? void 0 : this.messages) ? (h("tr", null, h("th", null, (_a = this === null || this === void 0 ? void 0 : this.messages) === null || _a === void 0 ? void 0 : _a.generalShortcuts.shortcut), h("th", null, (_b = this === null || this === void 0 ? void 0 : this.messages) === null || _b === void 0 ? void 0 : _b.generalShortcuts.action))) : null;
-    }
-    _getMapViewCommands() {
-        var _a;
-        const enableRotationCommands = ((_a = this.view) === null || _a === void 0 ? void 0 : _a.type) === '2d' && this.view.constraints.rotationEnabled;
-        const allMessages = (this === null || this === void 0 ? void 0 : this.messages)
-            ? [
-                {
-                    alias: this === null || this === void 0 ? void 0 : this.messages.mapShortcuts.arrowKeys,
-                    title: this === null || this === void 0 ? void 0 : this.messages.mapShortcuts.nudge,
-                    show: true,
-                },
-                {
-                    alias: 'N',
-                    title: this === null || this === void 0 ? void 0 : this.messages.mapShortcuts.N,
-                    show: enableRotationCommands,
-                },
-                {
-                    alias: 'A',
-                    title: this === null || this === void 0 ? void 0 : this.messages.mapShortcuts.A,
-                    show: enableRotationCommands,
-                },
-                {
-                    alias: 'D',
-                    title: this === null || this === void 0 ? void 0 : this.messages.mapShortcuts.D,
-                    show: enableRotationCommands,
-                },
-                {
-                    alias: '+',
-                    title: this === null || this === void 0 ? void 0 : this.messages.mapShortcuts.plus,
-                    show: true,
-                },
-                {
-                    alias: '-',
-                    title: this === null || this === void 0 ? void 0 : this.messages.mapShortcuts.minus,
-                    show: true,
-                },
-            ]
-            : [];
-        return (this === null || this === void 0 ? void 0 : this.messages) ? allMessages === null || allMessages === void 0 ? void 0 : allMessages.filter(m => m.show) : [];
-    }
-    _getSceneViewCommands() {
-        var _a;
-        /* Arrow Keys(nudge), U and J are only
-         supported in global scenes*/
-        const isGlobal = ((_a = this.view) === null || _a === void 0 ? void 0 : _a.type) === '3d' && this.view.viewingMode === 'global';
-        const allMessages = (this === null || this === void 0 ? void 0 : this.messages)
-            ? [
-                {
-                    alias: this === null || this === void 0 ? void 0 : this.messages.mapShortcuts.arrowKeys,
-                    title: this === null || this === void 0 ? void 0 : this.messages.mapShortcuts.nudge,
-                    show: !!isGlobal,
-                },
-                {
-                    alias: 'P',
-                    title: this === null || this === void 0 ? void 0 : this.messages.sceneShortcuts.P,
-                    show: true,
-                },
-                {
-                    alias: 'N',
-                    title: this === null || this === void 0 ? void 0 : this.messages.sceneShortcuts.N,
-                    show: true,
-                },
-                {
-                    alias: 'W',
-                    title: this === null || this === void 0 ? void 0 : this.messages.sceneShortcuts.W,
-                    show: true,
-                },
-                {
-                    alias: 'A',
-                    title: this === null || this === void 0 ? void 0 : this.messages.sceneShortcuts.A,
-                    show: true,
-                },
-                {
-                    alias: 'D',
-                    title: this === null || this === void 0 ? void 0 : this.messages.sceneShortcuts.D,
-                    show: true,
-                },
-                {
-                    alias: 'S',
-                    title: this === null || this === void 0 ? void 0 : this.messages.sceneShortcuts.S,
-                    show: true,
-                },
-                {
-                    alias: 'J',
-                    title: this === null || this === void 0 ? void 0 : this.messages.sceneShortcuts.globalCommands.J,
-                    show: !!isGlobal,
-                },
-                {
-                    alias: 'U',
-                    title: this === null || this === void 0 ? void 0 : this.messages.sceneShortcuts.globalCommands.U,
-                    show: !!isGlobal,
-                },
-            ]
-            : [];
-        return (this === null || this === void 0 ? void 0 : this.messages) ? allMessages === null || allMessages === void 0 ? void 0 : allMessages.filter(m => m.show) : [];
-    }
-    _isMacLike() {
-        return /(Mac)/iu.test(navigator.platform);
-    }
-    get el() { return this; }
-    static get style() { return InstantAppsKeyboardShortcutsStyle0; }
-}, [1, "instant-apps-keyboard-shortcuts", {
-        "view": [16],
-        "messages": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["instant-apps-keyboard-shortcuts"];
-    components.forEach(tagName => { switch (tagName) {
-        case "instant-apps-keyboard-shortcuts":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, InstantAppsKeyboardShortcuts$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const InstantAppsKeyboardShortcuts = InstantAppsKeyboardShortcuts$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { InstantAppsKeyboardShortcuts, defineCustomElement };

package/dist/components/instant-apps-landing-page.js

@@ -1,199 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { g as getFontFamily } from './styles.js';
-import { d as defineCustomElement$2 } from './instant-apps-sign-in2.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 || (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)}: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--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--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--top-left{justify-content:flex-start;align-items:flex-start}:host .instant-apps-landing-page__alignment--center-left{justify-content:center;align-items:flex-start}:host .instant-apps-landing-page__alignment--bottom-left{justify-content:flex-end;align-items:flex-start}: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--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--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--top-left .instant-apps-landing-page__content-container .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__alignment--top-left .instant-apps-landing-page__content-container .instant-apps-landing-page__subtitle-text,:host .instant-apps-landing-page__alignment--top-left .instant-apps-landing-page__content-container .instant-apps-landing-page__description-text{text-align:left}:host .instant-apps-landing-page__alignment--center-left .instant-apps-landing-page__content-container .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__alignment--center-left .instant-apps-landing-page__content-container .instant-apps-landing-page__subtitle-text,:host .instant-apps-landing-page__alignment--center-left .instant-apps-landing-page__content-container .instant-apps-landing-page__description-text{text-align:left}:host .instant-apps-landing-page__alignment--bottom-left .instant-apps-landing-page__content-container .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__alignment--bottom-left .instant-apps-landing-page__content-container .instant-apps-landing-page__subtitle-text,:host .instant-apps-landing-page__alignment--bottom-left .instant-apps-landing-page__content-container .instant-apps-landing-page__description-text{text-align:left}:host .instant-apps-landing-page__alignment--top-center .instant-apps-landing-page__content-container .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__alignment--top-center .instant-apps-landing-page__content-container .instant-apps-landing-page__subtitle-text,:host .instant-apps-landing-page__alignment--top-center .instant-apps-landing-page__content-container .instant-apps-landing-page__description-text{text-align:center}:host .instant-apps-landing-page__alignment--center .instant-apps-landing-page__content-container .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__alignment--center .instant-apps-landing-page__content-container .instant-apps-landing-page__subtitle-text,:host .instant-apps-landing-page__alignment--center .instant-apps-landing-page__content-container .instant-apps-landing-page__description-text{text-align:center}:host .instant-apps-landing-page__alignment--bottom-center .instant-apps-landing-page__content-container .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__alignment--bottom-center .instant-apps-landing-page__content-container .instant-apps-landing-page__subtitle-text,:host .instant-apps-landing-page__alignment--bottom-center .instant-apps-landing-page__content-container .instant-apps-landing-page__description-text{text-align:center}:host .instant-apps-landing-page__alignment--top-right .instant-apps-landing-page__content-container .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__alignment--top-right .instant-apps-landing-page__content-container .instant-apps-landing-page__subtitle-text,:host .instant-apps-landing-page__alignment--top-right .instant-apps-landing-page__content-container .instant-apps-landing-page__description-text{text-align:right}:host .instant-apps-landing-page__alignment--center-right .instant-apps-landing-page__content-container .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__alignment--center-right .instant-apps-landing-page__content-container .instant-apps-landing-page__subtitle-text,:host .instant-apps-landing-page__alignment--center-right .instant-apps-landing-page__content-container .instant-apps-landing-page__description-text{text-align:right}:host .instant-apps-landing-page__alignment--bottom-right .instant-apps-landing-page__content-container .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__alignment--bottom-right .instant-apps-landing-page__content-container .instant-apps-landing-page__subtitle-text,:host .instant-apps-landing-page__alignment--bottom-right .instant-apps-landing-page__content-container .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%}}";
-const InstantAppsLandingPageStyle0 = instantAppsLandingPageCss;
-
-const CSS = {
-    BASE: 'instant-apps-landing-page',
-    titleText: 'instant-apps-landing-page__title-text',
-    subtitleText: 'instant-apps-landing-page__subtitle-text',
-    descriptionText: 'instant-apps-landing-page__description-text',
-    closed: 'instant-apps-landing-page--closed',
-    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',
-    iconImageScale: {
-        s: ' instant-apps-landing-page__icon-image-scale--s',
-        m: ' instant-apps-landing-page__icon-image-scale--m',
-        l: ' instant-apps-landing-page__icon-image-scale--l',
-    },
-};
-const InstantAppsLandingPage$1 = /*@__PURE__*/ proxyCustomElement(class InstantAppsLandingPage extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.landingPageOpen = createEvent(this, "landingPageOpen", 7);
-        this.landingPageClose = createEvent(this, "landingPageClose", 7);
-        this.titleText = undefined;
-        this.subtitleText = undefined;
-        this.descriptionText = undefined;
-        this.entryButtonText = undefined;
-        this.iconImage = undefined;
-        this.iconImageScale = 'm';
-        this.iconImageAltText = undefined;
-        this.alignment = AlignmentPositions.Center;
-        this.disableTransition = true;
-        this.backgroundImageSrc = undefined;
-        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) {
-            this.landingPageOpen.emit();
-        }
-        else {
-            this.landingPageClose.emit();
-        }
-    }
-    async componentWillRender() {
-        await this.checkEnableSignIn();
-    }
-    render() {
-        const content = this.renderLandingPageContent();
-        return h(Host, { key: 'ea71727939f905d2f22bf8e45cd4a4cefe9557ae' }, content);
-    }
-    renderLandingPageContent() {
-        const closed = !this.open ? (this.disableTransition ? ` ${CSS.closedNoTransition}` : ` ${CSS.closed}`) : '';
-        const alignmentClass = this.getAlignmentClass();
-        const removeTransition = this.disableTransition ? ` ${CSS.removeTransition}` : '';
-        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()), this.renderEntryButtonContainer()));
-    }
-    renderEntryButtonContainer() {
-        return this.enableSignIn ? (this.renderLandingPageSignIn()) : (h("div", { class: CSS.buttonContainer }, this.renderEntryButton(), h("slot", { name: "secondary-action" })));
-    }
-    renderLandingPageSignIn() {
-        return (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;
-    }
-    renderTitleText() {
-        return h("h1", { class: CSS.titleText }, this.titleText);
-    }
-    renderSubtitleText() {
-        return h("span", { class: CSS.subtitleText }, this.subtitleText);
-    }
-    renderDescriptionText() {
-        return h("p", { class: CSS.descriptionText }, this.descriptionText);
-    }
-    renderEntryButton() {
-        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}`;
-    }
-    getIconImageScale() {
-        const { iconImageScale } = this;
-        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 };
-    }
-    checkEnableSignIn() {
-        return new Promise(resolve => {
-            if (this.enableSignIn) {
-                const signInTime = localStorage.getItem('signing-in') ? Number(localStorage.getItem('signing-in')) : null;
-                if (signInTime != null) {
-                    const minuteLimit = 2;
-                    if ((Date.now() - signInTime) / (60 * 1000) < minuteLimit) {
-                        this.open = false;
-                    }
-                    localStorage.removeItem('signing-in');
-                }
-            }
-            resolve();
-        });
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "open": ["emitToggleEvent"]
-    }; }
-    static get style() { return InstantAppsLandingPageStyle0; }
-}, [1, "instant-apps-landing-page", {
-        "titleText": [1, "title-text"],
-        "subtitleText": [1, "subtitle-text"],
-        "descriptionText": [1, "description-text"],
-        "entryButtonText": [1, "entry-button-text"],
-        "iconImage": [1, "icon-image"],
-        "iconImageScale": [1, "icon-image-scale"],
-        "iconImageAltText": [1, "icon-image-alt-text"],
-        "alignment": [1],
-        "disableTransition": [4, "disable-transition"],
-        "backgroundImageSrc": [1, "background-image-src"],
-        "open": [1028],
-        "entryButtonScale": [1, "entry-button-scale"],
-        "fontFamily": [513, "font-family"],
-        "enableSignIn": [4, "enable-sign-in"],
-        "portal": [16],
-        "oauthappid": [1]
-    }, undefined, {
-        "open": ["emitToggleEvent"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["instant-apps-landing-page", "instant-apps-sign-in"];
-    components.forEach(tagName => { switch (tagName) {
-        case "instant-apps-landing-page":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, InstantAppsLandingPage$1);
-            }
-            break;
-        case "instant-apps-sign-in":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const InstantAppsLandingPage = InstantAppsLandingPage$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { InstantAppsLandingPage, defineCustomElement };