@esri/calcite-components 1.0.0-next.682 → 1.0.0-next.684

package/dist/types/components.d.ts

@@ -33,8 +33,8 @@ import { Messages as Messages11 } from "./components/combobox/assets/combobox/t9
 import { Messages as Messages12 } from "./components/date-picker/assets/date-picker/t9n";
 import { DateLocaleData } from "./components/date-picker/utils";
 import { HoverRange } from "./utils/date";
-import { ItemKeyboardEvent, Selection } from "./components/dropdown/interfaces";
 import { RequestedItem as RequestedItem2, SelectionMode } from "./components/dropdown-group/interfaces";
+import { ItemKeyboardEvent } from "./components/dropdown/interfaces";
 import { Messages as Messages13 } from "./components/filter/assets/filter/t9n";
 import { Messages as Messages14 } from "./components/flow-item/assets/flow-item/t9n";
 import { ColorStop, DataSeries } from "./components/graph/interfaces";
@@ -52,7 +52,6 @@ import { ModalBackgroundColor } from "./components/modal/interfaces";
 import { Messages as Messages20 } from "./components/modal/assets/modal/t9n";
 import { Messages as Messages21 } from "./components/notice/assets/notice/t9n";
 import { Messages as Messages22 } from "./components/pagination/assets/pagination/t9n";
-import { PaginationDetail } from "./components/pagination/pagination";
 import { Messages as Messages23 } from "./components/panel/assets/panel/t9n";
 import { ItemData as ItemData1, ListFocusId } from "./components/pick-list/shared-list-logic";
 import { ICON_TYPES } from "./components/pick-list/resources";
@@ -67,7 +66,7 @@ import { TabChangeEventDetail } from "./components/tab/interfaces";
 import { TileSelectType } from "./components/tile-select/interfaces";
 import { TileSelectGroupLayout } from "./components/tile-select-group/interfaces";
 import { TimePart } from "./utils/time";
-import { TreeSelectDetail, TreeSelectionMode } from "./components/tree/interfaces";
+import { TreeSelectionMode } from "./components/tree/interfaces";
 import { TreeItemSelectDetail } from "./components/tree-item/interfaces";
 import { Messages as Messages28 } from "./components/value-list/assets/value-list/t9n";
 export namespace Components {
@@ -1456,24 +1455,6 @@ export namespace Components {
           * When `true`, inline editing is enabled on the component.
          */
         "editingEnabled": boolean;
-        /**
-          * Accessible name for the component's cancel editing button.
-          * @default "Cancel"
-          * @deprecated – translations are now built-in, if you need to override a string, please use `messageOverrides`.
-         */
-        "intlCancelEditing": string;
-        /**
-          * Accessible name for the component's confirm edits button.
-          * @default "Save"
-          * @deprecated – translations are now built-in, if you need to override a string, please use `messageOverrides`.
-         */
-        "intlConfirmChanges": string;
-        /**
-          * Accessible name for the component's enable editing button.
-          * @default "Click to edit"
-          * @deprecated – translations are now built-in, if you need to override a string, please use `messageOverrides`.
-         */
-        "intlEnableEditing": string;
         /**
           * When `true`, a busy indicator is displayed.
          */
@@ -1549,17 +1530,6 @@ export namespace Components {
           * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)
          */
         "inputMode": string;
-        /**
-          * Accessible name for the component's clear button.
-          * @deprecated – translations are now built-in, if you need to override a string, please use `messageOverrides`.
-         */
-        "intlClear": string;
-        /**
-          * Accessible name when the component is loading.
-          * @deprecated – translations are now built-in, if you need to override a string, please use `messageOverrides`.
-          * @default "Loading"
-         */
-        "intlLoading"?: string;
         /**
           * Accessible name for the component.
          */
@@ -1873,17 +1843,6 @@ export namespace Components {
           * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)
          */
         "inputMode": string;
-        /**
-          * A text label that will appear on the clear button for screen readers.
-          * @deprecated – translations are now built-in, if you need to override a string, please use `messageOverrides`.
-         */
-        "intlClear": string;
-        /**
-          * Accessible name that will appear while loading.
-          * @deprecated – translations are now built-in, if you need to override a string, please use `messageOverrides`.
-          * @default "Loading"
-         */
-        "intlLoading"?: string;
         /**
           * Accessible name for the component's button or hyperlink.
          */
@@ -2033,17 +1992,6 @@ export namespace Components {
           * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)
          */
         "inputMode": string;
-        /**
-          * A text label that will appear on the clear button for screen readers.
-          * @deprecated – translations are now built-in, if you need to override a string, please use `messageOverrides`.
-         */
-        "intlClear": string;
-        /**
-          * Accessible name that will appear while loading.
-          * @default "Loading"
-          * @deprecated – translations are now built-in, if you need to override a string, please use `messageOverrides`.
-         */
-        "intlLoading"?: string;
         /**
           * Accessible name for the component's button or hyperlink.
          */
@@ -3855,6 +3803,11 @@ export namespace Components {
           * Specifies the size of the component.
          */
         "scale": Scale;
+        /**
+          * Specifies the component's selected items.
+          * @readonly
+         */
+        "selectedItems": HTMLCalciteTreeItemElement[];
         /**
           * Customize how the component's selection works.
           * @default "single"
@@ -5975,7 +5928,7 @@ declare namespace LocalJSX {
         /**
           * Fires when a `calcite-dropdown-item`'s selection changes.
          */
-        "onCalciteDropdownSelect"?: (event: CalciteDropdownCustomEvent<Selection>) => void;
+        "onCalciteDropdownSelect"?: (event: CalciteDropdownCustomEvent<void>) => void;
         /**
           * When `true`, displays and positions the component.
          */
@@ -6273,24 +6226,6 @@ declare namespace LocalJSX {
           * When `true`, inline editing is enabled on the component.
          */
         "editingEnabled"?: boolean;
-        /**
-          * Accessible name for the component's cancel editing button.
-          * @default "Cancel"
-          * @deprecated – translations are now built-in, if you need to override a string, please use `messageOverrides`.
-         */
-        "intlCancelEditing"?: string;
-        /**
-          * Accessible name for the component's confirm edits button.
-          * @default "Save"
-          * @deprecated – translations are now built-in, if you need to override a string, please use `messageOverrides`.
-         */
-        "intlConfirmChanges"?: string;
-        /**
-          * Accessible name for the component's enable editing button.
-          * @default "Click to edit"
-          * @deprecated – translations are now built-in, if you need to override a string, please use `messageOverrides`.
-         */
-        "intlEnableEditing"?: string;
         /**
           * When `true`, a busy indicator is displayed.
          */
@@ -6368,17 +6303,6 @@ declare namespace LocalJSX {
           * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)
          */
         "inputMode"?: string;
-        /**
-          * Accessible name for the component's clear button.
-          * @deprecated – translations are now built-in, if you need to override a string, please use `messageOverrides`.
-         */
-        "intlClear"?: string;
-        /**
-          * Accessible name when the component is loading.
-          * @deprecated – translations are now built-in, if you need to override a string, please use `messageOverrides`.
-          * @default "Loading"
-         */
-        "intlLoading"?: string;
         /**
           * Accessible name for the component.
          */
@@ -6696,17 +6620,6 @@ declare namespace LocalJSX {
           * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)
          */
         "inputMode"?: string;
-        /**
-          * A text label that will appear on the clear button for screen readers.
-          * @deprecated – translations are now built-in, if you need to override a string, please use `messageOverrides`.
-         */
-        "intlClear"?: string;
-        /**
-          * Accessible name that will appear while loading.
-          * @deprecated – translations are now built-in, if you need to override a string, please use `messageOverrides`.
-          * @default "Loading"
-         */
-        "intlLoading"?: string;
         /**
           * Accessible name for the component's button or hyperlink.
          */
@@ -6847,17 +6760,6 @@ declare namespace LocalJSX {
           * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)
          */
         "inputMode"?: string;
-        /**
-          * A text label that will appear on the clear button for screen readers.
-          * @deprecated – translations are now built-in, if you need to override a string, please use `messageOverrides`.
-         */
-        "intlClear"?: string;
-        /**
-          * Accessible name that will appear while loading.
-          * @default "Loading"
-          * @deprecated – translations are now built-in, if you need to override a string, please use `messageOverrides`.
-         */
-        "intlLoading"?: string;
         /**
           * Accessible name for the component's button or hyperlink.
          */
@@ -7335,9 +7237,8 @@ declare namespace LocalJSX {
         "numberingSystem"?: NumberingSystem;
         /**
           * Emits when the selected page changes.
-          * @see [PaginationDetail](https://github.com/Esri/calcite-components/blob/master/src/components/pagination/pagination.tsx#L23)
          */
-        "onCalcitePaginationChange"?: (event: CalcitePaginationCustomEvent<PaginationDetail>) => void;
+        "onCalcitePaginationChange"?: (event: CalcitePaginationCustomEvent<void>) => void;
         /**
           * Specifies the size of the component.
          */
@@ -7819,7 +7720,7 @@ declare namespace LocalJSX {
         /**
           * Fires when the component's value changes.
          */
-        "onCalciteRatingChange"?: (event: CalciteRatingCustomEvent<{ value: number }>) => void;
+        "onCalciteRatingChange"?: (event: CalciteRatingCustomEvent<void>) => void;
         /**
           * When `true`, the component's value can be read, but cannot be modified.
          */
@@ -8231,9 +8132,8 @@ declare namespace LocalJSX {
     interface CalciteTabNav {
         /**
           * Emits when the selected `calcite-tab` changes.
-          * @see [TabChangeEventDetail](https://github.com/Esri/calcite-components/blob/master/src/components/tab/interfaces.ts#L1)
          */
-        "onCalciteTabChange"?: (event: CalciteTabNavCustomEvent<TabChangeEventDetail>) => void;
+        "onCalciteTabChange"?: (event: CalciteTabNavCustomEvent<void>) => void;
         /**
           * Specifies the name when saving selected `calcite-tab` data to `localStorage`.
          */
@@ -8262,9 +8162,8 @@ declare namespace LocalJSX {
         "iconStart"?: string;
         /**
           * Fires when a `calcite-tab` is selected. Emits the `tab` property, or the index position.
-          * @see [TabChangeEventDetail](https://github.com/Esri/calcite-components/blob/master/src/components/tab/interfaces.ts#L1)
          */
-        "onCalciteTabsActivate"?: (event: CalciteTabTitleCustomEvent<TabChangeEventDetail>) => void;
+        "onCalciteTabsActivate"?: (event: CalciteTabTitleCustomEvent<void>) => void;
         /**
           * When `true`, the component and its respective `calcite-tab` contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
          */
@@ -8539,14 +8438,18 @@ declare namespace LocalJSX {
          */
         "lines"?: boolean;
         /**
-          * Fires when the user selects/deselects `calcite-tree-items`. An object including an array of selected items will be passed in the event's `detail` property.
-          * @see [TreeSelectDetail](https://github.com/Esri/calcite-components/blob/master/src/components/tree/interfaces.ts#L1)
+          * Fires when the user selects/deselects `calcite-tree-items`.
          */
-        "onCalciteTreeSelect"?: (event: CalciteTreeCustomEvent<TreeSelectDetail>) => void;
+        "onCalciteTreeSelect"?: (event: CalciteTreeCustomEvent<void>) => void;
         /**
           * Specifies the size of the component.
          */
         "scale"?: Scale;
+        /**
+          * Specifies the component's selected items.
+          * @readonly
+         */
+        "selectedItems"?: HTMLCalciteTreeItemElement[];
         /**
           * Customize how the component's selection works.
           * @default "single"

package/hydrate/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.682
+ * v1.0.0-next.684
  */
 'use strict';
 
@@ -18819,9 +18819,7 @@ class Dropdown {
   handleItemSelect(event) {
     this.updateSelectedItems();
     event.stopPropagation();
-    this.calciteDropdownSelect.emit({
-      item: event.detail.requestedDropdownItem
-    });
+    this.calciteDropdownSelect.emit();
     if (!this.closeOnSelectDisabled ||
       event.detail.requestedDropdownGroup.selectionMode === "none") {
       this.closeCalciteDropdown();
@@ -19399,7 +19397,7 @@ class Filter {
   // --------------------------------------------------------------------------
   render() {
     const { disabled, scale } = this;
-    return (hAsync(Fragment, null, hAsync("div", { class: CSS$C.container }, hAsync("label", null, hAsync("calcite-input", { "aria-label": this.messages.label, clearable: true, disabled: disabled, icon: ICONS$a.search, intlClear: this.messages.clear, onCalciteInputInput: this.inputHandler, onKeyDown: this.keyDownHandler, placeholder: this.placeholder, ref: (el) => {
+    return (hAsync(Fragment, null, hAsync("div", { class: CSS$C.container }, hAsync("label", null, hAsync("calcite-input", { "aria-label": this.messages.label, clearable: true, disabled: disabled, icon: ICONS$a.search, messageOverrides: { clear: this.messages.clear }, onCalciteInputInput: this.inputHandler, onKeyDown: this.keyDownHandler, placeholder: this.placeholder, ref: (el) => {
         this.textInput = el;
       }, scale: scale, type: "text", value: this.value })))));
   }
@@ -20291,9 +20289,6 @@ class InlineEditable {
     this.editingEnabled = false;
     this.loading = false;
     this.controls = false;
-    this.intlEnableEditing = undefined;
-    this.intlCancelEditing = undefined;
-    this.intlConfirmChanges = undefined;
     this.scale = undefined;
     this.afterConfirm = undefined;
     this.messages = undefined;
@@ -20413,9 +20408,6 @@ class InlineEditable {
   static get watchers() { return {
     "disabled": ["disabledWatcher"],
     "editingEnabled": ["editingEnabledWatcher"],
-    "intlCancelEditing": ["onMessagesChange"],
-    "intlConfirmChanges": ["onMessagesChange"],
-    "intlEnableEditing": ["onMessagesChange"],
     "messageOverrides": ["onMessagesChange"],
     "effectiveLocale": ["effectiveLocaleChange"]
   }; }
@@ -20428,9 +20420,6 @@ class InlineEditable {
       "editingEnabled": [1540, "editing-enabled"],
       "loading": [1540],
       "controls": [516],
-      "intlEnableEditing": [513, "intl-enable-editing"],
-      "intlCancelEditing": [513, "intl-cancel-editing"],
-      "intlConfirmChanges": [513, "intl-confirm-changes"],
       "scale": [1537],
       "afterConfirm": [16],
       "messages": [1040],
@@ -20441,7 +20430,7 @@ class InlineEditable {
     },
     "$listeners$": [[0, "calciteInternalInputBlur", "blurHandler"]],
     "$lazyBundleId$": "-",
-    "$attrsToReflect$": [["disabled", "disabled"], ["editingEnabled", "editing-enabled"], ["loading", "loading"], ["controls", "controls"], ["intlEnableEditing", "intl-enable-editing"], ["intlCancelEditing", "intl-cancel-editing"], ["intlConfirmChanges", "intl-confirm-changes"], ["scale", "scale"]]
+    "$attrsToReflect$": [["disabled", "disabled"], ["editingEnabled", "editing-enabled"], ["loading", "loading"], ["controls", "controls"], ["scale", "scale"]]
   }; }
 }
 
@@ -20784,8 +20773,6 @@ class Input {
     this.groupSeparator = false;
     this.hidden = false;
     this.icon = undefined;
-    this.intlClear = undefined;
-    this.intlLoading = undefined;
     this.iconFlipRtl = false;
     this.label = undefined;
     this.loading = false;
@@ -21055,8 +21042,6 @@ class Input {
     "disabled": ["disabledWatcher"],
     "max": ["maxWatcher"],
     "min": ["minWatcher"],
-    "intlClear": ["onMessagesChange"],
-    "intlLoading": ["onMessagesChange"],
     "messageOverrides": ["onMessagesChange"],
     "value": ["valueWatcher"],
     "icon": ["updateRequestedIcon"],
@@ -21075,8 +21060,6 @@ class Input {
       "groupSeparator": [516, "group-separator"],
       "hidden": [516],
       "icon": [520],
-      "intlClear": [1, "intl-clear"],
-      "intlLoading": [1, "intl-loading"],
       "iconFlipRtl": [516, "icon-flip-rtl"],
       "label": [1],
       "loading": [516],
@@ -22064,8 +22047,6 @@ class InputNumber {
     this.groupSeparator = false;
     this.hidden = false;
     this.icon = undefined;
-    this.intlClear = undefined;
-    this.intlLoading = undefined;
     this.iconFlipRtl = false;
     this.label = undefined;
     this.loading = false;
@@ -22292,8 +22273,6 @@ class InputNumber {
     "disabled": ["disabledWatcher"],
     "max": ["maxWatcher"],
     "min": ["minWatcher"],
-    "intlClear": ["onMessagesChange"],
-    "intlLoading": ["onMessagesChange"],
     "messageOverrides": ["onMessagesChange"],
     "value": ["valueWatcher"],
     "icon": ["updateRequestedIcon"],
@@ -22311,8 +22290,6 @@ class InputNumber {
       "groupSeparator": [516, "group-separator"],
       "hidden": [516],
       "icon": [520],
-      "intlClear": [1, "intl-clear"],
-      "intlLoading": [1, "intl-loading"],
       "iconFlipRtl": [516, "icon-flip-rtl"],
       "label": [1],
       "loading": [516],
@@ -22501,8 +22478,6 @@ class InputText {
     this.disabled = false;
     this.hidden = false;
     this.icon = undefined;
-    this.intlClear = undefined;
-    this.intlLoading = undefined;
     this.iconFlipRtl = false;
     this.label = undefined;
     this.loading = false;
@@ -22654,8 +22629,6 @@ class InputText {
   get el() { return getElement(this); }
   static get watchers() { return {
     "disabled": ["disabledWatcher"],
-    "intlClear": ["onMessagesChange"],
-    "intlLoading": ["onMessagesChange"],
     "messageOverrides": ["onMessagesChange"],
     "value": ["valueWatcher"],
     "icon": ["updateRequestedIcon"],
@@ -22672,8 +22645,6 @@ class InputText {
       "disabled": [516],
       "hidden": [516],
       "icon": [520],
-      "intlClear": [1, "intl-clear"],
-      "intlLoading": [1, "intl-loading"],
       "iconFlipRtl": [516, "icon-flip-rtl"],
       "label": [1],
       "loading": [516],
@@ -26125,12 +26096,7 @@ class Pagination {
     return (this.total - this.start) / this.num > 3;
   }
   emitUpdate() {
-    const changePayload = {
-      start: this.start,
-      total: this.total,
-      num: this.num
-    };
-    this.calcitePaginationChange.emit(changePayload);
+    this.calcitePaginationChange.emit();
   }
   //--------------------------------------------------------------------------
   //
@@ -28537,7 +28503,7 @@ class Rating {
   }
   updateValue(value) {
     this.value = value;
-    this.calciteRatingChange.emit({ value });
+    this.calciteRatingChange.emit();
   }
   //--------------------------------------------------------------------------
   //
@@ -34162,9 +34128,7 @@ class TabNav {
     event.preventDefault();
   }
   activateTabHandler(event) {
-    this.calciteTabChange.emit({
-      tab: this.selectedTab
-    });
+    this.calciteTabChange.emit();
     event.stopPropagation();
     event.preventDefault();
   }
@@ -34439,7 +34403,7 @@ class TabTitle {
     const payload = { tab: this.tab };
     this.calciteInternalTabsActivate.emit(payload);
     if (userTriggered) {
-      this.calciteTabsActivate.emit(payload);
+      this.calciteTabsActivate.emit();
     }
   }
   get el() { return getElement(this); }
@@ -36326,6 +36290,7 @@ class Tree {
     this.child = undefined;
     this.scale = "m";
     this.selectionMode = "single";
+    this.selectedItems = [];
   }
   //--------------------------------------------------------------------------
   //
@@ -36443,10 +36408,10 @@ class Tree {
         });
       }
     }
-    const selected = isNoneSelectionMode
+    this.selectedItems = isNoneSelectionMode
       ? [target]
       : nodeListToArray(this.el.querySelectorAll("calcite-tree-item")).filter((i) => i.selected);
-    this.calciteTreeSelect.emit({ selected });
+    this.calciteTreeSelect.emit();
     event.stopPropagation();
   }
   keyDownHandler(event) {
@@ -36553,9 +36518,8 @@ class Tree {
       ancestor.indeterminate = indeterminate;
       ancestor.selected = !indeterminate;
     });
-    this.calciteTreeSelect.emit({
-      selected: nodeListToArray(this.el.querySelectorAll("calcite-tree-item")).filter((i) => i.selected)
-    });
+    this.selectedItems = nodeListToArray(this.el.querySelectorAll("calcite-tree-item")).filter((i) => i.selected);
+    this.calciteTreeSelect.emit();
   }
   // --------------------------------------------------------------------------
   //
@@ -36574,7 +36538,8 @@ class Tree {
       "lines": [1540],
       "child": [1540],
       "scale": [1537],
-      "selectionMode": [1537, "selection-mode"]
+      "selectionMode": [1537, "selection-mode"],
+      "selectedItems": [1040]
     },
     "$listeners$": [[0, "focus", "onFocus"], [0, "focusin", "onFocusIn"], [0, "focusout", "onFocusOut"], [0, "calciteInternalTreeItemSelect", "onClick"], [0, "keydown", "keyDownHandler"]],
     "$lazyBundleId$": "-",

package/package.json

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

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

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.682
- */
-import{f as t}from"./p-c794ab92.js";import{c as o}from"./p-30cdc87a.js";const c=new Set;let n;const s={childList:!0};function a(t){n||(n=o("mutation",i)),n.observe(t.el,s)}function f(t){c.delete(t.el),i(n.takeRecords()),n.disconnect();for(const[t]of c.entries())n.observe(t,s)}function i(o){o.forEach((({target:o})=>{t(o)}))}export{a as c,f as d}

package/dist/calcite/p-2778e0f5.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.682
- */
-import{r as t,c as i,h as e,H as n,g as o}from"./p-c794ab92.js";import{g as a,i as s,d as r,h as l,b as c}from"./p-a292fa76.js";import{c as u,d as h,g as d}from"./p-684270dd.js";import{s as m,c as b,d as p,H as f}from"./p-e3231348.js";import{n as v,i as g,p as x,s as w,a as y,c as k,d as z}from"./p-d6c81002.js";import{n as j}from"./p-b5cd3e63.js";import{C as I}from"./p-b19fc1c6.js";import{d as D}from"./p-74a443a7.js";import{c as C}from"./p-30cdc87a.js";import{u as E}from"./p-7e435546.js";import{u as L,c as W,d as N,s as _}from"./p-b4e35d3f.js";import{a as F,s as M,c as P}from"./p-174977df.js";import"./p-4790f52b.js";const A=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=C("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||m(this)&&t.preventDefault())},this.clearInputValue=t=>{this.setNumberValue({committing:!0,nativeEvent:t,origin:"user",value:""})},this.emitChangeIfUserModified=()=>{"user"===this.previousValueOrigin&&this.value!==this.previousEmittedValue&&this.calciteInputNumberChange.emit(),this.previousEmittedValue=this.value},this.inputNumberBlurHandler=()=>{this.calciteInternalInputNumberBlur.emit(),this.emitChangeIfUserModified()},this.clickHandler=t=>{const i=a(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;v.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};const e=v.delocalize(i);"insertFromPaste"===t.inputType?(g(e)||t.preventDefault(),this.setNumberValue({nativeEvent:t,origin:"user",value:x(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=[...j,"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)||t.shiftKey&&!e){if(v.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator},t.key===v.decimal){if(!this.value&&!this.childNumberEl.value)return;if(this.value&&-1===this.childNumberEl.value.indexOf(v.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()}else"Enter"===t.key&&this.emitChangeIfUserModified()},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 o=!0;this.nudgeNumberValueIntervalId=window.setInterval((()=>{o?o=!1:this.incrementOrDecrementNumberValue(t,e,n,i)}),100)},this.nudgeButtonPointerUpAndOutHandler=t=>{s(t)&&window.clearInterval(this.nudgeNumberValueIntervalId)},this.nudgeButtonPointerDownHandler=t=>{s(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.previousEmittedValue=g(t)?t:""},this.setPreviousNumberValue=t=>{this.previousValue=g(t)?t:""},this.setNumberValue=({committing:t=!1,nativeEvent:i,origin:e,previousValue:n,value:o})=>{v.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};const a=w(this.numberingSystem&&"latn"!==this.numberingSystem||"latn"!==y?v.delocalize(o):o),s=o&&!a?g(this.previousValue)?this.previousValue:"":a,r=v.localize(s);if(this.setPreviousNumberValue(n||this.value),this.previousValueOrigin=e,this.userChangedValue="user"===e&&this.value!==s,this.value=s,this.localizedValue=r,"direct"===e&&this.setInputNumberValue(r),i)if(this.calciteInputNumberInput.emit().defaultPrevented){const t=v.localize(this.previousValue);this.value=this.previousValue,this.localizedValue=t}else t&&this.emitChangeIfUserModified()},this.inputNumberKeyUpHandler=()=>{window.clearInterval(this.nudgeNumberValueIntervalId)},this.alignment="start",this.autofocus=!1,this.clearable=!1,this.disabled=!1,this.groupSeparator=!1,this.hidden=!1,this.icon=void 0,this.intlClear=void 0,this.intlLoading=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}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?"":g(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){L(this,this.effectiveLocale),v.numberFormatOptions={locale:t,numberingSystem:this.numberingSystem,useGrouping:!1}}connectedCallback(){k(this),W(this),this.scale=l(this.el,"scale",this.scale),this.inlineEditableEl=this.el.closest("calcite-inline-editable"),this.inlineEditableEl&&(this.editingEnabled=this.inlineEditableEl.editingEnabled||!1),u(this),b(this),this.setPreviousEmittedNumberValue(this.value),this.setPreviousNumberValue(this.value),this.warnAboutInvalidNumberValue(this.value),this.setNumberValue({origin:"connected",value:g(this.value)?this.value:""}),this.mutationObserver?.observe(this.el,{childList:!0}),this.setDisabledAction(),this.el.addEventListener("calciteInternalHiddenInputChange",this.hiddenInputChangeHandler)}componentDidLoad(){F(this)}disconnectedCallback(){h(this),p(this),z(this),N(this),this.mutationObserver?.disconnect(),this.el.removeEventListener("calciteInternalHiddenInputChange",this.hiddenInputChangeHandler)}async componentWillLoad(){M(this),this.maxString=this.max?.toString(),this.minString=this.min?.toString(),this.requestedIcon=r({},this.icon,"number"),await _(this)}componentShouldUpdate(t,i,e){return!("value"===e&&t&&!g(t)&&(this.setNumberValue({origin:"reset",value:i}),1))}componentDidRender(){E(this)}async setFocus(){await P(this),this.childNumberEl?.focus()}async selectText(){this.childNumberEl?.select()}onLabelClick(){this.setFocus()}incrementOrDecrementNumberValue(t,i,e,n){const{value:o}=this,a="any"===this.step?1:Math.abs(this.step||1),s=o&&""!==o?parseFloat(o):0,r=s+a*("up"===t?1:-1),l="number"==typeof e&&!isNaN(e)&&r<e||"number"==typeof i&&!isNaN(i)&&r>i?s:r,c=D(s),u=D(a);this.setNumberValue({committing:!0,nativeEvent:n,origin:"user",value:l.toFixed(Math.max(c,u))})}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=a(this.el,"action");t&&(this.disabled?t.setAttribute("disabled",""):t.removeAttribute("disabled"))}warnAboutInvalidNumberValue(t){t&&!g(t)&&console.warn(`The specified value "${t}" cannot be parsed, or is out of range.`)}render(){const t=c(this.el),i=e("div",{class:"loader"},e("calcite-progress",{label:this.messages.loading,type:"indeterminate"})),o=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:"s"})),a=e("calcite-icon",{class:"icon",flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:"s"}),s="horizontal"===this.numberButtonType,r=e("button",{"aria-hidden":"true",class:{"number-button-item":!0,"number-button-item--horizontal":s},"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:"s"})),l=e("button",{"aria-hidden":"true",class:{"number-button-item":!0,"number-button-item--horizontal":s},"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:"s"})),u=e("div",{class:"number-button-wrapper"},r,l),h=e("div",{class:"prefix"},this.prefixText),m=e("div",{class:"suffix"},this.suffixText),b=e("input",{"aria-label":d(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,ref:this.setChildNumberElRef,type:"text",value:this.localizedValue});return e(n,{onClick:this.clickHandler,onKeyDown:this.keyDownHandler},e("div",{class:{wrapper:!0,[I.rtl]:"rtl"===t}},"horizontal"!==this.numberButtonType||this.readOnly?null:l,this.prefixText?h:null,e("div",{class:"element-wrapper"},b,this.isClearable?o:null,this.requestedIcon?a:null,this.loading?i:null),e("div",{class:"action-wrapper"},e("slot",{name:"action"})),"vertical"!==this.numberButtonType||this.readOnly?null:u,this.suffixText?m:null,"horizontal"!==this.numberButtonType||this.readOnly?null:r,e(f,{component:this})))}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{disabled:["disabledWatcher"],max:["maxWatcher"],min:["minWatcher"],intlClear:["onMessagesChange"],intlLoading:["onMessagesChange"],messageOverrides:["onMessagesChange"],value:["valueWatcher"],icon:["updateRequestedIcon"],effectiveLocale:["effectiveLocaleWatcher"]}}};A.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]) .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-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:3rem}.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}.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}.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}";export{A as calcite_input_number}

package/dist/calcite/p-423a45cd.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.682
- */
-import{h as t}from"./p-c794ab92.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-5a9c3638.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.682
- */
-import{r as i,c as t,h as a,F as e,g as n}from"./p-c794ab92.js";import{g as s}from"./p-4790f52b.js";import{c as o,d as c}from"./p-684270dd.js";import{c as r,d as l,H as d}from"./p-e3231348.js";import{u as h}from"./p-7e435546.js";import{i as p}from"./p-b5cd3e63.js";import{c as m,d as u}from"./p-d6c81002.js";import{c as f,s as g,d as v,u as b}from"./p-b4e35d3f.js";import{s as y,a as w,c as x}from"./p-174977df.js";import"./p-a292fa76.js";import"./p-b19fc1c6.js";import"./p-30cdc87a.js";const k=class{constructor(a){i(this,a),this.calciteRatingChange=t(this,"calciteRatingChange",6),this.onKeyboardPressed=i=>{!this.required&&p(i.key)&&(i.preventDefault(),this.updateValue(0))},this.onFocusChange=i=>{this.hasFocus=!0,this.required||this.focusValue!==i?this.focusValue=i:this.updateValue(0)},this.guid=`calcite-ratings-${s()}`,this.scale="m",this.value=0,this.readOnly=!1,this.disabled=!1,this.showChip=!1,this.count=void 0,this.average=void 0,this.name=void 0,this.messages=void 0,this.messageOverrides=void 0,this.required=!1,this.effectiveLocale="",this.defaultMessages=void 0,this.hoverValue=void 0,this.focusValue=void 0,this.hasFocus=void 0}onMessagesChange(){}connectedCallback(){m(this),f(this),o(this),r(this)}async componentWillLoad(){await g(this),y(this)}componentDidLoad(){w(this)}disconnectedCallback(){u(this),v(this),c(this),l(this)}componentDidRender(){h(this)}blurHandler(){this.hasFocus=!1}renderStars(){return[1,2,3,4,5].map((i=>{const t=this.value>=i,e=this.average&&!this.value&&i<=this.average,n=i<=this.hoverValue,s=this.average&&this.average+1-i,o=!this.value&&!n&&s>0&&s<1;return a("span",{class:{wrapper:!0}},a("label",{class:{star:!0,focused:this.hasFocus&&this.focusValue===i,selected:t,average:e,hovered:n,partial:o},htmlFor:`${this.guid}-${i}`,onPointerOver:()=>{this.hoverValue=i}},a("calcite-icon",{"aria-hidden":"true",class:"icon",icon:t||e||this.readOnly?"star-f":"star",scale:this.scale}),o&&a("div",{class:"fraction",style:{width:100*s+"%"}},a("calcite-icon",{icon:"star-f",scale:this.scale})),a("span",{class:"visually-hidden"},this.messages.stars.replace("${num}",`${i}`))),a("input",{checked:i===this.value,class:"visually-hidden",disabled:this.disabled||this.readOnly,id:`${this.guid}-${i}`,name:this.guid,onChange:()=>this.updateValue(i),onClick:i=>i.stopPropagation(),onFocus:()=>this.onFocusChange(i),onKeyDown:this.onKeyboardPressed,ref:t=>(1===i||i===this.value)&&(this.inputFocusRef=t),type:"radio",value:i}))}))}render(){const{disabled:i,messages:t,showChip:n,scale:s,count:o,average:c}=this;return a(e,null,a("fieldset",{class:"fieldset",disabled:i,onBlur:()=>this.hoverValue=null,onPointerLeave:()=>this.hoverValue=null,onTouchEnd:()=>this.hoverValue=null},a("legend",{class:"visually-hidden"},t.rating),this.renderStars()),(o||c)&&n?a("calcite-chip",{scale:s,value:o?.toString()},!!c&&a("span",{class:"number--average"},c.toString()),!!o&&a("span",{class:"number--count"},"(",o?.toString(),")")):null,a(d,{component:this}))}onLabelClick(){this.setFocus()}updateValue(i){this.value=i,this.calciteRatingChange.emit({value:i})}async setFocus(){await x(this),this.inputFocusRef?.focus()}effectiveLocaleChange(){b(this,this.effectiveLocale)}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};k.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{position:relative;display:flex;align-items:center;inline-size:-moz-fit-content;inline-size:fit-content}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([scale=s]){block-size:1.5rem;--calcite-rating-spacing-unit:0.25rem}:host([scale=m]){block-size:2rem;--calcite-rating-spacing-unit:0.5rem}:host([scale=l]){block-size:2.75rem;--calcite-rating-spacing-unit:0.75rem}:host([read-only]){pointer-events:none}.fieldset{margin:0px;display:flex;border-width:0px;padding:0px}.wrapper{display:inline-block;margin-inline-end:var(--calcite-rating-spacing-unit)}.star{position:relative;display:flex;cursor:pointer;outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;color:var(--calcite-ui-border-input)}.focused{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.average,.fraction{color:var(--calcite-ui-warning)}.hovered,.selected,:host([read-only]) .average,:host([read-only]) .fraction{color:var(--calcite-ui-brand)}:host .fraction{pointer-events:none;position:absolute;inset-block-start:0px;overflow:hidden;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;inset-inline-start:0}calcite-chip{pointer-events:none;cursor:default}.number--average{font-weight:var(--calcite-font-weight-bold)}.number--count{color:var(--calcite-ui-text-2);font-style:italic}.number--count:not(:first-child){margin-inline-start:var(--calcite-rating-spacing-unit)}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";export{k as calcite_rating}