@esri/solutions-components 0.8.1 → 0.8.3

package/dist/components/map-card2.js

@@ -366,6 +366,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
+defineCustomElement(MapCard);
 
 export { MapCard as M, defineCustomElement as d };

package/dist/components/map-draw-tools2.js

@@ -274,10 +274,10 @@ const MapDrawTools = /*@__PURE__*/ proxyCustomElement(class MapDrawTools extends
      * @protected
      */
     _clearSketch() {
-        var _a;
-        this._sketchWidget.viewModel.cancel();
+        var _a, _b;
+        (_a = this._sketchWidget) === null || _a === void 0 ? void 0 : _a.viewModel.cancel();
         this.graphics = [];
-        (_a = this._sketchGraphicsLayer) === null || _a === void 0 ? void 0 : _a.removeAll();
+        (_b = this._sketchGraphicsLayer) === null || _b === void 0 ? void 0 : _b.removeAll();
     }
     /**
      * Emit the undo event
@@ -397,6 +397,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
+defineCustomElement(MapDrawTools);
 
 export { MapDrawTools as M, defineCustomElement as d };

package/dist/components/map-fullscreen2.js

@@ -126,6 +126,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
+defineCustomElement(MapFullscreen);
 
 export { MapFullscreen as M, defineCustomElement as d };

package/dist/components/map-layer-picker2.js

@@ -460,6 +460,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
+defineCustomElement(MapLayerPicker);
 
 export { MapLayerPicker as M, defineCustomElement as d };

package/dist/components/map-legend2.js

@@ -119,6 +119,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
+defineCustomElement(MapLegend);
 
 export { MapLegend as M, defineCustomElement as d };

package/dist/components/map-picker2.js

@@ -289,6 +289,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
+defineCustomElement(MapPicker);
 
 export { MapPicker as M, defineCustomElement as d };

package/dist/components/map-search2.js

@@ -199,6 +199,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
+defineCustomElement(MapSearch);
 
 export { MapSearch as M, defineCustomElement as d };

package/dist/components/map-select-tools2.js

@@ -103,6 +103,14 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
             }
         }
     }
+    /**
+     * Called each time the mapView prop is changed.
+     */
+    async mapViewWatchHandler(v, oldV) {
+        if (v && v !== oldV) {
+            await this._init();
+        }
+    }
     /**
      * Called each time the searchConfiguration prop is changed.
      *
@@ -110,7 +118,7 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
      */
     async watchSearchConfigurationHandler(newValue, oldValue) {
         if (JSON.stringify(newValue) !== JSON.stringify(oldValue)) {
-            this._initSearchWidget();
+            await this._initSearchWidget();
         }
     }
     //--------------------------------------------------------------------------
@@ -194,12 +202,6 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
      */
     async componentDidLoad() {
         await this._init();
-        await this._searchWidget.when(() => {
-            var _a;
-            this._searchWidget.allPlaceholder = ((_a = this.searchConfiguration) === null || _a === void 0 ? void 0 : _a.allPlaceholder) &&
-                this.searchConfiguration.allPlaceholder.toLowerCase() !== "find address or place" ?
-                this.searchConfiguration.allPlaceholder : this._translations.placeholder;
-        });
     }
     /**
      * Renders the component.
@@ -286,7 +288,7 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
     async _init() {
         this._initGraphicsLayer();
         await this._initSelectionSet();
-        this._initSearchWidget();
+        await this._initSearchWidget();
     }
     /**
      * Initialize the state of the component with any stored values in a selection set
@@ -332,7 +334,7 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
      *
      * @protected
      */
-    _initSearchWidget() {
+    async _initSearchWidget() {
         if (this.mapView && this._searchElement) {
             const searchConfiguration = this._getSearchConfig(this.searchConfiguration, this.mapView);
             const searchOptions = Object.assign({ view: this.mapView, container: this._searchElement, searchTerm: this._searchTerm }, searchConfiguration);
@@ -361,6 +363,12 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
                     void this._clearResults(false, clearLabel);
                 }
             });
+            await this._searchWidget.when(() => {
+                var _a;
+                this._searchWidget.allPlaceholder = ((_a = this.searchConfiguration) === null || _a === void 0 ? void 0 : _a.allPlaceholder) &&
+                    this.searchConfiguration.allPlaceholder.toLowerCase() !== "find address or place" ?
+                    this.searchConfiguration.allPlaceholder : this._translations.placeholder;
+            });
         }
     }
     /**
@@ -428,19 +436,21 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
      */
     _initGraphicsLayer() {
         const title = this._translations.bufferLayer;
-        const bufferIndex = this.mapView.map.layers.findIndex((l) => l.title === title);
-        if (bufferIndex > -1) {
-            this._bufferGraphicsLayer = this.mapView.map.layers.getItemAt(bufferIndex);
-        }
-        else {
-            this._bufferGraphicsLayer = new this.GraphicsLayer({ title, listMode: "hide" });
-            state.managedLayers.push(title);
-            const sketchIndex = this.mapView.map.layers.findIndex((l) => l.title === this._translations.sketchLayer);
-            if (sketchIndex > -1) {
-                this.mapView.map.layers.add(this._bufferGraphicsLayer, sketchIndex);
+        if (this.mapView) {
+            const bufferIndex = this.mapView.map.layers.findIndex((l) => l.title === title);
+            if (bufferIndex > -1) {
+                this._bufferGraphicsLayer = this.mapView.map.layers.getItemAt(bufferIndex);
             }
             else {
-                this.mapView.map.layers.add(this._bufferGraphicsLayer);
+                this._bufferGraphicsLayer = new this.GraphicsLayer({ title, listMode: "hide" });
+                state.managedLayers.push(title);
+                const sketchIndex = this.mapView.map.layers.findIndex((l) => l.title === this._translations.sketchLayer);
+                if (sketchIndex > -1) {
+                    this.mapView.map.layers.add(this._bufferGraphicsLayer, sketchIndex);
+                }
+                else {
+                    this.mapView.map.layers.add(this._bufferGraphicsLayer);
+                }
             }
         }
     }
@@ -798,6 +808,7 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
     get el() { return this; }
     static get watchers() { return {
         "geometries": ["watchGeometriesHandler"],
+        "mapView": ["mapViewWatchHandler"],
         "searchConfiguration": ["watchSearchConfigurationHandler"]
     }; }
     static get style() { return mapSelectToolsCss; }
@@ -830,6 +841,7 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
         "getSelection": [64]
     }, [[8, "searchConfigurationChange", "searchConfigurationChangeChanged"], [8, "distanceChanged", "distanceChanged"], [8, "unitChanged", "unitChanged"]], {
         "geometries": ["watchGeometriesHandler"],
+        "mapView": ["mapViewWatchHandler"],
         "searchConfiguration": ["watchSearchConfigurationHandler"]
     }]);
 function defineCustomElement() {
@@ -970,6 +982,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
+defineCustomElement(MapSelectTools);
 
 export { MapSelectTools as M, defineCustomElement as d };

package/dist/components/map-tools2.js

@@ -247,6 +247,8 @@ const MapTools = /*@__PURE__*/ proxyCustomElement(class MapTools extends HTMLEle
                     return this.enableFloorFilter && this._hasFloorInfo && this.enableSingleExpand ?
                         this._getActionGroup("urban-model", false, this._translations.floorFilter, () => this._toggleFloorFilter()) :
                         this.enableFloorFilter && this._hasFloorInfo ? this._getWidget(t, (_e = this._floorFilterElement) === null || _e === void 0 ? void 0 : _e.floorFilterWidget, true) : undefined;
+                default:
+                    break;
             }
         });
     }
@@ -464,6 +466,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
+defineCustomElement(MapTools);
 
 export { MapTools as M, defineCustomElement as d };

package/dist/components/menu.js

@@ -200,6 +200,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
+defineCustomElement(CalciteMenu);
 
 export { CalciteMenu as C, defineCustomElement as d };

package/dist/components/modal.js

@@ -46,6 +46,12 @@ const CSS = {
     closingIdle: "modal--closing-idle",
     closingActive: "modal--closing-active",
 };
+const DURATIONS = {
+    slow: 14000,
+    medium: 10000,
+    fast: 6000,
+    test: 300 / 1000,
+};
 const ICONS = {
     close: "x",
 };
@@ -446,6 +452,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
+defineCustomElement(Modal);
 
 export { Modal as M, defineCustomElement as d };

package/dist/components/mode.js

@@ -5,6 +5,14 @@
  */
 const lightMode = 'calcite-mode-light';
 const darkMode = 'calcite-mode-dark';
+function getCalciteClass(el) {
+  const closestEl = el === null || el === void 0 ? void 0 : el.closest(`.${darkMode}, .${lightMode}`);
+  if (closestEl == null) {
+    const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+    return prefersDark ? darkMode : lightMode;
+  }
+  return (closestEl === null || closestEl === void 0 ? void 0 : closestEl.classList.contains(darkMode)) ? darkMode : lightMode;
+}
 function getMode(el) {
   const closestEl = el === null || el === void 0 ? void 0 : el.closest(`.${darkMode}, .${lightMode}`);
   if (closestEl == null) {

package/dist/components/notice.js

@@ -195,6 +195,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
+defineCustomElement(Notice);
 
 export { Notice as N, defineCustomElement as d };

package/dist/components/openCloseComponent.js

@@ -10,6 +10,17 @@ import { readTask } from '@stencil/core/internal/client';
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
  * v2.4.0
  */
+const componentToTransitionListeners = new WeakMap();
+function transitionStart(event) {
+    if (event.propertyName === this.openTransitionProp && event.target === this.transitionEl) {
+        isOpen(this) ? this.onBeforeOpen() : this.onBeforeClose();
+    }
+}
+function transitionEnd(event) {
+    if (event.propertyName === this.openTransitionProp && event.target === this.transitionEl) {
+        isOpen(this) ? this.onOpen() : this.onClose();
+    }
+}
 function isOpen(component) {
     return "opened" in component ? component.opened : component.open;
 }
@@ -86,5 +97,42 @@ function onToggleOpenCloseComponent(component, nonOpenCloseComponent = false) {
         }
     });
 }
+/**
+ * Helper to keep track of transition listeners on setTransitionEl and connectedCallback on OpenCloseComponent components.
+ *
+ * For component which do not have open prop, use `onToggleOpenCloseComponent` implementation.
+ *
+ * @param component
+ * @deprecated Call `onToggleOpenClose` in `componentWillLoad` and `open` property watchers instead.
+ */
+function connectOpenCloseComponent(component) {
+    disconnectOpenCloseComponent(component);
+    if (component.transitionEl) {
+        const boundOnTransitionStart = transitionStart.bind(component);
+        const boundOnTransitionEnd = transitionEnd.bind(component);
+        componentToTransitionListeners.set(component, [
+            component.transitionEl,
+            boundOnTransitionStart,
+            boundOnTransitionEnd,
+        ]);
+        component.transitionEl.addEventListener("transitionstart", boundOnTransitionStart);
+        component.transitionEl.addEventListener("transitionend", boundOnTransitionEnd);
+    }
+}
+/**
+ * Helper to tear down transition listeners on disconnectedCallback on OpenCloseComponent components.
+ *
+ * @param component
+ * @deprecated Call `onToggleOpenClose` in `componentWillLoad` and `open` property watchers instead.
+ */
+function disconnectOpenCloseComponent(component) {
+    if (!componentToTransitionListeners.has(component)) {
+        return;
+    }
+    const [transitionEl, start, end] = componentToTransitionListeners.get(component);
+    transitionEl.removeEventListener("transitionstart", start);
+    transitionEl.removeEventListener("transitionend", end);
+    componentToTransitionListeners.delete(component);
+}
 
 export { onToggleOpenCloseComponent as o };

package/dist/components/option.js

@@ -105,6 +105,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
+defineCustomElement(Option);
 
 export { Option as O, defineCustomElement as d };

package/dist/components/pagination.js

@@ -34,11 +34,204 @@ const ICONS = {
  * Do not edit directly
  * Generated on Wed, 17 Jan 2024 17:52:10 GMT
  */
+
+const calciteBorderWidthNone = "0";
+const calciteBorderWidthSm = "1px";
+const calciteBorderWidthMd = "2px";
+const calciteBorderWidthLg = "4px";
+const calciteColorBackground = {"light":"#f8f8f8","dark":"#353535"};
+const calciteColorBackgroundNone = "rgba(255, 255, 255, 0)";
+const calciteColorForeground1 = {"light":"#ffffff","dark":"#2b2b2b"};
+const calciteColorForeground2 = {"light":"#f3f3f3","dark":"#202020"};
+const calciteColorForeground3 = {"light":"#eaeaea","dark":"#151515"};
+const calciteColorForegroundCurrent = {"light":"#c7eaff","dark":"#214155"};
+const calciteColorTransparent = {"light":"rgba(0, 0, 0, 0)","dark":"rgba(255, 255, 255, 0)"};
+const calciteColorTransparentHover = {"light":"rgba(0, 0, 0, 0.04)","dark":"rgba(255, 255, 255, 0.04)"};
+const calciteColorTransparentPress = {"light":"rgba(0, 0, 0, 0.08)","dark":"rgba(255, 255, 255, 0.08)"};
+const calciteColorTransparentScrim = {"light":"rgba(255, 255, 255, 0.85)","dark":"rgba(0, 0, 0, 0.85)"};
+const calciteColorTransparentTint = {"light":"rgba(255, 255, 255, 0.8)","dark":"rgba(43, 43, 43, 0.8)"};
+const calciteColorBrand = {"light":"#007ac2","dark":"#009af2"};
+const calciteColorBrandHover = {"light":"#00619b","dark":"#007ac2"};
+const calciteColorBrandPress = {"light":"#004874","dark":"#00619b"};
+const calciteColorBrandUnderline = {"light":"rgba(0, 97, 155, 0.4)","dark":"rgba(0, 160, 255, 0.4)"};
+const calciteColorStatusInfo = {"light":"#00619b","dark":"#00a0ff"};
+const calciteColorStatusInfoHover = {"light":"#004874","dark":"#3db8ff"};
+const calciteColorStatusInfoPress = {"light":"#00304d","dark":"#009af2"};
+const calciteColorStatusSuccess = {"light":"#35ac46","dark":"#36da43"};
+const calciteColorStatusSuccessHover = {"light":"#288835","dark":"#3bed52"};
+const calciteColorStatusSuccessPress = {"light":"#1a6324","dark":"#00b81b"};
+const calciteColorStatusWarning = {"light":"#edd317","dark":"#ffc900"};
+const calciteColorStatusWarningHover = {"light":"#d9bc00","dark":"#ffee33"};
+const calciteColorStatusWarningPress = {"light":"#bfa200","dark":"#f5d000"};
+const calciteColorStatusDanger = {"light":"#d83020","dark":"#fe583e"};
+const calciteColorStatusDangerHover = {"light":"#a82b1e","dark":"#ff0015"};
+const calciteColorStatusDangerPress = {"light":"#7c1d13","dark":"#d90012"};
+const calciteColorInverse = {"light":"#353535","dark":"#f8f8f8"};
+const calciteColorInverseHover = {"light":"#2b2b2b","dark":"#ffffff"};
+const calciteColorInversePress = {"light":"#202020","dark":"#f3f3f3"};
+const calciteColorText1 = {"light":"#151515","dark":"#ffffff"};
+const calciteColorText2 = {"light":"#4a4a4a","dark":"#bfbfbf"};
+const calciteColorText3 = {"light":"#6a6a6a","dark":"#9f9f9f"};
+const calciteColorTextInverse = {"light":"#ffffff","dark":"#151515"};
+const calciteColorTextLink = {"light":"#00619b","dark":"#00a0ff"};
+const calciteColorBorder1 = {"light":"#cacaca","dark":"#555555"};
+const calciteColorBorder2 = {"light":"#d4d4d4","dark":"#4a4a4a"};
+const calciteColorBorder3 = {"light":"#dfdfdf","dark":"#404040"};
+const calciteColorBorderInput = {"light":"#949494","dark":"#757575"};
+const calciteColorBorderGhost = {"light":"rgba(0, 0, 0, 0.3)","dark":"rgba(117, 117, 117, 0.3)"};
+const calciteColorBorderWhite = {"light":"#ffffff","dark":"#f8f8f8"};
+const calciteContainerSizeHeightXxs = {"min":"0","max":"154px"}; // Small handheld devices and mini-windows
+const calciteContainerSizeHeightXs = {"min":"155px","max":"328px"}; // Handheld devices
+const calciteContainerSizeHeightSm = {"min":"329px","max":"504px"}; // Small tablets
+const calciteContainerSizeHeightMd = {"min":"505px","max":"678px"}; // Small laptops
+const calciteContainerSizeHeightLg = {"min":"679px","max":"854px"}; // Large laptops and desktop computers
+const calciteContainerSizeHeightXl = {"min":"855px"}; // Projectors and televisions
 const calciteContainerSizeWidthXxs = {"min":"0","max":"320px"}; // Small handheld devices and mini-windows
 const calciteContainerSizeWidthXs = {"min":"321px","max":"476px"}; // Handheld devices
 const calciteContainerSizeWidthSm = {"min":"477px","max":"768px"}; // Small tablets
 const calciteContainerSizeWidthMd = {"min":"769px","max":"1152px"}; // Small laptops
 const calciteContainerSizeWidthLg = {"min":"1153px","max":"1440px"}; // Large laptops and desktop computers
+const calciteContainerSizeWidthXl = {"min":"1441px"}; // Projectors and televisions
+const calciteContainerSizeMargin = "24px";
+const calciteContainerSizeGutter = "16px";
+const calciteContainerSizeContentFluid = "100%"; // for fluid grid widths
+const calciteContainerSizeContentFixed = "1440px"; // only for lg breakpoint fixed grid width
+const calciteCornerRadius = "0";
+const calciteCornerRadiusSharp = "0";
+const calciteCornerRadiusRound = "4px";
+const calciteCornerRadiusPill = "100%";
+const calciteFontFamily = ["Avenir Next World","Avenir Next LT Pro","Avenir","Helvetica Neue","sans-serif"]; // Primary font with fallbacks
+const calciteFontFamilyCode = ["Monaco","Consolas","Andale Mono","Lucida Console","monospace"]; // Font family for code with fallbacks
+const calciteFontWeightLight = "300"; // For Avenir Next World (secondary font family)
+const calciteFontWeightNormal = "400"; // For backwards compatibility only. This token will be removed from the published tokens in the next major in favor of the more descriptive word "regular"
+const calciteFontWeightRegular = "400";
+const calciteFontWeightMedium = "500";
+const calciteFontWeightSemibold = "600";
+const calciteFontWeightBold = "700";
+const calciteFontSizeXs = "10px";
+const calciteFontSizeSm = "12px";
+const calciteFontSize = "14px";
+const calciteFontSizeMd = "16px";
+const calciteFontSizeLg = "18px";
+const calciteFontSizeXl = "20px";
+const calciteFontSizeXxl = "24px";
+const calciteFontStyleEmphasis = "italic"; // used in ratings
+const calciteFontLineHeightFixedSm = "12px";
+const calciteFontLineHeightFixedBase = "16px";
+const calciteFontLineHeightFixedLg = "20px";
+const calciteFontLineHeightFixedXl = "24px";
+const calciteFontLineHeightRelative = "auto"; // 1
+const calciteFontLineHeightRelativeTight = "125%"; // 1.25
+const calciteFontLineHeightRelativeSnug = "137.5%"; // 1.375
+const calciteFontLineHeightRelativeNormal = "150%"; // 1.5
+const calciteFontLineHeightRelativeRelaxed = "162.5%"; // 1.625
+const calciteFontLineHeightRelativeLoose = "200%"; // 2
+const calciteFontLetterSpacingTight = "-0.4";
+const calciteFontLetterSpacingNormal = "0";
+const calciteFontLetterSpacingWide = "0.4";
+const calciteFontParagraphSpacingNormal = "4px";
+const calciteFontTextDecorationNone = "none";
+const calciteFontTextDecorationUnderline = "underline";
+const calciteFontTextCaseNone = "none";
+const calciteFontTextCaseUppercase = "uppercase";
+const calciteFontTextCaseLowercase = "lowercase";
+const calciteFontTextCaseCapitalize = "capitalize";
+const calciteOpacityLight = "0.4";
+const calciteOpacityHalf = "0.5";
+const calciteOpacityDark = "0.85";
+const calciteOpacityFull = "1";
+const calciteOpacityDisabled = "0.5";
+const calciteShadowNone = {"x":"0","y":"0","blur":"0","spread":"0","color":"rgba(#000000, 0)"};
+const calciteShadowSm = [{"x":"0","y":"2","blur":"8","spread":"0","color":"rgba(#000000, 0.04)"},{"x":"0","y":"4","blur":"16","spread":"0","color":"rgba(#000000, 0.08)"}];
+const calciteShadowMd = [{"x":"0","y":"4","blur":"20","spread":"0","color":"rgba(#000000, 0.08)"},{"x":"0","y":"12","blur":"32","spread":"-2","color":"rgba(#000000, 0.1)"}];
+const calciteSizePx = "1px";
+const calciteSizeXxxs = "2px";
+const calciteSizeXxs = "4px";
+const calciteSizeXs = "6px";
+const calciteSizeSm = "8px";
+const calciteSizeSmPlus = "10px";
+const calciteSizeMd = "12px";
+const calciteSizeMdPlus = "14px";
+const calciteSizeLg = "16px";
+const calciteSizeXl = "20px";
+const calciteSizeXxl = "24px";
+const calciteSizeXxxl = "32px";
+const calciteSpacingPx = "1px";
+const calciteSpacingBase = "2px";
+const calciteSpacingXxs = "4px";
+const calciteSpacingXs = "6px";
+const calciteSpacingSm = "8px";
+const calciteSpacingMd = "12px";
+const calciteSpacingLg = "14px";
+const calciteSpacingXl = "16px";
+const calciteSpacingXxl = "20px";
+const calciteSpacingXxxl = "32px";
+const calciteTypography = {"fontFamily":["Avenir Next World","Avenir Next LT Pro","Avenir","Helvetica Neue","sans-serif"],"fontSize":"14px","fontWeight":"400","letterSpacing":"0","lineHeight":"16px","paragraphSpacing":"4px","textCase":"none","textDecoration":"none"};
+const calciteTypographyLightMinus3h = {"fontSize":"10px","fontWeight":"300","lineHeight":"12px"};
+const calciteTypographyLightMinus2h = {"fontSize":"12px","fontWeight":"300"};
+const calciteTypographyLightMinus1h = {"fontWeight":"300"};
+const calciteTypographyLight0h = {"fontSize":"16px","fontWeight":"300","lineHeight":"20px"};
+const calciteTypographyLight1h = {"fontSize":"18px","fontWeight":"300","lineHeight":"24px"};
+const calciteTypographyRegularMinus3h = {"lineHeight":"12px","fontSize":"10px"};
+const calciteTypographyRegularMinus2h = {"fontSize":"12px"};
+const calciteTypographyRegularMinus1h = {"fontFamily":["Avenir Next World","Avenir Next LT Pro","Avenir","Helvetica Neue","sans-serif"],"fontSize":"14px","fontWeight":"400","letterSpacing":"0","lineHeight":"16px","paragraphSpacing":"4px","textCase":"none","textDecoration":"none"};
+const calciteTypographyRegular0h = {"lineHeight":"20px","fontSize":"16px"};
+const calciteTypographyRegular1h = {"lineHeight":"24px","fontSize":"18px"};
+const calciteTypographyMediumMinus3h = {"fontWeight":"500","lineHeight":"12px","fontSize":"10px"};
+const calciteTypographyMediumMinus2h = {"fontWeight":"500","fontSize":"12px"};
+const calciteTypographyMediumMinus1h = {"fontWeight":"500"};
+const calciteTypographyMedium0h = {"fontWeight":"500","lineHeight":"20px","fontSize":"16px"};
+const calciteTypographyMedium1h = {"fontWeight":"500","lineHeight":"24px","fontSize":"18px"};
+const calciteTypographyBoldMinus3h = {"fontWeight":"600","lineHeight":"12px","fontSize":"10px"};
+const calciteTypographyBoldMinus2h = {"fontWeight":"600","fontSize":"12px"};
+const calciteTypographyBoldMinus1h = {"fontWeight":"600"};
+const calciteTypographyBold0h = {"fontWeight":"600","lineHeight":"20px","fontSize":"16px"};
+const calciteTypographyBold1h = {"fontWeight":"600","lineHeight":"24px","fontSize":"18px"};
+const calciteTypographyWrapLight0 = {"fontWeight":"300","lineHeight":"137.5%","fontSize":"16px"};
+const calciteTypographyWrapLight1 = {"fontWeight":"300","lineHeight":"137.5%","fontSize":"18px"};
+const calciteTypographyWrapLight2 = {"fontWeight":"300","lineHeight":"137.5%","fontSize":"20px"};
+const calciteTypographyWrapLight3 = {"fontWeight":"300","lineHeight":"125%","fontSize":"24px"};
+const calciteTypographyWrapLightMinus2 = {"fontWeight":"300","lineHeight":"137.5%","fontSize":"12px"};
+const calciteTypographyWrapLightMinus1 = {"fontWeight":"300","lineHeight":"137.5%"};
+const calciteTypographyWrapRegular0 = {"lineHeight":"137.5%","fontSize":"16px"};
+const calciteTypographyWrapRegular1 = {"lineHeight":"137.5%","fontSize":"18px"};
+const calciteTypographyWrapRegular2 = {"lineHeight":"137.5%","fontSize":"20px"};
+const calciteTypographyWrapRegular3 = {"lineHeight":"137.5%","fontSize":"24px"};
+const calciteTypographyWrapRegularMinus2 = {"lineHeight":"137.5%","fontSize":"12px"};
+const calciteTypographyWrapRegularMinus1 = {"lineHeight":"137.5%"};
+const calciteTypographyWrapMedium0 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"16px"};
+const calciteTypographyWrapMedium1 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"18px"};
+const calciteTypographyWrapMedium2 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"20px"};
+const calciteTypographyWrapMedium3 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"24px"};
+const calciteTypographyWrapMediumMinus2 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"12px"};
+const calciteTypographyWrapMediumMinus1 = {"fontWeight":"500","lineHeight":"137.5%"};
+const calciteTypographyWrapBold0 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"16px"};
+const calciteTypographyWrapBold1 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"18px"};
+const calciteTypographyWrapBold2 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"20px"};
+const calciteTypographyWrapBold3 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"24px"};
+const calciteTypographyWrapBoldMinus2 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"12px"};
+const calciteTypographyWrapBoldMinus1 = {"fontWeight":"600","lineHeight":"137.5%"};
+const calciteTypographyHierarchyDisplay1 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"24px"};
+const calciteTypographyHierarchyDisplay2 = {"fontWeight":"600","lineHeight":"137.5%","fontSize":"20px"};
+const calciteTypographyHierarchyHeading1 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"24px"};
+const calciteTypographyHierarchyHeading2 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"20px"};
+const calciteTypographyHierarchyHeading3 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"18px"};
+const calciteTypographyHierarchyHeading4 = {"fontWeight":"500","lineHeight":"137.5%","fontSize":"16px"};
+const calciteTypographyHierarchyHeading5 = {"fontWeight":"500","lineHeight":"137.5%"};
+const calciteTypographyHierarchyBodySnug = {"lineHeight":"137.5%"};
+const calciteTypographyHierarchyBody = {"fontFamily":["Avenir Next World","Avenir Next LT Pro","Avenir","Helvetica Neue","sans-serif"],"fontSize":"14px","fontWeight":"400","letterSpacing":"0","lineHeight":"16px","paragraphSpacing":"4px","textCase":"none","textDecoration":"none"};
+const calciteTypographyHierarchyOverline = {"lineHeight":"12px","textCase":"uppercase","fontWeight":"700"};
+const calciteTypographyHierarchyCaption = {"lineHeight":"137.5%","fontSize":"12px"};
+const calciteZIndexDeep = "-999999";
+const calciteZIndex = "1";
+const calciteZIndexSticky = "300";
+const calciteZIndexHeader = "400";
+const calciteZIndexToast = "500";
+const calciteZIndexDropdown = "600";
+const calciteZIndexOverlay = "700";
+const calciteZIndexModal = "800";
+const calciteZIndexPopup = "900";
+const calciteZIndexTooltip = "901";
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
@@ -399,6 +592,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
+defineCustomElement(Pagination);
 
 export { Pagination as P, defineCustomElement as d };

package/dist/components/panel.js

@@ -59,6 +59,7 @@ const SLOTS = {
     footer: "footer",
     footerActions: "footer-actions",
 };
+const HEADING_LEVEL = 3;
 
 const panelCss = ":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}: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{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;--calcite-min-header-height:calc(var(--calcite-icon-size) * 3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.container{margin:0px;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;background-color:var(--calcite-color-background);padding:0px;transition:max-block-size var(--calcite-animation-timing), inline-size var(--calcite-animation-timing)}.container[hidden]{display:none}.header{z-index:var(--calcite-z-index-header);display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1);border-block-end:var(--calcite-panel-header-border-block-end, 1px solid var(--calcite-color-border-3))}.header-container{display:flex;inline-size:100%;flex-direction:row;align-items:stretch;justify-content:flex-start;flex:0 0 auto}.header-container--border-end{border-block-end:1px solid var(--calcite-color-border-3)}.action-bar-container{inline-size:100%}.action-bar-container ::slotted(calcite-action-bar){inline-size:100%}.header-content{display:flex;flex-direction:column;overflow:hidden;padding-inline:0.75rem;padding-block:0.875rem;margin-inline-end:auto}.header-content .heading,.header-content .description{display:block;overflow-wrap:break-word;padding:0px}.header-content .heading{margin-inline:0px;margin-block:0px 0.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-medium)}.header-content .heading:only-child{margin-block-end:0px}.header-content .description{font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);border-inline-end-width:1px}.header-actions{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch}.header-actions--end{margin-inline-start:auto}.content-wrapper{display:flex;block-size:100%;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;overflow:auto;background-color:var(--calcite-color-background)}.footer{display:flex;inline-size:100%;justify-content:space-evenly;background-color:var(--calcite-color-foreground-1);flex:0 0 auto;padding:var(--calcite-panel-footer-padding, 0.5rem);border-block-start:1px solid var(--calcite-color-border-3)}.fab-container{position:sticky;inset-block-end:0px;z-index:var(--calcite-z-index-sticky);margin-block:0px;margin-inline:auto;display:block;padding:0.5rem;inset-inline:0;inline-size:-moz-fit-content;inline-size:fit-content}:host([hidden]){display:none}[hidden]{display:none}";
 
@@ -380,6 +381,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement();
+defineCustomElement(Panel);
 
 export { Panel as P, SLOTS as S, defineCustomElement as d };