@esri/solutions-components 0.10.36 → 0.10.37

package/dist/esm/calcite-block_5.entry.js

@@ -2706,10 +2706,10 @@ const InstantAppsSocialShare = class {
         const content = this.copied && this.mode === 'popover' ? (this.renderSuccess()) : (h("div", { class: CSS.dialogContent }, this.renderOptions(), this.displayTipText ? this.renderTip() : null, this.embed ? this.renderEmbed() : null));
         const layoutClass = this.shareIconsLayout === 'vertical' ? ` ${CSS.layout.vertical}` : ` ${CSS.layout.horizontal}`;
         const mode = ` calcite-mode-${!!this.el.closest(CALCITE_MODE_DARK) ? 'dark' : 'light'}`;
-        const dialogContent = (h("div", { key: 'b23e14b1ba2ca6f64137f676aae9f19fde42260d', ref: el => (this.dialogContentRef = el), class: `${CSS.dialog}${layoutClass}${mode}` }, content));
+        const dialogContent = (h("div", { key: 'f205f0e614bc6c4a645f7047951979f88b8c61e3', ref: el => (this.dialogContentRef = el), class: `${CSS.dialog}${layoutClass}${mode}` }, content));
         const defaultOffset = 6;
         const offsetDistance = this.removePopoverOffset ? 0 : defaultOffset;
-        return (h(Host, { key: '5143e472b8381d068e6cc6f155b5c65d3aaf4c53' }, this.mode === 'popover'
+        return (h(Host, { key: 'efe99545244d7b5f9ae4065bba069c25d45beb0a' }, this.mode === 'popover'
             ? [
                 h("calcite-popover", { ref: (el) => (this.popoverRef = el), label: (_b = (_a = this.messages) === null || _a === void 0 ? void 0 : _a.share) === null || _b === void 0 ? void 0 : _b.label, referenceElement: "shareButton", placement: "bottom-start", scale: this.scale, "overlay-positioning": this.popoverPositioning, "offset-distance": offsetDistance, "pointer-disabled": this.removePopoverOffset }, dialogContent),
                 this.renderButton(),

package/dist/esm/{constants-045d6a1b.js → constants-886c7c2c.js}

@@ -123,6 +123,7 @@ const LANGUAGE_DATA = {
         id: {
             language: "Indonesian",
             translated: "Bahasa Indonesia",
+            supportsAutoTranslate: true,
         },
         it: {
             language: "Italian",
@@ -229,6 +230,7 @@ const LANGUAGE_DATA = {
         af: {
             language: "Afrikaans",
             translated: "Afrikaans",
+            supportsAutoTranslate: true,
         },
         ak: {
             language: "Akan",
@@ -237,10 +239,12 @@ const LANGUAGE_DATA = {
         sq: {
             language: "Albanian",
             translated: "Shqip",
+            supportsAutoTranslate: true,
         },
         am: {
             language: "Amharic",
             translated: "አማርኛ",
+            supportsAutoTranslate: true,
         },
         an: {
             language: "Aragonese",
@@ -249,10 +253,12 @@ const LANGUAGE_DATA = {
         hy: {
             language: "Armenian",
             translated: "Հայերեն",
+            supportsAutoTranslate: true,
         },
         as: {
             language: "Assamese",
             translated: "অসমীয়া",
+            supportsAutoTranslate: true,
         },
         av: {
             language: "Avaric",
@@ -277,10 +283,12 @@ const LANGUAGE_DATA = {
         ba: {
             language: "Bashkir",
             translated: "Башҡорт теле",
+            supportsAutoTranslate: true,
         },
         eu: {
             language: "Basque",
             translated: "euskara",
+            supportsAutoTranslate: true,
         },
         be: {
             language: "Belarusian",
@@ -341,6 +349,7 @@ const LANGUAGE_DATA = {
         dv: {
             language: "Divehi",
             translated: "ދިވެހި",
+            supportsAutoTranslate: true,
         },
         eo: {
             language: "Esperanto",
@@ -353,6 +362,7 @@ const LANGUAGE_DATA = {
         fo: {
             language: "Faroese",
             translated: "føroyskt",
+            supportsAutoTranslate: true,
         },
         fj: {
             language: "Fijian",
@@ -365,10 +375,12 @@ const LANGUAGE_DATA = {
         gl: {
             language: "Galician",
             translated: "galego",
+            supportsAutoTranslate: true,
         },
         ka: {
             language: "Georgian",
             translated: "ქართული",
+            supportsAutoTranslate: true,
         },
         gn: {
             language: "Guarani",
@@ -377,14 +389,17 @@ const LANGUAGE_DATA = {
         gu: {
             language: "Gujarati",
             translated: "ગુજરાતી",
+            supportsAutoTranslate: true,
         },
         ht: {
-            language: "Haitian",
+            language: "Haitian Creole",
             translated: "Kreyòl Ayisyen",
+            supportsAutoTranslate: true,
         },
         ha: {
             language: "Hausa",
             translated: "هَوُسَ",
+            supportsAutoTranslate: true,
         },
         hz: {
             language: "Herero",
@@ -401,6 +416,7 @@ const LANGUAGE_DATA = {
         is: {
             language: "Icelandic",
             translated: "Íslenska",
+            supportsAutoTranslate: true,
         },
         io: {
             language: "Ido",
@@ -409,6 +425,7 @@ const LANGUAGE_DATA = {
         ig: {
             language: "Igbo",
             translated: "Asụsụ Igbo",
+            supportsAutoTranslate: true,
         },
         ia: {
             language: "Interlingua",
@@ -421,6 +438,7 @@ const LANGUAGE_DATA = {
         iu: {
             language: "Inuktitut",
             translated: "ᐃᓄᒃᑎᑐᑦ",
+            supportsAutoTranslate: true,
         },
         ip: {
             language: "Inupiaq",
@@ -429,6 +447,7 @@ const LANGUAGE_DATA = {
         ga: {
             language: "Irish",
             translated: "Gaeilge",
+            supportsAutoTranslate: true,
         },
         jv: {
             language: "Javanese",
@@ -441,6 +460,7 @@ const LANGUAGE_DATA = {
         kn: {
             language: "Kannada",
             translated: "ಕನ್ನಡ",
+            supportsAutoTranslate: true,
         },
         kr: {
             language: "Kanuri",
@@ -449,14 +469,17 @@ const LANGUAGE_DATA = {
         ks: {
             language: "Kashmiri",
             translated: "कश्मीरी",
+            supportsAutoTranslate: true,
         },
         kk: {
             language: "Kazakh",
             translated: "қазақ тілі",
+            supportsAutoTranslate: true,
         },
         km: {
             language: "Khmer",
             translated: "ខ្មែរ",
+            supportsAutoTranslate: true,
         },
         ki: {
             language: "Kikuyu",
@@ -465,6 +488,7 @@ const LANGUAGE_DATA = {
         rw: {
             language: "Kinyarwanda",
             translated: "Kinyarwanda",
+            supportsAutoTranslate: true,
         },
         rn: {
             language: "Kirundi",
@@ -481,6 +505,7 @@ const LANGUAGE_DATA = {
         ku: {
             language: "Kurdish",
             translated: "Kurdî",
+            supportsAutoTranslate: true,
         },
         kj: {
             language: "Kwanyama",
@@ -493,6 +518,7 @@ const LANGUAGE_DATA = {
         lo: {
             language: "Lao",
             translated: "ພາສາລາວ",
+            supportsAutoTranslate: true,
         },
         la: {
             language: "Latin",
@@ -521,22 +547,27 @@ const LANGUAGE_DATA = {
         mk: {
             language: "Macedonian",
             translated: "македонски јазик",
+            supportsAutoTranslate: true,
         },
         mg: {
             language: "Malagasy",
             translated: "fiteny malagasy",
+            supportsAutoTranslate: true,
         },
         ms: {
             language: "Malay",
             translated: "Bahasa Melayu",
+            supportsAutoTranslate: true,
         },
         ml: {
             language: "Malayalam",
             translated: "മലയാളം",
+            supportsAutoTranslate: true,
         },
         mt: {
             language: "Maltese",
             translated: "Malti",
+            supportsAutoTranslate: true,
         },
         gv: {
             language: "Manx",
@@ -545,10 +576,12 @@ const LANGUAGE_DATA = {
         mi: {
             language: "Maori",
             translated: "te reo Māori",
+            supportsAutoTranslate: true,
         },
         mr: {
             language: "Marathi",
             translated: "मराठी",
+            supportsAutoTranslate: true,
         },
         mh: {
             language: "Marshallese",
@@ -573,6 +606,7 @@ const LANGUAGE_DATA = {
         ne: {
             language: "Nepali",
             translated: "नेपाली",
+            supportsAutoTranslate: true,
         },
         nd: {
             language: "North Ndebele",
@@ -605,6 +639,7 @@ const LANGUAGE_DATA = {
         or: {
             language: "Oriya",
             translated: "ଓଡ଼ିଆ",
+            supportsAutoTranslate: true,
         },
         om: {
             language: "Oromo",
@@ -625,10 +660,12 @@ const LANGUAGE_DATA = {
         ps: {
             language: "Pashto",
             translated: "پښتو",
+            supportsAutoTranslate: true,
         },
         fa: {
             language: "Persian",
             translated: "فارسی",
+            supportsAutoTranslate: true,
         },
         qu: {
             language: "Quechua",
@@ -641,6 +678,7 @@ const LANGUAGE_DATA = {
         sm: {
             language: "Samoan",
             translated: "gagana fa'a Samoa",
+            supportsAutoTranslate: true,
         },
         sg: {
             language: "Sango",
@@ -665,14 +703,17 @@ const LANGUAGE_DATA = {
         sd: {
             language: "Sindhi",
             translated: "सिन्धी",
+            supportsAutoTranslate: true,
         },
         si: {
             language: "Sinhala",
             translated: "සිංහල",
+            supportsAutoTranslate: true,
         },
         so: {
             language: "Somali",
             translated: "Soomaaliga",
+            supportsAutoTranslate: true,
         },
         nr: {
             language: "South Ndebele",
@@ -689,6 +730,7 @@ const LANGUAGE_DATA = {
         sw: {
             language: "Swahili",
             translated: "Kiswahili",
+            supportsAutoTranslate: true,
         },
         ss: {
             language: "Swati",
@@ -701,6 +743,7 @@ const LANGUAGE_DATA = {
         ty: {
             language: "Tahitian",
             translated: "Reo Tahiti",
+            supportsAutoTranslate: true,
         },
         tg: {
             language: "Tajik",
@@ -709,26 +752,32 @@ const LANGUAGE_DATA = {
         ta: {
             language: "Tamil",
             translated: "தமிழ்",
+            supportsAutoTranslate: true,
         },
         tt: {
             language: "Tatar",
             translated: "татар теле",
+            supportsAutoTranslate: true,
         },
         te: {
             language: "Telugu",
             translated: "తెలుగు",
+            supportsAutoTranslate: true,
         },
         bo: {
             language: "Tibetan",
             translated: "བོད་ཡིག",
+            supportsAutoTranslate: true,
         },
         ti: {
             language: "Tigrinya",
             translated: "ትግርኛ",
+            supportsAutoTranslate: true,
         },
         to: {
             language: "Tonga",
             translated: "faka Tonga",
+            supportsAutoTranslate: true,
         },
         ts: {
             language: "Tsonga",
@@ -741,6 +790,7 @@ const LANGUAGE_DATA = {
         tk: {
             language: "Turkmen",
             translated: "Türkmen",
+            supportsAutoTranslate: true,
         },
         tw: {
             language: "Twi",
@@ -753,10 +803,12 @@ const LANGUAGE_DATA = {
         ur: {
             language: "Urdu",
             translated: "اردو",
+            supportsAutoTranslate: true,
         },
         uz: {
             language: "Uzbek",
             translated: "O'zbek",
+            supportsAutoTranslate: true,
         },
         ve: {
             language: "Venda",
@@ -773,6 +825,7 @@ const LANGUAGE_DATA = {
         cy: {
             language: "Welsh",
             translated: "Cymraeg",
+            supportsAutoTranslate: true,
         },
         fy: {
             language: "Western Frisian",
@@ -785,6 +838,7 @@ const LANGUAGE_DATA = {
         xh: {
             language: "Xhosa",
             translated: "isiXhosa",
+            supportsAutoTranslate: true,
         },
         yi: {
             language: "Yiddish",
@@ -793,6 +847,7 @@ const LANGUAGE_DATA = {
         yo: {
             language: "Yoruba",
             translated: "Yorùbá",
+            supportsAutoTranslate: true,
         },
         za: {
             language: "Zhuang",
@@ -801,6 +856,7 @@ const LANGUAGE_DATA = {
         zu: {
             language: "Zulu",
             translated: "isiZulu",
+            supportsAutoTranslate: true,
         },
     },
 };

package/dist/esm/{helpers-f9bf9c0b.js → helpers-91087955.js}

@@ -79,7 +79,7 @@ async function getMergedEffect(presetLayerEffect, featureLayerView, type) {
     return mergedEffect;
 }
 
-const InteractiveLegendStore = createStore({ data: {}, relationshipRampExpandStates: {} });
+const InteractiveLegendStore = createStore({ data: {}, relationshipRampExpandStates: {}, compact: false });
 const interactiveLegendState = InteractiveLegendStore.state;
 const store = InteractiveLegendStore;
 

package/dist/esm/instant-apps-app-guide.entry.js

@@ -13,16 +13,19 @@ import './languageUtil-2b6e191a.js';
 class AppGuideViewModel {
     constructor() {
         this.pages = [];
+        this.headerText = '';
+        this.pages = [];
     }
-    addPage(page) {
-        this.pages = [...this.pages, page];
+    setPages(pages) {
+        this.pages = pages;
+        this.setDefaultHeaderText();
     }
-    removePage(page) {
-        this.pages = this.pages.filter(p => p !== page);
+    setDefaultHeaderText() {
+        this.headerText = !!this.pages.length ? this.pages[0].title : '';
     }
 }
 
-const instantAppsAppGuideCss = ":host{--instant-apps-app-guide-width:300px;--instant-apps-app-guide-height:400px;--instant-apps-app-guide-list-item-bubble-size:22px;width:var(--instant-apps-app-guide-width);height:var(--instant-apps-app-guide-height);display:block}:host calcite-panel{max-width:var(--instant-apps-app-guide-width);max-height:var(--instant-apps-app-guide-height);display:flex}:host calcite-carousel{flex:1;overflow:scroll;height:-moz-fit-content;height:fit-content;background-color:var(--calcite-color-foreground-1)}:host [slot=header-content]{display:flex;gap:var(--calcite-spacing-sm);padding-inline-start:0.25rem}:host .content-heading{font-weight:var(--calcite-font-weight-bold);display:flex;gap:var(--calcite-spacing-sm);line-height:var(--calcite-font-line-height-fixed-lg)}:host calcite-carousel-item{flex-grow:1;display:flex;flex-direction:column}:host .instant-apps-app-guide__content-wrapper{padding-block-start:0.5rem;padding-inline:0.5rem;flex-shrink:1;flex-grow:0}:host calcite-icon{--calcite-ui-icon-color:var(--calcite-color-brand)}:host .instant-apps-app-guide__content-list{counter-set:item-counter;margin-inline:0;padding-inline-start:var(--calcite-spacing-xxxl);padding-inline-end:var(--calcite-spacing-lg);position:relative}:host .instant-apps-app-guide__content-list .instant-apps-app-guide__content-list--item{counter-increment:item-counter;margin-block-start:var(--calcite-spacing-lg);display:flex;align-items:flex-start}:host .instant-apps-app-guide__content-list .instant-apps-app-guide__content-list--item::before{content:counter(item-counter);background-color:var(--calcite-color-text-2);color:var(--calcite-color-text-inverse);line-height:var(--calcite-font-line-height-fixed-xl);width:var(--instant-apps-app-guide-list-item-bubble-size);left:0;border-radius:var(--calcite-corner-radius-pill);display:flex;justify-content:center;font-size:var(--calcite-font-size-sm);position:absolute;max-height:var(--instant-apps-app-guide-list-item-bubble-size)}:host .instant-apps-app-guide__content-list .instant-apps-app-guide__content-list--item::marker{color:var(--calcite-color-transparent)}";
+const instantAppsAppGuideCss = ":host{--instant-apps-app-guide-width:300px;--instant-apps-app-guide-height:400px;--instant-apps-app-guide-list-item-bubble-size:22px;width:var(--instant-apps-app-guide-width);height:var(--instant-apps-app-guide-height);display:block}:host calcite-panel{max-width:var(--instant-apps-app-guide-width);max-height:var(--instant-apps-app-guide-height);display:flex}:host calcite-carousel{flex:1;overflow:scroll;height:-moz-fit-content;height:fit-content;background-color:var(--calcite-color-foreground-1)}:host [slot=header-content]{display:flex;gap:var(--calcite-spacing-sm);padding-inline-start:0.25rem;font-weight:var(--calcite-font-weight-bold)}:host calcite-carousel-item{flex-grow:1;display:flex;flex-direction:column}:host .instant-apps-app-guide__content-wrapper{padding-block-start:0.5rem;padding-inline:0.5rem;flex-shrink:1;flex-grow:0}:host calcite-icon{--calcite-ui-icon-color:var(--calcite-color-brand)}:host .instant-apps-app-guide__content-list{counter-set:item-counter;margin-inline:0;padding-inline-start:var(--calcite-spacing-xxxl);padding-inline-end:var(--calcite-spacing-lg);position:relative}:host .instant-apps-app-guide__content-list .instant-apps-app-guide__content-list--item{counter-increment:item-counter;margin-block-start:var(--calcite-spacing-lg);display:flex;align-items:flex-start}:host .instant-apps-app-guide__content-list .instant-apps-app-guide__content-list--item::before{content:counter(item-counter);background-color:var(--calcite-color-text-2);color:var(--calcite-color-text-inverse);line-height:var(--calcite-font-line-height-fixed-xl);width:var(--instant-apps-app-guide-list-item-bubble-size);left:0;border-radius:var(--calcite-corner-radius-pill);display:flex;justify-content:center;font-size:var(--calcite-font-size-sm);position:absolute;max-height:var(--instant-apps-app-guide-list-item-bubble-size)}:host .instant-apps-app-guide__content-list .instant-apps-app-guide__content-list--item::marker{color:var(--calcite-color-transparent)}";
 const InstantAppsAppGuideStyle0 = instantAppsAppGuideCss;
 
 const CSS = {
@@ -33,6 +36,9 @@ const CSS = {
 const InstantAppsAppGuide = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        /**
+         * Private Variables
+         */
         this._viewModel = new AppGuideViewModel();
         this.header = true;
         this.data = undefined;
@@ -40,19 +46,25 @@ const InstantAppsAppGuide = class {
         this.headerText = undefined;
     }
     watchPropHandler(newValue) {
-        this._viewModel.pages = newValue;
-        this._updateHeaderText();
+        this._setContent(newValue);
+    }
+    watchStateHandler(newValue) {
+        this._viewModel.headerText = newValue;
     }
-    connectedCallback() {
-        var _a, _b, _c, _d;
-        this._viewModel.pages = (this === null || this === void 0 ? void 0 : this.data) || [];
-        this.headerText = (_c = (_b = (_a = this === null || this === void 0 ? void 0 : this.data) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.title) !== null && _c !== void 0 ? _c : (_d = this === null || this === void 0 ? void 0 : this.messages) === null || _d === void 0 ? void 0 : _d.headerText;
+    componentWillLoad() {
+        this._setContent(this === null || this === void 0 ? void 0 : this.data);
     }
     componentDidLoad() {
         getMessages(this);
     }
     render() {
-        return (h(Host, { key: '3c6bf465e2543e62f8e991a22a4f8b8420556285' }, h("calcite-panel", { key: '15a145d4f930de4325716dcd8b73fdcbbe5fa31e', scale: "s" }, this._renderAppGuideHeader(), h("calcite-carousel", { key: '8f962b828f76b8a68f19b71fb79d3f4c93420e38', onCalciteCarouselChange: () => this._updateHeaderText(), ref: el => this._carouselRef = el, "arrow-type": this._getArrowType() }, this._renderAppGuidePages(this._viewModel.pages)))));
+        const pages = this._renderAppGuidePages(this._viewModel.pages);
+        const header = this._renderAppGuideHeader();
+        return (h(Host, { key: 'a6969274bbb9e917869c4c09910ef04b2d40c49a' }, h("calcite-panel", { key: 'f203f430978eed0db5aa0058ae53bd811ba0fdfe', scale: "s" }, header, h("calcite-carousel", { key: 'afd572b169f27b03616e568b9146cb2e52f04cae', onCalciteCarouselChange: () => this._updateHeaderText(), ref: el => this._carouselRef = el, "arrow-type": this._getArrowType() }, pages))));
+    }
+    _setContent(content) {
+        this._viewModel.setPages(content);
+        this.headerText = this._viewModel.headerText;
     }
     _updateHeaderText() {
         var _a;
@@ -94,7 +106,8 @@ const InstantAppsAppGuide = class {
     }
     get el() { return getElement(this); }
     static get watchers() { return {
-        "data": ["watchPropHandler"]
+        "data": ["watchPropHandler"],
+        "headerText": ["watchStateHandler"]
     }; }
 };
 InstantAppsAppGuide.style = InstantAppsAppGuideStyle0;