@esri/solutions-components 0.10.36 → 0.10.38

package/dist/collection/components/solution-item-accordion/solution-item-accordion.js

@@ -51,9 +51,9 @@ export class SolutionItemAccordion {
         "Form",
         "QuickCapture Project",
         "Workflow",
-        "Big Data Analytic",
-        "Real Time Analytic",
-        "Feed",
+        "Big Data Analytic (hosted)",
+        "Real Time Analytic (hosted)",
+        "Feed (hosted)",
         "Tool",
         "Notebook",
         "Data Pipeline",
@@ -64,6 +64,8 @@ export class SolutionItemAccordion {
         "Web Scene",
         "Feature Layer (hosted, view)",
         "Feature Layer (hosted)",
+        "Table (hosted, view)",
+        "Table (hosted)",
         "Tile Layer",
         "CSV",
         "Microsoft Excel",
@@ -119,7 +121,7 @@ export class SolutionItemAccordion {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '9a940187b8b91f94346f51cd67cb3c9fd2d8f470' }, this._getAccordion()));
+        return (h(Host, { key: '8e51f89ed52cd292aae82ed819c61ec4f1e1e5fb' }, this._getAccordion()));
     }
     //--------------------------------------------------------------------------
     //
@@ -251,13 +253,20 @@ export class SolutionItemAccordion {
     _getTypeForDisplay(type, typeKeywords) {
         let _type = type;
         if (type === "Feature Service") {
-            _type = typeKeywords.indexOf("View Service") > -1 ?
-                "Feature Layer (hosted, view)" : "Feature Layer (hosted)";
+            const isView = typeKeywords.indexOf("View Service") > -1;
+            const isTable = typeKeywords.indexOf("Table") > -1;
+            _type = isView && isTable ? "Table (hosted, view)" : isTable ? "Table (hosted)" :
+                isView ? "Feature Layer (hosted, view)" : "Feature Layer (hosted)";
         }
         if (type === "Web Mapping Application") {
             _type = typeKeywords.indexOf("configurableApp") > -1 ?
                 "Instant App" : _type;
         }
+        _type = type === "Geoprocessing Service" ? "Tool" : _type;
+        _type = type === "Feed" ? "Feed (hosted)" : _type;
+        _type = type === "Real Time Analytic" ? "Real Time Analytic (hosted)" : _type;
+        _type = type === "Big Data Analytic" ? "Big Data Analytic (hosted)" : _type;
+        _type = type === "Vector Tile Service" ? "Tile Layer" : _type;
         return _type;
     }
     /**

package/dist/collection/demos/solution-item-accordion.html

@@ -135,6 +135,38 @@
         ],
         "snippet": "A feature layer view used to share volunteers and clearing activities with the Adopt-A-Catch Basin site."
       },
+      {
+        "id": "aa2a7f901eb9492a829ab918cd38318d",
+        "type": "Feature Service",
+        "title": "CatchBasinVolunteers_public_table",
+        "typeKeywords": [
+          "ArcGIS Server",
+          "Data",
+          "Feature Access",
+          "Feature Service",
+          "Multilayer",
+          "Service",
+          "Hosted Service",
+          "View Service",
+          "Table"
+        ],
+        "snippet": "A feature table view"
+      },
+      {
+        "id": "bb2a7f901eb9492a829ab918cd38318d",
+        "type": "Feature Service",
+        "title": "CatchBasinVolunteers_table",
+        "typeKeywords": [
+          "ArcGIS Server",
+          "Data",
+          "Feature Access",
+          "Feature Service",
+          "Multilayer",
+          "Service",
+          "Table"
+        ],
+        "snippet": "A feature table"
+      },
       {
         "id": "cb7f74af39c64abfbe7c7fc5b69587b1",
         "type": "Feature Service",

package/dist/components/instant-apps-app-guide.js

@@ -19,16 +19,19 @@ import { d as defineCustomElement$2 } from './scrim.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 = {
@@ -41,6 +44,9 @@ const InstantAppsAppGuide$1 = /*@__PURE__*/ proxyCustomElement(class InstantApps
         super();
         this.__registerHost();
         this.__attachShadow();
+        /**
+         * Private Variables
+         */
         this._viewModel = new AppGuideViewModel();
         this.header = true;
         this.data = undefined;
@@ -48,19 +54,25 @@ const InstantAppsAppGuide$1 = /*@__PURE__*/ proxyCustomElement(class InstantApps
         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;
@@ -102,7 +114,8 @@ const InstantAppsAppGuide$1 = /*@__PURE__*/ proxyCustomElement(class InstantApps
     }
     get el() { return this; }
     static get watchers() { return {
-        "data": ["watchPropHandler"]
+        "data": ["watchPropHandler"],
+        "headerText": ["watchStateHandler"]
     }; }
     static get style() { return InstantAppsAppGuideStyle0; }
 }, [1, "instant-apps-app-guide", {
@@ -111,7 +124,8 @@ const InstantAppsAppGuide$1 = /*@__PURE__*/ proxyCustomElement(class InstantApps
         "messages": [32],
         "headerText": [32]
     }, undefined, {
-        "data": ["watchPropHandler"]
+        "data": ["watchPropHandler"],
+        "headerText": ["watchStateHandler"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {