@esri/calcite-components 1.0.0-next.680 → 1.0.0-next.681

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.680
+ * v1.0.0-next.681
  */
 'use strict';
 
@@ -6444,10 +6444,6 @@ const CSS$V = {
   textContainer: "text-container",
   textContainerVisible: "text-container--visible"
 };
-const TEXT$4 = {
-  loading: "Loading",
-  indicator: "indicator present"
-};
 const SLOTS$t = {
   tooltip: "tooltip"
 };
@@ -7112,8 +7108,6 @@ class Action {
     this.disabled = false;
     this.icon = undefined;
     this.indicator = false;
-    this.intlIndicator = TEXT$4.indicator;
-    this.intlLoading = undefined;
     this.label = undefined;
     this.loading = false;
     this.scale = "m";
@@ -7208,8 +7202,6 @@ class Action {
   static get assetsDirs() { return ["assets"]; }
   get el() { return getElement(this); }
   static get watchers() { return {
-    "intlLoading": ["onMessagesChange"],
-    "intlIndicator": ["onMessagesChange"],
     "messageOverrides": ["onMessagesChange"],
     "effectiveLocale": ["effectiveLocaleChange"]
   }; }
@@ -7225,8 +7217,6 @@ class Action {
       "disabled": [516],
       "icon": [1],
       "indicator": [516],
-      "intlIndicator": [1, "intl-indicator"],
-      "intlLoading": [1, "intl-loading"],
       "label": [1],
       "loading": [516],
       "scale": [513],
@@ -8699,8 +8689,6 @@ class ActionBar {
     };
     this.expandDisabled = false;
     this.expanded = false;
-    this.intlExpand = undefined;
-    this.intlCollapse = undefined;
     this.layout = "vertical";
     this.overflowActionsDisabled = false;
     this.position = undefined;
@@ -8794,9 +8782,7 @@ class ActionBar {
   renderBottomActionGroup() {
     const { expanded, expandDisabled, el, position, toggleExpand, scale, layout, messages } = this;
     const tooltip = getSlotted(el, SLOTS$q.expandTooltip);
-    const expandToggleNode = !expandDisabled ? (hAsync(ExpandToggle, { el: el, expanded: expanded,
-      // rename intl properties for 1.0
-      intlCollapse: messages.collapse, intlExpand: messages.expand, position: position, ref: this.setExpandToggleRef, scale: scale, toggle: toggleExpand, tooltip: tooltip })) : null;
+    const expandToggleNode = !expandDisabled ? (hAsync(ExpandToggle, { el: el, expanded: expanded, intlCollapse: messages.collapse, intlExpand: messages.expand, position: position, ref: this.setExpandToggleRef, scale: scale, toggle: toggleExpand, tooltip: tooltip })) : null;
     return getSlotted(el, SLOTS$q.bottomActions) || expandToggleNode ? (hAsync("calcite-action-group", { class: CSS$T.actionGroupBottom, layout: layout, scale: scale }, hAsync("slot", { name: SLOTS$q.bottomActions }), hAsync("slot", { name: SLOTS$q.expandTooltip }), expandToggleNode)) : null;
   }
   render() {
@@ -8808,8 +8794,6 @@ class ActionBar {
     "expandDisabled": ["expandHandler"],
     "expanded": ["expandedHandler"],
     "overflowActionsDisabled": ["overflowDisabledHandler"],
-    "intlCollapse": ["onMessagesChange"],
-    "intlExpand": ["onMessagesChange"],
     "messageOverrides": ["onMessagesChange"],
     "effectiveLocale": ["effectiveLocaleChange"]
   }; }
@@ -8820,8 +8804,6 @@ class ActionBar {
     "$members$": {
       "expandDisabled": [516, "expand-disabled"],
       "expanded": [1540],
-      "intlExpand": [1, "intl-expand"],
-      "intlCollapse": [1, "intl-collapse"],
       "layout": [513],
       "overflowActionsDisabled": [516, "overflow-actions-disabled"],
       "position": [513],
@@ -8860,7 +8842,6 @@ class ActionGroup {
     this.expanded = false;
     this.layout = "vertical";
     this.columns = undefined;
-    this.intlMore = undefined;
     this.menuOpen = false;
     this.scale = undefined;
     this.messages = undefined;
@@ -8917,7 +8898,6 @@ class ActionGroup {
   get el() { return getElement(this); }
   static get watchers() { return {
     "expanded": ["expandedHandler"],
-    "intlMore": ["onMessagesChange"],
     "messageOverrides": ["onMessagesChange"],
     "effectiveLocale": ["effectiveLocaleChange"]
   }; }
@@ -8929,7 +8909,6 @@ class ActionGroup {
       "expanded": [516],
       "layout": [513],
       "columns": [514],
-      "intlMore": [1, "intl-more"],
       "menuOpen": [1540, "menu-open"],
       "scale": [513],
       "messages": [1040],
@@ -9278,8 +9257,6 @@ class ActionPad {
     this.expandDisabled = false;
     this.expanded = false;
     this.layout = "vertical";
-    this.intlExpand = undefined;
-    this.intlCollapse = undefined;
     this.position = undefined;
     this.scale = undefined;
     this.messages = undefined;
@@ -9356,8 +9333,6 @@ class ActionPad {
   get el() { return getElement(this); }
   static get watchers() { return {
     "expanded": ["expandedHandler"],
-    "intlCollapse": ["onMessagesChange"],
-    "intlExpand": ["onMessagesChange"],
     "messageOverrides": ["onMessagesChange"],
     "effectiveLocale": ["effectiveLocaleChange"]
   }; }
@@ -9369,8 +9344,6 @@ class ActionPad {
       "expandDisabled": [516, "expand-disabled"],
       "expanded": [1540],
       "layout": [513],
-      "intlExpand": [1, "intl-expand"],
-      "intlCollapse": [1, "intl-collapse"],
       "position": [513],
       "scale": [513],
       "messages": [1040],
@@ -9539,7 +9512,6 @@ class Alert {
     this.autoCloseDuration = this.autoClose ? "medium" : null;
     this.color = "blue";
     this.icon = undefined;
-    this.intlClose = undefined;
     this.label = undefined;
     this.numberingSystem = undefined;
     this.placement = "bottom";
@@ -9700,7 +9672,6 @@ class Alert {
   get el() { return getElement(this); }
   static get watchers() { return {
     "open": ["openHandler"],
-    "intlClose": ["onMessagesChange"],
     "messageOverrides": ["onMessagesChange"],
     "icon": ["updateRequestedIcon"],
     "color": ["updateRequestedIcon"],
@@ -9717,7 +9688,6 @@ class Alert {
       "autoCloseDuration": [513, "auto-close-duration"],
       "color": [513],
       "icon": [520],
-      "intlClose": [1, "intl-close"],
       "label": [1],
       "numberingSystem": [513, "numbering-system"],
       "placement": [513],
@@ -10058,10 +10028,6 @@ class Block {
     this.dragHandle = false;
     this.heading = undefined;
     this.headingLevel = undefined;
-    this.intlCollapse = undefined;
-    this.intlExpand = undefined;
-    this.intlLoading = undefined;
-    this.intlOptions = undefined;
     this.loading = false;
     this.open = false;
     this.status = undefined;
@@ -10143,10 +10109,6 @@ class Block {
   static get assetsDirs() { return ["assets"]; }
   get el() { return getElement(this); }
   static get watchers() { return {
-    "intlCollapse": ["onMessagesChange"],
-    "intlExpand": ["onMessagesChange"],
-    "intlLoading": ["onMessagesChange"],
-    "intlOptions": ["onMessagesChange"],
     "messageOverrides": ["onMessagesChange"],
     "effectiveLocale": ["effectiveLocaleChange"]
   }; }
@@ -10160,10 +10122,6 @@ class Block {
       "dragHandle": [516, "drag-handle"],
       "heading": [1],
       "headingLevel": [514, "heading-level"],
-      "intlCollapse": [1, "intl-collapse"],
-      "intlExpand": [1, "intl-expand"],
-      "intlLoading": [1, "intl-loading"],
-      "intlOptions": [1, "intl-options"],
       "loading": [516],
       "open": [1540],
       "status": [513],
@@ -10225,8 +10183,6 @@ class BlockSection {
       this.open = !this.open;
       this.calciteBlockSectionToggle.emit();
     };
-    this.intlCollapse = undefined;
-    this.intlExpand = undefined;
     this.open = false;
     this.status = undefined;
     this.text = undefined;
@@ -10297,8 +10253,6 @@ class BlockSection {
   static get assetsDirs() { return ["assets"]; }
   get el() { return getElement(this); }
   static get watchers() { return {
-    "intlCollapse": ["onMessagesChange"],
-    "intlExpand": ["onMessagesChange"],
     "messageOverrides": ["onMessagesChange"],
     "effectiveLocale": ["effectiveLocaleChange"]
   }; }
@@ -10307,8 +10261,6 @@ class BlockSection {
     "$flags$": 9,
     "$tagName$": "calcite-block-section",
     "$members$": {
-      "intlCollapse": [1, "intl-collapse"],
-      "intlExpand": [1, "intl-expand"],
       "open": [1540],
       "status": [513],
       "text": [1],
@@ -10729,7 +10681,6 @@ class Button {
     this.iconEnd = undefined;
     this.iconFlipRtl = undefined;
     this.iconStart = undefined;
-    this.intlLoading = undefined;
     this.loading = false;
     this.name = undefined;
     this.rel = undefined;
@@ -10841,7 +10792,6 @@ class Button {
   get el() { return getElement(this); }
   static get watchers() { return {
     "loading": ["loadingChanged"],
-    "intlLoading": ["onMessagesChange"],
     "messageOverrides": ["onMessagesChange"],
     "effectiveLocale": ["effectiveLocaleChange"]
   }; }
@@ -10859,7 +10809,6 @@ class Button {
       "iconEnd": [513, "icon-end"],
       "iconFlipRtl": [513, "icon-flip-rtl"],
       "iconStart": [513, "icon-start"],
-      "intlLoading": [1, "intl-loading"],
       "loading": [516],
       "name": [513],
       "rel": [513],
@@ -10939,9 +10888,6 @@ class Card {
     this.loading = false;
     this.selected = false;
     this.selectable = false;
-    this.intlLoading = undefined;
-    this.intlSelect = undefined;
-    this.intlDeselect = undefined;
     this.thumbnailPosition = "block-start";
     this.messages = undefined;
     this.messageOverrides = undefined;
@@ -11005,9 +10951,6 @@ class Card {
   static get assetsDirs() { return ["assets"]; }
   get el() { return getElement(this); }
   static get watchers() { return {
-    "intlLoading": ["onMessagesChange"],
-    "intlDeselect": ["onMessagesChange"],
-    "intlSelect": ["onMessagesChange"],
     "messageOverrides": ["onMessagesChange"],
     "effectiveLocale": ["effectiveLocaleChange"]
   }; }
@@ -11019,9 +10962,6 @@ class Card {
       "loading": [516],
       "selected": [1540],
       "selectable": [516],
-      "intlLoading": [1, "intl-loading"],
-      "intlSelect": [1, "intl-select"],
-      "intlDeselect": [1, "intl-deselect"],
       "thumbnailPosition": [513, "thumbnail-position"],
       "messages": [1040],
       "messageOverrides": [1040],
@@ -11200,7 +11140,6 @@ class Chip {
     this.appearance = "solid";
     this.color = "grey";
     this.closable = false;
-    this.dismissLabel = undefined;
     this.icon = undefined;
     this.iconFlipRtl = false;
     this.scale = "m";
@@ -11249,13 +11188,6 @@ class Chip {
     await componentLoaded(this);
     this.closeButton?.focus();
   }
-  getExtraMessageOverrides() {
-    const extraOverrides = {};
-    if (this.dismissLabel) {
-      extraOverrides.dismissLabel = this.dismissLabel;
-    }
-    return extraOverrides;
-  }
   //--------------------------------------------------------------------------
   //
   //  Render Methods
@@ -11274,7 +11206,6 @@ class Chip {
   static get assetsDirs() { return ["assets"]; }
   get el() { return getElement(this); }
   static get watchers() { return {
-    "dismissLabel": ["onMessagesChange"],
     "messageOverrides": ["onMessagesChange"],
     "effectiveLocale": ["effectiveLocaleChange"]
   }; }
@@ -11286,7 +11217,6 @@ class Chip {
       "appearance": [513],
       "color": [513],
       "closable": [1540],
-      "dismissLabel": [1, "dismiss-label"],
       "icon": [513],
       "iconFlipRtl": [516, "icon-flip-rtl"],
       "scale": [513],
@@ -13856,25 +13786,6 @@ class ColorPicker {
     this.hideHex = false;
     this.hideChannels = false;
     this.hideSaved = false;
-    this.intlB = undefined;
-    this.intlBlue = undefined;
-    this.intlDeleteColor = undefined;
-    this.intlG = undefined;
-    this.intlGreen = undefined;
-    this.intlH = undefined;
-    this.intlHsv = undefined;
-    this.intlHex = undefined;
-    this.intlHue = undefined;
-    this.intlNoColor = undefined;
-    this.intlR = undefined;
-    this.intlRed = undefined;
-    this.intlRgb = undefined;
-    this.intlS = undefined;
-    this.intlSaturation = undefined;
-    this.intlSaveColor = undefined;
-    this.intlSaved = undefined;
-    this.intlV = undefined;
-    this.intlValue = undefined;
     this.scale = "m";
     this.storageId = undefined;
     this.messageOverrides = undefined;
@@ -14244,25 +14155,6 @@ class ColorPicker {
     "color": ["handleColorChange"],
     "format": ["handleFormatChange"],
     "scale": ["handleScaleChange"],
-    "intlG": ["onMessagesChange"],
-    "intlB": ["onMessagesChange"],
-    "intlV": ["onMessagesChange", "onMessagesChange"],
-    "intlBlue": ["onMessagesChange"],
-    "intlDeleteColor": ["onMessagesChange"],
-    "intlGreen": ["onMessagesChange"],
-    "intlH": ["onMessagesChange"],
-    "intlHsv": ["onMessagesChange"],
-    "intlHex": ["onMessagesChange"],
-    "intlHue": ["onMessagesChange"],
-    "intlNoColor": ["onMessagesChange"],
-    "intlR": ["onMessagesChange"],
-    "intlRed": ["onMessagesChange"],
-    "intlRgb": ["onMessagesChange"],
-    "intlS": ["onMessagesChange"],
-    "intlSaturation": ["onMessagesChange"],
-    "intlSaveColor": ["onMessagesChange"],
-    "intlSaved": ["onMessagesChange"],
-    "intlValue": ["onMessagesChange"],
     "messageOverrides": ["onMessagesChange"],
     "value": ["handleValueChange"],
     "effectiveLocale": ["effectiveLocaleChange"]
@@ -14280,25 +14172,6 @@ class ColorPicker {
       "hideHex": [516, "hide-hex"],
       "hideChannels": [516, "hide-channels"],
       "hideSaved": [516, "hide-saved"],
-      "intlB": [1, "intl-b"],
-      "intlBlue": [1, "intl-blue"],
-      "intlDeleteColor": [1, "intl-delete-color"],
-      "intlG": [1, "intl-g"],
-      "intlGreen": [1, "intl-green"],
-      "intlH": [1, "intl-h"],
-      "intlHsv": [1, "intl-hsv"],
-      "intlHex": [1, "intl-hex"],
-      "intlHue": [1, "intl-hue"],
-      "intlNoColor": [1, "intl-no-color"],
-      "intlR": [1, "intl-r"],
-      "intlRed": [1, "intl-red"],
-      "intlRgb": [1, "intl-rgb"],
-      "intlS": [1, "intl-s"],
-      "intlSaturation": [1, "intl-saturation"],
-      "intlSaveColor": [1, "intl-save-color"],
-      "intlSaved": [1, "intl-saved"],
-      "intlV": [1, "intl-v"],
-      "intlValue": [1, "intl-value"],
       "scale": [513],
       "storageId": [513, "storage-id"],
       "messageOverrides": [1040],
@@ -16625,7 +16498,6 @@ class Combobox {
     this.selectionMode = "multi";
     this.scale = "m";
     this.value = null;
-    this.intlRemoveTag = undefined;
     this.flipPlacements = undefined;
     this.messages = undefined;
     this.messageOverrides = undefined;
@@ -17038,7 +16910,7 @@ class Combobox {
       const ancestors = [...getItemAncestors(item)].reverse();
       const pathLabel = [...ancestors, item].map((el) => el.textLabel);
       const label = selectionMode !== "ancestors" ? item.textLabel : pathLabel.join(" / ");
-      return (hAsync("calcite-chip", { class: chipClasses, closable: true, dismissLabel: messages.removeTag, icon: item.icon, id: item.guid ? `${chipUidPrefix}${item.guid}` : null, key: item.textLabel, onCalciteChipClose: () => this.calciteChipCloseHandler(item), scale: scale, title: label, value: item.value }, label));
+      return (hAsync("calcite-chip", { class: chipClasses, closable: true, icon: item.icon, id: item.guid ? `${chipUidPrefix}${item.guid}` : null, key: item.textLabel, messageOverrides: { dismissLabel: messages.removeTag }, onCalciteChipClose: () => this.calciteChipCloseHandler(item), scale: scale, title: label, value: item.value }, label));
     });
   }
   renderInput() {
@@ -17106,7 +16978,6 @@ class Combobox {
     "maxItems": ["maxItemsHandler"],
     "overlayPositioning": ["overlayPositioningHandler"],
     "value": ["valueHandler"],
-    "intlRemoveTag": ["onMessagesChange"],
     "messageOverrides": ["onMessagesChange"],
     "flipPlacements": ["flipPlacementsHandler"],
     "selectedItems": ["selectedItemsHandler"],
@@ -17131,7 +17002,6 @@ class Combobox {
       "selectionMode": [513, "selection-mode"],
       "scale": [513],
       "value": [1025],
-      "intlRemoveTag": [1, "intl-remove-tag"],
       "flipPlacements": [16],
       "messages": [1040],
       "messageOverrides": [1040],
@@ -17782,9 +17652,6 @@ class DatePicker {
     this.maxAsDate = undefined;
     this.min = undefined;
     this.max = undefined;
-    this.intlPrevMonth = undefined;
-    this.intlNextMonth = undefined;
-    this.intlYear = undefined;
     this.numberingSystem = undefined;
     this.scale = "m";
     this.range = false;
@@ -17971,9 +17838,6 @@ class DatePicker {
     "endAsDate": ["handleRangeChange"],
     "min": ["onMinChanged"],
     "max": ["onMaxChanged"],
-    "intlNextMonth": ["onMessagesChange"],
-    "intlPrevMonth": ["onMessagesChange"],
-    "intlYear": ["onMessagesChange"],
     "messageOverrides": ["onMessagesChange"],
     "effectiveLocale": ["effectiveLocaleChange", "loadLocaleData"],
     "value": ["valueHandler"]
@@ -17994,9 +17858,6 @@ class DatePicker {
       "maxAsDate": [1040],
       "min": [1537],
       "max": [1537],
-      "intlPrevMonth": [1, "intl-prev-month"],
-      "intlNextMonth": [1, "intl-next-month"],
-      "intlYear": [1, "intl-year"],
       "numberingSystem": [513, "numbering-system"],
       "scale": [513],
       "range": [516],
@@ -19469,8 +19330,6 @@ class Filter {
     this.items = [];
     this.disabled = false;
     this.filteredItems = [];
-    this.intlClear = undefined;
-    this.intlLabel = undefined;
     this.placeholder = undefined;
     this.scale = "m";
     this.value = "";
@@ -19548,8 +19407,6 @@ class Filter {
   get el() { return getElement(this); }
   static get watchers() { return {
     "items": ["watchItemsHandler"],
-    "intlClear": ["onMessagesChange"],
-    "intlLabel": ["onMessagesChange"],
     "messageOverrides": ["onMessagesChange"],
     "value": ["valueHandler"],
     "effectiveLocale": ["effectiveLocaleChange"]
@@ -19562,8 +19419,6 @@ class Filter {
       "items": [1040],
       "disabled": [516],
       "filteredItems": [1040],
-      "intlClear": [1, "intl-clear"],
-      "intlLabel": [1, "intl-label"],
       "placeholder": [1],
       "scale": [513],
       "value": [1025],
@@ -19800,9 +19655,6 @@ class FlowItem {
     this.heading = undefined;
     this.headingLevel = undefined;
     this.heightScale = undefined;
-    this.intlBack = undefined;
-    this.intlClose = undefined;
-    this.intlOptions = undefined;
     this.loading = false;
     this.menuOpen = false;
     this.messageOverrides = undefined;
@@ -19894,9 +19746,6 @@ class FlowItem {
   static get assetsDirs() { return ["assets"]; }
   get el() { return getElement(this); }
   static get watchers() { return {
-    "intlBack": ["onMessagesChange"],
-    "intlClose": ["onMessagesChange"],
-    "intlOptions": ["onMessagesChange"],
     "messageOverrides": ["onMessagesChange"],
     "effectiveLocale": ["effectiveLocaleChange"]
   }; }
@@ -19913,9 +19762,6 @@ class FlowItem {
       "heading": [1],
       "headingLevel": [514, "heading-level"],
       "heightScale": [513, "height-scale"],
-      "intlBack": [1, "intl-back"],
-      "intlClose": [1, "intl-close"],
-      "intlOptions": [1, "intl-options"],
       "loading": [516],
       "menuOpen": [516, "menu-open"],
       "messageOverrides": [1040],
@@ -21490,9 +21336,6 @@ class InputDatePicker {
     this.max = undefined;
     this.open = false;
     this.name = undefined;
-    this.intlPrevMonth = undefined;
-    this.intlNextMonth = undefined;
-    this.intlYear = undefined;
     this.numberingSystem = undefined;
     this.scale = "m";
     this.placement = defaultMenuPlacement;
@@ -21703,9 +21546,7 @@ class InputDatePicker {
         ["calendar-picker-wrapper--end"]: this.focusedInput === "end",
         [FloatingCSS.animation]: true,
         [FloatingCSS.animationActive]: this.open
-      }, ref: this.setTransitionEl }, hAsync("calcite-date-picker", { activeDate: this.datePickerActiveDate, activeRange: this.focusedInput, endAsDate: this.endAsDate, headingLevel: this.headingLevel,
-      //t9n props are used here to forward the messages only.
-      intlNextMonth: this.intlNextMonth, intlPrevMonth: this.intlPrevMonth, intlYear: this.intlYear, max: this.max, maxAsDate: this.maxAsDate, messageOverrides: this.messageOverrides, min: this.min, minAsDate: this.minAsDate, numberingSystem: numberingSystem, onCalciteDatePickerChange: this.handleDateChange, onCalciteDatePickerRangeChange: this.handleDateRangeChange, proximitySelectionDisabled: this.proximitySelectionDisabled, range: this.range, scale: this.scale, startAsDate: this.startAsDate, tabIndex: 0, valueAsDate: this.valueAsDate }))), this.range && this.layout === "horizontal" && (hAsync("div", { class: "horizontal-arrow-container" }, hAsync("calcite-icon", { flipRtl: true, icon: "arrow-right", scale: "s" }))), this.range && this.layout === "vertical" && this.scale !== "s" && (hAsync("div", { class: "vertical-arrow-container" }, hAsync("calcite-icon", { icon: "arrow-down", scale: "s" }))), this.range && (hAsync("div", { class: "input-wrapper", ref: this.setEndWrapper }, hAsync("calcite-input", { class: {
+      }, ref: this.setTransitionEl }, hAsync("calcite-date-picker", { activeDate: this.datePickerActiveDate, activeRange: this.focusedInput, endAsDate: this.endAsDate, headingLevel: this.headingLevel, max: this.max, maxAsDate: this.maxAsDate, messageOverrides: this.messageOverrides, min: this.min, minAsDate: this.minAsDate, numberingSystem: numberingSystem, onCalciteDatePickerChange: this.handleDateChange, onCalciteDatePickerRangeChange: this.handleDateRangeChange, proximitySelectionDisabled: this.proximitySelectionDisabled, range: this.range, scale: this.scale, startAsDate: this.startAsDate, tabIndex: 0, valueAsDate: this.valueAsDate }))), this.range && this.layout === "horizontal" && (hAsync("div", { class: "horizontal-arrow-container" }, hAsync("calcite-icon", { flipRtl: true, icon: "arrow-right", scale: "s" }))), this.range && this.layout === "vertical" && this.scale !== "s" && (hAsync("div", { class: "vertical-arrow-container" }, hAsync("calcite-icon", { icon: "arrow-down", scale: "s" }))), this.range && (hAsync("div", { class: "input-wrapper", ref: this.setEndWrapper }, hAsync("calcite-input", { class: {
         input: true,
         "border-top-color-one": this.layout === "vertical" && this.range
       }, disabled: disabled, icon: "calendar", "number-button-type": "none", numberingSystem: numberingSystem, onCalciteInputInput: this.calciteInternalInputInputHandler, onCalciteInternalInputBlur: this.calciteInternalInputBlurHandler, onCalciteInternalInputFocus: this.endInputFocus, placeholder: this.localeData?.placeholder, readOnly: readOnly, ref: this.setEndInput, scale: this.scale, type: "text" }))))), hAsync(HiddenFormInputSlot, { component: this })));
@@ -21850,9 +21691,6 @@ class InputDatePicker {
       "max": [1025],
       "open": [1540],
       "name": [513],
-      "intlPrevMonth": [1, "intl-prev-month"],
-      "intlNextMonth": [1, "intl-next-month"],
-      "intlYear": [1, "intl-year"],
       "numberingSystem": [513, "numbering-system"],
       "scale": [513],
       "placement": [513],

package/package.json

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

package/dist/calcite/p-04d79070.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.680
- */
-import{r as t,c as i,h as a,H as e,g as o}from"./p-0030b812.js";import{t as n,o as s,q as c,g as r,a as l,E as d,b as h}from"./p-cd9c888c.js";import{f as p,g as m}from"./p-4911ff69.js";import{c as u}from"./p-dc7aaecc.js";import{c as f,d as g}from"./p-46bab78c.js";import{c as x,d as b}from"./p-8bf33cba.js";import{u as v,c as y,s as w,d as j}from"./p-e0e7371a.js";import{a as C,s as D,c as k}from"./p-57561bc6.js";import{d as z}from"./p-70c30cec.js";import"./p-1ece1f41.js";import"./p-ee299cad.js";import"./p-ecf071ea.js";import"./p-e40065a1.js";import"./p-d71f5bc5.js";const _=class{constructor(a){t(this,a),this.calciteActionBarToggle=i(this,"calciteActionBarToggle",6),this.mutationObserver=u("mutation",(()=>{const{el:t,expanded:i}=this;n({parent:t,expanded:i}),this.conditionallyOverflowActions()})),this.resizeObserver=u("resize",(t=>this.resizeHandlerEntries(t))),this.actionMenuOpenHandler=t=>{if(t.target.menuOpen){const i=t.composedPath();Array.from(this.el.querySelectorAll("calcite-action-group")).forEach((t=>{i.includes(t)||(t.menuOpen=!1)}))}},this.resizeHandlerEntries=t=>{t.forEach(this.resizeHandler)},this.resizeHandler=t=>{const{width:i,height:a}=t.contentRect;this.resize({width:i,height:a})},this.resize=z((({width:t,height:i})=>{const{el:a,expanded:e,expandDisabled:o,layout:n}=this;if("vertical"===n&&!i||"horizontal"===n&&!t)return;const s=c(a),d=o?s.length:s.length+1,p=Array.from(a.querySelectorAll("calcite-action-group")),u=m(a,"bottom-actions")||!o?p.length+1:p.length,{actionHeight:f,actionWidth:g}=r(s),x=h({layout:n,actionCount:d,actionHeight:f,actionWidth:g,height:i,width:t,groupCount:u});l({actionGroups:p,expanded:e,overflowCount:x})}),s),this.conditionallyOverflowActions=()=>{this.overflowActionsDisabled||this.overflowActions()},this.toggleExpand=()=>{this.expanded=!this.expanded,this.calciteActionBarToggle.emit()},this.setExpandToggleRef=t=>{this.expandToggleEl=t},this.expandDisabled=!1,this.expanded=!1,this.intlExpand=void 0,this.intlCollapse=void 0,this.layout="vertical",this.overflowActionsDisabled=!1,this.position=void 0,this.scale=void 0,this.messages=void 0,this.messageOverrides=void 0,this.effectiveLocale=void 0,this.defaultMessages=void 0}expandHandler(){this.conditionallyOverflowActions()}expandedHandler(t){n({parent:this.el,expanded:t}),this.conditionallyOverflowActions()}overflowDisabledHandler(t){t?this.resizeObserver.disconnect():this.resizeObserver.observe(this.el)}onMessagesChange(){}effectiveLocaleChange(){v(this,this.effectiveLocale)}componentDidLoad(){C(this),this.conditionallyOverflowActions()}connectedCallback(){const{el:t,expanded:i}=this;x(this),y(this),n({parent:t,expanded:i}),this.mutationObserver?.observe(t,{childList:!0,subtree:!0}),this.overflowActionsDisabled||this.resizeObserver?.observe(t),this.conditionallyOverflowActions(),f(this)}async componentWillLoad(){D(this),await w(this)}disconnectedCallback(){this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect(),g(this),b(this),j(this)}async overflowActions(){this.resize({width:this.el.clientWidth,height:this.el.clientHeight})}async setFocus(t){await k(this),"expand-toggle"!==t?this.el?.focus():await p(this.expandToggleEl)}renderBottomActionGroup(){const{expanded:t,expandDisabled:i,el:e,position:o,toggleExpand:n,scale:s,layout:c,messages:r}=this,l=m(e,"expand-tooltip"),h=i?null:a(d,{el:e,expanded:t,intlCollapse:r.collapse,intlExpand:r.expand,position:o,ref:this.setExpandToggleRef,scale:s,toggle:n,tooltip:l});return m(e,"bottom-actions")||h?a("calcite-action-group",{class:"action-group--bottom",layout:c,scale:s},a("slot",{name:"bottom-actions"}),a("slot",{name:"expand-tooltip"}),h):null}render(){return a(e,{onCalciteActionMenuOpen:this.actionMenuOpenHandler},a("slot",null),this.renderBottomActionGroup())}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{expandDisabled:["expandHandler"],expanded:["expandedHandler"],overflowActionsDisabled:["overflowDisabledHandler"],intlCollapse:["onMessagesChange"],intlExpand:["onMessagesChange"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};_.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:host{box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host{pointer-events:auto;display:inline-flex;align-self:stretch;background:transparent;--calcite-action-bar-expanded-max-width:auto}:host([layout=vertical]){flex-direction:column}:host([layout=horizontal]){flex-direction:row}:host([layout=vertical][overflow-actions-disabled]){overflow-y:auto}:host([layout=horizontal][overflow-actions-disabled]){overflow-x:auto}:host([layout=vertical][expanded]){max-inline-size:var(--calcite-action-bar-expanded-max-width)}::slotted(calcite-action-group){border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}:host([layout=horizontal]) ::slotted(calcite-action-group){border-width:0px;border-inline-end-width:1px;border-style:solid}::slotted(calcite-action-group:last-child){border-block-end-width:0px;border-inline-end-width:0px}.action-group--bottom{flex-grow:1;justify-content:flex-end;padding-block-end:0px;padding-inline-end:0px}";export{_ as calcite_action_bar}

package/dist/calcite/p-1b15cb62.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.680
- */
-import{r as i,c as t,h as e,H as a,g as s}from"./p-0030b812.js";import{f as n}from"./p-77d15beb.js";import{d as o,f as c,c as l,u as r,r as h,a as m,F as d}from"./p-32435d62.js";import{g as p}from"./p-e40065a1.js";import{n as b,i as u,t as f,h as g,g as x}from"./p-4911ff69.js";import{c as v,d as y,g as w}from"./p-9bc4e6b5.js";import{s as C,c as k,a as z,d as I,H as O}from"./p-4932e58e.js";import{c as _}from"./p-dc7aaecc.js";import{u as D}from"./p-63c2c24a.js";import{c as E,d as H}from"./p-9b4f0b61.js";import{c as M,s as B,d as T,u as A}from"./p-e0e7371a.js";import{c as $,d as j}from"./p-8bf33cba.js";import{c as L,s as P,a as X}from"./p-57561bc6.js";import{d as F}from"./p-70c30cec.js";import{c as R,d as S}from"./p-46bab78c.js";import"./p-ecf071ea.js";import"./p-d71f5bc5.js";const U="CALCITE-COMBOBOX-ITEM, CALCITE-COMBOBOX-ITEM-GROUP";function G(i){const t=i.parentElement?.closest(U),e=t?.parentElement?.closest(U);return[t,e].filter((i=>i))}function W(i){return i.ancestors?.filter((i=>"CALCITE-COMBOBOX-ITEM"===i.nodeName))||[]}function Y(i){return b(i.querySelectorAll("calcite-combobox-item")).filter((i=>i.selected)).length>0}function K(i){return document.evaluate("ancestor::calcite-combobox-item | ancestor::calcite-combobox-item-group",i,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null).snapshotLength}const N=class{constructor(e){i(this,e),this.calciteComboboxChange=t(this,"calciteComboboxChange",6),this.calciteComboboxFilterChange=t(this,"calciteComboboxFilterChange",6),this.calciteComboboxChipClose=t(this,"calciteComboboxChipClose",6),this.calciteComboboxBeforeClose=t(this,"calciteComboboxBeforeClose",6),this.calciteComboboxClose=t(this,"calciteComboboxClose",6),this.calciteComboboxBeforeOpen=t(this,"calciteComboboxBeforeOpen",6),this.calciteComboboxOpen=t(this,"calciteComboboxOpen",6),this.placement=o,this.internalValueChangeFlag=!1,this.textInput=null,this.mutationObserver=_("mutation",(()=>this.updateItems())),this.resizeObserver=_("resize",(()=>this.setMaxScrollerHeight())),this.guid=p(),this.inputHeight=0,this.ignoreSelectedEventsFlag=!1,this.openTransitionProp="opacity",this.setFilteredPlacements=()=>{const{el:i,flipPlacements:t}=this;this.filteredFlipPlacements=t?c(t,i):null},this.getValue=()=>{const i=this.selectedItems.map((i=>i?.value?.toString()));return i?.length?i.length>1?i:i[0]:""},this.onLabelClick=()=>{this.setFocus()},this.keydownHandler=i=>{const{key:t}=i;switch(t){case"Tab":this.activeChipIndex=-1,this.activeItemIndex=-1,this.allowCustomValues&&this.text?(this.addCustomChip(this.text,!0),i.preventDefault()):this.open&&(this.open=!1,i.preventDefault());break;case"ArrowLeft":this.previousChip(),i.preventDefault();break;case"ArrowRight":this.nextChip(),i.preventDefault();break;case"ArrowUp":i.preventDefault(),this.shiftActiveItemIndex(-1),this.comboboxInViewport()||this.el.scrollIntoView();break;case"ArrowDown":i.preventDefault(),this.open||(this.open=!0),this.shiftActiveItemIndex(1),this.comboboxInViewport()||this.el.scrollIntoView();break;case" ":this.textInput.value||(i.preventDefault(),this.open=!0,this.shiftActiveItemIndex(1));break;case"Home":if(!this.open)return;i.preventDefault(),this.updateActiveItemIndex(0),this.scrollToActiveItem(),this.comboboxInViewport()||this.el.scrollIntoView();break;case"End":if(!this.open)return;i.preventDefault(),this.updateActiveItemIndex(this.filteredItems.length-1),this.scrollToActiveItem(),this.comboboxInViewport()||this.el.scrollIntoView();break;case"Escape":this.open=!1,i.preventDefault();break;case"Enter":this.activeItemIndex>-1?(this.toggleSelection(this.filteredItems[this.activeItemIndex]),i.preventDefault()):this.activeChipIndex>-1?(this.removeActiveChip(),i.preventDefault()):this.allowCustomValues&&this.text?(this.addCustomChip(this.text,!0),i.preventDefault()):i.defaultPrevented||C(this)&&i.preventDefault();break;case"Delete":case"Backspace":this.activeChipIndex>-1?(i.preventDefault(),this.removeActiveChip()):!this.text&&this.isMulti()&&(i.preventDefault(),this.removeLastChip())}},this.toggleCloseEnd=()=>{this.open=!1,this.el.removeEventListener("calciteComboboxClose",this.toggleCloseEnd)},this.toggleOpenEnd=()=>{this.open=!1,this.el.removeEventListener("calciteComboboxOpen",this.toggleOpenEnd)},this.setMaxScrollerHeight=async()=>{const{listContainerEl:i,open:t,referenceEl:e}=this;if(!i||!t)return;await this.reposition(!0);const a=this.getMaxScrollerHeight();i.style.maxHeight=a>0?`${a}px`:"",i.style.minWidth=`${e.clientWidth}px`,await this.reposition(!0)},this.calciteChipCloseHandler=i=>{this.open=!1;const t=this.items.find((t=>t===i));t&&this.toggleSelection(t,!1),this.calciteComboboxChipClose.emit()},this.clickHandler=i=>{i.composedPath().some((i=>"CALCITE-CHIP"===i.tagName))||(this.open=!this.open,this.updateActiveItemIndex(0),this.setFocus())},this.setInactiveIfNotContained=i=>{const t=i.composedPath();!this.open||t.includes(this.el)||t.includes(this.referenceEl)||(this.allowCustomValues&&this.text.trim().length&&this.addCustomChip(this.text),"single"===this.selectionMode&&(this.textInput&&(this.textInput.value=""),this.text="",this.filterItems(""),this.updateActiveItemIndex(-1)),this.open=!1)},this.setFloatingEl=i=>{this.floatingEl=i,l(this,this.referenceEl,this.floatingEl)},this.setContainerEl=i=>{this.resizeObserver.observe(i),this.listContainerEl=i,this.transitionEl=i,E(this)},this.setReferenceEl=i=>{this.referenceEl=i,l(this,this.referenceEl,this.floatingEl)},this.inputHandler=i=>{const t=i.target.value;this.text=t,this.filterItems(t),t&&(this.activeChipIndex=-1)},this.filterItems=(()=>{const i=(i,t)=>i&&t.some((({label:t,value:e})=>"CALCITE-COMBOBOX-ITEM-GROUP"===i.tagName?e===i.label:e===i.textLabel||e===i.value||t===i.textLabel||t===i.value));return F((t=>{const e=n(this.data,t);this.getCombinedItems().forEach((t=>{const a=!i(t,e);t.hidden=a;const[s,n]=t.ancestors;(i(s,e)||i(n,e))&&(t.hidden=!1),a||t.ancestors.forEach((i=>i.hidden=!1))})),this.filteredItems=this.getfilteredItems(),this.calciteComboboxFilterChange.emit()}),100)})(),this.internalComboboxChangeEvent=()=>{this.calciteComboboxChange.emit()},this.emitComboboxChange=F(this.internalComboboxChangeEvent,0),this.updateItems=()=>{this.items=this.getItems(),this.groupItems=this.getGroupItems(),this.data=this.getData(),this.selectedItems=this.getSelectedItems(),this.filteredItems=this.getfilteredItems(),this.needsIcon=this.getNeedsIcon(),this.allowCustomValues||this.setMaxScrollerHeight()},this.scrollToActiveItem=()=>{const i=this.filteredItems[this.activeItemIndex],t=this.calculateSingleItemHeight(i),{offsetHeight:e,scrollTop:a}=this.listContainerEl;e+a<i.offsetTop+t?this.listContainerEl.scrollTop=i.offsetTop-e+t:i.offsetTop<a&&(this.listContainerEl.scrollTop=i.offsetTop)},this.comboboxFocusHandler=()=>{this.textInput?.focus()},this.comboboxBlurHandler=i=>{this.setInactiveIfNotContained(i)},this.open=!1,this.disabled=!1,this.label=void 0,this.placeholder=void 0,this.placeholderIcon=void 0,this.maxItems=0,this.name=void 0,this.allowCustomValues=void 0,this.overlayPositioning="absolute",this.required=!1,this.selectionMode="multi",this.scale="m",this.value=null,this.intlRemoveTag=void 0,this.flipPlacements=void 0,this.messages=void 0,this.messageOverrides=void 0,this.selectedItems=[],this.filteredItems=[],this.items=[],this.groupItems=[],this.needsIcon=void 0,this.activeItemIndex=-1,this.activeChipIndex=-1,this.activeDescendant="",this.text="",this.effectiveLocale=void 0,this.defaultMessages=void 0}openHandler(i){i||r(this.floatingEl),this.disabled?this.open=!1:this.setMaxScrollerHeight()}handleDisabledChange(i){i||(this.open=!1)}maxItemsHandler(){this.setMaxScrollerHeight()}overlayPositioningHandler(){this.reposition(!0)}valueHandler(i){if(!this.internalValueChangeFlag){const t=this.getItems();Array.isArray(i)?t.forEach((t=>t.selected=i.includes(t.value))):t.forEach(i?t=>t.selected=i===t.value:i=>i.selected=!1),this.updateItems()}}onMessagesChange(){}flipPlacementsHandler(){this.setFilteredPlacements(),this.reposition(!0)}selectedItemsHandler(){this.internalValueChangeFlag=!0,this.value=this.getValue(),this.internalValueChangeFlag=!1}documentClickHandler(i){u(i)&&this.setInactiveIfNotContained(i)}calciteComboboxItemChangeHandler(i){if(this.ignoreSelectedEventsFlag)return;const t=i.target,e=this.filteredItems.indexOf(t);this.updateActiveItemIndex(e),this.toggleSelection(t,t.selected)}async reposition(i=!1){const{floatingEl:t,referenceEl:e,placement:a,overlayPositioning:s,filteredFlipPlacements:n}=this;return h(this,{floatingEl:t,referenceEl:e,overlayPositioning:s,placement:a,flipPlacements:n,type:"menu"},i)}async setFocus(){await L(this),this.textInput?.focus(),this.activeChipIndex=-1,this.activeItemIndex=-1}connectedCallback(){$(this),M(this),this.internalValueChangeFlag=!0,this.value=this.getValue(),this.internalValueChangeFlag=!1,this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),v(this),k(this),E(this),this.setFilteredPlacements(),this.reposition(!0),this.open&&this.openHandler(this.open)}async componentWillLoad(){P(this),this.updateItems(),await B(this)}componentDidLoad(){z(this,this.getValue()),this.reposition(!0),X(this)}componentDidRender(){this.el.offsetHeight!==this.inputHeight&&(this.reposition(!0),this.inputHeight=this.el.offsetHeight),D(this)}disconnectedCallback(){this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect(),y(this),I(this),m(this,this.referenceEl,this.floatingEl),H(this),j(this),T(this)}textHandler(){this.updateActiveItemIndex(-1)}effectiveLocaleChange(){A(this,this.effectiveLocale)}comboboxInViewport(){const i=this.el.getBoundingClientRect();return i.top>=0&&i.left>=0&&i.right<=(window.innerWidth||document.documentElement.clientWidth)&&i.bottom<=(window.innerHeight||document.documentElement.clientHeight)}onBeforeOpen(){this.calciteComboboxBeforeOpen.emit()}onOpen(){this.calciteComboboxOpen.emit()}onBeforeClose(){this.calciteComboboxBeforeClose.emit()}onClose(){this.calciteComboboxClose.emit()}getMaxScrollerHeight(){const i=this.getCombinedItems().filter((i=>!i.hidden)),{maxItems:t}=this;let e=0,a=0;return i.length>t&&i.forEach((i=>{if(e<t&&t>0){const t=this.calculateSingleItemHeight(i);t>0&&(a+=t,e++)}})),a}calculateSingleItemHeight(i){let t=i.offsetHeight;return Array.from(i.querySelectorAll(U)).map((i=>i?.offsetHeight)).forEach((i=>{t-=i})),t}getCombinedItems(){return[...this.groupItems,...this.items]}toggleSelection(i,t=!i.selected){i&&(this.isMulti()?(i.selected=t,this.updateAncestors(i),this.selectedItems=this.getSelectedItems(),this.emitComboboxChange(),this.resetText(),this.filterItems("")):(this.ignoreSelectedEventsFlag=!0,this.items.forEach((e=>e.selected=e===i&&t)),this.ignoreSelectedEventsFlag=!1,this.selectedItems=this.getSelectedItems(),this.emitComboboxChange(),this.textInput&&(this.textInput.value=i.textLabel),this.open=!1,this.updateActiveItemIndex(-1),this.resetText(),this.filterItems("")))}updateAncestors(i){if("ancestors"!==this.selectionMode)return;const t=W(i),e=function(i){return b(i.querySelectorAll("calcite-combobox-item"))}(i);i.selected?t.forEach((i=>{i.selected=!0})):(e.forEach((i=>i.selected=!1)),[...t].forEach((i=>{Y(i)||(i.selected=!1)})))}getfilteredItems(){return this.items.filter((i=>!i.hidden))}getSelectedItems(){if(!this.isMulti()){const i=this.items.find((({selected:i})=>i));return i?[i]:[]}return this.items.filter((i=>i.selected&&("ancestors"!==this.selectionMode||!Y(i)))).sort(((i,t)=>{const e=this.selectedItems.indexOf(i),a=this.selectedItems.indexOf(t);return e>-1&&a>-1?e-a:a-e}))}getData(){return this.items.map((i=>({filterDisabled:i.filterDisabled,value:i.value,label:i.textLabel})))}getNeedsIcon(){return"single"===this.selectionMode&&this.items.some((i=>i.icon))}resetText(){this.textInput&&(this.textInput.value=""),this.text=""}getItems(){return Array.from(this.el.querySelectorAll("CALCITE-COMBOBOX-ITEM")).filter((i=>!i.disabled))}getGroupItems(){return Array.from(this.el.querySelectorAll("CALCITE-COMBOBOX-ITEM-GROUP"))}addCustomChip(i,t){const e=this.items.find((t=>t.textLabel===i));if(e)this.toggleSelection(e,!0);else{this.isMulti()||this.toggleSelection(this.selectedItems[this.selectedItems.length-1],!1);const e=document.createElement("CALCITE-COMBOBOX-ITEM");e.value=i,e.textLabel=i,e.selected=!0,this.el.appendChild(e),this.resetText(),t&&this.setFocus(),this.updateItems(),this.filterItems(""),this.emitComboboxChange()}}removeActiveChip(){this.toggleSelection(this.selectedItems[this.activeChipIndex],!1),this.setFocus()}removeLastChip(){this.toggleSelection(this.selectedItems[this.selectedItems.length-1],!1),this.setFocus()}previousChip(){if(this.text)return;const i=this.activeChipIndex;this.activeChipIndex=-1===i?this.selectedItems.length-1:Math.max(i-1,0),this.updateActiveItemIndex(-1),this.focusChip()}nextChip(){if(this.text||-1===this.activeChipIndex)return;const i=this.activeChipIndex+1;i>this.selectedItems.length-1?(this.activeChipIndex=-1,this.setFocus()):(this.activeChipIndex=i,this.focusChip()),this.updateActiveItemIndex(-1)}focusChip(){const i=this.selectedItems[this.activeChipIndex]?.guid;(i?this.referenceEl.querySelector(`#combobox-chip-${i}`):null)?.setFocus()}shiftActiveItemIndex(i){const{length:t}=this.filteredItems;this.updateActiveItemIndex((this.activeItemIndex+t+i)%t),this.scrollToActiveItem()}updateActiveItemIndex(i){this.activeItemIndex=i;let t=null;this.filteredItems.forEach(((e,a)=>{a===i?(e.active=!0,t=`combobox-item-${e.guid}`):e.active=!1})),this.activeDescendant=t,this.activeItemIndex>-1&&(this.activeChipIndex=-1)}isMulti(){return"single"!==this.selectionMode}renderChips(){const{activeChipIndex:i,scale:t,selectionMode:a,messages:s}=this;return this.selectedItems.map(((n,o)=>{const c={chip:!0,"chip--active":i===o},l=[...[...W(n)].reverse(),n].map((i=>i.textLabel)),r="ancestors"!==a?n.textLabel:l.join(" / ");return e("calcite-chip",{class:c,closable:!0,dismissLabel:s.removeTag,icon:n.icon,id:n.guid?`combobox-chip-${n.guid}`:null,key:n.textLabel,onCalciteChipClose:()=>this.calciteChipCloseHandler(n),scale:t,title:r,value:n.value},r)}))}renderInput(){const{guid:i,disabled:t,placeholder:a,selectionMode:s,selectedItems:n,open:o}=this,c="single"===s,l=n[0],r=!o&&c&&!!l;return e("span",{class:{"input-wrap":!0,"input-wrap--single":c}},r&&e("span",{class:{label:!0,"label--icon":!!l?.icon},key:"label"},l.textLabel),e("input",{"aria-activedescendant":this.activeDescendant,"aria-autocomplete":"list","aria-controls":`combobox-listbox-${i}`,"aria-label":w(this),class:{input:!0,"input--single":!0,"input--transparent":this.activeChipIndex>-1,"input--hidden":r,"input--icon":!!this.placeholderIcon},disabled:t,id:`combobox-input-${i}`,key:"input",onBlur:this.comboboxBlurHandler,onFocus:this.comboboxFocusHandler,onInput:this.inputHandler,placeholder:a,ref:i=>this.textInput=i,type:"text"}))}renderListBoxOptions(){return this.filteredItems.map((i=>e("li",{"aria-selected":f(i.selected),id:i.guid?`combobox-item-${i.guid}`:null,role:"option",tabindex:"-1"},i.textLabel)))}renderFloatingUIContainer(){const{setFloatingEl:i,setContainerEl:t,open:a}=this;return e("div",{"aria-hidden":"true",class:{"floating-ui-container":!0,"floating-ui-container--active":a},ref:i},e("div",{class:{"list-container":!0,[d.animation]:!0,[d.animationActive]:a},ref:t},e("ul",{class:{list:!0,"list--hide":!a}},e("slot",null))))}renderIconStart(){const{selectedItems:i,placeholderIcon:t,selectionMode:a}=this,s=i[0],n=s?.icon,o="single"===a;return(!this.open&&s?!!n&&o:!!this.placeholderIcon&&(!s||o))&&e("span",{class:"icon-start"},e("calcite-icon",{class:"selected-icon",icon:!this.open&&s?n:t,scale:"s"}))}renderIconEnd(){const{open:i}=this;return e("span",{class:"icon-end"},e("calcite-icon",{icon:i?"chevron-up":"chevron-down",scale:"s"}))}render(){const{guid:i,label:t,open:s}=this,n="single"===this.selectionMode;return e(a,{onClick:this.comboboxFocusHandler},e("div",{"aria-autocomplete":"list","aria-controls":`combobox-listbox-${i}`,"aria-expanded":f(s),"aria-haspopup":"listbox","aria-labelledby":`combobox-label-${i}`,"aria-live":"polite","aria-owns":`combobox-listbox-${i}`,class:{wrapper:!0,"wrapper--single":n||!this.selectedItems.length,"wrapper--active":s},onClick:this.clickHandler,onKeyDown:this.keydownHandler,ref:this.setReferenceEl,role:"combobox"},e("div",{class:"grid-input"},this.renderIconStart(),!n&&this.renderChips(),e("label",{class:"screen-readers-only",htmlFor:`combobox-input-${i}`,id:`combobox-label-${i}`},t),this.renderInput()),this.renderIconEnd()),e("ul",{"aria-labelledby":`combobox-label-${i}`,"aria-multiselectable":"true",class:"screen-readers-only",id:`combobox-listbox-${i}`,role:"listbox",tabIndex:-1},this.renderListBoxOptions()),this.renderFloatingUIContainer(),e(O,{component:this}))}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{open:["openHandler"],disabled:["handleDisabledChange"],maxItems:["maxItemsHandler"],overlayPositioning:["overlayPositioningHandler"],value:["valueHandler"],intlRemoveTag:["onMessagesChange"],messageOverrides:["onMessagesChange"],flipPlacements:["flipPlacementsHandler"],selectedItems:["selectedItemsHandler"],text:["textHandler"],effectiveLocale:["effectiveLocaleChange"]}}};N.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:block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([scale=s]){font-size:var(--calcite-font-size--2);--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-input-height:1.5rem}:host([scale=m]){font-size:var(--calcite-font-size--1);--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-input-height:2rem}:host([scale=l]){font-size:var(--calcite-font-size-0);--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.75rem;--calcite-combobox-input-height:2.75rem}.wrapper{display:flex;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-1);outline-color:transparent;padding-block:calc(var(--calcite-combobox-item-spacing-unit-s) / 4);padding-inline:var(--calcite-combobox-item-spacing-unit-l)}:host(:focus-within) .wrapper,.wrapper--active{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.wrapper--single{padding-block:0;padding-inline:var(--calcite-combobox-item-spacing-unit-l);cursor:pointer;flex-wrap:nowrap}.grid-input{display:flex;flex-grow:1;flex-wrap:wrap;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0px}.input{flex-grow:1;-webkit-appearance:none;appearance:none;border-style:none;background-color:transparent;padding:0px;font-family:inherit;color:var(--calcite-ui-text-1);font-size:inherit;block-size:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height);min-inline-size:120px;margin-block-end:var(--calcite-combobox-item-spacing-unit-s)}.input:focus{outline:2px solid transparent;outline-offset:2px}.input--transparent{opacity:0}.input--single{margin-block:0px;padding:0px}.wrapper--active .input-single{cursor:text}.input--hidden{pointer-events:none;inline-size:0px;min-inline-size:0px;opacity:0}.input--icon{padding-block:0;padding-inline:var(--calcite-combobox-item-spacing-unit-l)}.input-wrap{display:flex;flex-grow:1}.input-wrap--single{flex:1 1 0%;overflow:hidden}.label{pointer-events:none;display:flex;max-inline-size:100%;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0px;font-weight:var(--calcite-font-weight-normal);block-size:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height)}.label--icon{padding-inline:var(--calcite-combobox-item-spacing-unit-l)}.icon-end,.icon-start{display:flex;inline-size:1rem;cursor:pointer;align-items:center}.icon-end{flex:none}.floating-ui-container{--calcite-floating-ui-z-index:600;display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index);visibility:hidden}.floating-ui-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:1;border-radius:0.25rem}.floating-ui-container[data-placement^=bottom] .calcite-floating-ui-anim{transform:translateY(-5px)}.floating-ui-container[data-placement^=top] .calcite-floating-ui-anim{transform:translateY(5px)}.floating-ui-container[data-placement^=left] .calcite-floating-ui-anim{transform:translateX(5px)}.floating-ui-container[data-placement^=right] .calcite-floating-ui-anim{transform:translateX(-5px)}.floating-ui-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}.floating-ui-container--active{visibility:visible}@media (forced-colors: active){.wrapper,.floating-ui-container--active{border:1px solid canvasText}}.screen-readers-only{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}.list-container{max-block-size:45vh;overflow-y:auto;background-color:var(--calcite-ui-foreground-1);inline-size:var(--calcite-dropdown-width)}.list{margin:0px;display:block;padding:0px}.list--hide{block-size:0px;overflow:hidden}.chip{margin-block:calc(var(--calcite-combobox-item-spacing-unit-s) / 4);margin-inline:0 var(--calcite-combobox-item-spacing-unit-s);max-inline-size:100%}.chip--active{background-color:var(--calcite-ui-foreground-3)}.item{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}";const V=class{constructor(e){i(this,e),this.calciteComboboxItemChange=t(this,"calciteComboboxItemChange",6),this.scale="m",this.itemClickHandler=i=>{i.preventDefault(),this.toggleSelected()},this.disabled=!1,this.selected=!1,this.active=!1,this.ancestors=void 0,this.guid=p(),this.icon=void 0,this.textLabel=void 0,this.value=void 0,this.filterDisabled=void 0}selectedWatchHandler(){this.calciteComboboxItemChange.emit(this.el)}connectedCallback(){this.ancestors=G(this.el),this.scale=g(this.el,"scale",this.scale),R(this)}disconnectedCallback(){S(this)}componentDidRender(){D(this)}async toggleSelected(i){this.disabled||(this.selected="boolean"==typeof i?i:!this.selected)}renderIcon(i){const{icon:t,disabled:a,selected:s}=this,n="icon--indent";return!i||t||a?e("calcite-icon",{class:{icon:!t,"icon--custom":!!t,"icon--active":t&&s,[n]:!0},icon:t||(a?"circle-disallowed":i?"dot":"check"),scale:"s"}):e("span",{class:{icon:!0,"icon--dot":!0,[n]:!0}})}renderChildren(){return x(this.el)?e("ul",{key:"default-slot-container"},e("slot",null)):null}render(){const i="single"===g(this.el,"selection-mode","multi"),t={label:!0,"label--selected":this.selected,"label--active":this.active,"label--single":i},s=K(this.el);return e(a,{"aria-hidden":"true"},e("div",{class:`container scale--${this.scale}`,style:{"--calcite-combobox-item-spacing-indent-multiplier":`${s}`}},e("li",{class:t,id:this.guid,onClick:this.itemClickHandler},this.renderIcon(i),e("span",{class:"title"},this.textLabel)),this.renderChildren()))}get el(){return s(this)}static get watchers(){return{selected:["selectedWatchHandler"]}}};V.style='@charset "UTF-8";@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)}.scale--s{font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-item-spacing-indent:0.5rem}.scale--m{font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-item-spacing-indent:0.75rem}.scale--l{font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.75rem;--calcite-combobox-item-spacing-indent:1rem}.container{--calcite-combobox-item-indent-value:calc(\n    var(--calcite-combobox-item-spacing-indent) * var(--calcite-combobox-item-spacing-indent-multiplier)\n  )}:host(:focus){--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host,ul{margin:0px;display:flex;flex-direction:column;padding:0px}:host(:focus),ul:focus{outline:2px solid transparent;outline-offset:2px}.label{position:relative;box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:100%;cursor:pointer;align-items:center;color:var(--calcite-ui-text-3);text-decoration-line:none;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);outline-color:transparent;word-wrap:break-word;word-break:break-word;padding-block:var(--calcite-combobox-item-spacing-unit-s);padding-inline:var(--calcite-combobox-item-spacing-unit-l)}:host([disabled]) .label{cursor:default}.label--selected{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}.label--active{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.label:hover,.label:active{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1);text-decoration-line:none;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.title{padding-block:0;padding-inline:var(--calcite-combobox-item-spacing-unit-l)}.icon{display:inline-flex;opacity:0;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);color:var(--calcite-ui-border-1)}.icon--indent{padding-inline-start:var(--calcite-combobox-item-indent-value)}.icon--custom{margin-block-start:-1px;color:var(--calcite-ui-text-3)}.icon--active{color:var(--calcite-ui-text-1)}.icon--dot{display:flex;justify-content:flex-end;min-inline-size:var(--calcite-combobox-item-spacing-unit-l)}.icon--dot:before{text-align:start;content:"•"}.label--active .icon{opacity:1}.label--selected .icon{opacity:1;color:var(--calcite-ui-brand)}:host(:hover[disabled]) .icon{opacity:1}';const q=class{constructor(t){i(this,t),this.guid=p(),this.scale="m",this.ancestors=void 0,this.label=void 0}connectedCallback(){this.ancestors=G(this.el),this.scale=g(this.el,"scale",this.scale)}render(){const{el:i,scale:t}=this,a=`label--indent-${K(i)}`;return e("ul",{"aria-labelledby":this.guid,class:{list:!0,[`scale--${t}`]:!0},role:"group"},e("li",{class:{label:!0,[a]:!0},id:this.guid,role:"presentation"},e("span",{class:"title"},this.label)),e("slot",null))}get el(){return s(this)}};q.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}.scale--s{font-size:var(--calcite-font-size--2);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-item-spacing-indent-1:0.5rem;--calcite-combobox-item-spacing-indent-2:1rem}.scale--m{font-size:var(--calcite-font-size--1);line-height:1rem;--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-item-spacing-indent-1:0.75rem;--calcite-combobox-item-spacing-indent-2:1.5rem}.scale--l{font-size:var(--calcite-font-size-0);line-height:1.25rem;--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.75rem;--calcite-combobox-item-spacing-indent-1:1rem;--calcite-combobox-item-spacing-indent-2:2rem}:host,.list{margin:0px;display:flex;flex-direction:column;padding:0px}:host(:focus),.list:focus{outline:2px solid transparent;outline-offset:2px}.label{box-sizing:border-box;display:flex;inline-size:100%;min-inline-size:0px;max-inline-size:100%;color:var(--calcite-ui-text-3)}.label--indent-1{padding-inline-start:var(--calcite-combobox-item-spacing-indent-1)}.label--indent-2{padding-inline-start:var(--calcite-combobox-item-spacing-indent-2)}.title{border:0 solid;display:block;flex:1 1 0%;border-block-end-width:1px;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-2);word-wrap:break-word;word-break:break-word;border-block-end-color:var(--calcite-ui-border-3);padding-block:var(--calcite-combobox-item-spacing-unit-l);padding-inline:0;margin-inline:var(--calcite-combobox-item-spacing-unit-s)}";export{N as calcite_combobox,V as calcite_combobox_item,q as calcite_combobox_item_group}