@esri/calcite-components 1.0.0-next.712 → 1.0.0-next.714

package/dist/esm/loader.js

@@ -1,11 +1,11 @@
 /*!
  * 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.0-next.712
+ * v1.0.0-next.714
  */
-import { p as promiseResolve, b as bootstrapLazy } from './index-cd595ef3.js';
-import { g as globalScripts } from './app-globals-892dad3f.js';
-import './resources-043d31a4.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-b051e723.js';
+import { g as globalScripts } from './app-globals-248de36e.js';
+import './resources-a0b06282.js';
 
 /*
  Stencil Client Patch Esm v2.20.0 | MIT Licensed | https://stenciljs.com

package/dist/esm/{locale-826d3978.js → locale-dd42fc38.js}

@@ -1,11 +1,11 @@
 /*!
  * 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.0-next.712
+ * v1.0.0-next.714
  */
-import { n as numberKeys } from './key-a41393d8.js';
-import { c as createObserver } from './observers-ed7ba519.js';
-import { c as closestElementCrossShadowBoundary, a as containsCrossShadowBoundary } from './dom-37e96644.js';
+import { n as numberKeys } from './key-1566f467.js';
+import { c as createObserver } from './observers-55c56d4e.js';
+import { c as closestElementCrossShadowBoundary, a as containsCrossShadowBoundary } from './dom-c77c0738.js';
 
 const defaultMinusSignRegex = new RegExp("-", "g");
 const unnecessaryDecimalRegex = new RegExp("\\.?0+$");

package/dist/esm/{math-3abe9b59.js → math-f512486a.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.0-next.712
+ * v1.0.0-next.714
  */
 const clamp = (value, min, max) => Math.max(min, Math.min(value, max));
 const decimalPlaces = (value) => {

package/dist/esm/{nonChromiumPlatformUtils-8dae6162.js → nonChromiumPlatformUtils-55e023fe.js}

@@ -1,13 +1,13 @@
 /*!
  * 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.0-next.712
+ * v1.0.0-next.714
  */
-import { e as rectToClientRect } from './floating-ui-2333b1c9.js';
-import './dom-37e96644.js';
-import './resources-043d31a4.js';
-import './guid-6aca7a2a.js';
-import './debounce-d76804f4.js';
+import { e as rectToClientRect } from './floating-ui-e29c63b8.js';
+import './dom-c77c0738.js';
+import './resources-a0b06282.js';
+import './guid-e634762a.js';
+import './debounce-3478595c.js';
 
 /**
  * This module provides utils to fix positioning across shadow DOM in non-Chromium browsers

package/dist/esm/{observers-ed7ba519.js → observers-55c56d4e.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.0-next.712
+ * v1.0.0-next.714
  */
 /**
  * This utility ensures observers are created only for browser contexts.

package/dist/esm/{openCloseComponent-bfcce235.js → openCloseComponent-c9a99382.js}

@@ -1,9 +1,9 @@
 /*!
  * 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.0-next.712
+ * v1.0.0-next.714
  */
-import { e as readTask } from './index-cd595ef3.js';
+import { e as readTask } from './index-b051e723.js';
 
 const componentToTransitionListeners = new WeakMap();
 function transitionStart(event) {

package/dist/esm/{resources-2d3a4960.js → resources-060e40be.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.0-next.712
+ * v1.0.0-next.714
  */
 const CSS = {
   menu: "menu",

package/dist/esm/{resources-e42956c8.js → resources-08c7516c.js}

@@ -1,12 +1,12 @@
 /*!
  * 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.0-next.712
+ * v1.0.0-next.714
  */
-import { f as focusElement, g as getSlotted, t as toAriaBoolean } from './dom-37e96644.js';
-import { g as getRoundRobinIndex } from './array-96b4087b.js';
-import { d as debounce } from './debounce-d76804f4.js';
-import { h, H as Host } from './index-cd595ef3.js';
+import { f as focusElement, g as getSlotted, t as toAriaBoolean } from './dom-c77c0738.js';
+import { g as getRoundRobinIndex } from './array-7e26ba26.js';
+import { d as debounce } from './debounce-3478595c.js';
+import { h, H as Host } from './index-b051e723.js';
 
 const CSS$2 = {
   heading: "heading",

package/dist/esm/{resources-651a7c0d.js → resources-95b1eb63.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.0-next.712
+ * v1.0.0-next.714
  */
 const SLOTS = {
   menuActions: "menu-actions",

package/dist/esm/resources-a0b06282.js

@@ -0,0 +1,16 @@
+/*!
+ * 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.0-next.714
+ */
+const autoMode = "calcite-mode-auto";
+const darkMode = "calcite-mode-dark";
+const lightMode = "calcite-mode-light";
+const CSS_UTILITY = {
+  autoMode,
+  darkMode,
+  lightMode,
+  rtl: "calcite--rtl"
+};
+
+export { CSS_UTILITY as C, autoMode as a, darkMode as d };

package/dist/esm/{resources-0f04cce2.js → resources-d06fbeeb.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.0-next.712
+ * v1.0.0-next.714
  */
 var KindIcons;
 (function (KindIcons) {

package/dist/esm/{resources-2c38e806.js → resources-eb4d2909.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.0-next.712
+ * v1.0.0-next.714
  */
 const CSS = {
   backButton: "back-button",

package/dist/esm/{sortable.esm-8e4b5659.js → sortable.esm-6d64f408.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.0-next.712
+ * v1.0.0-next.714
  */
 /**!
  * Sortable 1.15.0

package/dist/esm/{t9n-dac31ad1.js → t9n-5719aea4.js}

@@ -1,10 +1,10 @@
 /*!
  * 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.0-next.712
+ * v1.0.0-next.714
  */
-import { a as getAssetPath } from './index-cd595ef3.js';
-import { g as getSupportedLocale } from './locale-826d3978.js';
+import { a as getAssetPath } from './index-b051e723.js';
+import { g as getSupportedLocale } from './locale-dd42fc38.js';
 
 const componentLangToMessageBundleCache = {};
 async function getMessageBundle(lang, component) {

package/dist/esm/{utils-b6eb41b4.js → utils-a13b5317.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.0-next.712
+ * v1.0.0-next.714
  */
 function rgbToHex(color) {
   const { r, g, b } = color;

package/dist/esm/{utils-5548444f.js → utils-b35a08cf.js}

@@ -1,10 +1,10 @@
 /*!
  * 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.0-next.712
+ * v1.0.0-next.714
  */
-import { a as getAssetPath } from './index-cd595ef3.js';
-import { n as numberStringFormatter, g as getSupportedLocale } from './locale-826d3978.js';
+import { a as getAssetPath } from './index-b051e723.js';
+import { n as numberStringFormatter, g as getSupportedLocale } from './locale-dd42fc38.js';
 
 /**
  * Check if date is within a min and max

package/dist/extras/docs-json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-01-06T17:13:01",
+  "timestamp": "2023-01-07T00:16:31",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.20.0",

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

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.0-next.712
+ * v1.0.0-next.714
  */
 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.0-next.712
+ * v1.0.0-next.714
  */
 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.0-next.712
+ * v1.0.0-next.714
  */
 (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/interfaces.d.ts

@@ -5,10 +5,10 @@ export declare type FlipContext = "both" | "start" | "end";
 export declare type Kind = "brand" | "danger" | "info" | "inverse" | "neutral" | "warning" | "success";
 export declare type Layout = "horizontal" | "vertical" | "grid";
 export declare type LogicalFlowPosition = "inline-start" | "inline-end" | "block-start" | "block-end";
+export declare type ModeClass = "calcite-mode-light" | "calcite-mode-dark" | "calcite-mode-auto";
+export declare type ModeName = "light" | "dark" | "auto";
 export declare type Position = "start" | "end";
 export declare type SelectionMode = "single" | "none" | "children" | "single-persist" | "multichildren" | "ancestors" | "multiple";
 export declare type Scale = "s" | "m" | "l";
 export declare type Status = "invalid" | "valid" | "idle";
-export declare type ThemeClass = "calcite-theme-light" | "calcite-theme-dark" | "calcite-theme-auto";
-export declare type ThemeName = "light" | "dark" | "auto";
 export declare type Width = "auto" | "half" | "full";

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

@@ -12,7 +12,7 @@ export declare const tabbableOptions: {
 export declare function ensureId(el: Element): string;
 export declare function nodeListToArray<T extends Element>(nodeList: HTMLCollectionOf<T> | NodeListOf<T> | T[]): T[];
 export declare type Direction = "ltr" | "rtl";
-export declare function getThemeName(el: HTMLElement): "light" | "dark";
+export declare function getModeName(el: HTMLElement): "light" | "dark";
 export declare function getElementDir(el: HTMLElement): Direction;
 export declare function getElementProp(el: Element, prop: string, fallbackValue: any): any;
 export declare function getRootNode(el: Element): Document | ShadowRoot;

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

@@ -0,0 +1,4 @@
+/**
+ * Emits when the mode is dynamically toggled between light and dark on <body> or in OS preferences.
+ */
+export declare function initModeChangeEvent(): void;

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

@@ -1,15 +1,15 @@
-import { ThemeClass, ThemeName } from "../components/interfaces";
-export declare const autoTheme = "calcite-theme-auto";
-export declare const darkTheme = "calcite-theme-dark";
-interface Theme {
-  name: ThemeName;
-  className: ThemeClass;
+import { ModeClass, ModeName } from "../components/interfaces";
+export declare const autoMode = "calcite-mode-auto";
+export declare const darkMode = "calcite-mode-dark";
+interface Mode {
+  name: ModeName;
+  className: ModeClass;
 }
-export declare const THEMES: Theme[];
+export declare const MODES: Mode[];
 export declare const CSS_UTILITY: {
-  autoTheme: string;
-  darkTheme: string;
-  lightTheme: string;
+  autoMode: string;
+  darkMode: string;
+  lightMode: string;
   rtl: string;
 };
 export declare const TEXT: {

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.0-next.712
+ * v1.0.0-next.714
  */
 'use strict';
 
@@ -4950,37 +4950,37 @@ function hydrateFactory($stencilWindow, $stencilHydrateOpts, $stencilHydrateResu
 const NAMESPACE = 'calcite';
 const BUILD = /* calcite */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: true, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: false, cssAnnotations: true, cssVarShim: false, devTools: false, disconnectedCallback: true, dynamicImportShim: false, element: false, event: true, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: true, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, safari10: false, scoped: false, scriptDataOpts: false, shadowDelegatesFocus: true, shadowDom: true, shadowDomShim: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
 
-const autoTheme = "calcite-theme-auto";
-const darkTheme = "calcite-theme-dark";
-const lightTheme = "calcite-theme-light";
+const autoMode = "calcite-mode-auto";
+const darkMode = "calcite-mode-dark";
+const lightMode = "calcite-mode-light";
 const CSS_UTILITY = {
-  autoTheme,
-  darkTheme,
-  lightTheme,
+  autoMode,
+  darkMode,
+  lightMode,
   rtl: "calcite--rtl"
 };
 
 /**
- * Emits when the theme is dynamically toggled between light and dark on <body> or in OS preferences.
+ * Emits when the mode is dynamically toggled between light and dark on <body> or in OS preferences.
  */
-function initThemeChangeEvent() {
+function initModeChangeEvent() {
   const { classList } = document.body;
   const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
-  const getTheme = () => classList.contains(darkTheme) || (classList.contains(autoTheme) && prefersDark) ? "dark" : "light";
-  const emitThemeChange = (theme) => document.body.dispatchEvent(new CustomEvent("calciteThemeChange", { bubbles: true, detail: { theme } }));
-  const themeChangeHandler = (newTheme) => {
-    currentTheme !== newTheme && emitThemeChange(newTheme);
-    currentTheme = newTheme;
+  const getMode = () => classList.contains(darkMode) || (classList.contains(autoMode) && prefersDark) ? "dark" : "light";
+  const emitModeChange = (mode) => document.body.dispatchEvent(new CustomEvent("calciteModeChange", { bubbles: true, detail: { mode } }));
+  const modeChangeHandler = (newMode) => {
+    currentMode !== newMode && emitModeChange(newMode);
+    currentMode = newMode;
   };
-  let currentTheme = getTheme();
+  let currentMode = getMode();
   // emits event on page load
-  emitThemeChange(currentTheme);
-  // emits event when changing OS theme preferences
+  emitModeChange(currentMode);
+  // emits event when changing OS mode preferences
   window
     .matchMedia("(prefers-color-scheme: dark)")
-    .addEventListener("change", (event) => themeChangeHandler(event.matches ? "dark" : "light"));
-  // emits event when toggling between theme classes on <body>
-  new MutationObserver(() => themeChangeHandler(getTheme())).observe(document.body, {
+    .addEventListener("change", (event) => modeChangeHandler(event.matches ? "dark" : "light"));
+  // emits event when toggling between mode classes on <body>
+  new MutationObserver(() => modeChangeHandler(getMode())).observe(document.body, {
     attributes: true,
     attributeFilter: ["class"]
   });
@@ -4999,10 +4999,10 @@ function appGlobalScript () {
     window.document === document;
   if (isBrowser) {
     if (document.readyState === "interactive") {
-      initThemeChangeEvent();
+      initModeChangeEvent();
     }
     else {
-      document.addEventListener("DOMContentLoaded", () => initThemeChangeEvent(), { once: true });
+      document.addEventListener("DOMContentLoaded", () => initModeChangeEvent(), { once: true });
     }
   }
 }
@@ -6413,9 +6413,9 @@ function ensureId(el) {
 function nodeListToArray(nodeList) {
   return Array.isArray(nodeList) ? nodeList : Array.from(nodeList);
 }
-function getThemeName(el) {
-  const closestElWithTheme = closestElementCrossShadowBoundary(el, `.${CSS_UTILITY.darkTheme}, .${CSS_UTILITY.lightTheme}`);
-  return closestElWithTheme?.classList.contains("calcite-theme-dark") ? "dark" : "light";
+function getModeName(el) {
+  const closestElWithMode = closestElementCrossShadowBoundary(el, `.${CSS_UTILITY.darkMode}, .${CSS_UTILITY.lightMode}`);
+  return closestElWithMode?.classList.contains("calcite-mode-dark") ? "dark" : "light";
 }
 function getElementDir(el) {
   const prop = "dir";
@@ -10327,7 +10327,7 @@ class Avatar {
    */
   generateFillColor() {
     const { userId, username, fullName, el } = this;
-    const theme = getThemeName(el);
+    const theme = getModeName(el);
     const id = userId && `#${userId.substr(userId.length - 6)}`;
     const name = username || fullName || "";
     const hex = id && isValidHex(id) ? id : stringToHex(name);
@@ -14843,7 +14843,7 @@ class ColorPickerSwatch {
     const { active, el, internalColor } = this;
     const borderRadius = active ? "100%" : "0";
     const hex = internalColor.hex();
-    const theme = getThemeName(el);
+    const theme = getModeName(el);
     const borderColor = theme === "light" ? COLORS.borderLight : COLORS.borderDark;
     return (hAsync("svg", { class: CSS$J.swatch, xmlns: "http://www.w3.org/2000/svg" }, hAsync("title", null, hex), hAsync("rect", { fill: hex, height: "100%", id: "swatch", rx: borderRadius, stroke: borderColor, "stroke-width": "2", style: { "clip-path": `inset(0 round ${borderRadius})` }, width: "100%" })));
   }
@@ -20960,7 +20960,7 @@ class Input {
       }
       const inputMax = this.maxString ? parseFloat(this.maxString) : null;
       const inputMin = this.minString ? parseFloat(this.minString) : null;
-      const valueNudgeDelayInMs = 100;
+      const valueNudgeDelayInMs = 150;
       this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent);
       if (this.nudgeNumberValueIntervalId) {
         window.clearInterval(this.nudgeNumberValueIntervalId);
@@ -22242,7 +22242,7 @@ class InputNumber {
       }
       const inputMax = this.maxString ? parseFloat(this.maxString) : null;
       const inputMin = this.minString ? parseFloat(this.minString) : null;
-      const valueNudgeDelayInMs = 100;
+      const valueNudgeDelayInMs = 150;
       this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent);
       if (this.nudgeNumberValueIntervalId) {
         window.clearInterval(this.nudgeNumberValueIntervalId);

package/package.json

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

package/readme.md

@@ -6,7 +6,7 @@
 
 # Calcite Components
 
-Calcite Components, part of Esri's Calcite Design System, is a rich library of flexible, framework-agnostic web components for building applications. View the [documentation](https://developers.arcgis.com/calcite-design-system/components/) for component descriptions, examples, and API reference, which includes properties, slots, styles, and themes.
+Calcite Components, part of Esri's Calcite Design System, is a rich library of flexible, framework-agnostic web components for building applications. View the [documentation](https://developers.arcgis.com/calcite-design-system/components/) for component descriptions, examples, and API reference, which includes properties, slots, styles, and theming.
 
 ## Use the CDN
 

package/dist/calcite/p-08cf47c5.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.0-next.712
- */
-const e="calcite-theme-auto",t="calcite-theme-dark",a={autoTheme:"calcite-theme-auto",darkTheme:"calcite-theme-dark",lightTheme:"calcite-theme-light",rtl:"calcite--rtl"};export{a as C,e as a,t as d}

package/dist/calcite/p-31aff083.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.0-next.712
- */
-import{r as i,c as t,h as a,F as e,g as n}from"./p-725f6850.js";import{u as s}from"./p-cb2bb973.js";import{f as c}from"./p-a1b2b027.js";import{c as o,d as r}from"./p-ec0cc063.js";import{u as l,s as d,c as m,d as h}from"./p-530524f5.js";import{s as p,a as u,c as f}from"./p-047faabc.js";import{d as g}from"./p-98c2057c.js";import"./p-3907c132.js";import"./p-4793f1c4.js";import"./p-28142ad7.js";import"./p-08cf47c5.js";import"./p-fb95eda3.js";const b=class{constructor(a){i(this,a),this.calciteFilterChange=t(this,"calciteFilterChange",6),this.filter=g(((i,t=!1)=>this.updateFiltered(c(this.items,i),t)),250),this.inputHandler=i=>{const t=i.target;this.value=t.value,this.filter(t.value,!0)},this.keyDownHandler=i=>{"Escape"===i.key&&(this.clear(),i.preventDefault()),"Enter"===i.key&&i.preventDefault()},this.clear=()=>{this.value="",this.filter("",!0),this.setFocus()},this.items=[],this.disabled=!1,this.filteredItems=[],this.placeholder=void 0,this.scale="m",this.value="",this.messages=void 0,this.messageOverrides=void 0,this.effectiveLocale=void 0,this.defaultMessages=void 0}watchItemsHandler(){this.filter(this.value)}onMessagesChange(){}valueHandler(i){this.filter(i)}effectiveLocaleChange(){l(this,this.effectiveLocale)}async componentWillLoad(){p(this),this.updateFiltered(c(this.items,this.value)),this.filter(this.value),await d(this)}connectedCallback(){o(this),m(this)}componentDidRender(){s(this)}disconnectedCallback(){r(this),h(this)}componentDidLoad(){u(this)}async setFocus(){await f(this),this.el?.focus()}updateFiltered(i,t=!1){this.filteredItems.length=0,this.filteredItems=this.filteredItems.concat(i),t&&this.calciteFilterChange.emit()}render(){const{disabled:i,scale:t}=this;return a(e,null,a("div",{class:"container"},a("label",null,a("calcite-input",{"aria-label":this.messages.label,clearable:!0,disabled:i,icon:"search",messageOverrides:{clear:this.messages.clear},onCalciteInputInput:this.inputHandler,onKeyDown:this.keyDownHandler,placeholder:this.placeholder,ref:i=>{this.textInput=i},scale:t,type:"text",value:this.value}))))}static get delegatesFocus(){return!0}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{items:["watchItemsHandler"],messageOverrides:["onMessagesChange"],value:["valueHandler"],effectiveLocale:["effectiveLocaleChange"]}}};b.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-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([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:flex;inline-size:100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.container{display:flex;inline-size:100%;padding:0.5rem}label{position:relative;margin-inline:0.25rem;margin-block:0px;display:flex;inline-size:100%;align-items:center;overflow:hidden}input[type=text]{margin-block-end:0.25rem;inline-size:100%;border-style:none;background-color:transparent;padding-block:0.25rem;font-family:inherit;font-size:var(--calcite-font-size--2);line-height:1rem;color:var(--calcite-ui-text-1);padding-inline-end:0.25rem;padding-inline-start:1.5rem;transition:padding var(--calcite-animation-timing), box-shadow var(--calcite-animation-timing)}input[type=text]::-ms-clear{display:none}calcite-input{inline-size:100%}.search-icon{position:absolute;display:flex;color:var(--calcite-ui-text-2);inset-inline-start:0;transition:inset-inline-start var(--calcite-animation-timing), inset-inline-end var(--calcite-animation-timing), opacity var(--calcite-animation-timing)}input[type=text]:focus{border-color:var(--calcite-ui-brand);outline:2px solid transparent;outline-offset:2px;padding-inline:0.25rem}input[type=text]:focus~.search-icon{inset-inline-start:calc(1rem * -1);opacity:0}.clear-button{display:flex;cursor:pointer;align-items:center;border-width:0px;background-color:transparent;color:var(--calcite-ui-text-2)}.clear-button:hover,.clear-button:focus{color:var(--calcite-ui-text-1)}";export{b as calcite_filter}

package/dist/calcite/p-530524f5.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.0-next.712
- */
-import{a as n}from"./p-725f6850.js";import{g as t}from"./p-ec0cc063.js";const c={};function s(){throw new Error("could not fetch component message bundle")}function o(n){n.messages={...n.defaultMessages,...n.messageOverrides}}async function a(n){n.defaultMessages=await e(n,n.effectiveLocale),o(n)}async function e(o,a){const{el:e}=o,i=e.tagName.toLowerCase().replace("calcite-","");return async function(t,o){const a=`${o}_${t}`;return c[a]||(c[a]=fetch(n(`./assets/${o}/t9n/messages_${t}.json`)).then((n=>(n.ok||s(),n.json()))).catch((()=>s()))),c[a]}(t(a,"t9n"),i)}async function i(n,t){n.defaultMessages=await e(n,t),o(n)}function f(n){n.onMessagesChange=r}function u(n){n.onMessagesChange=void 0}function r(){o(this)}export{f as c,u as d,a as s,i as u}

package/dist/calcite/p-595d6310.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.0-next.712
- */
-import{d as e,a as t}from"./p-08cf47c5.js";function n(){const{classList:n}=document.body,o=window.matchMedia("(prefers-color-scheme: dark)").matches,c=()=>n.contains(e)||n.contains(t)&&o?"dark":"light",d=e=>document.body.dispatchEvent(new CustomEvent("calciteThemeChange",{bubbles:!0,detail:{theme:e}})),i=e=>{a!==e&&d(e),a=e};let a=c();d(a),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",(e=>i(e.matches?"dark":"light"))),new MutationObserver((()=>i(c()))).observe(document.body,{attributes:!0,attributeFilter:["class"]})}const o=function(){"undefined"!=typeof window&&"undefined"!=typeof location&&"undefined"!=typeof document&&window.location===location&&window.document===document&&("interactive"===document.readyState?n():document.addEventListener("DOMContentLoaded",(()=>n()),{once:!0}))};export{o as g}

package/dist/calcite/p-b4f33750.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.0-next.712
- */
-import{h as t}from"./p-725f6850.js";function r(t){return Math.min(Math.max(Math.ceil(t),1),6)}const e=(r,e)=>{const n=r.level?`h${r.level}`:"div";return delete r.level,t(n,{...r},e)};export{e as H,r as c}

package/dist/calcite/p-d656b567.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.0-next.712
- */
-import{h as i,r as t,c as s,H as a,g as e}from"./p-725f6850.js";import{g as n}from"./p-fb95eda3.js";import{c as o,d as c}from"./p-d41dd7d8.js";import{c as r,d as l,H as h}from"./p-9176fc84.js";import{u as d}from"./p-cb2bb973.js";import{c as m,d as p}from"./p-ec0cc063.js";import{u,c as f,s as v,d as g}from"./p-530524f5.js";import{s as b,a as y,c as w}from"./p-047faabc.js";import"./p-28142ad7.js";import"./p-08cf47c5.js";import"./p-3907c132.js";import"./p-4793f1c4.js";const k=({full:t,scale:s,partial:a})=>i("calcite-icon",{class:a?void 0:"icon",icon:t?"star-f":"star",scale:s}),x=class{constructor(i){t(this,i),this.calciteRatingChange=s(this,"calciteRatingChange",6),this.handleRatingPointerOver=()=>{this.isKeyboardInteraction=!1},this.handleRatingPointerOut=()=>{this.isKeyboardInteraction=!0,this.hoverValue=null,this.focusValue=null,this.hasFocus=!1},this.handleRatingFocusIn=()=>{const i=this.inputRefs[this.value>0?this.value-1:0],t=Number(i.value);i.select(),this.focusValue=t,this.hoverValue=t,this.hasFocus=!0},this.handleRatingFocusLeave=()=>{this.focusValue=null,this.hoverValue=null,this.hasFocus=!1},this.handleHostKeyDown=()=>{this.isKeyboardInteraction=!0},this.handleInputKeyDown=i=>{const t=Number(i.currentTarget.value),s=i.key,a=" "==s?void 0:Number(s);if(this.emit=!0,isNaN(a))switch(s){case"Enter":case" ":this.value=this.required||this.value!==t?t:0;break;case"ArrowLeft":this.value=t-1;break;case"ArrowRight":this.value=t+1;break;case"Tab":this.hasFocus&&(this.hasFocus=!1,this.focusValue=null,this.hoverValue=null)}else(!this.required&&a>=0&&a<=this.max||this.required&&a>0&&a<=this.max)&&(this.value=a)},this.handleInputChange=i=>{if(!0===this.isKeyboardInteraction){const t=Number(i.target.value);this.focusValue=t,this.hoverValue=t,this.value=t}},this.handleLabelPointerOver=i=>{const t=Number(i.currentTarget.firstChild.value||0);this.hoverValue=t,this.focusValue=null},this.handleLabelPointerDown=i=>{const t=Number(i.currentTarget.firstChild.value||0);this.focusValue=null,this.hoverValue=null,this.emit=!0,this.value=this.required||this.value!==t?t:0},this.emit=!1,this.guid=`calcite-ratings-${n()}`,this.isKeyboardInteraction=!0,this.max=5,this.average=void 0,this.count=void 0,this.disabled=!1,this.messages=void 0,this.messageOverrides=void 0,this.name=void 0,this.readOnly=!1,this.required=!1,this.scale="m",this.showChip=!1,this.value=0,this.effectiveLocale="",this.defaultMessages=void 0,this.hoverValue=void 0,this.focusValue=void 0,this.hasFocus=void 0}onMessagesChange(){}handleValueUpdate(i){this.hoverValue=i,this.focusValue=i,this.emit&&this.calciteRatingChange.emit(),this.emit=!1}effectiveLocaleChange(){u(this,this.effectiveLocale)}connectedCallback(){m(this),f(this),o(this),r(this)}async componentWillLoad(){await v(this),b(this),this.inputRefs=Array(this.max)}componentWillRender(){this.starsMap=Array.from({length:this.max},((i,t)=>{const s=t+1,a=this.average&&this.average+1-s,e=s<=this.hoverValue;return{average:!this.focusValue&&!this.hoverValue&&this.average&&!this.value&&s<=this.average,checked:s===this.value,focused:this.isKeyboardInteraction&&this.hasFocus&&this.focusValue===s,fraction:a,hovered:e,id:`${this.guid}-${s}`,idx:t,partial:!this.focusValue&&!this.hoverValue&&!this.value&&!e&&a>0&&a<1,selected:this.value>=s,value:s}}))}componentDidLoad(){y(this)}disconnectedCallback(){p(this),g(this),c(this),l(this)}componentDidRender(){d(this)}render(){return i(a,{onBlur:this.handleRatingFocusLeave,onFocus:this.handleRatingFocusIn,onKeyDown:this.handleHostKeyDown,onPointerOut:this.handleRatingPointerOut,onPointerOver:this.handleRatingPointerOver},i("span",{class:"wrapper"},i("fieldset",{class:"fieldset",disabled:this.disabled},i("legend",{class:"visually-hidden"},this.messages.rating),this.starsMap.map((({average:t,checked:s,focused:a,fraction:e,hovered:n,id:o,idx:c,partial:r,selected:l,value:h})=>i("label",{class:{star:!0,focused:a,selected:l,hovered:n,average:t,partial:r},htmlFor:o,onPointerDown:this.handleLabelPointerDown,onPointerOver:this.handleLabelPointerOver},i("input",{checked:s,class:"visually-hidden",disabled:this.disabled||this.readOnly,id:o,name:this.guid,onChange:this.handleInputChange,onKeyDown:this.handleInputKeyDown,ref:i=>(this.inputRefs[c]=i,(1===h||h===this.value)&&(this.inputFocusRef=i)),type:"radio",value:h}),i(k,{full:l||t,scale:this.scale}),r&&i("div",{class:"fraction",style:{width:100*e+"%"}},i(k,{full:!0,partial:!0,scale:this.scale})),i("span",{class:"visually-hidden"},this.messages.stars.replace("${num}",`${h}`))))),(this.count||this.average)&&this.showChip?i("calcite-chip",{scale:this.scale,value:this.count?.toString()},!!this.average&&i("span",{class:"number--average"},this.average.toString()),!!this.count&&i("span",{class:"number--count"},"(",this.count?.toString(),")")):null),i(h,{component:this})))}onLabelClick(){this.setFocus()}async setFocus(){await w(this),this.inputFocusRef?.focus()}static get assetsDirs(){return["assets"]}get el(){return e(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],value:["handleValueUpdate"],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-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{position:relative;display:flex;align-items:center;inline-size:-moz-fit-content;inline-size:fit-content}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([scale=s]){block-size:1.5rem;--calcite-rating-spacing-unit:0.25rem}:host([scale=m]){block-size:2rem;--calcite-rating-spacing-unit:0.5rem}:host([scale=l]){block-size:2.75rem;--calcite-rating-spacing-unit:0.75rem}:host([read-only]){pointer-events:none}.fieldset{margin:0;display:flex;border-width:0;padding:0;align-items:center;gap:var(--calcite-rating-spacing-unit)}.wrapper{display:inline-block}.star{transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;position:relative;display:flex;flex-direction:column;cursor:pointer;color:var(--calcite-ui-border-input)}.focused{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.average,.fraction{color:var(--calcite-ui-warning)}.hovered,.selected{color:var(--calcite-ui-brand)}.fraction{transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;position:absolute;pointer-events:none;inset-block-start:0;overflow:hidden;inset-inline-start:0}calcite-chip{pointer-events:none;cursor:default}.number--average{font-weight:bold}.number--count{color:var(--calcite-ui-text-2);font-style:italic}.number--count:not(:first-child){margin-inline-start:var(--calcite-rating-spacing-unit)}.visually-hidden{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}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";export{x as calcite_rating}

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

package/dist/cjs/app-globals-e2763821.js

@@ -1,59 +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.0-next.712
- */
-'use strict';
-
-const resources = require('./resources-b443e75e.js');
-
-/**
- * Emits when the theme is dynamically toggled between light and dark on <body> or in OS preferences.
- */
-function initThemeChangeEvent() {
-  const { classList } = document.body;
-  const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
-  const getTheme = () => classList.contains(resources.darkTheme) || (classList.contains(resources.autoTheme) && prefersDark) ? "dark" : "light";
-  const emitThemeChange = (theme) => document.body.dispatchEvent(new CustomEvent("calciteThemeChange", { bubbles: true, detail: { theme } }));
-  const themeChangeHandler = (newTheme) => {
-    currentTheme !== newTheme && emitThemeChange(newTheme);
-    currentTheme = newTheme;
-  };
-  let currentTheme = getTheme();
-  // emits event on page load
-  emitThemeChange(currentTheme);
-  // emits event when changing OS theme preferences
-  window
-    .matchMedia("(prefers-color-scheme: dark)")
-    .addEventListener("change", (event) => themeChangeHandler(event.matches ? "dark" : "light"));
-  // emits event when toggling between theme classes on <body>
-  new MutationObserver(() => themeChangeHandler(getTheme())).observe(document.body, {
-    attributes: true,
-    attributeFilter: ["class"]
-  });
-}
-
-/**
- * This file is imported in Stencil's `globalScript` config option.
- *
- * @see {@link https://stenciljs.com/docs/config#globalscript}
- */
-function appGlobalScript () {
-  const isBrowser = typeof window !== "undefined" &&
-    typeof location !== "undefined" &&
-    typeof document !== "undefined" &&
-    window.location === location &&
-    window.document === document;
-  if (isBrowser) {
-    if (document.readyState === "interactive") {
-      initThemeChangeEvent();
-    }
-    else {
-      document.addEventListener("DOMContentLoaded", () => initThemeChangeEvent(), { once: true });
-    }
-  }
-}
-
-const globalScripts = appGlobalScript;
-
-exports.globalScripts = globalScripts;