@esri/solutions-components 0.8.67 → 0.9.0

package/dist/components/map-legend2.js

@@ -7,6 +7,7 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal
 import { l as loadModules } from './loadModules.js';
 
 const mapLegendCss = ":host{display:block}";
+const MapLegendStyle0 = mapLegendCss;
 
 const MapLegend = /*@__PURE__*/ proxyCustomElement(class MapLegend extends HTMLElement {
     constructor() {
@@ -99,7 +100,7 @@ const MapLegend = /*@__PURE__*/ proxyCustomElement(class MapLegend extends HTMLE
     static get watchers() { return {
         "mapView": ["mapViewWatchHandler"]
     }; }
-    static get style() { return mapLegendCss; }
+    static get style() { return MapLegendStyle0; }
 }, [1, "map-legend", {
         "mapView": [16],
         "legendWidget": [16]
@@ -119,6 +120,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement(MapLegend);
+defineCustomElement();
 
 export { MapLegend as M, defineCustomElement as d };

package/dist/components/map-picker2.js

@@ -24,6 +24,7 @@ import { d as defineCustomElement$2 } from './stack.js';
 import { d as defineCustomElement$1 } from './tooltip.js';
 
 const mapPickerCss = ":host{display:block;--solutions-theme-foreground-color:var(--calcite-color-foreground-1)}.width-full{width:100%}.height-full{height:100%}.display-flex{display:flex}.border-bottom-1{border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-color-border-3)}.action-bar-size{height:51px;width:100%}.map-list{position:absolute;display:flex;flex-direction:column;overflow:hidden;animation:calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;background-color:var(--calcite-color-background);z-index:1000;width:100%;height:-moz-fit-content;height:fit-content}.display-none{display:none}.align-center{align-items:center}";
+const MapPickerStyle0 = mapPickerCss;
 
 const MapPicker = /*@__PURE__*/ proxyCustomElement(class MapPicker extends HTMLElement {
     constructor() {
@@ -180,7 +181,7 @@ const MapPicker = /*@__PURE__*/ proxyCustomElement(class MapPicker extends HTMLE
         "_webMapInfo": ["_webMapInfoWatchHandler"],
         "mapInfos": ["mapInfosWatchHandler"]
     }; }
-    static get style() { return mapPickerCss; }
+    static get style() { return MapPickerStyle0; }
 }, [1, "map-picker", {
         "mapInfos": [16],
         "_mapListExpanded": [32],
@@ -289,6 +290,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement(MapPicker);
+defineCustomElement();
 
 export { MapPicker as M, defineCustomElement as d };

package/dist/components/map-search2.js

@@ -7,6 +7,7 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal
 import { l as loadModules } from './loadModules.js';
 
 const mapSearchCss = ":host{display:block}.search-widget{width:100% !important;border:1px solid var(--calcite-color-border-input)}";
+const MapSearchStyle0 = mapSearchCss;
 
 const MapSearch = /*@__PURE__*/ proxyCustomElement(class MapSearch extends HTMLElement {
     constructor() {
@@ -174,7 +175,7 @@ const MapSearch = /*@__PURE__*/ proxyCustomElement(class MapSearch extends HTMLE
         "searchConfiguration": ["watchSearchConfigurationHandler"],
         "mapView": ["mapViewWatchHandler"]
     }; }
-    static get style() { return mapSearchCss; }
+    static get style() { return MapSearchStyle0; }
 }, [1, "map-search", {
         "mapView": [16],
         "popupEnabled": [4, "popup-enabled"],
@@ -199,6 +200,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement(MapSearch);
+defineCustomElement();
 
 export { MapSearch as M, defineCustomElement as d };

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

@@ -37,6 +37,7 @@ import { d as defineCustomElement$2 } from './map-draw-tools2.js';
 import { d as defineCustomElement$1 } from './map-layer-picker2.js';
 
 const mapSelectToolsCss = ":host{display:block}.div-visible{display:inherit}.div-visible-search{display:flex;height:44px;align-items:center;padding-bottom:0}.div-not-visible{display:none}.padding-bottom-1{padding-bottom:1rem}.padding-top-1{padding-top:1rem}.search-widget{width:100% !important;border:1px solid var(--calcite-color-border-input)}.w-100{width:100%}.w-50{width:50%}.search-distance-container{padding-top:\"1rem\" !important}.end-border{border-inline-end:1px solid var(--calcite-color-border-2)}.search-distance{display:flex;padding-top:1rem}.font-bold{font:bold}.border-bottom{border-bottom:1px solid var(--calcite-color-border-2)}.tooltip-container{display:flex}.padding-start-1-2{padding-inline-start:0.5rem}.icon{--calcite-color-icon-color:var(--calcite-color-brand)}.tooltip-message{padding:5px 8px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}";
+const MapSelectToolsStyle0 = mapSelectToolsCss;
 
 const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools extends HTMLElement {
     constructor() {
@@ -811,7 +812,7 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
         "mapView": ["mapViewWatchHandler"],
         "searchConfiguration": ["watchSearchConfigurationHandler"]
     }; }
-    static get style() { return mapSelectToolsCss; }
+    static get style() { return MapSelectToolsStyle0; }
 }, [0, "map-select-tools", {
         "bufferColor": [8, "buffer-color"],
         "bufferOutlineColor": [8, "buffer-outline-color"],
@@ -983,6 +984,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement(MapSelectTools);
+defineCustomElement();
 
 export { MapSelectTools as M, defineCustomElement as d };

package/dist/components/map-tools2.js

@@ -17,6 +17,7 @@ import { d as defineCustomElement$2 } from './map-legend2.js';
 import { d as defineCustomElement$1 } from './map-search2.js';
 
 const mapToolsCss = ":host{display:block}.display-none{display:none}.margin-top-1-2{margin-top:0.5rem}.square-32{width:32px;height:32px}.square-40{width:40px;height:40px}.square-48{width:48px;height:48px}.width-40{width:40px}.square-40-41{width:40px;height:41px}.border-bottom{border-bottom:1px solid var(--calcite-color-border-3)}.box-shadow{box-shadow:0 1px 2px rgba(0, 0, 0, 0.3)}.margin-bottom-1-2{margin-bottom:0.5rem}";
+const MapToolsStyle0 = mapToolsCss;
 
 const MapTools = /*@__PURE__*/ proxyCustomElement(class MapTools extends HTMLElement {
     constructor() {
@@ -247,8 +248,6 @@ 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;
             }
         });
     }
@@ -374,7 +373,7 @@ const MapTools = /*@__PURE__*/ proxyCustomElement(class MapTools extends HTMLEle
         "_showLegendWidget": ["_showLegendWidgetWatchHandler"],
         "_showSearchWidget": ["_showSearchWidgetWatchHandler"]
     }; }
-    static get style() { return mapToolsCss; }
+    static get style() { return MapToolsStyle0; }
 }, [1, "map-tools", {
         "basemapConfig": [16],
         "enableLegend": [4, "enable-legend"],
@@ -466,6 +465,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement(MapTools);
+defineCustomElement();
 
 export { MapTools as M, defineCustomElement as d };

package/dist/components/menu.js

@@ -10,6 +10,7 @@ import { c as connectLocalized, d as disconnectLocalized } from './locale2.js';
 import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n.js';
 
 const menuCss = ":host{display:flex}ul{margin:0px;display:inline-flex;block-size:100%;align-items:center;padding:0px}:host([layout=vertical]) ul{display:flex;inline-size:100%;flex-direction:column}:host([hidden]){display:none}[hidden]{display:none}";
+const CalciteMenuStyle0 = menuCss;
 
 const CalciteMenu = /*@__PURE__*/ proxyCustomElement(class CalciteMenu extends HTMLElement {
     constructor() {
@@ -172,7 +173,7 @@ const CalciteMenu = /*@__PURE__*/ proxyCustomElement(class CalciteMenu extends H
         "messageOverrides": ["onMessagesChange"],
         "effectiveLocale": ["effectiveLocaleChange"]
     }; }
-    static get style() { return menuCss; }
+    static get style() { return CalciteMenuStyle0; }
 }, [17, "calcite-menu", {
         "label": [1],
         "layout": [513],
@@ -200,6 +201,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement(CalciteMenu);
+defineCustomElement();
 
 export { CalciteMenu as C, defineCustomElement as d };

package/dist/components/modal.js

@@ -46,12 +46,6 @@ 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",
 };
@@ -66,6 +60,7 @@ const SLOTS = {
 };
 
 const modalCss = ":host{--calcite-modal-scrim-background:rgba(0, 0, 0, 0.85);position:absolute;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;opacity:0;visibility:hidden !important;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);--calcite-modal-scrim-background-internal:rgba(0, 0, 0, 0.85)}.content-top[hidden],.content-bottom[hidden]{display:none}.container{position:fixed;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;align-items:center;justify-content:center;overflow-y:hidden;color:var(--calcite-color-text-2);opacity:0;visibility:hidden !important;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88)}:host([scale=s]){--calcite-modal-padding-internal:0.75rem;--calcite-modal-padding-large-internal:1rem;--calcite-modal-title-text-internal:var(--calcite-font-size-1);--calcite-modal-content-text-internal:var(--calcite-font-size--1)}:host([scale=m]){--calcite-modal-padding-internal:1rem;--calcite-modal-padding-large-internal:1.25rem;--calcite-modal-title-text-internal:var(--calcite-font-size-2);--calcite-modal-content-text-internal:var(--calcite-font-size-0)}:host([scale=l]){--calcite-modal-padding-internal:1.25rem;--calcite-modal-padding-large-internal:1.5rem;--calcite-modal-title-text-internal:var(--calcite-font-size-3);--calcite-modal-content-text-internal:var(--calcite-font-size-1)}.scrim{--calcite-scrim-background:var(--calcite-modal-scrim-background, var(--calcite-color-transparent-scrim));position:fixed;inset:0px;display:flex;overflow-y:hidden}.modal{pointer-events:none;z-index:var(--calcite-z-index-modal);float:none;margin:1.5rem;box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;overflow:hidden;border-radius:0.25rem;background-color:var(--calcite-color-foreground-1);opacity:0;--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);--tw-shadow-colored:0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-webkit-overflow-scrolling:touch;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);--calcite-modal-hidden-position:translate3d(0, 20px, 0);--calcite-modal-shown-position:translate3d(0, 0, 0)}.modal--opening-idle{transform:var(--calcite-modal-hidden-position)}.modal--opening-active{transform:var(--calcite-modal-shown-position)}.modal--closing-idle{transform:var(--calcite-modal-shown-position)}.modal--closing-active{transform:var(--calcite-modal-hidden-position)}:host([opened]){opacity:1;visibility:visible !important;transition-delay:0ms}.container--open{opacity:1;visibility:visible !important;transition-delay:0ms}.container--open .modal{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-inline-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-block-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition-delay:0ms}.header{z-index:var(--calcite-z-index-header);display:flex;min-inline-size:0px;max-inline-size:100%;border-start-start-radius:0.25rem;border-start-end-radius:0.25rem;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto}.close{order:2;margin:0px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-internal);flex:0 0 auto}.close calcite-icon{pointer-events:none;vertical-align:-2px}.close:focus{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          )}.close:hover,.close:focus,.close:active{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.title{order:1;display:flex;min-inline-size:0px;align-items:center;flex:1 1 auto;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-large-internal)}slot[name=header]::slotted(*),*::slotted([slot=header]){margin:0px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1);font-size:var(--calcite-modal-title-text-internal)}.content{position:relative;box-sizing:border-box;display:block;block-size:100%;overflow:auto;padding:0px;background-color:var(--calcite-modal-content-background, var(--calcite-color-foreground-1));max-block-size:100%;padding:var(--calcite-modal-content-padding, var(--calcite-modal-padding-internal))}.content-top,.content-bottom{z-index:var(--calcite-z-index-header);display:flex;border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto;padding:var(--calcite-modal-padding-internal)}.content-top{min-inline-size:0px;max-inline-size:100%;border-block-end-width:1px}.content-bottom{margin-block-start:auto;box-sizing:border-box;inline-size:100%;justify-content:space-between;border-block-start-width:1px}.content-top:not(.header~.content-top){border-start-start-radius:0.25rem;border-start-end-radius:0.25rem}.content-bottom:not(.content-bottom~.footer),.content--no-footer{border-end-end-radius:0.25rem;border-end-start-radius:0.25rem}slot[name=content]::slotted(*),*::slotted([slot=content]){font-size:var(--calcite-modal-context-text-internal)}.footer{z-index:var(--calcite-z-index-header);margin-block-start:auto;box-sizing:border-box;display:flex;inline-size:100%;justify-content:space-between;border-end-end-radius:0.25rem;border-end-start-radius:0.25rem;border-width:0px;border-block-start-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-large-internal)}.footer--hide-back .back,.footer--hide-secondary .secondary{display:none}.back{display:block;margin-inline-end:auto}.secondary{margin-inline:0.25rem;display:block}slot[name=primary]{display:block}:host([width=small]) .modal{inline-size:auto}:host([width-scale=s]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 32rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 35rem){:host([width-scale=s]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=s]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=s][docked]) .container{align-items:flex-end}}:host([width-scale=m]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 48rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 51rem){:host([width-scale=m]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=m]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=m][docked]) .container{align-items:flex-end}}:host([width-scale=l]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 94rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 97rem){:host([width-scale=l]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=l]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=l][docked]) .container{align-items:flex-end}}:host([fullscreen]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0px;--calcite-modal-hidden-position:translate3D(0, 20px, 0) scale(0.95);--calcite-modal-shown-position:translate3D(0, 0, 0) scale(1)}:host([fullscreen]) .content{max-block-size:100%;flex:1 1 auto}:host([opened][fullscreen]) .header,:host([opened][fullscreen]) .footer,:host([opened][fullscreen]) .content-top,:host([opened][fullscreen]) .content-bottom{border-radius:0}:host([docked]) .modal{block-size:var(--calcite-modal-height, auto)}:host([docked]) .content{block-size:auto;flex:1 1 auto}:host([kind=brand]) .modal{border-color:var(--calcite-color-brand)}:host([kind=danger]) .modal{border-color:var(--calcite-color-status-danger)}:host([kind=info]) .modal{border-color:var(--calcite-color-status-info)}:host([kind=success]) .modal{border-color:var(--calcite-color-status-success)}:host([kind=warning]) .modal{border-color:var(--calcite-color-status-warning)}:host([kind=brand]) .modal,:host([kind=danger]) .modal,:host([kind=info]) .modal,:host([kind=success]) .modal,:host([kind=warning]) .modal{border-width:0px;border-block-start-width:4px;border-style:solid}:host([kind=brand]) .header,:host([kind=brand]) .content-top,:host([kind=danger]) .header,:host([kind=danger]) .content-top,:host([kind=info]) .header,:host([kind=info]) .content-top,:host([kind=success]) .header,:host([kind=success]) .content-top,:host([kind=warning]) .header,:host([kind=warning]) .content-top{border-radius:0.25rem;border-end-end-radius:0px;border-end-start-radius:0px}@media screen and (max-width: 860px){* slot[name=header]::slotted(content-top),* content-top::slotted([slot=header]){font-size:var(--calcite-font-size-1)}.footer,.content-bottom{position:sticky;inset-block-end:0px}}@media screen and (max-width: 480px){.footer,.content-bottom{flex-direction:column}.back,.secondary{margin:0px;margin-block-end:0.25rem}}.container.slotted-in-shell{position:absolute;pointer-events:auto}.container.slotted-in-shell calcite-scrim{position:absolute}:host([hidden]){display:none}[hidden]{display:none}";
+const CalciteModalStyle0 = modalCss;
 
 let totalOpenModals = 0;
 let initialDocumentOverflowStyle = "";
@@ -390,7 +385,7 @@ const Modal = /*@__PURE__*/ proxyCustomElement(class Modal extends HTMLElement {
         "open": ["toggleModal"],
         "opened": ["handleOpenedChange"]
     }; }
-    static get style() { return modalCss; }
+    static get style() { return CalciteModalStyle0; }
 }, [1, "calcite-modal", {
         "open": [1540],
         "opened": [1540],
@@ -452,6 +447,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement(Modal);
+defineCustomElement();
 
 export { Modal as M, defineCustomElement as d };

package/dist/components/mode.js

@@ -5,14 +5,6 @@
  */
 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/navigation-user.js

@@ -21,6 +21,7 @@ const CSS = {
 };
 
 const navigationUserCss = ":host{display:inline-flex;outline:2px solid transparent;outline-offset:2px}:host .button{background-color:transparent;border:none;margin:0px;display:flex;cursor:pointer;align-items:center;justify-content:center;font-family:var(--calcite-font-family);font-size:var(--calcite-font-size-0);line-height:1.25rem;outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-block-end:2px solid transparent}:host(:hover) .button,:host(:focus) .button{background-color:var(--calcite-color-foreground-2)}:host(:focus) .button{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          )}:host(:active) .button{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}:host([active]) .button{border-color:var(--calcite-color-brand);color:var(--calcite-color-text-1);--calcite-ui-icon-color:var(--calcite-color-brand)}.text-container{margin-block-start:0.125rem;display:flex;flex-direction:column;padding-inline:1rem;text-align:start}calcite-avatar{padding-inline:1rem}calcite-avatar~.text-container{padding-inline-start:0px}.full-name{margin-inline-start:0px;font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.username{color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host([hidden]){display:none}[hidden]{display:none}";
+const CalciteNavigationUserStyle0 = navigationUserCss;
 
 const CalciteNavigationUser = /*@__PURE__*/ proxyCustomElement(class CalciteNavigationUser extends HTMLElement {
     constructor() {
@@ -66,7 +67,7 @@ const CalciteNavigationUser = /*@__PURE__*/ proxyCustomElement(class CalciteNavi
     }
     static get delegatesFocus() { return true; }
     get el() { return this; }
-    static get style() { return navigationUserCss; }
+    static get style() { return CalciteNavigationUserStyle0; }
 }, [17, "calcite-navigation-user", {
         "active": [516],
         "fullName": [1, "full-name"],
@@ -100,6 +101,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement(CalciteNavigationUser);
+defineCustomElement();
 
 export { CalciteNavigationUser as C, defineCustomElement as d };

package/dist/components/notice.js

@@ -34,6 +34,7 @@ const CSS = {
 };
 
 const noticeCss = ":host([scale=s]){--calcite-notice-spacing-token-small:0.5rem;--calcite-notice-spacing-token-large:0.75rem}:host([scale=s]) .container slot[name=title]::slotted(*),:host([scale=s]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) .container slot[name=message]::slotted(*),:host([scale=s]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .notice-close{padding:0.5rem}:host([scale=m]){--calcite-notice-spacing-token-small:0.75rem;--calcite-notice-spacing-token-large:1rem}:host([scale=m]) .container slot[name=title]::slotted(*),:host([scale=m]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) .container slot[name=message]::slotted(*),:host([scale=m]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=l]){--calcite-notice-spacing-token-small:1rem;--calcite-notice-spacing-token-large:1.25rem}:host([scale=l]) .container slot[name=title]::slotted(*),:host([scale=l]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) .container slot[name=message]::slotted(*),:host([scale=l]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([width=auto]){--calcite-notice-width:auto}:host([width=half]){--calcite-notice-width:50%}:host([width=full]){--calcite-notice-width:100%}:host{margin-inline:auto;display:none;max-inline-size:100%;align-items:center;inline-size:var(--calcite-notice-width)}.container{pointer-events:none;margin-block:0px;box-sizing:border-box;display:none;inline-size:100%;background-color:var(--calcite-color-foreground-1);opacity:0;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;max-block-size:0;text-align:start;border-inline-start:0px solid;box-shadow:0 0 0 0 transparent}.notice-close{outline-color:transparent}.notice-close:focus{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          )}:host{display:flex}:host([open]) .container{pointer-events:auto;display:flex;max-block-size:100%;align-items:center;border-width:2px;opacity:1;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.container slot[name=title]::slotted(*),.container *::slotted([slot=title]){margin:0px;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.container slot[name=message]::slotted(*),.container *::slotted([slot=message]){margin:0px;display:inline;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);margin-inline-end:var(--calcite-notice-spacing-token-small)}.notice-content{box-sizing:border-box;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;display:flex;min-inline-size:0px;flex-direction:column;overflow-wrap:break-word;flex:1 1 0;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:0 var(--calcite-notice-spacing-token-small)}.notice-content:first-of-type:not(:only-child){padding-inline-start:var(--calcite-notice-spacing-token-large)}.notice-content:only-of-type{padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large)}.notice-icon{display:flex;align-items:center;box-sizing:border-box;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto}.notice-close{display:flex;cursor:pointer;align-items:center;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline:2px solid transparent;outline-offset:2px;box-sizing:border-box;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;-webkit-appearance:none}.notice-close:hover,.notice-close:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.notice-close:active{background-color:var(--calcite-color-foreground-3)}.actions-end{display:flex;align-self:stretch}:host([kind=brand]) .container{border-color:var(--calcite-color-brand)}:host([kind=brand]) .container .notice-icon{color:var(--calcite-color-brand)}:host([kind=info]) .container{border-color:var(--calcite-color-status-info)}:host([kind=info]) .container .notice-icon{color:var(--calcite-color-status-info)}:host([kind=danger]) .container{border-color:var(--calcite-color-status-danger)}:host([kind=danger]) .container .notice-icon{color:var(--calcite-color-status-danger)}:host([kind=success]) .container{border-color:var(--calcite-color-status-success)}:host([kind=success]) .container .notice-icon{color:var(--calcite-color-status-success)}:host([kind=warning]) .container{border-color:var(--calcite-color-status-warning)}:host([kind=warning]) .container .notice-icon{color:var(--calcite-color-status-warning)}:host([hidden]){display:none}[hidden]{display:none}";
+const CalciteNoticeStyle0 = noticeCss;
 
 const Notice = /*@__PURE__*/ proxyCustomElement(class Notice extends HTMLElement {
     constructor() {
@@ -156,7 +157,7 @@ const Notice = /*@__PURE__*/ proxyCustomElement(class Notice extends HTMLElement
         "kind": ["updateRequestedIcon"],
         "effectiveLocale": ["effectiveLocaleChange"]
     }; }
-    static get style() { return noticeCss; }
+    static get style() { return CalciteNoticeStyle0; }
 }, [1, "calcite-notice", {
         "open": [1540],
         "kind": [513],
@@ -195,6 +196,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement(Notice);
+defineCustomElement();
 
 export { Notice as N, defineCustomElement as d };

package/dist/components/openCloseComponent.js

@@ -10,17 +10,6 @@ import { readTask } from '@stencil/core/internal/client';
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
  * v2.8.2
  */
-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;
 }
@@ -97,42 +86,5 @@ 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

@@ -7,6 +7,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { c as createObserver } from './observers.js';
 
 const optionCss = ":host{display:block}:host([hidden]){display:none}[hidden]{display:none}";
+const CalciteOptionStyle0 = optionCss;
 
 const Option = /*@__PURE__*/ proxyCustomElement(class Option extends HTMLElement {
     constructor() {
@@ -80,7 +81,7 @@ const Option = /*@__PURE__*/ proxyCustomElement(class Option extends HTMLElement
         "selected": ["handlePropChange"],
         "value": ["handlePropChange"]
     }; }
-    static get style() { return optionCss; }
+    static get style() { return CalciteOptionStyle0; }
 }, [1, "calcite-option", {
         "disabled": [516],
         "label": [1025],
@@ -105,6 +106,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement(Option);
+defineCustomElement();
 
 export { Option as O, defineCustomElement as d };

package/dist/components/pagination.js

@@ -15,204 +15,11 @@ import { d as defineCustomElement$1 } from './icon.js';
  * Do not edit directly
  * Generated on Wed, 01 May 2024 00:07:12 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","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","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","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","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.
@@ -255,6 +62,7 @@ const ICONS = {
 };
 
 const paginationCss = ":host{display:flex;writing-mode:horizontal-tb}:host([scale=s]) .chevron,:host([scale=s]) .page,:host([scale=s]) .ellipsis{block-size:1.5rem;padding-inline:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;min-inline-size:1.5rem}:host([scale=m]) .chevron,:host([scale=m]) .page,:host([scale=m]) .ellipsis{block-size:2rem;padding-inline:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;min-inline-size:2rem}:host([scale=l]) .chevron,:host([scale=l]) .page,:host([scale=l]) .ellipsis{block-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-inline-size:2.75rem}:host([scale=l]) .chevron{padding-inline:0.625rem}:host([scale=l]) .page,:host([scale=l]) .ellipsis{padding-inline:0.75rem}:host button{outline-color:transparent}:host button:focus{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          )}.chevron,.page,.ellipsis{margin:0px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-style:none;--tw-border-opacity:0;background-color:transparent;padding:0px;vertical-align:baseline;font-family:inherit;font-size:var(--calcite-font-size-0);line-height:1.25rem;color:var(--calcite-color-text-3)}.chevron,.page{cursor:pointer;border-block:2px solid transparent}.chevron:hover,.page:hover{color:var(--calcite-color-text-1);transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.page:hover{border-block-end-color:var(--calcite-color-border-2)}.page.selected{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);border-block-end-color:var(--calcite-color-brand)}.chevron:hover{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-brand)}.chevron:active{background-color:var(--calcite-color-foreground-3)}.chevron.disabled{pointer-events:none;background-color:transparent}.chevron.disabled>calcite-icon{opacity:var(--calcite-opacity-disabled)}:host([hidden]){display:none}[hidden]{display:none}";
+const CalcitePaginationStyle0 = paginationCss;
 
 const firstAndLastPageCount = 2;
 const ellipsisCount = 2;
@@ -573,7 +381,7 @@ const Pagination = /*@__PURE__*/ proxyCustomElement(class Pagination extends HTM
         "totalPages": ["handleLastStartItemChange"],
         "maxItems": ["handleIsXXSmall"]
     }; }
-    static get style() { return paginationCss; }
+    static get style() { return CalcitePaginationStyle0; }
 }, [17, "calcite-pagination", {
         "groupSeparator": [516, "group-separator"],
         "messages": [1040],
@@ -619,6 +427,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement(Pagination);
+defineCustomElement();
 
 export { Pagination as P, defineCustomElement as d };