@esri/solutions-components 0.8.24 → 0.8.26

package/dist/cjs/calcite-shell-panel_14.cjs.entry.js

@@ -1930,7 +1930,7 @@ const JsonEditor = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: 'df3dd7531bfc6256919c3d5f14b5f2837fda5aac' }, index.h("div", { key: '9dd13f859e92b7cbe719da36f71428e9a44514aa', id: `${this.instanceid}-editor-container`, class: "editor-container padding-right" }, index.h("div", { key: '3762323a88ada57aeb6483d1f510ae7b64ed7095', class: "editor-controls" }, index.h("div", { key: '754caf059ecaffdc08f1bd46e496e44ea4cca274', class: "editor-buttons" }, index.h("calcite-icon", { key: '96620de487619db0a3f893ed91dbc7a0aff72517', id: `${this.instanceid}-errorFlag`, icon: "exclamation-mark-triangle", title: this._translations.errorFlag, scale: "s", class: "edit-error-flag" }), index.h("calcite-button", { key: 'ef437976e3a198319885ae42f241f19206f5675b', id: `${this.instanceid}-undo`, color: "blue", appearance: "solid", title: this._translations.undo, onClick: () => this._undo(), scale: "s", class: "edit-button" }, index.h("calcite-icon", { key: '168ad569ab54238f0cb7a9b3c33f2186ad44dbc5', icon: "undo", scale: "s" })), index.h("calcite-button", { key: 'f1fd90dccdc0f1e0645e383d547dd0d68e55bd93', id: `${this.instanceid}-redo`, color: "blue", appearance: "solid", title: this._translations.redo, onClick: () => this._redo(), scale: "s", class: "edit-button" }, index.h("calcite-icon", { key: 'c3fe8f81cd0a383da9c0b7538b88b69995da83e8', icon: "redo", scale: "s" })), index.h("calcite-button", { key: '3a23491a976b9cc9e21df4f693044c16e0fa896a', id: `${this.instanceid}-diff`, color: "blue", appearance: "solid", title: this._translations.diff, onClick: () => this._toggleEditor(), scale: "s", class: "edit-button" }, index.h("calcite-icon", { key: '35fe88eaeb9af26991817d882691ee8462a131c5', icon: "compare", scale: "s" })), index.h("calcite-button", { key: '8091d794c5d9e0c1d7a7a6bd21cd690e3eaf83e5', id: `${this.instanceid}-search`, appearance: "outline", color: "blue", title: this._translations.search, onClick: () => this._search(), scale: "s", class: "edit-button" }, index.h("calcite-icon", { key: 'bff6d836ca319f8c1fe440117d6d983c07dd8106', icon: "search", scale: "s" })), index.h("calcite-button", { key: '44e7d523d29fb3f92f6b10b101d43239b5c7919c', id: `${this.instanceid}-reset`, color: "blue", appearance: "solid", disabled: true, title: this._translations.cancelEdits, onClick: () => this._reset(), scale: "s", class: "edit-button" }, index.h("calcite-icon", { key: 'e6bfea7cd2574929917204f74ed924dc8072befb', icon: "reset", scale: "s" })))), index.h("div", { key: 'a0cbb47b3f6ed02839fdbf65ab62d50c16a44107', class: "edit-parent" }, index.h("div", { key: '07ac2b80bd612fb86b8970cfbf9be080d1f574eb', id: `${this.instanceid}-container`, class: "json-edit-container" }), index.h("div", { key: 'd98d705059fd769906f695298f7dc11cc96ebc2a', id: `${this.instanceid}-diff-container`, class: "json-edit-container display-none" })))));
+        return (index.h(index.Host, { key: '160ba6c2961d67add84b4f23b4aacd2213d064b2' }, index.h("div", { key: 'bf0a77eed1d206376244526db6a261cce163ca69', id: `${this.instanceid}-editor-container`, class: "editor-container padding-right" }, index.h("div", { key: '65a0f2f69d4b7f9694a6617755c638d9ad19e168', class: "editor-controls" }, index.h("div", { key: '3fccc399a3e2a45fe55a374c869a7a7c7533eafc', class: "editor-buttons" }, index.h("calcite-icon", { key: '5007e48c8ecf9d5a037e062bbb3b5ee3710b18eb', id: `${this.instanceid}-errorFlag`, icon: "exclamation-mark-triangle", title: this._translations.errorFlag, scale: "s", class: "edit-error-flag" }), index.h("calcite-button", { key: '37f8abf8027e0743e373de473421d06884f61d0b', id: `${this.instanceid}-undo`, color: "blue", appearance: "solid", title: this._translations.undo, onClick: () => this._undo(), scale: "s", class: "edit-button" }, index.h("calcite-icon", { key: '31c88e27793f4e07ccc20df6d6c88fa0d6661977', icon: "undo", scale: "s" })), index.h("calcite-button", { key: '56a5945e706a5c66044678f768d567286893c7b1', id: `${this.instanceid}-redo`, color: "blue", appearance: "solid", title: this._translations.redo, onClick: () => this._redo(), scale: "s", class: "edit-button" }, index.h("calcite-icon", { key: 'b2a2d56e6818ee09be15114fcab357732f9f0c99', icon: "redo", scale: "s" })), index.h("calcite-button", { key: '63acf48f78d1f9cdcd86c5862e399be2217a16c1', id: `${this.instanceid}-diff`, color: "blue", appearance: "solid", title: this._translations.diff, onClick: () => this._toggleEditor(), scale: "s", class: "edit-button" }, index.h("calcite-icon", { key: '677f9c42bbb449fb51325a9dd4b60affd8a73cd7', icon: "compare", scale: "s" })), index.h("calcite-button", { key: '7cf8fac59ad4096ed541bfd1e6454cec70890c72', id: `${this.instanceid}-search`, appearance: "outline", color: "blue", title: this._translations.search, onClick: () => this._search(), scale: "s", class: "edit-button" }, index.h("calcite-icon", { key: '1e2e4290e7b7254a533a99d85ea2745050b22e55', icon: "search", scale: "s" })), index.h("calcite-button", { key: 'ec656bcb0a64a6ff6a42760710f8067eae18b9a5', id: `${this.instanceid}-reset`, color: "blue", appearance: "solid", disabled: true, title: this._translations.cancelEdits, onClick: () => this._reset(), scale: "s", class: "edit-button" }, index.h("calcite-icon", { key: '0210b400f5934c68c45fe61f4bf11d3efca97333', icon: "reset", scale: "s" })))), index.h("div", { key: 'd14efe742fe79b18a436bf522e33924c2a7e72d5', class: "edit-parent" }, index.h("div", { key: 'e550bbc5968b71701220a44cba17afa9f5f61c48', id: `${this.instanceid}-container`, class: "json-edit-container" }), index.h("div", { key: '9778b7229d2f3ec994c8a8d707a7f7b394697823', id: `${this.instanceid}-diff-container`, class: "json-edit-container display-none" })))));
     }
     //--------------------------------------------------------------------------
     //
@@ -2282,7 +2282,7 @@ const SolutionItemDetails = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: 'c2d4d6748f373f1a049c293c6bfbf42c665c44bc' }, index.h("div", { key: '3d4b02e2a8a7763c431db6472c76d59c9b5fb671', class: "parent-container" }, index.h("div", { key: '9ffff3568196ccba37fcf276592ce9f94ddc9c0b', class: "inputBottomSeparation" }, index.h("calcite-input", { key: '17bb0b1fe9d7dad19193fba0295690be6b5fdb8d', id: "item-title", value: this.itemDetails.title })), index.h("div", { key: '5253426dfb3cb6731b168c1cf30b9dda1b6443e6', class: "inputBottomSeparation" }, index.h("input", { key: '3873df3d3a0e3ed05d70c1f346fce2ef1bbee958', accept: ".jpg,.gif,.png,image/jpg,image/gif,image/png", class: "display-none", onChange: (event) => (this._updateThumbnail(event)), ref: (el) => (this.browseForThumbnail = el), type: "file" }), index.h("button", { key: '225d97f61b22b60de39dbda5cc9e379ab03312b6', class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, index.h("svg", { key: '03e946e17f8f62295ff9c4fb578882658c542fb0', class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, index.h("path", { key: '6cde74cdb075cce0ad2c51ce7995bfeb7f697cdd', d: "M14.792 2.666l-1.414-1.413a.965.965 0 0 0-1.385-.03l-1.444 1.444-8.763 8.72L.03 15.481a.371.371 0 0 0 .488.488l4.096-1.756 8.763-8.72-.001-.001.002.002 1.443-1.444a.965.965 0 0 0-.03-1.385zM1.569 14.431l.554-1.293.74.739zm2.338-.924l-1.414-1.414 7.963-7.92 1.414 1.415zm8.67-8.626l-1.413-1.414 1.29-1.29a.306.306 0 0 1 .433 0l.981.98a.306.306 0 0 1 0 .433z" })), this._translations.editThumbnail), index.h("div", { key: 'a1728b32f9b19cdeb1432e13fc3e117e5ee59d2d', class: "flex" }, index.h("div", { key: 'e7cf3ad30ffad6770a25d28f27337579aeb6aaee', class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, index.h("img", { key: '825577f7021df8a070bf7755b5318c9fe8909dd6', class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), index.h("div", { key: '09c6c35de6d64acd1b827a84c5857e8c6f1444c7', class: "snippet-count-container" }, index.h("calcite-input", { key: 'b0548154efaa6e6243b501dcf52a31f107ed2688', id: "item-snippet", maxLength: 250, type: "textarea", value: this.itemDetails.snippet }), index.h("label", { key: '5ab52b0ef496dd4bd3594fa8a762426b69225166', class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), index.h("calcite-label", { key: '8b74768d205c534b773d16cedb3da49e7136ecbf' }, this._translations.description, index.h("label", { key: 'a1d7ef4f1e6712e56edb011ea41fddf5c1455fd1', id: "item-description-label" }, index.h("calcite-input", { key: '9d14b7461f5a52ce046f8a8f15acfa37c958f289', id: "item-description", type: "textarea", value: this.itemDetails.description }))), index.h("calcite-label", { key: 'af1fd97fb1a4102e1601e419e4188789bfe99a39' }, this._translations.tags, index.h("label", { key: '37b0e91822de780bf635012fcf8e01c0a528722e', id: "item-tags-label" }, index.h("calcite-input", { key: 'ac8e699484de76320caa82234c6132b152cf990b', id: "item-tags", value: (this.itemDetails.tags && Array.isArray(this.itemDetails.tags) ? this.itemDetails.tags : [this.itemDetails.tags]).join(",") }))), this.itemType !== "Group" ? index.h("calcite-label", null, this._translations.credits, index.h("label", { id: "item-credits-label" }, index.h("calcite-input", { id: "item-credits", value: this.itemDetails.accessInformation }))) : null, this.itemType !== "Group" ? index.h("calcite-label", null, index.h("label", { id: "item-terms-label" }, this._translations.termsOfUse, index.h("calcite-input", { id: "item-terms", type: "textarea", value: this.itemDetails.licenseInfo }))) : null)));
+        return (index.h(index.Host, { key: 'd4443b28db9314e9c6976d97af02e7af14d2a5ff' }, index.h("div", { key: 'bd2969f299df5fab6bab10a6cd6dbe7c7213aba4', class: "parent-container" }, index.h("div", { key: 'd7226027bddc89eb4ff89899ee45728534331a5d', class: "inputBottomSeparation" }, index.h("calcite-input", { key: '9fcd5e9c9d5fe7ac652fff4fa06801fec240380f', id: "item-title", value: this.itemDetails.title })), index.h("div", { key: '9542faf04236ec293eff1f1abf0667ee4d26ab45', class: "inputBottomSeparation" }, index.h("input", { key: '9a431fef50c9be4f084b33003c6be4cab65a7da0', accept: ".jpg,.gif,.png,image/jpg,image/gif,image/png", class: "display-none", onChange: (event) => (this._updateThumbnail(event)), ref: (el) => (this.browseForThumbnail = el), type: "file" }), index.h("button", { key: '9ed82a0e807acd0344bd52bcef653728419d3fc1', class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, index.h("svg", { key: '230d6a270cd61f4785b7f39e951e996a7b37a1ca', class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, index.h("path", { key: '96a6c77691e152072aa0de03f63d8ec82f1ca051', d: "M14.792 2.666l-1.414-1.413a.965.965 0 0 0-1.385-.03l-1.444 1.444-8.763 8.72L.03 15.481a.371.371 0 0 0 .488.488l4.096-1.756 8.763-8.72-.001-.001.002.002 1.443-1.444a.965.965 0 0 0-.03-1.385zM1.569 14.431l.554-1.293.74.739zm2.338-.924l-1.414-1.414 7.963-7.92 1.414 1.415zm8.67-8.626l-1.413-1.414 1.29-1.29a.306.306 0 0 1 .433 0l.981.98a.306.306 0 0 1 0 .433z" })), this._translations.editThumbnail), index.h("div", { key: 'de04396607c0a61eb1e13bb56581aae9e939b286', class: "flex" }, index.h("div", { key: '3df8a6cde94bc275b85db55375aaa351453c46fb', class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, index.h("img", { key: 'a5084eff2ebee0514c5cac6acf4e1b8dcaaf47d5', class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), index.h("div", { key: '73199d7582082575282f36ecb6afed3ee6bd900e', class: "snippet-count-container" }, index.h("calcite-input", { key: '7aa7c61d42be36c237c6bd9b72e4ec24ef6dc07d', id: "item-snippet", maxLength: 250, type: "textarea", value: this.itemDetails.snippet }), index.h("label", { key: '9ae2f293b2cb64a475a0969b7e00951a1b55e251', class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), index.h("calcite-label", { key: '98cf6dd0f1f53e15c857baeb4f3a580586935762' }, this._translations.description, index.h("label", { key: '2f54c0fd6d75e4b08e74cf5b30d9794d0375a267', id: "item-description-label" }, index.h("calcite-input", { key: '91cf40b10f1bed0cd4bc83a988d9a4151ddec2e6', id: "item-description", type: "textarea", value: this.itemDetails.description }))), index.h("calcite-label", { key: '4261ff6e21385fb681cb6a52dbaa8e3d75973d8b' }, this._translations.tags, index.h("label", { key: 'cde48f34fd18fe530dea6be06c8fb5e602048266', id: "item-tags-label" }, index.h("calcite-input", { key: 'e11931c90df113bd512bab39be092257ffd92e42', id: "item-tags", value: (this.itemDetails.tags && Array.isArray(this.itemDetails.tags) ? this.itemDetails.tags : [this.itemDetails.tags]).join(",") }))), this.itemType !== "Group" ? index.h("calcite-label", null, this._translations.credits, index.h("label", { id: "item-credits-label" }, index.h("calcite-input", { id: "item-credits", value: this.itemDetails.accessInformation }))) : null, this.itemType !== "Group" ? index.h("calcite-label", null, index.h("label", { id: "item-terms-label" }, this._translations.termsOfUse, index.h("calcite-input", { id: "item-terms", type: "textarea", value: this.itemDetails.licenseInfo }))) : null)));
     }
     componentDidRender() {
         this._loadThumb();
@@ -2447,7 +2447,7 @@ const SolutionItemSharing = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: '0a3f98863a6e7e42bc4807d2eaf6448c74c59d48' }, index.h("div", { key: '80f43ee6effa958ba2ef98ae0775eac85599dcd6', class: "container-border" }, index.h("calcite-label", { key: '260b6d9e363241c79481ccc0a7bbc4586dadf3c0' }, this._translations.groupInfo), this._renderItems(this.sharing))));
+        return (index.h(index.Host, { key: '7042ab9382712488f9184b305e417dd93379422f' }, index.h("div", { key: '00baf7fac31f03b249592eb8603a74d6f93f2615', class: "container-border" }, index.h("calcite-label", { key: '5328280b6ee86819366800e43eda0c44b55ca277' }, this._translations.groupInfo), this._renderItems(this.sharing))));
     }
     //--------------------------------------------------------------------------
     //
@@ -2566,7 +2566,7 @@ const SolutionOrganizationVariables = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: '0f16be09f2b214cf66ca14dbbc19f0f87765351b' }, index.h("div", { key: '2c297d4057323428cc06536e595027e1700ea3ef' }, index.h("h4", { key: '2a0806cee5b309de748ab9fee02193084c5beb85', class: "org-var-header" }, this._translations.orgVariables)), index.h("div", { key: 'ae4612f5558811802695ab162bcdb0a4de939ba8', class: "container-border" }, index.h("calcite-tree", { key: 'd501376a51669743eb6a3f9eb857892c47349d8c', id: "variable-label" }, this._renderHierarchy(this._organizationVariables)))));
+        return (index.h(index.Host, { key: 'a4456905e1abde8eca22dfb6f3da81959d509b75' }, index.h("div", { key: '8fc37e2a59237ed0cca05b096f901a82da696151' }, index.h("h4", { key: '7bdd9e95f37297c51778a866542517048622e5ca', class: "org-var-header" }, this._translations.orgVariables)), index.h("div", { key: '10bfcebd83ddc363f04149a03298b0c5247fd265', class: "container-border" }, index.h("calcite-tree", { key: '1d168ebbceaf566fb8f4ddea85acba39c08bbd53', id: "variable-label" }, this._renderHierarchy(this._organizationVariables)))));
     }
     //--------------------------------------------------------------------------
     //
@@ -2654,7 +2654,7 @@ const SolutionResourceItem = class {
      */
     render() {
         const hasValidResources = this._hasValidResources();
-        return (index.h(index.Host, { key: '56bec80e12a7dd04fff0602c86896a2dcbd0200c' }, index.h("div", { key: '1d2f41e61e5b8612d9504ee41a306d8a188b11d3', class: "resource-item" }, index.h("div", { key: 'a33e19c89e06a24df5cc5813f90744cdc5cae570', class: "margin-bottom-1" }, index.h("calcite-button", { key: 'e8311e60fa68e0e91512a141db353caf9cfdbec1', appearance: "solid", class: "resource-button", color: "blue", onClick: () => this._addNewResource() }, this._translations.addResource), index.h("calcite-button", { key: '016e50f63b6c7a9c02508e1969558a0bf5b744d3', appearance: "solid", color: "blue", disabled: !hasValidResources, onClick: () => this._downloadAll() }, this._translations.downloadAll)), index.h("div", { key: '96bb141e028edfb662cdb677d1e0afe8ae7d56c6', class: "resources-container", style: { display: hasValidResources ? "inherit" : "none" } }, this._renderResourceList()))));
+        return (index.h(index.Host, { key: 'c36fddfce9c4c97b281281ec11dfa017d496141e' }, index.h("div", { key: 'e1166173669689e9acee92cc7e53747ebcec0c09', class: "resource-item" }, index.h("div", { key: '86c8e1d498d7b84e9587cdcf4a3bb971fc1ecaad', class: "margin-bottom-1" }, index.h("calcite-button", { key: 'f382275e75efeb5beadef582ddd343a283f014e2', appearance: "solid", class: "resource-button", color: "blue", onClick: () => this._addNewResource() }, this._translations.addResource), index.h("calcite-button", { key: 'c487e618472b047f8db71e8989f849c844682080', appearance: "solid", color: "blue", disabled: !hasValidResources, onClick: () => this._downloadAll() }, this._translations.downloadAll)), index.h("div", { key: '08733ba234cba9b5ea19455256fa961d23ae933b', class: "resources-container", style: { display: hasValidResources ? "inherit" : "none" } }, this._renderResourceList()))));
     }
     //--------------------------------------------------------------------------
     //
@@ -2936,7 +2936,7 @@ const SolutionTemplateData = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: '719601ce314da8b957f2eebb7c4a05489ae14d0e' }, index.h("div", { key: 'e712c532d0568494ae3dce6d08bfbb11d260fabb', class: "solution-data-container" }, index.h("calcite-shell", { key: '782031ce7fdf79fb51197988145524a5846e8388', class: "light var-container", dir: "ltr" }, index.h("calcite-panel", { key: '945a9f91f45e70279eea5f765fe76f2e835a4520', class: "json-editor" }, index.h("div", { key: '306980a78f84ba3ff3694314d5da9e1ced288f10', class: "solution-data-child-container calcite-match-height" }, index.h("json-editor", { key: 'df02c424a6abe7ca96e85063e947a072a8a147f3', class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, value: this.value }))), index.h("calcite-shell-panel", { key: '1dc03b9cdedecafa5393a9ae39767311618c697b', "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, index.h("div", { key: 'c860608f30e60529d990f10077aef88af7f97d18', class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, index.h("calcite-button", { key: '6a73213cbd8f5741434fa3ac6bf40c6912432a15', appearance: "transparent", class: "collapse-btn", "icon-start": this.varsOpen ? "chevrons-right" : "chevrons-left", id: "collapse-vars", onClick: () => this._toggleVars(), scale: "s", title: this.varsOpen ? this._translations.collapse : this._translations.expand }), index.h("div", { key: '9c343fe75a40e017ea8f63a3e0a2417ef444a319', class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, index.h("solution-organization-variables", { key: '5138e9cba2e3ad4ea9df59c0e2e74fbba2dc01be', value: this.organizationVariables })), index.h("div", { key: '402a0a71056acc4214f2376c5f64e7971322bf55', class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, index.h("solution-variables", { key: '68753d13ad8ca0087359e371a11a0755ea43ebac', value: this.solutionVariables }))))))));
+        return (index.h(index.Host, { key: 'f6c478a45be7ba02a79446dca5a12ecb7cfaf817' }, index.h("div", { key: 'd268f063606f2d0a0dfbe76f0ea907074ac91c60', class: "solution-data-container" }, index.h("calcite-shell", { key: '170f35aa82ad4e4fbd7e111b558417712396a44d', class: "light var-container", dir: "ltr" }, index.h("calcite-panel", { key: 'ada2da8d5240d9904cd9021c9573eee5bd8fe6a4', class: "json-editor" }, index.h("div", { key: '51001e6bcf73ed23d6c76f5d9c17a66b5cbd1d05', class: "solution-data-child-container calcite-match-height" }, index.h("json-editor", { key: '4390b6ff57b3d6341a8c984e8393badf4122df2a', class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, value: this.value }))), index.h("calcite-shell-panel", { key: '866f4349e9ca6f5e8120479997248c2962c18b90', "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, index.h("div", { key: 'adb11719b67d10a9a4da50d79ac23eadc68544a7', class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, index.h("calcite-button", { key: 'c6a7365e101045ad0f30700e6ba296ff62f0942d', appearance: "transparent", class: "collapse-btn", "icon-start": this.varsOpen ? "chevrons-right" : "chevrons-left", id: "collapse-vars", onClick: () => this._toggleVars(), scale: "s", title: this.varsOpen ? this._translations.collapse : this._translations.expand }), index.h("div", { key: '76b05d456a9cafd25af16e3848e453ccfda5f1bc', class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, index.h("solution-organization-variables", { key: '4b2df6867414d5a6e4e9423b2133196dfd85b3bd', value: this.organizationVariables })), index.h("div", { key: 'eb5201a82e27a52e0a4f9c38cdc9db3f0c1173d8', class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, index.h("solution-variables", { key: '00dda00409364b66e092e9ec304524c35f7d0704', value: this.solutionVariables }))))))));
     }
     //--------------------------------------------------------------------------
     //
@@ -3009,7 +3009,7 @@ const SolutionVariables = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: '4e92cbf7b038e47064d115fa3acedc7c97740b74' }, index.h("div", { key: '0286eccf36b633f9136d41c91d294a08d9f422a9' }, index.h("h4", { key: 'c11b186149971f39226f5698cbd3655c410a2432', class: "org-var-header" }, this._translations.solVariables)), index.h("div", { key: '6396b897a2fca64b80c10e3fa4c199487173e6b0', class: "container-border" }, index.h("calcite-tree", { key: 'f041b9c84e8f73b6549c4668bef11c1c0633b38b', id: "variable-label" }, this._renderHierarchy(this._solutionVariables)))));
+        return (index.h(index.Host, { key: '6673253cf19a8d760dc1444feef39a74258d01ed' }, index.h("div", { key: '44e5a11c8f31558baf8458cc883e579f2f23ff47' }, index.h("h4", { key: 'f8b7a19e4a9eb4860015cfdb6c55c2b94d66a222', class: "org-var-header" }, this._translations.solVariables)), index.h("div", { key: 'ffb70400c5fd22a944328672e7eaefa5918fce5c', class: "container-border" }, index.h("calcite-tree", { key: 'de81612c2a603f17b1bcb58f0b750401db0d4f20', id: "variable-label" }, this._renderHierarchy(this._solutionVariables)))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/cjs/card-manager_3.cjs.entry.js

@@ -400,7 +400,7 @@ const LayerTable = class {
         const selected = this.selectedIds.length.toString();
         const tableHeightClass = this.isMobile ? "height-full" : "height-full-adjusted";
         this._validateActiveActions();
-        return (index.h(index.Host, { key: '92b88fc87d2c0a0eaaef9587d2324a63665b1cc2' }, index.h("calcite-shell", { key: 'fcc7190ee18fe6f20ab08a5331a8bcd2c9c83c74' }, this._getTableControlRow("header"), index.h("div", { key: 'be1a282eb23580b8f713f27fe198bab1c18ba689', class: `width-full ${tableHeightClass}` }, index.h("calcite-panel", { key: 'd5ef6c04334f48c26f01b61f587370c0ee58682f', class: "height-full width-full" }, index.h("calcite-loader", { key: 'b31c1977446ed6ca47e96a7a47673e03f938265e', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), index.h("div", { key: '07ce4a7741dc0197816f04e57c5d32cbc5666f0e', class: tableNodeClass, ref: this.onTableNodeCreate })), !this.isMobile ? (index.h("div", { class: "bottom-left text-color height-19" }, this._translations.recordsSelected
+        return (index.h(index.Host, { key: 'c0451b25b6253fc017f59f471ced6347a618bdcf' }, index.h("calcite-shell", { key: 'b71245a1b347aae2e06ccccd750875d9c0571b1b' }, this._getTableControlRow("header"), index.h("div", { key: 'a4c9e51f2cfa9e90bd1b67e8d542e93896321037', class: `width-full ${tableHeightClass}` }, index.h("calcite-panel", { key: 'e50e3a4165c02c56f99897fa29f079b2ef1e02ff', class: "height-full width-full" }, index.h("calcite-loader", { key: 'ad263eb3ac8558d6cd0777f993f663ddd0f7fbe6', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), index.h("div", { key: '2bcbdf8197b4bcc5102d408538dab17acd803ae9', class: tableNodeClass, ref: this.onTableNodeCreate })), !this.isMobile ? (index.h("div", { class: "bottom-left text-color height-19" }, this._translations.recordsSelected
             .replace("{{total}}", total)
             .replace("{{selected}}", selected))) : undefined)), this._filterModal()));
     }
@@ -1711,7 +1711,7 @@ const MapCard = class {
         const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
         const mapPickerClass = ((_a = this.mapInfos) === null || _a === void 0 ? void 0 : _a.length) > 1 ? "" : "display-none";
         const mapHeightClass = ((_b = this.mapInfos) === null || _b === void 0 ? void 0 : _b.length) > 1 ? "map-height" : "height-full";
-        return (index.h(index.Host, { key: '446f04b49a9d744f3abae1e7ae90113f0eb0da08' }, index.h("map-picker", { key: 'b3f388a5b0d6a26951f9ae45dff7629376ff4d17', class: mapPickerClass, mapInfos: this.mapInfos, ref: (el) => this._mapPicker = el }), index.h("div", { key: 'f5c44c8cf0b22b496a57cd01ebfdf00c0979bebe', class: `${mapHeightClass} ${mapClass}`, ref: (el) => (this._mapDiv = el) }), index.h("map-tools", { key: 'dab560a9cde03901087a1d136599d0fd26964dce', basemapConfig: this.basemapConfig, class: `box-shadow ${themeClass}`, enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableHome: this.enableHome, enableLegend: this.enableLegend, enableSearch: this.enableSearch, enableSingleExpand: this.enableSingleExpand, homeZoomToolsSize: this.homeZoomToolsSize, mapView: this.mapView, mapWidgetsSize: this.mapWidgetsSize, position: this.mapWidgetsPosition, ref: (el) => this._mapTools = el, searchConfiguration: this._searchConfiguration, stackTools: this.stackTools, toolOrder: this.toolOrder })));
+        return (index.h(index.Host, { key: '4f5c0cd408f92856ceb2ba281a02856064ef6a5a' }, index.h("map-picker", { key: 'f69742384dc5ba13bbf257592cc8c35de77590f0', class: mapPickerClass, mapInfos: this.mapInfos, ref: (el) => this._mapPicker = el }), index.h("div", { key: '3ddddf3f674d49ae59fe627af1c67ec59718c9a3', class: `${mapHeightClass} ${mapClass}`, ref: (el) => (this._mapDiv = el) }), index.h("map-tools", { key: '6cb9518e74af0594ab6b657f0caec3598c250cb2', basemapConfig: this.basemapConfig, class: `box-shadow ${themeClass}`, enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableHome: this.enableHome, enableLegend: this.enableLegend, enableSearch: this.enableSearch, enableSingleExpand: this.enableSingleExpand, homeZoomToolsSize: this.homeZoomToolsSize, mapView: this.mapView, mapWidgetsSize: this.mapWidgetsSize, position: this.mapWidgetsPosition, ref: (el) => this._mapTools = el, searchConfiguration: this._searchConfiguration, stackTools: this.stackTools, toolOrder: this.toolOrder })));
     }
     //--------------------------------------------------------------------------
     //

package/dist/cjs/crowdsource-manager.cjs.entry.js

@@ -199,7 +199,7 @@ const CrowdsourceManager = class {
     render() {
         // only avoid border when we have a header color that is not white
         const borderClass = this.popupHeaderColor && this.popupHeaderColor !== "#FFFFFF" ? "border-width-0" : "";
-        return (index.h(index.Host, { key: '0f06df71cc424887b8dc4b4929670d94b6548085' }, index.h("calcite-shell", { key: 'c81a570fb771650de6193e45ffbebd03544eaf2e', class: "position-relative" }, index.h("calcite-panel", { key: '5e67c2bf9ed0df0080629989f93e89a145349abc', class: `width-full height-full ${borderClass}` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter())));
+        return (index.h(index.Host, { key: '9624c9a65dfde0984d1abdc8ed78f709d58874f3' }, index.h("calcite-shell", { key: '0b54737e19b7ab1b17a1841b7b83267515a5de51', class: "position-relative" }, index.h("calcite-panel", { key: 'aea71b81bd854548f921920cb6dc259d8441a2b2', class: `width-full height-full ${borderClass}` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter())));
     }
     /**
      * Called after each render

package/dist/cjs/crowdsource-reporter.cjs.entry.js

@@ -113,7 +113,7 @@ const CrowdsourceReporter = class {
      */
     render() {
         const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
-        return (index.h(index.Host, { key: '25711a088216a3fcf2aa5d39b81ebd124f004306' }, this._reportSubmitted && index.h("calcite-alert", { key: 'b8cf62929599eb873a52c7e7a9b056e25fd86c2a', "auto-close": true, class: themeClass + " report-submitted-msg", icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._reportSubmitted = false; }, open: true, placement: "top" }, index.h("div", { key: '6411e0e7b57fd58f8ba7987331271f0494ba113b', slot: "message" }, this.reportSubmittedMessage ? this.reportSubmittedMessage : this._translations.submitMsg)), this._featureCreationFailedErrorMsg && index.h("calcite-alert", { key: '67b28ad1e3493427227d2d59548a5eac80041dea', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._featureCreationFailedErrorMsg = ""; }, open: true, placement: "top" }, index.h("div", { key: '3ad206c32a217e6a9a5bb1e638ef3160fbff5db2', slot: "title" }, this._translations.error), index.h("div", { key: '7580dd6b3f81a9b0c4263fb9e71e2031e199b41d', slot: "message" }, this._featureCreationFailedErrorMsg)), this._commentSubmitted && index.h("calcite-alert", { key: '7be4c3b5d07e9f30551d19990462bb3d1152b2a3', "auto-close": true, class: 'report-submitted ' + themeClass, icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._commentSubmitted = false; }, open: true, placement: "top" }, index.h("div", { key: '41c01a889ed6732cf7dabf0945fbfb261a0f3a3b', slot: "message" }, this._translations.commentSubmittedMsg)), this._addingCommentFailed && index.h("calcite-alert", { key: '29bca2310f6877ec976fbe49ac39413593202a4d', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._addingCommentFailed = false; }, open: true, placement: "top" }, index.h("div", { key: '8a7860934cebec53462c46e0d979268c75fb9705', slot: "title" }, this._translations.error), index.h("div", { key: 'd675ee393e81f5104d87391075a9ae89b4077a45', slot: "message" }, this._translations.addingCommentFailedMsg)), index.h("div", { key: '1fce11b73759bc751de763e040d15d85a3fb347d' }, index.h("calcite-shell", { key: '71634d0d1b0fcbe92813ff9b514ec4e752bd3fd1', "content-behind": true }, this._getReporter())), this.filterModal()));
+        return (index.h(index.Host, { key: '119bb8b1c9115dca4e15c45ddd8e7fbed500b4d7' }, this._reportSubmitted && index.h("calcite-alert", { key: 'ef85c61fb5c9eaac9391c1e37494ef5e4244dadb', "auto-close": true, class: themeClass + " report-submitted-msg", icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._reportSubmitted = false; }, open: true, placement: "top" }, index.h("div", { key: '616a75103a227cf1b50d9e43fea129afc3fee4f9', slot: "message" }, this.reportSubmittedMessage ? this.reportSubmittedMessage : this._translations.submitMsg)), this._featureCreationFailedErrorMsg && index.h("calcite-alert", { key: '2faf9a9729bf90b87e044bfe8958571735f2cbf5', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._featureCreationFailedErrorMsg = ""; }, open: true, placement: "top" }, index.h("div", { key: '66cdf81166042ff4efddd4cc5801d790463d75fc', slot: "title" }, this._translations.error), index.h("div", { key: 'ad289b06742d2159d6fcfbdc42ecc9fb6d81f362', slot: "message" }, this._featureCreationFailedErrorMsg)), this._commentSubmitted && index.h("calcite-alert", { key: '27aee542bfd2cae8972035d17167407b35b5eb76', "auto-close": true, class: 'report-submitted ' + themeClass, icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._commentSubmitted = false; }, open: true, placement: "top" }, index.h("div", { key: '70a8a21de05b00d409adb226d6393817f7514930', slot: "message" }, this._translations.commentSubmittedMsg)), this._addingCommentFailed && index.h("calcite-alert", { key: '107ab01eca03500faeb4db5a2ac0e9dc7261e6fc', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._addingCommentFailed = false; }, open: true, placement: "top" }, index.h("div", { key: '31e6fba8c28489f87897a13ebb4e7b8956452191', slot: "title" }, this._translations.error), index.h("div", { key: '6f0868946ef6e04490ba1e0806a03e26c756760b', slot: "message" }, this._translations.addingCommentFailedMsg)), index.h("div", { key: 'e169b7b466023010d45151ca9b7dfb900d8d7f9f' }, index.h("calcite-shell", { key: '72899b8eff6622233224df91223ee5d59539905b', "content-behind": true }, this._getReporter())), this.filterModal()));
     }
     //--------------------------------------------------------------------------
     //
@@ -783,8 +783,9 @@ const CrowdsourceReporter = class {
      */
     reduceToConfiguredLayers(hash) {
         return Object.keys(hash).reduce((prev, cur) => {
+            var _a;
             // check if reporting options exists consider the visible prop if else just check the supports Add
-            const showLayer = this.reportingOptions ? this._getLayersConfig(cur).visible
+            const showLayer = this.reportingOptions ? (_a = this._getLayersConfig(cur)) === null || _a === void 0 ? void 0 : _a.visible
                 : hash[cur].supportsAdd;
             if (showLayer) {
                 prev.push(cur);
@@ -866,7 +867,7 @@ const CrowdsourceReporter = class {
                 const featureSet = await mapViewUtils.queryFeaturesByID([Number(this.objectId)], layer, [], true, this.mapView.spatialReference);
                 if (featureSet.length) {
                     //update the selectedFeature
-                    this._selectedFeature = featureSet;
+                    await this.setSelectedFeatures(featureSet);
                     //if featureDetails not open then add it to the list else just reInit flowItems which will update details with newly selected features
                     // eslint-disable-next-line unicorn/prefer-ternary
                     if (this._flowItems.length && this._flowItems[this._flowItems.length - 1] !== "feature-details") {
@@ -875,7 +876,6 @@ const CrowdsourceReporter = class {
                     else {
                         this._flowItems = [...this._flowItems];
                     }
-                    await this.highlightOnMap(featureSet[0]);
                 }
             }
         }

package/dist/cjs/deduct-calculator.cjs.entry.js

@@ -31,7 +31,7 @@ const DeductCalculator = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: '68401afdbb18147910d55f13cae4c019bda9f020' }, index.h("div", { key: '88b89c1a9b260024f28315574539f47bd0bd0a3a', class: "label-display" }, index.h("calcite-label", { key: '8e81c5e65fe272c547addd3915ccc6a7da48a5b8', class: "label-display" }, "Density %", this._getDensityInput()), index.h("calcite-label", { key: 'f549369baa3b681922c07b2c91a626664e98309f', class: "label-display" }, "Type", this._getTypeInput()), index.h("calcite-label", { key: 'e850fbf5d9728f969c289946c3518a30316e88b9', class: "label-display" }, "Severity", this._getSeverityInput())), index.h("div", { key: '2485c0b0f0c2681b1af7cf55478ec34efb734a46' }, this._getCalculateInput())));
+        return (index.h(index.Host, { key: '7c12073b99b009ce413082df1ea7f7ba57a24d89' }, index.h("div", { key: '35ad62ab6a2fe9efb8e32c262d562c213ce067aa', class: "label-display" }, index.h("calcite-label", { key: '5f4b84e4639538ebc8c6172def2a9c4b2703621f', class: "label-display" }, "Density %", this._getDensityInput()), index.h("calcite-label", { key: 'b3c9bf873945871c456e97a7c6ce71ce820f37c5', class: "label-display" }, "Type", this._getTypeInput()), index.h("calcite-label", { key: '57d3b49c4b2a1f103fb197e29913e244731c507f', class: "label-display" }, "Severity", this._getSeverityInput())), index.h("div", { key: '1194dccf269b5c42248f4e4eed188bcc89aa4cb5' }, this._getCalculateInput())));
     }
     //--------------------------------------------------------------------------
     //

package/dist/cjs/feature-comments.cjs.entry.js

@@ -52,7 +52,7 @@ const FeatureComments = class {
     //
     //--------------------------------------------------------------------------
     render() {
-        return (index.h(index.Host, { key: '388f7097c0cfc5b9c6cc6649ff00e9fd0be1c6aa' }, index.h("slot", { key: '31a2a3694358fe14a2195da82063f3be0500b3d8' })));
+        return (index.h(index.Host, { key: '70ab7bb863463c41fa2291412f8da6d602e9a94d' }, index.h("slot", { key: '7266d385e0fc9341baf651a5dcab13b7ba361163' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/feature-form-flow-item.cjs.entry.js

@@ -52,7 +52,7 @@ const FeatureFormFlowItem = class {
     //
     //--------------------------------------------------------------------------
     render() {
-        return (index.h(index.Host, { key: '2607999cdad5fbe75eac4366256b589eeb33fe36' }, index.h("slot", { key: 'a9443a71e40b37449d01f4c40ca5f21b83bf005a' })));
+        return (index.h(index.Host, { key: '32113dda304b2f7179d0275f04987e69ce386959' }, index.h("slot", { key: '358d5ea7a03cc7da16e98a92391cf74dfe9fa89b' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/feature-list.cjs.entry.js

@@ -18,7 +18,7 @@ require('./index-f64944ad.js');
 require('./restHelpersGet-dbaa28df.js');
 require('./interfaces-7cd0a48a.js');
 
-const featureListCss = ":host{display:block}.width-full{width:100%}.pagination{display:flex;justify-content:center}.error-msg{padding:10px;width:calc(100% - 20px)}.feature-list-popup-title{font-weight:500;padding:10px 12px}.feature-list-popup-title-small{font-size:small;padding:10px 12px}";
+const featureListCss = ":host{display:block}.width-full{width:100%}.pagination{display:flex;justify-content:center}.error-msg{padding:10px;width:calc(100% - 20px)}.feature-list-popup-title{font-weight:500;padding:10px 12px;white-space:pre-line}.feature-list-popup-title-small{font-size:small;padding:10px 12px;white-space:pre-line}";
 const FeatureListStyle0 = featureListCss;
 
 const FeatureList = class {
@@ -103,9 +103,9 @@ const FeatureList = class {
      * Renders the component.
      */
     render() {
-        return (index.h("calcite-panel", { key: '6184d07592669fd8884996475b7eeb26e0604790', "full-height": true, "full-width": true }, this._isLoading && index.h("calcite-loader", { key: '282127215213a28b9cfdf484aaf5730145b6bb55', label: "", scale: "m" }), this.showErrorWhenNoFeatures && this._featureItems.length === 0 && !this._isLoading &&
-            index.h("calcite-notice", { key: '25fcfeb1d19a089b092050515c3d69401bc17dc8', class: "error-msg", icon: "feature-details", kind: "info", open: true }, index.h("div", { key: '2ac81a338df9d0e0f43c659a24be0c9b7b95d027', slot: "message" }, this.noFeaturesFoundMsg ? this.noFeaturesFoundMsg : this._translations.featureErrorMsg)), index.h("calcite-list", { key: '70453e8ded4f859076a5f00d8f04152cd78278d8', "selection-appearance": "border", "selection-mode": "none" }, !this._isLoading && this._featureItems.length > 0 && this._featureItems), this._featuresCount > this.pageSize &&
-            index.h("div", { key: 'db1003ace54cd599acefad04e94fe54248327126', class: "width-full", slot: "footer" }, index.h("calcite-pagination", { key: '67764a051381b0e7ef26dbd16dc9226d7e152c20', class: "pagination", "full-width": true, onCalcitePaginationChange: this.pageChanged.bind(this), "page-size": this.pageSize, ref: el => this._pagination = el, "start-item": "1", "total-items": this._featuresCount }))));
+        return (index.h("calcite-panel", { key: '3d7b707a73bb6c4d566515e50cf2baa155e60816', "full-height": true, "full-width": true }, this._isLoading && index.h("calcite-loader", { key: '50294111fb6c1e52e727b03e54ca83fc498ca3b9', label: "", scale: "m" }), this.showErrorWhenNoFeatures && this._featureItems.length === 0 && !this._isLoading &&
+            index.h("calcite-notice", { key: '8dd48fc33e2a9825a95b0d0d50424baf431fed55', class: "error-msg", icon: "feature-details", kind: "info", open: true }, index.h("div", { key: '6ff0dc700cdf40fe6929a9777bca8ebc6325f1ed', slot: "message" }, this.noFeaturesFoundMsg ? this.noFeaturesFoundMsg : this._translations.featureErrorMsg)), index.h("calcite-list", { key: '2412a7b41ab87bfee803460bdea0395ca609d55a', "selection-appearance": "border", "selection-mode": "none" }, !this._isLoading && this._featureItems.length > 0 && this._featureItems), this._featuresCount > this.pageSize &&
+            index.h("div", { key: '4216b02c264cf88472082f1c6f3cd466bd77d166', class: "width-full", slot: "footer" }, index.h("calcite-pagination", { key: '2bb39768d0fbd0d863b075b0e2e6b750c5f7c2a1', class: "pagination", "full-width": true, onCalcitePaginationChange: this.pageChanged.bind(this), "page-size": this.pageSize, ref: el => this._pagination = el, "start-item": "1", "total-items": this._featuresCount }))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/cjs/features-flow-item.cjs.entry.js

@@ -52,7 +52,7 @@ const FeaturesFlowItem = class {
     //
     //--------------------------------------------------------------------------
     render() {
-        return (index.h(index.Host, { key: 'e0d4102af27d4ca25cb6257292797c2900337ec7' }, index.h("slot", { key: 'ea50a07d3d33ee0b67bc5a27a71bc7ea597fb008' })));
+        return (index.h(index.Host, { key: 'eb455611b9248308ef11de0f2b03cb35bbc77e5b' }, index.h("slot", { key: 'f9829297423e86f028c1415e6c7d27c0967b9e8e' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/layout-manager.cjs.entry.js

@@ -47,7 +47,7 @@ const LayoutManager = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: '3e5a7de439b797078a7d58aed615f49c1139ac6f' }, index.h("div", { key: 'bb4a32b540600d0c46e1cdf2eb6b37a9242f70ee', class: "display-flex" }, index.h("div", { key: '560014821ef89ac3c0ad916257cf77efea54c752', class: "display-flex action-center" }, index.h("calcite-icon", { key: 'f8db949f64ddfaa893380b91de757044dc5a127a', class: "icon icon-color", icon: "information", id: "app-information-icon", scale: "s" }), index.h("calcite-popover", { key: '32d453ff1767573cf8fb0c1c33243ec39a3a82e1', closable: true, label: "", referenceElement: "app-information-icon" }, index.h("span", { key: '056dde09c448eb2b1e4f3c86b9eef3e836b6bce1', class: "tooltip-message" }, this._translations.appInfo))), index.h("div", { key: '82ac72ab969f1292f83762d536e10aa4ece255e8', class: "header-text" }, this._translations.layout), this._getAction("grid-background", interfaces.ELayoutMode.GRID, this._translations.grid), this._getAction("vertical-background", interfaces.ELayoutMode.VERTICAL, this._translations.vertical), this._getAction("horizontal-background", interfaces.ELayoutMode.HORIZONTAL, this._translations.horizontal))));
+        return (index.h(index.Host, { key: '10b8c1f7ee9503c4bd7cb1bbbd8b58cb5009336f' }, index.h("div", { key: '39ae898c19e24746bfa5f7510006e368f37fe7d5', class: "display-flex" }, index.h("div", { key: '0080f9562ab26665e26a8447e4484d76e4861f9f', class: "display-flex action-center" }, index.h("calcite-icon", { key: 'cc941eede331c518fe0944e2bf4b46b0c9799f0c', class: "icon icon-color", icon: "information", id: "app-information-icon", scale: "s" }), index.h("calcite-popover", { key: 'd92ccbe95f58f15964fd8b5d0d1446216ef780a7', closable: true, label: "", referenceElement: "app-information-icon" }, index.h("span", { key: '37d306563b80589652c25809233063c60035397b', class: "tooltip-message" }, this._translations.appInfo))), index.h("div", { key: 'e33a33071990cd0edb32e1c76505ddcc834ae932', class: "header-text" }, this._translations.layout), this._getAction("grid-background", interfaces.ELayoutMode.GRID, this._translations.grid), this._getAction("vertical-background", interfaces.ELayoutMode.VERTICAL, this._translations.vertical), this._getAction("horizontal-background", interfaces.ELayoutMode.HORIZONTAL, this._translations.horizontal))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/cjs/list-flow-item.cjs.entry.js

@@ -52,7 +52,7 @@ const ListFlowItem = class {
     //
     //--------------------------------------------------------------------------
     render() {
-        return (index.h(index.Host, { key: '294c2df1aa37bf2276716e93953fb9670d08ed2d' }, index.h("slot", { key: 'b57b34de225e39fda047027286f8eb8367f335df' })));
+        return (index.h(index.Host, { key: '6691ddbcebb6a78570c1a7d1317aadcccf51c6e3' }, index.h("slot", { key: 'bca9498b533fa13dfc5d85b690a0cc0d80fef1b8' })));
     }
     get el() { return index.getElement(this); }
 };