@esri/solutions-components 0.10.23 → 0.10.24

package/dist/esm/solution-item-accordion.entry.js

@@ -0,0 +1,229 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { r as registerInstance, g as getElement, h, H as Host } from './index-b793d9aa.js';
+import { g as getLocaleComponentStrings } from './locale-b1d53fb1.js';
+import './esri-loader-c6842c6b.js';
+import './_commonjsHelpers-089957fe.js';
+
+const solutionItemAccordionCss = ":host{display:block}.padding-start-1{padding-inline-start:1rem}";
+const SolutionItemAccordionStyle0 = solutionItemAccordionCss;
+
+const SolutionItemAccordion = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.templateInfos = [];
+        this._sortedTemplateInfos = [];
+        this._translations = undefined;
+    }
+    get el() { return getElement(this); }
+    //--------------------------------------------------------------------------
+    //
+    //  Properties (protected)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * string[]: The order we should sort templates based on
+     */
+    _sortOrder = [
+        "Hub Site Application",
+        "Hub Page",
+        "Web Experience",
+        "Instant App",
+        "Web Mapping Application",
+        "Dashboard",
+        "StoryMap",
+        "Form",
+        "QuickCapture Project",
+        "Workflow",
+        "Big Data Analytic",
+        "Real Time Analytic",
+        "Feed",
+        "Tool",
+        "Notebook",
+        "Data Pipeline",
+        "Project Package",
+        "Desktop Application Template",
+        "TypeNotFound",
+        "Web Map",
+        "Web Scene",
+        "Feature Layer (hosted, view)",
+        "Feature Layer (hosted)",
+        "Tile Layer",
+        "CSV",
+        "Microsoft Excel",
+        "Microsoft Word",
+        "Report Template",
+        "Rule Package",
+        "Group"
+    ];
+    /**
+     * string[]: Array of template types.
+     * This array is used during render to ensure only one Accordion item is added for each type.
+     */
+    _types = [];
+    //--------------------------------------------------------------------------
+    //
+    //  Watch handlers
+    //
+    //--------------------------------------------------------------------------
+    async templateInfosWatchHandler() {
+        this._types = [];
+        this._sortedTemplateInfos = this._sortTemplates();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Methods (public)
+    //
+    //--------------------------------------------------------------------------
+    //--------------------------------------------------------------------------
+    //
+    //  Events (public)
+    //
+    //--------------------------------------------------------------------------
+    //--------------------------------------------------------------------------
+    //
+    //  Functions (lifecycle)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * StencilJS: Called once just after the component is first connected to the DOM.
+     */
+    async componentWillLoad() {
+        await this._getTranslations();
+    }
+    /**
+     * StencilJS: Called before each render
+     */
+    async componentWillRender() {
+        if (this._sortedTemplateInfos.length === 0 && this.templateInfos?.length > 0) {
+            this._sortedTemplateInfos = this._sortTemplates();
+        }
+    }
+    /**
+     * Renders the component.
+     */
+    render() {
+        return (h(Host, { key: 'c9fea75fb3cd0558366bb086eccb28c4e2b7b07d' }, this._getAccordion()));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Functions (protected)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Get the Accordion component
+     *
+     * @returns the Accordion component
+     *
+     * @protected
+     */
+    _getAccordion() {
+        return (h("calcite-accordion", null, this._sortedTemplateInfos.reduce((prev, cur) => {
+            if (this._types.indexOf(cur.type) < 0) {
+                this._types.push(cur.type);
+                prev.push(this._getAccordionItem(cur));
+            }
+            return prev;
+        }, [])));
+    }
+    /**
+     * Get the Accordion Item component with the appropriate icon and template type
+     * Only one accordion item per type.
+     *
+     * @returns the Accordion Item component
+     *
+     * @protected
+     */
+    _getAccordionItem(templateInfo) {
+        const templateInfos = this._sortedTemplateInfos.filter(t => t.type === templateInfo.type);
+        return (h("calcite-accordion-item", { description: `${templateInfo.type} (${templateInfos.length})` }, h("solution-item-icon", { class: "padding-start-1", slot: "actions-start", type: templateInfo.type, typeKeywords: templateInfo.typeKeywords }), this._getList(templateInfos)));
+    }
+    /**
+     * Get the list of template infos for the current type
+     *
+     * @param templateInfos filtered list of templateInfos for the current type
+     *
+     * @returns the List component
+     *
+     * @protected
+     */
+    _getList(templateInfos) {
+        return (h("calcite-list", { class: "padding-start-1" }, templateInfos.map(t => this._getListItem(t))));
+    }
+    /**
+     * Get list item for the current type
+     *
+     * @param templateInfo the current templateInfo to handle
+     *
+     * @returns the List item component
+     *
+     * @protected
+     */
+    _getListItem(templateInfo) {
+        return (h("calcite-list-item", { description: templateInfo.description, label: templateInfo.title, value: templateInfo.id }));
+    }
+    /**
+     * Sort the templates based on the defined order in _sortOrder
+     *
+     * @returns the sorted templates
+     *
+     * @protected
+     */
+    _sortTemplates() {
+        return this.templateInfos.sort((a, b) => {
+            const aType = this._updateType(a);
+            const bType = this._updateType(b);
+            const indexA = this._sortOrder.indexOf(aType);
+            const indexB = this._sortOrder.indexOf(bType);
+            return indexA - indexB;
+        });
+    }
+    /**
+     * Some template types are displayed with a value that is different than the stored type value.
+     * This function will catch and update the type value to match how we would like it sorted and displayed.
+     *
+     * @returns the sorted templates
+     *
+     * @protected
+     */
+    _updateType(templateInfo) {
+        let updatedType = templateInfo.type;
+        if (templateInfo.type === "Feature Service") {
+            updatedType = templateInfo.typeKeywords.indexOf("View Service") > -1 ?
+                "Feature Layer (hosted, view)" : "Feature Layer (hosted)";
+        }
+        if (templateInfo.type === "Web Mapping Application") {
+            updatedType = templateInfo.typeKeywords.indexOf("configurableApp") > -1 ?
+                "Instant App" : updatedType;
+        }
+        templateInfo.type = templateInfo.type === "Geoprocessing Service" ? "Tool" :
+            templateInfo.type === "Vector Tile Service" ? "Tile Layer" : updatedType;
+        if (this._sortOrder.indexOf(updatedType) < 0) {
+            // If we encounter an item type that is not in the list
+            // put it between the "Desktop Application Template" and "Web Map" section
+            // Do not set this as the templates type value as we want its actual type to be displayed
+            // this is just used for sorting
+            updatedType = "TypeNotFound";
+        }
+        return updatedType;
+    }
+    /**
+     * Fetches the component's translations
+     *
+     * @returns Promise when complete
+     * @protected
+     */
+    async _getTranslations() {
+        const messages = await getLocaleComponentStrings(this.el);
+        this._translations = messages[0];
+    }
+    static get watchers() { return {
+        "templateInfos": ["templateInfosWatchHandler"]
+    }; }
+};
+SolutionItemAccordion.style = SolutionItemAccordionStyle0;
+
+export { SolutionItemAccordion as solution_item_accordion };

package/dist/esm/solution-item-icon.entry.js

@@ -0,0 +1,324 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { r as registerInstance, g as getElement, h, a as getAssetPath } from './index-b793d9aa.js';
+
+const solutionItemIconCss = ".item-type-icon{pointer-events:none;display:block;height:1rem;margin-top:0.15em !important;min-width:16px;fill:currentColor;transform:rotate(360deg)}.item-type-icon-margin{margin-inline-end:0.375rem}";
+const SolutionItemIconStyle0 = solutionItemIconCss;
+
+const SolutionItemIcon = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.isPortal = false;
+        this.type = "";
+        this.typeKeywords = [];
+    }
+    get el() { return getElement(this); }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Renders the component.
+     */
+    render() {
+        return h("div", { key: '79a661148dd8e3bd73229b642b8253c525e3d747', title: this.type }, h("img", { key: 'e0b21dbd11b8edc4abfdb9af39b40c774b830753', class: "item-type-icon item-type-icon-margin", height: "16", src: this._getIconUrl(this.type, this.typeKeywords), width: "16" }));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Properties (protected)
+    //
+    //--------------------------------------------------------------------------
+    //--------------------------------------------------------------------------
+    //
+    //  Event Listeners
+    //
+    //--------------------------------------------------------------------------
+    //--------------------------------------------------------------------------
+    //
+    //  Events
+    //
+    //--------------------------------------------------------------------------
+    //--------------------------------------------------------------------------
+    //
+    //  Public Methods (async)
+    //
+    //--------------------------------------------------------------------------
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * This function was copied and slightly modified from the arcgis-portal-app.
+     *
+     * This will construct the path to the icon based on type and typeKeyword info.
+     *
+     * @param type The item type
+     * @param typeKeywords The item typeKeywords
+     */
+    _getIconUrl(type, typeKeywords) {
+        const itemType = (type && type.toLowerCase()) || "", imgDir = "./item-icons/", size = "16"; //for now we only support 16x16 pixel images
+        let isHosted = false, isRouteLayer = false, isMarkupLayer = false, isTable = false, isSpatiotemporal = false, isRelational = false, imgName = "";
+        typeKeywords = typeKeywords || [];
+        if (itemType.indexOf("service") > 0 || itemType === "feature collection" || itemType === "kml" || itemType === "wms" || itemType === "wmts" || itemType === "wfs") {
+            isHosted = typeKeywords.indexOf("Hosted Service") > -1;
+            if (itemType === "feature service" || itemType === "feature collection" || itemType === "kml" || itemType === "wfs") {
+                isTable = typeKeywords.indexOf("Table") > -1;
+                isRouteLayer = typeKeywords.indexOf("Route Layer") > -1;
+                isMarkupLayer = typeKeywords.indexOf("Markup") > -1;
+                isSpatiotemporal = typeKeywords.indexOf("Spatiotemporal") !== -1;
+                imgName = isSpatiotemporal && isTable ? "spatiotemporaltable" : (isTable ? "table" : (isRouteLayer ? "routelayer" : (isMarkupLayer ? "markup" : (isSpatiotemporal ? "spatiotemporal" : (isHosted ? "featureshosted" : "features")))));
+            }
+            else if (itemType === "map service" || itemType === "wms" || itemType === "wmts") {
+                isSpatiotemporal = typeKeywords.indexOf("Spatiotemporal") !== -1;
+                isRelational = typeKeywords.indexOf("Relational") !== -1;
+                if (isSpatiotemporal || isRelational) {
+                    imgName = "mapimages";
+                }
+                else {
+                    imgName = (isHosted || typeKeywords.indexOf("Tiled") > -1 || itemType === "wmts") ? "maptiles" : "mapimages";
+                }
+            }
+            else if (itemType === "scene service") {
+                if (typeKeywords.indexOf("Line") > -1) {
+                    imgName = "sceneweblayerline";
+                }
+                else if (typeKeywords.indexOf("3DObject") > -1) {
+                    imgName = "sceneweblayermultipatch";
+                }
+                else if (typeKeywords.indexOf("Point") > -1) {
+                    imgName = "sceneweblayerpoint";
+                }
+                else if (typeKeywords.indexOf("IntegratedMesh") > -1) {
+                    imgName = "sceneweblayermesh";
+                }
+                else if (typeKeywords.indexOf("PointCloud") > -1) {
+                    imgName = "sceneweblayerpointcloud";
+                }
+                else if (typeKeywords.indexOf("Polygon") > -1) {
+                    imgName = "sceneweblayerpolygon";
+                }
+                else if (typeKeywords.indexOf("Building") > -1) {
+                    imgName = "sceneweblayerbuilding";
+                }
+                else {
+                    imgName = "sceneweblayer";
+                }
+            }
+            else if (itemType === "image service") {
+                imgName = typeKeywords.indexOf("Elevation 3D Layer") > -1 ? "elevationlayer" : (typeKeywords.indexOf("Tiled Imagery") > -1 ? "tiledimagerylayer" : "imagery");
+            }
+            else if (itemType === "stream service") {
+                imgName = "streamlayer";
+            }
+            else if (itemType === "vector tile service") {
+                imgName = "vectortile";
+            }
+            else if (itemType === "datastore catalog service") {
+                imgName = "datastorecollection";
+            }
+            else if (itemType === "geocoding service") {
+                imgName = "geocodeservice";
+            }
+            else if (itemType === "geoprocessing service") {
+                imgName = (typeKeywords.indexOf("Web Tool") > -1 && (this.isPortal)) ? "tool" : "layers";
+            }
+            else {
+                imgName = "layers";
+            }
+        }
+        else if (itemType === "web map" || itemType === "cityengine web scene") {
+            imgName = "maps";
+        }
+        else if (itemType === "web scene") {
+            imgName = typeKeywords.indexOf("ViewingMode-Local") > -1 ? "webscenelocal" : "websceneglobal";
+        }
+        else if (itemType === "web mapping application" || itemType === "mobile application" || itemType === "application" ||
+            itemType === "operation view" || itemType === "desktop application") {
+            imgName = "apps";
+        }
+        else if (itemType === "map document" || itemType === "map package" || itemType === "published map" || itemType === "scene document" ||
+            itemType === "globe document" || itemType === "basemap package" || itemType === "mobile basemap package" || itemType === "mobile map package" ||
+            itemType === "project package" || itemType === "project template" || itemType === "pro map" || itemType === "layout" ||
+            (itemType === "layer" && typeKeywords.indexOf("ArcGIS Pro") > -1) || (itemType === "explorer map" && typeKeywords.indexOf("Explorer Document"))) {
+            imgName = "mapsgray";
+        }
+        else if (itemType === "service definition" || itemType === "csv" || itemType === "shapefile" || itemType === "cad drawing" || itemType === "geojson" || itemType === "360 vr experience" || itemType === "netcdf" || itemType === "administrative report") {
+            imgName = "datafiles";
+        }
+        else if (itemType === "explorer add in" || itemType === "desktop add in" || itemType === "windows viewer add in" || itemType === "windows viewer configuration") {
+            imgName = "appsgray";
+        }
+        else if (itemType === "arcgis pro add in" || itemType === "arcgis pro configuration") {
+            imgName = "addindesktop";
+        }
+        else if (itemType === "rule package" || itemType === "file geodatabase" || itemType === "sqlite geodatabase" || itemType === "csv collection" || itemType === "kml collection" ||
+            itemType === "windows mobile package" || itemType === "map template" || itemType === "desktop application template" || itemType === "gml" ||
+            itemType === "arcpad package" || itemType === "code sample" || itemType === "form" || itemType === "document link" ||
+            itemType === "operations dashboard add in" || itemType === "rules package" || itemType === "image" || itemType === "workflow manager package" ||
+            (itemType === "explorer map" && typeKeywords.indexOf("Explorer Mapping Application") > -1 || typeKeywords.indexOf("Document") > -1)) {
+            imgName = "datafilesgray";
+        }
+        else if (itemType === "network analysis service" || itemType === "geoprocessing service" ||
+            itemType === "geodata service" || itemType === "geometry service" || itemType === "geoprocessing package" ||
+            itemType === "locator package" || itemType === "geoprocessing sample" || itemType === "workflow manager service") {
+            imgName = "toolsgray";
+        }
+        else if (itemType === "layer" || itemType === "layer package" || itemType === "explorer layer") {
+            imgName = "layersgray";
+        }
+        else if (itemType === "scene package") {
+            imgName = "scenepackage";
+        }
+        else if (itemType === "mobile scene package") {
+            imgName = "mobilescenepackage";
+        }
+        else if (itemType === "tile package" || itemType === "compact tile package") {
+            imgName = "tilepackage";
+        }
+        else if (itemType === "task file") {
+            imgName = "taskfile";
+        }
+        else if (itemType === "report template") {
+            imgName = "report-template";
+        }
+        else if (itemType === "statistical data collection") {
+            imgName = "statisticaldatacollection";
+        }
+        else if (itemType === "insights workbook") {
+            imgName = "workbook";
+        }
+        else if (itemType === "insights model") {
+            imgName = "insightsmodel";
+        }
+        else if (itemType === "insights page") {
+            imgName = "insightspage";
+        }
+        else if (itemType === "insights theme") {
+            imgName = "insightstheme";
+        }
+        else if (itemType === "hub initiative") {
+            imgName = "hubinitiative";
+        }
+        else if (itemType === "hub page") {
+            imgName = "hubpage";
+        }
+        else if (itemType === "hub site application") {
+            imgName = "hubsite";
+        }
+        else if (itemType === "hub event") {
+            imgName = "hubevent";
+        }
+        else if (itemType === "relational database connection") {
+            imgName = "relationaldatabaseconnection";
+        }
+        else if (itemType === "big data file share") {
+            imgName = "datastorecollection";
+        }
+        else if (itemType === "image collection") {
+            imgName = "imagecollection";
+        }
+        else if (itemType === "desktop style") {
+            imgName = "desktopstyle";
+        }
+        else if (itemType === "style") {
+            imgName = "style";
+        }
+        else if (itemType === "dashboard") {
+            imgName = "dashboard";
+        }
+        else if (itemType === "raster function template") {
+            imgName = "rasterprocessingtemplate";
+        }
+        else if (itemType === "vector tile package") {
+            imgName = "vectortilepackage";
+        }
+        else if (itemType === "ortho mapping project") {
+            imgName = "orthomappingproject";
+        }
+        else if (itemType === "ortho mapping template") {
+            imgName = "orthomappingtemplate";
+        }
+        else if (itemType === "solution") {
+            imgName = "solutions";
+        }
+        else if (itemType === "geopackage") {
+            imgName = "geopackage";
+        }
+        else if (itemType === "deep learning package") {
+            imgName = "deeplearningpackage";
+        }
+        else if (itemType === "real time analytic") {
+            imgName = "realtimeanalytics";
+        }
+        else if (itemType === "big data analytic") {
+            imgName = "bigdataanalytics";
+        }
+        else if (itemType === "feed") {
+            imgName = "feed";
+        }
+        else if (itemType === "excalibur imagery project") {
+            imgName = "excaliburimageryproject";
+        }
+        else if (itemType === "notebook") {
+            imgName = "notebook";
+        }
+        else if (itemType === "storymap") {
+            imgName = "storymap";
+        }
+        else if (itemType === "survey123 add in") {
+            imgName = "survey123addin";
+        }
+        else if (itemType === "mission") {
+            imgName = "mission";
+        }
+        else if (itemType === "mission report") {
+            imgName = "missionreport";
+        }
+        else if (itemType === "quickcapture project") {
+            imgName = "quickcaptureproject";
+        }
+        else if (itemType === "pro report") {
+            imgName = "proreport";
+        }
+        else if (itemType === "urban model") {
+            imgName = "urbanmodel";
+        }
+        else if (itemType === "web experience") {
+            imgName = "experiencebuilder";
+        }
+        else if (itemType === "web experience template") {
+            imgName = "webexperiencetemplate";
+        }
+        else if (itemType === "workflow") {
+            imgName = "workflow";
+        }
+        else if (itemType === "kernel gateway connection") {
+            imgName = "kernelgatewayconnection";
+        }
+        else if (itemType === "insights script") {
+            imgName = "insightsscript";
+        }
+        else if (itemType === "hub initiative template") {
+            imgName = "hubinitiativetemplate";
+        }
+        else if (itemType === "storymap theme") {
+            imgName = "storymaptheme";
+        }
+        else if (itemType === "group") {
+            imgName = "group";
+        }
+        else {
+            imgName = "maps";
+        }
+        return imgName ? getAssetPath(imgDir + imgName + size + ".png") : null;
+    }
+    static get assetsDirs() { return ["item-icons"]; }
+};
+SolutionItemIcon.style = SolutionItemIconStyle0;
+
+export { SolutionItemIcon as solution_item_icon };