@esri/calcite-components 1.0.4 → 1.0.5

package/dist/esm/{observers-d9b3da2d.js → observers-00d4b3c1.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
+ * v1.0.5
  */
 /**
  * This utility ensures observers are created only for browser contexts.

package/dist/esm/{openCloseComponent-39f597f6.js → openCloseComponent-046db433.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.4
+ * v1.0.5
  */
-import { e as readTask } from './index-430acda0.js';
+import { e as readTask } from './index-6df1a003.js';
 
 const componentToTransitionListeners = new WeakMap();
 function transitionStart(event) {

package/dist/esm/{resources-6dbb7eaf.js → resources-07cc6c7e.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
+ * v1.0.5
  */
 const CSS = {
   menu: "menu",

package/dist/esm/{resources-67e5a2e5.js → resources-2351fc61.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
+ * v1.0.5
  */
 const SLOTS = {
   menuActions: "menu-actions",

package/dist/esm/{resources-6338e78a.js → resources-479c9de6.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
+ * v1.0.5
  */
 var KindIcons;
 (function (KindIcons) {

package/dist/esm/{resources-d4232b8c.js → resources-6afda6e3.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.4
+ * v1.0.5
  */
-import { g as getRoundRobinIndex } from './array-0a606594.js';
-import { f as focusElement, g as getSlotted, t as toAriaBoolean } from './dom-9fc20c1d.js';
-import { d as debounce } from './debounce-350d897d.js';
-import { h, H as Host } from './index-430acda0.js';
+import { g as getRoundRobinIndex } from './array-84049388.js';
+import { f as focusElement, g as getSlotted, t as toAriaBoolean } from './dom-35f65346.js';
+import { d as debounce } from './debounce-5a54b911.js';
+import { h, H as Host } from './index-6df1a003.js';
 
 const CSS$2 = {
   heading: "heading",

package/dist/esm/{resources-8daed401.js → resources-811020f4.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
+ * v1.0.5
  */
 const autoMode = "calcite-mode-auto";
 const darkMode = "calcite-mode-dark";

package/dist/esm/{resources-0cdcdc6e.js → resources-a8d10e73.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
+ * v1.0.5
  */
 const CSS = {
   backButton: "back-button",

package/dist/esm/{sortable.esm-dd4538dd.js → sortable.esm-103a508e.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
+ * v1.0.5
  */
 /**!
  * Sortable 1.15.0

package/dist/esm/{t9n-91a02ae8.js → t9n-4fb175ad.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.4
+ * v1.0.5
  */
-import { a as getAssetPath } from './index-430acda0.js';
-import { g as getSupportedLocale } from './locale-7851cd24.js';
+import { a as getAssetPath } from './index-6df1a003.js';
+import { g as getSupportedLocale } from './locale-8308874a.js';
 
 const componentLangToMessageBundleCache = {};
 async function getMessageBundle(lang, component) {

package/dist/esm/{utils-279a1af3.js → utils-a833d674.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.4
+ * v1.0.5
  */
-import { a as getAssetPath } from './index-430acda0.js';
-import { n as numberStringFormatter, g as getSupportedLocale } from './locale-7851cd24.js';
+import { a as getAssetPath } from './index-6df1a003.js';
+import { n as numberStringFormatter, g as getSupportedLocale } from './locale-8308874a.js';
 
 /**
  * Check if date is within a min and max

package/dist/esm/{utils-91319e65.js → utils-ba02f410.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
+ * v1.0.5
  */
 function rgbToHex(color) {
   const { r, g, b } = color;

package/dist/extras/docs-json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-02-08T04:49:05",
+  "timestamp": "2023-02-09T04:27:56",
   "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.4
+ * v1.0.5
  */
 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.4
+ * v1.0.5
  */
 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
+ * v1.0.5
  */
 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
+ * v1.0.5
  */
 (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/input/input.d.ts

@@ -277,6 +277,7 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
   private setDisabledAction;
   private setInputValue;
   private setPreviousEmittedValue;
+  private normalizeValue;
   private setPreviousValue;
   private setValue;
   private inputKeyUpHandler;

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

@@ -179,7 +179,7 @@ export declare class InputNumber implements LabelableComponent, FormComponent, I
   get isClearable(): boolean;
   private minString?;
   private maxString?;
-  private previousEmittedValue;
+  private previousEmittedNumberValue;
   private previousValue;
   private previousValueOrigin;
   /** the computed icon to render */
@@ -238,6 +238,7 @@ export declare class InputNumber implements LabelableComponent, FormComponent, I
   private setDisabledAction;
   private setInputNumberValue;
   private setPreviousEmittedNumberValue;
+  private normalizeValue;
   private setPreviousNumberValue;
   private setNumberValue;
   private inputNumberKeyUpHandler;

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

@@ -83,6 +83,5 @@ export declare class Tooltip implements FloatingUIComponent, OpenCloseComponent
   getId: () => string;
   addReferences: () => void;
   removeReferences: () => void;
-  getReferenceElement(): ReferenceElement;
   render(): VNode;
 }

package/dist/types/components/tooltip/utils.d.ts

@@ -0,0 +1,2 @@
+import { ReferenceElement } from "../../utils/floating-ui";
+export declare function getEffectiveReferenceElement(tooltip: HTMLCalciteTooltipElement): ReferenceElement;

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
+ * v1.0.5
  */
 'use strict';
 
@@ -20847,8 +20847,8 @@ class Input {
     this.emitChangeIfUserModified = () => {
       if (this.previousValueOrigin === "user" && this.value !== this.previousEmittedValue) {
         this.calciteInputChange.emit();
+        this.setPreviousEmittedValue(this.value);
       }
-      this.previousEmittedValue = this.value;
     };
     this.inputBlurHandler = () => {
       this.calciteInternalInputBlur.emit();
@@ -21033,23 +21033,15 @@ class Input {
       }
       this[`child${this.type === "number" ? "Number" : ""}El`].value = newInputValue;
     };
-    this.setPreviousEmittedValue = (newPreviousEmittedValue) => {
-      this.previousEmittedValue =
-        this.type === "number"
-          ? isValidNumber(newPreviousEmittedValue)
-            ? newPreviousEmittedValue
-            : ""
-          : newPreviousEmittedValue;
+    this.setPreviousEmittedValue = (value) => {
+      this.previousEmittedValue = this.normalizeValue(value);
     };
-    this.setPreviousValue = (newPreviousValue) => {
-      this.previousValue =
-        this.type === "number"
-          ? isValidNumber(newPreviousValue)
-            ? newPreviousValue
-            : ""
-          : newPreviousValue;
+    this.setPreviousValue = (value) => {
+      this.previousValue = this.normalizeValue(value);
     };
     this.setValue = ({ committing = false, nativeEvent, origin, previousValue, value }) => {
+      this.setPreviousValue(previousValue ?? this.value);
+      this.previousValueOrigin = origin;
       if (this.type === "number") {
         numberStringFormatter.numberFormatOptions = {
           locale: this.effectiveLocale,
@@ -21070,20 +21062,18 @@ class Input {
           : sanitizedValue;
         const newLocalizedValue = numberStringFormatter.localize(newValue);
         this.localizedValue = newLocalizedValue;
-        this.setPreviousValue(previousValue || this.value);
-        this.previousValueOrigin = origin;
         this.userChangedValue = origin === "user" && this.value !== newValue;
         // don't sanitize the start of negative/decimal numbers, but
         // don't set value to an invalid number
         this.value = ["-", "."].includes(newValue) ? "" : newValue;
-        origin === "direct" && this.setInputValue(newLocalizedValue);
       }
       else {
-        this.setPreviousValue(previousValue || this.value);
-        this.previousValueOrigin = origin;
         this.userChangedValue = origin === "user" && this.value !== value;
         this.value = value;
-        origin === "direct" && this.setInputValue(value);
+      }
+      if (origin === "direct") {
+        this.setInputValue(value);
+        this.previousEmittedValue = value;
       }
       if (nativeEvent) {
         const calciteInputInputEvent = this.calciteInputInput.emit();
@@ -21344,6 +21334,9 @@ class Input {
       this.slottedActionElDisabledInternally = false;
     }
   }
+  normalizeValue(value) {
+    return this.type === "number" ? (isValidNumber(value) ? value : "") : value;
+  }
   warnAboutInvalidNumberValue(value) {
     if (this.type === "number" && value && !isValidNumber(value)) {
       console.warn(`The specified value "${value}" cannot be parsed, or is out of range.`);
@@ -22160,10 +22153,10 @@ class InputNumber {
       });
     };
     this.emitChangeIfUserModified = () => {
-      if (this.previousValueOrigin === "user" && this.value !== this.previousEmittedValue) {
+      if (this.previousValueOrigin === "user" && this.value !== this.previousEmittedNumberValue) {
         this.calciteInputNumberChange.emit();
+        this.setPreviousEmittedNumberValue(this.value);
       }
-      this.previousEmittedValue = this.value;
     };
     this.inputNumberBlurHandler = () => {
       this.calciteInternalInputNumberBlur.emit();
@@ -22327,13 +22320,11 @@ class InputNumber {
       }
       this.childNumberEl.value = newInputValue;
     };
-    this.setPreviousEmittedNumberValue = (newPreviousEmittedValue) => {
-      this.previousEmittedValue = isValidNumber(newPreviousEmittedValue)
-        ? newPreviousEmittedValue
-        : "";
+    this.setPreviousEmittedNumberValue = (value) => {
+      this.previousEmittedNumberValue = this.normalizeValue(value);
     };
-    this.setPreviousNumberValue = (newPreviousValue) => {
-      this.previousValue = isValidNumber(newPreviousValue) ? newPreviousValue : "";
+    this.setPreviousNumberValue = (value) => {
+      this.previousValue = this.normalizeValue(value);
     };
     this.setNumberValue = ({ committing = false, nativeEvent, origin, previousValue, value }) => {
       numberStringFormatter.numberFormatOptions = {
@@ -22353,13 +22344,16 @@ class InputNumber {
         : sanitizedValue;
       const newLocalizedValue = numberStringFormatter.localize(newValue);
       this.localizedValue = newLocalizedValue;
-      this.setPreviousNumberValue(previousValue || this.value);
+      this.setPreviousNumberValue(previousValue ?? this.value);
       this.previousValueOrigin = origin;
       this.userChangedValue = origin === "user" && this.value !== newValue;
       // don't sanitize the start of negative/decimal numbers, but
       // don't set value to an invalid number
       this.value = ["-", "."].includes(newValue) ? "" : newValue;
-      origin === "direct" && this.setInputNumberValue(newLocalizedValue);
+      if (origin === "direct") {
+        this.setInputNumberValue(newLocalizedValue);
+        this.setPreviousEmittedNumberValue(newLocalizedValue);
+      }
       if (nativeEvent) {
         const calciteInputNumberInputEvent = this.calciteInputNumberInput.emit();
         if (calciteInputNumberInputEvent.defaultPrevented) {
@@ -22576,6 +22570,9 @@ class InputNumber {
       this.slottedActionElDisabledInternally = false;
     }
   }
+  normalizeValue(value) {
+    return isValidNumber(value) ? value : "";
+  }
   warnAboutInvalidNumberValue(value) {
     if (value && !isValidNumber(value)) {
       console.warn(`The specified value "${value}" cannot be parsed, or is out of range.`);
@@ -22734,8 +22731,8 @@ class InputText {
     this.emitChangeIfUserModified = () => {
       if (this.previousValueOrigin === "user" && this.value !== this.previousEmittedValue) {
         this.calciteInputTextChange.emit();
+        this.setPreviousEmittedValue(this.value);
       }
-      this.previousEmittedValue = this.value;
     };
     this.inputTextBlurHandler = () => {
       this.calciteInternalInputTextBlur.emit({
@@ -22792,19 +22789,20 @@ class InputText {
       }
       this.childEl.value = newInputValue;
     };
-    this.setPreviousEmittedValue = (newPreviousEmittedValue) => {
-      this.previousEmittedValue = newPreviousEmittedValue;
+    this.setPreviousEmittedValue = (value) => {
+      this.previousEmittedValue = value;
     };
-    this.setPreviousValue = (newPreviousValue) => {
-      this.previousValue = newPreviousValue;
+    this.setPreviousValue = (value) => {
+      this.previousValue = value;
     };
     this.setValue = ({ committing = false, nativeEvent, origin, previousValue, value }) => {
-      this.setPreviousValue(previousValue || this.value);
+      this.setPreviousValue(previousValue ?? this.value);
       this.previousValueOrigin = origin;
       this.userChangedValue = origin === "user" && value !== this.value;
       this.value = value;
       if (origin === "direct") {
         this.setInputValue(value);
+        this.setPreviousEmittedValue(value);
       }
       if (nativeEvent) {
         const calciteInputTextInputEvent = this.calciteInputTextInput.emit();
@@ -25220,11 +25218,14 @@ function connectFocusTrap(component) {
   if (!focusTrapEl) {
     return;
   }
-  if (focusTrapEl.tabIndex == null) {
-    focusTrapEl.tabIndex = -1;
+  if (!focusTrapEl.hasAttribute("tabindex")) {
+    focusTrapEl.setAttribute("tabindex", "-1");
   }
   const focusTrapOptions = {
-    clickOutsideDeactivates: true,
+    allowOutsideClick: true,
+    clickOutsideDeactivates: (event) => {
+      return !event.composedPath().find((el) => el === focusTrapEl);
+    },
     document: focusTrapEl.ownerDocument,
     escapeDeactivates: false,
     fallbackFocus: focusTrapEl,
@@ -35937,6 +35938,12 @@ const CSS$2 = {
 const TOOLTIP_DELAY_MS = 500;
 const ARIA_DESCRIBED_BY = "aria-describedby";
 
+function getEffectiveReferenceElement(tooltip) {
+  const { referenceElement } = tooltip;
+  return ((typeof referenceElement === "string" ? queryElementRoots(tooltip, { id: referenceElement }) : referenceElement) ||
+    null);
+}
+
 class TooltipManager {
   constructor() {
     // --------------------------------------------------------------------------
@@ -35958,11 +35965,15 @@ class TooltipManager {
       return registeredElements.get(registeredElement);
     };
     this.keyDownHandler = (event) => {
-      if (event.key === "Escape") {
+      if (event.key === "Escape" && !event.defaultPrevented) {
         const { activeTooltipEl } = this;
-        if (activeTooltipEl) {
+        if (activeTooltipEl && activeTooltipEl.open) {
           this.clearHoverTimeout();
           this.toggleTooltip(activeTooltipEl, false);
+          const referenceElement = getEffectiveReferenceElement(activeTooltipEl);
+          if (referenceElement instanceof Element && referenceElement.contains(event.target)) {
+            event.preventDefault();
+          }
         }
       }
     };
@@ -36030,14 +36041,14 @@ class TooltipManager {
     }
   }
   addListeners() {
-    document.addEventListener("keydown", this.keyDownHandler);
+    document.addEventListener("keydown", this.keyDownHandler, { capture: true });
     document.addEventListener("pointermove", this.pointerMoveHandler, { capture: true });
     document.addEventListener("pointerdown", this.pointerDownHandler, { capture: true });
     document.addEventListener("focusin", this.focusInHandler, { capture: true });
     document.addEventListener("focusout", this.focusOutHandler, { capture: true });
   }
   removeListeners() {
-    document.removeEventListener("keydown", this.keyDownHandler);
+    document.removeEventListener("keydown", this.keyDownHandler, { capture: true });
     document.removeEventListener("pointermove", this.pointerMoveHandler, { capture: true });
     document.removeEventListener("pointerdown", this.pointerDownHandler, { capture: true });
     document.removeEventListener("focusin", this.focusInHandler, { capture: true });
@@ -36097,7 +36108,7 @@ class Tooltip {
     };
     this.setUpReferenceElement = (warn = true) => {
       this.removeReferences();
-      this.effectiveReferenceElement = this.getReferenceElement();
+      this.effectiveReferenceElement = getEffectiveReferenceElement(this.el);
       connectFloatingUI(this, this.effectiveReferenceElement, this.el);
       const { el, referenceElement, effectiveReferenceElement } = this;
       if (warn && referenceElement && !effectiveReferenceElement) {
@@ -36226,12 +36237,6 @@ class Tooltip {
   onClose() {
     this.calciteTooltipClose.emit();
   }
-  getReferenceElement() {
-    const { referenceElement, el } = this;
-    return ((typeof referenceElement === "string"
-      ? queryElementRoots(el, { id: referenceElement })
-      : referenceElement) || null);
-  }
   // --------------------------------------------------------------------------
   //
   //  Render Methods

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "Web Components for Esri's Calcite Design System.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -83,7 +83,7 @@
     "@babel/preset-react": "7.18.6",
     "@esri/calcite-base": "^1.2.0",
     "@esri/calcite-colors": "6.1.0",
-    "@esri/calcite-ui-icons": "3.21.0",
+    "@esri/calcite-ui-icons": "3.21.2",
     "@esri/eslint-plugin-calcite-components": "0.2.2",
     "@stencil/eslint-plugin": "0.4.0",
     "@stencil/postcss": "2.1.0",

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

package/dist/calcite/p-48f31bd5.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
- */
-import{r as t,c as i,h as e,H as s,g as a}from"./p-c527ae37.js";import{g as n,d as o,h as r,b as l}from"./p-af7d6c13.js";import{s as c,c as h,d,H as u}from"./p-eebb0919.js";import{u as p}from"./p-0f8eef85.js";import{c as m,d as b,g as f}from"./p-5937f74d.js";import{s as v,a as g,c as x}from"./p-a8c59d73.js";import{c as y,d as k}from"./p-b1650748.js";import{c as w}from"./p-cbf4983e.js";import{C as z}from"./p-b57f9718.js";import{u as I,c as C,d as j,s as D}from"./p-3459b95b.js";import"./p-cbe81774.js";import"./p-c835948c.js";const _=class{constructor(e){t(this,e),this.calciteInternalInputTextFocus=i(this,"calciteInternalInputTextFocus",7),this.calciteInternalInputTextBlur=i(this,"calciteInternalInputTextBlur",7),this.calciteInputTextInput=i(this,"calciteInputTextInput",7),this.calciteInputTextChange=i(this,"calciteInputTextChange",7),this.previousValueOrigin="initial",this.mutationObserver=w("mutation",(()=>this.setDisabledAction())),this.userChangedValue=!1,this.keyDownHandler=t=>{this.readOnly||this.disabled||(this.isClearable&&"Escape"===t.key&&(this.clearInputTextValue(t),t.preventDefault()),"Enter"!==t.key||t.defaultPrevented||c(this)&&t.preventDefault())},this.clearInputTextValue=t=>{this.setValue({committing:!0,nativeEvent:t,origin:"user",value:""})},this.emitChangeIfUserModified=()=>{"user"===this.previousValueOrigin&&this.value!==this.previousEmittedValue&&this.calciteInputTextChange.emit(),this.previousEmittedValue=this.value},this.inputTextBlurHandler=()=>{this.calciteInternalInputTextBlur.emit({element:this.childEl,value:this.value}),this.emitChangeIfUserModified()},this.clickHandler=t=>{const i=n(this.el,"action");t.target!==i&&this.setFocus()},this.inputTextFocusHandler=()=>{this.calciteInternalInputTextFocus.emit({element:this.childEl,value:this.value})},this.inputTextInputHandler=t=>{this.disabled||this.readOnly||this.setValue({nativeEvent:t,origin:"user",value:t.target.value})},this.inputTextKeyDownHandler=t=>{this.disabled||this.readOnly||"Enter"===t.key&&this.emitChangeIfUserModified()},this.hiddenInputChangeHandler=t=>{t.target.name===this.name&&this.setValue({value:t.target.value,origin:"direct"}),t.stopPropagation()},this.setChildElRef=t=>{this.childEl=t},this.setInputValue=t=>{this.childEl&&(this.childEl.value=t)},this.setPreviousEmittedValue=t=>{this.previousEmittedValue=t},this.setPreviousValue=t=>{this.previousValue=t},this.setValue=({committing:t=!1,nativeEvent:i,origin:e,previousValue:s,value:a})=>{this.setPreviousValue(s||this.value),this.previousValueOrigin=e,this.userChangedValue="user"===e&&a!==this.value,this.value=a,"direct"===e&&this.setInputValue(a),i&&(this.calciteInputTextInput.emit().defaultPrevented?this.value=this.previousValue:t&&this.emitChangeIfUserModified())},this.alignment="start",this.autofocus=!1,this.clearable=!1,this.disabled=!1,this.hidden=!1,this.icon=void 0,this.iconFlipRtl=!1,this.label=void 0,this.loading=!1,this.maxLength=void 0,this.minLength=void 0,this.name=void 0,this.placeholder=void 0,this.prefixText=void 0,this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.autocomplete=void 0,this.inputMode="text",this.enterKeyHint=void 0,this.pattern=void 0,this.suffixText=void 0,this.editingEnabled=!1,this.value="",this.messages=void 0,this.messageOverrides=void 0,this.effectiveLocale=void 0,this.defaultMessages=void 0,this.slottedActionElDisabledInternally=!1}disabledWatcher(){this.setDisabledAction()}onMessagesChange(){}valueWatcher(t,i){this.userChangedValue||this.setValue({origin:"direct",previousValue:i,value:t||""}),this.userChangedValue=!1}updateRequestedIcon(){this.requestedIcon=o({},this.icon,"text")}get isClearable(){return this.clearable&&this.value.length>0}effectiveLocaleChange(){I(this,this.effectiveLocale)}connectedCallback(){y(this),C(this),this.scale=r(this.el,"scale",this.scale),this.inlineEditableEl=this.el.closest("calcite-inline-editable"),this.inlineEditableEl&&(this.editingEnabled=this.inlineEditableEl.editingEnabled||!1),this.setPreviousEmittedValue(this.value),this.setPreviousValue(this.value),m(this),h(this),this.mutationObserver?.observe(this.el,{childList:!0}),this.setDisabledAction(),this.el.addEventListener("calciteInternalHiddenInputChange",this.hiddenInputChangeHandler)}disconnectedCallback(){b(this),d(this),k(this),j(this),this.mutationObserver?.disconnect(),this.el.removeEventListener("calciteInternalHiddenInputChange",this.hiddenInputChangeHandler)}async componentWillLoad(){v(this),this.requestedIcon=o({},this.icon,"text"),await D(this)}componentDidLoad(){g(this)}componentDidRender(){p(this)}async setFocus(){await x(this),this.childEl?.focus()}async selectText(){this.childEl?.select()}onLabelClick(){this.setFocus()}onFormReset(){this.setValue({origin:"reset",value:this.defaultValue})}syncHiddenFormInput(t){null!=this.minLength&&(t.minLength=this.minLength),null!=this.maxLength&&(t.maxLength=this.maxLength)}setDisabledAction(){const t=n(this.el,"action");t&&(this.disabled?(null==t.getAttribute("disabled")&&(this.slottedActionElDisabledInternally=!0),t.setAttribute("disabled","")):this.slottedActionElDisabledInternally&&(t.removeAttribute("disabled"),this.slottedActionElDisabledInternally=!1))}render(){const t=l(this.el),i=e("div",{class:"loader"},e("calcite-progress",{label:this.messages.loading,type:"indeterminate"})),a=e("button",{"aria-label":this.messages.clear,class:"clear-button",disabled:this.disabled||this.readOnly,onClick:this.clearInputTextValue,tabIndex:-1,type:"button"},e("calcite-icon",{icon:"x",scale:"l"===this.scale?"m":"s"})),n=e("calcite-icon",{class:"icon",flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:"l"===this.scale?"m":"s"}),o=e("div",{class:"prefix"},this.prefixText),r=e("div",{class:"suffix"},this.suffixText),c=e("input",{"aria-label":f(this),autocomplete:this.autocomplete,autofocus:!!this.autofocus||null,class:{"editing-enabled":this.editingEnabled,"inline-child":!!this.inlineEditableEl},defaultValue:this.defaultValue,disabled:!!this.disabled||null,enterKeyHint:this.enterKeyHint,inputMode:this.inputMode,maxLength:this.maxLength,minLength:this.minLength,name:this.name,onBlur:this.inputTextBlurHandler,onFocus:this.inputTextFocusHandler,onInput:this.inputTextInputHandler,onKeyDown:this.inputTextKeyDownHandler,pattern:this.pattern,placeholder:this.placeholder||"",readOnly:this.readOnly,ref:this.setChildElRef,required:!!this.required||null,tabIndex:this.disabled||this.inlineEditableEl&&!this.editingEnabled?-1:null,type:"text",value:this.value});return e(s,{onClick:this.clickHandler,onKeyDown:this.keyDownHandler},e("div",{class:{wrapper:!0,[z.rtl]:"rtl"===t}},this.prefixText?o:null,e("div",{class:"element-wrapper"},c,this.isClearable?a:null,this.requestedIcon?n:null,this.loading?i:null),e("div",{class:"action-wrapper"},e("slot",{name:"action"})),this.suffixText?r:null,e(u,{component:this})))}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{disabled:["disabledWatcher"],messageOverrides:["onMessagesChange"],value:["valueWatcher"],icon:["updateRequestedIcon"],effectiveLocale:["effectiveLocaleChange"]}}};_.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:block}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{block-size:1.5rem;padding-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .action-wrapper calcite-button,:host([scale=s]) .action-wrapper calcite-button button{block-size:1.5rem}:host([scale=s]) .clear-button{min-block-size:1.5rem;min-inline-size:1.5rem}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{block-size:2rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .action-wrapper calcite-button,:host([scale=m]) .action-wrapper calcite-button button{block-size:2rem}:host([scale=m]) .clear-button{min-block-size:2rem;min-inline-size:2rem}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{block-size:2.75rem;padding-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .action-wrapper calcite-button,:host([scale=l]) .action-wrapper calcite-button button{block-size:2.75rem}:host([scale=l]) .clear-button{min-block-size:2.75rem;min-inline-size:2.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}input{transition:var(--calcite-animation-timing), block-size 0, outline-offset 0s;-webkit-appearance:none;position:relative;margin:0px;box-sizing:border-box;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;flex:1 1 0%;border-radius:0px;background-color:var(--calcite-ui-foreground-1);font-family:inherit;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-1)}:host input{border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);color:var(--calcite-ui-text-1)}:host input::placeholder,:host input:-ms-input-placeholder,:host input::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}:host input:focus{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-text-1)}:host input[readonly]{background-color:var(--calcite-ui-background);font-weight:var(--calcite-font-weight-medium)}:host input[readonly]:focus{color:var(--calcite-ui-text-1)}:host calcite-icon{color:var(--calcite-ui-text-3)}input{outline-color:transparent}input:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([status=invalid]) input{border-color:var(--calcite-ui-danger)}:host([status=invalid]) input:focus{outline:2px solid var(--calcite-ui-danger);outline-offset:-2px}:host([scale=s]) .icon{inset-inline-start:0.5rem}:host([scale=m]) .icon{inset-inline-start:0.75rem}:host([scale=l]) .icon{inset-inline-start:1rem}:host([icon][scale=s]) input{padding-inline-start:2rem}:host([icon][scale=m]) input{padding-inline-start:2.5rem}:host([icon][scale=l]) input{padding-inline-start:3.5rem}.element-wrapper{position:relative;order:3;display:inline-flex;flex:1 1 0%;align-items:center}.icon{pointer-events:none;position:absolute;z-index:1;display:block;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;block-size:0px;inline-size:0px}.clear-button{pointer-events:initial;order:4;margin:0px;box-sizing:border-box;display:flex;min-block-size:100%;cursor:pointer;align-items:center;justify-content:center;align-self:stretch;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);outline-color:transparent;border-inline-start-width:0px}.clear-button:hover{background-color:var(--calcite-ui-foreground-2);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:hover calcite-icon{color:var(--calcite-ui-text-1);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:active{background-color:var(--calcite-ui-foreground-3)}.clear-button:active calcite-icon{color:var(--calcite-ui-text-1)}.clear-button:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.clear-button:disabled{opacity:var(--calcite-ui-opacity-disabled)}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block}.action-wrapper{order:7;display:flex}.prefix,.suffix{box-sizing:border-box;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;user-select:none;align-content:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-background);font-weight:var(--calcite-font-weight-medium);line-height:1;color:var(--calcite-ui-text-2)}.prefix{order:2;border-inline-end-width:0px}.suffix{order:5;border-inline-start-width:0px}:host([alignment=start]) input{text-align:start}:host([alignment=end]) input{text-align:end}.wrapper{position:relative;display:flex;flex-direction:row;align-items:center}:host(.no-bottom-border) input{border-block-end-width:0px}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-ui-border-1)}.inline-child{background-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.inline-child .editing-enabled{background-color:inherit}.inline-child:not(.editing-enabled){display:flex;cursor:pointer;border-color:transparent;padding-inline-start: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{_ as calcite_input_text}

package/dist/calcite/p-553911b6.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
- */
-import{r as t,c as e,h as i,g as a}from"./p-c527ae37.js";import{c as n,d as o}from"./p-93773ec8.js";import{t as r,g as c}from"./p-af7d6c13.js";import{c as s,d as l}from"./p-b1650748.js";import{c as d,d as m,s as h,u as f}from"./p-3459b95b.js";import"./p-cbf4983e.js";import"./p-cbe81774.js";import"./p-b57f9718.js";import"./p-c835948c.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),s(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 c(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=c(t,"title"),a=c(t,"subtitle");return e||a?i("header",{class:"header"},i("slot",{name:"title"}),i("slot",{name:"subtitle"})):null}renderFooter(){const{el:t}=this,e=c(t,"footer-start"),a=c(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}