@esri/calcite-components 1.7.0-next.18 → 1.7.0-next.19

package/dist/types/components.d.ts

@@ -48,7 +48,7 @@ import { InputTextMessages } from "./components/input-text/assets/input-text/t9n
 import { InputTimePickerMessages } from "./components/input-time-picker/assets/input-time-picker/t9n";
 import { TimePickerMessages } from "./components/time-picker/assets/time-picker/t9n";
 import { InputTimeZoneMessages } from "./components/input-time-zone/assets/input-time-zone/t9n";
-import { DragEvent } from "./utils/sortableComponent";
+import { DragDetail } from "./utils/sortableComponent";
 import { ItemData } from "./components/list-item/interfaces";
 import { SelectionAppearance } from "./components/list/resources";
 import { ListItemMessages } from "./components/list-item/assets/list-item/t9n";
@@ -2087,6 +2087,10 @@ export namespace Components {
           * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)
          */
         "inputMode": string;
+        /**
+          * When `true`, restricts the component to integer numbers only and disables exponential notation.
+         */
+        "integer": boolean;
         /**
           * Accessible name for the component's button or hyperlink.
          */
@@ -2499,11 +2503,11 @@ export namespace Components {
         /**
           * When provided, the method will be called to determine whether the element can  move from the list.
          */
-        "canPull": (event: DragEvent) => boolean;
+        "canPull": (detail: DragDetail) => boolean;
         /**
           * When provided, the method will be called to determine whether the element can be added from another list.
          */
-        "canPut": (event: DragEvent) => boolean;
+        "canPut": (detail: DragDetail) => boolean;
         /**
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
@@ -3950,11 +3954,11 @@ export namespace Components {
         /**
           * When provided, the method will be called to determine whether the element can  move from the list.
          */
-        "canPull": (event: DragEvent) => boolean;
+        "canPull": (detail: DragDetail) => boolean;
         /**
           * When provided, the method will be called to determine whether the element can be added from another list.
          */
-        "canPut": (event: DragEvent) => boolean;
+        "canPut": (detail: DragDetail) => boolean;
         /**
           * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
          */
@@ -4862,11 +4866,11 @@ export namespace Components {
         /**
           * When provided, the method will be called to determine whether the element can  move from the list.
          */
-        "canPull": (event: DragEvent) => boolean;
+        "canPull": (detail: DragDetail) => boolean;
         /**
           * When provided, the method will be called to determine whether the element can be added from another list.
          */
-        "canPut": (event: DragEvent) => boolean;
+        "canPut": (detail: DragDetail) => boolean;
         /**
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
@@ -7910,6 +7914,10 @@ declare namespace LocalJSX {
           * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)
          */
         "inputMode"?: string;
+        /**
+          * When `true`, restricts the component to integer numbers only and disables exponential notation.
+         */
+        "integer"?: boolean;
         /**
           * Accessible name for the component's button or hyperlink.
          */
@@ -8288,11 +8296,11 @@ declare namespace LocalJSX {
         /**
           * When provided, the method will be called to determine whether the element can  move from the list.
          */
-        "canPull"?: (event: DragEvent) => boolean;
+        "canPull"?: (detail: DragDetail) => boolean;
         /**
           * When provided, the method will be called to determine whether the element can be added from another list.
          */
-        "canPut"?: (event: DragEvent) => boolean;
+        "canPut"?: (detail: DragDetail) => boolean;
         /**
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
@@ -8338,7 +8346,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the default slot has changes in order to notify parent lists.
          */
-        "onCalciteInternalListDefaultSlotChange"?: (event: CalciteListCustomEvent<DragEvent>) => void;
+        "onCalciteInternalListDefaultSlotChange"?: (event: CalciteListCustomEvent<void>) => void;
         /**
           * Emits when any of the list item selections have changed.
          */
@@ -8350,7 +8358,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the order of the list has changed.
          */
-        "onCalciteListOrderChange"?: (event: CalciteListCustomEvent<DragEvent>) => void;
+        "onCalciteListOrderChange"?: (event: CalciteListCustomEvent<DragDetail>) => void;
         /**
           * The currently selected items.
           * @readonly
@@ -9624,11 +9632,11 @@ declare namespace LocalJSX {
         /**
           * When provided, the method will be called to determine whether the element can  move from the list.
          */
-        "canPull"?: (event: DragEvent) => boolean;
+        "canPull"?: (detail: DragDetail) => boolean;
         /**
           * When provided, the method will be called to determine whether the element can be added from another list.
          */
-        "canPut"?: (event: DragEvent) => boolean;
+        "canPut"?: (detail: DragDetail) => boolean;
         /**
           * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
          */
@@ -10418,11 +10426,11 @@ declare namespace LocalJSX {
         /**
           * When provided, the method will be called to determine whether the element can  move from the list.
          */
-        "canPull"?: (event: DragEvent) => boolean;
+        "canPull"?: (detail: DragDetail) => boolean;
         /**
           * When provided, the method will be called to determine whether the element can be added from another list.
          */
-        "canPut"?: (event: DragEvent) => boolean;
+        "canPut"?: (detail: DragDetail) => boolean;
         /**
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */

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

@@ -1,5 +1,5 @@
 import Sortable from "sortablejs";
-export interface DragEvent {
+export interface DragDetail {
   toEl: HTMLElement;
   fromEl: HTMLElement;
   dragEl: HTMLElement;
@@ -35,23 +35,23 @@ export interface SortableComponent {
   /**
    * Whether the element can move from the list.
    */
-  canPull: (event: DragEvent) => boolean;
+  canPull: (detail: DragDetail) => boolean;
   /**
    * Whether the element can be added from another list.
    */
-  canPut: (event: DragEvent) => boolean;
+  canPut: (detail: DragDetail) => boolean;
   /**
    * Called by any change to the list (add / update / remove).
    */
-  onDragSort: (event: Sortable.SortableEvent) => void;
+  onDragSort: (detail: DragDetail) => void;
   /**
-   * Element dragging started.
+   * Called when a sortable component drag starts.
    */
-  onDragStart?: (event: Sortable.SortableEvent) => void;
+  onDragStart: () => void;
   /**
-   * Element dragging ended.
+   * Called when a sortable component drag ends.
    */
-  onDragEnd?: (event: Sortable.SortableEvent) => void;
+  onDragEnd: () => void;
 }
 /**
  * Helper to keep track of a SortableComponent. This should be called in the `connectedCallback` lifecycle method as well as any other method necessary to rebuild the sortable instance.
@@ -65,3 +65,10 @@ export declare function connectSortableComponent(component: SortableComponent):
  * @param {SortableComponent} component - The sortable component.
  */
 export declare function disconnectSortableComponent(component: SortableComponent): void;
+/**
+ * Helper to determine if dragging is currently active.
+ *
+ * @param component The sortable component.
+ * @returns {boolean} a boolean value.
+ */
+export declare function dragActive(component: SortableComponent): 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-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.18
+ * v1.7.0-next.19
  */
 'use strict';
 
@@ -6716,39 +6716,6 @@ function closestElementCrossShadowBoundary(element, selector) {
   }
   return closestFrom(element);
 }
-/**
- * This utility helps invoke a callback as it traverses a node and its ancestors until reaching the root document.
- *
- * Returning early or undefined in `onVisit` will continue traversing up the DOM tree. Otherwise, traversal will halt with the returned value as the result of the function
- *
- * @param {Element} element An element.
- * @param {(node: Node) => Element} onVisit The callback.
- * @returns {Element} The result.
- */
-function walkUpAncestry(element, onVisit) {
-  return visit(element, onVisit);
-}
-function visit(node, onVisit) {
-  if (!node) {
-    return;
-  }
-  const result = onVisit(node);
-  if (result !== undefined) {
-    return result;
-  }
-  const { parentNode } = node;
-  return visit(parentNode instanceof ShadowRoot ? parentNode.host : parentNode, onVisit);
-}
-/**
- * This helper returns true when an element has the descendant in question.
- *
- * @param {Element} element The starting element.
- * @param {Element} maybeDescendant The descendant.
- * @returns {boolean} The result.
- */
-function containsCrossShadowBoundary(element, maybeDescendant) {
-  return !!walkUpAncestry(maybeDescendant, (node) => (node === element ? true : undefined));
-}
 /**
  * This helper returns true when an element has a setFocus method.
  *
@@ -25989,7 +25956,8 @@ class InputNumber {
       };
       const delocalizedValue = numberStringFormatter.delocalize(value);
       if (nativeEvent.inputType === "insertFromPaste") {
-        if (!isValidNumber(delocalizedValue)) {
+        if (!isValidNumber(delocalizedValue) ||
+          (this.integer && (delocalizedValue.includes("e") || delocalizedValue.includes(".")))) {
           nativeEvent.preventDefault();
         }
         this.setNumberValue({
@@ -26046,7 +26014,7 @@ class InputNumber {
         numberingSystem: this.numberingSystem,
         useGrouping: this.groupSeparator,
       };
-      if (event.key === numberStringFormatter.decimal) {
+      if (event.key === numberStringFormatter.decimal && !this.integer) {
         if (!this.value && !this.childNumberEl.value) {
           return;
         }
@@ -26054,7 +26022,7 @@ class InputNumber {
           return;
         }
       }
-      if (/[eE]/.test(event.key)) {
+      if (/[eE]/.test(event.key) && !this.integer) {
         if (!this.value && !this.childNumberEl.value) {
           return;
         }
@@ -26139,8 +26107,11 @@ class InputNumber {
         useGrouping: this.groupSeparator,
       };
       const isValueDeleted = this.previousValue?.length > value.length || this.value?.length > value.length;
-      const hasTrailingDecimalSeparator = value.charAt(value.length - 1) === ".";
-      const sanitizedValue = hasTrailingDecimalSeparator && isValueDeleted ? value : sanitizeNumberString(value);
+      const valueHandleInteger = this.integer ? value.replace(/[e.]/g, "") : value;
+      const hasTrailingDecimalSeparator = valueHandleInteger.charAt(valueHandleInteger.length - 1) === ".";
+      const sanitizedValue = hasTrailingDecimalSeparator && isValueDeleted
+        ? valueHandleInteger
+        : sanitizeNumberString(valueHandleInteger);
       const newValue = value && !sanitizedValue
         ? isValidNumber(this.previousValue)
           ? this.previousValue
@@ -26188,6 +26159,7 @@ class InputNumber {
     this.hidden = false;
     this.icon = undefined;
     this.iconFlipRtl = false;
+    this.integer = false;
     this.label = undefined;
     this.loading = false;
     this.numberingSystem = undefined;
@@ -26339,7 +26311,8 @@ class InputNumber {
   incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent) {
     const { value } = this;
     const adjustment = direction === "up" ? 1 : -1;
-    const inputStep = this.step === "any" ? 1 : Math.abs(this.step || 1);
+    const stepHandleInteger = this.integer && this.step !== "any" ? Math.round(this.step) : this.step;
+    const inputStep = stepHandleInteger === "any" ? 1 : Math.abs(stepHandleInteger || 1);
     const inputVal = new BigDecimal(value !== "" ? value : "0");
     const nudgedValue = inputVal.add(`${inputStep * adjustment}`);
     const nudgedValueBelowInputMin = () => typeof inputMin === "number" &&
@@ -26451,6 +26424,7 @@ class InputNumber {
       "hidden": [516],
       "icon": [520],
       "iconFlipRtl": [516, "icon-flip-rtl"],
+      "integer": [4],
       "label": [1],
       "loading": [516],
       "numberingSystem": [513, "numbering-system"],
@@ -32411,7 +32385,6 @@ Sortable.mount(new AutoScrollPlugin());
 Sortable.mount(Remove, Revert);
 
 const sortableComponentSet = new Set();
-const inactiveSortableComponentSet = new WeakSet();
 /**
  * Helper to keep track of a SortableComponent. This should be called in the `connectedCallback` lifecycle method as well as any other method necessary to rebuild the sortable instance.
  *
@@ -32420,9 +32393,6 @@ const inactiveSortableComponentSet = new WeakSet();
 function connectSortableComponent(component) {
   disconnectSortableComponent(component);
   sortableComponentSet.add(component);
-  if (inactiveSortableComponentSet.has(component)) {
-    return;
-  }
   const dataIdAttr = "id";
   const { group, handleSelector: handle, dragSelector: draggable } = component;
   component.sortable = Sortable.create(component.el, {
@@ -32440,16 +32410,16 @@ function connectSortableComponent(component) {
       },
     }),
     handle,
-    onStart: (event) => {
-      onSortingStart(component);
-      component.onDragStart(event);
+    onStart: () => {
+      dragState.active = true;
+      onDragStart();
     },
-    onEnd: (event) => {
-      onSortingEnd(component);
-      component.onDragEnd(event);
+    onEnd: () => {
+      dragState.active = false;
+      onDragEnd();
     },
-    onSort: (event) => {
-      component.onDragSort(event);
+    onSort: ({ from: fromEl, item: dragEl, to: toEl }) => {
+      component.onDragSort({ fromEl, dragEl, toEl });
     },
   });
 }
@@ -32460,30 +32430,24 @@ function connectSortableComponent(component) {
  */
 function disconnectSortableComponent(component) {
   sortableComponentSet.delete(component);
-  if (inactiveSortableComponentSet.has(component)) {
-    return;
-  }
   component.sortable?.destroy();
   component.sortable = null;
 }
-function getNestedSortableComponents(activeComponent) {
-  return Array.from(sortableComponentSet).filter((component) => component !== activeComponent && containsCrossShadowBoundary(activeComponent.el, component.el));
-}
+const dragState = { active: false };
 /**
- * Helper to handle nested SortableComponents on `Sortable.onStart`.
+ * Helper to determine if dragging is currently active.
  *
- * @param {SortableComponent} activeComponent - The active sortable component.
+ * @param component The sortable component.
+ * @returns {boolean} a boolean value.
  */
-function onSortingStart(activeComponent) {
-  getNestedSortableComponents(activeComponent).forEach((component) => inactiveSortableComponentSet.add(component));
+function dragActive(component) {
+  return component.dragEnabled && dragState.active;
 }
-/**
- * Helper to handle nested SortableComponents on `Sortable.onEnd`.
- *
- * @param {SortableComponent} activeComponent - The active sortable component.
- */
-function onSortingEnd(activeComponent) {
-  getNestedSortableComponents(activeComponent).forEach((component) => inactiveSortableComponentSet.delete(component));
+function onDragStart() {
+  Array.from(sortableComponentSet).forEach((component) => component.onDragStart());
+}
+function onDragEnd() {
+  Array.from(sortableComponentSet).forEach((component) => component.onDragEnd());
 }
 
 const CSS$y = {
@@ -32765,13 +32729,19 @@ class List$1 {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
+    if (dragActive(this)) {
+      return;
+    }
     this.connectObserver();
     this.updateListItems();
     this.setUpSorting();
     connectInteractive(this);
-    this.parentListEl = this.el.parentElement.closest("calcite-list");
+    this.setParentList();
   }
   disconnectedCallback() {
+    if (dragActive(this)) {
+      return;
+    }
     this.disconnectObserver();
     disconnectSortableComponent(this);
     disconnectInteractive(this);
@@ -32837,14 +32807,13 @@ class List$1 {
   onDragEnd() {
     this.connectObserver();
   }
-  onDragSort(event) {
+  onDragSort(detail) {
+    this.setParentList();
     this.updateListItems();
-    const { from, item, to } = event;
-    this.calciteListOrderChange.emit({
-      dragEl: item,
-      fromEl: from,
-      toEl: to,
-    });
+    this.calciteListOrderChange.emit(detail);
+  }
+  setParentList() {
+    this.parentListEl = this.el.parentElement?.closest("calcite-list");
   }
   filterElements({ el, filteredItems, visibleParents, }) {
     const hidden = !visibleParents.has(el) && !filteredItems.includes(el);
@@ -39456,11 +39425,17 @@ class SortableList {
   //
   // --------------------------------------------------------------------------
   connectedCallback() {
+    if (dragActive(this)) {
+      return;
+    }
     this.setUpSorting();
     this.beginObserving();
     connectInteractive(this);
   }
   disconnectedCallback() {
+    if (dragActive(this)) {
+      return;
+    }
     disconnectInteractive(this);
     disconnectSortableComponent(this);
     this.endObserving();
@@ -44976,6 +44951,9 @@ class ValueList {
   //
   // --------------------------------------------------------------------------
   connectedCallback() {
+    if (dragActive(this)) {
+      return;
+    }
     connectInteractive(this);
     connectLocalized(this);
     connectMessages(this);
@@ -44995,6 +44973,9 @@ class ValueList {
     updateHostInteraction(this);
   }
   disconnectedCallback() {
+    if (dragActive(this)) {
+      return;
+    }
     disconnectInteractive(this);
     disconnectSortableComponent(this);
     disconnectLocalized(this);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "1.7.0-next.18",
+  "version": "1.7.0-next.19",
   "homepage": "https://developers.arcgis.com/calcite-design-system/",
   "description": "Web Components for Esri's Calcite Design System.",
   "main": "dist/index.cjs.js",
@@ -88,5 +88,5 @@
   "volta": {
     "extends": "../../package.json"
   },
-  "gitHead": "b52b5756e6a9b0f668d6cd64ed0df1deff9963f0"
+  "gitHead": "38be8f88f5768571941f00767ada42d1f8f6a520"
 }

package/dist/calcite/p-019c785c.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.18
- */
-import{r as t,c as i,h as s,a as e}from"./p-52f87ac6.js";import{c as a,d as o,u as r}from"./p-ce5d92a6.js";import{c as n}from"./p-5f17a9d3.js";import{d,c as h}from"./p-f4e8d076.js";import{d as c}from"./p-a4c234c3.js";import"./p-eb3670a6.js";import"./p-c8378a5d.js";import"./p-5eea016d.js";const l=class{constructor(s){t(this,s),this.calciteListOrderChange=i(this,"calciteListOrderChange",6),this.items=[],this.mutationObserver=n("mutation",(()=>{this.setUpSorting()})),this.dragEnabled=!0,this.canPull=void 0,this.canPut=void 0,this.dragSelector=void 0,this.group=void 0,this.handleSelector="calcite-handle",this.layout="vertical",this.disabled=!1,this.loading=!1}connectedCallback(){this.setUpSorting(),this.beginObserving(),a(this)}disconnectedCallback(){o(this),d(this),this.endObserving()}componentDidRender(){r(this)}calciteHandleNudgeNextHandler(t){this.handleNudgeEvent(t)}onDragStart(){this.endObserving()}onDragEnd(){this.beginObserving()}onDragSort(){this.items=Array.from(this.el.children),this.calciteListOrderChange.emit()}handleNudgeEvent(t){const{direction:i}=t.detail,s=t.composedPath().find((t=>t.matches(this.handleSelector))),e=this.items.find((i=>i.contains(s)||t.composedPath().includes(i))),a=this.items.length-1,o=this.items.indexOf(e);let r,n=!1;"up"===i?0===o?n=!0:r=o-1:o===a?r=0:o===a-1?n=!0:r=o+2,this.endObserving(),n?e.parentElement.appendChild(e):e.parentElement.insertBefore(e,this.items[r]),this.items=Array.from(this.el.children),this.beginObserving(),requestAnimationFrame((()=>c(s))),"activated"in s&&(s.activated=!0)}setUpSorting(){this.items=Array.from(this.el.children),h(this)}beginObserving(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}endObserving(){this.mutationObserver?.disconnect()}render(){const{layout:t}=this,i="horizontal"===t||!1;return s("div",{class:{container:!0,"container--vertical":!i,"container--horizontal":i}},s("slot",null))}get el(){return e(this)}};l.style=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.container{display:flex;flex:1 1 auto}.container--vertical{flex-direction:column}.container--horizontal{flex-direction:row}:host([hidden]){display:none}[hidden]{display:none}";export{l as calcite_sortable_list}

package/dist/calcite/p-08eadd14.js

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

package/dist/calcite/p-0f30f888.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.18
- */
-import{r as t,c as i,h as e,H as n,a as s}from"./p-52f87ac6.js";import{h as o,i as a,e as r,g as l}from"./p-a4c234c3.js";import{s as c,c as h,d as u,H as d}from"./p-0b7270da.js";import{c as b,d as m,u as p}from"./p-ce5d92a6.js";import{n as v}from"./p-b46d8ed8.js";import{c as f,d as g,g as x}from"./p-8f03188b.js";import{a as w,s as y,c as k}from"./p-7201666b.js";import{n as z,i as j,p as I,s as E,a as C,c as D,d as W,B as L}from"./p-9e256c28.js";import{c as N}from"./p-5f17a9d3.js";import{C as F}from"./p-5eea016d.js";import{u as P,c as $,d as A,s as H}from"./p-2c0099b4.js";import"./p-c8378a5d.js";import"./p-eb3670a6.js";const R="number-button-item--horizontal",V="number-button-item",K=class{constructor(e){t(this,e),this.calciteInternalInputNumberFocus=i(this,"calciteInternalInputNumberFocus",6),this.calciteInternalInputNumberBlur=i(this,"calciteInternalInputNumberBlur",6),this.calciteInputNumberInput=i(this,"calciteInputNumberInput",7),this.calciteInputNumberChange=i(this,"calciteInputNumberChange",6),this.previousValueOrigin="initial",this.mutationObserver=N("mutation",(()=>this.setDisabledAction())),this.userChangedValue=!1,this.keyDownHandler=t=>{this.readOnly||this.disabled||(this.isClearable&&"Escape"===t.key&&(this.clearInputValue(t),t.preventDefault()),"Enter"!==t.key||t.defaultPrevented||c(this)&&t.preventDefault())},this.clearInputValue=t=>{this.setNumberValue({committing:!0,nativeEvent:t,origin:"user",value:""})},this.emitChangeIfUserModified=()=>{"user"===this.previousValueOrigin&&this.value!==this.previousEmittedNumberValue&&(this.calciteInputNumberChange.emit(),this.setPreviousEmittedNumberValue(this.value))},this.inputNumberBlurHandler=()=>{this.calciteInternalInputNumberBlur.emit(),this.emitChangeIfUserModified()},this.clickHandler=t=>{if(this.disabled)return;const i=o(this.el,"action");t.target!==i&&this.setFocus()},this.inputNumberFocusHandler=()=>{this.calciteInternalInputNumberFocus.emit()},this.inputNumberInputHandler=t=>{if(this.disabled||this.readOnly)return;const i=t.target.value;z.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};const e=z.delocalize(i);"insertFromPaste"===t.inputType?(j(e)||t.preventDefault(),this.setNumberValue({nativeEvent:t,origin:"user",value:I(e)}),this.childNumberEl.value=this.localizedValue):this.setNumberValue({nativeEvent:t,origin:"user",value:e})},this.inputNumberKeyDownHandler=t=>{if(this.disabled||this.readOnly)return;if("ArrowUp"===t.key)return t.preventDefault(),void this.nudgeNumberValue("up",t);if("ArrowDown"===t.key)return void this.nudgeNumberValue("down",t);const i=[...v,"ArrowLeft","ArrowRight","Backspace","Delete","Enter","Escape","Tab"];if(t.altKey||t.ctrlKey||t.metaKey)return;const e=t.shiftKey&&"Tab"===t.key;if(i.includes(t.key)||e)"Enter"===t.key&&this.emitChangeIfUserModified();else{if(z.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator},t.key===z.decimal){if(!this.value&&!this.childNumberEl.value)return;if(this.value&&-1===this.childNumberEl.value.indexOf(z.decimal))return}if(/[eE]/.test(t.key)){if(!this.value&&!this.childNumberEl.value)return;if(this.value&&!/[eE]/.test(this.childNumberEl.value))return}if("-"===t.key){if(!this.value&&!this.childNumberEl.value)return;if(this.value&&this.childNumberEl.value.split("-").length<=2)return}t.preventDefault()}},this.nudgeNumberValue=(t,i)=>{if(i instanceof KeyboardEvent&&i.repeat)return;const e=this.maxString?parseFloat(this.maxString):null,n=this.minString?parseFloat(this.minString):null;this.incrementOrDecrementNumberValue(t,e,n,i),this.nudgeNumberValueIntervalId&&window.clearInterval(this.nudgeNumberValueIntervalId);let s=!0;this.nudgeNumberValueIntervalId=window.setInterval((()=>{s?s=!1:this.incrementOrDecrementNumberValue(t,e,n,i)}),150)},this.nudgeButtonPointerUpAndOutHandler=t=>{a(t)&&window.clearInterval(this.nudgeNumberValueIntervalId)},this.nudgeButtonPointerDownHandler=t=>{a(t)&&(t.preventDefault(),this.disabled||this.nudgeNumberValue(t.target.dataset.adjustment,t))},this.hiddenInputChangeHandler=t=>{t.target.name===this.name&&this.setNumberValue({value:t.target.value,origin:"direct"}),t.stopPropagation()},this.setChildNumberElRef=t=>{this.childNumberEl=t},this.setInputNumberValue=t=>{this.childNumberEl&&(this.childNumberEl.value=t)},this.setPreviousEmittedNumberValue=t=>{this.previousEmittedNumberValue=this.normalizeValue(t)},this.setPreviousNumberValue=t=>{this.previousValue=this.normalizeValue(t)},this.setNumberValue=({committing:t=!1,nativeEvent:i,origin:e,previousValue:n,value:s})=>{z.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};const o=this.previousValue?.length>s.length||this.value?.length>s.length,a="."===s.charAt(s.length-1),r=a&&o?s:E(s),l=s&&!r?j(this.previousValue)?this.previousValue:"":r;let c=z.localize(l);"connected"===e||a||(c=C(c,l,z)),this.localizedValue=a&&o?`${c}${z.decimal}`:c,this.setPreviousNumberValue(n??this.value),this.previousValueOrigin=e,this.userChangedValue="user"===e&&this.value!==l,this.value=["-","."].includes(l)?"":l,"direct"===e&&(this.setInputNumberValue(c),this.setPreviousEmittedNumberValue(c)),i&&(this.calciteInputNumberInput.emit().defaultPrevented?(this.value=this.previousValue,this.localizedValue=z.localize(this.previousValue)):t&&this.emitChangeIfUserModified())},this.inputNumberKeyUpHandler=()=>{window.clearInterval(this.nudgeNumberValueIntervalId)},this.alignment="start",this.autofocus=!1,this.clearable=!1,this.disabled=!1,this.form=void 0,this.groupSeparator=!1,this.hidden=!1,this.icon=void 0,this.iconFlipRtl=!1,this.label=void 0,this.loading=!1,this.numberingSystem=void 0,this.localeFormat=!1,this.max=void 0,this.min=void 0,this.maxLength=void 0,this.minLength=void 0,this.name=void 0,this.numberButtonType="vertical",this.placeholder=void 0,this.prefixText=void 0,this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.step=void 0,this.autocomplete=void 0,this.inputMode="decimal",this.enterKeyHint=void 0,this.suffixText=void 0,this.editingEnabled=!1,this.value="",this.messages=void 0,this.messageOverrides=void 0,this.effectiveLocale="",this.defaultMessages=void 0,this.localizedValue=void 0,this.slottedActionElDisabledInternally=!1}disabledWatcher(){this.setDisabledAction()}maxWatcher(){this.maxString=this.max?.toString()||null}minWatcher(){this.minString=this.min?.toString()||null}onMessagesChange(){}valueWatcher(t,i){this.userChangedValue||(this.setNumberValue({origin:"direct",previousValue:i,value:null==t||""==t?"":j(t)?t:this.previousValue||""}),this.warnAboutInvalidNumberValue(t)),this.userChangedValue=!1}updateRequestedIcon(){this.requestedIcon=r({},this.icon,"number")}get isClearable(){return this.clearable&&this.value.length>0}effectiveLocaleWatcher(t){P(this,this.effectiveLocale),z.numberFormatOptions={locale:t,numberingSystem:this.numberingSystem,useGrouping:!1}}connectedCallback(){b(this),D(this),$(this),this.inlineEditableEl=this.el.closest("calcite-inline-editable"),this.inlineEditableEl&&(this.editingEnabled=this.inlineEditableEl.editingEnabled||!1),f(this),h(this),this.setPreviousEmittedNumberValue(this.value),this.setPreviousNumberValue(this.value),this.warnAboutInvalidNumberValue(this.value),this.setNumberValue({origin:"connected",value:j(this.value)?this.value:""}),this.mutationObserver?.observe(this.el,{childList:!0}),this.setDisabledAction(),this.el.addEventListener("calciteInternalHiddenInputChange",this.hiddenInputChangeHandler)}componentDidLoad(){w(this)}disconnectedCallback(){m(this),g(this),u(this),W(this),A(this),this.mutationObserver?.disconnect(),this.el.removeEventListener("calciteInternalHiddenInputChange",this.hiddenInputChangeHandler)}async componentWillLoad(){y(this),this.maxString=this.max?.toString(),this.minString=this.min?.toString(),this.requestedIcon=r({},this.icon,"number"),await H(this)}componentShouldUpdate(t,i,e){return!("value"===e&&t&&!j(t)&&(this.setNumberValue({origin:"reset",value:i}),1))}componentDidRender(){p(this)}async setFocus(){await k(this),this.childNumberEl?.focus()}async selectText(){this.childNumberEl?.select()}onLabelClick(){this.setFocus()}incrementOrDecrementNumberValue(t,i,e,n){const{value:s}=this,o="up"===t?1:-1,a="any"===this.step?1:Math.abs(this.step||1),r=new L(""!==s?s:"0").add(""+a*o),l="number"==typeof e&&!isNaN(e)&&r.subtract(`${e}`).isNegative?`${e}`:"number"!=typeof i||isNaN(i)||r.subtract(`${i}`).isNegative?r.toString():`${i}`;this.setNumberValue({committing:!0,nativeEvent:n,origin:"user",value:l})}onFormReset(){this.setNumberValue({origin:"reset",value:this.defaultValue})}syncHiddenFormInput(t){t.type="number",t.min=this.min?.toString(10)??"",t.max=this.max?.toString(10)??""}setDisabledAction(){const t=o(this.el,"action");t&&(this.disabled?(null==t.getAttribute("disabled")&&(this.slottedActionElDisabledInternally=!0),t.setAttribute("disabled","")):this.slottedActionElDisabledInternally&&(t.removeAttribute("disabled"),this.slottedActionElDisabledInternally=!1))}normalizeValue(t){return j(t)?t:""}warnAboutInvalidNumberValue(t){t&&!j(t)&&console.warn(`The specified value "${t}" cannot be parsed, or is out of range.`)}render(){const t=l(this.el),i=e("div",{class:"loader"},e("calcite-progress",{label:this.messages.loading,type:"indeterminate"})),s=e("button",{"aria-label":this.messages.clear,class:"clear-button",disabled:this.disabled||this.readOnly,onClick:this.clearInputValue,tabIndex:-1,type:"button"},e("calcite-icon",{icon:"x",scale:"l"===this.scale?"m":"s"})),o=e("calcite-icon",{class:"icon",flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:"l"===this.scale?"m":"s"}),a="horizontal"===this.numberButtonType,r=e("button",{"aria-hidden":"true",class:{[V]:!0,[R]:a},"data-adjustment":"up",disabled:this.disabled||this.readOnly,onPointerDown:this.nudgeButtonPointerDownHandler,onPointerOut:this.nudgeButtonPointerUpAndOutHandler,onPointerUp:this.nudgeButtonPointerUpAndOutHandler,tabIndex:-1,type:"button"},e("calcite-icon",{icon:"chevron-up",scale:"l"===this.scale?"m":"s"})),c=e("button",{"aria-hidden":"true",class:{[V]:!0,[R]:a},"data-adjustment":"down",disabled:this.disabled||this.readOnly,onPointerDown:this.nudgeButtonPointerDownHandler,onPointerOut:this.nudgeButtonPointerUpAndOutHandler,onPointerUp:this.nudgeButtonPointerUpAndOutHandler,tabIndex:-1,type:"button"},e("calcite-icon",{icon:"chevron-down",scale:"l"===this.scale?"m":"s"})),h=e("div",{class:"number-button-wrapper"},r,c),u=e("div",{class:"prefix"},this.prefixText),b=e("div",{class:"suffix"},this.suffixText),m=e("input",{"aria-label":x(this),autocomplete:this.autocomplete,autofocus:!!this.autofocus||null,defaultValue:this.defaultValue,disabled:!!this.disabled||null,enterKeyHint:this.enterKeyHint,inputMode:this.inputMode,key:"localized-input",maxLength:this.maxLength,minLength:this.minLength,name:void 0,onBlur:this.inputNumberBlurHandler,onFocus:this.inputNumberFocusHandler,onInput:this.inputNumberInputHandler,onKeyDown:this.inputNumberKeyDownHandler,onKeyUp:this.inputNumberKeyUpHandler,placeholder:this.placeholder||"",readOnly:this.readOnly,type:"text",value:this.localizedValue,ref:this.setChildNumberElRef});return e(n,{onClick:this.clickHandler,onKeyDown:this.keyDownHandler},e("div",{class:{wrapper:!0,[F.rtl]:"rtl"===t}},"horizontal"!==this.numberButtonType||this.readOnly?null:c,this.prefixText?u:null,e("div",{class:"element-wrapper"},m,this.isClearable?s:null,this.requestedIcon?o:null,this.loading?i:null),e("div",{class:"action-wrapper"},e("slot",{name:"action"})),"vertical"!==this.numberButtonType||this.readOnly?null:h,this.suffixText?b:null,"horizontal"!==this.numberButtonType||this.readOnly?null:r,e(d,{component:this})))}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{disabled:["disabledWatcher"],max:["maxWatcher"],min:["minWatcher"],messageOverrides:["onMessagesChange"],value:["valueWatcher"],icon:["updateRequestedIcon"],effectiveLocale:["effectiveLocaleWatcher"]}}};K.style=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{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]) .number-button-wrapper,: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]) .number-button-wrapper,: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]) .number-button-wrapper,: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}:host 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);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)}:host input{outline-color:transparent}:host input:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}:host([status=invalid]) input{border-color:var(--calcite-ui-danger)}:host([status=invalid]) input:focus{outline:2px solid var(--calcite-ui-danger);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}:host([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:var(--calcite-app-z-index);display:block;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.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-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}.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}.number-button-wrapper{pointer-events:none;order:6;box-sizing:border-box;display:flex;flex-direction:column;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host([number-button-type=vertical]) .wrapper{flex-direction:row;display:flex}:host([number-button-type=vertical]) input{order:2}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=down] calcite-icon{transform:rotate(-90deg)}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=up] calcite-icon{transform:rotate(-90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down],.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:1;max-block-size:100%;min-block-size:100%;align-self:stretch}.number-button-item.number-button-item--horizontal[data-adjustment=down] calcite-icon,.number-button-item.number-button-item--horizontal[data-adjustment=up] calcite-icon{transform:rotate(90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down]{border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);border-inline-end-width:0px}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover{background-color:var(--calcite-ui-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover calcite-icon{color:var(--calcite-ui-text-1)}.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:5}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover{background-color:var(--calcite-ui-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover calcite-icon{color:var(--calcite-ui-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover{background-color:var(--calcite-ui-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover calcite-icon{color:var(--calcite-ui-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover{background-color:var(--calcite-ui-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover calcite-icon{color:var(--calcite-ui-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-block-start-width:0px}.number-button-item{max-block-size:50%;min-block-size:50%;pointer-events:initial;margin:0px;box-sizing:border-box;display:flex;cursor:pointer;align-items:center;align-self:center;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);padding-block:0px;padding-inline:0.5rem;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-inline-start-width:0px}.number-button-item calcite-icon{pointer-events:none;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.number-button-item:focus{background-color:var(--calcite-ui-foreground-2)}.number-button-item:focus calcite-icon{color:var(--calcite-ui-text-1)}.number-button-item:active{background-color:var(--calcite-ui-foreground-3)}.number-button-item:disabled{pointer-events:none}.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)}:host .inline-child{background-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host .inline-child .editing-enabled{background-color:inherit}:host .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}:host([hidden]){display:none}[hidden]{display:none}";export{K as calcite_input_number}

package/dist/calcite/p-1dca9d13.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.18
- */
-import{d as _}from"./p-7cb089e0.js";import"./p-52f87ac6.js";import"./p-0b7270da.js";import"./p-a4c234c3.js";import"./p-c8378a5d.js";import"./p-5eea016d.js";import"./p-ce5d92a6.js";import"./p-eb3670a6.js";import"./p-b46d8ed8.js";import"./p-8f03188b.js";import"./p-7201666b.js";import"./p-9e256c28.js";import"./p-5f17a9d3.js";import"./p-7fd47f0e.js";import"./p-7d09dc6b.js";import"./p-2c0099b4.js";var p={name:"bs",weekdays:"nedjelja_ponedjeljak_utorak_srijeda_četvrtak_petak_subota".split("_"),months:"januar_februar_mart_april_maj_juni_juli_august_septembar_oktobar_novembar_decembar".split("_"),weekStart:1,weekdaysShort:"ned._pon._uto._sri._čet._pet._sub.".split("_"),monthsShort:"jan._feb._mar._apr._maj._jun._jul._aug._sep._okt._nov._dec.".split("_"),weekdaysMin:"ne_po_ut_sr_če_pe_su".split("_"),ordinal:function(_){return _},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY H:mm",LLLL:"dddd, D. MMMM YYYY H:mm"}};_.locale(p,null,!0);export default p;

package/dist/calcite/p-1f74ce8b.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.18
- */
-export{I as calcite_input_time_picker,T as calcite_time_picker}from"./p-7cb089e0.js";import"./p-52f87ac6.js";import"./p-0b7270da.js";import"./p-a4c234c3.js";import"./p-c8378a5d.js";import"./p-5eea016d.js";import"./p-ce5d92a6.js";import"./p-eb3670a6.js";import"./p-b46d8ed8.js";import"./p-8f03188b.js";import"./p-7201666b.js";import"./p-9e256c28.js";import"./p-5f17a9d3.js";import"./p-7fd47f0e.js";import"./p-7d09dc6b.js";import"./p-2c0099b4.js";

package/dist/calcite/p-2663fb70.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.18
- */
-import{r as t,c as i,f as s,h as e,H as a,a as o}from"./p-52f87ac6.js";import{g as r}from"./p-30e3b296.js";import{g as c,d,t as n}from"./p-a4c234c3.js";import{c as h,d as l,H as u}from"./p-0b7270da.js";import{g as p}from"./p-c8378a5d.js";import{c as b,d as f,u as m}from"./p-ce5d92a6.js";import{c as v,d as k,g as x}from"./p-8f03188b.js";import{c as g,s as w,a as y}from"./p-7201666b.js";import"./p-5eea016d.js";import"./p-eb3670a6.js";const z=class{constructor(s){t(this,s),this.calciteInternalRadioButtonBlur=i(this,"calciteInternalRadioButtonBlur",6),this.calciteRadioButtonChange=i(this,"calciteRadioButtonChange",6),this.calciteInternalRadioButtonCheckedChange=i(this,"calciteInternalRadioButtonCheckedChange",6),this.calciteInternalRadioButtonFocus=i(this,"calciteInternalRadioButtonFocus",6),this.selectItem=(t,i)=>{t[i].click()},this.queryButtons=()=>Array.from(this.rootNode.querySelectorAll("calcite-radio-button:not([hidden])")).filter((t=>t.name===this.name)),this.isFocusable=()=>{const t=this.queryButtons(),i=t.find((t=>!t.disabled)),s=t.find((t=>t.checked));return i===this.el&&!s},this.check=()=>{this.disabled||(this.focused=!0,this.setFocus(),this.checked||(this.uncheckAllRadioButtonsInGroup(),this.checked=!0,this.calciteRadioButtonChange.emit()))},this.clickHandler=()=>{this.disabled||this.check()},this.setContainerEl=t=>{this.containerEl=t},this.handleKeyDown=t=>{const{key:i}=t,{el:s}=this;if(-1===["ArrowLeft","ArrowUp","ArrowRight","ArrowDown"," "].indexOf(i))return;if(" "===i)return this.check(),void t.preventDefault();let e=i;"rtl"===c(s)&&("ArrowRight"===i&&(e="ArrowLeft"),"ArrowLeft"===i&&(e="ArrowRight"));const a=Array.from(this.rootNode.querySelectorAll("calcite-radio-button:not([hidden]")).filter((t=>t.name===this.name));let o=0;const d=a.length;switch(a.some(((t,i)=>{if(t.checked)return o=i,!0})),e){case"ArrowLeft":case"ArrowUp":return t.preventDefault(),void this.selectItem(a,r(Math.max(o-1,-1),d));case"ArrowRight":case"ArrowDown":return t.preventDefault(),void this.selectItem(a,r(o+1,d));default:return}},this.onContainerBlur=()=>{this.focused=!1,this.calciteInternalRadioButtonBlur.emit()},this.onContainerFocus=()=>{this.disabled||(this.focused=!0,this.calciteInternalRadioButtonFocus.emit())},this.checked=!1,this.disabled=!1,this.focused=!1,this.form=void 0,this.guid=void 0,this.hidden=!1,this.hovered=!1,this.label=void 0,this.name=void 0,this.required=!1,this.scale="m",this.value=void 0}checkedChanged(t){t&&this.uncheckOtherRadioButtonsInGroup(),this.calciteInternalRadioButtonCheckedChange.emit()}disabledChanged(){this.updateTabIndexOfOtherRadioButtonsInGroup()}hiddenChanged(){this.updateTabIndexOfOtherRadioButtonsInGroup()}nameChanged(){this.checkLastRadioButton()}async setFocus(){await g(this),this.disabled||d(this.containerEl)}syncHiddenFormInput(t){t.type="radio"}onLabelClick(t){if(this.disabled||this.hidden)return;const i=t.currentTarget,s=i.for?this.rootNode.querySelector(`calcite-radio-button[id="${i.for}"]`):i.querySelector(`calcite-radio-button[name="${this.name}"]`);s&&(s.focused=!0,this.setFocus(),s.checked||(this.uncheckOtherRadioButtonsInGroup(),s.checked=!0,this.calciteRadioButtonChange.emit()))}checkLastRadioButton(){const t=this.queryButtons().filter((t=>t.checked));if(t?.length>1){const i=t[t.length-1];t.filter((t=>t!==i)).forEach((t=>{t.checked=!1,t.emitCheckedChange()}))}}async emitCheckedChange(){this.calciteInternalRadioButtonCheckedChange.emit()}uncheckAllRadioButtonsInGroup(){this.queryButtons().forEach((t=>{t.checked&&(t.checked=!1,t.focused=!1)}))}uncheckOtherRadioButtonsInGroup(){this.queryButtons().filter((t=>t.guid!==this.guid)).forEach((t=>{t.checked&&(t.checked=!1,t.focused=!1)}))}updateTabIndexOfOtherRadioButtonsInGroup(){this.queryButtons().filter((t=>t.guid!==this.guid&&!t.disabled)).forEach((t=>{s(t)}))}getTabIndex(){if(!this.disabled)return this.checked||this.isFocusable()?0:-1}pointerEnterHandler(){this.disabled||(this.hovered=!0)}pointerLeaveHandler(){this.disabled||(this.hovered=!1)}connectedCallback(){this.rootNode=this.el.getRootNode(),this.guid=this.el.id||`calcite-radio-button-${p()}`,this.name&&this.checkLastRadioButton(),b(this),v(this),h(this),this.updateTabIndexOfOtherRadioButtonsInGroup()}componentWillLoad(){w(this)}componentDidLoad(){y(this),this.focused&&!this.disabled&&this.setFocus()}disconnectedCallback(){f(this),k(this),l(this),this.updateTabIndexOfOtherRadioButtonsInGroup()}componentDidRender(){m(this)}render(){const t=this.getTabIndex();return e(a,{onClick:this.clickHandler,onKeyDown:this.handleKeyDown},e("div",{"aria-checked":n(this.checked),"aria-label":x(this),class:"container",onBlur:this.onContainerBlur,onFocus:this.onContainerFocus,role:"radio",tabIndex:t,ref:this.setContainerEl},e("div",{class:"radio"})),e(u,{component:this}))}get el(){return o(this)}static get watchers(){return{checked:["checkedChanged"],disabled:["disabledChanged"],hidden:["hiddenChanged"],name:["nameChanged"]}}};z.style=':host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;cursor:pointer}:host .container{position:relative;outline:2px solid transparent;outline-offset:2px}:host .radio{cursor:pointer;border-radius:9999px;background-color:var(--calcite-ui-foreground-1);outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input)}:host([hovered]) .radio,:host(:not([checked])[focused]:not([disabled])) .radio{box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}:host([focused]) .radio{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}:host([disabled]) .radio{cursor:default;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([hovered][disabled]) .radio{box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input)}:host([scale=s]){--calcite-radio-size:var(--calcite-font-size--2)}:host([scale=m]){--calcite-radio-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-radio-size:var(--calcite-font-size-0)}.radio{block-size:var(--calcite-radio-size);max-inline-size:var(--calcite-radio-size);min-inline-size:var(--calcite-radio-size)}:host([scale=s][checked]) .radio,:host([hovered][scale=s][checked][disabled]) .radio{box-shadow:inset 0 0 0 4px var(--calcite-ui-brand)}:host([scale=s][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 4px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1)}:host([scale=m][checked]) .radio,:host([hovered][scale=m][checked][disabled]) .radio{box-shadow:inset 0 0 0 5px var(--calcite-ui-brand)}:host([scale=m][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 5px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1)}:host([scale=l][checked]) .radio,:host([hovered][scale=l][checked][disabled]) .radio{box-shadow:inset 0 0 0 6px var(--calcite-ui-brand)}:host([scale=l][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 6px var(--calcite-ui-brand), 0 0 0 2px var(--calcite-ui-foreground-1)}@media (forced-colors: active){:host([checked]) .radio::after,:host([checked][disabled]) .radio::after{content:"";inline-size:var(--calcite-radio-size);block-size:var(--calcite-radio-size);background-color:windowText;display:block}}::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}:host([hidden]){display:none}[hidden]{display:none}';export{z as calcite_radio_button}