@esri/calcite-components 1.3.0-next.8 → 1.3.0

package/dist/extras/docs-json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-04-17T20:01:07",
+  "timestamp": "2023-04-25T03:31:16",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.22.3",
@@ -3705,6 +3705,23 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "disabled",
+          "reflectToAttr": true,
+          "docs": "When true, interaction is prevented and the component is displayed with lower opacity.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "icon",
           "type": "string",
@@ -3764,6 +3781,22 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "label",
+          "type": "string",
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "Accessible name for the component.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "messageOverrides",
           "type": "{ dismissLabel?: string; }",
@@ -3805,6 +3838,23 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "selected",
+          "type": "boolean",
+          "mutable": true,
+          "attr": "selected",
+          "reflectToAttr": true,
+          "docs": "When true, the component is selected.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "value",
           "type": "any",
@@ -3831,7 +3881,7 @@
           },
           "signature": "setFocus() => Promise<void>",
           "parameters": [],
-          "docs": "When `closable` is `true`, sets focus on the component's \"close\" button (the first focusable item).",
+          "docs": "Sets focus on the component.",
           "docsTags": []
         }
       ],
@@ -3842,11 +3892,31 @@
           "bubbles": true,
           "cancelable": false,
           "composed": true,
-          "docs": "Fires when the close button is clicked.",
+          "docs": "Fires when the component's close button is selected.",
+          "docsTags": []
+        },
+        {
+          "event": "calciteChipSelect",
+          "detail": "void",
+          "bubbles": true,
+          "cancelable": false,
+          "composed": true,
+          "docs": "Fires when the selected state of the component changes.",
           "docsTags": []
         }
       ],
-      "listeners": [],
+      "listeners": [
+        {
+          "event": "keydown",
+          "capture": false,
+          "passive": false
+        },
+        {
+          "event": "click",
+          "capture": false,
+          "passive": false
+        }
+      ],
       "styles": [],
       "slots": [
         {
@@ -3882,6 +3952,183 @@
         ]
       }
     },
+    {
+      "filePath": "./src/components/chip-group/chip-group.tsx",
+      "encapsulation": "shadow",
+      "tag": "calcite-chip-group",
+      "readme": "# calcite-tile-select-group\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "- A slot for adding one or more `calcite-chip`s."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "disabled",
+          "reflectToAttr": true,
+          "docs": "When true, interaction is prevented and the component is displayed with lower opacity.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "Accessible name for the component.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true
+        },
+        {
+          "name": "scale",
+          "type": "\"l\" | \"m\" | \"s\"",
+          "mutable": false,
+          "attr": "scale",
+          "reflectToAttr": true,
+          "docs": "Specifies the size of the component.",
+          "docsTags": [],
+          "default": "\"m\"",
+          "values": [
+            {
+              "value": "l",
+              "type": "string"
+            },
+            {
+              "value": "m",
+              "type": "string"
+            },
+            {
+              "value": "s",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "selectedItems",
+          "type": "HTMLCalciteChipElement[]",
+          "mutable": true,
+          "reflectToAttr": false,
+          "docs": "Specifies the component's selected items.",
+          "docsTags": [
+            {
+              "name": "readonly"
+            }
+          ],
+          "default": "[]",
+          "values": [
+            {
+              "type": "HTMLCalciteChipElement[]"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "selectionMode",
+          "type": "\"multiple\" | \"none\" | \"single\" | \"single-persist\"",
+          "mutable": false,
+          "attr": "selection-mode",
+          "reflectToAttr": true,
+          "docs": "Specifies the selection mode of the component.",
+          "docsTags": [],
+          "default": "\"none\"",
+          "values": [
+            {
+              "value": "multiple",
+              "type": "string"
+            },
+            {
+              "value": "none",
+              "type": "string"
+            },
+            {
+              "value": "single",
+              "type": "string"
+            },
+            {
+              "value": "single-persist",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [
+        {
+          "name": "setFocus",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "signature": "setFocus() => Promise<void>",
+          "parameters": [],
+          "docs": "Sets focus on the component's first focusable element.",
+          "docsTags": []
+        }
+      ],
+      "events": [
+        {
+          "event": "calciteChipGroupSelect",
+          "detail": "void",
+          "bubbles": true,
+          "cancelable": false,
+          "composed": true,
+          "docs": "Emits when the component's selection changes.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [
+        {
+          "event": "calciteInternalChipKeyEvent",
+          "capture": false,
+          "passive": false
+        },
+        {
+          "event": "calciteChipClose",
+          "capture": false,
+          "passive": false
+        },
+        {
+          "event": "calciteChipSelect",
+          "capture": false,
+          "passive": false
+        }
+      ],
+      "styles": [],
+      "slots": [
+        {
+          "name": "",
+          "docs": "A slot for adding one or more `calcite-chip`s."
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
     {
       "filePath": "./src/components/color-picker/color-picker.tsx",
       "encapsulation": "shadow",
@@ -8342,6 +8589,7 @@
         "calcite-input-message",
         "calcite-input-number",
         "calcite-input-text",
+        "calcite-input-time-picker",
         "calcite-link",
         "calcite-list-item",
         "calcite-modal",
@@ -8416,6 +8664,9 @@
         "calcite-input-text": [
           "calcite-icon"
         ],
+        "calcite-input-time-picker": [
+          "calcite-icon"
+        ],
         "calcite-link": [
           "calcite-icon"
         ],
@@ -8839,6 +9090,26 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "files",
+          "type": "FileList",
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "When `type` is `\"file\"`, specifies the component's selected files.",
+          "docsTags": [
+            {
+              "name": "mdn",
+              "text": "https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/files"
+            }
+          ],
+          "values": [
+            {
+              "type": "FileList"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "form",
           "type": "string",
@@ -9669,6 +9940,23 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "focusTrapDisabled",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "focus-trap-disabled",
+          "reflectToAttr": true,
+          "docs": "When `true`, prevents focus trapping.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "form",
           "type": "string",
@@ -9777,14 +10065,14 @@
         },
         {
           "name": "messageOverrides",
-          "type": "{ nextMonth?: string; prevMonth?: string; year?: string; }",
+          "type": "{ chooseDate?: string; nextMonth?: string; prevMonth?: string; year?: string; }",
           "mutable": true,
           "reflectToAttr": false,
           "docs": "Use this property to override individual strings used by the component.",
           "docsTags": [],
           "values": [
             {
-              "type": "{ nextMonth?: string; prevMonth?: string; year?: string; }"
+              "type": "{ chooseDate?: string; nextMonth?: string; prevMonth?: string; year?: string; }"
             }
           ],
           "optional": false,
@@ -11803,6 +12091,23 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "focusTrapDisabled",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "focus-trap-disabled",
+          "reflectToAttr": true,
+          "docs": "When `true`, prevents focus trapping.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "form",
           "type": "string",
@@ -11820,15 +12125,15 @@
           "required": false
         },
         {
-          "name": "messagesOverrides",
-          "type": "{ hour?: string; hourDown?: string; hourUp?: string; meridiem?: string; meridiemDown?: string; meridiemUp?: string; minute?: string; minuteDown?: string; minuteUp?: string; second?: string; secondDown?: string; secondUp?: string; }",
-          "mutable": false,
+          "name": "messageOverrides",
+          "type": "{ chooseTime?: string; hour?: string; hourDown?: string; hourUp?: string; meridiem?: string; meridiemDown?: string; meridiemUp?: string; minute?: string; minuteDown?: string; minuteUp?: string; second?: string; secondDown?: string; secondUp?: string; }",
+          "mutable": true,
           "reflectToAttr": false,
           "docs": "Use this property to override individual strings used by the component.",
           "docsTags": [],
           "values": [
             {
-              "type": "{ hour?: string; hourDown?: string; hourUp?: string; meridiem?: string; meridiemDown?: string; meridiemUp?: string; minute?: string; minuteDown?: string; minuteUp?: string; second?: string; secondDown?: string; secondUp?: string; }"
+              "type": "{ chooseTime?: string; hour?: string; hourDown?: string; hourUp?: string; meridiem?: string; meridiemDown?: string; meridiemUp?: string; minute?: string; minuteDown?: string; minuteUp?: string; second?: string; secondDown?: string; secondUp?: string; }"
             }
           ],
           "optional": false,
@@ -12211,23 +12516,7 @@
           "docsTags": []
         }
       ],
-      "listeners": [
-        {
-          "event": "click",
-          "capture": false,
-          "passive": false
-        },
-        {
-          "event": "calciteInternalTimePickerBlur",
-          "capture": false,
-          "passive": false
-        },
-        {
-          "event": "calciteInternalTimePickerFocus",
-          "capture": false,
-          "passive": false
-        }
-      ],
+      "listeners": [],
       "styles": [],
       "slots": [],
       "parts": [],
@@ -12235,13 +12524,15 @@
       "dependencies": [
         "calcite-input",
         "calcite-popover",
-        "calcite-time-picker"
+        "calcite-time-picker",
+        "calcite-icon"
       ],
       "dependencyGraph": {
         "calcite-input-time-picker": [
           "calcite-input",
           "calcite-popover",
-          "calcite-time-picker"
+          "calcite-time-picker",
+          "calcite-icon"
         ],
         "calcite-input": [
           "calcite-progress",
@@ -13076,7 +13367,7 @@
           "mutable": true,
           "attr": "selected",
           "reflectToAttr": true,
-          "docs": "When `true`, the component is selected.",
+          "docs": "When `true` and the parent `calcite-list`'s `selectionMode` is `\"single\"` or `\"multiple\"`, the component is selected.",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -17971,6 +18262,28 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "layout",
+          "type": "\"horizontal\" | \"vertical\"",
+          "mutable": false,
+          "attr": "layout",
+          "reflectToAttr": true,
+          "docs": "The direction of the component.",
+          "docsTags": [],
+          "default": "\"vertical\"",
+          "values": [
+            {
+              "value": "horizontal",
+              "type": "string"
+            },
+            {
+              "value": "vertical",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "messageOverrides",
           "type": "{ resize?: string; }",
@@ -18058,22 +18371,42 @@
         {
           "name": "--calcite-shell-panel-detached-max-height",
           "annotation": "prop",
-          "docs": "The maximum height of the component when `detached` is true."
+          "docs": "When `detached` is `true`, specifies the maximum height of the component."
+        },
+        {
+          "name": "--calcite-shell-panel-height",
+          "annotation": "prop",
+          "docs": "When `layout` is `\"horizontal\"`, specifies the height of the component."
+        },
+        {
+          "name": "--calcite-shell-panel-max-height",
+          "annotation": "prop",
+          "docs": "When `layout` is `\"horizontal\"`, specifies the maximum height of the component."
         },
         {
           "name": "--calcite-shell-panel-max-width",
           "annotation": "prop",
-          "docs": "The maximum width of the component."
+          "docs": "Specifies the maximum width of the component."
+        },
+        {
+          "name": "--calcite-shell-panel-min-height",
+          "annotation": "prop",
+          "docs": "When `layout` is `\"horizontal\"`, specifies the minimum height of the component."
         },
         {
           "name": "--calcite-shell-panel-min-width",
           "annotation": "prop",
-          "docs": "The minimum width of the component."
+          "docs": "Specifies the minimum width of the component."
         },
         {
           "name": "--calcite-shell-panel-width",
           "annotation": "prop",
-          "docs": "The width of the component."
+          "docs": "Specifies the width of the component."
+        },
+        {
+          "name": "--calcite-shell-panel-z-index",
+          "annotation": "prop",
+          "docs": "Specifies the z-index value for the component."
         }
       ],
       "slots": [

package/dist/extras/vscode-data.json

@@ -1112,6 +1112,10 @@
           "name": "closed",
           "description": "When `true`, hides the component."
         },
+        {
+          "name": "disabled",
+          "description": "When true, interaction is prevented and the component is displayed with lower opacity."
+        },
         {
           "name": "icon",
           "description": "Specifies an icon to display."
@@ -1135,6 +1139,10 @@
             }
           ]
         },
+        {
+          "name": "label",
+          "description": "Accessible name for the component."
+        },
         {
           "name": "scale",
           "description": "Specifies the size of the component.",
@@ -1150,12 +1158,66 @@
             }
           ]
         },
+        {
+          "name": "selected",
+          "description": "When true, the component is selected."
+        },
         {
           "name": "value",
           "description": "The component's value."
         }
       ]
     },
+    {
+      "name": "calcite-chip-group",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "When true, interaction is prevented and the component is displayed with lower opacity."
+        },
+        {
+          "name": "label",
+          "description": "Accessible name for the component."
+        },
+        {
+          "name": "scale",
+          "description": "Specifies the size of the component.",
+          "values": [
+            {
+              "name": "l"
+            },
+            {
+              "name": "m"
+            },
+            {
+              "name": "s"
+            }
+          ]
+        },
+        {
+          "name": "selection-mode",
+          "description": "Specifies the selection mode of the component.",
+          "values": [
+            {
+              "name": "multiple"
+            },
+            {
+              "name": "none"
+            },
+            {
+              "name": "single"
+            },
+            {
+              "name": "single-persist"
+            }
+          ]
+        }
+      ]
+    },
     {
       "name": "calcite-color-picker",
       "description": {
@@ -2665,6 +2727,10 @@
           "name": "disabled",
           "description": "When `true`, interaction is prevented and the component is displayed with lower opacity."
         },
+        {
+          "name": "focus-trap-disabled",
+          "description": "When `true`, prevents focus trapping."
+        },
         {
           "name": "form",
           "description": "The ID of the form that will be associated with the component.\n\nWhen not set, the component will be associated with its ancestor form element, if any."
@@ -3282,6 +3348,10 @@
           "name": "disabled",
           "description": "When `true`, interaction is prevented and the component is displayed with lower opacity."
         },
+        {
+          "name": "focus-trap-disabled",
+          "description": "When `true`, prevents focus trapping."
+        },
         {
           "name": "form",
           "description": "The ID of the form that will be associated with the component.\n\nWhen not set, the component will be associated with its ancestor form element, if any."
@@ -3679,7 +3749,7 @@
         },
         {
           "name": "selected",
-          "description": "When `true`, the component is selected."
+          "description": "When `true` and the parent `calcite-list`'s `selectionMode` is `\"single\"` or `\"multiple\"`, the component is selected."
         },
         {
           "name": "value",
@@ -4845,6 +4915,18 @@
             }
           ]
         },
+        {
+          "name": "layout",
+          "description": "The direction of the component.",
+          "values": [
+            {
+              "name": "horizontal"
+            },
+            {
+              "name": "vertical"
+            }
+          ]
+        },
         {
           "name": "position",
           "description": "Specifies the component's position. Will be flipped when the element direction is right-to-left (`\"rtl\"`).",