@esri/solutions-components 0.10.22 → 0.10.24

package/dist/cjs/basemap-gallery_7.cjs.entry.js

@@ -732,7 +732,7 @@ const MapPicker = class {
     _getMapPicker() {
         const id = "map-picker-expand-toggle";
         const mapListIcon = this._mapListExpanded ? "chevron-up" : "chevron-down";
-        return (index.h("div", { class: "width-full" }, index.h("calcite-button", { alignment: "icon-end-space-between", appearance: "transparent", class: "width-full height-full", iconEnd: mapListIcon, id: id, kind: "neutral", onClick: () => this._chooseMap(), width: "full" }, this._webMapInfo?.name), index.h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": id }, index.h("span", null, this._translations.switchMap))));
+        return (index.h("div", { class: "width-full" }, index.h("calcite-button", { alignment: "icon-end-space-between", appearance: "transparent", class: "width-full height-full", iconEnd: mapListIcon, iconStart: "map", id: id, kind: "neutral", onClick: () => this._chooseMap(), width: "full" }, this._webMapInfo?.name), index.h("calcite-tooltip", { placement: "bottom", "reference-element": id }, index.h("span", null, this._translations.switchMap))));
     }
     /**
      * Create the toolbar (controls used for map and app interactions)

package/dist/cjs/{calcite-accordion-item.cjs.entry.js → calcite-accordion_2.cjs.entry.js}

@@ -8,15 +8,96 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a0af791.js');
+const observers = require('./observers-5f9f67ee.js');
 const conditionalSlot = require('./conditionalSlot-2d2541f4.js');
 const dom = require('./dom-3d3a8f25.js');
 const resources = require('./resources-f11e9bd6.js');
 const component = require('./component-7f2bd646.js');
 const loadable = require('./loadable-0e357195.js');
-require('./observers-5f9f67ee.js');
 require('./browser-2893460e.js');
 require('./guid-42cda8c9.js');
 
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.12.2
+ */
+const CSS$1 = {
+    accordion: "accordion",
+    transparent: "accordion--transparent",
+};
+
+const accordionCss = ":host{position:relative;display:block;max-inline-size:100%;line-height:1.5rem}.accordion{border-width:1px;border-block-end-width:0px;border-style:solid;border-color:var(--calcite-accordion-border-color, var(--calcite-color-border-2));background-color:var(--calcite-accordion-background-color, var(--calcite-color-foreground-1))}.accordion--transparent{--calcite-accordion-border-color:transparent;border-color:var(--calcite-color-transparent);background-color:var(--calcite-color-transparent)}:host([scale=s]){--calcite-internal-accordion-item-spacing-unit:0.25rem;--calcite-internal-accordion-icon-margin:0.5rem;--calcite-internal-accordion-item-padding:var(--calcite-internal-accordion-item-spacing-unit) 0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-internal-accordion-item-spacing-unit:0.5rem;--calcite-internal-accordion-icon-margin:0.75rem;--calcite-internal-accordion-item-padding:var(--calcite-internal-accordion-item-spacing-unit) 0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-internal-accordion-item-spacing-unit:0.75rem;--calcite-internal-accordion-icon-margin:1rem;--calcite-internal-accordion-item-padding:var(--calcite-internal-accordion-item-spacing-unit) 1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([hidden]){display:none}[hidden]{display:none}";
+const CalciteAccordionStyle0 = accordionCss;
+
+const Accordion = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.calciteInternalAccordionChange = index.createEvent(this, "calciteInternalAccordionChange", 6);
+        this.mutationObserver = observers.createObserver("mutation", () => this.updateAccordionItems());
+        this.appearance = "solid";
+        this.iconPosition = "end";
+        this.iconType = "chevron";
+        this.scale = "m";
+        this.selectionMode = "multiple";
+    }
+    handlePropsChange() {
+        this.updateAccordionItems();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    connectedCallback() {
+        this.mutationObserver?.observe(this.el, { childList: true });
+        this.updateAccordionItems();
+    }
+    disconnectedCallback() {
+        this.mutationObserver?.disconnect();
+    }
+    render() {
+        const transparent = this.appearance === "transparent";
+        return (index.h("div", { key: '1399ab312fad432bde78fdedd0435848b53109ef', class: {
+                [CSS$1.transparent]: transparent,
+                [CSS$1.accordion]: !transparent,
+            } }, index.h("slot", { key: '3ab7863d23eabb6c5ce499de42dab74df885ccdd' })));
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Event Listeners
+    //
+    //--------------------------------------------------------------------------
+    updateActiveItemOnChange(event) {
+        this.calciteInternalAccordionChange.emit({
+            requestedAccordionItem: event.detail.requestedAccordionItem,
+        });
+        event.stopPropagation();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    updateAccordionItems() {
+        this.el.querySelectorAll("calcite-accordion-item").forEach((item) => {
+            item.iconPosition = this.iconPosition;
+            item.iconType = this.iconType;
+            item.scale = this.scale;
+        });
+        // sync props on items across shadow DOM
+        document.dispatchEvent(new CustomEvent("calciteInternalAccordionItemsSync"));
+    }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "iconPosition": ["handlePropsChange"],
+        "iconType": ["handlePropsChange"],
+        "scale": ["handlePropsChange"],
+        "selectionMode": ["handlePropsChange"]
+    }; }
+};
+Accordion.style = CalciteAccordionStyle0;
+
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
@@ -199,4 +280,5 @@ const AccordionItem = class {
 };
 AccordionItem.style = CalciteAccordionItemStyle0;
 
+exports.calcite_accordion = Accordion;
 exports.calcite_accordion_item = AccordionItem;

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

@@ -19,7 +19,7 @@ const interactive = require('./interactive-3b85d8df.js');
 const resources$1 = require('./resources-4c3e1c50.js');
 const locale$1 = require('./locale-a09603ee.js');
 const mapViewUtils = require('./mapViewUtils-18c46b84.js');
-const popupUtils = require('./popupUtils-c38f840d.js');
+const popupUtils = require('./popupUtils-24306e6b.js');
 require('./guid-42cda8c9.js');
 require('./resources-f11e9bd6.js');
 require('./browser-2893460e.js');
@@ -28,7 +28,7 @@ require('./observers-5f9f67ee.js');
 require('./esri-loader-08dc41bd.js');
 require('./_commonjsHelpers-baf43783.js');
 require('./interfaces-09c4c40e.js');
-require('./downloadUtils-470f6a27.js');
+require('./downloadUtils-17f08e5e.js');
 require('./solution-resource-40e70253.js');
 require('./index-f052f656.js');
 require('./restHelpersGet-5c2245a3.js');

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

@@ -1379,7 +1379,8 @@ const MapLayerPicker = class {
      * @returns Calcite label with the layer name and icon
      */
     _getSingleLayerPlaceholder() {
-        return (index.h("div", { class: "layer-picker-label-container cursor-default" }, index.h("calcite-icon", { icon: "layers", scale: "s" }), index.h("calcite-label", { class: "no-bottom-margin padding-start-1" }, this.selectedName)));
+        const itemTypeIcon = this._getItemTypeIcon();
+        return (index.h("div", { class: "layer-picker-label-container cursor-default" }, index.h("calcite-icon", { icon: itemTypeIcon, scale: "s" }), index.h("calcite-label", { class: "no-bottom-margin padding-start-1" }, this.selectedName)));
     }
     /**
      * Create a list of layers from the map
@@ -1427,10 +1428,24 @@ const MapLayerPicker = class {
      * @returns the node for the button
      */
     _getDropdownButton() {
+        const itemTypeIcon = this._getItemTypeIcon();
         const buttonClass = this.isMobile ? "" : "max-width-350";
         const buttonSlot = this.isMobile ? "trigger" : "";
         const buttonIcon = this._isDropdownOpen ? "chevron-up" : "chevron-down";
-        return (index.h("calcite-button", { alignment: "icon-end-space-between", appearance: this.appearance, class: buttonClass, iconEnd: buttonIcon, iconStart: "layers", kind: "neutral", slot: buttonSlot, width: "full" }, index.h("div", null, this.selectedName)));
+        return (index.h("calcite-button", { alignment: "icon-end-space-between", appearance: this.appearance, class: buttonClass, iconEnd: buttonIcon, iconStart: itemTypeIcon, kind: "neutral", slot: buttonSlot, width: "full" }, index.h("div", null, this.selectedName)));
+    }
+    /**
+     * Get the appropriate icon based on the selected layer or table
+     *
+     * @returns a string for the appropriate icon
+     */
+    _getItemTypeIcon() {
+        let itemTypeIcon = "layers";
+        if (this.selectedIds.length > 0) {
+            const id = this.selectedIds[0];
+            itemTypeIcon = Object.keys(this._layerNameHash).indexOf(id) > -1 ? "layers" : "table";
+        }
+        return itemTypeIcon;
     }
     /**
      * Get the appropriate type of dom nodes for each valid layer or table

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

@@ -2208,7 +2208,7 @@ const SolutionItemDetails = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: '66924107ce947a376028ae9cedde446311f131bf' }, index.h("div", { key: '8cb3221e632b06a070455014637534c35a1f8b09', class: "parent-container" }, index.h("div", { key: '104f2c5e01ac4af2a238c001fa890902de4354e3', class: "inputBottomSeparation" }, index.h("calcite-input", { key: '9735e02ba2487f40d4c1f95047e9d33299562be4', id: "item-title", value: this.itemDetails.title })), index.h("div", { key: 'ab8a525e9fef7904fb547b4b2ef76ce716a0fd8c', class: "inputBottomSeparation" }, index.h("input", { key: 'd8e98a227f7f77921f3e6eefd49ff650e72c0c8c', 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: '5465e97b62201bd47cc75a44a36bce007419b22f', class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, index.h("svg", { key: '3bfa09cf4808b3a13dcd552b5bfdc6e747a33b67', class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, index.h("path", { key: '28eb743b0ec445dbe6f7a1bafa38bd00e4d13c43', 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: '187f3292746d58cc8f46e5d422923424a29c3a7a', class: "flex" }, index.h("div", { key: '5b3ba4347bcbb2ba7f86404c5ea5634831dd916a', class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, index.h("img", { key: '87ca825056fdb5f07e2641748c2faa284381bcf4', class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), index.h("div", { key: '6d343a236607c72a51b22b0b43e0e29cf57ba361', class: "snippet-count-container" }, index.h("calcite-input", { key: '3bff884cf3b462942e9a959c323f1a47b8ac1fb9', id: "item-snippet", maxLength: 250, type: "textarea", value: this.itemDetails.snippet }), index.h("label", { key: 'fdd0951508f0c422fc28c79488c126f70af07f88', class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), index.h("calcite-label", { key: '42cdb37a1ba254bd863b7f424e1d6b1d2524b3bc' }, this._translations.description, index.h("label", { key: 'd45d8bbd0bfd913f100e5f446265b9336d50a93a', id: "item-description-label" }, index.h("calcite-input", { key: 'cbe6a819f00d2015858e632e2dd417260dc8c58f', id: "item-description", type: "textarea", value: this.itemDetails.description }))), index.h("calcite-label", { key: 'de374dafb6856b650c1fe59913b7bb9c53b9ede7' }, this._translations.tags, index.h("label", { key: '265b4ff2b4210c36f15d2b66a18e4b5943b4ef09', id: "item-tags-label" }, index.h("calcite-input", { key: '8f93a4ae7cefa909351ca9eee36a995315474cfb', 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: '84bfa00fcedb54a43856c92e8446305d15d1a54a' }, index.h("div", { key: 'bceaddf6dcc35e5a22cad12e661c17f716fd165e', class: "parent-container" }, index.h("div", { key: '17834a249ffbbbd3ee54617fa2f2224816dd59b1', class: "inputBottomSeparation" }, index.h("calcite-input", { key: '372ceefe695e7c54a4ad35cf5b496202037fd57c', id: "item-title", value: this.itemDetails.title })), index.h("div", { key: 'fc356bd1e3bb965b7555dcea9fccfce44ca96a31', class: "inputBottomSeparation" }, index.h("input", { key: '11dc51158e385025d139372682b33d2093956a50', 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: 'abc5c96ec20adb16026fd6a7c3eb41871512d360', class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, index.h("svg", { key: '35ce23e7fe17e7f45110e028ddb0c31e033f6f34', class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, index.h("path", { key: '0bab7e61e1261db38a1a62dd085f63de5993a640', 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: '4dff94a716f70a350168ae123f0afb41f360fb3b', class: "flex" }, index.h("div", { key: 'bda8e51d80a72f221eb02ea915609b1e2175a56f', class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, index.h("img", { key: '3b606e141fae758b24d6114d7433cfdec9570ba9', class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), index.h("div", { key: '3f5c6fd680a45c754e2b798566776363e94bf307', class: "snippet-count-container" }, index.h("calcite-input", { key: '3d35c224c6d8b34483712e392aeca8a87e0d0810', id: "item-snippet", maxLength: 250, type: "textarea", value: this.itemDetails.snippet }), index.h("label", { key: '1aecd6515a83c523c991d5ccd9516ff14384a13a', class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), index.h("calcite-label", { key: '3052a4847edc5afd336a763e8e6933694aad9d6d' }, this._translations.description, index.h("label", { key: '595de020ea7e1e5b61296f7c9b17f1a02a0741e0', id: "item-description-label" }, index.h("calcite-input", { key: '135cb36c76f6462aa470f9b7680ebefa6be60018', id: "item-description", type: "textarea", value: this.itemDetails.description }))), index.h("calcite-label", { key: '8f51b5f1d2607e040b6a94920d2f581b3595838f' }, this._translations.tags, index.h("label", { key: '21b84a7bcb9d5b8b56e7b6ccee0b49e940e1faf3', id: "item-tags-label" }, index.h("calcite-input", { key: '8f3b14471019c703944e531abca80b01751b04e1', 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();
@@ -2386,7 +2386,7 @@ const SolutionItemSharing = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: '63291062c3de65e5b1be43c8b4ad576dec5bc03d' }, index.h("div", { key: '3d85e17d3a1b62ebddf941d2cf2d7003fb09fa3e', class: "container-border" }, index.h("calcite-label", { key: '0c4266ddfa4e38fa61d2963a18263af08139a38d' }, this._translations.groupInfo), this._renderItems(this.sharing))));
+        return (index.h(index.Host, { key: '6a9facacd8961a53dd4e49082def5573732d49bf' }, index.h("div", { key: '6eaf512253573a4db25ec64ebe1439228df4845d', class: "container-border" }, index.h("calcite-label", { key: 'db5680d010759bdb28b774293b8ae1522c9d8052' }, this._translations.groupInfo), this._renderItems(this.sharing))));
     }
     //--------------------------------------------------------------------------
     //
@@ -2505,7 +2505,7 @@ const SolutionOrganizationVariables = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: '76e0f912c6793c1ef3f8a7f1c30bf8150ee56b11' }, index.h("div", { key: '08466bae42b7911d81f0047024d53cc759486545' }, index.h("h4", { key: 'b14ce6b8dbc48e7772b4dff6ce7568789012b497', class: "org-var-header" }, this._translations.orgVariables)), index.h("div", { key: '0da50a1ff0dbcd341cf98f7319255ef2d0e922c7', class: "container-border" }, index.h("calcite-tree", { key: '463beeb427ed3358ce9358c1363ff0f62a34a714', id: "variable-label" }, this._renderHierarchy(this._organizationVariables)))));
+        return (index.h(index.Host, { key: '99ef09d7f851a57d42c7f7ad5cd6e303b9508d17' }, index.h("div", { key: '7217187249febdbbf3899d96cdbb2a45474343b7' }, index.h("h4", { key: 'd5d01648936de6726d7422f81f58ad998574ea87', class: "org-var-header" }, this._translations.orgVariables)), index.h("div", { key: '22d6f7fb4b0d8f570dbcf9dcac08dce7e2f6383e', class: "container-border" }, index.h("calcite-tree", { key: '5f21f4fc4b378da1b144dbeb1e19df2f43bcee61', id: "variable-label" }, this._renderHierarchy(this._organizationVariables)))));
     }
     //--------------------------------------------------------------------------
     //
@@ -2603,7 +2603,7 @@ const SolutionResourceItem = class {
      */
     render() {
         const hasValidResources = this._hasValidResources();
-        return (index.h(index.Host, { key: '106f481657df3169901b74a9a44254cb60ebcbc1' }, index.h("div", { key: 'de5496a1f9ee00d881960691112af008fa3348e0', class: "resource-item" }, index.h("div", { key: 'df37567b6feebe82f0c642d11df50ae2a60b4c85', class: "margin-bottom-1" }, index.h("calcite-button", { key: '043e569dc938d27c7b2f007fc818791d3cecf266', appearance: "solid", class: "resource-button", color: "blue", onClick: () => this._addNewResource() }, this._translations.addResource), index.h("calcite-button", { key: 'be01e64fb47fa243dbcf9f0b5f387152b6da7f57', appearance: "solid", color: "blue", disabled: !hasValidResources, onClick: () => this._downloadAll() }, this._translations.downloadAll)), index.h("div", { key: '5a08b047d2bdbb5ee3c7f46ebc1b75c27d08b450', class: "resources-container", style: { display: hasValidResources ? "inherit" : "none" } }, this._renderResourceList()))));
+        return (index.h(index.Host, { key: 'eb76345d460620ea6229c1ac94eaf5dec9943c1e' }, index.h("div", { key: '8dfb91c0ca0d4201940e29bcb809002da1cd9d76', class: "resource-item" }, index.h("div", { key: 'a6ec9664d267c25eada0432e6825369fdc82676f', class: "margin-bottom-1" }, index.h("calcite-button", { key: 'd84827e9dbe4ad68544430c007b28c5e9929e076', appearance: "solid", class: "resource-button", color: "blue", onClick: () => this._addNewResource() }, this._translations.addResource), index.h("calcite-button", { key: 'd88b2928ca6994054f899823701327ece50a937b', appearance: "solid", color: "blue", disabled: !hasValidResources, onClick: () => this._downloadAll() }, this._translations.downloadAll)), index.h("div", { key: '445c0c3e2deb3b546f4c84186a148e8888477d13', class: "resources-container", style: { display: hasValidResources ? "inherit" : "none" } }, this._renderResourceList()))));
     }
     _removedResources = {};
     //--------------------------------------------------------------------------
@@ -2885,7 +2885,7 @@ const SolutionTemplateData = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: 'b907b06222070e2d3c6c6df2d84f76de0f0eb38c' }, index.h("div", { key: 'ee0602b96a42abffbe304ab87e3509c3becd7a20', class: "solution-data-container" }, index.h("calcite-shell", { key: 'bda449f2095f54307e36da0cad30c9925dce71d1', class: "light var-container", dir: "ltr" }, index.h("calcite-panel", { key: '258b22d836fcbc1b673922f153aaa706265499e4', class: "json-editor" }, index.h("div", { key: 'e8a68cc1f67ea6884ecb69d260fe8c75720e6507', class: "solution-data-child-container calcite-match-height" }, index.h("json-editor", { key: 'fcdc35e68a49f118344e9f6e680d00695cb0627f', class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, value: this.value }))), index.h("calcite-shell-panel", { key: '8491cafb36bc5ec37e3a4162cf4ccf754c27f168', "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, index.h("div", { key: '100427789b8741e91578272e1c6599ea3274e841', class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, index.h("calcite-button", { key: '698c51a7ef4ed24f4729999a92e2b2d65919b130', 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: 'd75faf0b3baa7a770603a5e64b310fa537c66a5b', class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, index.h("solution-organization-variables", { key: '0d87e21946cc7414d577fce30b58d6633faa48ce', value: this.organizationVariables })), index.h("div", { key: '74c325d0174842c55d3ec44b8230450048460d57', class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, index.h("solution-variables", { key: 'e91eb808161167ccf62771a81d42c07446642791', value: this.solutionVariables }))))))));
+        return (index.h(index.Host, { key: '78d31b01a7b3aac5e3b63ec59fa0225e662c3532' }, index.h("div", { key: '84ad00f60d5ad98fc14fad50b2db93844e54a842', class: "solution-data-container" }, index.h("calcite-shell", { key: '0e56c32e9ba92e9e536ce16f30db4e59d1c71094', class: "light var-container", dir: "ltr" }, index.h("calcite-panel", { key: 'ab251fe749493d11b61359f3f018fa87917d83c6', class: "json-editor" }, index.h("div", { key: '94be603b8c03bccbcc31293839d633ffa0ca5b15', class: "solution-data-child-container calcite-match-height" }, index.h("json-editor", { key: '76a5a31ae0dc54d59a300e0d6cc6b543e994d322', class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, value: this.value }))), index.h("calcite-shell-panel", { key: '5405b6aa574c721965bbdd4aabf90981f82c7da7', "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, index.h("div", { key: 'e7b57aa1f91e479a7538b5bb60fff9ff096bc9c9', class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, index.h("calcite-button", { key: 'ddd017fee5c66d79cd2c6239b847aacef9e04070', 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: 'a45aec86952e3172c76153b01a54076d97050de9', class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, index.h("solution-organization-variables", { key: 'e138b7ec4c256c916ef52cef6d17f0d9a839d506', value: this.organizationVariables })), index.h("div", { key: '9444585d82bc85f2cf535ecc8921b2d3f67b398d', class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, index.h("solution-variables", { key: '030de51ff885c3ddf549fc4898c31ec23bb0d303', value: this.solutionVariables }))))))));
     }
     _initializing = false;
     //--------------------------------------------------------------------------
@@ -2959,7 +2959,7 @@ const SolutionVariables = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: '433753b4da6f9f84d1f0e205523530cfdf07f6cd' }, index.h("div", { key: '5ae081220ce5c01e89ae7c4f8167e5d8b80d818b' }, index.h("h4", { key: 'bcbe1103c8e52db304b2d90ced42acd7d3dd2974', class: "org-var-header" }, this._translations.solVariables)), index.h("div", { key: '869027e1f0351685570f15e062e89cba32fefac5', class: "container-border" }, index.h("calcite-tree", { key: 'cc5d2c6fae7154cdbacb990d917830696d79e6c3', id: "variable-label" }, this._renderHierarchy(this._solutionVariables)))));
+        return (index.h(index.Host, { key: '5d3ed27bced41fb6bf6c393ddde152fb0056d25b' }, index.h("div", { key: 'cb05d3c237719abd539b21b38968a41364c1880e' }, index.h("h4", { key: '367eb15af209dfed31b43f705fb6de05e25bb374', class: "org-var-header" }, this._translations.solVariables)), index.h("div", { key: '10142202269a9f2eaa82c0b50a1980d9f3051208', class: "container-border" }, index.h("calcite-tree", { key: 'd89353a7fe357851a697df036ae7795154254759', id: "variable-label" }, this._renderHierarchy(this._solutionVariables)))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/cjs/{calcite-tree_3.cjs.entry.js → calcite-tree_2.cjs.entry.js}

@@ -612,322 +612,5 @@ const TreeItem = class {
 };
 TreeItem.style = CalciteTreeItemStyle0;
 
-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) {
-        index.registerInstance(this, hostRef);
-        this.isPortal = false;
-        this.type = "";
-        this.typeKeywords = [];
-    }
-    get el() { return index.getElement(this); }
-    //--------------------------------------------------------------------------
-    //
-    //  Lifecycle
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Renders the component.
-     */
-    render() {
-        return index.h("div", { key: 'b09dad770feb6278f79ffb9351e8907bfc9ab71c', title: this.type }, index.h("img", { key: '58f68fa8835383382fa7d9bcf86f597e2557868b', 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 ? index.getAssetPath(imgDir + imgName + size + ".png") : null;
-    }
-    static get assetsDirs() { return ["item-icons"]; }
-};
-SolutionItemIcon.style = SolutionItemIconStyle0;
-
 exports.calcite_tree = Tree;
 exports.calcite_tree_item = TreeItem;
-exports.solution_item_icon = SolutionItemIcon;

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

@@ -10,7 +10,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-5a0af791.js');
 const locale = require('./locale-a09603ee.js');
 const mapViewUtils = require('./mapViewUtils-18c46b84.js');
-const downloadUtils = require('./downloadUtils-470f6a27.js');
+const downloadUtils = require('./downloadUtils-17f08e5e.js');
 require('./esri-loader-08dc41bd.js');
 require('./_commonjsHelpers-baf43783.js');
 require('./interfaces-09c4c40e.js');
@@ -896,7 +896,7 @@ const LayerTable = class {
     _getFieldlist() {
         return this._columnsInfo ? (index.h("calcite-dropdown-group", { "selection-mode": "multiple" }, Object.keys(this._columnsInfo).map(k => {
             const selected = this._columnsInfo[k];
-            return (index.h("calcite-dropdown-item", { id: k, onClick: (e) => {
+            return (index.h("calcite-dropdown-item", { id: `layer-table-${k.toLowerCase().replaceAll(" ", "")}`, onClick: (e) => {
                     const target = e.target;
                     this._columnsInfo[target.id] = target.selected;
                     if (!target.selected) {
@@ -1236,7 +1236,7 @@ const LayerTable = class {
     _getDropdown(id) {
         const dropdownItems = this._getDropdownItems();
         return dropdownItems.length > 0 ? (index.h("calcite-dropdown", { closeOnSelectDisabled: true, disabled: this._layer === undefined, id: "solutions-more", onCalciteDropdownBeforeClose: () => this._forceShowHide(), ref: (el) => this._moreDropdown = el }, index.h("calcite-action", { appearance: "solid", id: id, label: "", onClick: () => this._closeShowHide(), slot: "trigger", text: "" }, index.h("calcite-button", { appearance: "transparent", iconEnd: "chevron-down", kind: "neutral" }, this._translations.more)), index.h("calcite-dropdown-group", { "selection-mode": "none" }, dropdownItems.map(item => {
-            return (index.h("calcite-dropdown-group", { class: item.disabled ? "disabled" : "", selectionMode: item.disabled ? "none" : "single" }, index.h("calcite-dropdown-item", { disabled: item.loading, iconStart: item.isSublist && this._showHideOpen ? "chevron-down" : item.loading ? "" : item.icon, id: "solutions-subset-list", onClick: item.func }, item.loading ? (index.h("div", { class: "display-flex" }, index.h("calcite-loader", { inline: true, label: item.label, scale: "m" }), item.label)) : item.label)));
+            return (index.h("calcite-dropdown-group", { class: item.disabled ? "disabled" : "", selectionMode: item.disabled ? "none" : "single" }, index.h("calcite-dropdown-item", { disabled: item.loading, iconStart: item.isSublist && this._showHideOpen ? "chevron-down" : item.loading ? "" : item.icon, id: `layer-table-${item.icon}`, onClick: item.func }, item.loading ? (index.h("div", { class: "display-flex" }, index.h("calcite-loader", { inline: true, label: item.label, scale: "m" }), item.label)) : item.label)));
         })), this._showHideOpen ? this._getFieldlist() : undefined)) : undefined;
     }
     /**
@@ -1259,7 +1259,7 @@ const LayerTable = class {
      */
     _getAction(active, icon, indicator, label, func, disabled, loading, slot) {
         const _disabled = this._layer === undefined ? true : disabled;
-        return (index.h("div", { class: "display-flex", id: this._getId(icon), slot: slot }, index.h("calcite-action", { active: active, appearance: "solid", disabled: _disabled, icon: icon, id: icon, indicator: indicator, label: label, loading: loading, onClick: func, text: label, textEnabled: true }), this._getToolTip("bottom", icon, label)));
+        return (index.h("div", { class: "display-flex", id: this._getId(icon), slot: slot }, index.h("calcite-action", { active: active, appearance: "solid", disabled: _disabled, icon: icon, id: `layer-table-${icon}`, indicator: indicator, label: label, loading: loading, onClick: func, text: label, textEnabled: true }), this._getToolTip("bottom", icon, label)));
     }
     /**
      * Get an action and tooltip for share