@esri/calcite-components 1.0.0-next.313 → 1.0.0-next.317

package/dist/cjs/calcite-chip.cjs.entry.js

@@ -7,7 +7,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
-const dom = require('./dom-19822169.js');
+const dom = require('./dom-41ce6029.js');
 const guid = require('./guid-b270f0db.js');
 
 const CSS = {

package/dist/cjs/calcite-color-picker_3.cjs.entry.js

@@ -7,9 +7,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
-const dom = require('./dom-19822169.js');
+const dom = require('./dom-41ce6029.js');
 const utils = require('./utils-55d67711.js');
-const key = require('./key-8bfb93ec.js');
 const math = require('./math-145c80e2.js');
 const debounce = require('./debounce-95979061.js');
 require('./guid-b270f0db.js');
@@ -2434,31 +2433,31 @@ let CalciteColorPicker = class {
       this.updateChannelsFromColor(this.color);
     };
     this.handleColorFieldScopeKeyDown = (event) => {
-      const key$1 = key.getKey(event.key);
+      const key = event.key;
       const arrowKeyToXYOffset = {
         ArrowUp: { x: 0, y: -10 },
         ArrowRight: { x: 10, y: 0 },
         ArrowDown: { x: 0, y: 10 },
         ArrowLeft: { x: -10, y: 0 }
       };
-      if (arrowKeyToXYOffset[key$1]) {
+      if (arrowKeyToXYOffset[key]) {
         event.preventDefault();
-        this.scopeOrientation = key$1 === "ArrowDown" || key$1 === "ArrowUp" ? "vertical" : "horizontal";
-        this.captureColorFieldColor(this.colorFieldScopeLeft + arrowKeyToXYOffset[key$1].x || 0, this.colorFieldScopeTop + arrowKeyToXYOffset[key$1].y || 0, false);
+        this.scopeOrientation = key === "ArrowDown" || key === "ArrowUp" ? "vertical" : "horizontal";
+        this.captureColorFieldColor(this.colorFieldScopeLeft + arrowKeyToXYOffset[key].x || 0, this.colorFieldScopeTop + arrowKeyToXYOffset[key].y || 0, false);
       }
     };
     this.handleHueScopeKeyDown = (event) => {
       const modifier = event.shiftKey ? 10 : 1;
-      const key$1 = key.getKey(event.key);
+      const key = event.key;
       const arrowKeyToXOffset = {
         ArrowUp: 1,
         ArrowRight: 1,
         ArrowDown: -1,
         ArrowLeft: -1
       };
-      if (arrowKeyToXOffset[key$1]) {
+      if (arrowKeyToXOffset[key]) {
         event.preventDefault();
-        const delta = arrowKeyToXOffset[key$1] * modifier;
+        const delta = arrowKeyToXOffset[key] * modifier;
         const hue = this.baseColorFieldColor.hue();
         const color = this.baseColorFieldColor.hue(hue + delta);
         this.internalColorSet(color, false);
@@ -2787,8 +2786,8 @@ let CalciteColorPicker = class {
   // using @Listen as a workaround for VDOM listener not firing
   handleChannelKeyUpOrDown(event) {
     this.shiftKeyChannelAdjustment = 0;
-    const key$1 = key.getKey(event.key);
-    if ((key$1 !== "ArrowUp" && key$1 !== "ArrowDown") ||
+    const key = event.key;
+    if ((key !== "ArrowUp" && key !== "ArrowDown") ||
       !event.composedPath().some((node) => { var _a; return (_a = node.classList) === null || _a === void 0 ? void 0 : _a.contains(CSS$2.channel); })) {
       return;
     }
@@ -2802,9 +2801,9 @@ let CalciteColorPicker = class {
     // this gets applied to the input's up/down arrow increment/decrement
     const complementaryBump = 9;
     this.shiftKeyChannelAdjustment =
-      key$1 === "ArrowUp" && shiftKey
+      key === "ArrowUp" && shiftKey
         ? complementaryBump
-        : key$1 === "ArrowDown" && shiftKey
+        : key === "ArrowDown" && shiftKey
           ? -complementaryBump
           : 0;
   }
@@ -3184,27 +3183,27 @@ let CalciteColorPickerHexInput = class {
   onInputKeyDown(event) {
     const { altKey, ctrlKey, metaKey, shiftKey } = event;
     const { internalColor, value } = this;
-    const key$1 = key.getKey(event.key);
-    if (key$1 === "Tab" || key$1 === "Enter") {
+    const key = event.key;
+    if (key === "Tab" || key === "Enter") {
       this.onInputChange();
       return;
     }
-    const isNudgeKey = key$1 === "ArrowDown" || key$1 === "ArrowUp";
+    const isNudgeKey = key === "ArrowDown" || key === "ArrowUp";
     if (isNudgeKey) {
       if (!value) {
         this.value = this.previousNonNullValue;
         event.preventDefault();
         return;
       }
-      const direction = key$1 === "ArrowUp" ? 1 : -1;
+      const direction = key === "ArrowUp" ? 1 : -1;
       const bump = shiftKey ? 10 : 1;
       this.value = utils.normalizeHex(this.nudgeRGBChannels(internalColor, bump * direction).hex());
       event.preventDefault();
       return;
     }
     const withModifiers = altKey || ctrlKey || metaKey;
-    const singleChar = key$1.length === 1;
-    const validHexChar = utils.hexChar.test(key$1);
+    const singleChar = key.length === 1;
+    const validHexChar = utils.hexChar.test(key);
     if (singleChar && !withModifiers && !validHexChar) {
       event.preventDefault();
     }

package/dist/cjs/calcite-combobox_3.cjs.entry.js

@@ -9,12 +9,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-6b5d2de5.js');
 const debounce = require('./debounce-95979061.js');
 const forIn = require('./forIn-a5d553af.js');
-const dom = require('./dom-19822169.js');
-const key = require('./key-8bfb93ec.js');
-const popper = require('./popper-a7580aca.js');
+const dom = require('./dom-41ce6029.js');
+const popper = require('./popper-4c24a334.js');
 const guid = require('./guid-b270f0db.js');
-const label = require('./label-8e3552b2.js');
-const form = require('./form-a5b44a1f.js');
+const label = require('./label-98a31f7d.js');
+const form = require('./form-7f276aa5.js');
 const observers = require('./observers-41837607.js');
 
 /**
@@ -261,8 +260,8 @@ let CalciteCombobox = class {
       this.setFocus();
     };
     this.keydownHandler = (event) => {
-      const key$1 = key.getKey(event.key, dom.getElementDir(this.el));
-      switch (key$1) {
+      const { key } = event;
+      switch (key) {
         case "Tab":
           this.activeChipIndex = -1;
           this.activeItemIndex = -1;

package/dist/cjs/calcite-date-picker_4.cjs.entry.js

@@ -7,12 +7,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
-const resources = require('./resources-3f7b51c8.js');
-const dom = require('./dom-19822169.js');
-const key = require('./key-8bfb93ec.js');
+const resources = require('./resources-c2496817.js');
+const dom = require('./dom-41ce6029.js');
 const CalciteHeading = require('./CalciteHeading-112c19f9.js');
-require('./locale-69dc9583.js');
-require('./number-e6448e15.js');
+require('./locale-d223548e.js');
+require('./number-7d42a856.js');
 require('./guid-b270f0db.js');
 
 const calciteDatePickerCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:inline-block;vertical-align:top;width:100%;position:relative;overflow:visible;border-radius:0;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);background-color:var(--calcite-ui-foreground-1)}:host([scale=s]){max-width:216px}:host([scale=m]){max-width:286px}:host([scale=l]){max-width:398px}";
@@ -44,7 +43,7 @@ let CalciteDatePicker = class {
     //
     //--------------------------------------------------------------------------
     this.keyUpHandler = (e) => {
-      if (key.getKey(e.key) === "Escape") {
+      if (e.key === "Escape") {
         this.reset();
       }
     };
@@ -423,8 +422,8 @@ let CalciteDatePickerDay = class {
       !this.disabled && this.calciteDaySelect.emit();
     };
     this.keyDownHandler = (e) => {
-      const key$1 = key.getKey(e.key);
-      if (key$1 === " " || key$1 === "Enter") {
+      const key = e.key;
+      if (key === " " || key === "Enter") {
         !this.disabled && this.calciteDaySelect.emit();
       }
     };
@@ -469,7 +468,7 @@ let CalciteDatePickerMonth = class {
     //--------------------------------------------------------------------------
     this.keyDownHandler = (e) => {
       const isRTL = this.el.dir === "rtl";
-      switch (key.getKey(e.key)) {
+      switch (e.key) {
         case "ArrowUp":
           e.preventDefault();
           this.addDays(-7);
@@ -740,7 +739,7 @@ let CalciteDatePickerMonthHeader = class {
      */
     this.onYearKey = (e) => {
       const year = e.target.value;
-      switch (key.getKey(e.key)) {
+      switch (e.key) {
         case "ArrowDown":
           e.preventDefault();
           this.setYear(year, -1);
@@ -758,8 +757,8 @@ let CalciteDatePickerMonthHeader = class {
       this.handleArrowClick(e, this.prevMonthDate);
     };
     this.prevMonthKeydown = (e) => {
-      const key$1 = key.getKey(e.key);
-      if (key$1 === " " || key$1 === "Enter") {
+      const key = e.key;
+      if (key === " " || key === "Enter") {
         this.prevMonthClick(e);
       }
     };
@@ -767,8 +766,8 @@ let CalciteDatePickerMonthHeader = class {
       this.handleArrowClick(e, this.nextMonthDate);
     };
     this.nextMonthKeydown = (e) => {
-      const key$1 = key.getKey(e.key);
-      if (key$1 === " " || key$1 === "Enter") {
+      const key = e.key;
+      if (key === " " || key === "Enter") {
         this.nextMonthClick(e);
       }
     };

package/dist/cjs/calcite-dropdown_3.cjs.entry.js

@@ -7,9 +7,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
-const key = require('./key-8bfb93ec.js');
-const dom = require('./dom-19822169.js');
-const popper = require('./popper-a7580aca.js');
+const dom = require('./dom-41ce6029.js');
+const popper = require('./popper-4c24a334.js');
 const observers = require('./observers-41837607.js');
 require('./guid-b270f0db.js');
 
@@ -106,11 +105,11 @@ let CalciteDropdown = class {
     };
     this.keyDownHandler = (e) => {
       const target = e.target;
-      const key$1 = key.getKey(e.key);
+      const key = e.key;
       if (this.triggers.includes(target) ||
         this.triggers.some((trigger) => trigger.contains(target))) {
         if (target.nodeName !== "BUTTON" && target.nodeName !== "CALCITE-BUTTON") {
-          switch (key$1) {
+          switch (key) {
             case " ":
             case "Enter":
               this.openCalciteDropdown();
@@ -120,7 +119,7 @@ let CalciteDropdown = class {
               break;
           }
         }
-        else if (this.active && (key$1 === "Escape" || (e.shiftKey && key$1 === "Tab"))) {
+        else if (this.active && (key === "Escape" || (e.shiftKey && key === "Tab"))) {
           this.closeCalciteDropdown();
         }
       }
@@ -227,7 +226,7 @@ let CalciteDropdown = class {
     const itemToFocus = target.nodeName !== "A" ? target : target.parentNode;
     const isFirstItem = this.itemIndex(itemToFocus) === 0;
     const isLastItem = this.itemIndex(itemToFocus) === this.items.length - 1;
-    switch (key.getKey(keyboardEvent.key)) {
+    switch (keyboardEvent.key) {
       case "Tab":
         if (isLastItem && !keyboardEvent.shiftKey) {
           this.closeCalciteDropdown();
@@ -517,7 +516,7 @@ let CalciteDropdownItem = class {
     this.emitRequestedItem();
   }
   keyDownHandler(e) {
-    switch (key.getKey(e.key)) {
+    switch (e.key) {
       case " ":
         this.emitRequestedItem();
         if (this.href) {

package/dist/cjs/calcite-fab.cjs.entry.js

@@ -7,7 +7,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
-const dom = require('./dom-19822169.js');
+const dom = require('./dom-41ce6029.js');
 require('./guid-b270f0db.js');
 
 const CSS = {

package/dist/cjs/calcite-filter.cjs.entry.js

@@ -7,7 +7,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
-const dom = require('./dom-19822169.js');
+const dom = require('./dom-41ce6029.js');
 const debounce = require('./debounce-95979061.js');
 const forIn = require('./forIn-a5d553af.js');
 require('./guid-b270f0db.js');
@@ -90,25 +90,12 @@ let CalciteFilter = class {
       this.setFocus();
     };
   }
-  watchDataHandler(value) {
-    this.items = value;
-  }
   watchItemsHandler() {
     this.filter(this.value);
   }
   valueHandler(value) {
     this.filter(value);
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  connectedCallback() {
-    if (this.data && !this.items) {
-      this.items = this.data;
-    }
-  }
   // --------------------------------------------------------------------------
   //
   //  Public Methods
@@ -121,7 +108,7 @@ let CalciteFilter = class {
   updateFiltered(filtered) {
     this.filteredItems.length = 0;
     this.filteredItems = this.filteredItems.concat(filtered);
-    this.calciteFilterChange.emit(filtered);
+    this.calciteFilterChange.emit();
   }
   // --------------------------------------------------------------------------
   //
@@ -137,7 +124,6 @@ let CalciteFilter = class {
   }
   get el() { return index.getElement(this); }
   static get watchers() { return {
-    "data": ["watchDataHandler"],
     "items": ["watchItemsHandler"],
     "value": ["valueHandler"]
   }; }

package/dist/cjs/calcite-graph_2.cjs.entry.js

@@ -8,11 +8,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
 const guid = require('./guid-b270f0db.js');
-const key = require('./key-8bfb93ec.js');
-const dom = require('./dom-19822169.js');
+const dom = require('./dom-41ce6029.js');
 const math = require('./math-145c80e2.js');
-const label = require('./label-8e3552b2.js');
-const form = require('./form-a5b44a1f.js');
+const label = require('./label-98a31f7d.js');
+const form = require('./form-7f276aa5.js');
 
 /**
  * Calculate slope of the tangents
@@ -509,34 +508,34 @@ let CalciteSlider = class {
     const mirror = this.shouldMirror();
     const { activeProp, max, min, pageStep, step } = this;
     const value = this[activeProp];
-    const key$1 = key.getKey(event.key);
-    if (key$1 === "Enter" || key$1 === " ") {
+    const key = event.key;
+    if (key === "Enter" || key === " ") {
       event.preventDefault();
       return;
     }
     let adjustment;
-    if (key$1 === "ArrowUp" || key$1 === "ArrowRight") {
-      const directionFactor = mirror && key$1 === "ArrowRight" ? -1 : 1;
+    if (key === "ArrowUp" || key === "ArrowRight") {
+      const directionFactor = mirror && key === "ArrowRight" ? -1 : 1;
       adjustment = value + step * directionFactor;
     }
-    else if (key$1 === "ArrowDown" || key$1 === "ArrowLeft") {
-      const directionFactor = mirror && key$1 === "ArrowLeft" ? -1 : 1;
+    else if (key === "ArrowDown" || key === "ArrowLeft") {
+      const directionFactor = mirror && key === "ArrowLeft" ? -1 : 1;
       adjustment = value - step * directionFactor;
     }
-    else if (key$1 === "PageUp") {
+    else if (key === "PageUp") {
       if (pageStep) {
         adjustment = value + pageStep;
       }
     }
-    else if (key$1 === "PageDown") {
+    else if (key === "PageDown") {
       if (pageStep) {
         adjustment = value - pageStep;
       }
     }
-    else if (key$1 === "Home") {
+    else if (key === "Home") {
       adjustment = min;
     }
-    else if (key$1 === "End") {
+    else if (key === "End") {
       adjustment = max;
     }
     if (isNaN(adjustment)) {

package/dist/cjs/calcite-icon.cjs.entry.js

@@ -7,7 +7,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
-const dom = require('./dom-19822169.js');
+const dom = require('./dom-41ce6029.js');
 const observers = require('./observers-41837607.js');
 require('./guid-b270f0db.js');
 

package/dist/cjs/calcite-inline-editable.cjs.entry.js

@@ -7,8 +7,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
-const dom = require('./dom-19822169.js');
-const label = require('./label-8e3552b2.js');
+const dom = require('./dom-41ce6029.js');
+const label = require('./label-98a31f7d.js');
 require('./guid-b270f0db.js');
 
 const CSS = {

package/dist/cjs/calcite-input-date-picker.cjs.entry.js

@@ -7,14 +7,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
-const resources = require('./resources-3f7b51c8.js');
-const dom = require('./dom-19822169.js');
-const key = require('./key-8bfb93ec.js');
-const label = require('./label-8e3552b2.js');
-const form = require('./form-a5b44a1f.js');
-const popper = require('./popper-a7580aca.js');
-require('./locale-69dc9583.js');
-require('./number-e6448e15.js');
+const resources = require('./resources-c2496817.js');
+const dom = require('./dom-41ce6029.js');
+const label = require('./label-98a31f7d.js');
+const form = require('./form-7f276aa5.js');
+const popper = require('./popper-4c24a334.js');
+require('./locale-d223548e.js');
+require('./number-7d42a856.js');
 require('./guid-b270f0db.js');
 
 const calciteInputDatePickerCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{-webkit-box-shadow:none;box-shadow:none;display:inline-block;vertical-align:top;width:100%;position:relative;overflow:visible}:host .menu-container .calcite-popper-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-popper-transition);transition:var(--calcite-popper-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}:host .menu-container[data-popper-placement^=bottom] .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}:host .menu-container[data-popper-placement^=top] .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}:host .menu-container[data-popper-placement^=left] .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}:host .menu-container[data-popper-placement^=right] .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}:host .menu-container[data-popper-placement] .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}.calendar-picker-wrapper{-webkit-box-shadow:none;box-shadow:none;position:static;width:100%;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.input-wrapper{position:relative}:host([range]) .input-container{display:-ms-flexbox;display:flex}:host([range]) .input-wrapper{-ms-flex:1 1 auto;flex:1 1 auto}:host([range]) .horizontal-arrow-container{background-color:var(--calcite-ui-background);padding-top:0;padding-bottom:0;padding-left:0.25rem;padding-right:0.25rem;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);border-left-width:0;border-right-width:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host([range][layout=vertical]) .input-wrapper{width:100%}:host([range][layout=vertical]) .input-container{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}:host([range][layout=vertical]) .calendar-picker-wrapper--end{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}:host([range][layout=vertical]) .vertical-arrow-container{top:1.5rem;left:0;padding-left:0.625rem;padding-right:0.625rem;margin-left:1px;margin-right:1px;position:absolute;z-index:10;background-color:var(--calcite-ui-foreground-1)}:host([scale=s][range]:not([layout=vertical])) .calendar-picker-wrapper{width:216px}:host([scale=m][range]:not([layout=vertical])) .calendar-picker-wrapper{width:286px}:host([scale=l][range]:not([layout=vertical])) .calendar-picker-wrapper{width:398px}.menu-container{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0);visibility:hidden;pointer-events:none}:host([active]) .menu-container{visibility:visible;pointer-events:auto}.input .calcite-input__wrapper{margin-top:0}:host([range][layout=vertical][scale=m]) .vertical-arrow-container{top:1.5rem;padding-left:0.75rem}:host([range][layout=vertical][scale=m]) .vertical-arrow-container calcite-icon{width:0.75rem;height:0.75rem;min-width:0}:host([range][layout=vertical][scale=l]) .vertical-arrow-container{top:2.25rem;padding-left:0.875rem;padding-right:0.875rem}:host([range][layout=vertical][active]) .vertical-arrow-container{display:none}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";
@@ -83,7 +82,7 @@ let CalciteInputDatePicker = class {
       this.active = false;
     };
     this.keyUpHandler = (e) => {
-      if (key.getKey(e.key) === "Escape") {
+      if (e.key === "Escape") {
         this.active = false;
       }
     };

package/dist/cjs/calcite-input-message.cjs.entry.js

@@ -7,7 +7,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
-const dom = require('./dom-19822169.js');
+const dom = require('./dom-41ce6029.js');
 require('./guid-b270f0db.js');
 
 var StatusIconDefaults;

package/dist/cjs/calcite-input-time-picker_2.cjs.entry.js

@@ -8,11 +8,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
 const guid = require('./guid-b270f0db.js');
-const key = require('./key-8bfb93ec.js');
-const number = require('./number-e6448e15.js');
-const label = require('./label-8e3552b2.js');
-const form = require('./form-a5b44a1f.js');
-require('./dom-19822169.js');
+const number = require('./number-7d42a856.js');
+const label = require('./label-98a31f7d.js');
+const form = require('./form-7f276aa5.js');
+require('./dom-41ce6029.js');
 
 const maxTenthForMinuteAndSecond = 5;
 function getMeridiem(hour) {
@@ -181,7 +180,7 @@ let CalciteInputTimePicker = class {
     this.internalValueChange = false;
   }
   keyUpHandler(event) {
-    if (key.getKey(event.key) === "Escape" && this.active) {
+    if (event.key === "Escape" && this.active) {
       this.active = false;
     }
   }
@@ -423,9 +422,9 @@ let CalciteTimePicker = class {
       }
     };
     this.hourKeyDownHandler = (event) => {
-      const key$1 = key.getKey(event.key);
-      if (key.numberKeys.includes(key$1)) {
-        const keyAsNumber = parseInt(key$1);
+      const key = event.key;
+      if (number.numberKeys.includes(key)) {
+        const keyAsNumber = parseInt(key);
         let newHour;
         if (number.isValidNumber(this.hour)) {
           switch (this.hourDisplayFormat) {
@@ -454,7 +453,7 @@ let CalciteTimePicker = class {
         this.setTime("hour", newHour);
       }
       else {
-        switch (key$1) {
+        switch (key) {
           case "Backspace":
           case "Delete":
             this.setTime("hour", null);
@@ -511,7 +510,7 @@ let CalciteTimePicker = class {
       }
     };
     this.meridiemKeyDownHandler = (event) => {
-      switch (key.getKey(event.key)) {
+      switch (event.key) {
         case "a":
           this.setTime("meridiem", "AM");
           break;
@@ -547,9 +546,9 @@ let CalciteTimePicker = class {
       }
     };
     this.minuteKeyDownHandler = (event) => {
-      const key$1 = key.getKey(event.key);
-      if (key.numberKeys.includes(key$1)) {
-        const keyAsNumber = parseInt(key$1);
+      const key = event.key;
+      if (number.numberKeys.includes(key)) {
+        const keyAsNumber = parseInt(key);
         let newMinute;
         if (number.isValidNumber(this.minute) && this.minute.startsWith("0")) {
           const minuteAsNumber = parseInt(this.minute);
@@ -564,7 +563,7 @@ let CalciteTimePicker = class {
         this.setTime("minute", newMinute);
       }
       else {
-        switch (key$1) {
+        switch (key) {
           case "Backspace":
           case "Delete":
             this.setTime("minute", null);
@@ -595,9 +594,9 @@ let CalciteTimePicker = class {
       }
     };
     this.secondKeyDownHandler = (event) => {
-      const key$1 = key.getKey(event.key);
-      if (key.numberKeys.includes(key$1)) {
-        const keyAsNumber = parseInt(key$1);
+      const key = event.key;
+      if (number.numberKeys.includes(key)) {
+        const keyAsNumber = parseInt(key);
         let newSecond;
         if (number.isValidNumber(this.second) && this.second.startsWith("0")) {
           const secondAsNumber = parseInt(this.second);
@@ -612,7 +611,7 @@ let CalciteTimePicker = class {
         this.setTime("second", newSecond);
       }
       else {
-        switch (key$1) {
+        switch (key) {
           case "Backspace":
           case "Delete":
             this.setTime("second", null);
@@ -704,15 +703,15 @@ let CalciteTimePicker = class {
     this.calciteTimePickerFocus.emit();
   }
   keyDownHandler(event) {
-    const key$1 = key.getKey(event.key);
+    const key = event.key;
     switch (this.activeEl) {
       case this.hourEl:
-        if (key$1 === "ArrowRight") {
+        if (key === "ArrowRight") {
           this.setFocus("minute");
         }
         break;
       case this.minuteEl:
-        switch (key$1) {
+        switch (key) {
           case "ArrowLeft":
             this.setFocus("hour");
             break;
@@ -727,7 +726,7 @@ let CalciteTimePicker = class {
         }
         break;
       case this.secondEl:
-        switch (key$1) {
+        switch (key) {
           case "ArrowLeft":
             this.setFocus("minute");
             break;
@@ -739,7 +738,7 @@ let CalciteTimePicker = class {
         }
         break;
       case this.meridiemEl:
-        switch (key$1) {
+        switch (key) {
           case "ArrowLeft":
             if (this.step !== 60) {
               this.setFocus("second");
@@ -763,11 +762,11 @@ let CalciteTimePicker = class {
     (_a = this[`${target || "hour"}El`]) === null || _a === void 0 ? void 0 : _a.focus();
   }
   buttonActivated(event) {
-    const key$1 = key.getKey(event.key);
-    if (key$1 === " ") {
+    const key = event.key;
+    if (key === " ") {
       event.preventDefault();
     }
-    return key.isActivationKey(key$1);
+    return number.isActivationKey(key);
   }
   getDisplayHour() {
     if (!this.hour) {