npm - @esri/calcite-components - Versions diffs - 1.0.0-beta.96 → 1.0.0-beta.98 - Mend

@esri/calcite-components 1.0.0-beta.96 → 1.0.0-beta.98

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (690) hide show

package/dist/collection/components/date-picker-day/date-picker-day.js CHANGED Viewed

@@ -1,10 +1,10 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.96
+ * v1.0.0-beta.98
  */
 import { Host, h } from "@stencil/core";
-import { getElementDir } from "../../utils/dom";
+import { closestElementCrossShadowBoundary, getElementDir } from "../../utils/dom";
 import { CSS_UTILITY } from "../../utils/resources";
 import { updateHostInteraction } from "../../utils/interactive";
 import { isActivationKey } from "../../utils/key";
@@ -52,7 +52,18 @@ export class DatePickerDay {
   //  Lifecycle
   //
   //--------------------------------------------------------------------------
+  componentWillLoad() {
+    this.parentDatePickerEl = closestElementCrossShadowBoundary(this.el, "calcite-date-picker");
+  }
   render() {
+    if (this.parentDatePickerEl) {
+      const { numberingSystem, lang: locale } = this.parentDatePickerEl;
+      numberStringFormatter.numberFormatOptions = {
+        useGrouping: false,
+        ...(numberingSystem && { numberingSystem }),
+        ...(locale && { locale })
+      };
+    }
     const formattedDay = numberStringFormatter.localize(String(this.day));
     const dir = getElementDir(this.el);
     return (h(Host, { onClick: this.onClick, onKeyDown: this.keyDownHandler, role: "gridcell" }, h("div", { class: { "day-v-wrapper": true, [CSS_UTILITY.rtl]: dir === "rtl" } }, h("div", { class: "day-wrapper" }, h("span", { class: "day" }, h("span", { class: "text" }, formattedDay))))));

package/dist/collection/components/date-picker-month/date-picker-month.js CHANGED Viewed

@@ -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-beta.96
+ * v1.0.0-beta.98
  */
 import { Host, h } from "@stencil/core";
 import { inRange, sameDate, dateFromRange } from "../../utils/date";

package/dist/collection/components/date-picker-month-header/date-picker-month-header.js CHANGED Viewed

@@ -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-beta.96
+ * v1.0.0-beta.98
  */
 import { h, Fragment } from "@stencil/core";
 import { dateFromRange, nextMonth, prevMonth, getOrder } from "../../utils/date";
@@ -9,6 +9,7 @@ import { Heading } from "../functional/Heading";
 import { BUDDHIST_CALENDAR_YEAR_OFFSET } from "./resources";
 import { isActivationKey } from "../../utils/key";
 import { numberStringFormatter } from "../../utils/locale";
+import { closestElementCrossShadowBoundary } from "../../utils/dom";
 export class DatePickerMonthHeader {
   constructor() {
     //--------------------------------------------------------------------------
@@ -80,6 +81,9 @@ export class DatePickerMonthHeader {
   //  Lifecycle
   //
   //--------------------------------------------------------------------------
+  componentWillLoad() {
+    this.parentDatePickerEl = closestElementCrossShadowBoundary(this.el, "calcite-date-picker");
+  }
   connectedCallback() {
     this.setNextPrevMonthDates();
   }
@@ -91,6 +95,14 @@ export class DatePickerMonthHeader {
     if (!this.activeDate || !this.localeData) {
       return null;
     }
+    if (this.parentDatePickerEl) {
+      const { numberingSystem, lang: locale } = this.parentDatePickerEl;
+      numberStringFormatter.numberFormatOptions = {
+        useGrouping: false,
+        ...(numberingSystem && { numberingSystem }),
+        ...(locale && { locale })
+      };
+    }
     const activeMonth = this.activeDate.getMonth();
     const { months, unitOrder } = this.localeData;
     const localizedMonth = (months.wide || months.narrow || months.abbreviated)[activeMonth];

package/dist/collection/components/date-picker-month-header/resources.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /*!
  * 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-beta.96
+ * v1.0.0-beta.98
  */
 export const BUDDHIST_CALENDAR_YEAR_OFFSET = 543;

package/dist/collection/components/dropdown/dropdown.css CHANGED Viewed

@@ -114,16 +114,11 @@
   position: absolute;
   z-index: 900;
   visibility: hidden;
-  pointer-events: none;
-  inline-size: 0;
-  block-size: 0;
-  overflow: hidden;
 }
 .calcite-dropdown-wrapper .calcite-floating-ui-anim {
   position: relative;
   transition: var(--calcite-floating-ui-transition);
-  visibility: hidden;
   transition-property: transform, visibility, opacity;
   opacity: 0;
   box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
@@ -144,16 +139,11 @@
 }
 .calcite-dropdown-wrapper[data-placement] .calcite-floating-ui-anim--active {
   opacity: 1;
-  visibility: visible;
   transform: translate(0);
 }
 :host([open]) .calcite-dropdown-wrapper {
-  pointer-events: initial;
   visibility: visible;
-  inline-size: unset;
-  block-size: unset;
-  overflow: unset;
 }
 :host .calcite-dropdown-content {

package/dist/collection/components/dropdown/dropdown.js CHANGED Viewed

@@ -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-beta.96
+ * v1.0.0-beta.98
  */
 import { h, Host } from "@stencil/core";
 import { focusElement, isPrimaryPointerButton, toAriaBoolean } from "../../utils/dom";
@@ -72,7 +72,7 @@ export class Dropdown {
     this.groups = [];
     this.mutationObserver = createObserver("mutation", () => this.updateItems());
     this.resizeObserver = createObserver("resize", (entries) => this.resizeObserverCallback(entries));
-    this.openTransitionProp = "visibility";
+    this.openTransitionProp = "opacity";
     this.guid = `calcite-dropdown-${guid()}`;
     this.defaultAssignedElements = [];
     //--------------------------------------------------------------------------

package/dist/collection/components/dropdown/resources.js CHANGED Viewed

@@ -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-beta.96
+ * v1.0.0-beta.98
  */
 export const SLOTS = {
   dropdownTrigger: "dropdown-trigger"

package/dist/collection/components/dropdown-group/dropdown-group.css CHANGED Viewed

@@ -84,6 +84,7 @@
 }
 :host {
+  position: relative;
   display: block;
 }

package/dist/collection/components/dropdown-group/dropdown-group.js CHANGED Viewed

@@ -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-beta.96
+ * v1.0.0-beta.98
  */
 import { h, Host } from "@stencil/core";
 import { getElementProp } from "../../utils/dom";
@@ -12,7 +12,7 @@ import { CSS } from "./resources";
 export class DropdownGroup {
   constructor() {
     /**
-      specify the selection mode - multi (allow any number of (or no) active items), single (allow and require one active item),
+      specify the selection mode - multiple (allow any number of (or no) active items), single (allow and require one active item),
      none (no active items), defaults to single
      */
     this.selectionMode = "single";
@@ -93,7 +93,7 @@ export class DropdownGroup {
         "mutable": false,
         "complexType": {
           "original": "SelectionMode",
-          "resolved": "\"multi\" | \"none\" | \"single\"",
+          "resolved": "\"multi\" | \"multiple\" | \"none\" | \"single\"",
           "references": {
             "SelectionMode": {
               "location": "import",
@@ -105,7 +105,7 @@ export class DropdownGroup {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "specify the selection mode - multi (allow any number of (or no) active items), single (allow and require one active item),\nnone (no active items), defaults to single"
+          "text": "specify the selection mode - multiple (allow any number of (or no) active items), single (allow and require one active item),\nnone (no active items), defaults to single"
         },
         "attribute": "selection-mode",
         "reflect": true,

package/dist/collection/components/dropdown-group/resources.js CHANGED Viewed

@@ -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-beta.96
+ * v1.0.0-beta.98
  */
 export const CSS = {
   containerSmall: "container--s",

package/dist/collection/components/dropdown-item/dropdown-item.js CHANGED Viewed

@@ -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-beta.96
+ * v1.0.0-beta.98
  */
 import { h, Host } from "@stencil/core";
 import { getElementProp, toAriaBoolean } from "../../utils/dom";
@@ -74,7 +74,7 @@ export class DropdownItem {
       ? null
       : this.selectionMode === "single"
         ? "menuitemradio"
-        : this.selectionMode === "multi"
+        : this.selectionMode === "multiple" || this.selectionMode === "multi"
           ? "menuitemcheckbox"
           : "menuitem";
     const itemAria = this.selectionMode !== "none" ? toAriaBoolean(this.selected) : null;
@@ -84,10 +84,12 @@ export class DropdownItem {
         [CSS.containerSmall]: scale === "s",
         [CSS.containerMedium]: scale === "m",
         [CSS.containerLarge]: scale === "l",
-        [CSS.containerMulti]: this.selectionMode === "multi",
+        [CSS.containerMulti]: this.selectionMode === "multiple" || this.selectionMode === "multi",
         [CSS.containerSingle]: this.selectionMode === "single",
         [CSS.containerNone]: this.selectionMode === "none"
-      } }, this.selectionMode !== "none" ? (h("calcite-icon", { class: "dropdown-item-icon", icon: this.selectionMode === "multi" ? "check" : "bullet-point", scale: "s" })) : null, contentEl)));
+      } }, this.selectionMode !== "none" ? (h("calcite-icon", { class: "dropdown-item-icon", icon: this.selectionMode === "multiple" || this.selectionMode === "multi"
+        ? "check"
+        : "bullet-point", scale: "s" })) : null, contentEl)));
   }
   //--------------------------------------------------------------------------
   //
@@ -147,6 +149,7 @@ export class DropdownItem {
   determineActiveItem() {
     switch (this.selectionMode) {
       case "multi":
+      case "multiple":
         if (this.el === this.requestedDropdownItem) {
           this.selected = !this.selected;
         }

package/dist/collection/components/dropdown-item/resources.js CHANGED Viewed

@@ -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-beta.96
+ * v1.0.0-beta.98
  */
 export const CSS = {
   containerLink: "container--link",

package/dist/collection/components/fab/fab.js CHANGED Viewed

@@ -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-beta.96
+ * v1.0.0-beta.98
  */
 import { h } from "@stencil/core";
 import { CSS, ICONS } from "./resources";

package/dist/collection/components/fab/resources.js CHANGED Viewed

@@ -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-beta.96
+ * v1.0.0-beta.98
  */
 export const CSS = {
   button: "button"

package/dist/collection/components/filter/filter.js CHANGED Viewed

@@ -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-beta.96
+ * v1.0.0-beta.98
  */
 import { Fragment, h } from "@stencil/core";
 import { debounce } from "lodash-es";

package/dist/collection/components/filter/resources.js CHANGED Viewed

@@ -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-beta.96
+ * v1.0.0-beta.98
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/flow/flow.js CHANGED Viewed

@@ -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-beta.96
+ * v1.0.0-beta.98
  */
 import { h } from "@stencil/core";
 import { CSS } from "./resources";

package/dist/collection/components/flow/resources.js CHANGED Viewed

@@ -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-beta.96
+ * v1.0.0-beta.98
  */
 export const CSS = {
   frame: "frame",

package/dist/collection/components/flow-item/flow-item.js CHANGED Viewed

@@ -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-beta.96
+ * v1.0.0-beta.98
  */
 import { h, Host } from "@stencil/core";
 import { getElementDir } from "../../utils/dom";

package/dist/collection/components/flow-item/resources.js CHANGED Viewed

@@ -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-beta.96
+ * v1.0.0-beta.98
  */
 export const CSS = {
   backButton: "back-button"

package/dist/collection/components/functional/ExpandToggle.js CHANGED Viewed

@@ -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-beta.96
+ * v1.0.0-beta.98
  */
 import { h } from "@stencil/core";
 import { getElementDir } from "../../utils/dom";

package/dist/collection/components/functional/Heading.js CHANGED Viewed

@@ -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-beta.96
+ * v1.0.0-beta.98
  */
 import { h } from "@stencil/core";
 export function constrainHeadingLevel(level) {

package/dist/collection/components/graph/graph.js CHANGED Viewed

@@ -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-beta.96
+ * v1.0.0-beta.98
  */
 import { h, forceUpdate } from "@stencil/core";
 import { guid } from "../../utils/guid";

package/dist/collection/components/graph/util.js CHANGED Viewed

@@ -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-beta.96
+ * v1.0.0-beta.98
  */
 /**
  * Calculate slope of the tangents

package/dist/collection/components/handle/handle.js CHANGED Viewed

@@ -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-beta.96
+ * v1.0.0-beta.98
  */
 import { h } from "@stencil/core";
 import { toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/handle/resources.js CHANGED Viewed

@@ -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-beta.96
+ * v1.0.0-beta.98
  */
 export const CSS = {
   handle: "handle",

package/dist/collection/components/icon/icon.js CHANGED Viewed

@@ -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-beta.96
+ * v1.0.0-beta.98
  */
 import { Build, h, Host } from "@stencil/core";
 import { CSS } from "./resources";

package/dist/collection/components/icon/resources.js CHANGED Viewed

@@ -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-beta.96
+ * v1.0.0-beta.98
  */
 export const CSS = {
   icon: "icon",

package/dist/collection/components/icon/utils.js CHANGED Viewed

@@ -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-beta.96
+ * v1.0.0-beta.98
  */
 import { getAssetPath } from "@stencil/core";
 /**

package/dist/collection/components/inline-editable/inline-editable.js CHANGED Viewed

@@ -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-beta.96
+ * v1.0.0-beta.98
  */
 import { h } from "@stencil/core";
 import { getElementProp, getSlotted } from "../../utils/dom";

package/dist/collection/components/inline-editable/resources.js CHANGED Viewed

@@ -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-beta.96
+ * v1.0.0-beta.98
  */
 export const CSS = {
   wrapper: "wrapper",

package/dist/collection/components/input/input.js CHANGED Viewed

@@ -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-beta.96
+ * v1.0.0-beta.98
  */
 import { h, Host } from "@stencil/core";
 import { getElementDir, getElementProp, getSlotted, isPrimaryPointerButton, setRequestedIcon } from "../../utils/dom";

package/dist/collection/components/input/resources.js CHANGED Viewed

@@ -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-beta.96
+ * v1.0.0-beta.98
  */
 export const CSS = {
   loader: "loader",

package/dist/collection/components/input-date-picker/input-date-picker.css CHANGED Viewed

@@ -120,7 +120,6 @@
 :host .menu-container .calcite-floating-ui-anim {
   position: relative;
   transition: var(--calcite-floating-ui-transition);
-  visibility: hidden;
   transition-property: transform, visibility, opacity;
   opacity: 0;
   box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
@@ -141,7 +140,6 @@
 }
 :host .menu-container[data-placement] .calcite-floating-ui-anim--active {
   opacity: 1;
-  visibility: visible;
   transform: translate(0);
 }
@@ -219,9 +217,6 @@
   display: block;
   position: absolute;
   z-index: 900;
-  inline-size: 0;
-  block-size: 0;
-  overflow: hidden;
   pointer-events: none;
   visibility: hidden;
 }
@@ -229,7 +224,6 @@
 .menu-container .calcite-floating-ui-anim {
   position: relative;
   transition: var(--calcite-floating-ui-transition);
-  visibility: hidden;
   transition-property: transform, visibility, opacity;
   opacity: 0;
   box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
@@ -250,24 +244,15 @@
 }
 .menu-container[data-placement] .calcite-floating-ui-anim--active {
   opacity: 1;
-  visibility: visible;
   transform: translate(0);
 }
 :host([open]) .menu-container {
-  pointer-events: initial;
   visibility: visible;
-  inline-size: unset;
-  block-size: unset;
-  overflow: unset;
 }
 .menu-container--active {
-  pointer-events: initial;
   visibility: visible;
-  inline-size: unset;
-  block-size: unset;
-  overflow: unset;
 }
 .input .calcite-input__wrapper {