@esri/calcite-components 1.1.1-next.2 → 1.2.0

package/dist/collection/components/tile/tile.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.1.1-next.2
+ * v1.2.0
  */
 import { Fragment, h } from "@stencil/core";
 import { connectConditionalSlotComponent, disconnectConditionalSlotComponent } from "../../utils/conditionalSlot";

package/dist/collection/components/tile-select/resources.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.1.1-next.2
+ * v1.2.0
  */
 export const CSS = {
   checked: "checked",

package/dist/collection/components/tile-select/tile-select.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.1.1-next.2
+ * v1.2.0
  */
 import { h } from "@stencil/core";
 import { guid } from "../../utils/guid";
@@ -87,14 +87,14 @@ export class TileSelect {
     }
     event.stopPropagation();
   }
-  click(event) {
+  clickHandler(event) {
     const target = event.target;
     const targets = ["calcite-tile", "calcite-tile-select"];
     if (targets.includes(target.localName)) {
       this.input.click();
     }
   }
-  mouseenter() {
+  pointerEnterHandler() {
     if (this.input.localName === "calcite-radio-button") {
       this.input.hovered = true;
     }
@@ -102,7 +102,7 @@ export class TileSelect {
       this.input.hovered = true;
     }
   }
-  mouseleave() {
+  pointerLeaveHandler() {
     if (this.input.localName === "calcite-radio-button") {
       this.input.hovered = false;
     }
@@ -535,19 +535,19 @@ export class TileSelect {
         "passive": false
       }, {
         "name": "click",
-        "method": "click",
+        "method": "clickHandler",
         "target": undefined,
         "capture": false,
         "passive": false
       }, {
         "name": "pointerenter",
-        "method": "mouseenter",
+        "method": "pointerEnterHandler",
         "target": undefined,
         "capture": false,
         "passive": true
       }, {
         "name": "pointerleave",
-        "method": "mouseleave",
+        "method": "pointerLeaveHandler",
         "target": undefined,
         "capture": false,
         "passive": true

package/dist/collection/components/tile-select-group/tile-select-group.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.1.1-next.2
+ * v1.2.0
  */
 import { h } from "@stencil/core";
 import { updateHostInteraction } from "../../utils/interactive";

package/dist/collection/components/time-picker/resources.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.1.1-next.2
+ * v1.2.0
  */
 export const CSS = {
   button: "button",

package/dist/collection/components/time-picker/time-picker.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.1.1-next.2
+ * v1.2.0
  */
 import { h } from "@stencil/core";
 import { isActivationKey, numberKeys } from "../../utils/key";

package/dist/collection/components/tip/resources.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.1.1-next.2
+ * v1.2.0
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/tip/tip.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.1.1-next.2
+ * v1.2.0
  */
 import { Fragment, h } from "@stencil/core";
 import { connectConditionalSlotComponent, disconnectConditionalSlotComponent } from "../../utils/conditionalSlot";

package/dist/collection/components/tip-group/tip-group.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.1.1-next.2
+ * v1.2.0
  */
 import { h } from "@stencil/core";
 /**

package/dist/collection/components/tip-manager/resources.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.1.1-next.2
+ * v1.2.0
  */
 export const CSS = {
   header: "header",

package/dist/collection/components/tip-manager/tip-manager.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.1.1-next.2
+ * v1.2.0
  */
 import { h } from "@stencil/core";
 import { getElementDir, toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/tooltip/TooltipManager.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.1.1-next.2
+ * v1.2.0
  */
 import { isPrimaryPointerButton } from "../../utils/dom";
 import { TOOLTIP_DELAY_MS } from "./resources";

package/dist/collection/components/tooltip/resources.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.1.1-next.2
+ * v1.2.0
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/tooltip/tooltip.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.1.1-next.2
+ * v1.2.0
  */
 import { h, Host } from "@stencil/core";
 import { toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/tooltip/utils.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.1.1-next.2
+ * v1.2.0
  */
 import { queryElementRoots } from "../../utils/dom";
 export function getEffectiveReferenceElement(tooltip) {

package/dist/collection/components/tree/tree.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.1.1-next.2
+ * v1.2.0
  */
 import { h, Host } from "@stencil/core";
 import { focusElement, getRootNode, nodeListToArray } from "../../utils/dom";

package/dist/collection/components/tree/utils.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.1.1-next.2
+ * v1.2.0
  */
 function isTreeItem(element) {
   return element?.matches("calcite-tree-item");

package/dist/collection/components/tree-item/resources.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.1.1-next.2
+ * v1.2.0
  */
 export const CSS = {
   actionsEnd: "actions-end",

package/dist/collection/components/tree-item/tree-item.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.1.1-next.2
+ * v1.2.0
  */
 import { h, Host } from "@stencil/core";
 import { slotChangeHasAssignedElement } from "../../utils/dom";

package/dist/collection/components/value-list/resources.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.1.1-next.2
+ * v1.2.0
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/value-list/utils.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.1.1-next.2
+ * v1.2.0
  */
 import { getItemIndex } from "../pick-list/shared-list-logic";
 export function getScreenReaderText(item, status, valueList) {

package/dist/collection/components/value-list/value-list.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.1.1-next.2
+ * v1.2.0
  */
 import { h } from "@stencil/core";
 import Sortable from "sortablejs";

package/dist/collection/components/value-list-item/resources.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.1.1-next.2
+ * v1.2.0
  */
 export const ICONS = {
   drag: "drag"

package/dist/collection/components/value-list-item/value-list-item.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.1.1-next.2
+ * v1.2.0
  */
 import { h, Host } from "@stencil/core";
 import { connectConditionalSlotComponent, disconnectConditionalSlotComponent } from "../../utils/conditionalSlot";

package/dist/collection/utils/array.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.1.1-next.2
+ * v1.2.0
  */
 export function getRoundRobinIndex(index, total) {
   return (index + total) % total;

package/dist/collection/utils/conditionalSlot.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.1.1-next.2
+ * v1.2.0
  */
 import { forceUpdate } from "@stencil/core";
 import { createObserver } from "./observers";

package/dist/collection/utils/config.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.1.1-next.2
+ * v1.2.0
  */
 /**
  * This module helps users provide custom configuration for component internals.

package/dist/collection/utils/date.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.1.1-next.2
+ * v1.2.0
  */
 import { numberStringFormatter } from "./locale";
 /**

package/dist/collection/utils/dom.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.1.1-next.2
+ * v1.2.0
  */
 import { tabbable } from "tabbable";
 import { guid } from "./guid";
@@ -132,6 +132,9 @@ export async function focusElement(el) {
  * @param {HTMLElement} element The html element containing tabbable elements.
  */
 export function focusFirstTabbable(element) {
+  if (!element) {
+    return;
+  }
   (tabbable(element, tabbableOptions)[0] || element).focus();
 }
 const defaultSlotSelector = ":not([slot])";

package/dist/collection/utils/filter.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.1.1-next.2
+ * v1.2.0
  */
 import { escapeRegExp, forIn } from "lodash-es";
 export const filter = (data, value) => {

package/dist/collection/utils/floating-ui/utils.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.1.1-next.2
+ * v1.2.0
  */
 /**
  * This module provides utils to fix positioning across shadow DOM in browsers that follow the updated offsetParent spec https://github.com/w3c/csswg-drafts/issues/159

package/dist/collection/utils/floating-ui.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.1.1-next.2
+ * v1.2.0
  */
 import { arrow, autoPlacement, autoUpdate, computePosition, flip, hide, offset, platform, shift } from "@floating-ui/dom";
 import { Build } from "@stencil/core";

package/dist/collection/utils/focusTrapComponent.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.1.1-next.2
+ * v1.2.0
  */
 import { createFocusTrap } from "focus-trap";
 import { focusElement, tabbableOptions } from "./dom";

package/dist/collection/utils/form.js

@@ -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.1.1-next.2
+ * v1.2.0
  */
 import "form-request-submit-polyfill/form-request-submit-polyfill";
-import { closestElementCrossShadowBoundary } from "./dom";
+import { closestElementCrossShadowBoundary, queryElementRoots } from "./dom";
 import { h } from "@stencil/core";
 /**
  * Exported for testing purposes.
@@ -15,7 +15,18 @@ function isCheckable(component) {
 }
 const onFormResetMap = new WeakMap();
 const formComponentSet = new WeakSet();
+/**
+ * This helps determine if our form component is part of a composite form-associated component.
+ *
+ * @param form
+ * @param formComponentEl
+ */
 function hasRegisteredFormComponentParent(form, formComponentEl) {
+  // if we have a parent component using the form ID attribute, we assume it is form-associated
+  const hasParentComponentWithFormIdSet = closestElementCrossShadowBoundary(formComponentEl.parentElement, "[form]");
+  if (hasParentComponentWithFormIdSet) {
+    return true;
+  }
   // we use events as a way to test for nested form-associated components across shadow bounds
   const formComponentRegisterEventName = "calciteInternalFormComponentRegister";
   let hasRegisteredFormComponentParent = false;
@@ -60,20 +71,31 @@ export function resetForm(component) {
  */
 export function connectForm(component) {
   const { el, value } = component;
-  const form = closestElementCrossShadowBoundary(el, "form");
-  if (!form || hasRegisteredFormComponentParent(form, el)) {
+  const associatedForm = findAssociatedForm(component);
+  if (!associatedForm || hasRegisteredFormComponentParent(associatedForm, el)) {
     return;
   }
-  component.formEl = form;
+  component.formEl = associatedForm;
   component.defaultValue = value;
   if (isCheckable(component)) {
     component.defaultChecked = component.checked;
   }
   const boundOnFormReset = (component.onFormReset || onFormReset).bind(component);
-  form.addEventListener("reset", boundOnFormReset);
+  associatedForm.addEventListener("reset", boundOnFormReset);
   onFormResetMap.set(component.el, boundOnFormReset);
   formComponentSet.add(el);
 }
+/**
+ * Utility method to find a form-component's associated form element.
+ *
+ * @param component
+ */
+export function findAssociatedForm(component) {
+  const { el, form } = component;
+  return form
+    ? queryElementRoots(el, { id: form })
+    : closestElementCrossShadowBoundary(el, "form");
+}
 function onFormReset() {
   if (isCheckable(this)) {
     this.checked = this.defaultChecked;
@@ -172,13 +194,20 @@ function syncHiddenFormInput(component) {
   });
 }
 function defaultSyncHiddenFormInput(component, input, value) {
-  const { defaultValue, disabled, name, required } = component;
+  const { defaultValue, disabled, form, name, required } = component;
   // keep in sync to prevent losing reset value
   input.defaultValue = defaultValue;
   input.disabled = disabled;
   input.name = name;
   input.required = required;
   input.tabIndex = -1;
+  // we set the attr as the prop is read-only
+  if (form) {
+    input.setAttribute("form", form);
+  }
+  else {
+    input.removeAttribute("form");
+  }
   if (isCheckable(component)) {
     input.checked = component.checked;
     // keep in sync to prevent losing reset value

package/dist/collection/utils/globalAttributes.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.1.1-next.2
+ * v1.2.0
  */
 import { createObserver } from "./observers";
 const allowedGlobalAttributes = ["lang"];

package/dist/collection/utils/globalScript.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.1.1-next.2
+ * v1.2.0
  */
 import { initModeChangeEvent } from "./mode";
 /**

package/dist/collection/utils/guid.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.1.1-next.2
+ * v1.2.0
  */
 function gen(counts) {
   return counts

package/dist/collection/utils/interactive.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.1.1-next.2
+ * v1.2.0
  */
 function noopClick() {
   /** noop */

package/dist/collection/utils/key.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.1.1-next.2
+ * v1.2.0
  */
 export function isActivationKey(key) {
   return key === "Enter" || key === " ";

package/dist/collection/utils/label.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.1.1-next.2
+ * v1.2.0
  */
 import { closestElementCrossShadowBoundary, queryElementRoots } from "./dom";
 /**

package/dist/collection/utils/loadable.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.1.1-next.2
+ * v1.2.0
  */
 const resolveMap = new WeakMap();
 const promiseMap = new WeakMap();

package/dist/collection/utils/locale.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.1.1-next.2
+ * v1.2.0
  */
 import { closestElementCrossShadowBoundary, containsCrossShadowBoundary } from "./dom";
 import { BigDecimal, isValidNumber, sanitizeExponentialNumberString } from "./number";

package/dist/collection/utils/math.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.1.1-next.2
+ * v1.2.0
  */
 export const clamp = (value, min, max) => Math.max(min, Math.min(value, max));
 const decimalNumberRegex = new RegExp(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);

package/dist/collection/utils/mode.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.1.1-next.2
+ * v1.2.0
  */
 import { autoMode, darkMode } from "./resources";
 /**

package/dist/collection/utils/number.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.1.1-next.2
+ * v1.2.0
  */
 import { numberKeys } from "./key";
 const unnecessaryDecimal = new RegExp(`\\${"."}(0+)?$`);

package/dist/collection/utils/observers.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.1.1-next.2
+ * v1.2.0
  */
 import { Build } from "@stencil/core";
 /**

package/dist/collection/utils/openCloseComponent.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.1.1-next.2
+ * v1.2.0
  */
 import { readTask } from "@stencil/core";
 const componentToTransitionListeners = new WeakMap();

package/dist/collection/utils/resources.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.1.1-next.2
+ * v1.2.0
  */
 export const autoMode = "calcite-mode-auto";
 export const darkMode = "calcite-mode-dark";

package/dist/collection/utils/t9n.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.1.1-next.2
+ * v1.2.0
  */
 import { getAssetPath } from "@stencil/core";
 import { getSupportedLocale } from "./locale";