@esri/solutions-components 0.8.3 → 0.8.5

package/dist/solutions-components/solution-contents.entry.js

@@ -1,80 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { r as registerInstance, e as createEvent, h, a as Host, g as getElement } from './index-bdfaac50.js';
-
-const solutionContentsCss = ".icon-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";
-
-const SolutionContents = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.solutionItemSelected = createEvent(this, "solutionItemSelected", 7);
-        this.selectedItemId = undefined;
-        this.templateHierarchy = [];
-    }
-    valueWatchHandler(v, oldV) {
-        if (v && v !== oldV && Array.isArray(v) && v.length > 0) {
-            this._treeItemSelected(v[0].id);
-        }
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Lifecycle
-    //
-    //--------------------------------------------------------------------------
-    componentWillLoad() {
-        this.valueWatchHandler(this.templateHierarchy, []);
-    }
-    /**
-     * Renders the component.
-     */
-    render() {
-        return (h(Host, null, h("calcite-tree", null, this.renderHierarchy(this.templateHierarchy))));
-    }
-    renderHierarchy(objs) {
-        return objs.map((obj) => {
-            const selected = this.selectedItemId && this.selectedItemId === obj.id;
-            return (obj.dependencies && obj.dependencies.length > 0) ?
-                (h("calcite-tree-item", { onClick: (evt) => this._treeItemSelected(obj.id, evt), selected: selected }, h("solution-item-icon", { type: obj.type, typeKeywords: obj.typeKeywords }), h("span", { class: "icon-text", title: obj.title }, obj.title), h("calcite-tree", { slot: "children" }, this.renderHierarchy(obj.dependencies))))
-                :
-                    (h("calcite-tree-item", { onClick: (evt) => this._treeItemSelected(obj.id, evt), selected: selected }, h("solution-item-icon", { type: obj.type, typeKeywords: obj.typeKeywords }), h("span", { class: "icon-text", title: obj.title }, obj.title)));
-        });
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Public Methods (async)
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Publishes the `solutionItemSelected` event containing `solutionItem` of the selected item.
-     *
-     * Also toggles the expanded state of the tree item.
-     *
-     * @param solutionItem the selected solution item to emit
-     * @param evt MouseEvent or undefined
-     */
-    _treeItemSelected(itemId, evt = undefined) {
-        var _a;
-        const treeItem = (_a = evt === null || evt === void 0 ? void 0 : evt.target) === null || _a === void 0 ? void 0 : _a.closest("calcite-tree-item");
-        if (treeItem) {
-            treeItem.expanded = !(treeItem === null || treeItem === void 0 ? void 0 : treeItem.expanded);
-        }
-        this.selectedItemId = itemId;
-        this.solutionItemSelected.emit(itemId);
-    }
-    static get assetsDirs() { return ["item-type-icons"]; }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "templateHierarchy": ["valueWatchHandler"]
-    }; }
-};
-SolutionContents.style = solutionContentsCss;
-
-export { SolutionContents as solution_contents };

package/dist/solutions-components/solution-item-details.entry.js

@@ -1,195 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { r as registerInstance, h, a as Host, g as getElement } from './index-bdfaac50.js';
-import { s as state } from './solution-store-31cccb90.js';
-import { g as getLocaleComponentStrings } from './locale-d9463a95.js';
-import './index-91eeaf01.js';
-import './interfaces-586e863c.js';
-import './index-7fc1cba9.js';
-import './_commonjsHelpers-3cd6d4ee.js';
-import './index-a1e91462.js';
-import './loadModules-827c5581.js';
-import './esri-loader-af2bbfd5.js';
-
-const solutionItemDetailsCss = ".inputBottomSeparation{margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:1.5rem}.icon-inline--on-left,.icon-inline--on-right{display:inline;vertical-align:middle;margin-inline-end:0.375rem;fill:#0079c1}.scale-down{-o-object-fit:scale-down;object-fit:scale-down}.img-container{display:inline;margin-inline-end:1rem;max-width:363px}.summary-count-container{display:inline;flex-grow:1;margin-inline-start:0.75rem}.snippet-count-container{width:calc(100vw - 363px)}.parent-container{max-width:100%;padding:1rem}label{position:relative;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:1.5rem;display:block;min-width:-moz-min-content;min-width:min-content}";
-
-const SolutionItemDetails = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.itemId = "";
-        this.itemDetails = {
-            accessInformation: "",
-            description: "",
-            licenseInfo: "",
-            snippet: "",
-            tags: [],
-            title: ""
-        };
-        this.itemEdit = undefined;
-        this._translations = undefined;
-        this.thumbnail = undefined;
-        this.thumbnailContainer = undefined;
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Lifecycle
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * StencilJS: Called once just after the component is first connected to the DOM.
-     */
-    async componentWillLoad() {
-        return this._getTranslations();
-    }
-    async componentWillRender() {
-        this.itemEdit = state.getItemInfo(this.itemId);
-        if (this.itemEdit) {
-            this.itemDetails = this.itemEdit.item;
-            this.itemType = this.itemDetails.type;
-        }
-        return Promise.resolve();
-    }
-    /**
-     * Renders the component.
-     */
-    render() {
-        return (h(Host, null, h("div", { class: "parent-container" }, h("div", { class: "inputBottomSeparation" }, h("calcite-input", { id: "item-title", value: this.itemDetails.title })), h("div", { class: "inputBottomSeparation" }, h("input", { 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" }), h("button", { class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, h("svg", { class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, h("path", { 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), h("div", { class: "flex" }, h("div", { class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, h("img", { class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), h("div", { class: "snippet-count-container" }, h("calcite-input", { id: "item-snippet", maxLength: 250, type: "textarea", value: this.itemDetails.snippet }), h("label", { class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), h("calcite-label", null, this._translations.description, h("label", { id: "item-description-label" }, h("calcite-input", { id: "item-description", type: "textarea", value: this.itemDetails.description }))), h("calcite-label", null, this._translations.tags, h("label", { id: "item-tags-label" }, h("calcite-input", { id: "item-tags", value: (this.itemDetails.tags && Array.isArray(this.itemDetails.tags) ? this.itemDetails.tags : [this.itemDetails.tags]).join(",") }))), this.itemType !== "Group" ? h("calcite-label", null, this._translations.credits, h("label", { id: "item-credits-label" }, h("calcite-input", { id: "item-credits", value: this.itemDetails.accessInformation }))) : null, this.itemType !== "Group" ? h("calcite-label", null, h("label", { id: "item-terms-label" }, this._translations.termsOfUse, h("calcite-input", { id: "item-terms", type: "textarea", value: this.itemDetails.licenseInfo }))) : null)));
-    }
-    componentDidRender() {
-        this._loadThumb();
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Event Listeners
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Updates the component's value with changes to the input fields.
-     */
-    inputReceivedHandler(event) {
-        switch (event.target.id) {
-            case "item-title":
-                this.itemDetails.title = event.target.value;
-                this._updateStore();
-                break;
-            case "item-snippet":
-                if (event.target.value.length > 250) {
-                    event.target.value = event.target.value.substring(0, 250);
-                }
-                this.itemDetails.snippet = event.target.value;
-                this._updateLengthLabel(this.itemDetails.snippet);
-                this._updateStore();
-                break;
-            case "item-description":
-                this.itemDetails.description = event.target.value;
-                this._updateStore();
-                break;
-            case "item-tags":
-                this.itemDetails.tags = event.target.value;
-                this._updateStore();
-                break;
-            case "item-credits":
-                this.itemDetails.accessInformation = event.target.value;
-                this._updateStore();
-                break;
-            case "item-terms":
-                this.itemDetails.licenseInfo = event.target.value;
-                this._updateStore();
-                break;
-        }
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Events
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Public Methods (async)
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Opens image file browse dialog.
-     *
-     */
-    _getThumbnail() {
-        this.browseForThumbnail.click();
-    }
-    /**
-     * Load the templates thumbnail
-     *
-     */
-    _loadThumb() {
-        var _a;
-        if (this.thumbnail && ((_a = this.itemEdit) === null || _a === void 0 ? void 0 : _a.thumbnail)) {
-            // Show the thumbnail
-            this.thumbnail.src = URL.createObjectURL(this.itemEdit.thumbnail);
-            this.thumbnailContainer.classList.remove("empty-box");
-            this.thumbnail.classList.remove("display-none");
-        }
-        else {
-            // Replace the thumbnail with an empty box
-            this.thumbnailContainer.classList.add("empty-box");
-            this.thumbnail.classList.add("display-none");
-        }
-    }
-    /**
-     * Updates the length label to reflect the current number of characters
-     * relative to the max number of characters supported.
-     *
-     * @param phrase the current phrase from the control
-     */
-    _updateLengthLabel(phrase) {
-        this.itemSnippetCount.innerText =
-            this._translations.snippetCountPattern.replace("{{n}}", phrase.length.toString());
-    }
-    /**
-     * Add or remove the value from the store
-     */
-    _updateStore() {
-        this.itemEdit = state.getItemInfo(this.itemId);
-        this.itemEdit.item = this.itemDetails;
-        state.setItemInfo(this.itemEdit);
-    }
-    /**
-     * Gets and displays image result from browse and updates the item in the store.
-     *
-     * @param event The input controls event that contains the new file
-     * @param updateStore boolean that controls if the new value is written to the store
-     *  should be false on the initial load but true the rest of the time
-     */
-    _updateThumbnail(event) {
-        const files = event.target.files;
-        if (files && files[0]) {
-            if (this.thumbnail) {
-                // Update UI
-                this.thumbnail.src = URL.createObjectURL(files[0]);
-                // Update info in store
-                this.itemEdit = state.getItemInfo(this.itemId);
-                this.itemEdit.thumbnail = files[0];
-                state.replaceItemThumbnail(this.itemEdit);
-            }
-        }
-    }
-    /**
-     * Fetches the component's translations
-     *
-     * @protected
-     */
-    async _getTranslations() {
-        const translations = await getLocaleComponentStrings(this.el);
-        this._translations = translations[0];
-    }
-    get el() { return getElement(this); }
-};
-SolutionItemDetails.style = solutionItemDetailsCss;
-
-export { SolutionItemDetails as solution_item_details };

package/dist/solutions-components/solution-item-icon.entry.js

@@ -1,323 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { r as registerInstance, h, j as getAssetPath, g as getElement } from './index-bdfaac50.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 SolutionItemIcon = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.isPortal = false;
-        this.type = "";
-        this.typeKeywords = [];
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Lifecycle
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Renders the component.
-     */
-    render() {
-        return h("div", { title: this.type }, h("img", { 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"]; }
-    get el() { return getElement(this); }
-};
-SolutionItemIcon.style = solutionItemIconCss;
-
-export { SolutionItemIcon as solution_item_icon };