npm - @esri/calcite-components - Versions diffs - 1.0.0-next.401 → 1.0.0-next.404 - Mend

@esri/calcite-components 1.0.0-next.401 → 1.0.0-next.404

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

package/dist/cjs/calcite-radio-group_2.cjs.entry.js CHANGED Viewed

@@ -6,10 +6,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-6b5d2de5.js');
+const index = require('./index-8760acaf.js');
 const dom = require('./dom-f3df220d.js');
 const label = require('./label-6b18ca08.js');
-const form = require('./form-237cf392.js');
+const form = require('./form-d540f0cb.js');
 require('./guid-b270f0db.js');
 const radioGroupCss = "@-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{display:-ms-flexbox;display:flex;background-color:var(--calcite-ui-foreground-1);width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;outline:1px solid var(--calcite-ui-border-input);outline-offset:-1px}:host([layout=vertical]){-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-item-align:start;align-self:flex-start}:host([width=full]){width:100%;min-width:-moz-fit-content;min-width:-webkit-fit-content;min-width:fit-content}:host([width=full]) ::slotted(calcite-radio-group-item){-ms-flex:1 1 auto;flex:1 1 auto}:host([width=full][layout=vertical]) ::slotted(calcite-radio-group-item){-ms-flex-pack:start;justify-content:flex-start}::slotted(calcite-radio-group-item[checked]),::slotted(calcite-radio-group-item:focus){z-index:0}:host([disabled]){pointer-events:none;opacity:var(--calcite-ui-opacity-disabled)}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";

package/dist/cjs/calcite-rating.cjs.entry.js CHANGED Viewed

@@ -6,10 +6,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-6b5d2de5.js');
+const index = require('./index-8760acaf.js');
 const guid = require('./guid-b270f0db.js');
 const label = require('./label-6b18ca08.js');
-const form = require('./form-237cf392.js');
+const form = require('./form-d540f0cb.js');
 require('./dom-f3df220d.js');
 const TEXT = {

package/dist/cjs/calcite-scrim.cjs.entry.js CHANGED Viewed

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-6b5d2de5.js');
+const index = require('./index-8760acaf.js');
 const CSS = {
   scrim: "scrim",

package/dist/cjs/calcite-shell_3.cjs.entry.js CHANGED Viewed

@@ -6,9 +6,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-6b5d2de5.js');
+const index = require('./index-8760acaf.js');
 const dom = require('./dom-f3df220d.js');
-const conditionalSlot = require('./conditionalSlot-92505fba.js');
+const conditionalSlot = require('./conditionalSlot-2917212e.js');
 const math = require('./math-145c80e2.js');
 require('./guid-b270f0db.js');
 require('./observers-79bfb8bc.js');

package/dist/cjs/calcite-sortable-list.cjs.entry.js CHANGED Viewed

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-6b5d2de5.js');
+const index = require('./index-8760acaf.js');
 const sortable_esm = require('./sortable.esm-d7a4560b.js');
 const observers = require('./observers-79bfb8bc.js');

package/dist/cjs/calcite-split-button.cjs.entry.js CHANGED Viewed

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-6b5d2de5.js');
+const index = require('./index-8760acaf.js');
 const CSS = {
   container: "split-button__container",

package/dist/cjs/calcite-stepper_2.cjs.entry.js CHANGED Viewed

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-6b5d2de5.js');
+const index = require('./index-8760acaf.js');
 const dom = require('./dom-f3df220d.js');
 require('./guid-b270f0db.js');

package/dist/cjs/calcite-switch.cjs.entry.js CHANGED Viewed

@@ -6,10 +6,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-6b5d2de5.js');
+const index = require('./index-8760acaf.js');
 const dom = require('./dom-f3df220d.js');
 const label = require('./label-6b18ca08.js');
-const form = require('./form-237cf392.js');
+const form = require('./form-d540f0cb.js');
 require('./guid-b270f0db.js');
 const switchCss = "@-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]) .container{height:0.75rem}:host([scale=s]) .track{height:0.75rem;width:1.5rem}:host([scale=s]) .handle{height:0.5rem;width:0.5rem}:host([scale=m]) .container{height:1rem}:host([scale=m]) .track{height:1rem;width:2rem}:host([scale=m]) .handle{height:0.75rem;width:0.75rem}:host([scale=l]) .container{height:1.5rem}:host([scale=l]) .track{height:1.5rem;width:3rem}:host([scale=l]) .handle{height:1.25rem;width:1.25rem}:host{position:relative;display:inline-block;width:auto;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;tap-highlight-color:transparent}:host([disabled]){pointer-events:none;cursor:default;opacity:var(--calcite-ui-opacity-disabled)}:host{width:auto;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}.track{pointer-events:none;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);background-color:var(--calcite-ui-foreground-2);vertical-align:top;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.handle{pointer-events:none;position:absolute;display:block;border-radius:9999px;border-width:2px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);top:-1px;inset-inline:-1px auto}:host(:hover) .handle,:host(:focus) .handle{border-color:var(--calcite-ui-brand);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand)}:host([checked]) .track{border-color:var(--calcite-ui-brand-hover);background-color:var(--calcite-ui-brand)}:host([checked]) .handle{border-color:var(--calcite-ui-brand);inset-inline:auto -1px}:host([checked]:hover) .track{border-color:var(--calcite-ui-brand-hover);background-color:var(--calcite-ui-brand)}:host([checked]:hover) .handle{border-color:var(--calcite-ui-brand-hover);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand-hover)}@media (forced-colors: active){:host([checked]) .track{background-color:canvasText}}.container:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";

package/dist/cjs/calcite-tab_4.cjs.entry.js CHANGED Viewed

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-6b5d2de5.js');
+const index = require('./index-8760acaf.js');
 const guid = require('./guid-b270f0db.js');
 const dom = require('./dom-f3df220d.js');
 const observers = require('./observers-79bfb8bc.js');
@@ -65,7 +65,7 @@ let Tab = class {
     // to allow `<calcite-tabs>` to be nested we need to make sure this
     // `calciteTabChange` event was actually fired from a title that is a
     // child of the `<calcite-tabs>` that is the a parent of this tab.
-    if (event.target.closest("calcite-tabs") !== this.el.closest("calcite-tabs")) {
+    if (!event.composedPath().includes(this.el.closest("calcite-tabs"))) {
       return;
     }
     if (this.tab) {
@@ -377,7 +377,7 @@ let TabTitle = class {
   //
   //--------------------------------------------------------------------------
   tabChangeHandler(event) {
-    if (this.parentTabNavEl === event.target) {
+    if (event.composedPath().includes(this.parentTabNavEl)) {
       if (this.tab) {
         this.active = this.tab === event.detail.tab;
       }

package/dist/cjs/calcite-tile-select_2.cjs.entry.js CHANGED Viewed

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-6b5d2de5.js');
+const index = require('./index-8760acaf.js');
 const guid = require('./guid-b270f0db.js');
 const CSS = {

package/dist/cjs/calcite-tile.cjs.entry.js CHANGED Viewed

@@ -6,9 +6,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-6b5d2de5.js');
+const index = require('./index-8760acaf.js');
 const dom = require('./dom-f3df220d.js');
-const conditionalSlot = require('./conditionalSlot-92505fba.js');
+const conditionalSlot = require('./conditionalSlot-2917212e.js');
 require('./guid-b270f0db.js');
 require('./observers-79bfb8bc.js');

package/dist/cjs/calcite-tip_3.cjs.entry.js CHANGED Viewed

@@ -6,10 +6,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-6b5d2de5.js');
+const index = require('./index-8760acaf.js');
 const dom = require('./dom-f3df220d.js');
-const Heading = require('./Heading-ef16f5df.js');
-const conditionalSlot = require('./conditionalSlot-92505fba.js');
+const Heading = require('./Heading-1870bc0e.js');
+const conditionalSlot = require('./conditionalSlot-2917212e.js');
 const observers = require('./observers-79bfb8bc.js');
 require('./guid-b270f0db.js');

package/dist/cjs/calcite-tooltip_2.cjs.entry.js CHANGED Viewed

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-6b5d2de5.js');
+const index = require('./index-8760acaf.js');
 const guid = require('./guid-b270f0db.js');
 const popper = require('./popper-13a2bb46.js');
 const dom = require('./dom-f3df220d.js');

package/dist/cjs/calcite-tree_2.cjs.entry.js CHANGED Viewed

@@ -6,9 +6,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-6b5d2de5.js');
+const index = require('./index-8760acaf.js');
 const dom = require('./dom-f3df220d.js');
-const conditionalSlot = require('./conditionalSlot-92505fba.js');
+const conditionalSlot = require('./conditionalSlot-2917212e.js');
 require('./guid-b270f0db.js');
 require('./observers-79bfb8bc.js');
@@ -382,6 +382,7 @@ let TreeItem = class {
     });
   }
   keyDownHandler(e) {
+    var _a;
     let root;
     switch (e.key) {
       case " ":
@@ -436,7 +437,8 @@ let TreeItem = class {
         }
         // 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/cjs/calcite-value-list_2.cjs.entry.js CHANGED Viewed

@@ -6,14 +6,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-6b5d2de5.js');
+const index = require('./index-8760acaf.js');
 const sortable_esm = require('./sortable.esm-d7a4560b.js');
-const resources = require('./resources-4850fd7c.js');
+const resources = require('./resources-415f797b.js');
 const array = require('./array-a5dedf5a.js');
 const observers = require('./observers-79bfb8bc.js');
 const guid = require('./guid-b270f0db.js');
 const dom = require('./dom-f3df220d.js');
-const conditionalSlot = require('./conditionalSlot-92505fba.js');
+const conditionalSlot = require('./conditionalSlot-2917212e.js');
 require('./debounce-95979061.js');
 const CSS = {

package/dist/cjs/calcite.cjs.js CHANGED Viewed

@@ -4,10 +4,10 @@
  */
 'use strict';
-const index = require('./index-6b5d2de5.js');
+const index = require('./index-8760acaf.js');
 /*
- Stencil Client Patch Browser v2.13.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.14.0 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     // @ts-ignore

package/dist/cjs/{conditionalSlot-92505fba.js → conditionalSlot-2917212e.js} RENAMED Viewed

@@ -4,7 +4,7 @@
  */
 'use strict';
-const index = require('./index-6b5d2de5.js');
+const index = require('./index-8760acaf.js');
 const observers = require('./observers-79bfb8bc.js');
 const observed = new Set();

package/dist/cjs/{form-237cf392.js → form-d540f0cb.js} RENAMED Viewed

@@ -5,7 +5,7 @@
 'use strict';
 const dom = require('./dom-f3df220d.js');
-const index = require('./index-6b5d2de5.js');
+const index = require('./index-8760acaf.js');
 /**
  * Exported for testing purposes.

package/dist/cjs/{index-6b5d2de5.js → index-8760acaf.js} RENAMED Viewed

@@ -1166,6 +1166,29 @@ const initializeDocumentHydrate = (node, orgLocNodes) => {
         }
     }
 };
+/**
+ * Parse a new property value for a given property type.
+ *
+ * While the prop value can reasonably be expected to be of `any` type as far as TypeScript's type checker is concerned,
+ * it is not safe to assume that the string returned by evaluating `typeof propValue` matches:
+ *   1. `any`, the type given to `propValue` in the function signature
+ *   2. the type stored from `propType`.
+ *
+ * This function provides the capability to parse/coerce a property's value to potentially any other JavaScript type.
+ *
+ * Property values represented in TSX preserve their type information. In the example below, the number 0 is passed to
+ * a component. This `propValue` will preserve its type information (`typeof propValue === 'number'`). Note that is
+ * based on the type of the value being passed in, not the type declared of the class member decorated with `@Prop`.
+ * ```tsx
+ * <my-cmp prop-val={0}></my-cmp>
+ * ```
+ *
+ * HTML prop values on the other hand, will always a string
+ *
+ * @param propValue the new value to coerce to some type
+ * @param propType the type of the prop, expressed as a binary number
+ * @returns the parsed/coerced value
+ */
 const parsePropertyValue = (propValue, propType) => {
     // ensure this value is of the correct prop type
     if (propValue != null && !isComplexType(propValue)) {

package/dist/cjs/loader.cjs.js CHANGED Viewed

@@ -6,10 +6,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-6b5d2de5.js');
+const index = require('./index-8760acaf.js');
 /*
- Stencil Client Patch Esm v2.13.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.14.0 | MIT Licensed | https://stenciljs.com
  */
 const patchEsm = () => {
     return index.promiseResolve();

package/dist/cjs/{resources-8a9f4e9c.js → resources-1e94d43c.js} RENAMED Viewed

@@ -4,7 +4,7 @@
  */
 'use strict';
-const index = require('./index-6b5d2de5.js');
+const index = require('./index-8760acaf.js');
 const locale = require('./locale-02462821.js');
 /**

package/dist/cjs/{resources-4850fd7c.js → resources-415f797b.js} RENAMED Viewed

@@ -7,7 +7,7 @@
 const dom = require('./dom-f3df220d.js');
 const array = require('./array-a5dedf5a.js');
 const debounce = require('./debounce-95979061.js');
-const index = require('./index-6b5d2de5.js');
+const index = require('./index-8760acaf.js');
 function mutationObserverCallback() {
   this.setUpItems();

package/dist/collection/collection-manifest.json CHANGED Viewed

@@ -93,8 +93,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.13.0",
-    "typescriptVersion": "4.3.5"
+    "version": "2.14.0",
+    "typescriptVersion": "4.5.4"
   },
   "collections": [],
   "bundles": [

package/dist/collection/components/action-menu/action-menu.js CHANGED Viewed

@@ -407,7 +407,7 @@ export class ActionMenu {
       "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/color-picker/color-picker.js CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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-date-picker/input-date-picker.js CHANGED Viewed

@@ -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/pagination/pagination.js CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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/tab.js CHANGED Viewed

@@ -60,7 +60,7 @@ export class Tab {
     // to allow `<calcite-tabs>` to be nested we need to make sure this
     // `calciteTabChange` event was actually fired from a title that is a
     // child of the `<calcite-tabs>` that is the a parent of this tab.
-    if (event.target.closest("calcite-tabs") !== this.el.closest("calcite-tabs")) {
+    if (!event.composedPath().includes(this.el.closest("calcite-tabs"))) {
       return;
     }
     if (this.tab) {

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

@@ -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 CHANGED Viewed

@@ -104,7 +104,7 @@ export class TabTitle {
   //
   //--------------------------------------------------------------------------
   tabChangeHandler(event) {
-    if (this.parentTabNavEl === event.target) {
+    if (event.composedPath().includes(this.parentTabNavEl)) {
       if (this.tab) {
         this.active = this.tab === event.detail.tab;
       }
@@ -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/time-picker/resources.js CHANGED Viewed

@@ -28,7 +28,8 @@ export const CSS = {
   "scale-s": "scale-s",
   "scale-m": "scale-m",
   "scale-l": "scale-l",
-  timePicker: "time-picker"
+  timePicker: "time-picker",
+  meridiemStart: "meridiem--start"
 };
 export const TEXT = {
   hour: "Hour",

package/dist/collection/components/time-picker/time-picker.css CHANGED Viewed

@@ -99,6 +99,9 @@
   display: flex;
   flex-direction: column;
 }
+.time-picker .meridiem--start {
+  order: -1;
+}
 .time-picker .button {
   display: inline-flex;
   cursor: pointer;

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

@@ -5,7 +5,7 @@
 import { Component, Element, h, Prop, Event, Watch, State, Listen, Method } from "@stencil/core";
 import { isActivationKey, numberKeys } from "../../utils/key";
 import { isValidNumber } from "../../utils/number";
-import { formatTimePart, maxTenthForMinuteAndSecond, getMeridiem, isValidTime, localizeTimeStringToParts, parseTimeString, localizeTimePart, getLocaleHourCycle } from "../../utils/time";
+import { formatTimePart, maxTenthForMinuteAndSecond, getMeridiem, isValidTime, localizeTimeStringToParts, parseTimeString, localizeTimePart, getLocaleHourCycle, getTimeParts } from "../../utils/time";
 import { CSS, TEXT } from "./resources";
 function capitalize(str) {
   return str.charAt(0).toUpperCase() + str.slice(1);
@@ -345,6 +345,8 @@ export class TimePicker {
         if (localizedMeridiem) {
           this.localizedMeridiem = localizedMeridiem;
           this.meridiem = getMeridiem(this.hour);
+          const formatParts = getTimeParts(value, this.locale);
+          this.meridiemOrder = this.getMeridiemOrder(formatParts);
         }
       }
       else {
@@ -499,6 +501,16 @@ export class TimePicker {
     }
     return isActivationKey(key);
   }
+  getMeridiemOrder(formatParts) {
+    const isRTLKind = this.locale === "ar" || this.locale === "he";
+    if (formatParts && !isRTLKind) {
+      const index = formatParts.findIndex((parts) => {
+        return parts.value === this.localizedMeridiem;
+      });
+      return index;
+    }
+    return 0;
+  }
   // --------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -575,7 +587,10 @@ export class TimePicker {
           }, onClick: this.decrementSecond, onKeyDown: this.secondDownButtonKeyDownHandler, role: "button", tabIndex: -1 },
           h("calcite-icon", { icon: "chevron-down", scale: iconScale })))),
       this.localizedSecondSuffix && (h("span", { class: CSS.delimiter }, this.localizedSecondSuffix)),
-      showMeridiem && (h("div", { class: CSS.column, role: "group" },
+      showMeridiem && (h("div", { class: {
+          [CSS.column]: true,
+          [CSS.meridiemStart]: this.meridiemOrder === 0
+        }, role: "group" },
         h("span", { "aria-label": this.intlMeridiemUp, class: {
             [CSS.button]: true,
             [CSS.buttonMeridiemUp]: true,

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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."
       },