@esri/calcite-components 1.0.0-next.403 → 1.0.0-next.406

package/dist/collection/components/button/button.js

@@ -42,17 +42,15 @@ export class Button {
     this.width = "auto";
     /** watches for changing text content **/
     this.mutationObserver = createObserver("mutation", () => this.updateHasContent());
-    /** the node type of the rendered child element */
-    this.childElType = "button";
     /** determine if there is slotted content for styling purposes */
     this.hasContent = false;
     /** determine if loader present for styling purposes */
     this.hasLoader = false;
     // act on a requested or nearby form based on type
     this.handleClick = () => {
-      const { childElType, formEl, type } = this;
+      const { formEl, type } = this;
       // this.type refers to type attribute, not child element type
-      if (childElType === "button" && type !== "button") {
+      if (!this.href && type !== "button") {
         if (type === "submit") {
           formEl === null || formEl === void 0 ? void 0 : formEl.requestSubmit();
         }
@@ -62,9 +60,6 @@ export class Button {
       }
     };
   }
-  hrefHandler(href) {
-    this.childElType = href ? "a" : "button";
-  }
   loadingChanged(newValue, oldValue) {
     if (!!newValue && !oldValue) {
       this.hasLoader = true;
@@ -81,7 +76,6 @@ export class Button {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
-    this.childElType = this.href ? "a" : "button";
     this.hasLoader = this.loading;
     this.setupTextContentObserver();
     connectLabel(this);
@@ -96,13 +90,14 @@ export class Button {
   componentWillLoad() {
     if (Build.isBrowser) {
       this.updateHasContent();
-      if (this.childElType === "button" && !this.type) {
+      if (!this.href && !this.type) {
         this.type = "submit";
       }
     }
   }
   render() {
-    const Tag = this.childElType;
+    const childElType = this.href ? "a" : "button";
+    const Tag = childElType;
     const loaderNode = this.hasLoader ? (h("div", { class: CSS.buttonLoader },
       h("calcite-loader", { active: true, class: this.loading ? CSS.loadingIn : CSS.loadingOut, inline: true, label: this.intlLoading, scale: "m" }))) : null;
     const iconStartEl = (h("calcite-icon", { class: { [CSS.icon]: true, [CSS.iconStart]: true }, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: "s" }));
@@ -113,7 +108,7 @@ export class Button {
         [CSS.contentSlotted]: this.hasContent,
         [CSS.iconStartEmpty]: !this.iconStart,
         [CSS.iconEndEmpty]: !this.iconEnd
-      }, disabled: this.disabled || this.loading, href: this.childElType === "a" && this.href, name: this.childElType === "button" && this.name, onClick: this.handleClick, ref: (el) => (this.childEl = el), rel: this.childElType === "a" && this.rel, tabIndex: this.disabled || this.loading ? -1 : null, target: this.childElType === "a" && this.target, type: this.childElType === "button" && this.type },
+      }, disabled: this.disabled || this.loading, href: childElType === "a" && this.href, name: childElType === "button" && this.name, onClick: this.handleClick, ref: (el) => (this.childEl = el), rel: childElType === "a" && this.rel, tabIndex: this.disabled || this.loading ? -1 : null, target: childElType === "a" && this.target, type: childElType === "button" && this.type },
       loaderNode,
       this.iconStart ? iconStartEl : null,
       this.hasContent ? contentEl : null,
@@ -546,7 +541,6 @@ export class Button {
     }
   }; }
   static get states() { return {
-    "childElType": {},
     "hasContent": {},
     "hasLoader": {}
   }; }
@@ -570,9 +564,6 @@ export class Button {
   }; }
   static get elementRef() { return "el"; }
   static get watchers() { return [{
-      "propName": "href",
-      "methodName": "hrefHandler"
-    }, {
       "propName": "loading",
       "methodName": "loadingChanged"
     }]; }

package/dist/collection/components/color-picker/color-picker.js

@@ -1394,9 +1394,9 @@ export class ColorPicker {
             "text": "\"#007ac2\""
           }, {
             "name": "see",
-            "text": " [ColorValue](https://github.com/Esri/calcite-components/blob/master/src/components/color-picker/interfaces.ts#L10)"
+            "text": "[ColorValue](https://github.com/Esri/calcite-components/blob/master/src/components/color-picker/interfaces.ts#L10)"
           }],
-        "text": "The color value.\n\nThis value can be either a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/color|CSS string}\na RGB, HSL or HSV object.\n\nThe type will be preserved as the color is updated."
+        "text": "The color value.\n\nThis value can be either a {@link https ://developer.mozilla.org/en-US/docs/Web/CSS/color|CSS string}\na RGB, HSL or HSV object.\n\nThe type will be preserved as the color is updated."
       },
       "attribute": "value",
       "reflect": false,

package/dist/collection/components/date-picker/date-picker.js

@@ -789,7 +789,7 @@ export class DatePicker {
       "docs": {
         "tags": [{
             "name": "see",
-            "text": " [DateRangeChange](https://github.com/Esri/calcite-components/blob/master/src/components/date-picker/interfaces.ts#L1)"
+            "text": "[DateRangeChange](https://github.com/Esri/calcite-components/blob/master/src/components/date-picker/interfaces.ts#L1)"
           }],
         "text": "Trigger calcite date change when a user changes the date range."
       },

package/dist/collection/components/icon/assets/icon/tiledImageryLayer16.json

@@ -0,0 +1 @@
+[{"d":"M8 2.714L5 4.912 7.967 7 11 4.859zm-.034 3.237L6.469 4.898l1.537-1.126L9.52 4.855zm5.901-4.263a8.204 8.204 0 0 0-3.161-.674c-2.69 0-2.724.986-5.412.986a10.39 10.39 0 0 1-3.161-.512L0 14.09a9.158 9.158 0 0 0 3.793.711c3.665 0 4.749-1.6 8.414-1.6A6.624 6.624 0 0 1 16 14.29zM7.963 9.735l1.913 1.469L8 12.79l-1.888-1.598zm-2.57.85L3.515 8.996l1.833-1.269 1.86 1.428zm3.319-1.44l1.866-1.47 1.907 1.321-1.888 1.597zm1.142 3.287l.771-.653.721-.61L14 8.922l-2.664-1.844-.794-.55-2.586 2.037-2.58-1.98-.796.551L2 8.923l2.653 2.245.72.608 1.73 1.465a10.029 10.029 0 0 1-3.31.559 9.537 9.537 0 0 1-2.668-.363L2.935 2.74A11.372 11.372 0 0 0 5.294 3a7.833 7.833 0 0 0 3.045-.552 5.894 5.894 0 0 1 2.367-.434 7.213 7.213 0 0 1 2.27.399l1.72 10.163a8.317 8.317 0 0 0-2.489-.376 11.574 11.574 0 0 0-2.353.232z"},{"opacity":".5","d":"M3.524 8.993l1.833-1.269 1.86 1.428-1.815 1.43-1.878-1.589z"},{"opacity":".25","d":"M10.599 10.594L8.714 9.146l1.865-1.469 1.907 1.32-1.887 1.597z"}]

package/dist/collection/components/icon/assets/icon/tiledImageryLayer24.json

@@ -0,0 +1 @@
+[{"d":"M20.83 3.078a12.674 12.674 0 0 0-4.52-.878c-3.847 0-3.891 1.6-7.74 1.6a15.028 15.028 0 0 1-4.52-.722L1 20.783A13.093 13.093 0 0 0 6.424 21.8c5.242 0 6.792-1.634 12.034-1.634a13.093 13.093 0 0 1 5.423 1.017zM6.425 20.8a13.724 13.724 0 0 1-4.3-.65l1.063-6.173 7.9 6.296a20.11 20.11 0 0 1-4.663.527zm-1.909-6.973l3.272-2.607 3.258 2.597-3.271 2.607zm4.199 3.346l3.271-2.607 3.286 2.618L12 19.791zm4.211-3.356l3.273-2.608 3.285 2.618-3.272 2.608zm.737 5.859L21 13.828 16.197 10l-4.213 3.357-4.196-3.345-4.54 3.619 1.6-9.288A16.193 16.193 0 0 0 8.57 4.8a9.957 9.957 0 0 0 2.888-.38L7.5 7.5l4.484 3.5L16.5 7.5l-4.286-3.334c.21-.08.413-.161.607-.241a7.791 7.791 0 0 1 3.49-.725 11.86 11.86 0 0 1 3.63.615l2.674 15.872a16.248 16.248 0 0 0-4.157-.52 21.93 21.93 0 0 0-4.796.509zM12 5.156L15.01 7.5l-3.024 2.344-3-2.342z"},{"opacity":".5","d":"M4.512 13.827l3.272-2.607 3.258 2.597-3.271 2.607-3.259-2.597z"},{"opacity":".25","d":"M12.923 13.818l3.272-2.608 3.286 2.619-3.273 2.608-3.285-2.619z"}]

package/dist/collection/components/icon/assets/icon/tiledImageryLayer32.json

@@ -0,0 +1 @@
+[{"d":"M16 5l-6 5 5.99 5L22 10zm-4.438 5.001L16 6.301 20.438 10l-4.448 3.7zM27 3.9a26.401 26.401 0 0 0-5.926-.689c-5.144 0-5.927 1.657-10.735 1.657A14.99 14.99 0 0 1 5 3.9L1 28a16.273 16.273 0 0 0 7.538 1.8c6.876 0 8.048-2.6 14.924-2.6A33.153 33.153 0 0 1 31 28zM15.988 18.58l4.99 3.973-5.025 4.145-4.971-4.184zM10.2 21.856l-4.59-3.864 4.98-3.712 4.594 3.66zm6.597-3.912l4.602-3.617 4.987 3.764-4.62 3.81zm.188 9.2L28 18.056l-5.788-4.368-.825-.623-5.394 4.239-5.383-4.286-.83.618L4 17.944l11.488 9.67a20.078 20.078 0 0 1-6.95 1.186 15.987 15.987 0 0 1-6.43-1.366L5.795 5.217a15.6 15.6 0 0 0 4.544.651 17.43 17.43 0 0 0 5.445-.846 16.633 16.633 0 0 1 5.29-.81 26.26 26.26 0 0 1 5.05.517l3.651 22a37.271 37.271 0 0 0-6.313-.529 21.087 21.087 0 0 0-6.477.944z"},{"opacity":".5","d":"M5.613 17.995l4.98-3.712 4.595 3.659-4.984 3.917-4.591-3.864z"},{"opacity":".25","d":"M16.799 17.955l4.602-3.617 4.987 3.763-4.619 3.811-4.97-3.957z"}]

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

@@ -289,7 +289,7 @@ export class Input {
       const newLocalizedValue = this.type === "number"
         ? localizeNumberString(newValue, this.locale, this.groupSeparator)
         : "";
-      this.internalValueChange = origin === "internal";
+      this.internalValueChange = origin === "internal" && this.value !== newValue;
       this.setPreviousValue(this.value);
       this.value = newValue;
       if (this.type === "number") {

package/dist/collection/components/input-date-picker/input-date-picker.js

@@ -953,7 +953,7 @@ export class InputDatePicker {
       "docs": {
         "tags": [{
             "name": "see",
-            "text": " [DateRangeChange](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-date-picker/interfaces.ts#L1)"
+            "text": "[DateRangeChange](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-date-picker/interfaces.ts#L1)"
           }, {
             "name": "deprecated",
             "text": "use `calciteInputDatePickerChange` instead."

package/dist/collection/components/link/link.js

@@ -2,7 +2,7 @@
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
-import { Component, Element, h, Host, Method, Prop, State, Watch } from "@stencil/core";
+import { Component, Element, h, Host, Method, Prop } from "@stencil/core";
 import { focusElement, getElementDir } from "../../utils/dom";
 import { CSS_UTILITY } from "../../utils/resources";
 /** Any attributes placed on <calcite-link> component will propagate to the rendered child */
@@ -23,8 +23,6 @@ export class Link {
      * See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download
      */
     this.download = false;
-    /** the node type of the rendered child element */
-    this.childElType = "span";
     //--------------------------------------------------------------------------
     //
     //  Private Methods
@@ -34,25 +32,20 @@ export class Link {
       this.childEl = el;
     };
   }
-  hrefHandler(href) {
-    this.childElType = href ? "a" : "span";
-  }
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
   //
   //--------------------------------------------------------------------------
-  connectedCallback() {
-    this.childElType = this.href ? "a" : "span";
-  }
   render() {
     const { download, el } = this;
     const dir = getElementDir(el);
+    const childElType = this.href ? "a" : "span";
     const iconStartEl = (h("calcite-icon", { class: "calcite-link--icon icon-start", flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: "s" }));
     const iconEndEl = (h("calcite-icon", { class: "calcite-link--icon icon-end", flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: "s" }));
-    const Tag = this.childElType;
-    const role = this.childElType === "span" ? "link" : null;
-    const tabIndex = this.disabled ? -1 : this.childElType === "span" ? 0 : null;
+    const Tag = childElType;
+    const role = childElType === "span" ? "link" : null;
+    const tabIndex = this.disabled ? -1 : childElType === "span" ? 0 : null;
     return (h(Host, { role: "presentation" },
       h(Tag, { class: { [CSS_UTILITY.rtl]: dir === "rtl" }, 
         /*
@@ -226,9 +219,6 @@ export class Link {
       "reflect": false
     }
   }; }
-  static get states() { return {
-    "childElType": {}
-  }; }
   static get methods() { return {
     "setFocus": {
       "complexType": {
@@ -248,8 +238,4 @@ export class Link {
     }
   }; }
   static get elementRef() { return "el"; }
-  static get watchers() { return [{
-      "propName": "href",
-      "methodName": "hrefHandler"
-    }]; }
 }

package/dist/collection/components/pagination/pagination.js

@@ -315,7 +315,7 @@ export class Pagination {
       "docs": {
         "tags": [{
             "name": "see",
-            "text": " [PaginationDetail](https://github.com/Esri/calcite-components/blob/master/src/components/pagination/calcite-pagination.tsx#L18)"
+            "text": "[PaginationDetail](https://github.com/Esri/calcite-components/blob/master/src/components/pagination/calcite-pagination.tsx#L18)"
           }],
         "text": "Emitted whenever the selected page changes."
       },

package/dist/collection/components/pick-list-item/pick-list-item.js

@@ -263,7 +263,7 @@ export class PickListItem {
       "docs": {
         "tags": [{
             "name": "see",
-            "text": " [ICON_TYPES](https://github.com/Esri/calcite-components/blob/master/src/components/pick-list/resources.ts#L5)"
+            "text": "[ICON_TYPES](https://github.com/Esri/calcite-components/blob/master/src/components/pick-list/resources.ts#L5)"
           }],
         "text": "Determines the icon SVG symbol that will be shown. Options are circle, square, grip or null."
       },

package/dist/collection/components/popover/popover.js

@@ -530,7 +530,7 @@ export class Popover {
       "docs": {
         "tags": [{
             "name": "see",
-            "text": " [PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)"
+            "text": "[PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)"
           }],
         "text": "Determines where the component will be positioned relative to the referenceElement."
       },

package/dist/collection/components/slider/slider.js

@@ -835,7 +835,7 @@ export class Slider {
       "docs": {
         "tags": [{
             "name": "see",
-            "text": " [DataSeries](https://github.com/Esri/calcite-components/blob/master/src/components/graph/interfaces.ts#L5)"
+            "text": "[DataSeries](https://github.com/Esri/calcite-components/blob/master/src/components/graph/interfaces.ts#L5)"
           }],
         "text": "List of x,y coordinates within the slider's min and max, displays above the slider track."
       }

package/dist/collection/components/tab-nav/tab-nav.js

@@ -371,7 +371,7 @@ export class TabNav {
       "docs": {
         "tags": [{
             "name": "see",
-            "text": " [TabChangeEventDetail](https://github.com/Esri/calcite-components/blob/master/src/components/tab/interfaces.ts#L1)"
+            "text": "[TabChangeEventDetail](https://github.com/Esri/calcite-components/blob/master/src/components/tab/interfaces.ts#L1)"
           }],
         "text": "Emitted when the active tab changes"
       },

package/dist/collection/components/tab-title/tab-title.js

@@ -408,7 +408,7 @@ export class TabTitle {
       "docs": {
         "tags": [{
             "name": "see",
-            "text": " [TabChangeEventDetail](https://github.com/Esri/calcite-components/blob/master/src/components/tab/interfaces.ts#L1)"
+            "text": "[TabChangeEventDetail](https://github.com/Esri/calcite-components/blob/master/src/components/tab/interfaces.ts#L1)"
           }],
         "text": "Fires when a specific tab is activated (`event.details`)"
       },

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

@@ -310,7 +310,7 @@ export class Tooltip {
       "docs": {
         "tags": [{
             "name": "see",
-            "text": " [PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)"
+            "text": "[PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)"
           }],
         "text": "Determines where the component will be positioned relative to the referenceElement."
       },

package/dist/collection/components/tree/tree.js

@@ -300,7 +300,7 @@ export class Tree {
             "text": "\"single\""
           }, {
             "name": "see",
-            "text": " [TreeSelectionMode](https://github.com/Esri/calcite-components/blob/master/src/components/tree/interfaces.ts#L5)"
+            "text": "[TreeSelectionMode](https://github.com/Esri/calcite-components/blob/master/src/components/tree/interfaces.ts#L5)"
           }],
         "text": "Customize how tree selection works (single, multi, children, multi-children, ancestors)"
       },
@@ -318,7 +318,7 @@ export class Tree {
       "docs": {
         "tags": [{
             "name": "see",
-            "text": " [TreeSelectDetail](https://github.com/Esri/calcite-components/blob/master/src/components/tree/interfaces.ts#L1)"
+            "text": "[TreeSelectDetail](https://github.com/Esri/calcite-components/blob/master/src/components/tree/interfaces.ts#L1)"
           }],
         "text": "Emitted when user selects/deselects tree items. An object including an array of selected items will be passed in the event's `detail` property."
       },

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

@@ -172,6 +172,7 @@ export class TreeItem {
     });
   }
   keyDownHandler(e) {
+    var _a;
     let root;
     switch (e.key) {
       case " ":
@@ -226,7 +227,8 @@ export class TreeItem {
         }
         // When focus is on a open node, moves focus to the first child node.
         if (this.hasChildren && this.expanded) {
-          this.el.querySelector("calcite-tree-item").focus();
+          (_a = this.el.querySelector("calcite-tree-item")) === null || _a === void 0 ? void 0 : _a.focus();
+          e.stopPropagation();
           break;
         }
         // When focus is on an end node, does nothing.

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

@@ -251,7 +251,7 @@ export class ValueListItem {
       "docs": {
         "tags": [{
             "name": "see",
-            "text": " [ICON_TYPES](https://github.com/Esri/calcite-components/blob/master/src/components/pick-list/resources.ts#L5)"
+            "text": "[ICON_TYPES](https://github.com/Esri/calcite-components/blob/master/src/components/pick-list/resources.ts#L5)"
           }],
         "text": "Determines the icon SVG symbol that will be shown. Options are circle, square, grip or null."
       },

package/dist/components/button.js

@@ -89,17 +89,15 @@ let Button = class extends HTMLElement$1 {
     this.width = "auto";
     /** watches for changing text content **/
     this.mutationObserver = createObserver("mutation", () => this.updateHasContent());
-    /** the node type of the rendered child element */
-    this.childElType = "button";
     /** determine if there is slotted content for styling purposes */
     this.hasContent = false;
     /** determine if loader present for styling purposes */
     this.hasLoader = false;
     // act on a requested or nearby form based on type
     this.handleClick = () => {
-      const { childElType, formEl, type } = this;
+      const { formEl, type } = this;
       // this.type refers to type attribute, not child element type
-      if (childElType === "button" && type !== "button") {
+      if (!this.href && type !== "button") {
         if (type === "submit") {
           formEl === null || formEl === void 0 ? void 0 : formEl.requestSubmit();
         }
@@ -109,9 +107,6 @@ let Button = class extends HTMLElement$1 {
       }
     };
   }
-  hrefHandler(href) {
-    this.childElType = href ? "a" : "button";
-  }
   loadingChanged(newValue, oldValue) {
     if (!!newValue && !oldValue) {
       this.hasLoader = true;
@@ -128,7 +123,6 @@ let Button = class extends HTMLElement$1 {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
-    this.childElType = this.href ? "a" : "button";
     this.hasLoader = this.loading;
     this.setupTextContentObserver();
     connectLabel(this);
@@ -143,13 +137,14 @@ let Button = class extends HTMLElement$1 {
   componentWillLoad() {
     if (Build.isBrowser) {
       this.updateHasContent();
-      if (this.childElType === "button" && !this.type) {
+      if (!this.href && !this.type) {
         this.type = "submit";
       }
     }
   }
   render() {
-    const Tag = this.childElType;
+    const childElType = this.href ? "a" : "button";
+    const Tag = childElType;
     const loaderNode = this.hasLoader ? (h("div", { class: CSS.buttonLoader }, h("calcite-loader", { active: true, class: this.loading ? CSS.loadingIn : CSS.loadingOut, inline: true, label: this.intlLoading, scale: "m" }))) : null;
     const iconStartEl = (h("calcite-icon", { class: { [CSS.icon]: true, [CSS.iconStart]: true }, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: "s" }));
     const iconEndEl = (h("calcite-icon", { class: { [CSS.icon]: true, [CSS.iconEnd]: true }, flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: "s" }));
@@ -158,7 +153,7 @@ let Button = class extends HTMLElement$1 {
         [CSS.contentSlotted]: this.hasContent,
         [CSS.iconStartEmpty]: !this.iconStart,
         [CSS.iconEndEmpty]: !this.iconEnd
-      }, disabled: this.disabled || this.loading, href: this.childElType === "a" && this.href, name: this.childElType === "button" && this.name, onClick: this.handleClick, ref: (el) => (this.childEl = el), rel: this.childElType === "a" && this.rel, tabIndex: this.disabled || this.loading ? -1 : null, target: this.childElType === "a" && this.target, type: this.childElType === "button" && this.type }, loaderNode, this.iconStart ? iconStartEl : null, this.hasContent ? contentEl : null, this.iconEnd ? iconEndEl : null));
+      }, disabled: this.disabled || this.loading, href: childElType === "a" && this.href, name: childElType === "button" && this.name, onClick: this.handleClick, ref: (el) => (this.childEl = el), rel: childElType === "a" && this.rel, tabIndex: this.disabled || this.loading ? -1 : null, target: childElType === "a" && this.target, type: childElType === "button" && this.type }, loaderNode, this.iconStart ? iconStartEl : null, this.hasContent ? contentEl : null, this.iconEnd ? iconEndEl : null));
   }
   //--------------------------------------------------------------------------
   //
@@ -192,7 +187,6 @@ let Button = class extends HTMLElement$1 {
   }
   get el() { return this; }
   static get watchers() { return {
-    "href": ["hrefHandler"],
     "loading": ["loadingChanged"]
   }; }
   static get style() { return buttonCss; }
@@ -218,7 +212,6 @@ Button = /*@__PURE__*/ proxyCustomElement(Button, [1, "calcite-button", {
     "target": [1],
     "type": [1025],
     "width": [513],
-    "childElType": [32],
     "hasContent": [32],
     "hasLoader": [32],
     "setFocus": [64]

package/dist/components/calcite-accordion.js

@@ -4,7 +4,7 @@
  */
 import { HTMLElement, createEvent, h, proxyCustomElement } from '@stencil/core/internal/client';
 
-const accordionCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){--calcite-accordion-item-spacing-unit:0.25rem;--calcite-accordion-icon-margin:0.5rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-accordion-item-spacing-unit:0.5rem;--calcite-accordion-icon-margin:0.75rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-accordion-item-spacing-unit:0.75rem;--calcite-accordion-icon-margin:1rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{position:relative;display:block;max-width:100%;border-width:1px;border-bottom-width:0px;border-style:solid;border-color:var(--calcite-ui-border-2);line-height:1.5rem;--calcite-accordion-item-border:var(--calcite-ui-border-2);--calcite-accordion-item-background:var(--calcite-ui-foreground-1)}.accordion--transparent{border-color:transparent;--calcite-accordion-item-border:transparent;--calcite-accordion-item-background:transparent}.accordion--minimal{--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0;border-color:transparent}";
+const accordionCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){--calcite-accordion-item-spacing-unit:0.25rem;--calcite-accordion-icon-margin:0.5rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-accordion-item-spacing-unit:0.5rem;--calcite-accordion-icon-margin:0.75rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-accordion-item-spacing-unit:0.75rem;--calcite-accordion-icon-margin:1rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{position:relative;display:block;max-width:100%;line-height:1.5rem;--calcite-accordion-item-border:var(--calcite-ui-border-2);--calcite-accordion-item-background:var(--calcite-ui-foreground-1)}.accordion--transparent{--calcite-accordion-item-border:transparent;--calcite-accordion-item-background:transparent}.accordion--minimal{--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0}.accordion{border-width:1px;border-bottom-width:0px;border-style:solid;border-color:var(--calcite-ui-border-2)}";
 
 let Accordion = class extends HTMLElement {
   constructor() {
@@ -53,7 +53,8 @@ let Accordion = class extends HTMLElement {
   render() {
     return (h("div", { class: {
         "accordion--transparent": this.appearance === "transparent",
-        "accordion--minimal": this.appearance === "minimal"
+        "accordion--minimal": this.appearance === "minimal",
+        accordion: this.appearance === "default"
       } }, h("slot", null)));
   }
   //--------------------------------------------------------------------------

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

@@ -185,6 +185,7 @@ let TreeItem = class extends HTMLElement {
     });
   }
   keyDownHandler(e) {
+    var _a;
     let root;
     switch (e.key) {
       case " ":
@@ -239,7 +240,8 @@ let TreeItem = class extends HTMLElement {
         }
         // When focus is on a open node, moves focus to the first child node.
         if (this.hasChildren && this.expanded) {
-          this.el.querySelector("calcite-tree-item").focus();
+          (_a = this.el.querySelector("calcite-tree-item")) === null || _a === void 0 ? void 0 : _a.focus();
+          e.stopPropagation();
           break;
         }
         // When focus is on an end node, does nothing.

package/dist/components/input.js

@@ -323,7 +323,7 @@ let Input = class extends HTMLElement {
       const newLocalizedValue = this.type === "number"
         ? localizeNumberString(newValue, this.locale, this.groupSeparator)
         : "";
-      this.internalValueChange = origin === "internal";
+      this.internalValueChange = origin === "internal" && this.value !== newValue;
       this.setPreviousValue(this.value);
       this.value = newValue;
       if (this.type === "number") {

package/dist/components/link.js

@@ -25,8 +25,6 @@ let Link = class extends HTMLElement {
      * See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download
      */
     this.download = false;
-    /** the node type of the rendered child element */
-    this.childElType = "span";
     //--------------------------------------------------------------------------
     //
     //  Private Methods
@@ -36,25 +34,20 @@ let Link = class extends HTMLElement {
       this.childEl = el;
     };
   }
-  hrefHandler(href) {
-    this.childElType = href ? "a" : "span";
-  }
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
   //
   //--------------------------------------------------------------------------
-  connectedCallback() {
-    this.childElType = this.href ? "a" : "span";
-  }
   render() {
     const { download, el } = this;
     const dir = getElementDir(el);
+    const childElType = this.href ? "a" : "span";
     const iconStartEl = (h("calcite-icon", { class: "calcite-link--icon icon-start", flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: "s" }));
     const iconEndEl = (h("calcite-icon", { class: "calcite-link--icon icon-end", flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: "s" }));
-    const Tag = this.childElType;
-    const role = this.childElType === "span" ? "link" : null;
-    const tabIndex = this.disabled ? -1 : this.childElType === "span" ? 0 : null;
+    const Tag = childElType;
+    const role = childElType === "span" ? "link" : null;
+    const tabIndex = this.disabled ? -1 : childElType === "span" ? 0 : null;
     return (h(Host, { role: "presentation" }, h(Tag, { class: { [CSS_UTILITY.rtl]: dir === "rtl" },
       /*
       When the 'download' property of type 'boolean | string' is set to true, the value is "".
@@ -72,9 +65,6 @@ let Link = class extends HTMLElement {
     focusElement(this.childEl);
   }
   get el() { return this; }
-  static get watchers() { return {
-    "href": ["hrefHandler"]
-  }; }
   static get style() { return linkCss; }
 };
 Link = /*@__PURE__*/ proxyCustomElement(Link, [1, "calcite-link", {
@@ -86,7 +76,6 @@ Link = /*@__PURE__*/ proxyCustomElement(Link, [1, "calcite-link", {
     "iconStart": [513, "icon-start"],
     "rel": [1],
     "target": [1],
-    "childElType": [32],
     "setFocus": [64]
   }]);
 function defineCustomElement() {