@esri/solutions-components 0.8.3 → 0.8.5

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

@@ -1,139 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { r as registerInstance, h, a as Host, g as getElement } from './index-bdfaac50.js';
-import { g as getMessages } from './locale-4cfbae3e.js';
-import './loadModules-acccbc1c.js';
-import './esri-loader-af2bbfd5.js';
-import './_commonjsHelpers-3cd6d4ee.js';
-import './languageUtil-71a7a914.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 CSS = {
-    content: 'instant-apps-keyboard-shortcuts__content',
-};
-const InstantAppsKeyboardShortcuts = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        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, 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("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() {
-        return (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,
-                },
-                {
-                    alias: 'N',
-                    title: this === null || this === void 0 ? void 0 : this.messages.mapShortcuts.N,
-                },
-                {
-                    alias: 'A',
-                    title: this === null || this === void 0 ? void 0 : this.messages.mapShortcuts.A,
-                },
-                {
-                    alias: 'D',
-                    title: this === null || this === void 0 ? void 0 : this.messages.mapShortcuts.D,
-                },
-                {
-                    alias: '+',
-                    title: this === null || this === void 0 ? void 0 : this.messages.mapShortcuts.plus,
-                },
-                {
-                    alias: '-',
-                    title: this === null || this === void 0 ? void 0 : this.messages.mapShortcuts.minus,
-                },
-            ]
-            : [];
-    }
-    _getSceneViewCommands() {
-        var _a;
-        /* Arrow Keys(nudge), U and J are only
-         supported in global scenes*/
-        const isGlobal = ((_a = this === null || this === void 0 ? void 0 : this.view) === null || _a === void 0 ? void 0 : _a.viewingMode) === 'global' ? true : false;
-        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 ? true : false,
-                },
-                {
-                    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 ? true : false,
-                },
-                {
-                    alias: 'U',
-                    title: this === null || this === void 0 ? void 0 : this.messages.sceneShortcuts.globalCommands.U,
-                    show: isGlobal ? true : false,
-                },
-            ]
-            : [];
-        return (this === null || this === void 0 ? void 0 : this.messages)
-            ? allMessages === null || allMessages === void 0 ? void 0 : allMessages.filter(m => {
-                return m.show;
-            })
-            : [];
-    }
-    /* _parseMessageValues(data) {
-      return Object.keys(data).map(key => ({ alias: key, title: data[key] }));
-    }*/
-    _isMacLike() {
-        return /(Mac)/i.test(navigator.platform);
-    }
-    get el() { return getElement(this); }
-};
-InstantAppsKeyboardShortcuts.style = instantAppsKeyboardShortcutsCss;
-
-export { InstantAppsKeyboardShortcuts as instant_apps_keyboard_shortcuts };

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

@@ -1,114 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { r as registerInstance, e as createEvent, h, a as Host, g as getElement } from './index-bdfaac50.js';
-import { g as getFontFamily } from './styles-367380b5.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);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 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',
-    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 = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        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);';
-    }
-    emitToggleEvent() {
-        if (this.open) {
-            this.landingPageOpen.emit();
-        }
-        else {
-            this.landingPageClose.emit();
-        }
-    }
-    render() {
-        return h(Host, null, this.renderLandingPageContent());
-    }
-    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" }))));
-    }
-    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.open = false), scale: this.entryButtonScale, appearance: "outline-fill" }, this.entryButtonText ? this.entryButtonText : 'Enter'));
-    }
-    getAlignmentClass() {
-        return ` ${CSS.alignment}${this.alignment}`;
-    }
-    getIconImageScale() {
-        const { iconImageScale } = this;
-        const { s, m, l } = CSS.iconImageScale;
-        return iconImageScale === 'l' ? l : iconImageScale === 's' ? s : m;
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "open": ["emitToggleEvent"]
-    }; }
-};
-InstantAppsLandingPage.style = instantAppsLandingPageCss;
-
-export { InstantAppsLandingPage as instant_apps_landing_page };

package/dist/solutions-components/instant-apps-language-switcher.entry.js

@@ -1,173 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { r as registerInstance, e as createEvent, h, g as getElement } from './index-bdfaac50.js';
-import { g as getMessages } from './utils-32df4a1e.js';
-import { l as loadModules } from './loadModules-acccbc1c.js';
-import { a as getDefaultLanguage } from './locale-4cfbae3e.js';
-import { g as getPortalItemResource, f as fetchResourceData } from './languageSwitcher-2a9037e5.js';
-import './index-91eeaf01.js';
-import './esri-loader-af2bbfd5.js';
-import './_commonjsHelpers-3cd6d4ee.js';
-import './languageUtil-71a7a914.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 InstantAppsLanguageSwitcher = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.selectedLanguageUpdated = createEvent(this, "selectedLanguageUpdated", 7);
-        this.icon = 'language';
-        this.portalItem = undefined;
-        this.view = undefined;
-        this.locales = [];
-        this.defaultLocale = undefined;
-        this.messages = undefined;
-        this.selectedLanguage = null;
-        this.t9nData = null;
-    }
-    async componentWillLoad() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-        const [intl, WebMap, request] = await loadModules(['esri/intl', 'esri/WebMap', 'esri/request']);
-        this.intl = intl;
-        this.request = request;
-        this.messages = await getMessages(document.createElement('instant-apps-language-translator'));
-        try {
-            this.portalItemResource = (await getPortalItemResource(this.portalItem));
-            const t9nData = await fetchResourceData(request, this.portalItemResource);
-            this.t9nData = t9nData !== null && t9nData !== void 0 ? t9nData : {};
-        }
-        catch (err) {
-            this.t9nData = {};
-            console.error('NO PORTAL ITEM RESOURCE AVAILABLE.');
-        }
-        finally {
-            // Language that the app was configured in
-            this.userLocale = this.defaultLocale;
-            // Language from URL parameter
-            const params = new URLSearchParams(window.location.search);
-            const localeUrlParam = params.get('locale');
-            const localeUrlFromParamExists = ((_c = (_b = (_a = this.locales) === null || _a === void 0 ? void 0 : _a.map(locale => locale === null || locale === void 0 ? void 0 : locale.locale)) === null || _b === void 0 ? void 0 : _b.filter(localeFlag => localeFlag === localeUrlParam)) === null || _c === void 0 ? void 0 : _c.length) > 0;
-            // Browser's default language
-            const defaultLangauge = getDefaultLanguage(intl, this.portalItem.portal);
-            const localeFromDefaultLanguageExists = ((_f = (_e = (_d = this.locales) === null || _d === void 0 ? void 0 : _d.map(locale => locale === null || locale === void 0 ? void 0 : locale.locale)) === null || _e === void 0 ? void 0 : _e.filter(localeFlag => localeFlag === defaultLangauge)) === null || _f === void 0 ? void 0 : _f.length) > 0;
-            this.selectedLanguage = localeUrlFromParamExists ? localeUrlParam : localeFromDefaultLanguageExists ? defaultLangauge : this.userLocale;
-            const selectedLanguage = this.selectedLanguage;
-            if (selectedLanguage !== this.userLocale) {
-                this.calciteDropdownItemSelectCallback(selectedLanguage)();
-                this.selectedLanguageUpdated.emit({ locale: selectedLanguage, data: (_h = (_g = this.t9nData) === null || _g === void 0 ? void 0 : _g[selectedLanguage]) !== null && _h !== void 0 ? _h : null });
-            }
-            if (this.view) {
-                const webmap = this.view.map;
-                this.defaultWebMapId = (_j = webmap === null || webmap === void 0 ? void 0 : webmap.portalItem) === null || _j === void 0 ? void 0 : _j.id;
-                const translatedWebmap = (_m = (_l = (_k = this.locales) === null || _k === void 0 ? void 0 : _k.filter(localeItem => (localeItem === null || localeItem === void 0 ? void 0 : localeItem.webmap) && (localeItem === null || localeItem === void 0 ? void 0 : localeItem.webmap) !== this.defaultWebMapId && (localeItem === null || localeItem === void 0 ? void 0 : localeItem.locale) === this.selectedLanguage)) === null || _l === void 0 ? void 0 : _l[0]) === null || _m === void 0 ? void 0 : _m.webmap;
-                if (translatedWebmap) {
-                    this.view.map = new WebMap({
-                        portalItem: {
-                            id: translatedWebmap,
-                        },
-                    });
-                }
-            }
-        }
-    }
-    render() {
-        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));
-    }
-    renderDefaultLocale() {
-        const { userLocale } = this;
-        return (h("calcite-dropdown-item", { key: `default-${userLocale}`, onCalciteDropdownItemSelect: this.calciteDropdownItemSelectCallback(userLocale), selected: this.selectedLanguage === this.userLocale }, this.getSelectedLanguageText(userLocale)));
-    }
-    renderTrigger() {
-        return (h("calcite-button", { ref: node => (this.trigger = node), slot: "trigger", "icon-start": this.icon, "icon-end": "chevron-down", width: "full", appearance: "outline" }, this.getSelectedLanguageText(this.selectedLanguage)));
-    }
-    renderDropdownItems() {
-        var _a, _b;
-        return (_b = (_a = this.locales) === null || _a === void 0 ? void 0 : _a.map(localeItem => localeItem.locale)) === null || _b === void 0 ? void 0 : _b.map(translatedLanguage => this.renderDropdownItem(translatedLanguage));
-    }
-    renderDropdownItem(translatedLanguage) {
-        const text = this.getSelectedLanguageText(translatedLanguage);
-        const selected = translatedLanguage === this.selectedLanguage;
-        return (h("calcite-dropdown-item", { key: translatedLanguage, selected: selected, onCalciteDropdownItemSelect: this.calciteDropdownItemSelectCallback(translatedLanguage) }, text));
-    }
-    calciteDropdownItemSelectCallback(translatedLanguage) {
-        return async () => {
-            var _a, _b, _c, _d, _e;
-            this.selectedLanguage = translatedLanguage;
-            const { intl, selectedLanguage, t9nData, userLocale } = this;
-            const eventData = this.locales.filter(locale => locale.locale === selectedLanguage)[0];
-            if (selectedLanguage !== userLocale)
-                eventData['data'] = t9nData[translatedLanguage];
-            const params = new URLSearchParams(window.location.search);
-            if (selectedLanguage !== userLocale) {
-                // Set url parameter 'locale' with value
-                params.set('locale', this.selectedLanguage);
-            }
-            else {
-                params.delete('locale');
-            }
-            intl.setLocale(selectedLanguage);
-            if (this.view) {
-                const [WebMap] = await loadModules(['esri/WebMap']);
-                const webmap = (_b = (_a = this.locales.filter(localeItem => localeItem.locale === selectedLanguage)) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.webmap;
-                if (webmap) {
-                    this.view.map = new WebMap({
-                        portalItem: {
-                            id: webmap,
-                        },
-                    });
-                }
-                else {
-                    const currentMapId = (_e = (_d = (_c = this.view) === null || _c === void 0 ? void 0 : _c.map) === null || _d === void 0 ? void 0 : _d.portalItem) === null || _e === void 0 ? void 0 : _e.id;
-                    if (currentMapId && this.defaultWebMapId !== currentMapId) {
-                        this.view.map = new WebMap({
-                            portalItem: {
-                                id: this.defaultWebMapId,
-                            },
-                        });
-                    }
-                }
-            }
-            document.documentElement.setAttribute('lang', this.selectedLanguage);
-            const prefersRTL = this.intl.prefersRTL();
-            if (prefersRTL) {
-                document.documentElement.setAttribute('dir', 'rtl');
-            }
-            else {
-                document.documentElement.setAttribute('dir', 'ltr');
-            }
-            window.history.replaceState({}, '', decodeURIComponent(`${window.location.pathname}?${params}`));
-            this.selectedLanguageUpdated.emit(eventData);
-        };
-    }
-    getSelectedLanguageText(translatedLanguage) {
-        const { messages } = this;
-        const translatedLanguageNames = messages === null || messages === void 0 ? void 0 : messages.translatedLanguageNames;
-        const enLanguageNames = messages === null || messages === void 0 ? void 0 : messages.languages;
-        const translatedLanguageName = translatedLanguageNames === null || translatedLanguageNames === void 0 ? void 0 : translatedLanguageNames[translatedLanguage];
-        const enLanguageName = enLanguageNames === null || enLanguageNames === void 0 ? void 0 : enLanguageNames[translatedLanguage];
-        return `${translatedLanguageName} - ${enLanguageName}`;
-    }
-    /**
-     * Refreshes the component by fetching the latest translation data from the portal item resource.
-     */
-    async refresh() {
-        try {
-            const resource = (await getPortalItemResource(this.portalItem));
-            const t9nData = await fetchResourceData(this.request, resource);
-            this.t9nData = t9nData;
-            const refreshedData = { locale: this.selectedLanguage, data: t9nData[this.selectedLanguage] };
-            this.selectedLanguageUpdated.emit(refreshedData);
-        }
-        catch (_a) { }
-    }
-    get el() { return getElement(this); }
-};
-InstantAppsLanguageSwitcher.style = instantAppsLanguageSwitcherCss;
-
-export { InstantAppsLanguageSwitcher as instant_apps_language_switcher };