@esri/solutions-components 0.10.36 → 0.10.37

package/dist/cjs/calcite-action-pad_2.cjs.entry.js

@@ -199,9 +199,9 @@ const InstantAppsMeasurementTool = class {
         this._init();
     }
     render() {
-        return (index.h(index.Host, { key: '4357b8a39789ea390bedfcd96f4d21c1a0211484' }, index.h("div", { key: 'b42cca8e290ba490b8a1afca1818c9d95dfcc32b', class: CSS.base }, index.h("div", { key: '59be3dd42e293dcd8f7fa3e132fa65cfef12ffa7', ref: el => {
+        return (index.h(index.Host, { key: 'eabd8e43ae6d095e02bcc99935a2069ba620d66a' }, index.h("div", { key: '5bb33f7f1785e60e4cde37ee8ba08bae4681751d', class: CSS.base }, index.h("div", { key: '8826eb9665c17f8eed640e0bcab3cff50a02ec23', ref: el => {
                 this._measureElement = el;
-            } }), index.h("div", { key: '2ee6045804e3b7eeb3db1a5bdb5dc5d0cf15a5c8', class: CSS.hide, ref: el => {
+            } }), index.h("div", { key: '0e3b7364403866976f5e6578c08b8fdc50d1e33f', class: CSS.hide, ref: el => {
                 this._coordinateElement = el;
             } }))));
     }

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

@@ -2710,10 +2710,10 @@ const InstantAppsSocialShare = class {
         const content = this.copied && this.mode === 'popover' ? (this.renderSuccess()) : (index.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 = (index.h("div", { key: 'b23e14b1ba2ca6f64137f676aae9f19fde42260d', ref: el => (this.dialogContentRef = el), class: `${CSS.dialog}${layoutClass}${mode}` }, content));
+        const dialogContent = (index.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 (index.h(index.Host, { key: '5143e472b8381d068e6cc6f155b5c65d3aaf4c53' }, this.mode === 'popover'
+        return (index.h(index.Host, { key: 'efe99545244d7b5f9ae4065bba069c25d45beb0a' }, this.mode === 'popover'
             ? [
                 index.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/cjs/{constants-0a4fc296.js → constants-51cf394f.js}

@@ -125,6 +125,7 @@ const LANGUAGE_DATA = {
         id: {
             language: "Indonesian",
             translated: "Bahasa Indonesia",
+            supportsAutoTranslate: true,
         },
         it: {
             language: "Italian",
@@ -231,6 +232,7 @@ const LANGUAGE_DATA = {
         af: {
             language: "Afrikaans",
             translated: "Afrikaans",
+            supportsAutoTranslate: true,
         },
         ak: {
             language: "Akan",
@@ -239,10 +241,12 @@ const LANGUAGE_DATA = {
         sq: {
             language: "Albanian",
             translated: "Shqip",
+            supportsAutoTranslate: true,
         },
         am: {
             language: "Amharic",
             translated: "አማርኛ",
+            supportsAutoTranslate: true,
         },
         an: {
             language: "Aragonese",
@@ -251,10 +255,12 @@ const LANGUAGE_DATA = {
         hy: {
             language: "Armenian",
             translated: "Հայերեն",
+            supportsAutoTranslate: true,
         },
         as: {
             language: "Assamese",
             translated: "অসমীয়া",
+            supportsAutoTranslate: true,
         },
         av: {
             language: "Avaric",
@@ -279,10 +285,12 @@ const LANGUAGE_DATA = {
         ba: {
             language: "Bashkir",
             translated: "Башҡорт теле",
+            supportsAutoTranslate: true,
         },
         eu: {
             language: "Basque",
             translated: "euskara",
+            supportsAutoTranslate: true,
         },
         be: {
             language: "Belarusian",
@@ -343,6 +351,7 @@ const LANGUAGE_DATA = {
         dv: {
             language: "Divehi",
             translated: "ދިވެހި",
+            supportsAutoTranslate: true,
         },
         eo: {
             language: "Esperanto",
@@ -355,6 +364,7 @@ const LANGUAGE_DATA = {
         fo: {
             language: "Faroese",
             translated: "føroyskt",
+            supportsAutoTranslate: true,
         },
         fj: {
             language: "Fijian",
@@ -367,10 +377,12 @@ const LANGUAGE_DATA = {
         gl: {
             language: "Galician",
             translated: "galego",
+            supportsAutoTranslate: true,
         },
         ka: {
             language: "Georgian",
             translated: "ქართული",
+            supportsAutoTranslate: true,
         },
         gn: {
             language: "Guarani",
@@ -379,14 +391,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",
@@ -403,6 +418,7 @@ const LANGUAGE_DATA = {
         is: {
             language: "Icelandic",
             translated: "Íslenska",
+            supportsAutoTranslate: true,
         },
         io: {
             language: "Ido",
@@ -411,6 +427,7 @@ const LANGUAGE_DATA = {
         ig: {
             language: "Igbo",
             translated: "Asụsụ Igbo",
+            supportsAutoTranslate: true,
         },
         ia: {
             language: "Interlingua",
@@ -423,6 +440,7 @@ const LANGUAGE_DATA = {
         iu: {
             language: "Inuktitut",
             translated: "ᐃᓄᒃᑎᑐᑦ",
+            supportsAutoTranslate: true,
         },
         ip: {
             language: "Inupiaq",
@@ -431,6 +449,7 @@ const LANGUAGE_DATA = {
         ga: {
             language: "Irish",
             translated: "Gaeilge",
+            supportsAutoTranslate: true,
         },
         jv: {
             language: "Javanese",
@@ -443,6 +462,7 @@ const LANGUAGE_DATA = {
         kn: {
             language: "Kannada",
             translated: "ಕನ್ನಡ",
+            supportsAutoTranslate: true,
         },
         kr: {
             language: "Kanuri",
@@ -451,14 +471,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",
@@ -467,6 +490,7 @@ const LANGUAGE_DATA = {
         rw: {
             language: "Kinyarwanda",
             translated: "Kinyarwanda",
+            supportsAutoTranslate: true,
         },
         rn: {
             language: "Kirundi",
@@ -483,6 +507,7 @@ const LANGUAGE_DATA = {
         ku: {
             language: "Kurdish",
             translated: "Kurdî",
+            supportsAutoTranslate: true,
         },
         kj: {
             language: "Kwanyama",
@@ -495,6 +520,7 @@ const LANGUAGE_DATA = {
         lo: {
             language: "Lao",
             translated: "ພາສາລາວ",
+            supportsAutoTranslate: true,
         },
         la: {
             language: "Latin",
@@ -523,22 +549,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",
@@ -547,10 +578,12 @@ const LANGUAGE_DATA = {
         mi: {
             language: "Maori",
             translated: "te reo Māori",
+            supportsAutoTranslate: true,
         },
         mr: {
             language: "Marathi",
             translated: "मराठी",
+            supportsAutoTranslate: true,
         },
         mh: {
             language: "Marshallese",
@@ -575,6 +608,7 @@ const LANGUAGE_DATA = {
         ne: {
             language: "Nepali",
             translated: "नेपाली",
+            supportsAutoTranslate: true,
         },
         nd: {
             language: "North Ndebele",
@@ -607,6 +641,7 @@ const LANGUAGE_DATA = {
         or: {
             language: "Oriya",
             translated: "ଓଡ଼ିଆ",
+            supportsAutoTranslate: true,
         },
         om: {
             language: "Oromo",
@@ -627,10 +662,12 @@ const LANGUAGE_DATA = {
         ps: {
             language: "Pashto",
             translated: "پښتو",
+            supportsAutoTranslate: true,
         },
         fa: {
             language: "Persian",
             translated: "فارسی",
+            supportsAutoTranslate: true,
         },
         qu: {
             language: "Quechua",
@@ -643,6 +680,7 @@ const LANGUAGE_DATA = {
         sm: {
             language: "Samoan",
             translated: "gagana fa'a Samoa",
+            supportsAutoTranslate: true,
         },
         sg: {
             language: "Sango",
@@ -667,14 +705,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",
@@ -691,6 +732,7 @@ const LANGUAGE_DATA = {
         sw: {
             language: "Swahili",
             translated: "Kiswahili",
+            supportsAutoTranslate: true,
         },
         ss: {
             language: "Swati",
@@ -703,6 +745,7 @@ const LANGUAGE_DATA = {
         ty: {
             language: "Tahitian",
             translated: "Reo Tahiti",
+            supportsAutoTranslate: true,
         },
         tg: {
             language: "Tajik",
@@ -711,26 +754,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",
@@ -743,6 +792,7 @@ const LANGUAGE_DATA = {
         tk: {
             language: "Turkmen",
             translated: "Türkmen",
+            supportsAutoTranslate: true,
         },
         tw: {
             language: "Twi",
@@ -755,10 +805,12 @@ const LANGUAGE_DATA = {
         ur: {
             language: "Urdu",
             translated: "اردو",
+            supportsAutoTranslate: true,
         },
         uz: {
             language: "Uzbek",
             translated: "O'zbek",
+            supportsAutoTranslate: true,
         },
         ve: {
             language: "Venda",
@@ -775,6 +827,7 @@ const LANGUAGE_DATA = {
         cy: {
             language: "Welsh",
             translated: "Cymraeg",
+            supportsAutoTranslate: true,
         },
         fy: {
             language: "Western Frisian",
@@ -787,6 +840,7 @@ const LANGUAGE_DATA = {
         xh: {
             language: "Xhosa",
             translated: "isiXhosa",
+            supportsAutoTranslate: true,
         },
         yi: {
             language: "Yiddish",
@@ -795,6 +849,7 @@ const LANGUAGE_DATA = {
         yo: {
             language: "Yoruba",
             translated: "Yorùbá",
+            supportsAutoTranslate: true,
         },
         za: {
             language: "Zhuang",
@@ -803,6 +858,7 @@ const LANGUAGE_DATA = {
         zu: {
             language: "Zulu",
             translated: "isiZulu",
+            supportsAutoTranslate: true,
         },
     },
 };

package/dist/cjs/{helpers-415179ad.js → helpers-afcac967.js}

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

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

@@ -17,16 +17,19 @@ require('./languageUtil-a3e1eafd.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 = {
@@ -37,6 +40,9 @@ const CSS = {
 const InstantAppsAppGuide = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        /**
+         * Private Variables
+         */
         this._viewModel = new AppGuideViewModel();
         this.header = true;
         this.data = undefined;
@@ -44,19 +50,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() {
         locale.getMessages(this);
     }
     render() {
-        return (index.h(index.Host, { key: '3c6bf465e2543e62f8e991a22a4f8b8420556285' }, index.h("calcite-panel", { key: '15a145d4f930de4325716dcd8b73fdcbbe5fa31e', scale: "s" }, this._renderAppGuideHeader(), index.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 (index.h(index.Host, { key: 'a6969274bbb9e917869c4c09910ef04b2d40c49a' }, index.h("calcite-panel", { key: 'f203f430978eed0db5aa0058ae53bd811ba0fdfe', scale: "s" }, header, index.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;
@@ -98,7 +110,8 @@ const InstantAppsAppGuide = class {
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
-        "data": ["watchPropHandler"]
+        "data": ["watchPropHandler"],
+        "headerText": ["watchStateHandler"]
     }; }
 };
 InstantAppsAppGuide.style = InstantAppsAppGuideStyle0;