@esri/calcite-components 1.4.1-next.0 → 1.4.1-next.2

package/dist/types/components/menu/menu.d.ts

@@ -1,9 +1,11 @@
+import { VNode } from "../../stencil-public-runtime";
 import { LoadableComponent } from "../../utils/loadable";
 import { LocalizedComponent } from "../../utils/locale";
 import { T9nComponent } from "../../utils/t9n";
 import { MenuMessages } from "./assets/menu/t9n";
+import { GlobalAttrComponent } from "../../utils/globalAttributes";
 type Layout = "horizontal" | "vertical";
-export declare class CalciteMenu implements LocalizedComponent, T9nComponent, LoadableComponent {
+export declare class CalciteMenu implements GlobalAttrComponent, LocalizedComponent, T9nComponent, LoadableComponent {
   el: HTMLCalciteMenuElement;
   /**
    * Accessible name for the component.
@@ -25,16 +27,12 @@ export declare class CalciteMenu implements LocalizedComponent, T9nComponent, Lo
    * @internal
    */
   messages: MenuMessages;
-  /**
-   * Specifies the role of `menu` component. Marked as internal for parsing the role attribute in `menu-item` component shadowDOM.
-   * This property falls outside of the `globalAttribute` interface pattern because it is immutable and has a default value.
-   * @internal
-   *
-   */
-  role: string;
   defaultMessages: MenuMessages;
   effectiveLocale: string;
   effectiveLocaleChange(): void;
+  globalAttributes: {
+    role: string;
+  };
   menuItems: HTMLCalciteMenuItemElement[];
   connectedCallback(): void;
   componentWillLoad(): Promise<void>;
@@ -46,6 +44,6 @@ export declare class CalciteMenu implements LocalizedComponent, T9nComponent, Lo
   handleMenuSlotChange: (event: Event) => void;
   focusParentElement(el: HTMLCalciteMenuItemElement): void;
   setMenuItemLayout(items: HTMLCalciteMenuItemElement[], layout: Layout): void;
-  render(): any;
+  render(): VNode;
 }
 export {};

package/dist/types/components/navigation-logo/navigation-logo.d.ts

@@ -10,7 +10,6 @@ export declare class CalciteNavigationLogo implements LoadableComponent {
   label: string;
   /**
    * Defines the relationship between the `href` value and the current document.
-   *
    * @mdn [rel](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)
    */
   rel: string;
@@ -18,7 +17,6 @@ export declare class CalciteNavigationLogo implements LoadableComponent {
   description: string;
   /**
    * Specifies where to open the linked document defined in the `href` property.
-   *
    * @mdn [target](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target)
    */
   target: string;

package/dist/types/components/navigation-logo/resources.d.ts

@@ -2,4 +2,6 @@ export declare const CSS: {
   container: string;
   heading: string;
   description: string;
+  anchor: string;
+  image: string;
 };

package/dist/types/components/navigation-user/resources.d.ts

@@ -2,4 +2,5 @@ export declare const CSS: {
   textContainer: string;
   fullName: string;
   username: string;
+  button: string;
 };

package/dist/types/components.d.ts

@@ -2546,10 +2546,6 @@ export namespace Components {
           * Made into a prop for testing purposes only.
          */
         "messages": MenuMessages;
-        /**
-          * Specifies the role of `menu` component. Marked as internal for parsing the role attribute in `menu-item` component shadowDOM. This property falls outside of the `globalAttribute` interface pattern because it is immutable and has a default value.
-         */
-        "role": string;
         /**
           * Sets focus on the component's first focusable element.
          */

package/dist/types/utils/globalAttributes.d.ts

@@ -13,9 +13,9 @@ export interface GlobalAttrComponent {
    */
   readonly el: HTMLElement;
   /**
-   * The watched attributes object.
-   * Should be stateful.
-   * '@State() inheritedAttributes = {};'
+   * The object that stores global attributes to apply internally during rendering.
+   *
+   * This prop should use the `@State` decorator.
    */
   globalAttributes: AttributeObject;
 }
@@ -23,17 +23,16 @@ export interface GlobalAttrComponent {
  * Helper to set up listening for changes to global attributes.
  *
  * render(): VNode {
- *   const lang = this.inheritedAttributes['lang'] ?? 'en';
- *   return <div>My lang is {lang}</div>;
+ * return (<Host>
+ * <ul {...this.globalAttributes}></div>
+ * </Host>);
  * }
- *
  * @param component
  * @param attributeFilter
  */
 export declare function watchGlobalAttributes(component: GlobalAttrComponent, attributeFilter: AllowedGlobalAttribute[]): void;
 /**
  * Helper remove listening for changes to inherited attributes.
- *
  * @param component
  */
 export declare function unwatchGlobalAttributes(component: GlobalAttrComponent): void;

package/hydrate/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.1-next.0
+ * v1.4.1-next.2
  */
 'use strict';
 
@@ -5969,7 +5969,7 @@ function createObserver(type, callback, options) {
 }
 
 const observed = new Set();
-let mutationObserver$1;
+let mutationObserver$2;
 const observerOptions = { childList: true };
 /**
  * Helper to set up a conditional slot component on connectedCallback.
@@ -5982,10 +5982,10 @@ const observerOptions = { childList: true };
  * ```
  */
 function connectConditionalSlotComponent(component) {
-  if (!mutationObserver$1) {
-    mutationObserver$1 = createObserver();
+  if (!mutationObserver$2) {
+    mutationObserver$2 = createObserver();
   }
-  mutationObserver$1.observe(component.el, observerOptions);
+  mutationObserver$2.observe(component.el, observerOptions);
 }
 /**
  * Helper to tear down a conditional slot component on disconnectedCallback.
@@ -6002,13 +6002,13 @@ function disconnectConditionalSlotComponent(component) {
   // we explicitly process queued mutations and disconnect and reconnect
   // the observer until MutationObserver gets an `unobserve` method
   // see https://github.com/whatwg/dom/issues/126
-  processMutations(mutationObserver$1.takeRecords());
-  mutationObserver$1.disconnect();
+  processMutations$1(mutationObserver$2.takeRecords());
+  mutationObserver$2.disconnect();
   for (const [element] of observed.entries()) {
-    mutationObserver$1.observe(element, observerOptions);
+    mutationObserver$2.observe(element, observerOptions);
   }
 }
-function processMutations(mutations) {
+function processMutations$1(mutations) {
   mutations.forEach(({ target }) => {
     forceUpdate$1(target);
   });
@@ -7569,7 +7569,7 @@ const connectedComponents = new Set();
 function connectLocalized(component) {
   updateEffectiveLocale(component);
   if (connectedComponents.size === 0) {
-    mutationObserver?.observe(document.documentElement, {
+    mutationObserver$1?.observe(document.documentElement, {
       attributes: true,
       attributeFilter: ["lang"],
       subtree: true
@@ -7597,10 +7597,10 @@ function updateEffectiveLocale(component) {
 function disconnectLocalized(component) {
   connectedComponents.delete(component);
   if (connectedComponents.size === 0) {
-    mutationObserver.disconnect();
+    mutationObserver$1.disconnect();
   }
 }
-const mutationObserver = createObserver();
+const mutationObserver$1 = createObserver();
 /**
  * This util helps resolve a component's locale.
  * It will also fall back on the deprecated `locale` if a component implemented this previously.
@@ -11776,6 +11776,65 @@ class Button {
   }; }
 }
 
+const allowedGlobalAttributes = ["lang", "role"];
+const elementToComponentAndObserverOptionsMap = new Map();
+let mutationObserver;
+function updateGlobalAttributes(component, attributeFilter, reuseAttributes = false) {
+  const { el } = component;
+  const updatedAttributes = reuseAttributes ? component.globalAttributes : {};
+  attributeFilter
+    .filter((attr) => !!allowedGlobalAttributes.includes(attr) && !!el.hasAttribute(attr))
+    .forEach((attr) => {
+    const value = el.getAttribute(attr);
+    if (value !== null) {
+      updatedAttributes[attr] = value;
+    }
+  });
+  component.globalAttributes = updatedAttributes;
+}
+function processMutations(mutations) {
+  mutations.forEach(({ target }) => {
+    const [component, options] = elementToComponentAndObserverOptionsMap.get(target);
+    updateGlobalAttributes(component, options.attributeFilter);
+  });
+}
+/**
+ * Helper to set up listening for changes to global attributes.
+ *
+ * render(): VNode {
+ * return (<Host>
+ * <ul {...this.globalAttributes}></div>
+ * </Host>);
+ * }
+ * @param component
+ * @param attributeFilter
+ */
+function watchGlobalAttributes(component, attributeFilter) {
+  const { el } = component;
+  const observerOptions = { attributeFilter };
+  elementToComponentAndObserverOptionsMap.set(el, [component, observerOptions]);
+  updateGlobalAttributes(component, attributeFilter, true);
+  if (!mutationObserver) {
+    mutationObserver = createObserver();
+  }
+  mutationObserver.observe(el, observerOptions);
+}
+/**
+ * Helper remove listening for changes to inherited attributes.
+ * @param component
+ */
+function unwatchGlobalAttributes(component) {
+  elementToComponentAndObserverOptionsMap.delete(component.el);
+  // we explicitly process queued mutations and disconnect and reconnect
+  // the observer until MutationObserver gets an `unobserve` method
+  // see https://github.com/whatwg/dom/issues/126
+  processMutations(mutationObserver.takeRecords());
+  mutationObserver.disconnect();
+  for (const [element, [, observerOptions]] of elementToComponentAndObserverOptionsMap.entries()) {
+    mutationObserver.observe(element, observerOptions);
+  }
+}
+
 const menuCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-right{0%{opacity:0;transform:translate3D(-5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-menu:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}/*!@.calcite-animate*/.calcite-animate.sc-calcite-menu{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-menu{animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-menu{animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-menu{animation-name:in-up}/*!@.calcite-animate__in-right*/.calcite-animate__in-right.sc-calcite-menu{animation-name:in-right}/*!@.calcite-animate__in-left*/.calcite-animate__in-left.sc-calcite-menu{animation-name:in-left}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-menu{animation-name:in-scale}@media (prefers-reduced-motion: reduce){/*!@:root*/.sc-calcite-menu:root{--calcite-internal-duration-factor:0.01}}/*!@:root*/.sc-calcite-menu:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:var(--calcite-app-z-index-dropdown)}/*!@:host([hidden])*/[hidden].sc-calcite-menu-h{display:none}/*!@:host*/.sc-calcite-menu-h{display:flex}/*!@ul*/ul.sc-calcite-menu{margin:0px;display:inline-flex;block-size:100%;align-items:center;padding:0px}/*!@:host([layout=vertical]) ul*/[layout=vertical].sc-calcite-menu-h ul.sc-calcite-menu{display:flex;inline-size:100%;flex-direction:column}";
 
 class CalciteMenu {
@@ -11795,9 +11854,11 @@ class CalciteMenu {
     this.layout = "horizontal";
     this.messageOverrides = undefined;
     this.messages = undefined;
-    this.role = "menubar";
     this.defaultMessages = undefined;
     this.effectiveLocale = "";
+    this.globalAttributes = {
+      role: "menubar"
+    };
   }
   handleLayoutChange(value) {
     this.setMenuItemLayout(this.menuItems, value);
@@ -11816,6 +11877,7 @@ class CalciteMenu {
   connectedCallback() {
     connectLocalized(this);
     connectMessages(this);
+    watchGlobalAttributes(this, ["role"]);
   }
   async componentWillLoad() {
     setUpLoadableComponent(this);
@@ -11827,6 +11889,7 @@ class CalciteMenu {
   disconnectedCallback() {
     disconnectLocalized(this);
     disconnectMessages(this);
+    unwatchGlobalAttributes(this);
   }
   //--------------------------------------------------------------------------
   //
@@ -11903,7 +11966,7 @@ class CalciteMenu {
   setMenuItemLayout(items, layout) {
     items.forEach((item) => {
       item.layout = layout;
-      if (this.role === "menubar") {
+      if (this.globalAttributes.role === "menubar") {
         item.isTopLevelItem = true;
         item.topLevelMenuLayout = this.layout;
       }
@@ -11915,7 +11978,7 @@ class CalciteMenu {
   //
   // --------------------------------------------------------------------------
   render() {
-    return (hAsync(Host, null, hAsync("ul", { "aria-label": this.label, role: this.role }, hAsync("slot", { onSlotchange: this.handleMenuSlotChange }))));
+    return (hAsync(Host, null, hAsync("ul", { "aria-label": this.label, ...this.globalAttributes }, hAsync("slot", { onSlotchange: this.handleMenuSlotChange }))));
   }
   static get delegatesFocus() { return true; }
   static get assetsDirs() { return ["assets"]; }
@@ -11934,9 +11997,9 @@ class CalciteMenu {
       "layout": [513],
       "messageOverrides": [1040],
       "messages": [1040],
-      "role": [1],
       "defaultMessages": [32],
       "effectiveLocale": [32],
+      "globalAttributes": [32],
       "setFocus": [64]
     },
     "$listeners$": [[0, "calciteInternalMenuItemKeyEvent", "calciteInternalNavMenuItemKeyEvent"]],
@@ -12418,10 +12481,12 @@ class CalciteNavigation {
 const CSS$W = {
   container: "container",
   heading: "heading",
-  description: "description"
+  description: "description",
+  anchor: "anchor",
+  image: "image"
 };
 
-const navigationLogoCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-right{0%{opacity:0;transform:translate3D(-5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-navigation-logo:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}/*!@.calcite-animate*/.calcite-animate.sc-calcite-navigation-logo{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-navigation-logo{animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-navigation-logo{animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-navigation-logo{animation-name:in-up}/*!@.calcite-animate__in-right*/.calcite-animate__in-right.sc-calcite-navigation-logo{animation-name:in-right}/*!@.calcite-animate__in-left*/.calcite-animate__in-left.sc-calcite-navigation-logo{animation-name:in-left}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-navigation-logo{animation-name:in-scale}@media (prefers-reduced-motion: reduce){/*!@:root*/.sc-calcite-navigation-logo:root{--calcite-internal-duration-factor:0.01}}/*!@:root*/.sc-calcite-navigation-logo:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:var(--calcite-app-z-index-dropdown)}/*!@:host([hidden])*/[hidden].sc-calcite-navigation-logo-h{display:none}/*!@:host*/.sc-calcite-navigation-logo-h{display:inline-flex;outline:2px solid transparent;outline-offset:2px}/*!@:host a*/.sc-calcite-navigation-logo-h a.sc-calcite-navigation-logo{margin:0px;display:flex;cursor:pointer;align-items:center;justify-content:center;text-decoration-line:none;outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-block-end:2px solid transparent}/*!@:host img*/.sc-calcite-navigation-logo-h img.sc-calcite-navigation-logo{margin:0px;display:flex;block-size:1.75rem}/*!@a:hover,\na:focus*/a.sc-calcite-navigation-logo:hover,a.sc-calcite-navigation-logo:focus{background-color:var(--calcite-ui-foreground-2)}/*!@a:focus*/a.sc-calcite-navigation-logo:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}/*!@a:active*/a.sc-calcite-navigation-logo:active{background-color:var(--calcite-ui-foreground-3)}/*!@img*/img.sc-calcite-navigation-logo{padding-inline:1rem}/*!@img ~ .container*/img.sc-calcite-navigation-logo~.container.sc-calcite-navigation-logo{padding-inline-start:0px}/*!@:host(:active) a*/.sc-calcite-navigation-logo-h:active a.sc-calcite-navigation-logo{color:var(--calcite-ui-text-1)}/*!@:host([active]) a*/[active].sc-calcite-navigation-logo-h a.sc-calcite-navigation-logo{color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-brand);--calcite-ui-icon-color:var(--calcite-ui-brand)}/*!@.container*/.container.sc-calcite-navigation-logo{display:flex;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;padding-inline:1rem}/*!@.heading*/.heading.sc-calcite-navigation-logo{margin-inline-start:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);margin-block-start:2px}/*!@.description*/.description.sc-calcite-navigation-logo{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}";
+const navigationLogoCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-right{0%{opacity:0;transform:translate3D(-5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-navigation-logo:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}/*!@.calcite-animate*/.calcite-animate.sc-calcite-navigation-logo{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-navigation-logo{animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-navigation-logo{animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-navigation-logo{animation-name:in-up}/*!@.calcite-animate__in-right*/.calcite-animate__in-right.sc-calcite-navigation-logo{animation-name:in-right}/*!@.calcite-animate__in-left*/.calcite-animate__in-left.sc-calcite-navigation-logo{animation-name:in-left}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-navigation-logo{animation-name:in-scale}@media (prefers-reduced-motion: reduce){/*!@:root*/.sc-calcite-navigation-logo:root{--calcite-internal-duration-factor:0.01}}/*!@:root*/.sc-calcite-navigation-logo:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:var(--calcite-app-z-index-dropdown)}/*!@:host([hidden])*/[hidden].sc-calcite-navigation-logo-h{display:none}/*!@:host*/.sc-calcite-navigation-logo-h{display:inline-flex;outline:2px solid transparent;outline-offset:2px}/*!@.anchor*/.anchor.sc-calcite-navigation-logo{margin:0px;display:flex;cursor:pointer;align-items:center;justify-content:center;font-size:var(--calcite-font-size-0);line-height:1.25rem;text-decoration-line:none;outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-block-end:2px solid transparent}/*!@.anchor:hover,\n.anchor:focus*/.anchor.sc-calcite-navigation-logo:hover,.anchor.sc-calcite-navigation-logo:focus{background-color:var(--calcite-ui-foreground-2)}/*!@.anchor:focus*/.anchor.sc-calcite-navigation-logo:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}/*!@.anchor:active*/.anchor.sc-calcite-navigation-logo:active{background-color:var(--calcite-ui-foreground-3)}/*!@.image*/.image.sc-calcite-navigation-logo{margin:0px;display:flex;block-size:1.75rem;padding-inline:1rem}/*!@.image ~ .container*/.image.sc-calcite-navigation-logo~.container.sc-calcite-navigation-logo{padding-inline-start:0px}/*!@:host(:active) .anchor*/.sc-calcite-navigation-logo-h:active .anchor.sc-calcite-navigation-logo{color:var(--calcite-ui-text-1)}/*!@:host([active]) .anchor*/[active].sc-calcite-navigation-logo-h .anchor.sc-calcite-navigation-logo{color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-brand);--calcite-ui-icon-color:var(--calcite-ui-brand)}/*!@.container*/.container.sc-calcite-navigation-logo{margin-block-start:0.125rem;display:flex;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline:1rem;text-align:start}/*!@.heading*/.heading.sc-calcite-navigation-logo{margin-inline-start:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}/*!@.description*/.description.sc-calcite-navigation-logo{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}";
 
 class CalciteNavigationLogo {
   constructor(hostRef) {
@@ -12465,7 +12530,7 @@ class CalciteNavigationLogo {
   // --------------------------------------------------------------------------
   render() {
     const { heading, description, thumbnail } = this;
-    return (hAsync(Host, null, hAsync("a", { href: this.href, rel: this.rel, target: this.target }, thumbnail && hAsync("img", { alt: this.label || "", src: thumbnail }), (heading || description) && (hAsync("div", { class: CSS$W.container }, heading && (hAsync("span", { "aria-label": this.heading, class: CSS$W.heading, key: CSS$W.heading }, heading)), description && (hAsync("span", { "aria-label": this.description, class: CSS$W.description, key: CSS$W.description }, description)))))));
+    return (hAsync(Host, null, hAsync("a", { class: CSS$W.anchor, href: this.href, rel: this.rel, target: this.target }, thumbnail && hAsync("img", { alt: this.label || "", class: CSS$W.image, src: thumbnail }), (heading || description) && (hAsync("div", { class: CSS$W.container }, heading && (hAsync("span", { "aria-label": this.heading, class: CSS$W.heading, key: CSS$W.heading }, heading)), description && (hAsync("span", { "aria-label": this.description, class: CSS$W.description, key: CSS$W.description }, description)))))));
   }
   static get delegatesFocus() { return true; }
   get el() { return getElement(this); }
@@ -12493,10 +12558,11 @@ class CalciteNavigationLogo {
 const CSS$V = {
   textContainer: "text-container",
   fullName: "full-name",
-  username: "username"
+  username: "username",
+  button: "button"
 };
 
-const navigationUserCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-right{0%{opacity:0;transform:translate3D(-5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-navigation-user:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}/*!@.calcite-animate*/.calcite-animate.sc-calcite-navigation-user{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-navigation-user{animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-navigation-user{animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-navigation-user{animation-name:in-up}/*!@.calcite-animate__in-right*/.calcite-animate__in-right.sc-calcite-navigation-user{animation-name:in-right}/*!@.calcite-animate__in-left*/.calcite-animate__in-left.sc-calcite-navigation-user{animation-name:in-left}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-navigation-user{animation-name:in-scale}@media (prefers-reduced-motion: reduce){/*!@:root*/.sc-calcite-navigation-user:root{--calcite-internal-duration-factor:0.01}}/*!@:root*/.sc-calcite-navigation-user:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:var(--calcite-app-z-index-dropdown)}/*!@:host([hidden])*/[hidden].sc-calcite-navigation-user-h{display:none}/*!@:host*/.sc-calcite-navigation-user-h{display:inline-flex;outline:2px solid transparent;outline-offset:2px}/*!@:host button*/.sc-calcite-navigation-user-h button.sc-calcite-navigation-user{background-color:transparent;border:none;margin:0px;display:flex;cursor:pointer;align-items:center;justify-content:center;font-family:var(--calcite-sans-family);outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-block-end:2px solid transparent}/*!@:host(:hover) button,\n:host(:focus) button*/.sc-calcite-navigation-user-h:hover button.sc-calcite-navigation-user,.sc-calcite-navigation-user-h:focus button.sc-calcite-navigation-user{background-color:var(--calcite-ui-foreground-2)}/*!@:host(:focus) button*/.sc-calcite-navigation-user-h:focus button.sc-calcite-navigation-user{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}/*!@:host(:active) button*/.sc-calcite-navigation-user-h:active button.sc-calcite-navigation-user{background-color:var(--calcite-ui-foreground-3)}/*!@calcite-avatar*/calcite-avatar.sc-calcite-navigation-user{padding-inline:1rem}/*!@calcite-avatar ~ .text-container*/calcite-avatar.sc-calcite-navigation-user~.text-container.sc-calcite-navigation-user{padding-inline-start:0px}/*!@:host(:active) button*/.sc-calcite-navigation-user-h:active button.sc-calcite-navigation-user{color:var(--calcite-ui-text-1)}/*!@:host([active]) button*/[active].sc-calcite-navigation-user-h button.sc-calcite-navigation-user{color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-brand);--calcite-ui-icon-color:var(--calcite-ui-brand)}/*!@.text-container*/.text-container.sc-calcite-navigation-user{display:flex;flex-direction:column;text-align:start;padding-inline:1rem}/*!@.full-name*/.full-name.sc-calcite-navigation-user{margin-inline-start:0px;font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);margin-block-start:2px}/*!@.username*/.username.sc-calcite-navigation-user{color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}";
+const navigationUserCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-right{0%{opacity:0;transform:translate3D(-5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-navigation-user:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}/*!@.calcite-animate*/.calcite-animate.sc-calcite-navigation-user{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-navigation-user{animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-navigation-user{animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-navigation-user{animation-name:in-up}/*!@.calcite-animate__in-right*/.calcite-animate__in-right.sc-calcite-navigation-user{animation-name:in-right}/*!@.calcite-animate__in-left*/.calcite-animate__in-left.sc-calcite-navigation-user{animation-name:in-left}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-navigation-user{animation-name:in-scale}@media (prefers-reduced-motion: reduce){/*!@:root*/.sc-calcite-navigation-user:root{--calcite-internal-duration-factor:0.01}}/*!@:root*/.sc-calcite-navigation-user:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:var(--calcite-app-z-index-dropdown)}/*!@:host([hidden])*/[hidden].sc-calcite-navigation-user-h{display:none}/*!@:host*/.sc-calcite-navigation-user-h{display:inline-flex;outline:2px solid transparent;outline-offset:2px}/*!@:host .button*/.sc-calcite-navigation-user-h .button.sc-calcite-navigation-user{background-color:transparent;border:none;margin:0px;display:flex;cursor:pointer;align-items:center;justify-content:center;font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size-0);line-height:1.25rem;outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-block-end:2px solid transparent}/*!@:host(:hover) .button,\n:host(:focus) .button*/.sc-calcite-navigation-user-h:hover .button.sc-calcite-navigation-user,.sc-calcite-navigation-user-h:focus .button.sc-calcite-navigation-user{background-color:var(--calcite-ui-foreground-2)}/*!@:host(:focus) .button*/.sc-calcite-navigation-user-h:focus .button.sc-calcite-navigation-user{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}/*!@:host(:active) .button*/.sc-calcite-navigation-user-h:active .button.sc-calcite-navigation-user{background-color:var(--calcite-ui-foreground-3);color:var(--calcite-ui-text-1)}/*!@calcite-avatar*/calcite-avatar.sc-calcite-navigation-user{padding-inline:1rem}/*!@calcite-avatar ~ .text-container*/calcite-avatar.sc-calcite-navigation-user~.text-container.sc-calcite-navigation-user{padding-inline-start:0px}/*!@:host([active]) .button*/[active].sc-calcite-navigation-user-h .button.sc-calcite-navigation-user{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-text-1);--calcite-ui-icon-color:var(--calcite-ui-brand)}/*!@.text-container*/.text-container.sc-calcite-navigation-user{margin-block-start:0.125rem;display:flex;flex-direction:column;padding-inline:1rem;text-align:start}/*!@.full-name*/.full-name.sc-calcite-navigation-user{margin-inline-start:0px;font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}/*!@.username*/.username.sc-calcite-navigation-user{color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}";
 
 class CalciteNavigationUser {
   constructor(hostRef) {
@@ -12536,7 +12602,7 @@ class CalciteNavigationUser {
   //
   // --------------------------------------------------------------------------
   render() {
-    return (hAsync(Host, null, hAsync("button", { "aria-label": this.label }, hAsync("calcite-avatar", { "full-name": this.fullName, label: this.label, thumbnail: this.thumbnail, "user-id": this.userId, username: this.username }), (this.fullName || this.username) && !this.textDisabled && (hAsync("div", { class: CSS$V.textContainer }, this.fullName && (hAsync("span", { class: CSS$V.fullName, key: CSS$V.fullName }, this.fullName)), this.username && (hAsync("span", { class: CSS$V.username, key: CSS$V.username }, this.username)))))));
+    return (hAsync(Host, null, hAsync("button", { "aria-label": this.label, class: CSS$V.button }, hAsync("calcite-avatar", { "full-name": this.fullName, label: this.label, thumbnail: this.thumbnail, "user-id": this.userId, username: this.username }), (this.fullName || this.username) && !this.textDisabled && (hAsync("div", { class: CSS$V.textContainer }, this.fullName && (hAsync("span", { class: CSS$V.fullName, key: CSS$V.fullName }, this.fullName)), this.username && (hAsync("span", { class: CSS$V.username, key: CSS$V.username }, this.username)))))));
   }
   static get delegatesFocus() { return true; }
   get el() { return getElement(this); }
@@ -15669,7 +15735,7 @@ class ColorPicker {
           samplingX = 0;
         }
         else {
-          samplingX = bounds.width;
+          samplingX = bounds.width - 1;
         }
         if (clientY < bounds.y + bounds.height && clientY > bounds.y) {
           samplingY = clientY - bounds.y;
@@ -28048,6 +28114,7 @@ const debounceTimeout = 0;
 const listCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-right{0%{opacity:0;transform:translate3D(-5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-list:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}/*!@.calcite-animate*/.calcite-animate.sc-calcite-list{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-list{animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-list{animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-list{animation-name:in-up}/*!@.calcite-animate__in-right*/.calcite-animate__in-right.sc-calcite-list{animation-name:in-right}/*!@.calcite-animate__in-left*/.calcite-animate__in-left.sc-calcite-list{animation-name:in-left}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-list{animation-name:in-scale}@media (prefers-reduced-motion: reduce){/*!@:root*/.sc-calcite-list:root{--calcite-internal-duration-factor:0.01}}/*!@:root*/.sc-calcite-list:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:var(--calcite-app-z-index-dropdown)}/*!@:host([hidden])*/[hidden].sc-calcite-list-h{display:none}/*!@:host([disabled])*/[disabled].sc-calcite-list-h{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}/*!@:host([disabled]) *,\n:host([disabled]) ::slotted(*)*/[disabled].sc-calcite-list-h *.sc-calcite-list,.sc-calcite-list-h[disabled] .sc-calcite-list-s>*{pointer-events:none}/*!@:host*/.sc-calcite-list-h{display:block}/*!@:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-list-h[disabled] .sc-calcite-list-s>[calcite-hydrated][disabled],[disabled].sc-calcite-list-h [calcite-hydrated][disabled].sc-calcite-list{opacity:1}/*!@.container*/.container.sc-calcite-list{position:relative}/*!@.table-container*/.table-container.sc-calcite-list{position:relative;z-index:var(--calcite-app-z-index);box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;background-color:transparent}/*!@.table-container **/.table-container.sc-calcite-list *.sc-calcite-list{box-sizing:border-box}/*!@.table*/.table.sc-calcite-list{inline-size:100%}/*!@::slotted(calcite-list-item)*/.sc-calcite-list-s>calcite-list-item{margin-block-end:1px;--tw-shadow:0 1px 0 var(--calcite-ui-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}/*!@::slotted(calcite-list-item:last-child)*/.sc-calcite-list-s>calcite-list-item:last-child{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}/*!@.sticky-pos*/.sticky-pos.sc-calcite-list{position:sticky;inset-block-start:0px;z-index:var(--calcite-app-z-index-sticky)}/*!@calcite-filter*/calcite-filter.sc-calcite-list{margin-block-end:1px}";
 
 const listItemSelector = "calcite-list-item";
+const parentSelector = "calcite-list-item-group, calcite-list-item";
 /**
  * A general purpose list that enables users to construct list items that conform to Calcite styling.
  *
@@ -28086,32 +28153,10 @@ class List$1 {
     this.updateFilteredItems = (emit = false) => {
       const { listItems, filteredData, filterText } = this;
       const values = filteredData.map((item) => item.value);
-      const groups = new Set();
-      const filteredItems = listItems?.filter((item) => {
-        const parent = item.parentElement;
-        const grouped = parent.matches("calcite-list-item-group");
-        if (grouped) {
-          groups.add(parent);
-        }
-        const matches = filterText ? values.includes(item.value) : true;
-        item.hidden = !matches;
-        return matches;
-      }) || [];
-      groups.forEach((group) => {
-        const hasAtLeastOneMatch = filteredItems.some((item) => group.contains(item));
-        group.hidden = !hasAtLeastOneMatch;
-        if (!hasAtLeastOneMatch) {
-          return;
-        }
-        const parentItem = group.closest("calcite-list-item");
-        if (parentItem) {
-          parentItem.hidden = false;
-          if (filteredItems.includes(parentItem)) {
-            Array.from(group.querySelectorAll("calcite-list-item")).forEach((child) => (child.hidden = false));
-          }
-        }
-      });
-      groups.clear();
+      const lastDescendantItems = listItems?.filter((listItem) => listItems.every((li) => li === listItem || !listItem.contains(li)));
+      const filteredItems = listItems.filter((item) => !filterText || values.includes(item.value)) || [];
+      const visibleParents = new WeakSet();
+      lastDescendantItems.forEach((listItem) => this.filterElements({ el: listItem, filteredItems, visibleParents }));
       this.filteredItems = filteredItems;
       if (emit) {
         this.calciteListFilter.emit();
@@ -28142,7 +28187,9 @@ class List$1 {
       this.listItems = items;
       if (this.filterEnabled) {
         this.dataForFilter = this.getItemData();
-        this.filterEl.items = this.dataForFilter;
+        if (this.filterEl) {
+          this.filterEl.items = this.dataForFilter;
+        }
       }
       this.updateFilteredItems(emit);
       this.enabledListItems = items.filter((item) => !item.disabled && !item.closed);
@@ -28300,6 +28347,22 @@ class List$1 {
       // eslint-disable-next-line react/jsx-sort-props
       ref: (el) => (this.filterEl = el) }))))) : null, hAsync("tbody", { class: CSS$t.tableContainer }, hAsync("slot", { onSlotchange: this.handleDefaultSlotChange })))));
   }
+  filterElements({ el, filteredItems, visibleParents }) {
+    const hidden = !visibleParents.has(el) && !filteredItems.includes(el);
+    el.hidden = hidden;
+    const closestParent = el.parentElement.closest(parentSelector);
+    if (!closestParent) {
+      return;
+    }
+    if (!hidden) {
+      visibleParents.add(closestParent);
+    }
+    this.filterElements({
+      el: closestParent,
+      filteredItems,
+      visibleParents
+    });
+  }
   get el() { return getElement(this); }
   static get watchers() { return {
     "filterEnabled": ["handleFilterEnabledChange"],
@@ -28711,7 +28774,7 @@ const CSS$s = {
   heading: "heading"
 };
 
-const listItemGroupCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-right{0%{opacity:0;transform:translate3D(-5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-list-item-group:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}/*!@.calcite-animate*/.calcite-animate.sc-calcite-list-item-group{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-list-item-group{animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-list-item-group{animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-list-item-group{animation-name:in-up}/*!@.calcite-animate__in-right*/.calcite-animate__in-right.sc-calcite-list-item-group{animation-name:in-right}/*!@.calcite-animate__in-left*/.calcite-animate__in-left.sc-calcite-list-item-group{animation-name:in-left}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-list-item-group{animation-name:in-scale}@media (prefers-reduced-motion: reduce){/*!@:root*/.sc-calcite-list-item-group:root{--calcite-internal-duration-factor:0.01}}/*!@:root*/.sc-calcite-list-item-group:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:var(--calcite-app-z-index-dropdown)}/*!@:host([hidden])*/[hidden].sc-calcite-list-item-group-h{display:none}/*!@:host([disabled])*/[disabled].sc-calcite-list-item-group-h{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}/*!@:host([disabled]) *,\n:host([disabled]) ::slotted(*)*/[disabled].sc-calcite-list-item-group-h *.sc-calcite-list-item-group,.sc-calcite-list-item-group-h[disabled] .sc-calcite-list-item-group-s>*{pointer-events:none}/*!@:host*/.sc-calcite-list-item-group-h{display:flex;flex-direction:column;background-color:var(--calcite-ui-foreground-1);--calcite-list-item-spacing-indent:1rem}/*!@:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-list-item-group-h[disabled] .sc-calcite-list-item-group-s>[calcite-hydrated][disabled],[disabled].sc-calcite-list-item-group-h [calcite-hydrated][disabled].sc-calcite-list-item-group{opacity:1}/*!@.container*/.container.sc-calcite-list-item-group{margin:0px;display:flex;flex:1 1 0%;background-color:var(--calcite-ui-foreground-2);padding:0.75rem;font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-2)}/*!@.heading*/.heading.sc-calcite-list-item-group{padding-inline-start:calc(var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier))}/*!@::slotted(calcite-list-item)*/.sc-calcite-list-item-group-s>calcite-list-item{margin-block-end:1px;--tw-shadow:0 1px 0 var(--calcite-ui-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}/*!@::slotted(calcite-list-item:last-child)*/.sc-calcite-list-item-group-s>calcite-list-item:last-child{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}";
+const listItemGroupCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-right{0%{opacity:0;transform:translate3D(-5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-list-item-group:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}/*!@.calcite-animate*/.calcite-animate.sc-calcite-list-item-group{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-list-item-group{animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-list-item-group{animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-list-item-group{animation-name:in-up}/*!@.calcite-animate__in-right*/.calcite-animate__in-right.sc-calcite-list-item-group{animation-name:in-right}/*!@.calcite-animate__in-left*/.calcite-animate__in-left.sc-calcite-list-item-group{animation-name:in-left}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-list-item-group{animation-name:in-scale}@media (prefers-reduced-motion: reduce){/*!@:root*/.sc-calcite-list-item-group:root{--calcite-internal-duration-factor:0.01}}/*!@:root*/.sc-calcite-list-item-group:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:var(--calcite-app-z-index-dropdown)}/*!@:host([hidden])*/[hidden].sc-calcite-list-item-group-h{display:none}/*!@:host([disabled])*/[disabled].sc-calcite-list-item-group-h{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}/*!@:host([disabled]) *,\n:host([disabled]) ::slotted(*)*/[disabled].sc-calcite-list-item-group-h *.sc-calcite-list-item-group,.sc-calcite-list-item-group-h[disabled] .sc-calcite-list-item-group-s>*{pointer-events:none}/*!@:host*/.sc-calcite-list-item-group-h{display:flex;flex-direction:column;background-color:var(--calcite-ui-foreground-1);--calcite-list-item-spacing-indent:1rem}/*!@:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-list-item-group-h[disabled] .sc-calcite-list-item-group-s>[calcite-hydrated][disabled],[disabled].sc-calcite-list-item-group-h [calcite-hydrated][disabled].sc-calcite-list-item-group{opacity:1}/*!@.container*/.container.sc-calcite-list-item-group{margin:0px;display:flex;flex:1 1 0%;background-color:var(--calcite-ui-foreground-2);padding:0.75rem;font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-2)}/*!@.heading*/.heading.sc-calcite-list-item-group{padding-inline-start:calc(var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier))}/*!@::slotted(calcite-list-item)*/.sc-calcite-list-item-group-s>calcite-list-item{margin-block-end:1px;--tw-shadow:0 1px 0 var(--calcite-ui-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}/*!@::slotted(calcite-list-item:last-child)*/.sc-calcite-list-item-group-s>calcite-list-item:last-child{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}/*!@[hidden]*/[hidden].sc-calcite-list-item-group{display:none}";
 
 /**
  * @slot - A slot for adding `calcite-list-item` and `calcite-list-item-group` elements.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "1.4.1-next.0",
+  "version": "1.4.1-next.2",
   "description": "Web Components for Esri's Calcite Design System.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/calcite/p-07153ac0.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.1-next.0
- */
-import{h as t}from"./p-cf843ef0.js";function e(t){return Math.min(Math.max(Math.ceil(t),1),6)}const r=(e,r)=>{const n=e.level?`h${e.level}`:"div";return delete e.level,t(n,{...e},r)};export{r as H,e as c}

package/dist/calcite/p-090f153a.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.1-next.0
- */
-import{r as i,c as a,h as t,F as e,a as n}from"./p-cf843ef0.js";import{c,d as r}from"./p-42e6d3c9.js";import{g as o,b as s,t as l}from"./p-1ca03a34.js";import{c as d,d as m}from"./p-0c372fc0.js";import{u as h,c as p,s as f,d as g}from"./p-0fa72eda.js";import{H as u,c as v}from"./p-07153ac0.js";import{c as x}from"./p-f75ede9c.js";import"./p-7797b93b.js";import"./p-b7a5574c.js";import"./p-97658f9d.js";const y="thumbnail",b=class{constructor(t){i(this,t),this.calciteTipDismiss=a(this,"calciteTipDismiss",6),this.hideTip=()=>{this.closed=!0,this.calciteTipDismiss.emit()},this.closed=!1,this.closeDisabled=!1,this.heading=void 0,this.headingLevel=void 0,this.selected=!1,this.messages=void 0,this.messageOverrides=void 0,this.defaultMessages=void 0,this.effectiveLocale=""}onMessagesChange(){}effectiveLocaleChange(){h(this,this.effectiveLocale)}connectedCallback(){c(this),d(this),p(this)}async componentWillLoad(){await f(this)}disconnectedCallback(){r(this),m(this),g(this)}renderHeader(){const{heading:i,headingLevel:a,el:e}=this,n=e.closest("calcite-tip-manager")?.headingLevel,c=n?v(n+1):null;return i?t("header",{class:"header"},t(u,{class:"heading",level:a||c},i)):null}renderDismissButton(){const{closeDisabled:i,hideTip:a}=this;return i?null:t("calcite-action",{class:"close",icon:"x",onClick:a,scale:"l",text:this.messages.close})}renderImageFrame(){const{el:i}=this;return o(i,y)?t("div",{class:"image-frame",key:"thumbnail"},t("slot",{name:y})):null}renderInfoNode(){return t("div",{class:"info"},t("slot",null))}renderContent(){return t("div",{class:"content"},this.renderImageFrame(),this.renderInfoNode())}render(){return t(e,null,t("article",{class:"container"},this.renderHeader(),this.renderContent()),this.renderDismissButton())}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};b.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-right{0%{opacity:0;transform:translate3D(-5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-right{animation-name:in-right}.calcite-animate__in-left{animation-name:in-left}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:var(--calcite-app-z-index-dropdown)}:host([hidden]){display:none}:host{position:relative;margin:1rem;box-sizing:border-box;display:flex;flex-direction:row;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-2)}:host *{box-sizing:border-box}.container{inline-size:100%;padding:1rem}:host([closed]),:host([closed]) .container{display:none}:host([selected]) .container{margin:0px;border-style:none;padding:0px}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-ui-text-2);color:var(--calcite-ui-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.header{margin-block-end:0.5rem}.header .heading{padding:0px;font-size:var(--calcite-font-size-0);line-height:1.25rem;color:var(--calcite-ui-text-1)}.container[hidden]{display:none}.content{display:flex}.info{padding-block:0px;padding-inline:1rem;inline-size:70%}.info:only-child{inline-size:100%;padding-inline:0px}::slotted(p){margin-block-start:0px}::slotted(a){outline-color:transparent;color:var(--calcite-ui-brand)}::slotted(a:focus){outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}.image-frame{inline-size:25%}.image-frame img{max-inline-size:100%}::slotted(img){max-inline-size:100%}";const k=class{constructor(a){i(this,a),this.groupTitle=void 0}render(){return t("slot",null)}};k.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-right{0%{opacity:0;transform:translate3D(-5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-right{animation-name:in-right}.calcite-animate__in-left{animation-name:in-left}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:var(--calcite-app-z-index-dropdown)}:host([hidden]){display:none}:host{box-sizing:border-box;display:block;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-2)}::slotted(calcite-tip){margin:0px;border-style:none;max-inline-size:var(--calcite-tip-max-width)}";const w="chevron-left",_="chevron-right",D=class{constructor(t){i(this,t),this.calciteTipManagerClose=a(this,"calciteTipManagerClose",6),this.mutationObserver=x("mutation",(()=>this.setUpTips())),this.hideTipManager=()=>{this.closed=!0,this.calciteTipManagerClose.emit()},this.previousClicked=()=>{this.previousTip()},this.nextClicked=()=>{this.nextTip()},this.tipManagerKeyDownHandler=i=>{if(i.target===this.container)switch(i.key){case"ArrowRight":i.preventDefault(),this.nextTip();break;case"ArrowLeft":i.preventDefault(),this.previousTip();break;case"Home":i.preventDefault(),this.selectedIndex=0;break;case"End":i.preventDefault(),this.selectedIndex=this.total-1}},this.storeContainerRef=i=>{this.container=i},this.closed=!1,this.headingLevel=void 0,this.messages=void 0,this.messageOverrides=void 0,this.selectedIndex=void 0,this.tips=void 0,this.total=void 0,this.direction=void 0,this.groupTitle=void 0,this.defaultMessages=void 0,this.effectiveLocale=""}closedChangeHandler(){this.direction=null}onMessagesChange(){}selectedChangeHandler(){this.showSelectedTip(),this.updateGroupTitle()}async effectiveLocaleChange(){await h(this,this.effectiveLocale),this.updateGroupTitle()}connectedCallback(){d(this),p(this),this.setUpTips(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}async componentWillLoad(){await f(this),this.updateGroupTitle()}disconnectedCallback(){this.mutationObserver?.disconnect(),m(this),g(this)}async nextTip(){this.direction="advancing",this.selectedIndex=(this.selectedIndex+1+this.total)%this.total}async previousTip(){this.direction="retreating",this.selectedIndex=(this.selectedIndex-1+this.total)%this.total}setUpTips(){const i=Array.from(this.el.querySelectorAll("calcite-tip"));if(this.total=i.length,0===this.total)return;const a=this.el.querySelector("calcite-tip[selected]");this.tips=i,this.selectedIndex=a?i.indexOf(a):0,i.forEach((i=>{i.closeDisabled=!0})),this.showSelectedTip()}showSelectedTip(){this.tips.forEach(((i,a)=>{const t=this.selectedIndex===a;i.selected=t,i.hidden=!t}))}updateGroupTitle(){if(this.tips){const i=this.tips[this.selectedIndex].closest("calcite-tip-group");this.groupTitle=i?.groupTitle||this.messages?.defaultGroupTitle}}renderPagination(){const i=s(this.el),{selectedIndex:a,tips:e,total:n,messages:c}=this,r=c.next,o=c.defaultPaginationLabel;return e.length>1?t("footer",{class:"pagination"},t("calcite-action",{class:"page-previous",icon:"ltr"===i?w:_,onClick:this.previousClicked,scale:"m",text:c.previous}),t("span",{class:"page-position"},`${o} ${a+1}/${n}`),t("calcite-action",{class:"page-next",icon:"ltr"===i?_:w,onClick:this.nextClicked,scale:"m",text:r})):null}render(){const{closed:i,direction:a,headingLevel:e,groupTitle:n,selectedIndex:c,messages:r,total:o}=this,s=r.close;return 0===o?null:t("section",{"aria-hidden":l(i),class:"container",hidden:i,onKeyDown:this.tipManagerKeyDownHandler,tabIndex:0,ref:this.storeContainerRef},t("header",{class:"header"},t(u,{class:"heading",level:e},n),t("calcite-action",{class:"close",onClick:this.hideTipManager,scale:"m",text:s},t("calcite-icon",{icon:"x",scale:"m"}))),t("div",{class:{"tip-container":!0,"tip-container--advancing":!i&&"advancing"===a,"tip-container--retreating":!i&&"retreating"===a},key:c,tabIndex:0},t("slot",null)),this.renderPagination())}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{closed:["closedChangeHandler"],messageOverrides:["onMessagesChange"],selectedIndex:["selectedChangeHandler"],effectiveLocale:["effectiveLocaleChange"]}}};D.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-right{0%{opacity:0;transform:translate3D(-5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-right{animation-name:in-right}.calcite-animate__in-left{animation-name:in-left}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:var(--calcite-app-z-index-dropdown)}:host([hidden]){display:none}:host{box-sizing:border-box;display:block;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-2);--calcite-tip-manager-height:19vh}:host *{box-sizing:border-box}:host([closed]){display:none}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-ui-text-2);color:var(--calcite-ui-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.header{border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);padding-block:0px;padding-inline-end:0px;padding-inline-start:1rem}.header .heading{padding:0px;font-size:var(--calcite-font-size-1);line-height:1.5rem;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-1)}.container{position:relative;overflow:hidden;outline-color:transparent;min-block-size:150px}.container:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}.tip-container{margin-block-start:1px;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:1rem;outline-color:transparent;animation-name:none;animation-duration:var(--calcite-animation-timing);block-size:var(--calcite-tip-manager-height)}.tip-container:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}::slotted(calcite-tip){margin:0px;border-style:none;max-inline-size:var(--calcite-tip-max-width)}.tip-container--advancing{animation-name:tip-advance}.tip-container--retreating{animation-name:tip-retreat}.pagination{display:flex;align-items:center;justify-content:center;padding-inline:0px;padding-block:0.75rem 0.5rem}.page-position{margin-block:0px;margin-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}@keyframes tip-advance{0%{opacity:0;transform:translate3d(50px, 0, 0) scale(0.99)}100%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}}@keyframes tip-retreat{0%{opacity:0;transform:translate3d(-50px, 0, 0) scale(0.99)}100%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}}";export{b as calcite_tip,k as calcite_tip_group,D as calcite_tip_manager}

package/dist/calcite/p-0fa72eda.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.1-next.0
- */
-import{g as n}from"./p-cf843ef0.js";import{g as t}from"./p-0c372fc0.js";const c={};function s(){throw new Error("could not fetch component message bundle")}function o(n){n.messages={...n.defaultMessages,...n.messageOverrides}}async function a(n){n.defaultMessages=await e(n,n.effectiveLocale),o(n)}async function e(o,a){const{el:e}=o,f=e.tagName.toLowerCase().replace("calcite-","");return async function(t,o){const a=`${o}_${t}`;return c[a]||(c[a]=fetch(n(`./assets/${o}/t9n/messages_${t}.json`)).then((n=>(n.ok||s(),n.json()))).catch((()=>s()))),c[a]}(t(a,"t9n"),f)}async function f(n,t){n.defaultMessages=await e(n,t),o(n)}function i(n){n.onMessagesChange=r}function u(n){n.onMessagesChange=void 0}function r(){o(this)}export{i as c,u as d,a as s,f as u}