npm - @esri/calcite-components - Versions diffs - 1.5.0-next.31 → 1.5.0-next.33 - Mend

@esri/calcite-components 1.5.0-next.31 → 1.5.0-next.33

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 (961) hide show

package/dist/components/calcite-sortable-list.js CHANGED Viewed

@@ -1,12 +1,12 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
+ * v1.5.0-next.33
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive.js';
 import { c as createObserver } from './observers.js';
-import { d as disconnectSortableComponent, c as connectSortableComponent, o as onSortingStart, a as onSortingEnd } from './sortableComponent.js';
+import { d as disconnectSortableComponent, c as connectSortableComponent } from './sortableComponent.js';
 import { k as focusElement } from './dom.js';
 const CSS = {
@@ -28,6 +28,9 @@ const SortableList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.mutationObserver = createObserver("mutation", () => {
       this.setUpSorting();
     });
+    this.dragEnabled = true;
+    this.canPull = undefined;
+    this.canPut = undefined;
     this.dragSelector = undefined;
     this.group = undefined;
     this.handleSelector = "calcite-handle";
@@ -61,6 +64,16 @@ const SortableList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   //  Private Methods
   //
   // --------------------------------------------------------------------------
+  onDragStart() {
+    this.endObserving();
+  }
+  onDragEnd() {
+    this.beginObserving();
+  }
+  onDragSort() {
+    this.items = Array.from(this.el.children);
+    this.calciteListOrderChange.emit();
+  }
   handleNudgeEvent(event) {
     const { direction } = event.detail;
     const handle = event
@@ -107,29 +120,8 @@ const SortableList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     }
   }
   setUpSorting() {
-    const { dragSelector, group, handleSelector } = this;
     this.items = Array.from(this.el.children);
-    const sortableOptions = {
-      dataIdAttr: "id",
-      group,
-      handle: handleSelector,
-      onStart: () => {
-        this.endObserving();
-        onSortingStart(this);
-      },
-      onEnd: () => {
-        onSortingEnd(this);
-        this.beginObserving();
-      },
-      onUpdate: () => {
-        this.items = Array.from(this.el.children);
-        this.calciteListOrderChange.emit();
-      },
-    };
-    if (dragSelector) {
-      sortableOptions.draggable = dragSelector;
-    }
-    connectSortableComponent(this, sortableOptions);
+    connectSortableComponent(this);
   }
   beginObserving() {
     this.mutationObserver?.observe(this.el, { childList: true, subtree: true });
@@ -154,6 +146,8 @@ const SortableList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   get el() { return this; }
   static get style() { return sortableListCss; }
 }, [1, "calcite-sortable-list", {
+    "canPull": [16],
+    "canPut": [16],
     "dragSelector": [513, "drag-selector"],
     "group": [513],
     "handleSelector": [513, "handle-selector"],

package/dist/components/calcite-split-button.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
+ * v1.5.0-next.33
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive } from './interactive.js';

package/dist/components/calcite-stack.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
+ * v1.5.0-next.33
  */
 import { a as Stack, d as defineCustomElement$1 } from './stack.js';

package/dist/components/calcite-stepper-item.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
+ * v1.5.0-next.33
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { j as getElementProp, t as toAriaBoolean } from './dom.js';

package/dist/components/calcite-stepper.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
+ * v1.5.0-next.33
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { h as focusElementInGroup } from './dom.js';

package/dist/components/calcite-switch.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
+ * v1.5.0-next.33
  */
 import { S as Switch, d as defineCustomElement$1 } from './switch.js';

package/dist/components/calcite-tab-nav.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
+ * v1.5.0-next.33
  */
 import { T as TabNav, d as defineCustomElement$1 } from './tab-nav.js';

package/dist/components/calcite-tab-title.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
+ * v1.5.0-next.33
  */
 import { T as TabTitle, d as defineCustomElement$1 } from './tab-title.js';

package/dist/components/calcite-tab.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
+ * v1.5.0-next.33
  */
 import { T as Tab, d as defineCustomElement$1 } from './tab.js';

package/dist/components/calcite-tabs.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
+ * v1.5.0-next.33
  */
 import { T as Tabs, d as defineCustomElement$1 } from './tabs.js';

package/dist/components/calcite-text-area.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
+ * v1.5.0-next.33
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form.js';
@@ -12,9 +12,11 @@ import { c as createObserver } from './observers.js';
 import { b as componentLoaded, a as setUpLoadableComponent, s as setComponentLoaded, c as componentFocusable } from './loadable.js';
 import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n.js';
 import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive } from './interactive.js';
+import { g as guid } from './guid.js';
 import { t as throttle } from './throttle.js';
 const CSS = {
+  assistiveText: "assistive-text",
   characterLimit: "character-limit",
   content: "content",
   container: "container",
@@ -37,7 +39,7 @@ const SLOTS = {
 };
 const RESIZE_TIMEOUT = 100;
-const textAreaCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:inline-block;block-size:100%;inline-size:100%}textarea{position:relative;margin:0px;box-sizing:border-box;display:block;inline-size:100%;border-width:1px;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);font-family:var(--calcite-sans-family);color:var(--calcite-ui-text-1);min-inline-size:12rem;border-block-end:1px solid var(--calcite-ui-border-3)}@media screen and (max-width: 480px){textarea{resize:none}}textarea:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}textarea.text-area--invalid{border-width:1px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-danger)}textarea.text-area--invalid:focus{outline:2px solid var(--calcite-ui-danger);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}textarea.footer--slotted{min-inline-size:18rem}.footer{box-sizing:border-box;display:flex;align-items:center;border-width:1px;border-block-start-width:0px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1)}.character-limit{display:flex;align-items:center;justify-content:flex-end;white-space:nowrap;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2)}.character--over-limit{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-danger)}:host([resize=none]) textarea{resize:none}:host([resize=horizontal]) textarea{resize:horizontal}:host([resize=vertical]) textarea{resize:vertical}:host([scale=s]){font-size:var(--calcite-font-size--2)}:host([scale=s]) .footer{padding-block:0.25rem;padding-inline:0.5rem;min-block-size:1.75rem}:host([scale=s]) textarea{padding-block:0.25rem;padding-inline:0.5rem}:host([scale=s]) textarea,:host([scale=s]) .footer,:host([scale=s]) .character-limit{padding-inline-start:0.5rem;font-size:var(--calcite-font-size--2)}:host([scale=m]) textarea{padding-block:0.5rem;padding-inline:0.75rem}:host([scale=m]) .footer{padding-block:0.5rem;padding-inline:0.75rem;min-block-size:2.25rem}:host([scale=m]) textarea,:host([scale=m]) .footer,:host([scale=m]) .character-limit{padding-inline-start:0.75rem;font-size:var(--calcite-font-size--1)}:host([scale=l]){font-size:var(--calcite-font-size-0)}:host([scale=l]) textarea{padding-block:0.75rem;padding-inline:1rem}:host([scale=l]) .footer{padding-block:0.75rem;padding-inline:1rem;min-block-size:2.75rem}:host([scale=l]) textarea,:host([scale=l]) .footer,:host([scale=l]) .character-limit{padding-inline-start:1rem;font-size:var(--calcite-font-size-0)}.readonly{background-color:var(--calcite-ui-background);font-weight:var(--calcite-font-weight-medium)}:host([disabled]) textarea,:host([disabled]) footer{opacity:0.5}.border--color{border-block-end-width:1px;border-color:var(--calcite-ui-border-input)}.border--color:focus{border-block-end-width:2px}textarea.block-size--full{block-size:100%}.content,.hide{display:none}.container{display:flex;inline-size:100%;justify-content:space-between}.footer--end-only{justify-content:flex-end}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([hidden]){display:none}[hidden]{display:none}";
+const textAreaCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:inline-block;block-size:100%;inline-size:100%}textarea{position:relative;margin:0px;box-sizing:border-box;display:block;inline-size:100%;border-width:1px;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);font-family:var(--calcite-sans-family);color:var(--calcite-ui-text-1);min-inline-size:12rem;border-block-end:1px solid var(--calcite-ui-border-3)}@media screen and (max-width: 480px){textarea{resize:none}}textarea:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}textarea.text-area--invalid{border-width:1px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-danger)}textarea.text-area--invalid:focus{outline:2px solid var(--calcite-ui-danger);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}textarea.footer--slotted{min-inline-size:18rem}.footer{box-sizing:border-box;display:flex;align-items:center;border-width:1px;border-block-start-width:0px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1)}.character-limit{display:flex;align-items:center;justify-content:flex-end;white-space:nowrap;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2)}.character--over-limit{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-danger)}:host([resize=none]) textarea{resize:none}:host([resize=horizontal]) textarea{resize:horizontal}:host([resize=vertical]) textarea{resize:vertical}:host([scale=s]){font-size:var(--calcite-font-size--2)}:host([scale=s]) .footer{padding-block:0.25rem;padding-inline:0.5rem;min-block-size:1.75rem}:host([scale=s]) textarea{padding-block:0.25rem;padding-inline:0.5rem}:host([scale=s]) textarea,:host([scale=s]) .footer,:host([scale=s]) .character-limit{padding-inline-start:0.5rem;font-size:var(--calcite-font-size--2)}:host([scale=m]) textarea{padding-block:0.5rem;padding-inline:0.75rem}:host([scale=m]) .footer{padding-block:0.5rem;padding-inline:0.75rem;min-block-size:2.25rem}:host([scale=m]) textarea,:host([scale=m]) .footer,:host([scale=m]) .character-limit{padding-inline-start:0.75rem;font-size:var(--calcite-font-size--1)}:host([scale=l]){font-size:var(--calcite-font-size-0)}:host([scale=l]) textarea{padding-block:0.75rem;padding-inline:1rem}:host([scale=l]) .footer{padding-block:0.75rem;padding-inline:1rem;min-block-size:2.75rem}:host([scale=l]) textarea,:host([scale=l]) .footer,:host([scale=l]) .character-limit{padding-inline-start:1rem;font-size:var(--calcite-font-size-0)}.readonly{background-color:var(--calcite-ui-background);font-weight:var(--calcite-font-weight-medium)}:host([disabled]) textarea,:host([disabled]) footer{opacity:0.5}.border--color{border-block-end-width:1px;border-color:var(--calcite-ui-border-input)}.border--color:focus{border-block-end-width:2px}textarea.block-size--full{block-size:100%}.content,.hide{display:none}.container{display:flex;inline-size:100%;justify-content:space-between}.footer--end-only{justify-content:flex-end}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([hidden]){display:none}[hidden]{display:none}";
 const TextArea = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -46,6 +48,7 @@ const TextArea = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.__attachShadow();
     this.calciteTextAreaInput = createEvent(this, "calciteTextAreaInput", 7);
     this.calciteTextAreaChange = createEvent(this, "calciteTextAreaChange", 7);
+    this.guid = guid();
     this.handleInput = (event) => {
       this.value = event.target["value"];
       this.calciteTextAreaInput.emit();
@@ -66,7 +69,7 @@ const TextArea = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.renderCharacterLimit = () => {
       if (this.maxLength) {
         this.localizedCharacterLengthObj = this.getLocalizedCharacterLength();
-        return (h("span", { class: CSS.characterLimit }, h("span", { class: { [CSS.characterOverLimit]: this.value?.length > this.maxLength } }, this.localizedCharacterLengthObj.currentLength), "/", this.localizedCharacterLengthObj.maxLength));
+        return (h("span", { class: CSS.characterLimit }, h("span", { class: { [CSS.characterOverLimit]: this.isCharacterLimitExceeded() } }, this.localizedCharacterLengthObj.currentLength), "/", this.localizedCharacterLengthObj.maxLength));
       }
       return null;
     };
@@ -80,6 +83,10 @@ const TextArea = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         this.setHeightAndWidthToAuto();
       }
     });
+    this.setTextAreaEl = (el) => {
+      this.textAreaEl = el;
+      this.resizeObserver.observe(el);
+    };
     // height and width are set to auto here to avoid overlapping on to neighboring elements in the layout when user starts resizing.
     // throttle is used to avoid flashing of textarea when user resizes.
     this.setHeightAndWidthToAuto = throttle(() => {
@@ -90,10 +97,6 @@ const TextArea = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         this.el.style.width = "auto";
       }
     }, RESIZE_TIMEOUT, { leading: false });
-    this.setTextAreaEl = (el) => {
-      this.textAreaEl = el;
-      this.resizeObserver.observe(el);
-    };
     this.autofocus = false;
     this.columns = undefined;
     this.disabled = false;
@@ -155,9 +158,9 @@ const TextArea = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   render() {
     const hasFooter = this.startSlotHasElements || this.endSlotHasElements || !!this.maxLength;
-    return (h(Host, null, h("textarea", { "aria-invalid": toAriaBoolean(this.value?.length > this.maxLength), "aria-label": getLabelText(this), autofocus: this.autofocus, class: {
+    return (h(Host, null, h("textarea", { "aria-describedby": this.guid, "aria-invalid": toAriaBoolean(this.isCharacterLimitExceeded()), "aria-label": getLabelText(this), autofocus: this.autofocus, class: {
         [CSS.readOnly]: this.readOnly,
-        [CSS.textAreaInvalid]: this.value?.length > this.maxLength,
+        [CSS.textAreaInvalid]: this.isCharacterLimitExceeded(),
         [CSS.footerSlotted]: this.endSlotHasElements && this.startSlotHasElements,
         [CSS.blockSizeFull]: !hasFooter,
         [CSS.borderColor]: !hasFooter,
@@ -170,7 +173,7 @@ const TextArea = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       }, ref: (el) => (this.footerEl = el) }, h("div", { class: {
         [CSS.container]: true,
         [CSS.footerEndSlotOnly]: !this.startSlotHasElements && this.endSlotHasElements,
-      } }, h("slot", { name: SLOTS.footerStart, onSlotchange: (event) => (this.startSlotHasElements = slotChangeHasAssignedElement(event)) }), h("slot", { name: SLOTS.footerEnd, onSlotchange: (event) => (this.endSlotHasElements = slotChangeHasAssignedElement(event)) })), this.renderCharacterLimit()), h(HiddenFormInputSlot, { component: this })));
+      } }, h("slot", { name: SLOTS.footerStart, onSlotchange: (event) => (this.startSlotHasElements = slotChangeHasAssignedElement(event)) }), h("slot", { name: SLOTS.footerEnd, onSlotchange: (event) => (this.endSlotHasElements = slotChangeHasAssignedElement(event)) })), this.renderCharacterLimit()), h(HiddenFormInputSlot, { component: this }), this.isCharacterLimitExceeded() && (h("span", { "aria-hidden": true, "aria-live": "polite", class: CSS.assistiveText, id: this.guid }, this.replacePlaceHoldersInMessages()))));
   }
   //--------------------------------------------------------------------------
   //
@@ -220,15 +223,10 @@ const TextArea = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   syncHiddenFormInput(input) {
     input.setCustomValidity("");
-    if (this.value?.length > this.maxLength) {
+    if (this.isCharacterLimitExceeded()) {
       input.setCustomValidity(this.replacePlaceHoldersInMessages());
     }
   }
-  replacePlaceHoldersInMessages() {
-    return this.messages.tooLong
-      .replace("{maxLength}", this.localizedCharacterLengthObj.maxLength)
-      .replace("{currentLength}", this.localizedCharacterLengthObj.currentLength);
-  }
   setTextAreaHeight() {
     const { textAreaHeight, elHeight, footerHeight } = this.getHeightandWidthOfElements();
     if (footerHeight > 0 && textAreaHeight + footerHeight != elHeight) {
@@ -248,6 +246,14 @@ const TextArea = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       footerWidth,
     };
   }
+  replacePlaceHoldersInMessages() {
+    return this.messages.tooLong
+      .replace("{maxLength}", this.localizedCharacterLengthObj.maxLength)
+      .replace("{currentLength}", this.localizedCharacterLengthObj.currentLength);
+  }
+  isCharacterLimitExceeded() {
+    return this.value?.length > this.maxLength;
+  }
   static get assetsDirs() { return ["assets"]; }
   get el() { return this; }
   static get watchers() { return {

package/dist/components/calcite-tile-select-group.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
+ * v1.5.0-next.33
  */
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client/index.js';
 import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive } from './interactive.js';

package/dist/components/calcite-tile-select.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
+ * v1.5.0-next.33
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { g as guid } from './guid.js';

package/dist/components/calcite-tile.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
+ * v1.5.0-next.33
  */
 import { T as Tile, d as defineCustomElement$1 } from './tile.js';

package/dist/components/calcite-time-picker.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
+ * v1.5.0-next.33
  */
 import { T as TimePicker, d as defineCustomElement$1 } from './time-picker.js';

package/dist/components/calcite-tip-group.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
+ * v1.5.0-next.33
  */
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client/index.js';

package/dist/components/calcite-tip-manager.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
+ * v1.5.0-next.33
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { b as getElementDir, t as toAriaBoolean } from './dom.js';

package/dist/components/calcite-tip.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
+ * v1.5.0-next.33
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client/index.js';
 import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot.js';

package/dist/components/calcite-tooltip.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
+ * v1.5.0-next.33
  */
 import { T as Tooltip, d as defineCustomElement$1 } from './tooltip.js';

package/dist/components/calcite-tree-item.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
+ * v1.5.0-next.33
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { g as getSlotted, c as slotChangeHasAssignedElement, b as getElementDir, C as CSS_UTILITY, t as toAriaBoolean, p as filterDirectChildren, n as nodeListToArray } from './dom.js';

package/dist/components/calcite-tree.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
+ * v1.5.0-next.33
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { k as focusElement, n as nodeListToArray, o as getRootNode } from './dom.js';

package/dist/components/calcite-value-list-item.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
+ * v1.5.0-next.33
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot.js';

package/dist/components/calcite-value-list.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
+ * v1.5.0-next.33
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive } from './interactive.js';
@@ -10,7 +10,7 @@ import { c as connectLocalized, d as disconnectLocalized } from './locale.js';
 import { c as createObserver } from './observers.js';
 import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n.js';
 import { q as getItemIndex, m as mutationObserverCallback, d as deselectRemovedItems, a as deselectSiblingItems, s as selectSiblings, h as handleFilter, b as handleFilterEvent, g as getItemData, k as keyDownHandler, t as moveItemIndex, i as initialize, c as initializeObserver, f as handleInitialFilter, e as cleanUpObserver, n as calciteListFocusOutHandler, r as removeItem, j as calciteListItemChangeHandler, l as calciteInternalListItemValueChangeHandler, o as setUpItems, p as setFocus, L as List } from './shared-list-render.js';
-import { d as disconnectSortableComponent, c as connectSortableComponent, o as onSortingStart, a as onSortingEnd } from './sortableComponent.js';
+import { d as disconnectSortableComponent, c as connectSortableComponent } from './sortableComponent.js';
 import { k as focusElement } from './dom.js';
 import { d as defineCustomElement$7 } from './filter.js';
 import { d as defineCustomElement$6 } from './icon.js';
@@ -68,6 +68,8 @@ const ValueList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.calciteListFilter = createEvent(this, "calciteListFilter", 6);
     this.lastSelectedItem = null;
     this.mutationObserver = createObserver("mutation", mutationObserverCallback.bind(this));
+    this.handleSelector = `.${CSS.handle}`;
+    this.dragSelector = "calcite-value-list-item";
     this.setFilterEl = (el) => {
       this.filterEl = el;
     };
@@ -128,6 +130,8 @@ const ValueList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       }
     };
     this.disabled = false;
+    this.canPull = undefined;
+    this.canPut = undefined;
     this.dragEnabled = false;
     this.filteredItems = [];
     this.filteredData = [];
@@ -204,6 +208,17 @@ const ValueList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   //  Private Methods
   //
   // --------------------------------------------------------------------------
+  onDragStart() {
+    cleanUpObserver.call(this);
+  }
+  onDragEnd() {
+    initializeObserver.call(this);
+  }
+  onDragSort() {
+    this.items = Array.from(this.el.querySelectorAll("calcite-value-list-item"));
+    const values = this.items.map((item) => item.value);
+    this.calciteListOrderChange.emit(values);
+  }
   getItems() {
     return Array.from(this.el.querySelectorAll("calcite-value-list-item"));
   }
@@ -217,29 +232,11 @@ const ValueList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     }
   }
   setUpSorting() {
-    const { dragEnabled, group } = this;
+    const { dragEnabled } = this;
     if (!dragEnabled) {
       return;
     }
-    connectSortableComponent(this, {
-      dataIdAttr: "id",
-      group,
-      handle: `.${CSS.handle}`,
-      draggable: "calcite-value-list-item",
-      onStart: () => {
-        cleanUpObserver.call(this);
-        onSortingStart(this);
-      },
-      onEnd: () => {
-        onSortingEnd(this);
-        initializeObserver.call(this);
-      },
-      onUpdate: () => {
-        this.items = Array.from(this.el.querySelectorAll("calcite-value-list-item"));
-        const values = this.items.map((item) => item.value);
-        this.calciteListOrderChange.emit(values);
-      },
-    });
+    connectSortableComponent(this);
   }
   handleBlur() {
     if (this.dragEnabled) {
@@ -301,6 +298,8 @@ const ValueList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   static get style() { return valueListCss; }
 }, [1, "calcite-value-list", {
     "disabled": [516],
+    "canPull": [16],
+    "canPut": [16],
     "dragEnabled": [516, "drag-enabled"],
     "filteredItems": [1040],
     "filteredData": [1040],

package/dist/components/checkbox.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
+ * v1.5.0-next.33
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { t as toAriaBoolean } from './dom.js';

package/dist/components/chip.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
+ * v1.5.0-next.33
  */
 import { proxyCustomElement, HTMLElement, createEvent, Build, h, Host } from '@stencil/core/internal/client/index.js';
 import { c as slotChangeHasAssignedElement, t as toAriaBoolean } from './dom.js';

package/dist/components/color-picker-hex-input.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
+ * v1.5.0-next.33
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { j as isLonghandHex, i as isValidHex, r as rgbToHex, n as normalizeHex, o as opacityToAlpha, h as hexify, k as hexChar, b as alphaToOpacity } from './utils.js';

package/dist/components/color-picker-swatch.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
+ * v1.5.0-next.33
  */
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client/index.js';
 import { c as color } from './index2.js';

package/dist/components/combobox-item.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
+ * v1.5.0-next.33
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot.js';

package/dist/components/combobox.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
+ * v1.5.0-next.33
  */
 import { h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client/index.js';
 import { f as filter } from './filter2.js';

package/dist/components/conditionalSlot.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
+ * v1.5.0-next.33
  */
 import { forceUpdate } from '@stencil/core/internal/client/index.js';
 import { c as createObserver } from './observers.js';

package/dist/components/cs.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
+ * v1.5.0-next.33
  */
 import { d as dayjs } from './calcite-input-time-picker.js';

package/dist/components/da.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
+ * v1.5.0-next.33
  */
 import { d as dayjs } from './calcite-input-time-picker.js';

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

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
+ * v1.5.0-next.33
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { b as dateToISO } from './date.js';

package/dist/components/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-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
+ * v1.5.0-next.33
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client/index.js';
 import { h as getOrder, e as dateFromRange, n as nextMonth, p as prevMonth, j as formatCalendarYear, k as parseCalendarYear } from './date.js';

package/dist/components/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-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.31
+ * v1.5.0-next.33
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { f as sameDate, e as dateFromRange, i as inRange } from './date.js';