@esri/calcite-components 5.0.0-next.6 → 5.0.0-next.7

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": "5.0.0-next.6",
+  "version": "5.0.0-next.7",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -856,7 +856,7 @@
               {
                 "name": "menuFlipPlacements",
                 "description": "Specifies the component's fallback menu `placement` when it's initial or specified `placement` has insufficient space available.",
-                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading\" | \"leading-end\" | \"trailing-end\" | \"trailing\" | \"trailing-start\">"
+                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"leading\" | \"trailing\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading-end\" | \"trailing-end\" | \"trailing-start\">"
               },
               {
                 "name": "menuOpen",
@@ -1036,7 +1036,7 @@
               {
                 "name": "flipPlacements",
                 "description": "Specifies the component's fallback slotted content `placement` when it's initial or specified `placement` has insufficient space available.",
-                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading\" | \"leading-end\" | \"trailing-end\" | \"trailing\" | \"trailing-start\">"
+                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"leading\" | \"trailing\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading-end\" | \"trailing-end\" | \"trailing-start\">"
               },
               {
                 "name": "label",
@@ -1802,7 +1802,7 @@
               {
                 "name": "flipPlacements",
                 "description": "Specifies the component's fallback `placement` when it's initial or specified `placement` has insufficient space available.",
-                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading\" | \"leading-end\" | \"trailing-end\" | \"trailing\" | \"trailing-start\">"
+                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"leading\" | \"trailing\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading-end\" | \"trailing-end\" | \"trailing-start\">"
               },
               {
                 "name": "form",
@@ -1927,7 +1927,7 @@
               {
                 "name": "validity",
                 "description": "The current validation state of the component.",
-                "type": "{\n    valid: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
+                "type": "{\n    valid: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
               },
               {
                 "name": "value",
@@ -2583,7 +2583,7 @@
               {
                 "name": "menuFlipPlacements",
                 "description": "Specifies the component's fallback menu `placement` when it's initial or specified `placement` has insufficient space available.",
-                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading\" | \"leading-end\" | \"trailing-end\" | \"trailing\" | \"trailing-start\">"
+                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"leading\" | \"trailing\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading-end\" | \"trailing-end\" | \"trailing-start\">"
               },
               {
                 "name": "menuPlacement",
@@ -3917,7 +3917,7 @@
               {
                 "name": "validity",
                 "description": "The current validation state of the component.",
-                "type": "{\n    valid: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
+                "type": "{\n    valid: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
               },
               {
                 "name": "value",
@@ -4904,7 +4904,7 @@
               {
                 "name": "flipPlacements",
                 "description": "Specifies the component's fallback slotted content placement when it's initial placement has insufficient space available.",
-                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading\" | \"leading-end\" | \"trailing-end\" | \"trailing\" | \"trailing-start\">"
+                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"leading\" | \"trailing\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading-end\" | \"trailing-end\" | \"trailing-start\">"
               },
               {
                 "name": "form",
@@ -5014,7 +5014,7 @@
               {
                 "name": "validity",
                 "description": "The current validation state of the component.",
-                "type": "{\n    valid: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
+                "type": "{\n    valid: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
               },
               {
                 "name": "value",
@@ -6542,7 +6542,7 @@
               {
                 "name": "flipPlacements",
                 "description": "Specifies the component's fallback `calcite-dropdown-item` `placement` when it's initial or specified `placement` has insufficient space available.",
-                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading\" | \"leading-end\" | \"trailing-end\" | \"trailing\" | \"trailing-start\">"
+                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"leading\" | \"trailing\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading-end\" | \"trailing-end\" | \"trailing-start\">"
               },
               {
                 "name": "maxItems",
@@ -8285,7 +8285,7 @@
               {
                 "name": "validity",
                 "description": "The current validation state of the component.",
-                "type": "{\n    valid: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
+                "type": "{\n    valid: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
               },
               {
                 "name": "value",
@@ -8587,7 +8587,7 @@
               {
                 "name": "flipPlacements",
                 "description": "Specifies the component's fallback `calcite-date-picker` `placement` when it's initial or specified `placement` has insufficient space available.",
-                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading\" | \"leading-end\" | \"trailing-end\" | \"trailing\" | \"trailing-start\">"
+                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"leading\" | \"trailing\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading-end\" | \"trailing-end\" | \"trailing-start\">"
               },
               {
                 "name": "focusTrapDisabled",
@@ -8717,7 +8717,7 @@
               {
                 "name": "validity",
                 "description": "The current validation state of the component.",
-                "type": "{\n    valid: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
+                "type": "{\n    valid: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
               },
               {
                 "name": "value",
@@ -9256,7 +9256,7 @@
               {
                 "name": "validity",
                 "description": "The current validation state of the component.",
-                "type": "{\n    valid: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
+                "type": "{\n    valid: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
               },
               {
                 "name": "value",
@@ -9610,7 +9610,7 @@
               {
                 "name": "validity",
                 "description": "The current validation state of the component.",
-                "type": "{\n    valid: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
+                "type": "{\n    valid: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
               },
               {
                 "name": "value",
@@ -9979,7 +9979,7 @@
               {
                 "name": "validity",
                 "description": "The current validation state of the component.",
-                "type": "{\n    valid: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
+                "type": "{\n    valid: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
               },
               {
                 "name": "value",
@@ -10292,7 +10292,7 @@
               {
                 "name": "validity",
                 "description": "The current validation state of the component.",
-                "type": "{\n    valid: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
+                "type": "{\n    valid: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
               },
               {
                 "name": "value",
@@ -12934,7 +12934,7 @@
               {
                 "name": "menuFlipPlacements",
                 "description": "Specifies the component's fallback menu `placement` when it's initial or specified `placement` has insufficient space available.",
-                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading\" | \"leading-end\" | \"trailing-end\" | \"trailing\" | \"trailing-start\">"
+                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"leading\" | \"trailing\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading-end\" | \"trailing-end\" | \"trailing-start\">"
               },
               {
                 "name": "menuOpen",
@@ -13204,7 +13204,7 @@
               {
                 "name": "flipPlacements",
                 "description": "Specifies the component's fallback `placement` when it's initial or specified `placement` has insufficient space available.",
-                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading\" | \"leading-end\" | \"trailing-end\" | \"trailing\" | \"trailing-start\">"
+                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"leading\" | \"trailing\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading-end\" | \"trailing-end\" | \"trailing-start\">"
               },
               {
                 "name": "focusTrapDisabled",
@@ -13872,7 +13872,7 @@
               {
                 "name": "validity",
                 "description": "The current validation state of the component.",
-                "type": "{\n    valid: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
+                "type": "{\n    valid: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
               },
               {
                 "name": "value",
@@ -14133,7 +14133,7 @@
               {
                 "name": "validity",
                 "description": "The current validation state of the component.",
-                "type": "{\n    valid: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
+                "type": "{\n    valid: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
               },
               {
                 "name": "value",
@@ -14413,7 +14413,7 @@
               {
                 "name": "validity",
                 "description": "The current validation state of the component.",
-                "type": "{\n    valid: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
+                "type": "{\n    valid: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
               },
               {
                 "name": "value",
@@ -15360,7 +15360,7 @@
               {
                 "name": "validity",
                 "description": "The current validation state of the component.",
-                "type": "{\n    valid: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
+                "type": "{\n    valid: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
               },
               {
                 "name": "value",
@@ -15533,7 +15533,7 @@
               {
                 "name": "flipPlacements",
                 "description": "Specifies the component's fallback `calcite-dropdown-item` `placement` when it's initial or specified `placement` has insufficient space available.",
-                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading\" | \"leading-end\" | \"trailing-end\" | \"trailing\" | \"trailing-start\">"
+                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"leading\" | \"trailing\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading-end\" | \"trailing-end\" | \"trailing-start\">"
               },
               {
                 "name": "label",
@@ -15982,7 +15982,7 @@
               {
                 "name": "flipPlacements",
                 "description": "Specifies the component's fallback slotted content `placement` when it's initial or specified `placement` has insufficient space available.",
-                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading\" | \"leading-end\" | \"trailing-end\" | \"trailing\" | \"trailing-start\">"
+                "type": "Array<\"top\" | \"bottom\" | \"left\" | \"right\" | \"leading\" | \"trailing\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"leading-start\" | \"leading-end\" | \"trailing-end\" | \"trailing-start\">"
               },
               {
                 "name": "href",
@@ -17864,7 +17864,7 @@
               {
                 "name": "validity",
                 "description": "The current validation state of the component.",
-                "type": "{\n    valid: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
+                "type": "{\n    valid: boolean;\n    tooLong: boolean;\n    tooShort: boolean;\n    badInput: boolean;\n    customError: boolean;\n    patternMismatch: boolean;\n    rangeOverflow: boolean;\n    rangeUnderflow: boolean;\n    stepMismatch: boolean;\n    typeMismatch: boolean;\n    valueMissing: boolean;\n}"
               },
               {
                 "name": "value",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "5.0.0-next.6",
+  "version": "5.0.0-next.7",
   "description": "Web Components for Esri's Calcite Design System.",
   "homepage": "https://developers.arcgis.com/calcite-design-system/",
   "repository": {
@@ -112,5 +112,5 @@
     "dist/docs/vscode.html-custom-data.json"
   ],
   "web-types": "dist/docs/web-types.json",
-  "gitHead": "d2782c138c1e1de94620447cbb41c4982f014822"
+  "gitHead": "230aed5e43c614d6ea25d27e45bb8d45ef36e9ee"
 }

package/dist/calcite/DEJFI4YA.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.
-v5.0.0-next.6 */
-import{a as v,b as m}from"./UQ4HIO7J.js";import{a as x}from"./OFO7DXMT.js";import{a as g}from"./CFWXX2ZT.js";import{a as f}from"./SXK4ATVN.js";import"./6PMY6MUE.js";import"./PCGNN5RO.js";import"./H3GTITDX.js";import{t as c}from"./7DQ4G2FS.js";import"./44XNJNTA.js";import{B as h,C as p,D as u,E as t,P as b,g as d,h as o,o as l}from"./2IIGKMQ6.js";var a={container:"container",contentWrapper:"content-wrapper",header:"header",footer:"footer",checkboxWrapper:"checkbox-wrapper",checkboxWrapperDeprecated:"checkbox-wrapper-deprecated",thumbnailWrapper:"thumbnail-wrapper",headerTextContainer:"header-text-container",cardContent:"card-content",hasSlottedContent:"has-slotted-content"},r={thumbnail:"thumbnail",heading:"heading",description:"description",footerStart:"footer-start",footerEnd:"footer-end"},i={selected:"check-square-f",unselected:"square",selectedSingle:"circle-f",unselectedSingle:"circle"},w=d`:host{--calcite-internal-color-focus: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}: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;max-inline-size:100%}.content-wrapper{position:relative;display:flex;block-size:100%;flex-direction:column;justify-content:space-between;overflow:hidden;border:var(--calcite-border-width-sm) solid var(--calcite-card-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-card-corner-radius, var(--calcite-corner-radius-sharp));background-color:var(--calcite-card-background-color, var(--calcite-color-foreground-1));box-shadow:var(--calcite-card-shadow, var(--calcite-shadow-none));pointer-events:none}::slotted(*){pointer-events:auto}:host(:not([selectable])) .content-wrapper:not(.non-interactive){outline-color:transparent}:host(:not([selectable])) .content-wrapper:not(.non-interactive):focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline:var(--calcite-border-width-md) solid var(--calcite-internal-color-focus);outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.container{position:relative;display:flex;flex:1 1 auto;flex-direction:column}:host([loading]) .content-wrapper *:not(calcite-loader):not(.calcite-card-loader-container){pointer-events:none;opacity:0}:host([loading]) .calcite-card-loader-container{position:absolute;inset:0;display:flex;align-items:center}.header{display:flex;flex-direction:row;align-items:flex-start}.footer{margin-block-start:auto;display:flex;flex-direction:row;align-content:space-between;justify-content:space-between;padding-inline:var(--calcite-spacing-md);padding-block-start:var(--calcite-spacing-xxs);padding-block-end:var(--calcite-spacing-md)}.header-text-container{display:flex;inline-size:100%;flex-direction:column;justify-content:center;padding-inline:.75rem;padding-block:.5rem}.header-text-container:not(:only-child){padding-inline-end:.125rem}.footer{margin-block-start:auto;flex-direction:row;align-content:space-between;justify-content:space-between;padding-inline:.75rem;padding-block:.25rem .75rem}.card-content{block-size:auto;font-size:var(--calcite-font-size--2);line-height:1.375}.has-slotted-content{padding:.75rem}:host([selected]) .content-wrapper{box-shadow:inset 0 -4px 0 0 var(--calcite-card-accent-color-selected, var(--calcite-color-brand))}:host([selectable]) .header{padding-inline-end:var(--calcite-spacing-xxxl)}slot[name=heading]::slotted(*),*::slotted([slot=heading]){margin:0;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);line-height:var(--calcite-font-line-height-relative-snug)}slot[name=description]::slotted(*),*::slotted([slot=description]){margin:0;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);line-height:var(--calcite-font-line-height-relative-snug)}slot[name=thumbnail]::slotted(img),img::slotted([slot=thumbnail]){min-inline-size:100%;max-inline-size:100%}slot[name=footer-start]::slotted(*),*::slotted([slot=footer-start]){align-self:center;font-size:var(--calcite-font-size--2);line-height:1.375;margin-inline-end:auto}slot[name=footer-end]::slotted(*),*::slotted([slot=footer-end]){align-self:center;font-size:var(--calcite-font-size--2);line-height:1.375}.checkbox-wrapper-deprecated{pointer-events:auto;position:absolute;inset-block-start:var(--calcite-spacing-sm);inset-inline-end:var(--calcite-spacing-sm);margin:0;padding:0;color:var(--calcite-card-selection-color, var(--calcite-color-text-3))}.checkbox-wrapper-deprecated:hover{background-color:var(--calcite-card-selection-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-card-selection-color-hover, var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2)))}.checkbox-wrapper-deprecated:active{background-color:var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press))}.checkbox-wrapper{pointer-events:auto;margin:.5rem;cursor:pointer;padding:.5rem;outline-color:transparent;display:flex;align-items:center;justify-items:center;color:var(--calcite-card-selection-color, var(--calcite-color-text-3))}.checkbox-wrapper:hover{background-color:var(--calcite-card-selection-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-card-selection-color-hover, var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2)))}.checkbox-wrapper:active{background-color:var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press))}.checkbox-wrapper calcite-icon{pointer-events:none}:host([selected]) .checkbox-wrapper-deprecated,:host([selected]) .checkbox-wrapper{color:var(--calcite-card-accent-color-selected, var(--calcite-card-selection-icon-color-selected, var(--calcite-color-brand)))}:host(:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper-deprecated,:host(:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper{background-color:var(--calcite-card-selection-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-card-selection-color-hover, var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2)))}:host([selected]:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper-deprecated,:host([selected]:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper{background-color:var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press));color:var(--calcite-card-accent-color-selected, var(--calcite-card-selection-icon-color-selected, var(--calcite-color-brand)))}.thumbnail-wrapper{display:flex}.content-wrapper.inline{flex-direction:row}.content-wrapper.inline>.container{inline-size:60%}.content-wrapper.inline>.thumbnail-wrapper{inline-size:40%;align-items:flex-start}.content-wrapper.inline slot[name=thumbnail]::slotted(img),.content-wrapper.inline img::slotted([slot=thumbnail]){inline-size:100%}slot[name=footer-start]::slotted(*),slot[name=footer-end]::slotted(*){display:flex;gap:.25rem}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`,s=class extends u{constructor(){super(...arguments),this.containerRef=h(),this.messages=g(),this.focusSetter=f()(this),this.hasContent=!1,this.hasDescription=!1,this.hasFooterEnd=!1,this.hasFooterStart=!1,this.hasHeading=!1,this.hasThumbnail=!1,this.disabled=!1,this.loading=!1,this.selectable=!1,this.selected=!1,this.selectionMode="none",this.thumbnailPosition="block-start",this.calciteCardSelect=l({cancelable:!1}),this.calciteInternalCardKeyEvent=l({cancelable:!1})}static{this.properties={hasContent:[16,{},{state:!0}],hasDescription:[16,{},{state:!0}],hasFooterEnd:[16,{},{state:!0}],hasFooterStart:[16,{},{state:!0}],hasHeading:[16,{},{state:!0}],hasThumbnail:[16,{},{state:!0}],disabled:[7,{},{reflect:!0,type:Boolean}],label:1,loading:[7,{},{reflect:!0,type:Boolean}],messageOverrides:[0,{},{attribute:!1}],selectable:[7,{},{reflect:!0,type:Boolean}],selected:[7,{},{reflect:!0,type:Boolean}],selectionMode:1,thumbnailPosition:[3,{},{reflect:!0}]}}static{this.styles=w}async setFocus(e){return this.focusSetter(()=>({target:this.containerRef.value,includeContainer:!0}),e)}updated(){v(this)}handleThumbnailSlotChange(e){this.hasThumbnail=c(e)}handleHeadingSlotChange(e){this.hasHeading=c(e)}handleDescriptionSlotChange(e){this.hasDescription=c(e)}handleFooterStartSlotChange(e){this.hasFooterStart=c(e)}handleFooterEndSlotChange(e){this.hasFooterEnd=c(e)}handleDefaultSlotChange(e){this.hasContent=c(e)}keyDownHandler(e){if(e.target===this.containerRef.value&&!this.selectable&&!this.disabled)if(x(e.key)&&this.selectionMode!=="none")this.calciteCardSelect.emit(),e.preventDefault();else switch(e.key){case"ArrowRight":case"ArrowLeft":case"Home":case"End":this.calciteInternalCardKeyEvent.emit(e),e.preventDefault();break}}cardBodyClickHandler(e){e.target===this.containerRef.value&&!this.selectable&&!this.disabled&&this.selectionMode!=="none"&&this.calciteCardSelect.emit()}selectCardDeprecated(e){this.selected=e.currentTarget.checked,this.calciteCardSelect.emit()}cardSelectClick(e){this.disabled||(e.preventDefault(),this.calciteCardSelect.emit(),this.setFocus())}renderCheckboxDeprecated(){return o`<calcite-label class=${t(a.checkboxWrapperDeprecated)}><calcite-checkbox .checked=${this.selected} .label=${this.messages.select} @calciteCheckboxChange=${this.selectCardDeprecated}></calcite-checkbox></calcite-label>`}renderThumbnail(){return o`<section class=${t(a.thumbnailWrapper)} .hidden=${!this.hasThumbnail}><slot name=${r.thumbnail} @slotchange=${this.handleThumbnailSlotChange}></slot></section>`}renderSelectionIcon(){let e=this.selectionMode==="multiple"&&this.selected?i.selected:this.selectionMode==="multiple"?i.unselected:this.selected?i.selectedSingle:i.unselectedSingle;return o`<div class=${t(a.checkboxWrapper)} @pointerdown=${this.cardSelectClick} tabindex=-1><calcite-icon .icon=${e} scale=s></calcite-icon></div>`}renderHeader(){let e=this.hasHeading||this.hasDescription;return o`<header class=${t(a.header)} .hidden=${!e}>${this.selectable?this.renderCheckboxDeprecated():null}<div class=${t(a.headerTextContainer)}><slot name=${r.heading} @slotchange=${this.handleHeadingSlotChange}></slot><slot name=${r.description} @slotchange=${this.handleDescriptionSlotChange}></slot></div>${this.selectionMode!=="none"&&this.renderSelectionIcon()||""}</header>`}renderFooter(){let e=this.hasFooterStart||this.hasFooterEnd;return o`<footer class=${t(a.footer)} .hidden=${!e}><slot name=${r.footerStart} @slotchange=${this.handleFooterStartSlotChange}></slot><slot name=${r.footerEnd} @slotchange=${this.handleFooterEndSlotChange}></slot></footer>`}render(){let e=this.thumbnailPosition.startsWith("inline"),n=this.thumbnailPosition.endsWith("start"),k=this.selectionMode==="multiple"?"checkbox":this.selectionMode!=="none"?"radio":void 0;return m({disabled:this.disabled,children:o`<div .ariaChecked=${this.selectionMode!=="none"?this.selected:void 0} .ariaLabel=${this.label} class=${t({[a.contentWrapper]:!0,inline:e})} @click=${this.cardBodyClickHandler} @keydown=${this.keyDownHandler} .role=${k} .tabIndex=${!this.selectable||this.disabled?0:-1} ${p(this.containerRef)}>${this.loading?o`<div aria-live=polite class="calcite-card-loader-container"><calcite-loader .label=${this.messages.loading}></calcite-loader></div>`:null}${n&&this.renderThumbnail()||""}<section .ariaBusy=${this.loading} class=${t({[a.container]:!0})}>${this.renderHeader()}<div class=${t({[a.cardContent]:!0,[a.hasSlottedContent]:this.hasContent})}><slot @slotchange=${this.handleDefaultSlotChange}></slot></div>${this.renderFooter()}</section>${!n&&this.renderThumbnail()||""}</div>`})}};b("calcite-card",s);export{s as Card};