@esri/calcite-components 1.1.0-next.2 → 1.1.0

package/dist/collection/components/tooltip/TooltipManager.js

@@ -1,10 +1,11 @@
 /*!
  * 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.0-next.2
+ * v1.1.0
  */
 import { isPrimaryPointerButton } from "../../utils/dom";
 import { TOOLTIP_DELAY_MS } from "./resources";
+import { getEffectiveReferenceElement } from "./utils";
 export default class TooltipManager {
   constructor() {
     // --------------------------------------------------------------------------
@@ -26,11 +27,15 @@ export default class TooltipManager {
       return registeredElements.get(registeredElement);
     };
     this.keyDownHandler = (event) => {
-      if (event.key === "Escape") {
+      if (event.key === "Escape" && !event.defaultPrevented) {
         const { activeTooltipEl } = this;
-        if (activeTooltipEl) {
+        if (activeTooltipEl && activeTooltipEl.open) {
           this.clearHoverTimeout();
           this.toggleTooltip(activeTooltipEl, false);
+          const referenceElement = getEffectiveReferenceElement(activeTooltipEl);
+          if (referenceElement instanceof Element && referenceElement.contains(event.target)) {
+            event.preventDefault();
+          }
         }
       }
     };
@@ -98,14 +103,14 @@ export default class TooltipManager {
     }
   }
   addListeners() {
-    document.addEventListener("keydown", this.keyDownHandler);
+    document.addEventListener("keydown", this.keyDownHandler, { capture: true });
     document.addEventListener("pointermove", this.pointerMoveHandler, { capture: true });
     document.addEventListener("pointerdown", this.pointerDownHandler, { capture: true });
     document.addEventListener("focusin", this.focusInHandler, { capture: true });
     document.addEventListener("focusout", this.focusOutHandler, { capture: true });
   }
   removeListeners() {
-    document.removeEventListener("keydown", this.keyDownHandler);
+    document.removeEventListener("keydown", this.keyDownHandler, { capture: true });
     document.removeEventListener("pointermove", this.pointerMoveHandler, { capture: true });
     document.removeEventListener("pointerdown", this.pointerDownHandler, { capture: true });
     document.removeEventListener("focusin", this.focusInHandler, { capture: true });

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.0-next.2
+ * v1.1.0
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/tooltip/tooltip.css

@@ -69,9 +69,10 @@
 
 @media (prefers-reduced-motion: reduce) {
   :root {
-    --calcite-internal-duration-factor: 0;
+    --calcite-internal-duration-factor: 0.01;
   }
 }
+/* helper to properly scale internal durations */
 /**
 * Currently only used in Checkbox.
 */

package/dist/collection/components/tooltip/tooltip.js

@@ -1,15 +1,16 @@
 /*!
  * 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.0-next.2
+ * v1.1.0
  */
 import { h, Host } from "@stencil/core";
-import { queryElementRoots, toAriaBoolean } from "../../utils/dom";
+import { toAriaBoolean } from "../../utils/dom";
 import { connectFloatingUI, defaultOffsetDistance, disconnectFloatingUI, FloatingCSS, reposition, updateAfterClose } from "../../utils/floating-ui";
 import { guid } from "../../utils/guid";
 import { connectOpenCloseComponent, disconnectOpenCloseComponent } from "../../utils/openCloseComponent";
 import { ARIA_DESCRIBED_BY, CSS } from "./resources";
 import TooltipManager from "./TooltipManager";
+import { getEffectiveReferenceElement } from "./utils";
 const manager = new TooltipManager();
 /**
  * @slot - A slot for adding text.
@@ -25,7 +26,7 @@ export class Tooltip {
     };
     this.setUpReferenceElement = (warn = true) => {
       this.removeReferences();
-      this.effectiveReferenceElement = this.getReferenceElement();
+      this.effectiveReferenceElement = getEffectiveReferenceElement(this.el);
       connectFloatingUI(this, this.effectiveReferenceElement, this.el);
       const { el, referenceElement, effectiveReferenceElement } = this;
       if (warn && referenceElement && !effectiveReferenceElement) {
@@ -154,12 +155,6 @@ export class Tooltip {
   onClose() {
     this.calciteTooltipClose.emit();
   }
-  getReferenceElement() {
-    const { referenceElement, el } = this;
-    return ((typeof referenceElement === "string"
-      ? queryElementRoots(el, { id: referenceElement })
-      : referenceElement) || null);
-  }
   // --------------------------------------------------------------------------
   //
   //  Render Methods
@@ -172,7 +167,11 @@ export class Tooltip {
     return (h(Host, { "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "tooltip" }, h("div", { class: {
         [FloatingCSS.animation]: true,
         [FloatingCSS.animationActive]: displayed
-      }, ref: this.setTransitionEl }, h("div", { class: CSS.arrow, ref: (arrowEl) => (this.arrowEl = arrowEl) }), h("div", { class: CSS.container }, h("slot", null)))));
+      },
+      // eslint-disable-next-line react/jsx-sort-props
+      ref: this.setTransitionEl }, h("div", { class: CSS.arrow,
+      // eslint-disable-next-line react/jsx-sort-props
+      ref: (arrowEl) => (this.arrowEl = arrowEl) }), h("div", { class: CSS.container }, h("slot", null)))));
   }
   static get is() { return "calcite-tooltip"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/tooltip/utils.js

@@ -0,0 +1,11 @@
+/*!
+ * 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.0
+ */
+import { queryElementRoots } from "../../utils/dom";
+export function getEffectiveReferenceElement(tooltip) {
+  const { referenceElement } = tooltip;
+  return ((typeof referenceElement === "string" ? queryElementRoots(tooltip, { id: referenceElement }) : referenceElement) ||
+    null);
+}

package/dist/collection/components/tree/tree.css

@@ -69,9 +69,10 @@
 
 @media (prefers-reduced-motion: reduce) {
   :root {
-    --calcite-internal-duration-factor: 0;
+    --calcite-internal-duration-factor: 0.01;
   }
 }
+/* helper to properly scale internal durations */
 /**
 * Currently only used in Checkbox.
 */

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.0-next.2
+ * v1.1.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.0-next.2
+ * v1.1.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.0-next.2
+ * v1.1.0
  */
 export const CSS = {
   actionsEnd: "actions-end",
@@ -13,7 +13,8 @@ export const CSS = {
   bulletPointIcon: "bullet-point",
   checkmarkIcon: "checkmark",
   itemExpanded: "item--expanded",
-  iconStart: "icon-start"
+  iconStart: "icon-start",
+  nodeAndActionsContainer: "node-actions-container"
 };
 export const SLOTS = {
   actionsEnd: "actions-end",

package/dist/collection/components/tree-item/tree-item.css

@@ -69,9 +69,10 @@
 
 @media (prefers-reduced-motion: reduce) {
   :root {
-    --calcite-internal-duration-factor: 0;
+    --calcite-internal-duration-factor: 0.01;
   }
 }
+/* helper to properly scale internal durations */
 /**
 * Currently only used in Checkbox.
 */
@@ -103,6 +104,11 @@
   display: none;
 }
 
+.node-actions-container {
+  display: flex;
+  justify-content: space-between;
+}
+
 :host([calcite-hydrated-hidden]) {
   visibility: hidden !important;
   pointer-events: none;
@@ -118,53 +124,50 @@
   font-size: var(--calcite-font-size--2);
   line-height: 1rem;
 }
-:host([scale=s]) .node-container {
-  --calcite-tree-padding-y: 0.25rem;
+:host([scale=s]) .node-actions-container {
+  min-block-size: 1.5rem;
 }
-:host([scale=s]) .node-container .checkbox,
-:host([scale=s]) .node-container .chevron,
-:host([scale=s]) .node-container .checkmark,
-:host([scale=s]) .node-container .bullet-point {
+:host([scale=s]) .node-actions-container .node-container .checkbox,
+:host([scale=s]) .node-actions-container .node-container .chevron,
+:host([scale=s]) .node-actions-container .node-container .checkmark,
+:host([scale=s]) .node-actions-container .node-container .bullet-point {
   margin-inline: 0.25rem;
 }
-:host([scale=s]) .node-container .icon-start,
-:host([scale=s]) .node-container .actions-end {
-  margin-inline: 0.25rem;
+:host([scale=s]) .node-actions-container .node-container .icon-start {
+  margin-inline: 0.75rem;
 }
 
 :host([scale=m]) {
   font-size: var(--calcite-font-size--1);
   line-height: 1rem;
 }
-:host([scale=m]) .node-container {
-  --calcite-tree-padding-y: 0.5rem;
+:host([scale=m]) .node-actions-container {
+  min-block-size: 2rem;
 }
-:host([scale=m]) .node-container .checkbox,
-:host([scale=m]) .node-container .chevron,
-:host([scale=m]) .node-container .checkmark,
-:host([scale=m]) .node-container .bullet-point {
+:host([scale=m]) .node-actions-container .node-container .checkbox,
+:host([scale=m]) .node-actions-container .node-container .chevron,
+:host([scale=m]) .node-actions-container .node-container .checkmark,
+:host([scale=m]) .node-actions-container .node-container .bullet-point {
   margin-inline: 0.5rem;
 }
-:host([scale=m]) .node-container .icon-start,
-:host([scale=m]) .node-container .actions-end {
-  margin-inline: 0.5rem;
+:host([scale=m]) .node-actions-container .node-container .icon-start {
+  margin-inline: 0.75rem;
 }
 
 :host([scale=l]) {
   font-size: var(--calcite-font-size-0);
   line-height: 1.25rem;
 }
-:host([scale=l]) .node-container {
-  --calcite-tree-padding-y: 0.75rem;
+:host([scale=l]) .node-actions-container {
+  min-block-size: 2.75rem;
 }
-:host([scale=l]) .node-container .checkbox,
-:host([scale=l]) .node-container .chevron,
-:host([scale=l]) .node-container .checkmark,
-:host([scale=l]) .node-container .bullet-point {
+:host([scale=l]) .node-actions-container .node-container .checkbox,
+:host([scale=l]) .node-actions-container .node-container .chevron,
+:host([scale=l]) .node-actions-container .node-container .checkmark,
+:host([scale=l]) .node-actions-container .node-container .bullet-point {
   margin-inline: 0.75rem;
 }
-:host([scale=l]) .node-container .icon-start,
-:host([scale=l]) .node-container .actions-end {
+:host([scale=l]) .node-actions-container .node-container .icon-start {
   margin-inline: 0.75rem;
 }
 
@@ -211,13 +214,17 @@
   outline-offset: -2px;
 }
 
-slot[name=actions-end]::slotted(*),
+:host(:focus:not([disabled])) {
+  outline: 2px solid transparent;
+  outline: 2px solid var(--calcite-ui-brand);
+  outline-offset: -2px;
+}
+
 .actions-end {
   display: flex;
   flex-direction: row;
   align-items: center;
   align-self: stretch;
-  overflow: visible;
 }
 
 .checkbox {
@@ -254,9 +261,8 @@ slot[name=actions-end]::slotted(*),
 .node-container {
   position: relative;
   display: flex;
+  min-inline-size: 0px;
   align-items: center;
-  padding-block: var(--calcite-tree-padding-y);
-  padding-inline: 0;
 }
 .node-container .checkmark,
 .node-container .bullet-point {
@@ -336,7 +342,7 @@ slot[name=actions-end]::slotted(*),
 .calcite--rtl .chevron {
   transform: rotate(180deg);
 }
-.item--expanded > .node-container > .chevron {
+.item--expanded .node-container > .chevron {
   transform: rotate(90deg);
 }
 

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.0-next.2
+ * v1.1.0
  */
 import { h, Host } from "@stencil/core";
 import { slotChangeHasAssignedElement } from "../../utils/dom";
@@ -177,13 +177,17 @@ export class TreeItem {
     const { hasEndActions } = this;
     const slotNode = (h("slot", { key: "actionsEndSlot", name: SLOTS.actionsEnd, onSlotchange: this.actionsEndSlotChangeHandler }));
     const iconStartEl = (h("calcite-icon", { class: CSS.iconStart, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: this.scale === "l" ? "m" : "s" }));
-    return (h(Host, { "aria-expanded": this.hasChildren ? toAriaBoolean(isExpanded) : undefined, "aria-hidden": toAriaBoolean(hidden), "aria-selected": this.selected ? "true" : showCheckmark ? "false" : undefined, "calcite-hydrated-hidden": hidden, role: "treeitem" }, h("div", { class: { [CSS.itemExpanded]: isExpanded } }, h("div", { class: {
+    return (h(Host, { "aria-expanded": this.hasChildren ? toAriaBoolean(isExpanded) : undefined, "aria-hidden": toAriaBoolean(hidden), "aria-selected": this.selected ? "true" : showCheckmark ? "false" : undefined, "calcite-hydrated-hidden": hidden, role: "treeitem" }, h("div", { class: { [CSS.itemExpanded]: isExpanded } }, h("div", { class: CSS.nodeAndActionsContainer }, h("div", { class: {
         [CSS.nodeContainer]: true,
         [CSS_UTILITY.rtl]: rtl
-      }, "data-selection-mode": this.selectionMode, ref: (el) => (this.defaultSlotWrapper = el) }, chevron, itemIndicator, this.iconStart ? iconStartEl : null, checkbox ? checkbox : defaultSlotNode, h("div", { class: CSS.actionsEnd, hidden: !hasEndActions }, slotNode)), h("div", { class: {
+      }, "data-selection-mode": this.selectionMode,
+      // eslint-disable-next-line react/jsx-sort-props
+      ref: (el) => (this.defaultSlotWrapper = el) }, chevron, itemIndicator, this.iconStart ? iconStartEl : null, checkbox ? checkbox : defaultSlotNode), h("div", { class: CSS.actionsEnd, hidden: !hasEndActions }, slotNode)), h("div", { class: {
         [CSS.childrenContainer]: true,
         [CSS_UTILITY.rtl]: rtl
-      }, "data-test-id": "calcite-tree-children", onClick: this.childrenClickHandler, ref: (el) => this.setTransitionEl(el), role: this.hasChildren ? "group" : undefined }, h("slot", { name: SLOTS.children })))));
+      }, "data-test-id": "calcite-tree-children", onClick: this.childrenClickHandler, role: this.hasChildren ? "group" : undefined,
+      // eslint-disable-next-line react/jsx-sort-props
+      ref: (el) => this.setTransitionEl(el) }, h("slot", { name: SLOTS.children })))));
   }
   setTransitionEl(el) {
     this.transitionEl = el;

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.0-next.2
+ * v1.1.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.0-next.2
+ * v1.1.0
  */
 import { getItemIndex } from "../pick-list/shared-list-logic";
 export function getScreenReaderText(item, status, valueList) {

package/dist/collection/components/value-list/value-list.css

@@ -69,9 +69,10 @@
 
 @media (prefers-reduced-motion: reduce) {
   :root {
-    --calcite-internal-duration-factor: 0;
+    --calcite-internal-duration-factor: 0.01;
   }
 }
+/* helper to properly scale internal durations */
 /**
 * Currently only used in Checkbox.
 */

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.0-next.2
+ * v1.1.0
  */
 import { h } from "@stencil/core";
 import Sortable from "sortablejs";
@@ -47,6 +47,7 @@ export class ValueList {
         keyDownHandler.call(this, event);
         return;
       }
+      event.preventDefault();
       const { items } = this;
       if (event.key === " ") {
         this.updateScreenReaderText(getScreenReaderText(item, "active", this));
@@ -54,7 +55,6 @@ export class ValueList {
       if ((event.key !== "ArrowUp" && event.key !== "ArrowDown") || items.length <= 1) {
         return;
       }
-      event.preventDefault();
       const { el } = this;
       const nextIndex = moveItemIndex(this, item, event.key === "ArrowUp" ? "up" : "down");
       if (nextIndex === items.length - 1) {
@@ -230,6 +230,13 @@ export class ValueList {
   updateHandleAriaLabel(handleElement, text) {
     handleElement.ariaLabel = text;
   }
+  handleValueListItemBlur(event) {
+    const { item, handle } = event.detail;
+    if (!item?.handleActivated && item) {
+      this.updateHandleAriaLabel(handle, getScreenReaderText(item, "idle", this));
+    }
+    event.stopPropagation();
+  }
   render() {
     return (h(List, { onBlur: this.handleBlur, onFocusin: this.handleFocusIn, onKeyDown: this.keyDownHandler, props: this }));
   }
@@ -661,6 +668,12 @@ export class ValueList {
         "target": undefined,
         "capture": false,
         "passive": false
+      }, {
+        "name": "calciteValueListItemDragHandleBlur",
+        "method": "handleValueListItemBlur",
+        "target": undefined,
+        "capture": false,
+        "passive": false
       }];
   }
 }

package/dist/collection/components/value-list-item/interfaces.js

@@ -0,0 +1 @@
+export {};

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.0-next.2
+ * v1.1.0
  */
 export const ICONS = {
   drag: "drag"

package/dist/collection/components/value-list-item/value-list-item.css

@@ -69,9 +69,10 @@
 
 @media (prefers-reduced-motion: reduce) {
   :root {
-    --calcite-internal-duration-factor: 0;
+    --calcite-internal-duration-factor: 0.01;
   }
 }
+/* helper to properly scale internal durations */
 /**
 * Currently only used in Checkbox.
 */

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.0-next.2
+ * v1.1.0
  */
 import { h, Host } from "@stencil/core";
 import { connectConditionalSlotComponent, disconnectConditionalSlotComponent } from "../../utils/conditionalSlot";
@@ -29,12 +29,12 @@ export class ValueListItem {
     this.getPickListRef = (el) => (this.pickListItem = el);
     this.handleKeyDown = (event) => {
       if (event.key === " ") {
-        event.preventDefault();
         this.handleActivated = !this.handleActivated;
       }
     };
     this.handleBlur = () => {
       this.handleActivated = false;
+      this.calciteValueListItemDragHandleBlur.emit({ item: this.el, handle: this.handleEl });
     };
     this.handleSelectChange = (event) => {
       this.selected = event.detail.selected;
@@ -116,11 +116,13 @@ export class ValueListItem {
       return (h("span", { class: {
           [CSS.handle]: true,
           [CSS.handleActivated]: this.handleActivated
-        }, "data-js-handle": true, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, role: "button", tabindex: "0" }, h("calcite-icon", { flipRtl: iconFlipRtl, icon: ICONS.drag, scale: "s" })));
+        }, "data-js-handle": true, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, ref: (el) => (this.handleEl = el), role: "button", tabindex: "0" }, h("calcite-icon", { flipRtl: iconFlipRtl, icon: ICONS.drag, scale: "s" })));
     }
   }
   render() {
-    return (h(Host, { id: this.el.id || this.guid }, this.renderHandle(), h("calcite-pick-list-item", { description: this.description, deselectDisabled: this.deselectDisabled, disabled: this.disabled, label: this.label, metadata: this.metadata, nonInteractive: this.nonInteractive, onCalciteListItemChange: this.handleSelectChange, ref: this.getPickListRef, removable: this.removable, selected: this.selected, value: this.value }, this.renderActionsStart(), this.renderActionsEnd())));
+    return (h(Host, { id: this.el.id || this.guid }, this.renderHandle(), h("calcite-pick-list-item", { description: this.description, deselectDisabled: this.deselectDisabled, disabled: this.disabled, label: this.label, metadata: this.metadata, nonInteractive: this.nonInteractive, onCalciteListItemChange: this.handleSelectChange, removable: this.removable, selected: this.selected, value: this.value,
+      // eslint-disable-next-line react/jsx-sort-props
+      ref: this.getPickListRef }, this.renderActionsStart(), this.renderActionsEnd())));
   }
   static get is() { return "calcite-value-list-item"; }
   static get encapsulation() { return "shadow"; }
@@ -382,6 +384,29 @@ export class ValueListItem {
           "resolved": "void",
           "references": {}
         }
+      }, {
+        "method": "calciteValueListItemDragHandleBlur",
+        "name": "calciteValueListItemDragHandleBlur",
+        "bubbles": true,
+        "cancelable": false,
+        "composed": true,
+        "docs": {
+          "tags": [{
+              "name": "internal",
+              "text": undefined
+            }],
+          "text": ""
+        },
+        "complexType": {
+          "original": "ListItemAndHandle",
+          "resolved": "ListItemAndHandle",
+          "references": {
+            "ListItemAndHandle": {
+              "location": "import",
+              "path": "./interfaces"
+            }
+          }
+        }
       }];
   }
   static get methods() {

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.0-next.2
+ * v1.1.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.0-next.2
+ * v1.1.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.0-next.2
+ * v1.1.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.0-next.2
+ * v1.1.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.0-next.2
+ * v1.1.0
  */
 import { tabbable } from "tabbable";
 import { guid } from "./guid";

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

package/dist/collection/utils/floating-ui/utils.js

@@ -0,0 +1,45 @@
+/*!
+ * 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.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
+ */
+export function offsetParent(element) {
+  // Do an initial walk to check for display:none ancestors.
+  for (let ancestor = element; ancestor; ancestor = flatTreeParent(ancestor)) {
+    if (!(ancestor instanceof Element)) {
+      continue;
+    }
+    if (getComputedStyle(ancestor).display === "none") {
+      return null;
+    }
+  }
+  for (let ancestor = flatTreeParent(element); ancestor; ancestor = flatTreeParent(ancestor)) {
+    if (!(ancestor instanceof Element)) {
+      continue;
+    }
+    const style = getComputedStyle(ancestor);
+    // Display:contents nodes aren't in the layout tree so they should be skipped.
+    if (style.display === "contents") {
+      continue;
+    }
+    if (style.position !== "static" || style.filter !== "none") {
+      return ancestor;
+    }
+    if (ancestor.tagName === "BODY") {
+      return ancestor;
+    }
+  }
+  return null;
+}
+function flatTreeParent(element) {
+  if (element.assignedSlot) {
+    return element.assignedSlot;
+  }
+  if (element.parentNode instanceof ShadowRoot) {
+    return element.parentNode.host;
+  }
+  return element.parentNode;
+}