@esri/calcite-components 1.0.0-next.661 → 1.0.0-next.663

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

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.661
+ * v1.0.0-next.663
  */
 import { h, Host } from "@stencil/core";
 import { getElementDir, filterDirectChildren } from "../../utils/dom";
@@ -95,7 +95,7 @@ export class TabNav {
   componentDidRender() {
     // if every tab title is active select the first tab.
     if (this.tabTitles.length &&
-      this.tabTitles.every((title) => !title.active) &&
+      this.tabTitles.every((title) => !title.selected) &&
       !this.selectedTab) {
       this.tabTitles[0].getTabIdentifier().then((tab) => {
         this.calciteInternalTabChange.emit({
@@ -151,7 +151,7 @@ export class TabNav {
    * @param event
    */
   updateTabTitles(event) {
-    if (event.target.active) {
+    if (event.target.selected) {
       this.selectedTab = event.detail;
     }
   }
@@ -300,7 +300,7 @@ export class TabNav {
         "mutable": true,
         "complexType": {
           "original": "TabPosition",
-          "resolved": "\"above\" | \"below\" | \"bottom\" | \"top\"",
+          "resolved": "\"bottom\" | \"top\"",
           "references": {
             "TabPosition": {
               "location": "import",

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

@@ -109,13 +109,6 @@
   margin: auto;
 }
 
-:host([position=below]) .container {
-  border-block-end-width: 0px;
-  border-block-start-width: 2px;
-  border-block-start-color: transparent;
-  border-block-start-style: solid;
-}
-
 :host([position=bottom]) .container {
   border-block-end-width: 0px;
   border-block-start-width: 2px;
@@ -236,10 +229,6 @@
   box-shadow: inset 0px -2px var(--calcite-ui-foreground-1);
 }
 
-:host([bordered][selected][position=below]) {
-  box-shadow: inset 0 2px 0 var(--calcite-ui-foreground-1);
-}
-
 :host([bordered][selected][position=bottom]) {
   box-shadow: inset 0 2px 0 var(--calcite-ui-foreground-1);
 }
@@ -260,10 +249,6 @@
   border-inline-end: 1px solid transparent;
 }
 
-:host([bordered][position=below]) .container {
-  border-block-start-style: unset;
-}
-
 :host([bordered][position=bottom]) .container {
   border-block-start-style: unset;
 }
@@ -299,10 +284,6 @@
     border-block-end-style: solid;
   }
 
-  :host([bordered][position=below]) .container {
-    border-block-start-style: solid;
-  }
-
   :host([bordered][position=bottom]) .container {
     border-block-start-style: solid;
   }
@@ -311,10 +292,6 @@
     border-block-end-style: none;
   }
 
-  :host([bordered][position=below][selected]) .container {
-    border-block-start-style: none;
-  }
-
   :host([bordered][position=bottom][selected]) .container {
     border-block-start-style: none;
   }

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

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.661
+ * v1.0.0-next.663
  */
 import { Build, h, Host } from "@stencil/core";
 import { guid } from "../../utils/guid";
@@ -24,7 +24,6 @@ export class TabTitle {
       this.calciteInternalTabIconChanged.emit();
     });
     this.guid = `calcite-tab-title-${guid()}`;
-    this.active = false;
     this.selected = false;
     this.disabled = false;
     this.iconEnd = undefined;
@@ -38,11 +37,7 @@ export class TabTitle {
     this.controls = undefined;
     this.hasText = false;
   }
-  activeHandler(value) {
-    this.selected = value;
-  }
-  selectedHandler(value) {
-    this.active = value;
+  selectedHandler() {
     if (this.selected) {
       this.emitActiveTab(false);
     }
@@ -53,13 +48,6 @@ export class TabTitle {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
-    const { selected, active } = this;
-    if (selected) {
-      this.active = selected;
-    }
-    else if (active) {
-      this.activeHandler(active);
-    }
     this.setupTextContentObserver();
     this.parentTabNavEl = this.el.closest("calcite-tab-nav");
     this.parentTabsEl = this.el.closest("calcite-tabs");
@@ -225,27 +213,6 @@ export class TabTitle {
   }
   static get properties() {
     return {
-      "active": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [{
-              "name": "deprecated",
-              "text": "Use `selected` instead."
-            }],
-          "text": "When `true`, the component and its respective `calcite-tab` contents are selected.\n\nOnly one tab can be selected within the `calcite-tabs` parent."
-        },
-        "attribute": "active",
-        "reflect": true,
-        "defaultValue": "false"
-      },
       "selected": {
         "type": "boolean",
         "mutable": true,
@@ -368,7 +335,7 @@ export class TabTitle {
         "mutable": true,
         "complexType": {
           "original": "TabPosition",
-          "resolved": "\"above\" | \"below\" | \"bottom\" | \"top\"",
+          "resolved": "\"bottom\" | \"top\"",
           "references": {
             "TabPosition": {
               "location": "import",
@@ -707,9 +674,6 @@ export class TabTitle {
   static get elementRef() { return "el"; }
   static get watchers() {
     return [{
-        "propName": "active",
-        "methodName": "activeHandler"
-      }, {
         "propName": "selected",
         "methodName": "selectedHandler"
       }];

package/dist/collection/components/tabs/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.661
+ * v1.0.0-next.663
  */
 export const SLOTS = {
   tabNav: "tab-nav"

package/dist/collection/components/tabs/tabs.css

@@ -94,22 +94,10 @@
   background-color: var(--calcite-ui-foreground-1);
 }
 
-:host([bordered]:not([position=below])) ::slotted(calcite-tab-nav) {
-  margin-block-end: -1px;
-}
-
 :host([bordered]:not([position=bottom])) ::slotted(calcite-tab-nav) {
   margin-block-end: -1px;
 }
 
-:host([bordered][position=below]) ::slotted(calcite-tab-nav) {
-  margin-block-start: -1px;
-}
-
-:host([bordered][position=below]) {
-  box-shadow: inset 0 1px 0 var(--calcite-ui-border-1), inset 0 -1px 0 var(--calcite-ui-border-1);
-}
-
 :host([bordered][position=bottom]) {
   box-shadow: inset 0 1px 0 var(--calcite-ui-border-1), inset 0 -1px 0 var(--calcite-ui-border-1);
 }
@@ -132,10 +120,6 @@
   padding: 1rem;
 }
 
-:host([position=below]) {
-  flex-direction: column-reverse;
-}
-
 :host([position=bottom]) {
   flex-direction: column-reverse;
 }
@@ -149,13 +133,6 @@ section {
   border-block-start-style: solid;
 }
 
-:host([position=below]) section {
-  flex-direction: column-reverse;
-  border-block-start-width: 0px;
-  border-block-end-width: 1px;
-  border-block-end-color: var(--calcite-ui-border-1);
-}
-
 :host([position=bottom]) section {
   flex-direction: column-reverse;
   border-block-start-width: 0px;
@@ -163,10 +140,6 @@ section {
   border-block-end-color: var(--calcite-ui-border-1);
 }
 
-:host([position=below]:not([bordered])) section {
-  border-block-end-style: solid;
-}
-
 :host([position=bottom]:not([bordered])) section {
   border-block-end-style: solid;
 }
@@ -177,11 +150,6 @@ section {
     border-block-end-width: 1px;
   }
 
-  :host([position=below][bordered]) section {
-    border-block-start-width: 1px;
-    border-block-end-width: 0px;
-  }
-
   :host([position=bottom][bordered]) section {
     border-block-start-width: 1px;
     border-block-end-width: 0px;

package/dist/collection/components/tabs/tabs.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.661
+ * v1.0.0-next.663
  */
 import { h, Fragment } from "@stencil/core";
 import { SLOTS } from "./resources";
@@ -155,7 +155,7 @@ export class Tabs {
         "mutable": false,
         "complexType": {
           "original": "TabPosition",
-          "resolved": "\"above\" | \"below\" | \"bottom\" | \"top\"",
+          "resolved": "\"bottom\" | \"top\"",
           "references": {
             "TabPosition": {
               "location": "import",
@@ -167,7 +167,7 @@ export class Tabs {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Specifies the position of the component in relation to the `calcite-tab`s. The `\"above\"` and `\"below\"` values are deprecated."
+          "text": "Specifies the position of the component in relation to the `calcite-tab`s."
         },
         "attribute": "position",
         "reflect": true,

package/dist/collection/components/tile/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.661
+ * v1.0.0-next.663
  */
 export const SLOTS = {
   contentStart: "content-start",

package/dist/collection/components/tile/tile.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.661
+ * v1.0.0-next.663
  */
 import { Fragment, h } from "@stencil/core";
 import { SLOTS } from "./resources";

package/dist/collection/components/tile-select/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.661
+ * v1.0.0-next.663
  */
 export const CSS = {
   checked: "checked",

package/dist/collection/components/tile-select/tile-select.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.661
+ * v1.0.0-next.663
  */
 import { h } from "@stencil/core";
 import { guid } from "../../utils/guid";

package/dist/collection/components/tile-select-group/tile-select-group.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.661
+ * v1.0.0-next.663
  */
 import { h } from "@stencil/core";
 import { updateHostInteraction } from "../../utils/interactive";

package/dist/collection/components/time-picker/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.661
+ * v1.0.0-next.663
  */
 export const CSS = {
   button: "button",

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

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.661
+ * v1.0.0-next.663
  */
 import { h } from "@stencil/core";
 import { isActivationKey, numberKeys } from "../../utils/key";

package/dist/collection/components/tip/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.661
+ * v1.0.0-next.663
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/tip/tip.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.661
+ * v1.0.0-next.663
  */
 import { h, Fragment } from "@stencil/core";
 import { CSS, ICONS, SLOTS, TEXT } from "./resources";

package/dist/collection/components/tip-group/tip-group.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.661
+ * v1.0.0-next.663
  */
 import { h } from "@stencil/core";
 /**

package/dist/collection/components/tip-manager/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.661
+ * v1.0.0-next.663
  */
 export const CSS = {
   header: "header",

package/dist/collection/components/tip-manager/tip-manager.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.661
+ * v1.0.0-next.663
  */
 import { h } from "@stencil/core";
 import { CSS, ICONS, TEXT } from "./resources";

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

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.661
+ * v1.0.0-next.663
  */
 import { isPrimaryPointerButton } from "../../utils/dom";
 import { TOOLTIP_DELAY_MS } from "./resources";

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

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.661
+ * v1.0.0-next.663
  */
 export const CSS = {
   container: "container",

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

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.661
+ * v1.0.0-next.663
  */
 import { Host, h } from "@stencil/core";
 import { CSS, ARIA_DESCRIBED_BY } from "./resources";
@@ -308,7 +308,7 @@ export class Tooltip {
         "mutable": false,
         "complexType": {
           "original": "LogicalPlacement",
-          "resolved": "Placement | VariationPlacement | AutoPlacement",
+          "resolved": "\"auto\" | \"top\" | \"right\" | \"bottom\" | \"left\" | \"top-start\" | \"top-end\" | \"right-start\" | \"right-end\" | \"bottom-start\" | \"bottom-end\" | \"left-start\" | \"left-end\" | \"auto-start\" | \"auto-end\" | \"leading-start\" | \"leading\" | \"leading-end\" | \"trailing-end\" | \"trailing\" | \"trailing-start\"",
           "references": {
             "LogicalPlacement": {
               "location": "import",
@@ -319,10 +319,7 @@ export class Tooltip {
         "required": false,
         "optional": false,
         "docs": {
-          "tags": [{
-              "name": "see",
-              "text": "[LogicalPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/floating-ui.ts#L25)"
-            }],
+          "tags": [],
           "text": "Determines where the component will be positioned relative to the `referenceElement`."
         },
         "attribute": "placement",

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

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.661
+ * v1.0.0-next.663
  */
 import { h, Host } from "@stencil/core";
 import { focusElement, getRootNode, nodeListToArray } from "../../utils/dom";

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

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.661
+ * v1.0.0-next.663
  */
 function isTreeItem(element) {
   return element?.matches("calcite-tree-item");

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

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.661
+ * v1.0.0-next.663
  */
 export const CSS = {
   checkboxLabel: "checkbox-label",

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

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.661
+ * v1.0.0-next.663
  */
 import { Host, h } from "@stencil/core";
 import { nodeListToArray, getElementDir, filterDirectChildren, getSlotted, toAriaBoolean } from "../../utils/dom";

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

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.661
+ * v1.0.0-next.663
  */
 export const CSS = {
   container: "container",

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

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.661
+ * v1.0.0-next.663
  */
 import { getItemIndex } from "../pick-list/shared-list-logic";
 export function getScreenReaderText(item, status, valueList) {

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

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.661
+ * v1.0.0-next.663
  */
 import Sortable from "sortablejs";
 import { h } from "@stencil/core";

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

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.661
+ * v1.0.0-next.663
  */
 export const ICONS = {
   drag: "drag"

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

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.661
+ * v1.0.0-next.663
  */
 import { h, Host } from "@stencil/core";
 import { ICON_TYPES } from "../pick-list/resources";

package/dist/collection/utils/array.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.661
+ * v1.0.0-next.663
  */
 export function getRoundRobinIndex(index, total) {
   return (index + total) % total;

package/dist/collection/utils/conditionalSlot.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.661
+ * v1.0.0-next.663
  */
 import { forceUpdate } from "@stencil/core";
 import { createObserver } from "./observers";

package/dist/collection/utils/config.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.661
+ * v1.0.0-next.663
  */
 /**
  * This module helps users provide custom configuration for component internals.

package/dist/collection/utils/date.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.661
+ * v1.0.0-next.663
  */
 import { numberStringFormatter } from "./locale";
 /**

package/dist/collection/utils/dom.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.661
+ * v1.0.0-next.663
  */
 import { CSS_UTILITY } from "./resources";
 import { guid } from "./guid";

package/dist/collection/utils/filter.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.661
+ * v1.0.0-next.663
  */
 import { escapeRegExp, forIn } from "lodash-es";
 export const filter = (data, value) => {

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

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.661
+ * v1.0.0-next.663
  */
 import { rectToClientRect } from "@floating-ui/core";
 /**

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

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.661
+ * v1.0.0-next.663
  */
 import { arrow, autoPlacement, autoUpdate, computePosition, flip, hide, offset, platform, shift } from "@floating-ui/dom";
 import { closestElementCrossShadowBoundary, getElementDir } from "./dom";
@@ -36,9 +36,11 @@ export const placementDataAttribute = "data-placement";
  */
 export const repositionDebounceTimeout = 100;
 export const placements = [
+  // auto placements
   "auto",
   "auto-start",
   "auto-end",
+  // placements
   "top",
   "top-start",
   "top-end",
@@ -51,6 +53,7 @@ export const placements = [
   "left",
   "left-start",
   "left-end",
+  // variation placements
   "leading-start",
   "leading",
   "leading-end",