@esri/solutions-components 0.8.6-6.3 → 0.8.6

package/dist/components/solution-template-data2.js

@@ -25,7 +25,6 @@ import { d as defineCustomElement$2 } from './solution-organization-variables2.j
 import { d as defineCustomElement$1 } from './solution-variables2.js';
 
 const solutionTemplateDataCss = ":host{display:flexbox}.solution-data-container{position:absolute;height:-moz-available;height:calc(100% - 48px);height:-webkit-fill-available;height:stretch;width:-moz-available;width:100%;width:-webkit-fill-available;width:stretch}.solution-data-child-container{display:flex;height:100%;width:100%;flex-direction:column;overflow-y:auto}.solution-data-editor-container{height:100%}.solution-data-child-container-collapsed{display:flex;height:100%;flex-direction:column;overflow:auto;width:50px}.inputBottomSeparation{margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:1.5rem}.json-editor{margin:1rem;width:auto;width:-webkit-fill-available -moz-available}.collapse-btn{padding-left:1rem;padding-right:1rem;padding-top:1rem;padding-bottom:0px}.org-vars{padding-left:1rem;padding-right:1rem;padding-top:1rem;padding-bottom:0px}.sol-vars{padding-top:0px;padding-bottom:0px;padding-left:1rem;padding-right:1rem;min-height:45%}.padding-1{padding:1rem}.light{background-color:#F4F4F4}";
-const SolutionTemplateDataStyle0 = solutionTemplateDataCss;
 
 const SolutionTemplateData = /*@__PURE__*/ proxyCustomElement(class SolutionTemplateData extends HTMLElement {
     itemIdWatchHandler() {
@@ -80,7 +79,7 @@ const SolutionTemplateData = /*@__PURE__*/ proxyCustomElement(class SolutionTemp
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '5a417f81d9b0d98ad28f9139406fee4b37204169' }, h("div", { key: '0dd5d77a961473bf45f7654ccb2e0507b492a6c7', class: "solution-data-container" }, h("calcite-shell", { key: '3b839b36a89f1a9db10a6ad8b3f7d088248770bc', class: "light var-container", dir: "ltr" }, h("calcite-panel", { key: '9f6ce42fdad56cf7a9f6b2f9ccac707eb655f4f1', class: "json-editor" }, h("div", { key: 'a1ba50c8fd13cf6d4934aa72083c0519c317721d', class: "solution-data-child-container calcite-match-height" }, h("json-editor", { key: '8f832aecde35b6b82e16b3d201b738fe202e86a3', class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, value: this.value }))), h("calcite-shell-panel", { key: 'c24f19fcc440884123f59842b392063925b5cbf6', "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, h("div", { key: '8d9c25baada3e2ca03ee192f44121d7bdab85432', class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, h("calcite-button", { key: '247b542336578c5404c7246552424c16030d90a7', 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 }), h("div", { key: '963c1802c7828557cec5493602c3a1669e21683c', class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, h("solution-organization-variables", { key: '566f672a97401d77ed7180d5fc7b2367027fcc57', value: this.organizationVariables })), h("div", { key: '79508bfcde2ac8507acd40bbc3edceb944c3e717', class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, h("solution-variables", { key: '51756082f8d13c73d7ae1349fc5625994a3354bb', value: this.solutionVariables }))))))));
+        return (h(Host, null, h("div", { class: "solution-data-container" }, h("calcite-shell", { class: "light var-container", dir: "ltr" }, h("calcite-panel", { class: "json-editor" }, h("div", { class: "solution-data-child-container calcite-match-height" }, h("json-editor", { class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, value: this.value }))), h("calcite-shell-panel", { "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, h("div", { class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, h("calcite-button", { 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 }), h("div", { class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, h("solution-organization-variables", { value: this.organizationVariables })), h("div", { class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, h("solution-variables", { value: this.solutionVariables }))))))));
     }
     //--------------------------------------------------------------------------
     //
@@ -121,7 +120,7 @@ const SolutionTemplateData = /*@__PURE__*/ proxyCustomElement(class SolutionTemp
     static get watchers() { return {
         "itemId": ["itemIdWatchHandler"]
     }; }
-    static get style() { return SolutionTemplateDataStyle0; }
+    static get style() { return solutionTemplateDataCss; }
 }, [0, "solution-template-data", {
         "instanceid": [1537],
         "itemId": [1537, "item-id"],

package/dist/components/solution-variables2.js

@@ -12,7 +12,6 @@ import { d as defineCustomElement$2 } from './tree-item.js';
 import { d as defineCustomElement$1 } from './solution-item-icon2.js';
 
 const solutionVariablesCss = ":host{display:block}.container-border{overflow-y:hidden}.org-var-header{margin-top:1rem;margin-bottom:1rem;margin-left:0px;margin-right:0px}.icon-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";
-const SolutionVariablesStyle0 = solutionVariablesCss;
 
 const SolutionVariables = /*@__PURE__*/ proxyCustomElement(class SolutionVariables extends HTMLElement {
     constructor() {
@@ -42,7 +41,7 @@ const SolutionVariables = /*@__PURE__*/ proxyCustomElement(class SolutionVariabl
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '4367694cf20a2063b57679f1a955ef827eea1c05' }, h("div", { key: '875e6e1532e7406ddf6cca804e421980aa23b7cd' }, h("h4", { key: 'b6798506cf71d3c84e2c33a3d12a0729591a73a7', class: "org-var-header" }, this._translations.solVariables)), h("div", { key: '413d3c7ebae5afa05a8cb5c87f766db64f43e106', class: "container-border" }, h("calcite-tree", { key: 'ba5bf27e005ce7536cdfe0c8022c96cd0b4ad920', id: "variable-label" }, this._renderHierarchy(this._solutionVariables)))));
+        return (h(Host, null, h("div", null, h("h4", { class: "org-var-header" }, this._translations.solVariables)), h("div", { class: "container-border" }, h("calcite-tree", { id: "variable-label" }, this._renderHierarchy(this._solutionVariables)))));
     }
     //--------------------------------------------------------------------------
     //
@@ -102,7 +101,7 @@ const SolutionVariables = /*@__PURE__*/ proxyCustomElement(class SolutionVariabl
     static get watchers() { return {
         "value": ["valueWatchHandler"]
     }; }
-    static get style() { return SolutionVariablesStyle0; }
+    static get style() { return solutionVariablesCss; }
 }, [1, "solution-variables", {
         "value": [1537],
         "_solutionVariables": [32],

package/dist/components/sortableComponent.js

@@ -2658,14 +2658,13 @@ Sortable.mount(Remove, Revert);
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.2
+ * v2.4.0
  */
 const sortableComponentSet = new Set();
 const CSS = {
     ghostClass: "calcite-sortable--ghost",
     chosenClass: "calcite-sortable--chosen",
     dragClass: "calcite-sortable--drag",
-    fallbackClass: "calcite-sortable--fallback",
 };
 /**
  * Helper to keep track of a SortableComponent. This should be called in the `connectedCallback` lifecycle method as well as any other method necessary to rebuild the sortable instance.
@@ -2693,7 +2692,7 @@ function connectSortableComponent(component) {
             },
         }),
         handle,
-        filter: `${handle}[disabled]`,
+        filter: "[drag-disabled]",
         onStart: ({ from: fromEl, item: dragEl, to: toEl, newIndex, oldIndex }) => {
             dragState.active = true;
             onGlobalDragStart();

package/dist/components/spatial-ref2.js

@@ -21084,7 +21084,6 @@ const wkids = {
 };
 
 const spatialRefCss = ".spatial-ref-container{max-height:200px;margin-bottom:1rem;overflow-y:auto}";
-const SpatialRefStyle0 = spatialRefCss;
 
 const SpatialRef = /*@__PURE__*/ proxyCustomElement(class SpatialRef extends HTMLElement {
     valueChanged(newValue) {
@@ -21130,7 +21129,7 @@ const SpatialRef = /*@__PURE__*/ proxyCustomElement(class SpatialRef extends HTM
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '23f3f6ff3d7eeeaeb8fb916532302a241fdbc078' }, h("div", { key: 'ea7631c0c26d451a72bd68e24ccb3ac757cf73f3' }, h("calcite-input", { key: '32d27336b3bc34ee6cd0d3c7ac3e52de7ee8011e', disabled: this.disabled, id: "calcite-sr-search", onKeyUp: (evt) => this._searchInputKeyDown(evt), placeholder: this._translations.spatialReferencePlaceholder }), h("calcite-tree", { key: '927f03277a45d5cf256306a2246bccffc0d296cb', id: "calcite-sr-tree", slot: "children" }, this._getTreeContent()))));
+        return (h(Host, null, h("div", null, h("calcite-input", { disabled: this.disabled, id: "calcite-sr-search", onKeyUp: (evt) => this._searchInputKeyDown(evt), placeholder: this._translations.spatialReferencePlaceholder }), h("calcite-tree", { id: "calcite-sr-tree", slot: "children" }, this._getTreeContent()))));
     }
     //--------------------------------------------------------------------------
     //
@@ -21320,7 +21319,7 @@ const SpatialRef = /*@__PURE__*/ proxyCustomElement(class SpatialRef extends HTM
     static get watchers() { return {
         "value": ["valueChanged"]
     }; }
-    static get style() { return SpatialRefStyle0; }
+    static get style() { return spatialRefCss; }
 }, [0, "spatial-ref", {
         "defaultWkid": [1538, "default-wkid"],
         "disabled": [1540],

package/dist/components/sr.js

@@ -78,4 +78,4 @@ var locale = {
 };
 dayjs.locale(locale, null, true);
 
-export { locale as default };
+export default locale;

package/dist/components/stack.js

@@ -9,7 +9,7 @@ import { j as slotChangeHasAssignedElement } from './dom.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.2
+ * v2.4.0
  */
 const CSS = {
     container: "container",
@@ -26,8 +26,7 @@ const SLOTS = {
     actionsEnd: "actions-end",
 };
 
-const stackCss = ":host([disabled]) .content{cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) .content *,:host([disabled]) .content ::slotted(*){pointer-events:none}:host{display:flex;flex:1 1 0%;flex-direction:column}.container{display:flex;flex:1 1 auto;align-items:stretch;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}.content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;font-size:var(--calcite-font-size--2);line-height:1.375;padding-inline:var(--calcite-stack-padding-inline, 0.75rem);padding-block:var(--calcite-stack-padding-block, 0.5rem)}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:0 1 auto}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){margin-inline:0.75rem;align-self:center}.actions-start,.actions-end,.content-start,.content-end{display:flex;align-items:center}.actions-start ::slotted(calcite-action),.actions-start ::slotted(calcite-action-menu),.actions-start ::slotted(calcite-handle),.actions-start ::slotted(calcite-dropdown),.actions-end ::slotted(calcite-action),.actions-end ::slotted(calcite-action-menu),.actions-end ::slotted(calcite-handle),.actions-end ::slotted(calcite-dropdown){align-self:stretch;color:inherit}:host([hidden]){display:none}[hidden]{display:none}";
-const CalciteStackStyle0 = stackCss;
+const stackCss = ":host([disabled]) .content{cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) .content *,:host([disabled]) .content ::slotted(*){pointer-events:none}:host{display:flex;flex:1 1 0%;flex-direction:column}.container{display:flex;flex:1 1 auto;align-items:stretch;font-family:var(--calcite-sans-family);font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}.content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;font-size:var(--calcite-font-size--2);line-height:1.375;padding-inline:var(--calcite-stack-padding-inline, 0.75rem);padding-block:var(--calcite-stack-padding-block, 0.5rem)}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:0 1 auto}.actions-start,.actions-end,.content-start,.content-end{display:flex;align-items:center}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){margin-inline:0.75rem;align-self:center}.actions-start ::slotted(calcite-action),.actions-start ::slotted(calcite-action-menu),.actions-start ::slotted(calcite-handle),.actions-start ::slotted(calcite-dropdown),.actions-end ::slotted(calcite-action),.actions-end ::slotted(calcite-action-menu),.actions-end ::slotted(calcite-handle),.actions-end ::slotted(calcite-dropdown){align-self:stretch;color:inherit}:host([hidden]){display:none}[hidden]{display:none}";
 
 const Stack = /*@__PURE__*/ proxyCustomElement(class Stack extends HTMLElement {
     constructor() {
@@ -82,9 +81,9 @@ const Stack = /*@__PURE__*/ proxyCustomElement(class Stack extends HTMLElement {
         return (h("div", { class: CSS.contentEnd, hidden: !hasContentEnd }, h("slot", { name: SLOTS.contentEnd, onSlotchange: this.handleContentEndSlotChange })));
     }
     render() {
-        return (h(Host, { key: 'f8d423aff1f3991e45cf591bd0480537cc09f846' }, h("div", { key: '6c8e70bc5cced152dde2592c2b6f1f28695de681', class: CSS.container }, this.renderActionsStart(), this.renderContentStart(), this.renderDefaultContent(), this.renderContentEnd(), this.renderActionsEnd())));
+        return (h(Host, null, h("div", { class: CSS.container }, this.renderActionsStart(), this.renderContentStart(), this.renderDefaultContent(), this.renderContentEnd(), this.renderActionsEnd())));
     }
-    static get style() { return CalciteStackStyle0; }
+    static get style() { return stackCss; }
 }, [1, "calcite-stack", {
         "disabled": [516],
         "hasActionsStart": [32],

package/dist/components/store-manager.js

@@ -4,8 +4,6 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { s as state } from './solution-store.js';
-import { c as getFeatureServices, d as getSpatialReferenceInfo } from './templates.js';
 
 const StoreManager$1 = /*@__PURE__*/ proxyCustomElement(class StoreManager extends HTMLElement {
     constructor() {
@@ -32,22 +30,26 @@ const StoreManager$1 = /*@__PURE__*/ proxyCustomElement(class StoreManager exten
     }
     /**
      * Initialize the observer that will monitor and respond to changes in the value.
-     * When we get a new value we are dealing with a new solution and need to fetch the item's data and load the state.
+     * When we get a new value we are dealinmg with a new solution and need to fetch the items data and load the state.
      */
     _initValueObserver() {
-        const self = this;
+        //const self = this;
         this._valueObserver = new MutationObserver(ml => {
             ml.some(mutation => {
                 const newValue = mutation.target[mutation.attributeName];
                 if (mutation.type === 'attributes' && mutation.attributeName === "value" &&
                     newValue !== mutation.oldValue && newValue !== "") {
-                    const solutionData = JSON.parse(newValue);
-                    state.setStoreInfo("solutionData", solutionData);
-                    const services = getFeatureServices(solutionData.templates);
-                    state.setStoreInfo("featureServices", services);
-                    state.setStoreInfo("spatialReferenceInfo", getSpatialReferenceInfo(services, solutionData));
-                    //self.templates = solutionData;
-                    self.stateLoaded.emit(state);
+                    /*
+                    const v = JSON.parse(newValue);
+                    // eslint-disable-next-line @typescript-eslint/no-floating-promises
+                    getItemDataAsJson(v, self.authentication).then(data => {
+                      state.models = getModels(Array.isArray(v) ? v : [v], self.authentication, v);
+                      state.featureServices = getFeatureServices(Array.isArray(v) ? v : [v])
+                      state.get("spatialReferenceInfo") = getSpatialReferenceInfo(state.featureServices, data);
+                      self.templates = v;
+                      self.stateLoaded.emit(state);
+                    });
+                    */
                     return true;
                 }
             });

package/dist/components/store.js

@@ -7,76 +7,76 @@ import { l as loadModules } from './loadModules2.js';
 import { c as createStore } from './index4.js';
 
 async function getMergedEffect(presetLayerEffect, featureLayerView, type) {
-    const [jsonUtils] = await loadModules(['esri/layers/effects/jsonUtils']);
-    const { toJSON, fromJSON } = jsonUtils;
-    const layer = featureLayerView === null || featureLayerView === void 0 ? void 0 : featureLayerView.layer;
-    if (!presetLayerEffect) {
-        if (layer === null || layer === void 0 ? void 0 : layer.effect) {
-            return layer.effect;
-        }
-        else if (layer === null || layer === void 0 ? void 0 : layer.featureEffect) {
-            return type === 'includedEffect' ? layer.featureEffect.includedEffect : layer.featureEffect.excludedEffect;
-        }
-        else {
-            return null;
-        }
+  const [jsonUtils] = await loadModules(['esri/layers/effects/jsonUtils']);
+  const { toJSON, fromJSON } = jsonUtils;
+  const layer = featureLayerView === null || featureLayerView === void 0 ? void 0 : featureLayerView.layer;
+  if (!presetLayerEffect) {
+    if (layer === null || layer === void 0 ? void 0 : layer.effect) {
+      return layer.effect;
     }
-    // CONVERT EXISTING EFFECT AND PRESET LAYER EFFECT TO JSON
-    const presetLayerEffectJSON = toJSON(presetLayerEffect);
-    const layerEffect = layer.effect;
-    const layerFeatureEffect = layer.featureEffect;
-    let existingEffect;
-    if (layerFeatureEffect) {
-        existingEffect = type === 'includedEffect' ? layer.featureEffect.includedEffect : layer.featureEffect.excludedEffect;
+    else if (layer === null || layer === void 0 ? void 0 : layer.featureEffect) {
+      return type === 'includedEffect' ? layer.featureEffect.includedEffect : layer.featureEffect.excludedEffect;
     }
     else {
-        existingEffect = layerEffect;
-    }
-    const existingEffectJSON = existingEffect ? toJSON(existingEffect) : null;
-    // RETURN PRESET LAYER EFFECT IF THERE ARE NO EXISTING EFFECTS
-    if (!existingEffectJSON) {
-        return fromJSON(presetLayerEffectJSON);
+      return null;
     }
-    let effectToUse = [...existingEffectJSON];
-    if (presetLayerEffectJSON) {
-        // ITERATE THROUGH PRESET LAYER EFFECT JSON
-        presetLayerEffectJSON.forEach(presetLayerEffectItem => {
-            // ITERATE THROUGH EXISTING EFFECT JSON
-            effectToUse.forEach(existingEffectToUseItem => {
-                const { value } = existingEffectToUseItem;
-                if (value) {
-                    // ITERATE THROUGH EXISTING EFFECT JSON VALUES
-                    value.forEach((effectValue, effectIndex) => {
-                        // REPLACE EXISTING EFFECT VALUE IF SAME TYPE IS PRESENT IN PRESET LAYER EFFECT
-                        if (effectValue.type === presetLayerEffectItem.type) {
-                            value[effectIndex] = presetLayerEffectItem;
-                        }
-                        // OTHERWISE MODIFY EXISTING EFFECT
-                        else {
-                            const notMerged = !existingEffectToUseItem.value.find(existingEffectItemToMerge => existingEffectItemToMerge.type === presetLayerEffectJSON[0].type);
-                            // CHECK IF PRESET LAYER EFFECT HAS BEEN MERGED, IF NOT YET MERGED APPEND PRESET LAYER EFFECT TO EXISTING EFFECT
-                            if (notMerged) {
-                                existingEffectToUseItem.value = [...existingEffectToUseItem.value, ...presetLayerEffectJSON];
-                            }
-                        }
-                    });
-                }
-                else {
-                    // HANDLE NON SCALE EFFECTS
-                    const notMerged = !effectToUse.find(nonScaleEffectToUseItem => nonScaleEffectToUseItem.type === existingEffectToUseItem.type);
-                    const presetNotMerged = !effectToUse.find(nonScaleEffectToUseItem => nonScaleEffectToUseItem.type === presetLayerEffectItem.type);
-                    if (presetNotMerged) {
-                        effectToUse = [...effectToUse, presetLayerEffectItem];
-                    }
-                    if (notMerged) {
-                        effectToUse = [...effectToUse, existingEffectToUseItem];
-                    }
-                }
-            });
-        });
-    }
-    const mergedEffect = fromJSON(effectToUse);
-    return mergedEffect;
+  }
+  // CONVERT EXISTING EFFECT AND PRESET LAYER EFFECT TO JSON
+  const presetLayerEffectJSON = toJSON(presetLayerEffect);
+  const layerEffect = layer.effect;
+  const layerFeatureEffect = layer.featureEffect;
+  let existingEffect;
+  if (layerFeatureEffect) {
+    existingEffect = type === 'includedEffect' ? layer.featureEffect.includedEffect : layer.featureEffect.excludedEffect;
+  }
+  else {
+    existingEffect = layerEffect;
+  }
+  const existingEffectJSON = existingEffect ? toJSON(existingEffect) : null;
+  // RETURN PRESET LAYER EFFECT IF THERE ARE NO EXISTING EFFECTS
+  if (!existingEffectJSON) {
+    return fromJSON(presetLayerEffectJSON);
+  }
+  let effectToUse = [...existingEffectJSON];
+  if (presetLayerEffectJSON) {
+    // ITERATE THROUGH PRESET LAYER EFFECT JSON
+    presetLayerEffectJSON.forEach(presetLayerEffectItem => {
+      // ITERATE THROUGH EXISTING EFFECT JSON
+      effectToUse.forEach(existingEffectToUseItem => {
+        const { value } = existingEffectToUseItem;
+        if (value) {
+          // ITERATE THROUGH EXISTING EFFECT JSON VALUES
+          value.forEach((effectValue, effectIndex) => {
+            // REPLACE EXISTING EFFECT VALUE IF SAME TYPE IS PRESENT IN PRESET LAYER EFFECT
+            if (effectValue.type === presetLayerEffectItem.type) {
+              value[effectIndex] = presetLayerEffectItem;
+            }
+            // OTHERWISE MODIFY EXISTING EFFECT
+            else {
+              const notMerged = !existingEffectToUseItem.value.find(existingEffectItemToMerge => existingEffectItemToMerge.type === presetLayerEffectJSON[0].type);
+              // CHECK IF PRESET LAYER EFFECT HAS BEEN MERGED, IF NOT YET MERGED APPEND PRESET LAYER EFFECT TO EXISTING EFFECT
+              if (notMerged) {
+                existingEffectToUseItem.value = [...existingEffectToUseItem.value, ...presetLayerEffectJSON];
+              }
+            }
+          });
+        }
+        else {
+          // HANDLE NON SCALE EFFECTS
+          const notMerged = !effectToUse.find(nonScaleEffectToUseItem => nonScaleEffectToUseItem.type === existingEffectToUseItem.type);
+          const presetNotMerged = !effectToUse.find(nonScaleEffectToUseItem => nonScaleEffectToUseItem.type === presetLayerEffectItem.type);
+          if (presetNotMerged) {
+            effectToUse = [...effectToUse, presetLayerEffectItem];
+          }
+          if (notMerged) {
+            effectToUse = [...effectToUse, existingEffectToUseItem];
+          }
+        }
+      });
+    });
+  }
+  const mergedEffect = fromJSON(effectToUse);
+  return mergedEffect;
 }
 
 const InteractiveLegendStore = createStore({ data: {}, relationshipRampExpandStates: {} });

package/dist/components/styles.js

@@ -5,7 +5,7 @@
  */
 const DEFAULT_FONT_FAMILY = "'Avenir Next','Avenir','Helvetica Neue',sans-serif";
 function getFontFamily(fontFamily) {
-    return fontFamily ? fontFamily : DEFAULT_FONT_FAMILY;
+  return fontFamily ? fontFamily : DEFAULT_FONT_FAMILY;
 }
 
 export { getFontFamily as g };

package/dist/components/sv.js

@@ -48,4 +48,4 @@ var locale = {
 };
 dayjs.locale(locale, null, true);
 
-export { locale as default };
+export default locale;

package/dist/components/switch.js

@@ -11,8 +11,7 @@ import { i as isActivationKey } from './key.js';
 import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label.js';
 import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable.js';
 
-const switchCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([scale=s]) .container{block-size:0.75rem}:host([scale=s]) .track{block-size:0.75rem;inline-size:1.5rem}:host([scale=s]) .handle{block-size:0.5rem;inline-size:0.5rem}:host([scale=m]) .container{block-size:1rem}:host([scale=m]) .track{block-size:1rem;inline-size:2rem}:host([scale=m]) .handle{block-size:0.75rem;inline-size:0.75rem}:host([scale=l]) .container{block-size:1.5rem}:host([scale=l]) .track{block-size:1.5rem;inline-size:3rem}:host([scale=l]) .handle{block-size:1.25rem;inline-size:1.25rem}:host{position:relative;display:inline-block;inline-size:auto;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;tap-highlight-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{outline-width:0px}.track{pointer-events:none;position:relative;box-sizing:border-box;display:inline-block;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-2);background-color:var(--calcite-color-foreground-2);vertical-align:top;outline-color:transparent}:host(:focus) .track{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.handle{pointer-events:none;position:absolute;display:block;border-radius:9999px;border-width:2px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);transition-property:all;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);inset-block-start:-1px;inset-inline:-1px auto}:host(:hover) .handle,:host(:focus) .handle{border-color:var(--calcite-color-brand);box-shadow:inset 0 0 0 1px var(--calcite-color-brand)}:host([checked]) .track{border-color:var(--calcite-color-brand-hover);background-color:var(--calcite-color-brand)}:host([checked]) .handle{border-color:var(--calcite-color-brand);inset-inline:auto -1px}:host([checked]:hover) .track{border-color:var(--calcite-color-brand-hover);background-color:var(--calcite-color-brand)}:host([checked]:hover) .handle{border-color:var(--calcite-color-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-brand-hover)}@media (forced-colors: active){:host([checked]) .track{background-color:canvasText}}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";
-const CalciteSwitchStyle0 = switchCss;
+const switchCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([scale=s]) .container{block-size:0.75rem}:host([scale=s]) .track{block-size:0.75rem;inline-size:1.5rem}:host([scale=s]) .handle{block-size:0.5rem;inline-size:0.5rem}:host([scale=m]) .container{block-size:1rem}:host([scale=m]) .track{block-size:1rem;inline-size:2rem}:host([scale=m]) .handle{block-size:0.75rem;inline-size:0.75rem}:host([scale=l]) .container{block-size:1.5rem}:host([scale=l]) .track{block-size:1.5rem;inline-size:3rem}:host([scale=l]) .handle{block-size:1.25rem;inline-size:1.25rem}:host{position:relative;display:inline-block;inline-size:auto;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;tap-highlight-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{outline-width:0px}.track{pointer-events:none;position:relative;box-sizing:border-box;display:inline-block;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-2);background-color:var(--calcite-color-foreground-2);vertical-align:top;outline-color:transparent}:host(:focus) .track{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.handle{pointer-events:none;position:absolute;display:block;border-radius:9999px;border-width:2px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);transition-property:all;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);inset-block-start:-1px;inset-inline:-1px auto}:host(:hover) .handle,:host(:focus) .handle{border-color:var(--calcite-color-brand);box-shadow:inset 0 0 0 1px var(--calcite-color-brand)}:host([checked]) .track{border-color:var(--calcite-color-brand-hover);background-color:var(--calcite-color-brand)}:host([checked]) .handle{border-color:var(--calcite-color-brand);inset-inline:auto -1px}:host([checked]:hover) .track{border-color:var(--calcite-color-brand-hover);background-color:var(--calcite-color-brand)}:host([checked]:hover) .handle{border-color:var(--calcite-color-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-brand-hover)}@media (forced-colors: active){:host([checked]) .track{background-color:canvasText}}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";
 
 const Switch = /*@__PURE__*/ proxyCustomElement(class Switch extends HTMLElement {
     constructor() {
@@ -101,12 +100,12 @@ const Switch = /*@__PURE__*/ proxyCustomElement(class Switch extends HTMLElement
     //
     // --------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: '3844964b46482e9b6e902c07eccf97264970f3de', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, h(InteractiveContainer, { key: 'c0028a5587e7d346ba4d0d7a214f649606f85e17', disabled: this.disabled }, h("div", { key: 'ff48a447bbe579ff1b3f104dea12e76c91cbcb88', "aria-checked": toAriaBoolean(this.checked), "aria-label": getLabelText(this), class: "container", role: "switch", tabIndex: 0,
+        return (h(Host, { onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, h(InteractiveContainer, { disabled: this.disabled }, h("div", { "aria-checked": toAriaBoolean(this.checked), "aria-label": getLabelText(this), class: "container", role: "switch", tabIndex: 0,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setSwitchEl }, h("div", { key: '5b9f7b7dcab019e92d62c8ff18bf00068a286b36', class: "track" }, h("div", { key: '7d05ec0e24c81db645735a7d6e03163ec77a2230', class: "handle" })), h(HiddenFormInputSlot, { key: '191a29b812bb8e1f31f56a7a84d941a48fb80372', component: this })))));
+            ref: this.setSwitchEl }, h("div", { class: "track" }, h("div", { class: "handle" })), h(HiddenFormInputSlot, { component: this })))));
     }
     get el() { return this; }
-    static get style() { return CalciteSwitchStyle0; }
+    static get style() { return switchCss; }
 }, [1, "calcite-switch", {
         "disabled": [516],
         "form": [513],

package/dist/components/t9n.js

@@ -9,7 +9,7 @@ import { g as getSupportedLocale } from './locale2.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.2
+ * v2.4.0
  */
 const componentLangToMessageBundleCache = {};
 async function getMessageBundle(lang, component) {