@esri/solutions-components 0.10.44 → 0.10.46

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

@@ -428,7 +428,7 @@ const MapFullscreen = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: '28d49dabefbb64024028bd6d7b7a104fafd81eae' }, index.h("div", { key: '443af45e3ce2c83a797ebfaac9e442d57d05c34c', class: "fullscreen-widget", ref: (el) => { this._fullscreenElement = el; } })));
+        return (index.h(index.Host, { key: '7eec3dc5ab76a4ad8fdd24d8d18f8e6cf2820dde' }, index.h("div", { key: '2093cc2a6a3678209e61eea63ebde2f69ec00011', class: "fullscreen-widget", ref: (el) => { this._fullscreenElement = el; } })));
     }
     /**
      * StencilJS: Called just after the component updates.
@@ -555,7 +555,7 @@ const MapLegend = class {
      * StencilJS: Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: '6b8c415650cb42727d7f09d3d4d92f8aebc7526b' }, index.h("div", { key: '36fd4c49d4ab19411fe309822e5b87104736282a', ref: (el) => { this._legendElement = el; } })));
+        return (index.h(index.Host, { key: '768d9d69042516c6d4edc55fcb0af23f90d33e6e' }, index.h("div", { key: 'e1147cf58240e7a6fcb9a00fce3649a380755e3d', ref: (el) => { this._legendElement = el; } })));
     }
     /**
      * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
@@ -715,7 +715,7 @@ const MapPicker = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: 'c6f59dfac8acfc06775a3a38cefa1fd2c2708722' }, this._getToolbar(), this._getMapNameList(this._mapListExpanded)));
+        return (index.h(index.Host, { key: 'ecfbf2669de4ce8c916e47c7a731f0a3ad33b419' }, this._getToolbar(), this._getMapNameList(this._mapListExpanded)));
     }
     /**
      * Called once after the component has loaded
@@ -900,7 +900,7 @@ const MapSearch = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: '3464734a35e8cf89f033d508d21831eef665c9b2' }, index.h("div", { key: 'bf79025ba97e9f26681a6c6200dcdbc2ea227ce8', class: "search-widget", ref: (el) => { this._searchElement = el; } })));
+        return (index.h(index.Host, { key: '36e0fb49fdedbe9e8789fba37f86a2f2d57b4e45' }, index.h("div", { key: '796ee258723e9277dc98323ba76def22bd7dca3a', class: "search-widget", ref: (el) => { this._searchElement = el; } })));
     }
     //--------------------------------------------------------------------------
     //
@@ -1207,7 +1207,7 @@ const MapTools = class {
         const toolMarginClass = this.enableSingleExpand ? "margin-top-1-2" : "";
         const toolOrder = this.toolOrder ? this.toolOrder : ["legend", "search", "fullscreen", "floorfilter"];
         const shadowClass = this.stackTools ? "box-shadow" : "";
-        return (index.h(index.Host, { key: '6287cfedcd109c621812cc823ee75487a166f7c0' }, index.h("div", { key: '6f3f1a8ff1fb9c1d671be044143eec4ca6708062', class: containerClass }, this.enableSingleExpand ? (index.h("div", { class: "box-shadow" }, this._getActionGroup(toggleIcon, false, expandTip, () => this._toggleTools()))) : undefined, index.h("div", { key: '156511461a6b6c4a98b47c62460754405f101574', class: `${toolMarginClass} ${shadowClass} ${toolsClass}` }, this._getMapWidgets(toolOrder))), index.h("basemap-gallery", { key: '7975fa8c2db0c3fc10534d538bc593f8543b330e', basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), index.h("map-search", { key: 'd7df2b0010bc62b9d2a9601018a962d3e8df2561', class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), index.h("map-legend", { key: '1bd19b87e9def0b81251aa422ef0024a938bd93d', class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), index.h("map-fullscreen", { key: 'c5a68a86acc284af7659f467f2fe98c6168b619e', class: fullscreenClass, mapView: this.mapView, onFullscreenStateChange: (evt) => this._fullscreenStateChange(evt.detail), ref: (el) => { this._fullscreenElement = el; } }), index.h("floor-filter", { key: '8d596ddeb353ac85635aa3ef550708e4ec4d5706', class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
+        return (index.h(index.Host, { key: '6a707a10b3cbe094548a863b13d0852969c46f94' }, index.h("div", { key: 'c1e349ba8577a87f967b31a7a042be30cb933d34', class: containerClass }, this.enableSingleExpand ? (index.h("div", { class: "box-shadow" }, this._getActionGroup(toggleIcon, false, expandTip, () => this._toggleTools()))) : undefined, index.h("div", { key: '7120793f9d707fb0d1914f5aeffb3293532ab891', class: `${toolMarginClass} ${shadowClass} ${toolsClass}` }, this._getMapWidgets(toolOrder))), index.h("basemap-gallery", { key: '11e280302f6b1f5287aa83c7eb33542f3a9d87ab', basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), index.h("map-search", { key: 'c3afd22dc8d652877f48a6def87e486546993d61', class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), index.h("map-legend", { key: 'b8fad3cdbc3b96b4f3441316651ad78b4ed3de65', class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), index.h("map-fullscreen", { key: 'e34111225f1ec80fedfd548196e407786d28200b', class: fullscreenClass, mapView: this.mapView, onFullscreenStateChange: (evt) => this._fullscreenStateChange(evt.detail), ref: (el) => { this._fullscreenElement = el; } }), index.h("floor-filter", { key: '2db5c7e6182d77786b162692169263495b2752f5', class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
     }
     //--------------------------------------------------------------------------
     //

package/dist/cjs/buffer-tools_3.cjs.entry.js

@@ -534,7 +534,7 @@ const MapDrawTools = class {
             "border" : "border esri-widget esri-sketch__panel";
         const undoRedoClass = this.drawMode === interfaces.EDrawMode.SKETCH ?
             "display-none" : "esri-widget esri-sketch__panel border-left esri-sketch__section";
-        return (index.h(index.Host, { key: 'c94ac0dde3ba21569ef86cb3ba5e92a427acd10f' }, index.h("div", { key: 'c699bf597d5a28d62dbba20fa6ddca38f406294f', class: containerClass }, index.h("div", { key: '78058d9155a650bb59e59ab9064a0286b7479759', ref: (el) => { this._sketchElement = el; } }), index.h("div", { key: '8cfc53dda2d1b272841acf40bd70b951111c359e', class: undoRedoClass }, index.h("calcite-action", { key: '5a8f0d0429f7d3df587957ae77ed935b0f99a5a0', disabled: !this.undoEnabled, icon: "undo", onClick: () => this._undo(), scale: "s", text: this._translations.undo }), index.h("calcite-action", { key: '163067cba4a163dc32d23c2d96cb2d9d967d287e', disabled: !this.redoEnabled, icon: "redo", onClick: () => this._redo(), scale: "s", text: this._translations.redo })))));
+        return (index.h(index.Host, { key: '253db0399bab5d5fc6f4232bb537ddeec81fec2c' }, index.h("div", { key: 'bbac53da8b8b1196cc3a7aedf5479cd4e33ab3ea', class: containerClass }, index.h("div", { key: '8d3dae2c2f82f7e4d7aae92d4a4c6050d2a96478', ref: (el) => { this._sketchElement = el; } }), index.h("div", { key: 'd635374374ebdff26157a1258ba84932d491e36a', class: undoRedoClass }, index.h("calcite-action", { key: 'fb437fec19fa7ffc57459e426ba988fd4d50c1e6', disabled: !this.undoEnabled, icon: "undo", onClick: () => this._undo(), scale: "s", text: this._translations.undo }), index.h("calcite-action", { key: 'fd3f4f3e8b722b95c0b7aad1fc6b909a97787b86', disabled: !this.redoEnabled, icon: "redo", onClick: () => this._redo(), scale: "s", text: this._translations.redo })))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/cjs/{calcite-alert_5.cjs.entry.js → calcite-alert_6.cjs.entry.js}

@@ -1262,6 +1262,141 @@ const CreateFeature = class {
 };
 CreateFeature.style = CreateFeatureStyle0;
 
+const deleteButtonCss = ":host{display:block}.delete-modal{position:fixed}";
+const DeleteButtonStyle0 = deleteButtonCss;
+
+const DeleteButton = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.editsComplete = index.createEvent(this, "editsComplete", 7);
+        this.deleteDialog = undefined;
+        this.buttonType = "button";
+        this.disabled = false;
+        this.icon = undefined;
+        this.ids = [];
+        this.layer = undefined;
+        this.locale = undefined;
+        this._confirmDelete = false;
+        this._deleteEndabled = false;
+        this._supportsDelete = undefined;
+        this._translations = undefined;
+    }
+    get el() { return index.getElement(this); }
+    //--------------------------------------------------------------------------
+    //
+    //  Properties (protected)
+    //
+    //--------------------------------------------------------------------------
+    //--------------------------------------------------------------------------
+    //
+    //  Watch handlers
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * watch for changes in layer view and verify if it has editing enabled
+     */
+    async idsWatchHandler() {
+        this._setDeleteEnabled();
+    }
+    /**
+     * watch for changes in layer view and verify if it has editing enabled
+     */
+    async layerWatchHandler() {
+        this._setDeleteEnabled();
+    }
+    /**
+     * Fetch translations when the locale is updated
+     */
+    async localeWatchHandler() {
+        // to support url param and language switcher
+        this.el.lang = this.locale;
+        await this._getTranslations();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Methods (public)
+    //
+    //--------------------------------------------------------------------------
+    //--------------------------------------------------------------------------
+    //
+    //  Events (public)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Emitted on demand when features have been deleted
+     */
+    editsComplete;
+    //--------------------------------------------------------------------------
+    //
+    //  Functions (lifecycle)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * StencilJS: Called once just after the component is first connected to the DOM.
+     *
+     * @returns Promise when complete
+     */
+    async componentWillLoad() {
+        await this._getTranslations();
+    }
+    /**
+     * Renders the component.
+     */
+    render() {
+        return (index.h(index.Host, { key: '1816da3d5cd7903b4e699dffa4ac4836dca722bb' }, this.buttonType === "button" ? (index.h("calcite-button", { appearance: "outline", disabled: !this._deleteEndabled, id: "solutions-delete", kind: "danger", onClick: () => this._delete(), width: "full" }, this._translations.deleteCount.replace("{{n}}", this.ids.length.toString()))) : (index.h("calcite-action", { appearance: "solid", compact: true, disabled: !this._deleteEndabled, id: this.icon, onClick: () => this._delete(), scale: "s", text: this._translations.delete }, index.h("calcite-button", { appearance: "transparent", iconStart: this.icon, kind: "danger" }, this._translations.delete))), this._deleteMessage(), index.h("calcite-tooltip", { key: '26fc4d4b4ea02b7a6c5e3f87abe2c5b8f96a3654', placement: "bottom", "reference-element": this.buttonType === "button" ? "solutions-delete" : this.icon }, index.h("span", { key: 'c2f7b101bb3a99274fe7f364ad29365c212d856e' }, this._translations.delete))));
+    }
+    /**
+     * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
+     */
+    async componentDidLoad() {
+        this._setDeleteEnabled();
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Functions (protected)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Verify if the layer supports delete and that we have 1 or more ids
+     */
+    _setDeleteEnabled() {
+        this._supportsDelete = this.layer?.editingEnabled && this.layer?.capabilities?.operations?.supportsDelete;
+        this._deleteEndabled = !this.disabled || this._supportsDelete && this.ids.length > 0;
+    }
+    /**
+     * Delete all selected records or shows an alert if the layer does not have editing enabled
+     *
+     * @returns a promise that will resolve when the operation is complete
+     */
+    _delete() {
+        this._confirmDelete = true;
+    }
+    /**
+     * Show delete confirmation message
+     *
+     * @returns node to confirm or deny the delete operation
+     */
+    _deleteMessage() {
+        return this.deleteDialog ? this.deleteDialog : (index.h("delete-dialog", { id: "solution-delete-dialog", ids: this.ids, layer: this.layer, locale: this.locale, onDeleteDialogClose: () => this._confirmDelete = false, open: this._confirmDelete }));
+    }
+    /**
+     * Fetches the component's translations
+     *
+     * @returns Promise when complete
+     * @protected
+     */
+    async _getTranslations() {
+        const messages = await locale$1.getLocaleComponentStrings(this.el);
+        this._translations = messages[0];
+    }
+    static get watchers() { return {
+        "ids": ["idsWatchHandler"],
+        "layer": ["layerWatchHandler"],
+        "locale": ["localeWatchHandler"]
+    }; }
+};
+DeleteButton.style = DeleteButtonStyle0;
+
 const editCardCss = ":host{display:block}.padding-bottom-1{padding-bottom:1rem}.font-bold{font-weight:var(--calcite-font-weight-bold)}.font-500{font-weight:var(--calcite-font-weight-medium)}.font-italic{font-style:italic}#feature-form{padding-top:0px}.padding-sides-bottom-1{padding:0 1rem 1rem 1rem}.position-relative{position:relative}.esri-editor__prompt--danger{position:relative !important;width:100% !important;background-color:var(--calcite-color-foreground-1) !important}.esri-feature__content-node{background-color:var(--calcite-color-foreground-1) !important}.esri-editor__panel-toolbar{display:none !important}.position-absolute{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto}.esri-editor__panel-content{padding-block:10px !important}";
 const EditCardStyle0 = editCardCss;
 
@@ -1965,5 +2100,6 @@ InfoCard.style = InfoCardStyle0;
 exports.calcite_alert = Alert;
 exports.calcite_flow_item = FlowItem;
 exports.create_feature = CreateFeature;
+exports.delete_button = DeleteButton;
 exports.edit_card = EditCard;
 exports.info_card = InfoCard;

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

@@ -1354,7 +1354,7 @@ const MapLayerPicker = class {
         const id = "map-layer-picker";
         let style = this.height > 0 ? { "height": `${this.height.toString()}px` } : {};
         style = { ...style, "display": this.display };
-        return (index.h(index.Host, { key: '33b19dbf87019ad071242aaa688e49f35e2c2808' }, index.h("div", { key: '85e781782fc529acae68b1137f8ec1a317b452a0', class: "map-layer-picker-container", style: style }, index.h("div", { key: 'c257b179b56939d998650c676e835c9976d9fb21', class: "map-layer-picker", style: style }, !this._hasValidLayers ? this._getInvalidPlaceholder() :
+        return (index.h(index.Host, { key: '47d80c20f364f6d4f1a247f7f84d25ca4ff5cd7b' }, index.h("div", { key: '16ecc0c3dad51b0707304e003861e419796f3fba', class: "map-layer-picker-container", style: style }, index.h("div", { key: '56a3d93b9f91afd753952a0e86fe9ee426c529f5', class: "map-layer-picker", style: style }, !this._hasValidLayers ? this._getInvalidPlaceholder() :
             !this._hasMultipleLayers && this.showSingleLayerAsLabel ? this._getSingleLayerPlaceholder() :
                 this.type === "combobox" ? this._getCombobox(id) :
                     this.type === "select" ? this._getSelect(id) : this._getDropdown(id)))));

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

@@ -2232,7 +2232,7 @@ const SolutionItemDetails = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: '9a0ddf363cb5e8abc5cbfd45ec0958befd81415d' }, index.h("div", { key: '0efb572f551fe4962ea9114bd32dc2004d47e00a', class: "parent-container" }, index.h("div", { key: '57ba57b956322c3339ea9265640def266717493b', class: "inputBottomSeparation" }, index.h("calcite-input", { key: 'e359cea6b2e94823970bbf8beb93e117963fa730', id: "item-title", value: this.itemDetails.title })), index.h("div", { key: 'c7b490a6f1f64ec2b10e8796ad3826d88e25280c', class: "inputBottomSeparation" }, index.h("input", { key: '776e1efb6ee1e29e75727f984165fa77bc36515d', 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: '12ece37e4d8ae802cb4fc2dbd3e1843496c674cb', class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, index.h("svg", { key: '5301bac0dd37771122384b968aca05eb9a714a12', class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, index.h("path", { key: 'a73dbc1d758fa28afe87dfc36efb5085f115b09c', 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: 'c07d1d3b4f38672855b2a4f3cfd66b91d85ad050', class: "flex" }, index.h("div", { key: '7de852550f467b8bb0bd8fa87c72552747d7397b', class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, index.h("img", { key: '7111cafeabac088b5ff729eed71746966ea66ae2', class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), index.h("div", { key: '4b0be864e8c38b9a8185ba301582a742cbf8188a', class: "snippet-count-container" }, index.h("calcite-input", { key: '9e307dc8a67f77dc61e0deeaf3aa528007921b1b', id: "item-snippet", maxLength: 250, type: "textarea", value: this.itemDetails.snippet }), index.h("label", { key: '83c0d63adc182afcb83f45bcbcec778552768b65', class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), index.h("calcite-label", { key: '1e17c1ae545adb010e216ac566e9cba5eec1fc1a' }, this._translations.description, index.h("label", { key: 'c0e125cd881b013af6da14de78635f9922163e39', id: "item-description-label" }, index.h("calcite-input", { key: '1cf2cb27f67edfee86fc9a36ae296f81ef6c4429', id: "item-description", type: "textarea", value: this.itemDetails.description }))), index.h("calcite-label", { key: '1f61dee7f09260a0277af8a8e3d620e229ce4225' }, this._translations.tags, index.h("label", { key: '73820279fa0134328f24741857e028c89b5caebc', id: "item-tags-label" }, index.h("calcite-input", { key: '88dc8f7cd156dfa5f52ae8412241c2f0bfca357c', 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: '91b7ce062e477c856e3a512e5247ac9fb3299fc9' }, index.h("div", { key: 'fa10231c42260d1117b14653359f531e0688a46c', class: "parent-container" }, index.h("div", { key: 'c6a3c70442de79c97f730c5c9a351f033a75e0f5', class: "inputBottomSeparation" }, index.h("calcite-input", { key: '8b33b09b05bd3d81bde6e739288ef806083bfe9a', id: "item-title", value: this.itemDetails.title })), index.h("div", { key: '288c1856a396fd47b6df74d76da153a70832a548', class: "inputBottomSeparation" }, index.h("input", { key: '16bedd351e0be19f7ef8b0f9e30ac8d54bf19512', 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: 'e0f9adf5152b9b292e859667bacf4d154e563302', class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, index.h("svg", { key: '99611f9c671193b9a833b76a6ed071bc8a61b18f', class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, index.h("path", { key: 'c499a06b58b083384ad0ab7b053c266bdc6db252', 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: 'fa7b1a1c072901eb2abed7f9c756320e03b8d7de', class: "flex" }, index.h("div", { key: 'e5e982728dfcc569987db0f3bbd621fea819fc6c', class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, index.h("img", { key: 'e09073dc5598c3dac5a020830b44e013dc884f2b', class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), index.h("div", { key: '3023ad5fba278e0a9982d51c63cf052ffb7a4dc4', class: "snippet-count-container" }, index.h("calcite-input", { key: '2b57abed7b2299b29e011363976290425457f194', id: "item-snippet", maxLength: 250, type: "textarea", value: this.itemDetails.snippet }), index.h("label", { key: 'b8af7f4e80bcc1722ba512f63941dc38dc8c3ae4', class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), index.h("calcite-label", { key: 'd364ae177e5ac0b8356b63cd842f5ef8f4a10bb8' }, this._translations.description, index.h("label", { key: '88655b88d2f5fbf3a000492c780110fc3a4d0634', id: "item-description-label" }, index.h("calcite-input", { key: '5034fb4d2ccf7927bb200dadd0d543ca05bb4da2', id: "item-description", type: "textarea", value: this.itemDetails.description }))), index.h("calcite-label", { key: '00f30749424b6c07279e11ba171d4335af6b6443' }, this._translations.tags, index.h("label", { key: '64564edcf7c4a55102d06ffd1c937fd275cc0733', id: "item-tags-label" }, index.h("calcite-input", { key: 'bc46622ffde1e9064e726594fd70c43c91fe36d7', 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();
@@ -2427,7 +2427,7 @@ const SolutionItemSharing = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: '1c7dbee68fbf0eabf736fb783f173ade2f408122' }, index.h("div", { key: '3c3d88ab122d4a8bc69363224a2754c4a4b092ba', class: "container-border" }, index.h("calcite-label", { key: '137bb704b258a3cd1e5e5b7a18c53aca331d7f91' }, this._translations.groupInfo), this._renderItems(this.sharing))));
+        return (index.h(index.Host, { key: 'eca66b743e748d9f915c6d356ea84075ab21709a' }, index.h("div", { key: 'b0765e14cc9de5a81afa5d20bc41e7f78913a37e', class: "container-border" }, index.h("calcite-label", { key: '36cbf3b48a2641bcb2107e61609c2ec6c9f18991' }, this._translations.groupInfo), this._renderItems(this.sharing))));
     }
     //--------------------------------------------------------------------------
     //
@@ -2561,7 +2561,7 @@ const SolutionOrganizationVariables = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: '3f72a5c1b8fb6bcdab858ee061eadb38cb9965d9' }, index.h("div", { key: '118c7cafc8330c44e72a59a76fd81ca0f39696e1' }, index.h("h4", { key: '86934bdf3cbf162a732a53579e324c5fff8beead', class: "org-var-header" }, this._translations.orgVariables)), index.h("div", { key: 'ed5c1df397286a7d1c8e61b5ce04623fa13d74cc', class: "container-border" }, index.h("calcite-tree", { key: '47f4f9bf5a81ded9a37a33a94fac6a230263e917', id: "variable-label" }, this._renderHierarchy(this._organizationVariables)))));
+        return (index.h(index.Host, { key: '4d1a39b53287d445a1fc66cd5088a7bc60516ab6' }, index.h("div", { key: '7a40ad712fe1af01e92701d128f65b0590aa15bc' }, index.h("h4", { key: '7517fc56b5b0128ee102dc3f57e334501befe14f', class: "org-var-header" }, this._translations.orgVariables)), index.h("div", { key: 'd48cbc3ffb24ba54ded2b24c7c518ecf8114cd55', class: "container-border" }, index.h("calcite-tree", { key: '383124c0ae3d646dc9ee857109051e7a151dbe62', id: "variable-label" }, this._renderHierarchy(this._organizationVariables)))));
     }
     //--------------------------------------------------------------------------
     //
@@ -2674,7 +2674,7 @@ const SolutionResourceItem = class {
      */
     render() {
         const hasValidResources = this._hasValidResources();
-        return (index.h(index.Host, { key: '13f2759a882d2eca48bf9dda58e74caade76142b' }, index.h("div", { key: '498ced2e29b8af9138a8aa9d77ec78e07e3c64de', class: "resource-item" }, index.h("div", { key: 'd76a967373a990906a67d88ea6466030c41401ff', class: "margin-bottom-1" }, index.h("calcite-button", { key: '96cd2ee08adadef9e1b29db12c38d4748b0689c0', appearance: "solid", class: "resource-button", color: "blue", onClick: () => this._addNewResource() }, this._translations.addResource), index.h("calcite-button", { key: '49326139cad065995512d3e3568c7d8e7f5cef4f', appearance: "solid", color: "blue", disabled: !hasValidResources, onClick: () => this._downloadAll() }, this._translations.downloadAll)), index.h("div", { key: '9c056d9ab7242ea10cbcf57eaabce4bd9777541e', class: "resources-container", style: { display: hasValidResources ? "inherit" : "none" } }, this._renderResourceList()))));
+        return (index.h(index.Host, { key: '36017a54e5f8fafda593af2b727f1fbda80c7455' }, index.h("div", { key: 'eb9f53c9b4161c09e0b00d9a4d90a814d944819c', class: "resource-item" }, index.h("div", { key: '504dfa5fb623ed27a0829f60ebbf5de17b6d467f', class: "margin-bottom-1" }, index.h("calcite-button", { key: 'e578443e1ef409917c5946c77e660c04d273cb6c', appearance: "solid", class: "resource-button", color: "blue", onClick: () => this._addNewResource() }, this._translations.addResource), index.h("calcite-button", { key: 'e4c11326d7c5d96de1d0983eb0beb3cf726177c8', appearance: "solid", color: "blue", disabled: !hasValidResources, onClick: () => this._downloadAll() }, this._translations.downloadAll)), index.h("div", { key: '3617bf40ac8b01d70b523642757a624c977ea491', class: "resources-container", style: { display: hasValidResources ? "inherit" : "none" } }, this._renderResourceList()))));
     }
     _removedResources = {};
     //--------------------------------------------------------------------------
@@ -2971,7 +2971,7 @@ const SolutionTemplateData = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: '3f853006c19509c8cf484d4420b3f687aaad5161' }, index.h("div", { key: 'f524e1ee3c8dc972779be0909372c11c26092dd0', class: "solution-data-container" }, index.h("calcite-shell", { key: '56797702bc53b08051360975dc529c884eb7d294', class: "light var-container", dir: "ltr" }, index.h("calcite-panel", { key: '6208ac7b63ab8b69bc29ad88abdb9bcdeaaa707a', class: "json-editor" }, index.h("div", { key: '66e99550359b5665b4dd04f794d8108e4ee34284', class: "solution-data-child-container calcite-match-height" }, index.h("json-editor", { key: '7a7f5afa5d424fb6099b7167f274ce211e791a56', class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, locale: this.locale, value: this.value }))), index.h("calcite-shell-panel", { key: '7cc8bac91bfc5be96018d005cc87be457278ed6d', "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, index.h("div", { key: '4ce0c251d30d5735781394f5c213523867205886', class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, index.h("calcite-button", { key: '814c8996b854102b022f7ac482498dd6aac36ec8', 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: '6b872cfc1c60870fb6262808f5d9f61cc35f0f44', class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, index.h("solution-organization-variables", { key: 'e8e9ee594b6dcb5ddaabd05c322fb33d568ac7b5', locale: this.locale, value: this.organizationVariables })), index.h("div", { key: '109d17a77a54a13818af6aa2a9beb92526100ea7', class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, index.h("solution-variables", { key: '46902ed69897ed01334def99817fedafbda2e8d5', locale: this.locale, value: this.solutionVariables }))))))));
+        return (index.h(index.Host, { key: 'db99cf57229d7d8b9fe6315e180d95de0b20fc8d' }, index.h("div", { key: '83473f420d1417c85ebb4119be9f359cab878c54', class: "solution-data-container" }, index.h("calcite-shell", { key: '013754ef962c2e5c112f6a8cc6c5d1b8e768078e', class: "light var-container", dir: "ltr" }, index.h("calcite-panel", { key: '11ab2a07fe4af542d8cefc1c131246deef43dd9a', class: "json-editor" }, index.h("div", { key: 'ba0460977eb0375acaf5b11ce951986a08ece39b', class: "solution-data-child-container calcite-match-height" }, index.h("json-editor", { key: '53251c1583aa7e8cf2a4e9a1f22e4c72430d3928', class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, locale: this.locale, value: this.value }))), index.h("calcite-shell-panel", { key: '30c47797a35ff7228c4318a5633aec57de05b8cf', "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, index.h("div", { key: '028b16654835744f0735b880ca85a3d174963414', class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, index.h("calcite-button", { key: 'bb5049611e778b970454544851a625ccef47d23a', 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: 'c2a30a7c27db181e0dfe0e201d9d3b2742247080', class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, index.h("solution-organization-variables", { key: '178c4301c8558c4fe7114c8f6cf5bc0df10883a0', locale: this.locale, value: this.organizationVariables })), index.h("div", { key: 'f85375bac946cff856b6915f340bf926498265ea', class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, index.h("solution-variables", { key: '166d0752746994bc4aebd4e41660f8a2d2c678ea', locale: this.locale, value: this.solutionVariables }))))))));
     }
     _initializing = false;
     //--------------------------------------------------------------------------
@@ -3060,7 +3060,7 @@ const SolutionVariables = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: 'a90cdfc9a32279cb07938fc57f9dd7e38d822f6d' }, index.h("div", { key: '6826e3dd84034368f419ff759962a721a275dc9c' }, index.h("h4", { key: '5ebdf456e8c4dc006b036dc182fa75218aac0e01', class: "org-var-header" }, this._translations.solVariables)), index.h("div", { key: '06fc04c1e61dc1897989e3cc11df7b173f1fdb2a', class: "container-border" }, index.h("calcite-tree", { key: '15500194129af7440ec05dc495b060fc18f22324', id: "variable-label" }, this._renderHierarchy(this._solutionVariables)))));
+        return (index.h(index.Host, { key: 'a9354a1d3b3d91b9b9522bec945726e106487b78' }, index.h("div", { key: 'd38d0151ba9f8421e3ec863ce90b234964cb7f21' }, index.h("h4", { key: '3d10129c3327e803e38b4fc21976764f9ac91693', class: "org-var-header" }, this._translations.solVariables)), index.h("div", { key: '8b79cef63c5b8f5f66b0e11a4b94021f6a025fc3', class: "container-border" }, index.h("calcite-tree", { key: '7f69edec6e35a65e45b461d69e92d0e163563bee', id: "variable-label" }, this._renderHierarchy(this._solutionVariables)))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/cjs/{calcite-shell_3.cjs.entry.js → calcite-shell.cjs.entry.js}

@@ -10,13 +10,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-4b68e4b4.js');
 const conditionalSlot = require('./conditionalSlot-37ff4832.js');
 const dom = require('./dom-795d4a33.js');
-const locale = require('./locale-339b55f0.js');
 require('./observers-18d87cb5.js');
 require('./browser-333a21c5.js');
 require('./guid-e84a8375.js');
 require('./resources-18f799c7.js');
-require('./esri-loader-08dc41bd.js');
-require('./_commonjsHelpers-baf43783.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
@@ -206,257 +203,4 @@ const Shell = class {
 };
 Shell.style = CalciteShellStyle0;
 
-const deleteButtonCss = ":host{display:block}.delete-modal{position:fixed}";
-const DeleteButtonStyle0 = deleteButtonCss;
-
-const DeleteButton = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.editsComplete = index.createEvent(this, "editsComplete", 7);
-        this.deleteDialog = undefined;
-        this.buttonType = "button";
-        this.disabled = false;
-        this.icon = undefined;
-        this.ids = [];
-        this.layer = undefined;
-        this.locale = undefined;
-        this._confirmDelete = false;
-        this._deleteEndabled = false;
-        this._supportsDelete = undefined;
-        this._translations = undefined;
-    }
-    get el() { return index.getElement(this); }
-    //--------------------------------------------------------------------------
-    //
-    //  Properties (protected)
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Watch handlers
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * watch for changes in layer view and verify if it has editing enabled
-     */
-    async idsWatchHandler() {
-        this._setDeleteEnabled();
-    }
-    /**
-     * watch for changes in layer view and verify if it has editing enabled
-     */
-    async layerWatchHandler() {
-        this._setDeleteEnabled();
-    }
-    /**
-     * Fetch translations when the locale is updated
-     */
-    async localeWatchHandler() {
-        // to support url param and language switcher
-        this.el.lang = this.locale;
-        await this._getTranslations();
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Methods (public)
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Events (public)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Emitted on demand when features have been deleted
-     */
-    editsComplete;
-    //--------------------------------------------------------------------------
-    //
-    //  Functions (lifecycle)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * StencilJS: Called once just after the component is first connected to the DOM.
-     *
-     * @returns Promise when complete
-     */
-    async componentWillLoad() {
-        await this._getTranslations();
-    }
-    /**
-     * Renders the component.
-     */
-    render() {
-        return (index.h(index.Host, { key: '1816da3d5cd7903b4e699dffa4ac4836dca722bb' }, this.buttonType === "button" ? (index.h("calcite-button", { appearance: "outline", disabled: !this._deleteEndabled, id: "solutions-delete", kind: "danger", onClick: () => this._delete(), width: "full" }, this._translations.deleteCount.replace("{{n}}", this.ids.length.toString()))) : (index.h("calcite-action", { appearance: "solid", compact: true, disabled: !this._deleteEndabled, id: this.icon, onClick: () => this._delete(), scale: "s", text: this._translations.delete }, index.h("calcite-button", { appearance: "transparent", iconStart: this.icon, kind: "danger" }, this._translations.delete))), this._deleteMessage(), index.h("calcite-tooltip", { key: '26fc4d4b4ea02b7a6c5e3f87abe2c5b8f96a3654', placement: "bottom", "reference-element": this.buttonType === "button" ? "solutions-delete" : this.icon }, index.h("span", { key: 'c2f7b101bb3a99274fe7f364ad29365c212d856e' }, this._translations.delete))));
-    }
-    /**
-     * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
-     */
-    async componentDidLoad() {
-        this._setDeleteEnabled();
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Functions (protected)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Verify if the layer supports delete and that we have 1 or more ids
-     */
-    _setDeleteEnabled() {
-        this._supportsDelete = this.layer?.editingEnabled && this.layer?.capabilities?.operations?.supportsDelete;
-        this._deleteEndabled = !this.disabled || this._supportsDelete && this.ids.length > 0;
-    }
-    /**
-     * Delete all selected records or shows an alert if the layer does not have editing enabled
-     *
-     * @returns a promise that will resolve when the operation is complete
-     */
-    _delete() {
-        this._confirmDelete = true;
-    }
-    /**
-     * Show delete confirmation message
-     *
-     * @returns node to confirm or deny the delete operation
-     */
-    _deleteMessage() {
-        return this.deleteDialog ? this.deleteDialog : (index.h("delete-dialog", { id: "solution-delete-dialog", ids: this.ids, layer: this.layer, locale: this.locale, onDeleteDialogClose: () => this._confirmDelete = false, open: this._confirmDelete }));
-    }
-    /**
-     * Fetches the component's translations
-     *
-     * @returns Promise when complete
-     * @protected
-     */
-    async _getTranslations() {
-        const messages = await locale.getLocaleComponentStrings(this.el);
-        this._translations = messages[0];
-    }
-    static get watchers() { return {
-        "ids": ["idsWatchHandler"],
-        "layer": ["layerWatchHandler"],
-        "locale": ["localeWatchHandler"]
-    }; }
-};
-DeleteButton.style = DeleteButtonStyle0;
-
-const deleteDialogCss = ":host{display:block}.delete-modal{position:fixed}";
-const DeleteDialogStyle0 = deleteDialogCss;
-
-const DeleteDialog = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.editsComplete = index.createEvent(this, "editsComplete", 7);
-        this.deleteDialogClose = index.createEvent(this, "deleteDialogClose", 7);
-        this.ids = [];
-        this.layer = undefined;
-        this.locale = undefined;
-        this.open = false;
-        this._isDeleting = false;
-        this._translations = undefined;
-    }
-    get el() { return index.getElement(this); }
-    //--------------------------------------------------------------------------
-    //
-    //  Properties (protected)
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Watch handlers
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Fetch translations when the locale is updated
-     */
-    async localeWatchHandler() {
-        // to support url param and language switcher
-        this.el.lang = this.locale;
-        await this._getTranslations();
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Methods (public)
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Events (public)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Emitted on demand when features have been deleted
-     */
-    editsComplete;
-    /**
-     * Emitted on demand when features have been deleted
-     */
-    deleteDialogClose;
-    //--------------------------------------------------------------------------
-    //
-    //  Functions (lifecycle)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * StencilJS: Called once just after the component is first connected to the DOM.
-     *
-     * @returns Promise when complete
-     */
-    async componentWillLoad() {
-        await this._getTranslations();
-    }
-    /**
-     * Renders the component.
-     */
-    render() {
-        const confirmMessage = this.ids.length === 1 ? this._translations?.confirmSingle :
-            this._translations?.confirmMultiple;
-        return (index.h(index.Host, { key: 'eafca7d4325c65ff21fbfeaa24ea14e95bc25a34' }, index.h("calcite-modal", { key: '745e52d7b23318492914662cc769a1206baefd28', "aria-labelledby": "modal-title", class: "delete-modal", kind: "danger", onCalciteModalClose: () => this._close(), open: this.open, widthScale: "s" }, index.h("div", { key: '363614f6eaf30c30c6c2ccde3875dfff5cd94088', class: "display-flex align-center", id: "modal-title", slot: "header" }, this._translations?.deleteFeature), index.h("div", { key: 'b3b6f74495894589b7fd8be54265c4a69ffaa62e', slot: "content" }, confirmMessage), index.h("calcite-button", { key: 'd325fcf12624bac39f56ec690f7e4e9660789891', appearance: "outline", kind: "danger", onClick: () => this._close(), slot: "secondary", width: "full" }, this._translations?.cancel), index.h("calcite-button", { key: '73a10546ad92065c949bfacca3eb3d508685030e', kind: "danger", loading: this._isDeleting, onClick: () => void this._deleteFeatures(), slot: "primary", width: "full" }, this._translations?.delete))));
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Functions (protected)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Delete the currently selected features
-     */
-    async _deleteFeatures() {
-        this._isDeleting = true;
-        const deleteFeatures = this.ids.map((objectId) => {
-            return { objectId };
-        });
-        await this.layer.applyEdits({
-            deleteFeatures
-        });
-        this._isDeleting = false;
-        this._close();
-        this.editsComplete.emit("delete");
-    }
-    /**
-     * Set the alertOpen member to false when the alert is closed
-     */
-    _close() {
-        this.open = false;
-        this.deleteDialogClose.emit();
-    }
-    /**
-     * Fetches the component's translations
-     *
-     * @returns Promise when complete
-     * @protected
-     */
-    async _getTranslations() {
-        const messages = await locale.getLocaleComponentStrings(this.el);
-        this._translations = messages[0];
-    }
-    static get watchers() { return {
-        "locale": ["localeWatchHandler"]
-    }; }
-};
-DeleteDialog.style = DeleteDialogStyle0;
-
 exports.calcite_shell = Shell;
-exports.delete_button = DeleteButton;
-exports.delete_dialog = DeleteDialog;