@esri/calcite-components 3.0.0 → 3.1.0-next.0

package/dist/components/calcite-tabs/customElement.js

@@ -6,7 +6,7 @@ import { s as b, e as p } from "../../chunks/dom.js";
 import { css as m } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
+v3.1.0-next.0 */
 const f = {
   titleGroup: "title-group"
 }, u = m`:host{display:flex;flex-direction:column}:host([bordered]){box-shadow:inset 0 1px 0 var(--calcite-color-border-1);background-color:var(--calcite-color-foreground-1)}:host([bordered]) section{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-1)}:host([bordered][position=bottom]){box-shadow:inset 0 1px 0 var(--calcite-color-border-1),inset 0 -1px 0 var(--calcite-color-border-1)}:host([bordered]:not([position=bottom])) ::slotted(calcite-tab-nav){margin-block-end:-1px}:host([bordered][scale=s]) section{padding:.75rem}:host([bordered][scale=m]) section{padding:.5rem}:host([bordered][scale=l]) section{padding:1rem}:host([position=bottom]){flex-direction:column-reverse}section{display:flex;flex-grow:1;overflow:hidden;border-block-start-width:1px;border-block-start-color:var(--calcite-color-border-1);border-block-start-style:solid}:host([position=bottom]) section{flex-direction:column-reverse;border-block-start-width:0px;border-block-end-width:1px;border-block-end-color:var(--calcite-color-border-1)}:host([position=bottom]:not([bordered])) section{border-block-end-style:solid}@media (forced-colors: active){:host([bordered]) section{border-block-start-width:0px;border-block-end-width:1px}:host([position=bottom][bordered]) section{border-block-start-width:1px;border-block-end-width:0px}}:host([hidden]){display:none}[hidden]{display:none}`;

package/dist/components/calcite-text-area/customElement.js

@@ -19,7 +19,7 @@ import { u as j } from "../../chunks/useT9n.js";
 import { css as V } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
+v3.1.0-next.0 */
 const a = {
   assistiveText: "assistive-text",
   characterLimit: "character-limit",

package/dist/components/calcite-tile/customElement.js

@@ -8,7 +8,7 @@ import { c as A } from "../../chunks/loadable.js";
 import { css as H } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
+v3.1.0-next.0 */
 const t = {
   container: "container",
   contentContainer: "content-container",

package/dist/components/calcite-tile-group/customElement.js

@@ -8,7 +8,7 @@ import { d as i } from "../../chunks/dom.js";
 import { css as m } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
+v3.1.0-next.0 */
 const u = {
   container: "container"
 }, f = m`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{box-sizing:border-box;display:inline-block}:host ::slotted(calcite-tile){margin-block-end:var(--calcite-spacing-px);margin-inline-end:var(--calcite-spacing-px)}.container{display:grid;grid-auto-rows:minmax(auto,1fr)}:host([scale=s]) .container{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}:host([scale=m]) .container{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}:host([scale=l]) .container{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}:host([layout=vertical]) .container{display:flex;flex-direction:column}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`;

package/dist/components/calcite-tile-select/customElement.js

@@ -8,7 +8,7 @@ import { l as w } from "../../chunks/logger.js";
 import { css as C } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
+v3.1.0-next.0 */
 const i = {
   description: "description",
   descriptionOnly: "description-only",

package/dist/components/calcite-tile-select-group/customElement.js

@@ -6,7 +6,7 @@ import { l } from "../../chunks/logger.js";
 import { css as a } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
+v3.1.0-next.0 */
 const d = a`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-wrap:wrap}:host ::slotted(calcite-tile-select){margin-block-end:1px;margin-inline-end:1px}:host([layout=vertical]){flex-direction:column}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`;
 class r extends s {
   constructor() {

package/dist/components/calcite-time-picker/customElement.js

@@ -13,7 +13,7 @@ import { u as _ } from "../../chunks/useT9n.js";
 import { css as B } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
+v3.1.0-next.0 */
 const t = {
   button: "button",
   buttonBottomLeft: "button--bottom-left",

package/dist/components/calcite-tip/customElement.js

@@ -9,7 +9,7 @@ import { u as b } from "../../chunks/useT9n.js";
 import { css as v } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
+v3.1.0-next.0 */
 const e = {
   container: "container",
   header: "header",

package/dist/components/calcite-tip-group/customElement.js

@@ -5,7 +5,7 @@ import { l as r } from "../../chunks/logger.js";
 import { css as i } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
+v3.1.0-next.0 */
 const s = i`:host{box-sizing:border-box;display:block;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}::slotted(calcite-tip){margin:0;border-style:none;max-inline-size:var(--calcite-tip-max-width)}:host([hidden]){display:none}[hidden]{display:none}`;
 class l extends t {
   static {

package/dist/components/calcite-tip-manager/customElement.js

@@ -11,7 +11,7 @@ import { u as T } from "../../chunks/useT9n.js";
 import { css as k } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
+v3.1.0-next.0 */
 const i = {
   header: "header",
   heading: "heading",

package/dist/components/calcite-tooltip/customElement.js

@@ -10,7 +10,7 @@ import { q as R, c as x } from "../../chunks/dom.js";
 import { css as A } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
+v3.1.0-next.0 */
 const f = {
   positionContainer: "position-container",
   container: "container"

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

@@ -5,7 +5,7 @@ import { b, n as p, s as M, t as S } from "../../chunks/dom.js";
 import { css as C } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
+v3.1.0-next.0 */
 function g(h) {
   return h?.tagName === "CALCITE-TREE-ITEM";
 }

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

@@ -9,7 +9,7 @@ import { g as h } from "../../chunks/component.js";
 import { css as F } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
+v3.1.0-next.0 */
 const i = {
   actionsEnd: "actions-end",
   bulletPointIcon: "bullet-point",

package/dist/docs/api.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-02-08T04:16:25",
+  "timestamp": "2025-02-10T18:13:00",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
     "version": "4.32.0-next.129",

package/dist/docs/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-02-08T04:16:25",
+  "timestamp": "2025-02-10T18:13:00",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
     "version": "4.32.0-next.129",

package/dist/docs/supported-browsers.json

@@ -1 +1 @@
-["chrome 132","chrome 131","edge 132","edge 131","firefox 134","firefox 133","firefox 128","ios_saf 18.3","ios_saf 18.2","ios_saf 18.1","ios_saf 18.0","ios_saf 17.6-17.7","ios_saf 17.5","ios_saf 17.4","ios_saf 17.3","ios_saf 17.2","ios_saf 17.1","ios_saf 17.0","safari 18.3","safari 18.2","safari 18.1","safari 18.0","safari 17.6","safari 17.5","safari 17.4","safari 17.3","safari 17.2","safari 17.1","safari 17.0"]
+["chrome 133","chrome 132","edge 132","edge 131","firefox 135","firefox 134","firefox 128","ios_saf 18.3","ios_saf 18.2","ios_saf 18.1","ios_saf 18.0","ios_saf 17.6-17.7","ios_saf 17.5","ios_saf 17.4","ios_saf 17.3","ios_saf 17.2","ios_saf 17.1","ios_saf 17.0","safari 18.3","safari 18.2","safari 18.1","safari 18.0","safari 17.6","safari 17.5","safari 17.4","safari 17.3","safari 17.2","safari 17.1","safari 17.0"]

package/dist/docs/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@esri/calcite-components",
-  "version": "3.0.0",
+  "version": "3.1.0-next.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/dist/index.js

@@ -2,7 +2,7 @@ import { s } from "./chunks/runtime.js";
 import { g as P } from "./chunks/runtime.js";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
+v3.1.0-next.0 */
 let e = !1;
 const o = (t) => {
   e = !0, s(t);

package/dist/loader.js

@@ -3,7 +3,7 @@ import { r as e } from "./chunks/runtime.js";
 import { makeDefineCustomElements as t } from "@arcgis/lumina";
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
+v3.1.0-next.0 */
 const o = t(e, {
   "calcite-accordion": [() => import("./components/calcite-accordion/customElement.js"), "appearance,iconPosition,iconType,scale,selectionMode"],
   "calcite-accordion-item": [() => import("./components/calcite-accordion-item/customElement.js"), "accordionParent:,description,expanded,heading,iconEnd,iconFlipRtl,iconPosition,iconStart,iconType,scale;setFocus"],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "3.0.0",
+  "version": "3.1.0-next.0",
   "description": "Web Components for Esri's Calcite Design System.",
   "homepage": "https://developers.arcgis.com/calcite-design-system/",
   "repository": {
@@ -71,7 +71,7 @@
     "@arcgis/components-controllers": "^4.32.0-next.129",
     "@arcgis/components-utils": "^4.32.0-next.129",
     "@arcgis/lumina": "^4.32.0-next.129",
-    "@esri/calcite-ui-icons": "4.0.0",
+    "@esri/calcite-ui-icons": "4.0.1-next.0",
     "@floating-ui/dom": "^1.6.12",
     "@floating-ui/utils": "^0.2.8",
     "@types/color": "^4.2.0",
@@ -87,8 +87,8 @@
     "type-fest": "^4.30.1"
   },
   "devDependencies": {
-    "@esri/calcite-design-tokens": "3.0.0",
-    "@esri/eslint-plugin-calcite-components": "2.0.0"
+    "@esri/calcite-design-tokens": "3.0.1-next.0",
+    "@esri/eslint-plugin-calcite-components": "2.0.1-next.0"
   },
   "volta": {
     "extends": "../../package.json"
@@ -101,5 +101,5 @@
     "dist/docs/vscode.html-custom-data.json"
   ],
   "web-types": "dist/docs/web-types.json",
-  "gitHead": "e63242f9ee599ca587df864e4f85545746c1157c"
+  "gitHead": "5c6e12654854bd3185c9f798c3ae0ac878b08b51"
 }

package/dist/calcite/MPAVJ7UH.js

@@ -1,4 +0,0 @@
-/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
-See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
-import{a as R,b as F}from"./LOZEGKG2.js";import{a as H}from"./3IV6JSC2.js";import"./KW57BHXD.js";import{a as b}from"./CIV3PH3Z.js";import{a as I}from"./CNO6NFH5.js";import{a as O}from"./ARHYATTG.js";import{a as E,b as m}from"./QU33PBBI.js";import{b as L}from"./GN5CPLSJ.js";import{a as T}from"./I2OIH73C.js";import{J as C,e as z,f as i,w,x as n,z as c}from"./KVSCG5E3.js";var e={button:"button",buttonTextVisible:"button--text-visible",buttonCompact:"button--compact",indicatorText:"indicator-text",iconContainer:"icon-container",slotContainer:"slot-container",slotContainerHidden:"slot-container--hidden",textContainer:"text-container",textContainerVisible:"text-container--visible",indicatorWithIcon:"indicator-with-icon",indicatorWithoutIcon:"indicator-without-icon"},B={tooltip:"tooltip"},V=z`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;cursor:pointer;background-color:transparent;--calcite-internal-action-text-color: var(--calcite-color-text-3)}:host([drag-handle]){cursor:move;--calcite-internal-action-text-color: var(--calcite-color-border-input);--calcite-internal-action-padding-inline: var(--calcite-spacing-xxs)}:host,.button{border-radius:var(--calcite-action-corner-radius, var(--calcite-action-corner-radius-start-start, var(--calcite-corner-radius)) var(--calcite-action-corner-radius-start-end, var(--calcite-corner-radius)) var(--calcite-action-corner-radius-end-end, var(--calcite-corner-radius)) var(--calcite-action-corner-radius-end-start, var(--calcite-corner-radius)))}.button{position:relative;margin:0;display:flex;inline-size:auto;align-items:center;justify-content:flex-start;border-style:none;font-family:var(--calcite-font-family);font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);outline-color:transparent;background-color:var(--calcite-action-background-color, var(--calcite-color-foreground-1));color:var(--calcite-action-text-color, var(--calcite-internal-action-text-color));text-align:unset;flex:1 0 auto;cursor:inherit}.button:hover,.button:focus{background-color:var(--calcite-action-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-action-text-color-press, var(--calcite-action-text-color-pressed, var(--calcite-color-text-1)))}.button:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.button:active{background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-color-foreground-3)))}.icon-container{pointer-events:none;margin:0;display:flex;align-items:center;justify-content:center;min-inline-size:1rem;min-block-size:1.5rem}.text-container{margin:0;inline-size:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5rem;opacity:0;transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:margin;transition-property:inline-size}.text-container--visible{inline-size:auto;flex:1 1 auto;opacity:1}:host([active]) .button,:host([active]) .button:hover,:host([active]) .button:focus{color:var(--calcite-action-text-color-press, var(--calcite-action-text-color-pressed, var(--calcite-color-text-1)));background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-color-foreground-3)))}:host([active]) .button:active{background-color:var(--calcite-action-background-color, var(--calcite-color-foreground-1))}:host([loading]) .button:hover,:host([loading]) .button:focus{background-color:var(--calcite-action-background-color, var(--calcite-color-foreground-1))}:host([loading]) .text-container{opacity:var(--calcite-opacity-disabled)}:host([loading]) calcite-loader[inline]{margin-inline-end:0px}:host([appearance=transparent]):host([active]) .button{background-color:var(--calcite-color-transparent-hover)}:host([appearance=transparent]) .button{background-color:transparent;transition-property:box-shadow;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host([appearance=transparent]) .button:hover,:host([appearance=transparent]) .button:focus{background-color:var(--calcite-color-transparent-hover)}:host([appearance=transparent]) .button:active{background-color:var(--calcite-color-transparent-press)}:host([data-active]) .button{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([scale=s]) .button{font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal);padding-inline:var(--calcite-internal-action-padding-inline, .5rem);padding-block:var(--calcite-internal-action-padding-block, var(--calcite-spacing-xxs))}:host([scale=s]) .button--text-visible .icon-container{margin-inline-end:.5rem}:host([scale=m]) .button{font-size:var(--calcite-font-size--1);line-height:1rem;font-weight:var(--calcite-font-weight-normal);padding-inline:var(--calcite-internal-action-padding-inline, 1rem);padding-block:var(--calcite-internal-action-padding-block, var(--calcite-spacing-md))}:host([scale=m]) .button--text-visible .icon-container{margin-inline-end:.75rem}:host([scale=l]) .button{font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-normal);padding-inline:var(--calcite-internal-action-padding-inline, 1.25rem);padding-block:var(--calcite-internal-action-padding-block, var(--calcite-spacing-xl))}:host([scale=l]) .button--text-visible .icon-container{margin-inline-end:1rem}:host([alignment=center]) .button{justify-content:center}:host([alignment=end]) .button{justify-content:flex-end}:host([alignment=center]) .button .text-container--visible,:host([alignment=end]) .button .text-container--visible{flex:0 1 auto}:host([scale=s][compact]) .button,:host([scale=m][compact]) .button,:host([scale=l][compact]) .button{padding-inline:0px}.slot-container{display:flex}.slot-container--hidden{display:none}.button--text-visible{inline-size:100%}.indicator-with-icon{position:relative}.indicator-with-icon:after{content:"";position:absolute;block-size:.5rem;inline-size:.5rem;border-radius:9999px;inset-block-end:-.275rem;inset-inline-end:-.275rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand))}.indicator-without-icon{margin-inline:.25rem;inline-size:1rem;position:relative}.indicator-without-icon:after{content:"";position:absolute;block-size:.5rem;inline-size:.5rem;border-radius:9999px;inset-block-end:-.275rem;inset-inline-end:-.275rem;background-color:var(--calcite-action-indicator-color, var(--calcite-color-brand))}.indicator-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) .button,:host([disabled]) .button:hover,:host([disabled]) .button:focus{cursor:default;opacity:var(--calcite-opacity-disabled);background-color:var(--calcite-action-background-color, var(--calcite-action-background-color, var(--calcite-color-foreground-1)))}:host([disabled]):host([active]) .button,:host([disabled]):host([active]) .button:hover,:host([disabled]):host([active]) .button:focus{opacity:var(--calcite-opacity-disabled);background-color:var(--calcite-action-background-color-press, var(--calcite-action-background-color-press, var(--calcite-action-background-color-pressed, var(--calcite-color-foreground-3))))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,f=class extends w{constructor(){super(...arguments),this.guid=`calcite-action-${T()}`,this.buttonEl=E(),this.buttonId=`${this.guid}-button`,this.indicatorId=`${this.guid}-indicator`,this.mutationObserver=I("mutation",()=>this.requestUpdate()),this.active=!1,this.appearance="solid",this.compact=!1,this.disabled=!1,this.dragHandle=!1,this.iconFlipRtl=!1,this.indicator=!1,this.loading=!1,this.messages=O({blocking:!0}),this.scale="m",this.textEnabled=!1}static{this.properties={active:7,alignment:3,appearance:3,compact:7,disabled:7,dragHandle:7,icon:3,iconFlipRtl:7,indicator:7,label:1,loading:7,messageOverrides:0,scale:3,text:1,textEnabled:7}}static{this.styles=V}async setFocus(){await L(this),this.buttonEl.value?.focus()}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}async load(){}updated(){R(this)}loaded(){}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}handleTooltipSlotChange(t){let o=t.target.assignedElements({flatten:!0}).filter(a=>a?.matches("calcite-tooltip"))[0];o&&(o.referenceElement=this.buttonEl.value)}renderTextContainer(){let{text:t,textEnabled:o}=this,a={[e.textContainer]:!0,[e.textContainerVisible]:o};return t?b("text-container",i`<div class=${n(a)}>${t}</div>`):null}renderIndicatorText(){let{indicator:t,messages:o,indicatorId:a,buttonId:l}=this;return i`<div aria-labelledby=${l??c} aria-live=polite class=${n(e.indicatorText)} id=${a??c} role=region>${t?o.indicator:null}</div>`}renderIconContainer(){let{loading:t,icon:o,scale:a,el:l,iconFlipRtl:d,indicator:h}=this,p=a==="l"?"l":"m",v=t?i`<calcite-loader inline .label=${this.messages.loading} .scale=${p}></calcite-loader>`:null,r=o?i`<calcite-icon class=${n({[e.indicatorWithIcon]:h})} .flipRtl=${d} .icon=${o} .scale=${H(this.scale)}></calcite-icon>`:null,s=v||r,u=s||l.children?.length,g=i`<div class=${n({[e.slotContainer]:!0,[e.slotContainerHidden]:t})}><slot></slot></div>`;return u?b("icon-container",i`<div aria-hidden=true class=${n(e.iconContainer)}>${s}${g}</div>`):null}renderButton(){let{active:t,compact:o,disabled:a,icon:l,loading:d,textEnabled:h,label:p,text:v,indicator:r,indicatorId:s,buttonId:u,messages:g}=this,x=p||v||"",k=r?g.indicatorLabel.replace("{label}",x):x,$={[e.button]:!0,[e.buttonTextVisible]:h,[e.buttonCompact]:o},y=i`${this.renderIconContainer()}${this.renderTextContainer()}${!l&&r&&b("indicator-no-icon",i`<div class=${n(e.indicatorWithoutIcon)}></div>`)||""}`;return this.dragHandle?i`<span aria-controls=${(r?s:null)??c} .ariaBusy=${d} .ariaDisabled=${this.disabled?this.disabled:null} .ariaLabel=${k} .ariaPressed=${t} class=${n($)} id=${u??c} role=button tabindex=${(this.disabled?null:0)??c} ${m(this.buttonEl)}>${y}</span>`:i`<button aria-controls=${(r?s:null)??c} .ariaBusy=${d} .ariaLabel=${k} .ariaPressed=${t} class=${n($)} .disabled=${a} id=${u??c} ${m(this.buttonEl)}>${y}</button>`}render(){return F({disabled:this.disabled,children:i`${this.renderButton()}<slot name=${B.tooltip} @slotchange=${this.handleTooltipSlotChange}></slot>${this.renderIndicatorText()}`})}};C("calcite-action",f);export{f as Action};

package/dist/calcite/T5UPGHU3.js

@@ -1,4 +0,0 @@
-/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
-See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.0.0 */
-import{a as I,b as w}from"./LOZEGKG2.js";import{a as s}from"./3IV6JSC2.js";import"./KW57BHXD.js";import{a as x}from"./CIV3PH3Z.js";import{a as r}from"./CNO6NFH5.js";import{a as C}from"./ARHYATTG.js";import{a as k,b as l}from"./QU33PBBI.js";import{c as T,e as d,r as z}from"./CMO3X257.js";import{a as y}from"./I2OIH73C.js";import{A as a,G as g,J as f,e as p,f as c,j as m,v as i,w as v,x as n}from"./KVSCG5E3.js";var e={closeButton:"close-button",container:"container",containerBottom:"container--bottom",content:"content",contentHasText:"content--has-text",iconEnd:"icon-end",iconPresent:"icon-present",iconStart:"icon-start",titleIcon:"calcite-tab-title--icon",scale:h=>`scale-${h}`,selectedIndicator:"selected-indicator"},A={close:"x"},H=p`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;outline:2px solid transparent;outline-offset:2px;margin-inline-start:0px}:host([layout=inline]){flex:0 1 auto}:host([layout=center]){flex:1 1 auto}.content{position:relative;margin-block-end:.125rem;box-sizing:border-box;display:flex;block-size:100%;align-items:center;justify-content:center}.scale-s .content{padding-block:.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}.scale-s .close-button{inline-size:1.25rem}.scale-m .content{padding-block:.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}.scale-m .close-button{inline-size:1.75rem}.scale-l .content{padding-block:.625rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}.scale-l .close-button{inline-size:2rem}:host([closable]) .content{border-block-end-color:transparent}:host([layout=inline]) .content,:host([layout=center]) .content{padding-inline:.25rem}:host([layout=center]) .scale-s,:host([layout=center]) .scale-m,:host([layout=center]) .scale-l{margin-block:0px;justify-content:center;text-align:center}:host([layout=center]) .scale-s .content,:host([layout=center]) .scale-m .content,:host([layout=center]) .scale-l .content{flex:1 1 auto;flex-grow:1}.container{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-content:center;justify-content:space-between;padding-inline:0px;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-3);outline-color:transparent;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}.selected-indicator{position:absolute;display:block;block-size:.125rem;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;inline-size:100%}.container--bottom .selected-indicator{inset-block-end:unset;inset-block-start:0}:host([bordered]) .selected-indicator{inset-block-start:0;inset-block-end:unset;inset-inline-start:-1px;inset-inline-end:0;inline-size:calc(100% + var(--calcite-spacing-base))}:host([bordered]) .container:not(.container--bottom){border-block-end:1px solid transparent}:host([bordered]:not([selected]):hover) .container:not(.container--bottom){border-block-end:1px solid var(--calcite-color-border-1)}:host([bordered]:not([selected]):hover:not(:focus)) .selected-indicator{background-color:var(--calcite-color-foreground-2)}:host([bordered]:not([selected]):hover:not(:focus)) .container:not(.container--bottom) .selected-indicator{box-shadow:inset 0 1px var(--calcite-color-border-1)}:host([bordered]:not([selected]):hover:not(:focus)) .container.container--bottom .selected-indicator{box-shadow:inset 0 -1px var(--calcite-color-border-1)}:host([bordered][selected]) .container:after{position:absolute;display:block;block-size:.125rem;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;inset-block-end:-1px;inset-inline-start:0;inset-inline-end:0;inline-size:100%;background:var(--calcite-color-foreground-1);content:""}:host([bordered][selected]) .container.container--bottom:after{inset-block-start:-1px}:host([bordered][selected]:hover) .container:after{background:var(--calcite-color-foreground-2)}:host([bordered][selected]:focus) .container:after{background:transparent}:host([bordered]) .container--bottom .selected-indicator{inset-block-start:unset;inset-block-end:0}:host([selected]) .selected-indicator,:host([selected]:hover) .selected-indicator{background-color:var(--calcite-color-brand)}:host(:hover) .selected-indicator{background-color:var(--calcite-color-border-3)}:host(:focus) .selected-indicator,:host(:active) .selected-indicator{background-color:var(--calcite-color-brand)}@media (forced-colors: active){.selected-indicator{background-color:highlight}}:host([closed]){display:none}:host([selected]) .container{border-color:transparent;color:var(--calcite-color-text-1)}:host(:focus) .container{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host(:focus) .container:focus-within{outline-color:transparent}:host(:active) a,:host(:focus) a,:host(:hover) a{border-color:var(--calcite-color-border-2);color:var(--calcite-color-text-1);text-decoration-line:none}:host([disabled]) .container{pointer-events:none;opacity:.5}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.calcite-tab-title--icon{position:relative;margin:0;display:inline-flex;align-self:center}.calcite-tab-title--icon svg{transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}.content--has-text{padding:.25rem}.content--has-text .calcite-tab-title--icon.icon-start{margin-inline-end:var(--calcite-spacing-sm);color:var(--calcite-tab-icon-color-start, var(--calcite-icon-color))}.content--has-text .calcite-tab-title--icon.icon-end{margin-inline-start:var(--calcite-spacing-sm);color:var(--calcite-tab-icon-color-end, var(--calcite-icon-color))}.close-button{display:flex;block-size:100%;cursor:pointer;appearance:none;align-content:center;align-items:center;justify-content:center;align-self:center;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline-color:transparent;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;margin-inline-start:var(--calcite-spacing-sm);margin-inline-end:var(--calcite-spacing-px);block-size:calc(100% - var(--calcite-spacing-xxs))}.close-button:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)))}.close-button:focus,.close-button:hover{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-3)}.close-button:active{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-3)}.close-button calcite-icon{color:inherit}:host([icon-start][icon-end]) .calcite-tab-title--icon:first-child{margin-inline-end:var(--calcite-spacing-sm)}:host([bordered]) .container:not(.container--bottom) .close-button{block-size:calc(100% - var(--calcite-spacing-px));margin-block-start:-1px}:host([bordered]) .container .close-button calcite-icon{margin-block-start:var(--calcite-spacing-px)}:host([bordered]) .container .close-button:focus,:host([bordered]) .container .close-button:hover,:host([bordered]) .container .close-button:active{box-shadow:0 2px 0 0 var(--calcite-color-foreground-3)}:host([bordered]) .container.container--bottom .close-button{box-shadow:0 -2px 0 0 transparent}:host([bordered]) .container.container--bottom .close-button calcite-icon{margin-block-end:var(--calcite-spacing-px)}:host([bordered]) .container.container--bottom .close-button:focus,:host([bordered]) .container.container--bottom .close-button:hover,:host([bordered]) .container.container--bottom .close-button:active{box-shadow:0 -2px 0 0 var(--calcite-color-foreground-3)}:host([bordered][selected]){box-shadow:inset 0 -1px var(--calcite-color-foreground-1)}:host([bordered]:not([selected])) .container .close-button{box-shadow:0 2px 0 0 transparent}:host([bordered]:hover) .container{background-color:var(--calcite-color-foreground-2)}:host([bordered]) .container{border-inline:var(--calcite-spacing-px) solid transparent}:host([selected][bordered]) .container{border-inline-color:var(--calcite-color-border-1)}:host([layout=inline][bordered]) .scale-m .content,:host([layout=center][bordered]) .scale-m .content{padding-inline:.75rem}:host([layout=inline][bordered]) .scale-s .content,:host([layout=center][bordered]) .scale-s .content{padding-inline:.5rem}:host([layout=inline][bordered]) .scale-l .content,:host([layout=center][bordered]) .scale-l .content{padding-inline:1rem}:host([layout=inline][closable]) .scale-s .content,:host([layout=inline][closable]) .scale-m .content,:host([layout=inline][closable]) .scale-l .content{padding-inline-end:0}@media (forced-colors: active){:host{outline-width:0;outline-offset:0}:host(:focus) .container{outline-color:highlight}:host([bordered]) .container{border-block-end-style:solid}:host([bordered]) .container--bottom{border-block-start-style:solid}:host([bordered][selected]) .container{border-block-end-style:none}:host([bordered][selected]) .container--bottom{border-block-start-style:none}.close-button{z-index:var(--calcite-z-index)}}:host([hidden]){display:none}[hidden]{display:none}`,b=class extends v{constructor(){super(),this.closeButtonEl=k(),this.guid=`calcite-tab-title-${y()}`,this.mutationObserver=r("mutation",()=>this.updateHasText()),this.resizeObserver=r("resize",()=>{this.calciteInternalTabIconChanged.emit()}),this.hasText=!1,this.bordered=!1,this.closable=!1,this.closed=!1,this.disabled=!1,this.messages=C(),this.position="top",this.scale="m",this.selected=!1,this.calciteInternalTabIconChanged=i({cancelable:!1}),this.calciteInternalTabTitleRegister=i({cancelable:!1}),this.calciteInternalTabsActivate=i({cancelable:!1}),this.calciteInternalTabsClose=i({cancelable:!1}),this.calciteInternalTabsFocusFirst=i({cancelable:!1}),this.calciteInternalTabsFocusLast=i({cancelable:!1}),this.calciteInternalTabsFocusNext=i({cancelable:!1}),this.calciteInternalTabsFocusPrevious=i({cancelable:!1}),this.calciteTabsActivate=i({cancelable:!1}),this.calciteTabsClose=i({cancelable:!1}),this.listenOn(document.body,"calciteInternalTabChange",this.internalTabChangeHandler),this.listen("click",this.onClick),this.listen("keydown",this.keyDownHandler)}static{this.properties={controls:16,hasText:16,bordered:7,closable:7,closed:7,disabled:7,iconEnd:3,iconFlipRtl:3,iconStart:3,layout:3,messageOverrides:0,position:1,scale:1,selected:7,tab:3}}static{this.styles=H}async activateTab(t=!0){if(this.disabled||this.closed)return;let o={tab:this.tab};this.calciteInternalTabsActivate.emit(o),t&&requestAnimationFrame(()=>this.calciteTabsActivate.emit())}async getTabIdentifier(){return this.tab?this.tab:this.getTabIndex()}async getTabIndex(){return Array.prototype.indexOf.call(T(this.el.parentElement.children).filter(t=>t.matches("calcite-tab-title")),this.el)}_updateAriaInfo(t=[],o=[]){this.controls=t[o.indexOf(this.el.id)]||null}connectedCallback(){super.connectedCallback(),this.setupTextContentObserver(),this.parentTabsEl=this.el.closest("calcite-tabs")}async load(){g()&&this.updateHasText(),this.tab&&this.selected&&this.activateTab(!1)}willUpdate(t){t.has("selected")&&(this.hasUpdated||this.selected!==!1)&&this.selectedHandler(),this.parentTabsEl&&(this.layout=this.parentTabsEl.layout,this.bordered=this.parentTabsEl.bordered)}updated(){I(this)}async loaded(){this.calciteInternalTabTitleRegister.emit(await this.getTabIdentifier())}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect(),document.body?.dispatchEvent(new CustomEvent("calciteTabTitleUnregister",{detail:this.el})),this.resizeObserver?.disconnect()}selectedHandler(){this.selected&&this.activateTab(!1)}internalTabChangeHandler(t){t.composedPath().find(o=>o.tagName==="CALCITE-TABS")===this.parentTabsEl&&(this.tab?this.selected=this.tab===t.detail.tab:this.getTabIndex().then(o=>{this.selected=o===t.detail.tab}),t.stopPropagation())}onClick(){this.activateTab()}keyDownHandler(t){switch(t.key){case" ":case"Enter":t.composedPath().includes(this.closeButtonEl.value)||(this.activateTab(),t.preventDefault());break;case"ArrowRight":t.preventDefault(),d(this.el)==="ltr"?this.calciteInternalTabsFocusNext.emit():this.calciteInternalTabsFocusPrevious.emit();break;case"ArrowLeft":t.preventDefault(),d(this.el)==="ltr"?this.calciteInternalTabsFocusPrevious.emit():this.calciteInternalTabsFocusNext.emit();break;case"Home":t.preventDefault(),this.calciteInternalTabsFocusFirst.emit();break;case"End":t.preventDefault(),this.calciteInternalTabsFocusLast.emit();break}}closeClickHandler(){this.closeTabTitleAndNotify()}updateHasText(){this.hasText=this.el.textContent.trim().length>0}setupTextContentObserver(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}closeTabTitleAndNotify(){this.closed=!0,this.calciteInternalTabsClose.emit({tab:this.tab}),this.calciteTabsClose.emit()}render(){let{el:t,closed:o}=this,$=t.id||this.guid,E=c`<calcite-icon class=${n({[e.titleIcon]:!0,[e.iconStart]:!0})} .flipRtl=${this.iconFlipRtl==="start"||this.iconFlipRtl==="both"} .icon=${this.iconStart} .scale=${s(this.scale)}></calcite-icon>`,F=c`<calcite-icon class=${n({[e.titleIcon]:!0,[e.iconEnd]:!0})} .flipRtl=${this.iconFlipRtl==="end"||this.iconFlipRtl==="both"} .icon=${this.iconEnd} .scale=${s(this.scale)}></calcite-icon>`;return a(this.el,"aria-controls",this.controls),this.el.ariaSelected=z(this.selected),a(this.el,"id",$),this.el.role="tab",a(this.el,"tabIndex",this.selected&&!this.disabled?0:-1),w({disabled:this.disabled,children:c`<div class=${n({[e.container]:!0,[e.containerBottom]:this.position==="bottom",[e.iconPresent]:!!this.iconStart||!!this.iconEnd,[e.scale(this.scale)]:!0})} .hidden=${o} ${l(u=>u?this.resizeObserver?.observe(u):null)}><div class=${n({[e.content]:!0,[e.contentHasText]:this.hasText})}>${this.iconStart?E:null}<slot></slot>${this.iconEnd?F:null}</div>${this.renderCloseButton()}<div class=${n(e.selectedIndicator)}></div></div>`})}renderCloseButton(){let{closable:t,messages:o}=this;return t?x(e.closeButton,c`<button .ariaLabel=${o.close} class=${n(e.closeButton)} @click=${this.closeClickHandler} title=${o.close??m} type=button ${l(this.closeButtonEl)}><calcite-icon .icon=${A.close} .scale=${s(this.scale)}></calcite-icon></button>`):null}};f("calcite-tab-title",b);export{b as TabTitle};