@esri/calcite-components 1.0.4-next.5 → 1.1.0-next.0

package/dist/loader/index.cjs.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.0.4-next.5
+ * v1.1.0-next.0
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.es2017.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.0.4-next.5
+ * v1.1.0-next.0
  */
 export * from '../esm/polyfills/index.js';
 export * from '../esm/loader.js';

package/dist/loader/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.0.4-next.5
+ * v1.1.0-next.0
  */
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
 export * from '../esm/polyfills/index.js';

package/dist/types/components/action-group/action-group.d.ts

@@ -1,6 +1,7 @@
 import { VNode } from "../../stencil-public-runtime";
 import { CalciteActionMenuCustomEvent } from "../../components";
 import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
+import { LoadableComponent } from "../../utils/loadable";
 import { LocalizedComponent } from "../../utils/locale";
 import { T9nComponent } from "../../utils/t9n";
 import { Columns, Layout, Scale } from "../interfaces";
@@ -10,7 +11,7 @@ import { ActionGroupMessages } from "./assets/action-group/t9n";
  * @slot menu-actions - A slot for adding an overflow menu with `calcite-action`s inside a `calcite-dropdown`.
  * @slot menu-tooltip - A slot for adding a `calcite-tooltip` for the menu.
  */
-export declare class ActionGroup implements ConditionalSlotComponent, LocalizedComponent, T9nComponent {
+export declare class ActionGroup implements ConditionalSlotComponent, LoadableComponent, LocalizedComponent, T9nComponent {
   /**
    * When `true`, the component is expanded.
    */
@@ -47,9 +48,12 @@ export declare class ActionGroup implements ConditionalSlotComponent, LocalizedC
   effectiveLocale: string;
   effectiveLocaleChange(): void;
   defaultMessages: ActionGroupMessages;
+  /** Sets focus on the component's first focusable element. */
+  setFocus(): Promise<void>;
   connectedCallback(): void;
   disconnectedCallback(): void;
   componentWillLoad(): Promise<void>;
+  componentDidLoad(): void;
   renderTooltip(): VNode;
   renderMenu(): VNode;
   render(): VNode;

package/dist/types/components/date-picker/date-picker.d.ts

@@ -1,9 +1,10 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
+import { LoadableComponent } from "../../utils/loadable";
 import { LocalizedComponent, NumberingSystem } from "../../utils/locale";
 import { T9nComponent } from "../../utils/t9n";
 import { HeadingLevel } from "../functional/Heading";
 import { DatePickerMessages } from "./assets/date-picker/t9n";
-export declare class DatePicker implements LocalizedComponent, T9nComponent {
+export declare class DatePicker implements LocalizedComponent, LoadableComponent, T9nComponent {
   el: HTMLCalciteDatePickerElement;
   /** Specifies the component's active date. */
   activeDate: Date;
@@ -73,9 +74,12 @@ export declare class DatePicker implements LocalizedComponent, T9nComponent {
   activeEndDate: Date;
   startAsDate: Date;
   endAsDate: Date;
+  /** Sets focus on the component's first focusable element. */
+  setFocus(): Promise<void>;
   connectedCallback(): void;
   disconnectedCallback(): void;
   componentWillLoad(): Promise<void>;
+  componentDidLoad(): void;
   render(): VNode;
   effectiveLocale: string;
   effectiveLocaleChange(): void;

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

@@ -2,6 +2,7 @@ import { Event, EventEmitter, VNode } from "../../stencil-public-runtime";
 import { ItemKeyboardEvent } from "./interfaces";
 import { EffectivePlacement, FloatingUIComponent, MenuPlacement, OverlayPositioning } from "../../utils/floating-ui";
 import { InteractiveComponent } from "../../utils/interactive";
+import { LoadableComponent } from "../../utils/loadable";
 import { OpenCloseComponent } from "../../utils/openCloseComponent";
 import { RequestedItem } from "../dropdown-group/interfaces";
 import { Scale } from "../interfaces";
@@ -9,7 +10,7 @@ import { Scale } from "../interfaces";
  * @slot - A slot for adding `calcite-dropdown-group` elements. Every `calcite-dropdown-item` must have a parent `calcite-dropdown-group`, even if the `groupTitle` property is not set.
  * @slot trigger - A slot for the element that triggers the `calcite-dropdown`.
  */
-export declare class Dropdown implements InteractiveComponent, OpenCloseComponent, FloatingUIComponent {
+export declare class Dropdown implements InteractiveComponent, LoadableComponent, OpenCloseComponent, FloatingUIComponent {
   el: HTMLCalciteDropdownElement;
   /**
    * When `true`, displays and positions the component.
@@ -74,7 +75,10 @@ export declare class Dropdown implements InteractiveComponent, OpenCloseComponen
    * Specifies the width of the component.
    */
   width: Scale;
+  /** Sets focus on the component's first focusable element. */
+  setFocus(): Promise<void>;
   connectedCallback(): void;
+  componentWillLoad(): void;
   componentDidLoad(): void;
   componentDidRender(): void;
   disconnectedCallback(): void;

package/dist/types/components/input-number/input-number.d.ts

@@ -43,7 +43,9 @@ export declare class InputNumber implements LabelableComponent, FormComponent, I
    */
   hidden: boolean;
   /**
-   * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
+   * Specifies an icon to display.
+   *
+   * @futureBreaking Remove boolean type as it is not supported.
    */
   icon: string | boolean;
   /** When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). */

package/dist/types/components/input-text/input-text.d.ts

@@ -38,7 +38,9 @@ export declare class InputText implements LabelableComponent, FormComponent, Int
    */
   hidden: boolean;
   /**
-   * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
+   * Specifies an icon to display.
+   *
+   * @futureBreaking Remove boolean type as it is not supported.
    */
   icon: string | boolean;
   /** When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). */

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

@@ -1,4 +1,5 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
+import { LoadableComponent } from "../../utils/loadable";
 import { LocalizedComponent, NumberingSystem } from "../../utils/locale";
 import { T9nComponent } from "../../utils/t9n";
 import { Scale } from "../interfaces";
@@ -8,7 +9,7 @@ export interface PaginationDetail {
   totalItems: number;
   startItem: number;
 }
-export declare class Pagination implements LocalizedComponent, LocalizedComponent, T9nComponent {
+export declare class Pagination implements LocalizedComponent, LocalizedComponent, LoadableComponent, T9nComponent {
   /**
    * When `true`, number values are displayed with a group separator corresponding to the language and country format.
    */
@@ -47,7 +48,10 @@ export declare class Pagination implements LocalizedComponent, LocalizedComponen
   calcitePaginationChange: EventEmitter<void>;
   connectedCallback(): void;
   componentWillLoad(): Promise<void>;
+  componentDidLoad(): void;
   disconnectedCallback(): void;
+  /** Sets focus on the component's first focusable element. */
+  setFocus(): Promise<void>;
   /** Go to the next page of results. */
   nextPage(): Promise<void>;
   /** Go to the previous page of results. */

package/dist/types/components/split-button/split-button.d.ts

@@ -1,12 +1,13 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { OverlayPositioning } from "../../utils/floating-ui";
 import { InteractiveComponent } from "../../utils/interactive";
+import { LoadableComponent } from "../../utils/loadable";
 import { DropdownIconType } from "../button/interfaces";
 import { Appearance, FlipContext, Kind, Scale, Width } from "../interfaces";
 /**
  * @slot - A slot for adding `calcite-dropdown` content.
  */
-export declare class SplitButton implements InteractiveComponent {
+export declare class SplitButton implements InteractiveComponent, LoadableComponent {
   el: HTMLCalciteSplitButtonElement;
   /** Specifies the appearance style of the component. */
   appearance: Extract<"outline" | "outline-fill" | "solid" | "transparent", Appearance>;
@@ -61,6 +62,10 @@ export declare class SplitButton implements InteractiveComponent {
    * Fires when the dropdown menu is clicked.
    */
   calciteSplitButtonSecondaryClick: EventEmitter<void>;
+  /** Sets focus on the component's first focusable element. */
+  setFocus(): Promise<void>;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
   componentDidRender(): void;
   render(): VNode;
   private calciteSplitButtonPrimaryClickHandler;

package/dist/types/components.d.ts

@@ -255,6 +255,10 @@ export namespace Components {
           * Specifies the size of the `calcite-action-menu`.
          */
         "scale": Scale;
+        /**
+          * Sets focus on the component's first focusable element.
+         */
+        "setFocus": () => Promise<void>;
     }
     interface CalciteActionMenu {
         /**
@@ -990,6 +994,10 @@ export namespace Components {
           * Specifies the size of the component.
          */
         "scale": "s" | "m" | "l";
+        /**
+          * Sets focus on the component's first focusable element.
+         */
+        "setFocus": () => Promise<void>;
         /**
           * Specifies the selected date as a string (`"yyyy-mm-dd"`), or an array of strings for `range` values (`["yyyy-mm-dd", "yyyy-mm-dd"]`).
          */
@@ -1166,6 +1174,10 @@ export namespace Components {
           * @readonly
          */
         "selectedItems": HTMLCalciteDropdownItemElement[];
+        /**
+          * Sets focus on the component's first focusable element.
+         */
+        "setFocus": () => Promise<void>;
         /**
           * Specifies the action to open the component from the container element.
          */
@@ -1816,7 +1828,8 @@ export namespace Components {
          */
         "hidden": boolean;
         /**
-          * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
+          * Specifies an icon to display.
+          * @futureBreaking Remove boolean type as it is not supported.
          */
         "icon": string | boolean;
         /**
@@ -1965,7 +1978,8 @@ export namespace Components {
          */
         "hidden": boolean;
         /**
-          * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
+          * Specifies an icon to display.
+          * @futureBreaking Remove boolean type as it is not supported.
          */
         "icon": string | boolean;
         /**
@@ -2497,6 +2511,10 @@ export namespace Components {
           * Specifies the size of the component.
          */
         "scale": Scale;
+        /**
+          * Sets focus on the component's first focusable element.
+         */
+        "setFocus": () => Promise<void>;
         /**
           * Specifies the starting item number.
          */
@@ -3289,6 +3307,10 @@ export namespace Components {
           * Specifies the size of the component.
          */
         "scale": Scale;
+        /**
+          * Sets focus on the component's first focusable element.
+         */
+        "setFocus": () => Promise<void>;
         /**
           * Specifies the width of the component.
          */
@@ -6541,7 +6563,8 @@ declare namespace LocalJSX {
          */
         "hidden"?: boolean;
         /**
-          * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
+          * Specifies an icon to display.
+          * @futureBreaking Remove boolean type as it is not supported.
          */
         "icon"?: string | boolean;
         /**
@@ -6681,7 +6704,8 @@ declare namespace LocalJSX {
          */
         "hidden"?: boolean;
         /**
-          * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
+          * Specifies an icon to display.
+          * @futureBreaking Remove boolean type as it is not supported.
          */
         "icon"?: string | boolean;
         /**

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.0.4-next.5
+ * v1.1.0-next.0
  */
 'use strict';
 
@@ -9254,6 +9254,16 @@ class ActionGroup {
   effectiveLocaleChange() {
     updateMessages(this, this.effectiveLocale);
   }
+  //--------------------------------------------------------------------------
+  //
+  //  Public Methods
+  //
+  //--------------------------------------------------------------------------
+  /** Sets focus on the component's first focusable element. */
+  async setFocus() {
+    await componentLoaded(this);
+    this.el.focus();
+  }
   // --------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -9270,8 +9280,12 @@ class ActionGroup {
     disconnectConditionalSlotComponent(this);
   }
   async componentWillLoad() {
+    setUpLoadableComponent(this);
     await setUpMessages(this);
   }
+  componentDidLoad() {
+    setComponentLoaded(this);
+  }
   // --------------------------------------------------------------------------
   //
   //  Component Methods
@@ -9311,7 +9325,8 @@ class ActionGroup {
       "messages": [1040],
       "messageOverrides": [1040],
       "effectiveLocale": [32],
-      "defaultMessages": [32]
+      "defaultMessages": [32],
+      "setFocus": [64]
     },
     "$listeners$": undefined,
     "$lazyBundleId$": "-",
@@ -18063,6 +18078,16 @@ class DatePicker {
   onMessagesChange() {
     /* wired up by t9n util */
   }
+  //--------------------------------------------------------------------------
+  //
+  //  Public Methods
+  //
+  //--------------------------------------------------------------------------
+  /** Sets focus on the component's first focusable element. */
+  async setFocus() {
+    await componentLoaded(this);
+    this.el.focus();
+  }
   // --------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -18089,11 +18114,15 @@ class DatePicker {
     disconnectMessages(this);
   }
   async componentWillLoad() {
+    setUpLoadableComponent(this);
     await this.loadLocaleData();
     this.onMinChanged(this.min);
     this.onMaxChanged(this.max);
     await setUpMessages(this);
   }
+  componentDidLoad() {
+    setComponentLoaded(this);
+  }
   render() {
     const date = dateFromRange(this.range && Array.isArray(this.valueAsDate) ? this.valueAsDate[0] : this.valueAsDate, this.minAsDate, this.maxAsDate);
     let activeDate = this.getActiveDate(date, this.minAsDate, this.maxAsDate);
@@ -18227,7 +18256,8 @@ class DatePicker {
       "effectiveLocale": [32],
       "defaultMessages": [32],
       "localeData": [32],
-      "hoverRange": [32]
+      "hoverRange": [32],
+      "setFocus": [64]
     },
     "$listeners$": undefined,
     "$lazyBundleId$": "-",
@@ -19064,6 +19094,16 @@ class Dropdown {
   }
   //--------------------------------------------------------------------------
   //
+  //  Public Methods
+  //
+  //--------------------------------------------------------------------------
+  /** Sets focus on the component's first focusable element. */
+  async setFocus() {
+    await componentLoaded(this);
+    this.el.focus();
+  }
+  //--------------------------------------------------------------------------
+  //
   //  Lifecycle
   //
   //--------------------------------------------------------------------------
@@ -19076,7 +19116,11 @@ class Dropdown {
     }
     connectOpenCloseComponent(this);
   }
+  componentWillLoad() {
+    setUpLoadableComponent(this);
+  }
   componentDidLoad() {
+    setComponentLoaded(this);
     this.reposition(true);
   }
   componentDidRender() {
@@ -19259,6 +19303,7 @@ class Dropdown {
       "selectedItems": [1040],
       "type": [513],
       "width": [513],
+      "setFocus": [64],
       "reposition": [64]
     },
     "$listeners$": [[9, "pointerdown", "closeCalciteDropdownOnClick"], [0, "calciteInternalDropdownCloseRequest", "closeCalciteDropdownOnEvent"], [8, "calciteDropdownOpen", "closeCalciteDropdownOnOpenEvent"], [1, "pointerenter", "mouseEnterHandler"], [1, "pointerleave", "mouseLeaveHandler"], [0, "calciteInternalDropdownItemKeyEvent", "calciteInternalDropdownItemKeyEvent"], [0, "calciteInternalDropdownItemSelect", "handleItemSelect"]],
@@ -25939,6 +25984,10 @@ class Pagination {
   }
   async componentWillLoad() {
     await setUpMessages(this);
+    setUpLoadableComponent(this);
+  }
+  componentDidLoad() {
+    setComponentLoaded(this);
   }
   disconnectedCallback() {
     disconnectLocalized(this);
@@ -25949,6 +25998,11 @@ class Pagination {
   //  Public Methods
   //
   // --------------------------------------------------------------------------
+  /** Sets focus on the component's first focusable element. */
+  async setFocus() {
+    await componentLoaded(this);
+    this.el.focus();
+  }
   /** Go to the next page of results. */
   async nextPage() {
     this.startItem = Math.min(this.getLastStart(), this.startItem + this.pageSize);
@@ -26077,6 +26131,7 @@ class Pagination {
       "messages": [1040],
       "defaultMessages": [32],
       "effectiveLocale": [32],
+      "setFocus": [64],
       "nextPage": [64],
       "previousPage": [64]
     },
@@ -33313,9 +33368,25 @@ class SplitButton {
   }
   //--------------------------------------------------------------------------
   //
+  //  Public Methods
+  //
+  //--------------------------------------------------------------------------
+  /** Sets focus on the component's first focusable element. */
+  async setFocus() {
+    await componentLoaded(this);
+    this.el.focus();
+  }
+  //--------------------------------------------------------------------------
+  //
   //  Lifecycle
   //
   //--------------------------------------------------------------------------
+  componentWillLoad() {
+    setUpLoadableComponent(this);
+  }
+  componentDidLoad() {
+    setComponentLoaded(this);
+  }
   componentDidRender() {
     updateHostInteraction(this);
   }
@@ -33363,7 +33434,8 @@ class SplitButton {
       "primaryLabel": [513, "primary-label"],
       "primaryText": [513, "primary-text"],
       "scale": [513],
-      "width": [513]
+      "width": [513],
+      "setFocus": [64]
     },
     "$listeners$": undefined,
     "$lazyBundleId$": "-",

package/package.json

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

package/readme.md

@@ -13,10 +13,7 @@ Calcite Components, part of Esri's Calcite Design System, is a rich library of f
 The most common approach for loading Calcite Components is to use the version hosted on the CDN. The components can be loaded via `<script>` and `<link>` tags in the head of your HTML document:
 
 ```html
-<script
-  type="module"
-  src="https://unpkg.com/@esri/calcite-components@1.0.3/dist/calcite/calcite.esm.js"
-></script>
+<script type="module" src="https://unpkg.com/@esri/calcite-components@1.0.3/dist/calcite/calcite.esm.js"></script>
 <link
   rel="stylesheet"
   type="text/css"

package/dist/calcite/p-07acab63.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.0.4-next.5
- */
-import{r as i,c as t,h as e,F as a,g as s}from"./p-9d499209.js";import{n,c as o,d as c}from"./p-4c2d1400.js";import{u as r,c as l,s as h,d as p}from"./p-0b918318.js";import"./p-050035cc.js";import"./p-40149f32.js";import"./p-76606d9f.js";import"./p-02be0f65.js";import"./p-eee4dbbb.js";const m=class{constructor(e){i(this,e),this.calcitePaginationChange=t(this,"calcitePaginationChange",6),this.previousClicked=()=>{this.previousPage().then(),this.emitUpdate()},this.nextClicked=()=>{this.nextPage(),this.emitUpdate()},this.groupSeparator=!1,this.messageOverrides=void 0,this.pageSize=20,this.numberingSystem=void 0,this.startItem=1,this.totalItems=0,this.scale="m",this.defaultMessages=void 0,this.effectiveLocale="",this.messages=void 0}onMessagesChange(){}effectiveLocaleChange(){r(this,this.effectiveLocale)}effectiveLocaleWatcher(){n.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator}}connectedCallback(){o(this),l(this)}async componentWillLoad(){await h(this)}disconnectedCallback(){c(this),p(this)}async nextPage(){this.startItem=Math.min(this.getLastStart(),this.startItem+this.pageSize)}async previousPage(){this.startItem=Math.max(1,this.startItem-this.pageSize)}getLastStart(){const{totalItems:i,pageSize:t}=this;return 1+(i%t==0?i-t:Math.floor(i/t)*t)}showLeftEllipsis(){return Math.floor(this.startItem/this.pageSize)>3}showRightEllipsis(){return(this.totalItems-this.startItem)/this.pageSize>3}emitUpdate(){this.calcitePaginationChange.emit()}renderPages(){const i=this.getLastStart();let t,e;this.totalItems/this.pageSize<=5?(e=1+this.pageSize,t=i-this.pageSize):this.startItem/this.pageSize<4?(e=1+this.pageSize,t=1+4*this.pageSize):this.startItem+3*this.pageSize>=this.totalItems?(e=i-4*this.pageSize,t=i-this.pageSize):(e=this.startItem-this.pageSize,t=this.startItem+this.pageSize);const a=[];for(;e<=t;)a.push(e),e+=this.pageSize;return a.map((i=>this.renderPage(i)))}renderPage(i){const t=Math.floor(i/this.pageSize)+(1===this.pageSize?0:1);n.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};const a=n.localize(t.toString());return e("button",{class:{page:!0,"is-selected":i===this.startItem},onClick:()=>{this.startItem=i,this.emitUpdate()}},a)}renderLeftEllipsis(){if(this.totalItems/this.pageSize>5&&this.showLeftEllipsis())return e("span",{class:"ellipsis ellipsis--start"},"…")}renderRightEllipsis(){if(this.totalItems/this.pageSize>5&&this.showRightEllipsis())return e("span",{class:"ellipsis ellipsis--end"},"…")}render(){const{totalItems:i,pageSize:t,startItem:s}=this,n=1===t?s<=t:s<t,o=s+t>i;return e(a,null,e("button",{"aria-label":this.messages.previous,class:{previous:!0,"is-disabled":n},disabled:n,onClick:this.previousClicked},e("calcite-icon",{flipRtl:!0,icon:"chevronLeft",scale:"l"===this.scale?"m":"s"})),i>t?this.renderPage(1):null,this.renderLeftEllipsis(),this.renderPages(),this.renderRightEllipsis(),this.renderPage(this.getLastStart()),e("button",{"aria-label":this.messages.next,class:{next:!0,"is-disabled":o},disabled:o,onClick:this.nextClicked},e("calcite-icon",{flipRtl:!0,icon:"chevronRight",scale:"l"===this.scale?"m":"s"})))}static get delegatesFocus(){return!0}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange","effectiveLocaleWatcher"]}}};m.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-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-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host([scale=s]){--calcite-pagination-spacing-internal:0.25rem 0.5rem}:host([scale=s]) .previous,:host([scale=s]) .next,:host([scale=s]) .page{block-size:1.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .previous,:host([scale=s]) .next{padding-inline:0.25rem}:host([scale=m]){--calcite-pagination-spacing-internal:0.5rem 0.75rem}:host([scale=m]) .previous,:host([scale=m]) .next,:host([scale=m]) .page{block-size:2rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .previous,:host([scale=m]) .next{padding-inline:0.5rem}:host([scale=l]){--calcite-pagination-spacing-internal:0.75rem 1rem}:host([scale=l]) .previous,:host([scale=l]) .next,:host([scale=l]) .page{block-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .previous,:host([scale=l]) .next{padding-inline:1rem}:host{display:flex;writing-mode:horizontal-tb}:host button{outline-color:transparent}:host button:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.previous,.next,.page{box-sizing:border-box;display:flex;cursor:pointer;align-items:center;border-style:none;--tw-border-opacity:0;background-color:transparent;font-family:inherit;font-size:var(--calcite-font-size-0);line-height:1.25rem;color:var(--calcite-ui-text-3);border-block:2px solid transparent}.previous:hover,.next:hover,.page:hover{color:var(--calcite-ui-text-1);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.page:hover{border-block-end-color:var(--calcite-ui-border-2)}.page.is-selected{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);border-block-end-color:var(--calcite-ui-brand)}.previous:hover,.next:hover{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-brand)}.previous:active,.next:active{background-color:var(--calcite-ui-foreground-3)}.previous.is-disabled,.next.is-disabled{pointer-events:none;background-color:transparent}.previous.is-disabled>calcite-icon,.next.is-disabled>calcite-icon{opacity:var(--calcite-ui-opacity-disabled)}.next{margin-inline-end:0px}.page,.ellipsis{padding:var(--calcite-pagination-spacing-internal)}.ellipsis{display:flex;align-items:flex-end;color:var(--calcite-ui-text-3)}";export{m as calcite_pagination}

package/dist/calcite/p-142e1365.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.0.4-next.5
- */
-import{r as t,c as i,h as a,g as e}from"./p-9d499209.js";import{u as n}from"./p-14ba5650.js";const o=class{constructor(a){t(this,a),this.calciteSplitButtonPrimaryClick=i(this,"calciteSplitButtonPrimaryClick",6),this.calciteSplitButtonSecondaryClick=i(this,"calciteSplitButtonSecondaryClick",6),this.calciteSplitButtonPrimaryClickHandler=()=>this.calciteSplitButtonPrimaryClick.emit(),this.calciteSplitButtonSecondaryClickHandler=()=>this.calciteSplitButtonSecondaryClick.emit(),this.appearance="solid",this.kind="brand",this.disabled=!1,this.active=!1,this.dropdownIconType="chevron",this.dropdownLabel=void 0,this.loading=!1,this.overlayPositioning="absolute",this.primaryIconEnd=void 0,this.primaryIconFlipRtl=void 0,this.primaryIconStart=void 0,this.primaryLabel=void 0,this.primaryText=void 0,this.scale="m",this.width="auto"}handleDisabledChange(t){t||(this.active=!1)}activeHandler(){this.disabled&&(this.active=!1)}componentDidRender(){n(this)}render(){return a("div",{class:{"split-button__container":!0,"width-auto":"auto"===this.width,"width-half":"half"===this.width,"width-full":"full"===this.width}},a("calcite-button",{appearance:this.appearance,disabled:this.disabled,"icon-end":this.primaryIconEnd?this.primaryIconEnd:null,"icon-start":this.primaryIconStart?this.primaryIconStart:null,iconFlipRtl:this.primaryIconFlipRtl?this.primaryIconFlipRtl:null,kind:this.kind,label:this.primaryLabel,loading:this.loading,onClick:this.calciteSplitButtonPrimaryClickHandler,scale:this.scale,splitChild:"primary",type:"button",width:"auto"===this.width?"auto":"full"},this.primaryText),a("div",{class:"split-button__divider-container"},a("div",{class:"split-button__divider"})),a("calcite-dropdown",{disabled:this.disabled,onClick:this.calciteSplitButtonSecondaryClickHandler,open:this.active,overlayPositioning:this.overlayPositioning,placement:"bottom-end",scale:this.scale,width:this.scale},a("calcite-button",{appearance:this.appearance,disabled:this.disabled,"icon-start":this.dropdownIcon,kind:this.kind,label:this.dropdownLabel,scale:this.scale,slot:"trigger",splitChild:"secondary",type:"button"}),a("slot",null)))}get dropdownIcon(){return"chevron"===this.dropdownIconType?"chevronDown":"caret"===this.dropdownIconType?"caretDown":"ellipsis"===this.dropdownIconType?"ellipsis":"handle-vertical"}static get delegatesFocus(){return!0}get el(){return e(this)}static get watchers(){return{disabled:["handleDisabledChange"],active:["activeHandler"]}}};o.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-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-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:inline-block}:host .split-button__container{display:flex;align-items:stretch}:host .split-button__container>calcite-dropdown>calcite-button{block-size:100%;vertical-align:top}:host:host([kind=brand]){--calcite-split-button-background:var(--calcite-ui-brand);--calcite-split-button-divider:var(--calcite-ui-foreground-1)}:host:host([kind=danger]){--calcite-split-button-background:var(--calcite-ui-danger);--calcite-split-button-divider:var(--calcite-ui-foreground-1)}:host:host([kind=neutral]){--calcite-split-button-background:var(--calcite-ui-foreground-3);--calcite-split-button-divider:var(--calcite-ui-text-1)}:host:host([kind=inverse]){--calcite-split-button-background:var(--calcite-ui-inverse);--calcite-split-button-divider:var(--calcite-ui-foreground-1)}:host([appearance=transparent]):host([kind=brand]){--calcite-split-button-divider:var(--calcite-ui-brand)}:host([appearance=transparent]):host([kind=danger]){--calcite-split-button-divider:var(--calcite-ui-danger)}:host([appearance=transparent]):host([kind=neutral]){--calcite-split-button-divider:var(--calcite-ui-text-1)}:host([appearance=transparent]):host([kind=inverse]){--calcite-split-button-divider:var(--calcite-ui-foreground-1);--calcite-split-button-background:transparent}:host([appearance=outline]),:host([appearance=transparent]){--calcite-split-button-background:transparent}:host([appearance=outline-fill]){--calcite-split-button-background:var(--calcite-ui-foreground-1)}:host([appearance=outline]):host([kind=brand]),:host([appearance=outline-fill]):host([kind=brand]){--calcite-split-button-divider:var(--calcite-ui-brand)}:host([appearance=outline]):host([kind=danger]),:host([appearance=outline-fill]):host([kind=danger]){--calcite-split-button-divider:var(--calcite-ui-danger)}:host([appearance=outline]):host([kind=neutral]),:host([appearance=outline-fill]):host([kind=neutral]){--calcite-split-button-divider:var(--calcite-ui-foreground-3)}:host([appearance=outline]):host([kind=inverse]),:host([appearance=outline-fill]):host([kind=inverse]){--calcite-split-button-divider:var(--calcite-ui-inverse)}.width-auto{inline-size:auto}.width-half{inline-size:50%}.width-full{inline-size:100%}.split-button__divider-container{display:flex;inline-size:1px;align-items:stretch;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;background-color:var(--calcite-split-button-background)}.split-button__divider{margin-block:0.25rem;display:inline-block;inline-size:1px;background-color:var(--calcite-split-button-divider)}:host([appearance=outline-fill]) .split-button__divider-container,:host([appearance=outline]) .split-button__divider-container{border-block:1px solid var(--calcite-split-button-divider)}:host([appearance=outline-fill]):hover .split-button__divider-container,:host([appearance=outline]):hover .split-button__divider-container{background-color:var(--calcite-split-button-divider)}:host([appearance=outline-fill]:hover) .split-button__divider-container,:host([appearance=outline]:hover) .split-button__divider-container{background-color:var(--calcite-split-button-divider)}:host([appearance=outline-fill]:focus-within):host([kind=brand]),:host([appearance=outline]:focus-within):host([kind=brand]){--calcite-split-button-divider:var(--calcite-ui-brand-press)}:host([appearance=outline-fill]:focus-within):host([kind=danger]),:host([appearance=outline]:focus-within):host([kind=danger]){--calcite-split-button-divider:var(--calcite-ui-danger-press)}:host([appearance=outline-fill]:focus-within) .split-button__divider-container,:host([appearance=outline]:focus-within) .split-button__divider-container{background-color:var(--calcite-split-button-divider)}:host([disabled]) .split-button__divider-container{opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) calcite-dropdown>calcite-button{pointer-events:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}";export{o as calcite_split_button}

package/dist/calcite/p-224b5e40.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.0.4-next.5
- */
-import{r as t,h as e,F as i,g as a,f as n}from"./p-9d499209.js";import{c as o,d as l}from"./p-1e637e7e.js";import{s,y as c,g as r,b as d,i as h}from"./p-050035cc.js";import{c as p,d as m}from"./p-4c2d1400.js";import{c as f}from"./p-7dfb0797.js";import{c as u,s as x,d as w,u as b}from"./p-0b918318.js";import"./p-eee4dbbb.js";import"./p-40149f32.js";import"./p-76606d9f.js";import"./p-02be0f65.js";const v=class{constructor(e){t(this,e),this.handleHeaderSlotChange=t=>{this.hasHeader=!!s(t)},this.handleFooterSlotChange=t=>{this.hasFooter=!!s(t)},this.handleAlertsSlotChange=t=>{this.hasAlerts=!!s(t),c(t)?.map((t=>{"CALCITE-ALERT"===t.nodeName&&(t.slottedInShell=!0)}))},this.handleModalsSlotChange=t=>{this.hasModals=!!s(t),c(t)?.map((t=>{"CALCITE-MODAL"===t.nodeName&&(t.slottedInShell=!0)}))},this.contentBehind=!1,this.hasHeader=!1,this.hasFooter=!1,this.hasAlerts=!1,this.hasModals=!1}connectedCallback(){o(this)}disconnectedCallback(){l(this)}renderHeader(){return e("div",{hidden:!this.hasHeader},e("slot",{key:"header",name:"header",onSlotchange:this.handleHeaderSlotChange}))}renderFooter(){return e("div",{class:"footer",hidden:!this.hasFooter,key:"footer"},e("slot",{name:"footer",onSlotchange:this.handleFooterSlotChange}))}renderAlerts(){return e("div",{hidden:!this.hasAlerts},e("slot",{key:"alerts",name:"alerts",onSlotchange:this.handleAlertsSlotChange}))}renderModals(){return e("div",{hidden:!this.hasModals},e("slot",{key:"modals",name:"modals",onSlotchange:this.handleModalsSlotChange}))}renderContent(){const t=e("slot",{key:"default-slot"}),i=e("slot",{key:"center-row-slot",name:"center-row"}),a="content-container";return this.contentBehind?[e("div",{class:{content:!0,"content--behind":!0},key:a},t),i]:[e("div",{class:"content",key:a},t,i)]}renderMain(){return e("div",{class:"main"},e("slot",{name:"panel-start"}),this.renderContent(),e("slot",{name:"panel-end"}))}renderPositionedSlots(){return e("div",{class:"positioned-slot-wrapper"},this.renderAlerts(),this.renderModals())}render(){return e(i,null,this.renderHeader(),this.renderMain(),this.renderFooter(),this.renderPositionedSlots())}get el(){return a(this)}};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-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-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}: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:600}:host([hidden]){display:none}:host{position:absolute;inset:0px;display:flex;block-size:100%;inline-size:100%;flex-direction:column;overflow:hidden;--calcite-shell-tip-spacing:26vw}.main{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;flex-direction:row;justify-content:space-between;overflow:hidden}.content{display:flex;block-size:100%;inline-size:100%;flex-direction:column;flex-wrap:nowrap;overflow:auto}.content ::slotted(calcite-shell-center-row),.content ::slotted(calcite-panel),.content ::slotted(calcite-flow){flex:1 1 auto;align-self:stretch;max-block-size:unset}.content--behind{position:absolute;inset:0px;border-width:0px;z-index:calc(1 - 1);display:initial}::slotted(calcite-shell-center-row){inline-size:unset}::slotted(.header .heading){font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal)}slot[name=panel-end]::slotted(calcite-shell-panel){margin-inline-start:auto}::slotted(calcite-shell-panel),::slotted(calcite-shell-center-row){position:relative;z-index:1}::slotted(calcite-panel),::slotted(calcite-flow){border-width:1px;border-inline-start-width:0px;border-inline-end-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3)}slot[name=center-row]::slotted(calcite-shell-center-row:not([detached])){border-inline-start-width:1px;border-inline-end-width:1px;border-color:var(--calcite-ui-border-3)}::slotted(calcite-tip-manager){position:absolute;z-index:500;box-sizing:border-box}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}::slotted(calcite-tip-manager){animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.25rem;--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);inset-block-end:0.5rem;inset-inline:var(--calcite-shell-tip-spacing)}.position-wrapper{position:absolute;pointer-events:none;inset:0}";const g=class{constructor(e){t(this,e),this.detached=!1,this.heightScale="s",this.position="end"}connectedCallback(){o(this)}disconnectedCallback(){l(this)}render(){const{el:t}=this,a=e("div",{class:"content"},e("slot",null)),n=r(t,"action-bar"),o=[n?e("div",{class:"action-bar-container",key:"action-bar"},e("slot",{name:"action-bar"})):null,a];return"end"===n?.position&&o.reverse(),e(i,null,o)}get el(){return a(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-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-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}: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:600}:host([hidden]){display:none}:host{display:flex;flex:1 1 auto;overflow:hidden;background-color:transparent}.content{margin:0px;display:flex;block-size:100%;inline-size:100%;overflow:hidden;flex:1 0 0}.action-bar-container{display:flex}:host([detached]){margin-inline:0.5rem;margin-block:0.5rem 1.5rem}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}:host([detached]){animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.25rem;border-width:0px;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([position=end]){align-self:flex-end}:host([position=start]){align-self:flex-start}:host([height-scale=s]){block-size:33.333333%}:host([height-scale=m]){block-size:70%}:host([height-scale=l]){block-size:100%}:host([height-scale=l][detached]){block-size:calc(100% - 2rem)}::slotted(calcite-panel){block-size:100%;inline-size:100%}::slotted(calcite-action-bar),::slotted(calcite-action-bar[position=end]){border-inline-end:1px solid;border-color:var(--calcite-ui-border-3)}";const y=class{constructor(e){t(this,e),this.initialContentWidth=null,this.initialClientX=null,this.contentWidthMax=null,this.contentWidthMin=null,this.step=1,this.stepMultiplier=10,this.storeContentEl=t=>{this.contentEl=t},this.getKeyAdjustedWidth=t=>{const{key:e}=t,{el:i,step:a,stepMultiplier:n,contentWidthMin:o,contentWidthMax:l,initialContentWidth:s,position:c}=this,r=a*n;["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End","PageUp","PageDown"].indexOf(e)>-1&&t.preventDefault();const h=["ArrowLeft","ArrowRight"],p="rtl"===d(i)&&h.includes(e)?-1:1;return"ArrowUp"===e||("end"===c?e===h[0]:e===h[1])?s+p*(t.shiftKey?r:a):"ArrowDown"===e||("end"===c?e===h[1]:e===h[0])?s-p*(t.shiftKey?r:a):"number"==typeof o&&"Home"===e?o:"number"==typeof l&&"End"===e?l:"PageDown"===e?s-r:"PageUp"===e?s+r:null},this.separatorKeyDown=t=>{this.setInitialContentWidth();const e=this.getKeyAdjustedWidth(t);"number"==typeof e&&this.setContentWidth(e)},this.separatorPointerMove=t=>{t.preventDefault();const{el:e,initialContentWidth:i,position:a,initialClientX:n}=this,o=t.clientX-n,l="rtl"===d(e)?-1:1;this.setContentWidth(i+("end"===a?-l*o:l*o))},this.separatorPointerUp=t=>{h(t)&&(t.preventDefault(),document.removeEventListener("pointerup",this.separatorPointerUp),document.removeEventListener("pointermove",this.separatorPointerMove))},this.setInitialContentWidth=()=>{this.initialContentWidth=this.contentEl?.getBoundingClientRect().width},this.separatorPointerDown=t=>{if(!h(t))return;t.preventDefault();const{separatorEl:e}=this;e&&document.activeElement!==e&&e.focus(),this.setInitialContentWidth(),this.initialClientX=t.clientX,document.addEventListener("pointerup",this.separatorPointerUp),document.addEventListener("pointermove",this.separatorPointerMove)},this.connectSeparator=t=>{this.disconnectSeparator(),this.separatorEl=t,t.addEventListener("pointerdown",this.separatorPointerDown)},this.disconnectSeparator=()=>{this.separatorEl?.removeEventListener("pointerdown",this.separatorPointerDown)},this.collapsed=!1,this.detached=!1,this.detachedHeightScale="l",this.widthScale="m",this.position=void 0,this.resizable=!1,this.messages=void 0,this.messageOverrides=void 0,this.contentWidth=null,this.defaultMessages=void 0,this.effectiveLocale=""}onMessagesChange(){}connectedCallback(){o(this),p(this),u(this)}async componentWillLoad(){await x(this)}disconnectedCallback(){l(this),this.disconnectSeparator(),m(this),w(this)}componentDidLoad(){this.updateAriaValues()}effectiveLocaleChange(){b(this,this.effectiveLocale)}renderHeader(){const{el:t}=this;return r(t,"header")?e("div",{class:"content__header",key:"header"},e("slot",{name:"header"})):null}render(){const{collapsed:t,detached:i,position:a,initialContentWidth:n,contentWidth:o,contentWidthMax:l,contentWidthMin:s,resizable:c}=this,r=!i&&c,d=e("div",{class:{content:!0,"content--detached":i},hidden:t,key:"content",ref:this.storeContentEl,style:r&&o?{width:`${o}px`}:null},this.renderHeader(),e("div",{class:"content__body"},e("slot",null))),h=r?e("div",{"aria-label":this.messages.resize,"aria-orientation":"horizontal","aria-valuemax":l,"aria-valuemin":s,"aria-valuenow":o??n,class:"separator",key:"separator",onKeyDown:this.separatorKeyDown,ref:this.connectSeparator,role:"separator",tabIndex:0,"touch-action":"none"}):null,p=[e("slot",{key:"action-bar",name:"action-bar"}),d,h];return"end"===a&&p.reverse(),e("div",{class:{container:!0}},p)}setContentWidth(t){const{contentWidthMax:e,contentWidthMin:i}=this,a=Math.round(t);this.contentWidth="number"==typeof e&&"number"==typeof i?f(a,i,e):a}updateAriaValues(){const{contentEl:t}=this,e=t&&getComputedStyle(t);if(!e)return;const i=parseInt(e.getPropertyValue("max-width"),10),a=parseInt(e.getPropertyValue("min-width"),10),o=parseInt(e.getPropertyValue("width"),10);"number"!=typeof o||isNaN(o)||(this.initialContentWidth=o),"number"!=typeof i||isNaN(i)||(this.contentWidthMax=i),"number"!=typeof a||isNaN(a)||(this.contentWidthMin=a),n(this)}static get assetsDirs(){return["assets"]}get el(){return a(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-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-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host{pointer-events:none;display:flex;flex:0 1 auto;align-items:stretch;--calcite-shell-panel-detached-max-height:unset}:host([width-scale=s]) .content{--calcite-shell-panel-width-internal:var(--calcite-shell-panel-width, 12vw);--calcite-shell-panel-max-width-internal:var(--calcite-shell-panel-max-width, 300px);--calcite-shell-panel-min-width-internal:var(--calcite-shell-panel-min-width, 150px)}:host([width-scale=m]) .content{--calcite-shell-panel-width-internal:var(--calcite-shell-panel-width, 20vw);--calcite-shell-panel-max-width-internal:var(--calcite-shell-panel-max-width, 420px);--calcite-shell-panel-min-width-internal:var(--calcite-shell-panel-min-width, 240px)}:host([width-scale=l]) .content{--calcite-shell-panel-width-internal:var(--calcite-shell-panel-width, 45vw);--calcite-shell-panel-max-width-internal:var(--calcite-shell-panel-max-width, 680px);--calcite-shell-panel-min-width-internal:var(--calcite-shell-panel-min-width, 340px)}:host([detached-height-scale=s]) .content--detached{--calcite-shell-panel-detached-max-height-internal:var(--calcite-shell-panel-detached-max-height, 40vh)}:host([detached-height-scale=m]) .content--detached{--calcite-shell-panel-detached-max-height-internal:var(--calcite-shell-panel-detached-max-height, 60vh)}:host([detached-height-scale=l]) .content--detached{--calcite-shell-panel-detached-max-height-internal:var(--calcite-shell-panel-detached-max-height, 80vh)}.container{pointer-events:none;box-sizing:border-box;display:flex;flex:1 1 auto;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2)}.container *{box-sizing:border-box}:host(:hover) .separator:not(:hover):not(:focus),:host(:focus-within) .separator:not(:hover):not(:focus){opacity:1;background-color:var(--calcite-ui-border-3)}.separator{pointer-events:auto;position:absolute;inset-block:0px;display:flex;block-size:100%;inline-size:0.125rem;background-color:transparent;opacity:0;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;cursor:col-resize;outline:none}.separator:hover{opacity:1;background-color:var(--calcite-ui-border-2)}.separator:focus{background-color:var(--calcite-ui-brand);opacity:1}:host([position=start]) .separator{inset-inline-end:-2px}:host([position=end]) .separator{inset-inline-start:-2px}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%;inline-size:100%;flex:1 1 auto;max-block-size:unset;max-inline-size:unset}::slotted(.calcite-match-height){display:flex;flex:1 1 auto;overflow:hidden}.content{pointer-events:auto;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;align-self:stretch;background-color:var(--calcite-ui-background);padding:0px;inline-size:var(--calcite-shell-panel-width-internal);max-inline-size:var(--calcite-shell-panel-max-width-internal);min-inline-size:var(--calcite-shell-panel-min-width-internal);transition:max-block-size var(--calcite-animation-timing), max-inline-size var(--calcite-animation-timing)}.content__header{display:flex;flex:0 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch}.content__body{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.content--detached{margin-inline:0.5rem;margin-block:0.5rem auto;block-size:auto;overflow:hidden;border-radius:0.25rem;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);max-block-size:var(--calcite-shell-panel-detached-max-height-internal)}.content--detached ::slotted(calcite-panel),.content--detached ::slotted(calcite-flow){max-block-size:unset}:host([position=start]) .content--detached ::slotted(calcite-panel),:host([position=start]) .content--detached ::slotted(calcite-flow),:host([position=end]) .content--detached ::slotted(calcite-panel),:host([position=end]) .content--detached ::slotted(calcite-flow){border-style:none}.content[hidden]{display:none}slot[name=action-bar]::slotted(calcite-action-bar),.content ::slotted(calcite-flow),.content ::slotted(calcite-panel:not([closed])){border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}:host([position=start]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start]) .content ::slotted(calcite-flow),:host([position=start]) .content ::slotted(calcite-panel){border-inline-start:none}:host([position=end]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end]) .content ::slotted(calcite-flow),:host([position=end]) .content ::slotted(calcite-panel){border-inline-end:none}";export{v as calcite_shell,g as calcite_shell_center_row,y as calcite_shell_panel}

package/dist/calcite/p-22fd8884.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.0.4-next.5
- */
-import{r as t,c as e,h as i,g as a}from"./p-9d499209.js";import{c as n,d as o}from"./p-1e637e7e.js";import{t as r,g as s}from"./p-050035cc.js";import{c,d as l}from"./p-4c2d1400.js";import{c as d,d as m,s as h,u as f}from"./p-0b918318.js";import"./p-eee4dbbb.js";import"./p-40149f32.js";import"./p-76606d9f.js";import"./p-02be0f65.js";const p=class{constructor(i){t(this,i),this.calciteCardSelect=e(this,"calciteCardSelect",6),this.cardSelectClick=()=>{this.selectCard()},this.cardSelectKeyDown=t=>{switch(t.key){case" ":case"Enter":this.selectCard(),t.preventDefault()}},this.loading=!1,this.selected=!1,this.selectable=!1,this.thumbnailPosition="block-start",this.messages=void 0,this.messageOverrides=void 0,this.effectiveLocale=void 0,this.defaultMessages=void 0}onMessagesChange(){}connectedCallback(){n(this),c(this),d(this)}disonnectedCallback(){o(this),l(this),m(this)}async componentWillLoad(){await h(this)}render(){const t=this.thumbnailPosition.startsWith("inline"),e=this.thumbnailPosition.endsWith("start");return i("div",{class:{"calcite-card-container":!0,inline:t}},this.loading?i("div",{class:"calcite-card-loader-container"},i("calcite-loader",{label:this.messages.loading})):null,e&&this.renderThumbnail(),i("section",{"aria-busy":r(this.loading),class:{container:!0}},this.selectable?this.renderCheckbox():null,this.renderHeader(),i("div",{class:"card-content"},i("slot",null)),this.renderFooter()),!e&&this.renderThumbnail())}effectiveLocaleChange(){f(this,this.effectiveLocale)}selectCard(){this.selected=!this.selected,this.calciteCardSelect.emit()}renderThumbnail(){return s(this.el,"thumbnail")?i("section",{class:"thumbnail-wrapper"},i("slot",{name:"thumbnail"})):null}renderCheckbox(){return i("calcite-label",{class:"checkbox-wrapper",onClick:this.cardSelectClick,onKeyDown:this.cardSelectKeyDown},i("calcite-checkbox",{checked:this.selected,label:this.selected?this.messages.deselect:this.messages.select}))}renderHeader(){const{el:t}=this,e=s(t,"title"),a=s(t,"subtitle");return e||a?i("header",{class:"header"},i("slot",{name:"title"}),i("slot",{name:"subtitle"})):null}renderFooter(){const{el:t}=this,e=s(t,"footer-start"),a=s(t,"footer-end");return e||a?i("footer",{class:"footer"},i("slot",{name:"footer-start"}),i("slot",{name:"footer-end"})):null}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};p.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-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-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host{display:block;max-inline-size:100%}:host .calcite-card-container{position:relative;display:flex;block-size:100%;flex-direction:column;justify-content:space-between;overflow:hidden;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-3);--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);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);border-radius:var(--calcite-border-radius-base)}.container{position:relative;display:flex;flex:1 1 auto;flex-direction:column}:host([loading]) .calcite-card-container *:not(calcite-loader):not(.calcite-card-loader-container){pointer-events:none;opacity:0}:host([loading]) .calcite-card-loader-container{position:absolute;inset:0px;display:flex;align-items:center}.header,.footer{display:flex;padding-inline:0.75rem;padding-block:0.75rem 0.25rem}.header{flex-direction:column}.footer{margin-block-start:auto;flex-direction:row;align-content:space-between;justify-content:space-between;padding-inline:0.75rem;padding-block:0.25rem 0.75rem}.card-content{padding:0.75rem;font-size:var(--calcite-font-size--2);line-height:1.375;color:var(--calcite-ui-text-3)}:host([selected]) .calcite-card-container{border-color:var(--calcite-ui-brand)}slot[name=title]::slotted(*),*::slotted([slot=title]){margin:0px;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}:host([selectable]) .header{padding-inline-end:2rem}slot[name=subtitle]::slotted(*),*::slotted([slot=subtitle]){margin:0px;margin-block-start:0.5rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2)}slot[name=thumbnail]::slotted(img),img::slotted([slot=thumbnail]){min-inline-size:100%;max-inline-size:100%}slot[name=footer-start]::slotted(*),*::slotted([slot=footer-start]){align-self:center;font-size:var(--calcite-font-size--2);line-height:1.375;margin-inline-end:auto}slot[name=footer-end]::slotted(*),*::slotted([slot=footer-end]){align-self:center;font-size:var(--calcite-font-size--2);line-height:1.375}.checkbox-wrapper{position:absolute;margin:0px;padding:0px;inset-block-start:0.5rem;inset-inline-end:0.5rem}.thumbnail-wrapper{display:flex}.calcite-card-container.inline{flex-direction:row}.calcite-card-container.inline>.container{inline-size:60%}.calcite-card-container.inline>.thumbnail-wrapper{inline-size:40%;align-items:flex-start}.calcite-card-container.inline slot[name=thumbnail]::slotted(img),.calcite-card-container.inline img::slotted([slot=thumbnail]){inline-size:100%}slot[name=footer-start]::slotted(*),slot[name=footer-end]::slotted(*){display:flex;gap:0.25rem}";export{p as calcite_card}

package/dist/calcite/p-5b9f419e.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.0.4-next.5
- */
-import{r as t,h as a,F as i,g as e}from"./p-9d499209.js";import{c as n,d as o}from"./p-1e637e7e.js";import{g as c}from"./p-050035cc.js";import{c as s,d as r}from"./p-4c2d1400.js";import{u as l,c as m,d,s as p}from"./p-0b918318.js";import{S as u}from"./p-e98ea83e.js";import{S as h,I as f}from"./p-4f1b1c5b.js";import"./p-eee4dbbb.js";import"./p-40149f32.js";import"./p-76606d9f.js";import"./p-02be0f65.js";const g=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(){l(this,this.effectiveLocale)}connectedCallback(){s(this),m(this),n(this)}disconnectedCallback(){r(this),d(this),o(this)}async componentWillLoad(){await p(this)}renderTooltip(){const{el:t}=this;return c(t,h.menuTooltip)?a("slot",{name:h.menuTooltip,slot:u.tooltip}):null}renderMenu(){const{el:t,expanded:i,menuOpen:e,scale:n,layout:o,messages:s}=this;return c(t,h.menuActions)?a("calcite-action-menu",{expanded:i,flipPlacements:["left","right"],label:s.more,onCalciteActionMenuOpen:this.setMenuOpen,open:e,placement:"horizontal"===o?"bottom-start":"leading-start",scale:n},a("calcite-action",{icon:f.menu,scale:n,slot:u.trigger,text:s.more,textEnabled:i}),a("slot",{name:h.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 e(this)}static get watchers(){return{expanded:["expandedHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};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-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-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}: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:600}: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{g as calcite_action_group}