@esri/calcite-components 5.0.0-next.5 → 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.5",
+  "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",
@@ -16118,7 +16118,7 @@
         },
         {
           "name": "calcite-stepper",
-          "description": "### Events\n- **calciteStepperChange** - Fires when the active `calcite-stepper-item` changes.\n- **calciteStepperItemChange** - Fires when the active `calcite-stepper-item` changes.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `endStep(): Promise<void>` - Set the last `calcite-stepper-item` as active.\n- `goToStep(step: number): Promise<void>` - Set a specified `calcite-stepper-item` as active.\n- `nextStep(): Promise<void>` - Set the next `calcite-stepper-item` as active.\n- `prevStep(): Promise<void>` - Set the previous `calcite-stepper-item` as active.\n- `startStep(): Promise<void>` - Set the first `calcite-stepper-item` as active.\n\n### Slots\n- _default_ - A slot for adding `calcite-stepper-item` elements.\n\n### CSS Properties\n- **--calcite-stepper-bar-gap** - Specifies the space between items in the component. \n- **--calcite-stepper-bar-inactive-fill-color** - Specifies the fill color of items in the component. \n- **--calcite-stepper-bar-active-fill-color** - Specifies the fill color of active items in the component. \n- **--calcite-stepper-bar-complete-fill-color** - Specifies the fill color of complete items in the component. \n- **--calcite-stepper-bar-error-fill-color** - Specifies the fill color of error items in the component. ",
+          "description": "### Events\n- **calciteStepperChange** - Fires when the active `calcite-stepper-item` changes.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `endStep(): Promise<void>` - Set the last `calcite-stepper-item` as active.\n- `goToStep(step: number): Promise<void>` - Set a specified `calcite-stepper-item` as active.\n- `nextStep(): Promise<void>` - Set the next `calcite-stepper-item` as active.\n- `prevStep(): Promise<void>` - Set the previous `calcite-stepper-item` as active.\n- `startStep(): Promise<void>` - Set the first `calcite-stepper-item` as active.\n\n### Slots\n- _default_ - A slot for adding `calcite-stepper-item` elements.\n\n### CSS Properties\n- **--calcite-stepper-bar-gap** - Specifies the space between items in the component. \n- **--calcite-stepper-bar-inactive-fill-color** - Specifies the fill color of items in the component. \n- **--calcite-stepper-bar-active-fill-color** - Specifies the fill color of active items in the component. \n- **--calcite-stepper-bar-complete-fill-color** - Specifies the fill color of complete items in the component. \n- **--calcite-stepper-bar-error-fill-color** - Specifies the fill color of error items in the component. ",
           "attributes": [
             {
               "name": "icon",
@@ -16183,11 +16183,6 @@
               "name": "calciteStepperChange",
               "type": "void",
               "description": "Fires when the active `calcite-stepper-item` changes."
-            },
-            {
-              "name": "calciteStepperItemChange",
-              "type": "void",
-              "description": "Fires when the active `calcite-stepper-item` changes."
             }
           ],
           "js": {
@@ -16233,11 +16228,6 @@
                 "name": "calciteStepperChange",
                 "type": "void",
                 "description": "Fires when the active `calcite-stepper-item` changes."
-              },
-              {
-                "name": "calciteStepperItemChange",
-                "type": "void",
-                "description": "Fires when the active `calcite-stepper-item` changes."
               }
             ]
           }
@@ -17874,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/dist/index.d.ts

@@ -1436,7 +1436,6 @@ declare global {
   }
   interface HTMLCalciteStepperElementEventMap {
     "calciteStepperChange": Stepper["calciteStepperChange"]["detail"];
-    "calciteStepperItemChange": Stepper["calciteStepperItemChange"]["detail"];
   }
 
   interface HTMLCalciteStepperElement extends Stepper {

package/dist/types/lumina.d.ts

@@ -531,7 +531,6 @@ interface LuminaCalciteStack extends Partial<Pick<Stack, 'disabled'>>, h.JSX.HTM
 
 interface LuminaCalciteStepper extends Partial<Pick<Stepper, 'icon' | 'layout' | 'messageOverrides' | 'numbered' | 'numberingSystem' | 'scale'>>, h.JSX.HTMLAttributes<HTMLCalciteStepperElement> {
   oncalciteStepperChange?: EventHandler<HTMLCalciteStepperElement["calciteStepperChange"]>;
-  oncalciteStepperItemChange?: EventHandler<HTMLCalciteStepperElement["calciteStepperItemChange"]>;
 }
 
 interface LuminaCalciteStepperItem extends Partial<Pick<StepperItem, 'complete' | 'description' | 'disabled' | 'error' | 'heading' | 'iconFlipRtl' | 'messageOverrides' | 'selected'>>, h.JSX.HTMLAttributes<HTMLCalciteStepperItemElement> {

package/dist/types/preact.d.ts

@@ -532,7 +532,6 @@ interface PreactCalciteStack extends Partial<Pick<Stack, 'disabled'>>, HTMLAttri
 
 interface PreactCalciteStepper extends Partial<Pick<Stepper, 'icon' | 'layout' | 'messageOverrides' | 'numbered' | 'numberingSystem' | 'scale'>>, HTMLAttributes<HTMLCalciteStepperElement> {
   oncalciteStepperChange?: EventHandler<HTMLCalciteStepperElement["calciteStepperChange"]>;
-  oncalciteStepperItemChange?: EventHandler<HTMLCalciteStepperElement["calciteStepperItemChange"]>;
 }
 
 interface PreactCalciteStepperItem extends Partial<Pick<StepperItem, 'complete' | 'description' | 'disabled' | 'error' | 'heading' | 'iconFlipRtl' | 'messageOverrides' | 'selected'>>, HTMLAttributes<HTMLCalciteStepperItemElement> {

package/dist/types/preact10.d.ts

@@ -619,7 +619,6 @@ interface PreactCalciteStack extends Partial<Pick<Stack, 'disabled'>>, PreactJsx
 /** @deprecated Update to Preact 10.27.2+ or 11+ and consume types/preact file over types/preact10 */
 interface PreactCalciteStepper extends Partial<Pick<Stepper, 'icon' | 'layout' | 'messageOverrides' | 'numbered' | 'numberingSystem' | 'scale'>>, PreactJsx.HTMLAttributes<HTMLCalciteStepperElement> {
   oncalciteStepperChange?: EventHandler<HTMLCalciteStepperElement["calciteStepperChange"]>;
-  oncalciteStepperItemChange?: EventHandler<HTMLCalciteStepperElement["calciteStepperItemChange"]>;
 }
 
 /** @deprecated Update to Preact 10.27.2+ or 11+ and consume types/preact file over types/preact10 */

package/dist/types/react.d.ts

@@ -532,7 +532,6 @@ interface ReactCalciteStack extends Partial<Pick<Stack, 'disabled'>>, HTMLProps<
 
 interface ReactCalciteStepper extends Partial<Pick<Stepper, 'icon' | 'layout' | 'messageOverrides' | 'numbered' | 'numberingSystem' | 'scale'>>, HTMLProps<HTMLCalciteStepperElement> {
   oncalciteStepperChange?: EventHandler<HTMLCalciteStepperElement["calciteStepperChange"]>;
-  oncalciteStepperItemChange?: EventHandler<HTMLCalciteStepperElement["calciteStepperItemChange"]>;
 }
 
 interface ReactCalciteStepperItem extends Partial<Pick<StepperItem, 'complete' | 'description' | 'disabled' | 'error' | 'heading' | 'iconFlipRtl' | 'messageOverrides' | 'selected'>>, HTMLProps<HTMLCalciteStepperItemElement> {

package/dist/types/stencil.d.ts

@@ -532,7 +532,6 @@ interface StencilCalciteStack extends Partial<Pick<Stack, 'disabled'>>, StencilJ
 
 interface StencilCalciteStepper extends Partial<Pick<Stepper, 'icon' | 'layout' | 'messageOverrides' | 'numbered' | 'numberingSystem' | 'scale'>>, StencilJsx.HTMLAttributes<HTMLCalciteStepperElement> {
   onCalciteStepperChange?: EventHandler<HTMLCalciteStepperElement["calciteStepperChange"]>;
-  onCalciteStepperItemChange?: EventHandler<HTMLCalciteStepperElement["calciteStepperItemChange"]>;
 }
 
 interface StencilCalciteStepperItem extends Partial<Pick<StepperItem, 'complete' | 'description' | 'disabled' | 'error' | 'heading' | 'iconFlipRtl' | 'messageOverrides' | 'selected'>>, StencilJsx.HTMLAttributes<HTMLCalciteStepperItemElement> {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "5.0.0-next.5",
+  "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": "aea8085000f0286a3f5c7f3006d0c6ff9c714f63"
+  "gitHead": "230aed5e43c614d6ea25d27e45bb8d45ef36e9ee"
 }

package/dist/calcite/T6Y6ZTWW.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.5 */
-import{a as y}from"./ALDDSDTX.js";import{a as z}from"./LH7245HX.js";import"./B5JXPZDV.js";import{c as d}from"./3YZG7MA3.js";import"./CIU4VM7X.js";import{u as x,y as c}from"./5IPJANUU.js";import{a as A}from"./ZLR2B6GQ.js";import{B as g,C as v,D as S,E as r,P as I,g as b,h as n,i as f,l as m,o as p}from"./AUIOWPFN.js";var h={actionIcon:"action-icon",actionContainer:"action-container",stepBarContainer:"step-bar-container",singleView:"single-view"},C={chevronLeft:"chevron-left",chevronRight:"chevron-right"},B="calcite-stepper-action",R={position:(o,e)=>`${B}-${o}-${e?"start":"end"}`},l={stepBar:"step-bar",stepBarActive:"step-bar--active",stepBarComplete:"step-bar--complete",stepBarDisabled:"step-bar--disabled",stepBarError:"step-bar--error",stepBarInActive:"step-bar--inactive"},M=({disabled:o,active:e,complete:t,error:i})=>n`<svg class=${r({[l.stepBar]:!0})}>${f`<rect class=${r({[l.stepBarActive]:e,[l.stepBarComplete]:t,[l.stepBarDisabled]:o,[l.stepBarError]:i,[l.stepBarInActive]:!0})} width=100% x=0 y=0 />`}</svg>`,T=b`:host{--calcite-internal-color-focus: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:host([scale=s]){--calcite-internal-stepper-item-spacing-unit-s: .25rem;--calcite-internal-stepper-action-block-size: 2.75rem;--calcite-internal-stepper-action-inline-size: 2rem;--calcite-internal-step-bar-gap: .25rem}:host([scale=m]){--calcite-internal-stepper-item-spacing-unit-s: .5rem;--calcite-internal-stepper-action-block-size: 3.25rem;--calcite-internal-stepper-action-inline-size: 2.5rem}:host([scale=l]){--calcite-internal-stepper-item-spacing-unit-s: .75rem;--calcite-internal-stepper-action-block-size: 4rem;--calcite-internal-stepper-action-inline-size: 3rem;--calcite-internal-step-bar-gap: .75rem}:host{display:flex}.container{position:relative;display:flex;inline-size:100%;min-inline-size:fit-content;flex-direction:row;flex-wrap:wrap;align-items:stretch;justify-content:space-between}:host([layout=vertical]) .container{flex:1 1 auto;flex-direction:column}:host([layout=horizontal]) .container,:host([layout=horizontal-single]) .container{display:grid;grid-template-areas:"items" "content";gap:.5rem var(--calcite-stepper-bar-gap, var(--calcite-internal-stepper-item-spacing-unit-s))}:host([layout=horizontal][scale=s]) .container,:host([layout=horizontal-single][scale=s]) .container{gap:.25rem var(--calcite-stepper-bar-gap, var(--calcite-internal-stepper-item-spacing-unit-s))}:host([layout=horizontal][scale=l]) .container,:host([layout=horizontal-single][scale=l]) .container{gap:.75rem var(--calcite-stepper-bar-gap, var(--calcite-internal-stepper-item-spacing-unit-s))}:host([layout=horizontal]) .container.single-view{display:flex;grid-template-columns:none}.action-icon{position:relative;display:flex;flex-grow:0;block-size:var(--calcite-internal-stepper-action-block-size);inline-size:var(--calcite-internal-stepper-action-inline-size)}.action-container{position:absolute;display:flex;justify-content:space-between;padding-block:.25rem;inline-size:100%}.step-bar{display:flex;block-size:100%;inline-size:100%}.step-bar-container{position:absolute;display:flex;align-items:flex-start;justify-content:space-between;block-size:.125rem;inline-size:100%;gap:var(--calcite-stepper-bar-gap, var(--calcite-internal-step-bar-gap, .5rem))}.step-bar--inactive{fill:var(--calcite-stepper-bar-inactive-fill-color, var(--calcite-color-border-3, #dfdfdf));fill-opacity:1;block-size:100%}.step-bar--active{fill:var(--calcite-stepper-bar-active-fill-color, var(--calcite-color-brand))}.step-bar--complete{fill:var(--calcite-stepper-bar-complete-fill-color, var(--calcite-color-brand));fill-opacity:.5}.step-bar--error{fill:var(--calcite-stepper-bar-error-fill-color, var(--calcite-color-status-danger))}.step-bar--disabled{opacity:.5}:host([hidden]){display:none}[hidden]{display:none}`,u=class extends S{constructor(){super(),this.containerRef=g(),this.enabledItems=[],this.guid=A(),this.itemMap=new Map,this.items=[],this.multipleViewMode=!1,this.mutationObserver=y("mutation",()=>this.updateItems()),this.messages=z(),this.icon=!1,this.layout="horizontal",this.numbered=!1,this.scale="m",this.selectedItem=null,this.calciteInternalStepperItemChange=p({cancelable:!1}),this.calciteStepperChange=p({cancelable:!1}),this.calciteStepperItemChange=p({cancelable:!1}),this.listen("calciteInternalStepperItemKeyEvent",this.calciteInternalStepperItemKeyEvent),this.listen("calciteInternalStepperItemRegister",this.registerItem),this.listen("calciteInternalStepperItemSelect",this.updateItem),this.listen("calciteStepperItemSelect",this.handleItemSelect)}static{this.properties={currentActivePosition:[16,{},{state:!0}],icon:[7,{},{reflect:!0,type:Boolean}],layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}],numbered:[7,{},{reflect:!0,type:Boolean}],numberingSystem:[3,{},{reflect:!0}],scale:[3,{},{reflect:!0}],selectedItem:[0,{},{attribute:!1}]}}static{this.styles=T}async endStep(){let e=this.getEnabledStepIndex(this.items.length-1,"previous");typeof e=="number"&&this.updateStep(e)}async goToStep(e){let t=e-1;this.currentActivePosition!==t&&this.updateStep(t)}async nextStep(){let e=this.getEnabledStepIndex(this.currentActivePosition+1,"next");typeof e=="number"&&this.updateStep(e)}async prevStep(){let e=this.getEnabledStepIndex(this.currentActivePosition-1,"previous");typeof e=="number"&&this.updateStep(e)}async startStep(){let e=this.getEnabledStepIndex(0,"next");typeof e=="number"&&this.updateStep(e)}connectedCallback(){super.connectedCallback(),this.mutationObserver?.observe(this.el,{childList:!0}),this.updateItems()}willUpdate(e){(e.has("icon")&&(this.hasUpdated||this.icon!==!1)||e.has("layout")&&(this.hasUpdated||this.layout!=="horizontal")||e.has("numbered")&&(this.hasUpdated||this.numbered!==!1)||e.has("scale")&&(this.hasUpdated||this.scale!=="m"))&&(this.updateItems(),this.determineActiveStepper()),e.has("numberingSystem")&&this.setStepperItemNumberingSystem(),e.has("currentActivePosition")&&requestAnimationFrame(()=>{this.determineActiveStepper()})}loaded(){if(typeof this.currentActivePosition!="number"){let e=this.getFirstEnabledStepperPosition();e===0&&(this.currentActivePosition=e),this.calciteInternalStepperItemChange.emit({position:e})}}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver?.disconnect()}calciteInternalStepperItemKeyEvent(e){let t=e.detail.item,i=e.target;switch(t.key){case"ArrowDown":case"ArrowRight":c(this.enabledItems,i,"next");break;case"ArrowUp":case"ArrowLeft":c(this.enabledItems,i,"previous");break;case"Home":c(this.enabledItems,i,"first");break;case"End":c(this.enabledItems,i,"last");break}e.stopPropagation()}registerItem(e){let t=e.target,{content:i,position:a}=e.detail;this.itemMap.set(t,{position:a,content:i}),this.enabledItems=this.filterItems(),e.stopPropagation()}updateItem(e){let{position:t}=e.detail;typeof t=="number"&&(this.currentActivePosition=t,this.selectedItem=e.target),this.calciteInternalStepperItemChange.emit({position:t})}handleItemSelect(){this.emitItemSelect()}emitItemSelect(){this.calciteStepperItemChange.emit(),this.calciteStepperChange.emit()}updateItems(){this.el.querySelectorAll("calcite-stepper-item").forEach(e=>{e.icon=this.icon,e.numbered=this.numbered,e.layout=this.layout,e.scale=this.scale})}determineActiveStepper(){let{items:e}=this;if(e.length<2)return;let{currentActivePosition:t,layout:i}=this;this.multipleViewMode=i!=="horizontal-single",e.forEach((a,s)=>{a.itemHidden=i==="horizontal-single"&&s!==(t||0)})}getEnabledStepIndex(e,t="next"){let{items:i,currentActivePosition:a}=this,s=e;for(;s>=0&&s<i.length&&i[s]?.disabled;)s=s+(t==="previous"?-1:1);return s!==a&&s<i.length&&s>=0?s:null}updateStep(e){this.currentActivePosition=e,this.calciteInternalStepperItemChange.emit({position:e})}filterItems(){return this.items.filter(e=>!e.disabled&&!d(e))}setStepperItemNumberingSystem(){this.items.forEach(e=>{e.numberingSystem=this.numberingSystem})}handleActionClick(e){let t=this.currentActivePosition;e.target.getAttribute("data-position")==="start"?this.prevStep():this.nextStep(),typeof this.currentActivePosition=="number"&&t!==this.currentActivePosition&&!this.items[this.currentActivePosition].disabled&&this.emitItemSelect()}getFirstEnabledStepperPosition(){let e=this.items.findIndex(t=>!t.disabled);return e>-1?e:0}handleDefaultSlotChange(e){let t=x(e).filter(a=>a?.tagName==="CALCITE-STEPPER-ITEM"&&!d(a));this.items=t;let i=Array(t.length).fill("1fr").join(" ");this.containerRef.value.style.gridTemplateAreas=i,this.containerRef.value.style.gridTemplateColumns=i,this.setStepperItemNumberingSystem()}render(){return this.el.ariaLabel=this.messages.label,this.el.role="region",n`<div class=${r({container:!0,[h.singleView]:this.layout==="horizontal-single"})} ${v(this.containerRef)}>${this.layout==="horizontal-single"&&n`<div class=${r({[h.stepBarContainer]:!0})}>${this.items.map((e,t)=>M({active:t===this.currentActivePosition,complete:e.complete&&t!==this.currentActivePosition&&!e.error,disabled:e.disabled&&t!==this.currentActivePosition,error:e.error&&t!==this.currentActivePosition}))}</div>`||""}${this.layout==="horizontal-single"&&n`<div class=${r({[h.actionContainer]:!0})}>${this.renderAction("start")}${this.renderAction("end")}</div>`||""}<slot @slotchange=${this.handleDefaultSlotChange}></slot></div>`}renderAction(e){let t=e==="start",i=t?C.chevronLeft:C.chevronRight,{currentActivePosition:a,multipleViewMode:s,layout:P}=this,E=R.position(this.guid,t),$=t?-1:1,w=t?"previous":"next",k=this.getEnabledStepIndex(a+$,w)===null;return P==="horizontal-single"&&!s?n`<calcite-action alignment=center appearance=transparent class=${r({[h.actionIcon]:!0})} compact data-position=${e??m} .disabled=${k} .icon=${i} icon-flip-rtl id=${E??m} @click=${this.handleActionClick} .scale=${this.scale} .text=${t?this.messages.previousStep:this.messages.nextStep}></calcite-action>`:null}};I("calcite-stepper",u);export{u as Stepper};

package/dist/calcite/VBRBI7IU.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.5 */
-import{a as v,b as m}from"./NSBK36H4.js";import{a as x}from"./S5CLKCGJ.js";import{a as g}from"./LH7245HX.js";import{a as f}from"./WOTQIMPZ.js";import"./B5JXPZDV.js";import"./3YZG7MA3.js";import"./CIU4VM7X.js";import{t as c}from"./5IPJANUU.js";import"./ZLR2B6GQ.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"./AUIOWPFN.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};