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

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.1
  */
 '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;

package/package.json

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

package/dist/calcite/p-1132e545.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 t,h as i,H as e,a as n,c as a,F as o}from"./p-cf843ef0.js";import{s as r,j as s,f as c,b as l}from"./p-1ca03a34.js";import{s as h,a as d,c as m}from"./p-19246293.js";import{c as u,d as p}from"./p-0c372fc0.js";import{u as f,c as v,s as g,d as b}from"./p-0fa72eda.js";import{C as y}from"./p-b7a5574c.js";import"./p-7797b93b.js";import"./p-97658f9d.js";import"./p-f75ede9c.js";const x=class{constructor(i){t(this,i),this.menuItems=[],this.handleMenuSlotChange=t=>{this.menuItems=r(t),this.setMenuItemLayout(this.menuItems,this.layout)},this.label=void 0,this.layout="horizontal",this.messageOverrides=void 0,this.messages=void 0,this.role="menubar",this.defaultMessages=void 0,this.effectiveLocale=""}handleLayoutChange(t){this.setMenuItemLayout(this.menuItems,t)}onMessagesChange(){}effectiveLocaleChange(){f(this,this.effectiveLocale)}connectedCallback(){u(this),v(this)}async componentWillLoad(){h(this),await g(this)}componentDidLoad(){d(this)}disconnectedCallback(){p(this),b(this)}async setFocus(){await m(this),this.el.focus()}calciteInternalNavMenuItemKeyEvent(t){const i=t.target,e=t.detail.children,n=t.detail.event.key;t.stopPropagation(),"ArrowDown"===n?"vertical"===i.layout?s(this.menuItems,i,"next",!1):t.detail.isSubmenuOpen&&e[0].setFocus():"ArrowUp"===n?"vertical"===this.layout?s(this.menuItems,i,"previous",!1):t.detail.isSubmenuOpen&&e[e.length-1].setFocus():"ArrowRight"===n?"horizontal"===this.layout?s(this.menuItems,i,"next",!1):t.detail.isSubmenuOpen&&e[0].setFocus():"ArrowLeft"===n?"horizontal"===this.layout?s(this.menuItems,i,"previous",!1):t.detail.isSubmenuOpen&&this.focusParentElement(t.target):"Escape"===n&&this.focusParentElement(t.target),t.preventDefault()}focusParentElement(t){const i=t.parentElement;i&&(c(i),i.open=!1)}setMenuItemLayout(t,i){t.forEach((t=>{t.layout=i,"menubar"===this.role&&(t.isTopLevelItem=!0,t.topLevelMenuLayout=this.layout)}))}render(){return i(e,null,i("ul",{"aria-label":this.label,role:this.role},i("slot",{onSlotchange:this.handleMenuSlotChange})))}static get delegatesFocus(){return!0}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{layout:["handleLayoutChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};x.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{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}";const w="dropdown-action",k="icon",D="icon--breadcrumb",z="icon--dropdown",_="icon--end",C="icon--start",L=class{constructor(i){t(this,i),this.calciteInternalMenuItemKeyEvent=a(this,"calciteInternalMenuItemKeyEvent",7),this.calciteMenuItemSelect=a(this,"calciteMenuItemSelect",7),this.clickHandler=t=>{(this.href&&t.target===this.dropdownActionEl||!this.href&&this.hasSubmenu)&&(this.open=!this.open),this.selectMenuItem(t)},this.handleMenuItemSlotChange=t=>{this.submenuItems=r(t),this.submenuItems.forEach((t=>{t.topLevelMenuLayout||(t.topLevelMenuLayout=this.topLevelMenuLayout)})),this.hasSubmenu=this.submenuItems.length>0},this.keyDownHandler=async t=>{if(" "===t.key||"Enter"===t.key)this.selectMenuItem(t),this.hasSubmenu&&(!this.href||this.href&&t.target===this.dropdownActionEl)&&(this.open=!this.open),t.preventDefault();else if("Escape"===t.key){if(this.open)return void(this.open=!1);this.calciteInternalMenuItemKeyEvent.emit({event:t}),t.preventDefault()}else if("ArrowDown"===t.key||"ArrowUp"===t.key){if(t.preventDefault(),(t.target===this.dropdownActionEl||!this.href)&&this.hasSubmenu&&!this.open&&"horizontal"===this.layout)return void(this.open=!0);this.calciteInternalMenuItemKeyEvent.emit({event:t,children:this.submenuItems,isSubmenuOpen:this.open&&this.hasSubmenu})}else if("ArrowLeft"===t.key)t.preventDefault(),this.calciteInternalMenuItemKeyEvent.emit({event:t,children:this.submenuItems,isSubmenuOpen:!0});else if("ArrowRight"===t.key){if(t.preventDefault(),(t.target===this.dropdownActionEl||!this.href)&&this.hasSubmenu&&!this.open&&"vertical"===this.layout)return void(this.open=!0);this.calciteInternalMenuItemKeyEvent.emit({event:t,children:this.submenuItems,isSubmenuOpen:this.open&&this.hasSubmenu})}},this.active=void 0,this.breadcrumb=void 0,this.href=void 0,this.iconEnd=void 0,this.iconFlipRtl=void 0,this.iconStart=void 0,this.isTopLevelItem=!1,this.label=void 0,this.layout=void 0,this.messageOverrides=void 0,this.messages=void 0,this.open=!1,this.rel=void 0,this.target=void 0,this.text=void 0,this.topLevelMenuLayout=void 0,this.defaultMessages=void 0,this.effectiveLocale="",this.hasSubmenu=!1,this.submenuItems=void 0}onMessagesChange(){}effectiveLocaleChange(){f(this,this.effectiveLocale)}async setFocus(){await m(this),this.anchorEl.focus()}handleClickOut(t){"vertical"!==this.topLevelMenuLayout&&this.hasSubmenu&&this.open&&!t.composedPath().includes(this.el)&&(this.open=!1)}handleFocusOut(t){"vertical"===this.topLevelMenuLayout||this.el.contains(t.relatedTarget)||(this.open=!1)}connectedCallback(){u(this),v(this)}async componentWillLoad(){h(this),await g(this)}componentDidLoad(){d(this)}disconnectedCallback(){p(this),b(this)}blurHandler(){this.isFocused=!1}focusHandler(t){const i=t.target;this.isFocused=!0,i.open&&!this.open&&(i.open=!1)}selectMenuItem(t){t.target!==this.dropdownActionEl&&this.calciteMenuItemSelect.emit()}renderIconStart(){return i("calcite-icon",{class:`${k} ${C}`,flipRtl:"start"===this.iconFlipRtl||"both"===this.iconFlipRtl,icon:this.iconStart,key:C,scale:"s"})}renderIconEnd(){return i("calcite-icon",{class:`${k} ${_}`,flipRtl:"end"===this.iconFlipRtl||"both"===this.iconFlipRtl,icon:this.iconEnd,key:_,scale:"s"})}renderBreadcrumbIcon(t){return i("calcite-icon",{class:`${k} ${D}`,icon:"rtl"===t?"chevron-left":"chevron-right",key:D,scale:"s"})}renderDropdownIcon(t){return i("calcite-icon",{class:`${k} ${z}`,icon:"vertical"===this.topLevelMenuLayout||this.isTopLevelItem?this.open?"chevron-up":"chevron-down":"rtl"===t?"chevron-left":"chevron-right",key:z,scale:"s"})}renderDropdownAction(t){return i("calcite-action",{class:w,icon:"vertical"===this.topLevelMenuLayout||this.isTopLevelItem?this.open?"chevron-up":"chevron-down":"rtl"===t?"chevron-left":"chevron-right",key:w,onClick:this.clickHandler,onKeyDown:this.keyDownHandler,text:this.messages.open,ref:t=>this.dropdownActionEl=t})}renderSubmenuItems(t){return i("calcite-menu",{class:{"dropdown-menu-items":!0,open:this.open,nested:!this.isTopLevelItem,[y.rtl]:"rtl"===t,"dropdown--vertical":"vertical"===this.topLevelMenuLayout},label:this.messages.submenu,layout:"vertical",role:"menu"},i("slot",{name:"submenu-item",onSlotchange:this.handleMenuItemSlotChange}))}renderItemContent(t){return i(o,null,this.iconStart&&this.renderIconStart(),i("div",{class:"text-container"},i("span",null,this.text)),!this.href&&this.hasSubmenu?this.renderDropdownIcon(t):null,this.breadcrumb?this.renderBreadcrumbIcon(t):null,this.iconEnd&&this.renderIconEnd())}render(){const t=l(this.el);return i(e,{onBlur:this.blurHandler,onFocus:this.focusHandler},i("li",{class:{container:!0,"parent--vertical":"vertical"===this.topLevelMenuLayout},role:"none"},i("div",{class:"item-content"},i("a",{"aria-current":!!this.isFocused&&"page","aria-expanded":this.open,"aria-haspopup":this.hasSubmenu,"aria-label":this.label,class:{"layout--vertical":"vertical"===this.layout,content:!0},href:this.href,onClick:this.clickHandler,onKeyDown:this.keyDownHandler,rel:this.rel,role:"menuitem",tabIndex:this.isTopLevelItem?0:-1,target:this.target,ref:t=>this.anchorEl=t},this.renderItemContent(t),this.href&&"vertical"===this.topLevelMenuLayout?i("calcite-icon",{class:"hover-href-icon",icon:"rtl"===t?"arrow-left":"arrow-right",scale:"s"}):null),this.href&&this.hasSubmenu?this.renderDropdownAction(t):null),this.renderSubmenuItems(t)))}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};L.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;box-sizing:border-box;display:flex;align-items:center;flex-shrink:0}:host .container,:host .item-content,:host .content{min-block-size:3rem}:host([layout=vertical]){inline-size:100%}:host(:not([layout=vertical])){block-size:100%}.container,.item-content{display:flex;block-size:100%;inline-size:100%;flex-direction:row;align-items:stretch}.content{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-ui-foreground-1);padding-inline:1rem;font-size:var(--calcite-font-size-0);color:var(--calcite-ui-text-2);outline:2px solid transparent;outline-offset:2px;text-decoration:none;border-block-end:0.125rem solid transparent;padding-block-start:0.125rem}.content:hover{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-2)}.content:focus{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-2);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          )}.content:active{background-color:var(--calcite-ui-foreground-3);color:var(--calcite-ui-text-1)}.content span{display:inline-flex}.content.layout--vertical{display:flex;inline-size:100%;justify-content:flex-start;padding-block:1rem;border-block-end:0;border-inline-end:0.25rem solid transparent}:host([active]) .content{color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-brand)}:host([active]) .content .icon{--calcite-ui-icon-color:var(--calcite-ui-brand)}.icon--start{margin-inline-end:0.75rem}.icon--end{margin-inline-start:0.75rem}.icon--dropdown{position:relative;margin-inline-start:auto;margin-inline-end:0px;padding-inline-start:0.5rem;--calcite-ui-icon-color:var(--calcite-ui-text-3)}:host([layout=vertical]) .icon--dropdown{inset-inline-start:0.25rem}.icon--breadcrumb{margin-inline-end:0px;padding-inline-start:0.5rem;--calcite-ui-icon-color:var(--calcite-ui-text-3)}:host([breadcrumb]) .content{padding-inline-end:0.75rem}calcite-action{position:relative;block-size:auto;border-inline-start:1px solid var(--calcite-ui-foreground-1)}calcite-action:after{position:absolute;inset-inline-start:-1px;display:block;inline-size:1px;content:"";inset-block:0.75rem;background-color:var(--calcite-ui-border-3)}calcite-action:hover:after{block-size:100%;inset-block:0}.content:focus~calcite-action,.content:hover~calcite-action{color:var(--calcite-ui-text-1);border-inline-start:1px solid var(--calcite-ui-border-3)}.container:hover .dropdown-action{background-color:var(--calcite-ui-foreground-2)}.dropdown-menu-items{position:absolute;display:none;block-size:auto;min-inline-size:100%;flex-direction:column;overflow:visible;border:1px solid var(--calcite-ui-border-3);background:var(--calcite-ui-foreground-1);inset-block-start:100%;z-index:var(--calcite-app-z-index-dropdown)}.dropdown-menu-items.open{display:block}.dropdown-menu-items.nested{position:absolute;inset-block-start:-1px;transform:translateX(calc(100% - 2px))}.parent--vertical{flex-direction:column}.dropdown--vertical.dropdown-menu-items{position:relative;border-radius:0px;box-shadow:none;inset-block-start:0;transform:none}.dropdown--vertical.dropdown-menu-items:last-of-type{border-inline:0}:host([slot=submenu-item]) .parent--vertical{padding-inline-start:1.75rem}.dropdown-menu-items.nested.calcite--rtl{transform:translateX(calc(-100% + 2px))}.dropdown--vertical.dropdown-menu-items.nested.calcite--rtl{transform:none}.hover-href-icon{position:relative;inset-inline-end:0.25rem;margin-inline-start:auto;padding-inline-start:2rem;opacity:0;transition:all var(--calcite-internal-animation-timing-medium) ease-in-out}content:focus .hover-href-icon,content:hover .hover-href-icon{inset-inline-end:-0.25rem;opacity:1}';export{x as calcite_menu,L as calcite_menu_item}

package/dist/calcite/p-42e6d3c9.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{f as t}from"./p-cf843ef0.js";import{c as o}from"./p-f75ede9c.js";const c=new Set;let f;const n={childList:!0};function s(t){f||(f=o("mutation",i)),f.observe(t.el,n)}function e(t){c.delete(t.el),i(f.takeRecords()),f.disconnect();for(const[t]of c.entries())f.observe(t,n)}function i(o){o.forEach((({target:o})=>{t(o)}))}export{s as c,e as d}

package/dist/calcite/p-547b0e9d.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,h as a,H as t,a as n}from"./p-cf843ef0.js";import{e}from"./p-1ca03a34.js";import"./p-7797b93b.js";import"./p-b7a5574c.js";var c;!function(i){i.valid="check-circle",i.invalid="exclamation-mark-triangle",i.idle="information"}(c||(c={}));const s=class{constructor(a){i(this,a),this.icon=void 0,this.iconFlipRtl=!1,this.scale="m",this.status="idle"}handleIconEl(){this.requestedIcon=e(c,this.icon,this.status)}connectedCallback(){this.requestedIcon=e(c,this.icon,this.status)}render(){return a(t,{"calcite-hydrated-hidden":this.el.hidden},this.renderIcon(this.requestedIcon),a("slot",null))}renderIcon(i){if(i)return a("calcite-icon",{class:"calcite-input-message-icon",flipRtl:this.iconFlipRtl,icon:i,scale:"s"})}get el(){return n(this)}static get watchers(){return{status:["handleIconEl"],icon:["handleIconEl"]}}};s.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([scale=m]),:host([scale=l]){--calcite-input-message-spacing-value:0.25rem}:host{visibility:hidden;box-sizing:border-box;display:flex;block-size:0px;inline-size:100%;align-items:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);visibility:visible;block-size:auto;opacity:1;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host([scale=m]),:host([scale=l]){margin-block-start:var(--calcite-input-message-spacing-value)}.calcite-input-message-icon{pointer-events:none;display:inline-flex;flex-shrink:0;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;margin-inline-end:0.5rem}:host([status=invalid]) .calcite-input-message-icon{color:var(--calcite-ui-danger)}:host([status=warning]) .calcite-input-message-icon{color:var(--calcite-ui-warning)}:host([status=valid]) .calcite-input-message-icon{color:var(--calcite-ui-success)}:host([status=idle]) .calcite-input-message-icon{color:var(--calcite-ui-brand)}:host([status]){color:var(--calcite-ui-text-1)}:host([status][scale=s]){font-size:var(--calcite-font-size--3);line-height:0.75rem}:host([status][scale=m]){margin-block-start:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([status][scale=l]){margin-block-start:0.25rem;font-size:var(--calcite-font-size--1);line-height:1rem}";export{s as calcite_input_message}

package/dist/calcite/p-d0a70b31.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 t,h as a,F as i,a as n}from"./p-cf843ef0.js";import{c as e,d as o}from"./p-42e6d3c9.js";import{g as c}from"./p-1ca03a34.js";import{c as s,s as r,a as l}from"./p-19246293.js";import{c as m,d as p}from"./p-0c372fc0.js";import{u as d,c as u,d as f,s as h}from"./p-0fa72eda.js";import{S as g}from"./p-4959ba65.js";import{S as y,I as x}from"./p-d158e61e.js";import"./p-f75ede9c.js";import"./p-7797b93b.js";import"./p-b7a5574c.js";import"./p-97658f9d.js";const v=class{constructor(a){t(this,a),this.setMenuOpen=t=>{this.menuOpen=!!t.target.open},this.expanded=!1,this.layout="vertical",this.columns=void 0,this.menuOpen=!1,this.scale=void 0,this.messages=void 0,this.messageOverrides=void 0,this.effectiveLocale="",this.defaultMessages=void 0}expandedHandler(){this.menuOpen=!1}onMessagesChange(){}effectiveLocaleChange(){d(this,this.effectiveLocale)}async setFocus(){await s(this),this.el.focus()}connectedCallback(){m(this),u(this),e(this)}disconnectedCallback(){p(this),f(this),o(this)}async componentWillLoad(){r(this),await h(this)}componentDidLoad(){l(this)}renderTooltip(){const{el:t}=this;return c(t,y.menuTooltip)?a("slot",{name:y.menuTooltip,slot:g.tooltip}):null}renderMenu(){const{el:t,expanded:i,menuOpen:n,scale:e,layout:o,messages:s}=this;return c(t,y.menuActions)?a("calcite-action-menu",{expanded:i,flipPlacements:["left","right"],label:s.more,onCalciteActionMenuOpen:this.setMenuOpen,open:n,placement:"horizontal"===o?"bottom-start":"leading-start",scale:e},a("calcite-action",{icon:x.menu,scale:e,slot:g.trigger,text:s.more,textEnabled:i}),a("slot",{name:y.menuActions}),this.renderTooltip()):null}render(){return a(i,null,a("slot",null),this.renderMenu())}static get delegatesFocus(){return!0}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{expanded:["expandedHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};v.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}}:host{box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}: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{display:flex;flex-direction:column;padding:0px;--calcite-action-group-columns:3}:host([columns="1"]){--calcite-action-group-columns:1}:host([columns="2"]){--calcite-action-group-columns:2}:host([columns="3"]){--calcite-action-group-columns:3}:host([columns="4"]){--calcite-action-group-columns:4}:host([columns="5"]){--calcite-action-group-columns:5}:host([columns="6"]){--calcite-action-group-columns:6}:host(:first-child){padding-block-start:0px}:host([layout=horizontal]){flex-direction:row}:host([layout=grid]){display:grid;place-content:stretch;gap:1px;background-color:var(--calcite-ui-background);padding:1px;grid-template-columns:repeat(var(--calcite-action-group-columns), auto)}';export{v as calcite_action_group}

package/dist/calcite/p-e058a6d9.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 t,c as i,h as a,F as n,H as e,a as o}from"./p-cf843ef0.js";import{d as r}from"./p-1ca03a34.js";import{c,s,a as l}from"./p-19246293.js";import"./p-7797b93b.js";import"./p-b7a5574c.js";const m="hide",d="logo",h="user",u="progress",f="navigation-secondary",p="navigation-tertiary",g=class{constructor(a){t(this,a),this.calciteNavigationActionSelect=i(this,"calciteNavigationActionSelect",6),this.actionClickHandler=()=>{this.calciteNavigationActionSelect.emit()},this.handleUserSlotChange=t=>{this.isPrimaryLevel()&&(this.userSlotHasElements=r(t))},this.handleLogoSlotChange=t=>{this.isPrimaryLevel()&&(this.logoSlotHasElements=r(t))},this.handleContentStartSlotChange=t=>{this.isPrimaryLevel()&&(this.primaryContentStartSlotHasElements=r(t))},this.handleContentEndSlotChange=t=>{this.isPrimaryLevel()&&(this.primaryContentEndSlotHasElements=r(t))},this.handleContentCenterSlotChange=t=>{this.isPrimaryLevel()&&(this.primaryContentCenterSlotHasElements=r(t))},this.handleSecondarySlotChange=t=>{this.secondarySlotHasElements=r(t)},this.handleTertiarySlotChange=t=>{this.tertiarySlotHasElements=r(t)},this.handleMenuActionSlotChange=t=>{this.isPrimaryLevel()&&(this.navigationActionSlotHasElements=r(t),this.navigationActionSlotHasElements&&(this.navigationAction=!1))},this.handleProgressSlotChange=t=>{this.isPrimaryLevel()&&(this.progressSlotHasElement=r(t))},this.label=void 0,this.navigationAction=!1,this.logoSlotHasElements=void 0,this.navigationActionSlotHasElements=void 0,this.primaryContentCenterSlotHasElements=void 0,this.primaryContentEndSlotHasElements=void 0,this.primaryContentStartSlotHasElements=void 0,this.progressSlotHasElement=void 0,this.secondarySlotHasElements=void 0,this.tertiarySlotHasElements=void 0,this.userSlotHasElements=void 0}async setFocus(){await c(this),await(this.navigationActionEl?.setFocus())}componentWillLoad(){s(this)}componentDidLoad(){l(this)}isPrimaryLevel(){return this.el.slot!==f&&this.el.slot!==p}renderMenuAction(){return a("slot",{name:"navigation-action",onSlotchange:this.handleMenuActionSlotChange},this.navigationAction&&a("calcite-action",{icon:"hamburger",onClick:this.actionClickHandler,text:this.label,ref:t=>this.navigationActionEl=t}))}render(){const t=this.el.slot;return a(e,null,a("div",{class:{container:!0,secondary:t===f,tertiary:t===p,primary:this.logoSlotHasElements||this.userSlotHasElements||this.navigationActionSlotHasElements||this.primaryContentCenterSlotHasElements||this.primaryContentEndSlotHasElements||this.primaryContentStartSlotHasElements||this.navigationAction}},a("div",{class:{[m]:!this.progressSlotHasElement,[u]:!0}},a("slot",{name:u,onSlotchange:this.handleProgressSlotChange})),a("div",{class:{"container-content":!0,"progress-bar":this.progressSlotHasElement}},this.renderMenuAction(),a("div",{class:{[m]:!this.logoSlotHasElements,[d]:!0}},a("slot",{name:d,onSlotchange:this.handleLogoSlotChange})),a("slot",{name:"content-start",onSlotchange:this.handleContentStartSlotChange}),a("slot",{name:"content-center",onSlotchange:this.handleContentCenterSlotChange}),a("slot",{name:"content-end",onSlotchange:this.handleContentEndSlotChange}),a("div",{class:{[m]:!this.userSlotHasElements,[h]:!0}},a("slot",{name:h,onSlotchange:this.handleUserSlotChange})))),a(n,null,a("slot",{name:f,onSlotchange:this.handleSecondarySlotChange}),a("slot",{name:p,onSlotchange:this.handleTertiarySlotChange})))}get el(){return o(this)}};g.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}.container{margin-inline:auto;display:flex;inline-size:100%;flex-direction:column;margin-block:0;margin-inline:auto;background-color:var(--calcite-navigation-background, var(--calcite-ui-foreground-1))}.container.primary,.container.secondary,.container.tertiary{border-block-end:1px solid;border-block-end-color:var(--calcite-navigation-border-color, var(--calcite-ui-border-3))}.user,.logo{display:flex}.hide{display:none}.primary{block-size:4rem}.secondary{block-size:3rem}.tertiary{block-size:3rem}.container-content{margin-inline:auto;display:flex;block-size:100%;inline-size:100%;margin-block:0;inline-size:var(--calcite-navigation-width, 100%);max-inline-size:100%}.container-content.progress-bar{margin-block-start:0.125rem}slot[name]{display:flex;flex-direction:row}slot[name=navigation-secondary]::slotted(calcite-navigation),slot[name=navigation-tertiary]::slotted(calcite-navigation){inline-size:100%}slot[name=content-start]::slotted(*),slot[name=content-center]::slotted(*),slot[name=content-end]::slotted(*){display:flex;flex-direction:row;align-items:center}slot[name=progress],slot[name=progress] calcite-progress{inset-block-start:0;inset-inline:0}slot[name=content-end]{margin-inline-start:auto}slot[name=content-start]{margin-inline-end:auto}slot[name=content-end],slot[name=logo]~slot[name=user],slot[name=user]:only-child{margin-inline-start:auto}slot[name=content-center]{margin-inline-start:auto;margin-inline-end:auto}slot[name=content-start]~slot[name=content-center]{margin-inline-start:0px}slot[name=content-start]~slot[name=content-end],slot[name=content-center]~slot[name=content-end],slot[name=content-center]~slot[name=user],slot[name=content-end]~slot[name=user]{margin:0px}";const v="heading",y="description",x=class{constructor(i){t(this,i),this.active=void 0,this.href=void 0,this.label=void 0,this.rel=void 0,this.description=void 0,this.target=void 0,this.heading=void 0,this.thumbnail=void 0}async setFocus(){await c(this),this.href&&this.el.focus()}componentWillLoad(){s(this)}componentDidLoad(){l(this)}render(){const{heading:t,description:i,thumbnail:n}=this;return a(e,null,a("a",{href:this.href,rel:this.rel,target:this.target},n&&a("img",{alt:this.label||"",src:n}),(t||i)&&a("div",{class:"container"},t&&a("span",{"aria-label":this.heading,class:v,key:v},t),i&&a("span",{"aria-label":this.description,class:y,key:y},i))))}static get delegatesFocus(){return!0}get el(){return o(this)}};x.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{display:inline-flex;outline:2px solid transparent;outline-offset:2px}:host a{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{margin:0px;display:flex;block-size:1.75rem}a:hover,a:focus{background-color:var(--calcite-ui-foreground-2)}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          )}a:active{background-color:var(--calcite-ui-foreground-3)}img{padding-inline:1rem}img~.container{padding-inline-start:0px}:host(:active) a{color:var(--calcite-ui-text-1)}:host([active]) a{color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-brand);--calcite-ui-icon-color:var(--calcite-ui-brand)}.container{display:flex;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;padding-inline:1rem}.heading{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{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}";const b="full-name",k="username",_=class{constructor(i){t(this,i),this.active=void 0,this.fullName=void 0,this.label=void 0,this.textDisabled=!1,this.thumbnail=void 0,this.userId=void 0,this.username=void 0}async setFocus(){await c(this),this.el.focus()}componentWillLoad(){s(this)}componentDidLoad(){l(this)}render(){return a(e,null,a("button",{"aria-label":this.label},a("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&&a("div",{class:"text-container"},this.fullName&&a("span",{class:b,key:b},this.fullName),this.username&&a("span",{class:k,key:k},this.username))))}static get delegatesFocus(){return!0}get el(){return o(this)}};_.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{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-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,:host(:focus) button{background-color:var(--calcite-ui-foreground-2)}:host(:focus) button{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{background-color:var(--calcite-ui-foreground-3)}calcite-avatar{padding-inline:1rem}calcite-avatar~.text-container{padding-inline-start:0px}:host(:active) button{color:var(--calcite-ui-text-1)}:host([active]) button{color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-brand);--calcite-ui-icon-color:var(--calcite-ui-brand)}.text-container{display:flex;flex-direction:column;text-align:start;padding-inline:1rem}.full-name{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{color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}";export{g as calcite_navigation,x as calcite_navigation_logo,_ as calcite_navigation_user}

package/dist/calcite/p-f4272f68.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 t,c as i,h as a,a as e,H as s}from"./p-cf843ef0.js";import{u as n}from"./p-bc9452ba.js";import{s as o,a as r,c}from"./p-19246293.js";import{c as l,d as h}from"./p-0c372fc0.js";import{c as d}from"./p-f75ede9c.js";import{u as m,c as p,s as u,d as f}from"./p-0fa72eda.js";import{g,m as v,d as w,a as b,s as y,h as x,b as k,c as D,k as _,e as L,i as j,f as I,j as C,l as z,n as A,r as H,o as F,p as R,q as S,t as U,L as B,I as $,C as E,S as M}from"./p-996336eb.js";import{d as O,c as V,o as q,a as K}from"./p-b688cfd8.js";import{f as T,g as W}from"./p-1ca03a34.js";import{c as P,d as G}from"./p-42e6d3c9.js";import{g as J}from"./p-7797b93b.js";import"./p-97658f9d.js";import"./p-d8dac268.js";import"./p-7a6c204e.js";import"./p-b7a5574c.js";var N;function Q(t,i,a){const{items:e,messages:s}=a,n=e.length,o=g(a,t)+1;return function(t,i,a,e){return t.replace("${position}",a.toString()).replace("${itemLabel}",i).replace("${total}",e.toString())}("idle"===i?s.dragHandleIdle:"active"===i?s.dragHandleActive:"change"===i?s.dragHandleChange:s.dragHandleCommit,t.label,o,n)}function X(t){return{handle:t.composedPath().find((t=>void 0!==t.dataset?.jsHandle)),item:t.composedPath().find((t=>"calcite-value-list-item"===t.tagName?.toLowerCase()))}}!function(t){t.grip="grip"}(N||(N={}));const Y=class{constructor(a){t(this,a),this.calciteListChange=i(this,"calciteListChange",6),this.calciteListOrderChange=i(this,"calciteListOrderChange",6),this.calciteListFilter=i(this,"calciteListFilter",6),this.lastSelectedItem=null,this.mutationObserver=d("mutation",v.bind(this)),this.setFilterEl=t=>{this.filterEl=t},this.setFilteredItems=t=>{this.filteredItems=t},this.deselectRemovedItems=w.bind(this),this.deselectSiblingItems=b.bind(this),this.selectSiblings=y.bind(this),this.handleFilter=x.bind(this),this.handleFilterEvent=k.bind(this),this.getItemData=D.bind(this),this.keyDownHandler=t=>{if(t.defaultPrevented)return;const{handle:i,item:a}=X(t);if(i&&!a.handleActivated&&" "===t.key&&this.updateScreenReaderText(Q(a,"commit",this)),!i||!a.handleActivated)return void _.call(this,t);t.preventDefault();const{items:e}=this;if(" "===t.key&&this.updateScreenReaderText(Q(a,"active",this)),"ArrowUp"!==t.key&&"ArrowDown"!==t.key||e.length<=1)return;const{el:s}=this,n=L(this,a,"ArrowUp"===t.key?"up":"down");if(n===e.length-1)s.appendChild(a);else{const t=s.children[n];s.insertBefore(a,t===a.nextElementSibling?t.nextElementSibling:t)}this.items=this.getItems(),this.calciteListOrderChange.emit(this.items.map((({value:t})=>t))),requestAnimationFrame((()=>T(i))),a.handleActivated=!0,this.updateHandleAriaLabel(i,Q(a,"change",this))},this.storeAssistiveEl=t=>{this.assistiveTextEl=t},this.handleFocusIn=t=>{const{handle:i,item:a}=X(t);!a?.handleActivated&&a&&i&&this.updateHandleAriaLabel(i,Q(a,"idle",this))},this.disabled=!1,this.dragEnabled=!1,this.filteredItems=[],this.filteredData=[],this.filterEnabled=!1,this.filterPlaceholder=void 0,this.filterText=void 0,this.group=void 0,this.loading=!1,this.multiple=!1,this.selectionFollowsFocus=!1,this.messageOverrides=void 0,this.messages=void 0,this.dataForFilter=[],this.defaultMessages=void 0,this.effectiveLocale="",this.selectedValues=new Map}onMessagesChange(){}effectiveLocaleChange(){m(this,this.effectiveLocale)}connectedCallback(){l(this),p(this),j.call(this),I.call(this),this.setUpSorting()}async componentWillLoad(){o(this),await u(this)}componentDidLoad(){r(this),C.call(this)}componentDidRender(){n(this)}disconnectedCallback(){O(this),h(this),f(this),z.call(this)}calciteListFocusOutHandler(t){A.call(this,t)}calciteListItemRemoveHandler(t){H.call(this,t)}calciteListItemChangeHandler(t){F.call(this,t)}calciteInternalListItemPropsChangeHandler(t){t.stopPropagation(),this.setUpFilter()}calciteInternalListItemValueChangeHandler(t){R.call(this,t),t.stopPropagation()}getItems(){return Array.from(this.el.querySelectorAll("calcite-value-list-item"))}setUpItems(){S.call(this,"calcite-value-list-item"),this.setUpSorting()}setUpFilter(){this.filterEnabled&&(this.dataForFilter=this.getItemData())}setUpSorting(){const{dragEnabled:t,group:i}=this;t&&V(this,{dataIdAttr:"id",group:i,handle:".handle",draggable:"calcite-value-list-item",onStart:()=>{z.call(this),q(this)},onEnd:()=>{K(this),I.call(this)},onUpdate:()=>{this.items=Array.from(this.el.querySelectorAll("calcite-value-list-item"));const t=this.items.map((t=>t.value));this.calciteListOrderChange.emit(t)}})}handleBlur(){this.dragEnabled&&this.updateScreenReaderText("")}async getSelectedItems(){return this.selectedValues}async setFocus(t){return await c(this),U.call(this,t)}getIconType(){let t=null;return this.dragEnabled&&(t=N.grip),t}updateScreenReaderText(t){this.assistiveTextEl.textContent=t}updateHandleAriaLabel(t,i){t.ariaLabel=i}handleValueListItemBlur(t){const{item:i,handle:a}=t.detail;!i?.handleActivated&&i&&this.updateHandleAriaLabel(a,Q(i,"idle",this)),t.stopPropagation()}render(){return a(B,{onBlur:this.handleBlur,onFocusin:this.handleFocusIn,onKeyDown:this.keyDownHandler,props:this})}static get assetsDirs(){return["assets"]}get el(){return e(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};Y.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([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;box-sizing:border-box;display:flex;flex-shrink:0;flex-grow:0;flex-direction:column;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2)}:host *{box-sizing:border-box}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}calcite-value-list-item:last-of-type{--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)}:host([filter-enabled]) header{margin-block-end:0.25rem;display:flex;align-items:center;justify-content:flex-end;background-color:var(--calcite-ui-foreground-1);--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)}:host([filter-enabled]) header.sticky-pos{position:sticky;inset-block-start:0px;z-index:var(--calcite-app-z-index-sticky)}calcite-filter{margin-block-end:1px}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}";const Z="actions-end",tt="actions-start",it=class{constructor(a){t(this,a),this.calciteListItemChange=i(this,"calciteListItemChange",6),this.calciteListItemRemove=i(this,"calciteListItemRemove",7),this.calciteValueListItemDragHandleBlur=i(this,"calciteValueListItemDragHandleBlur",6),this.pickListItem=null,this.guid=`calcite-value-list-item-${J()}`,this.getPickListRef=t=>this.pickListItem=t,this.handleKeyDown=t=>{" "===t.key&&(this.handleActivated=!this.handleActivated)},this.handleBlur=()=>{this.handleActivated=!1,this.calciteValueListItemDragHandleBlur.emit({item:this.el,handle:this.handleEl})},this.handleSelectChange=t=>{this.selected=t.detail.selected},this.description=void 0,this.disabled=!1,this.deselectDisabled=!1,this.nonInteractive=!1,this.handleActivated=!1,this.icon=null,this.iconFlipRtl=!1,this.label=void 0,this.metadata=void 0,this.removable=!1,this.selected=!1,this.value=void 0}connectedCallback(){P(this)}disconnectedCallback(){G(this)}componentWillLoad(){o(this)}componentDidLoad(){r(this)}componentDidRender(){n(this,!!this.el.closest("calcite-value-list")&&"managed")}async toggleSelected(t){this.pickListItem.toggleSelected(t)}async setFocus(){await c(this),this.pickListItem?.setFocus()}calciteListItemChangeHandler(t){t.detail.item=this.el}renderActionsEnd(){const{el:t}=this;return W(t,Z)?a("slot",{name:Z,slot:M.actionsEnd}):null}renderActionsStart(){const{el:t}=this;return W(t,tt)?a("slot",{name:tt,slot:M.actionsStart}):null}renderHandle(){const{icon:t,iconFlipRtl:i}=this;if(t===$.grip)return a("span",{class:{[E.handle]:!0,[E.handleActivated]:this.handleActivated},"data-js-handle":!0,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,ref:t=>this.handleEl=t,role:"button",tabindex:"0"},a("calcite-icon",{flipRtl:i,icon:"drag",scale:"s"}))}render(){return a(s,{id:this.el.id||this.guid},this.renderHandle(),a("calcite-pick-list-item",{description:this.description,deselectDisabled:this.deselectDisabled,disabled:this.disabled,label:this.label,metadata:this.metadata,nonInteractive:this.nonInteractive,onCalciteListItemChange:this.handleSelectChange,removable:this.removable,selected:this.selected,value:this.value,ref:this.getPickListRef},this.renderActionsStart(),this.renderActionsEnd()))}get el(){return e(this)}};it.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([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{margin-block-end:1px;box-sizing:border-box;display:flex;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2);--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);transition:background-color var(--calcite-animation-timing), box-shadow var(--calcite-animation-timing)}:host *{box-sizing:border-box}calcite-pick-list-item{position:relative;margin:0px;flex-grow:1;--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)}:host([active]),:host([selected]){--tw-shadow:0 0 0 1px var(--calcite-ui-brand);--tw-shadow-colored:0 0 0 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)}.handle{display:flex;cursor:move;align-items:center;justify-content:center;border-style:none;background-color:transparent;padding-block:0px;padding-inline:0.25rem;color:var(--calcite-ui-border-input);outline-color:transparent}.handle:hover{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.handle: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          )}.handle--activated{background-color:var(--calcite-ui-foreground-3);color:var(--calcite-ui-text-1)}.handle calcite-icon{color:inherit}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}";export{Y as calcite_value_list,it as calcite_value_list_item}