@esri/calcite-components 1.11.0-next.3 → 1.11.0

package/dist/extras/docs-json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-11-16T00:48:58",
+  "timestamp": "2023-11-21T22:55:32",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.22.3",
@@ -666,6 +666,7 @@
         "calcite-panel",
         "calcite-pick-list-item",
         "calcite-popover",
+        "calcite-stepper",
         "calcite-tip",
         "calcite-tip-manager"
       ],
@@ -711,6 +712,9 @@
         "calcite-popover": [
           "calcite-action"
         ],
+        "calcite-stepper": [
+          "calcite-action"
+        ],
         "calcite-tip": [
           "calcite-action"
         ],
@@ -5437,14 +5441,14 @@
         },
         {
           "name": "messageOverrides",
-          "type": "{ clear?: string; removeTag?: string; }",
+          "type": "{ all?: string; allSelected?: string; clear?: string; removeTag?: string; selected?: string; }",
           "mutable": true,
           "reflectToAttr": false,
           "docs": "Use this property to override individual strings used by the component.",
           "docsTags": [],
           "values": [
             {
-              "type": "{ clear?: string; removeTag?: string; }"
+              "type": "{ all?: string; allSelected?: string; clear?: string; removeTag?: string; selected?: string; }"
             }
           ],
           "optional": false,
@@ -5600,6 +5604,32 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "selectionDisplay",
+          "type": "\"all\" | \"fit\" | \"single\"",
+          "mutable": false,
+          "attr": "selection-display",
+          "reflectToAttr": true,
+          "docs": "When `selectionMode` is `\"ancestors\"` or `\"multiple\"`, specifies the display of multiple `calcite-combobox-item` selections\n- `\"all\"` (displays all selections with individual `calcite-chip`s), `\"fit\"` (displays individual `calcite-chip`s that scale to the component's size, including a non-closable `calcite-chip`, which provides the number of additional `calcite-combobox-item` selections not visually displayed), or `\"single\"` (display one `calcite-chip` with the total number of selections).",
+          "docsTags": [],
+          "default": "\"all\"",
+          "values": [
+            {
+              "value": "all",
+              "type": "string"
+            },
+            {
+              "value": "fit",
+              "type": "string"
+            },
+            {
+              "value": "single",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "selectionMode",
           "type": "\"ancestors\" | \"multiple\" | \"single\" | \"single-persist\"",
@@ -5656,7 +5686,7 @@
           "name": "reposition",
           "returns": {
             "type": "Promise<void>",
-            "docs": ""
+            "docs": "Promise"
           },
           "signature": "reposition(delayed?: boolean) => Promise<void>",
           "parameters": [],
@@ -5664,7 +5694,11 @@
           "docsTags": [
             {
               "name": "param",
-              "text": "delayed"
+              "text": "delayed Reposition the component after a delay"
+            },
+            {
+              "name": "returns",
+              "text": "Promise"
             }
           ]
         },
@@ -13490,7 +13524,7 @@
         }
       ],
       "usage": {
-        "Basic": "```html\n<calcite-label>\n  Invalid input\n  <calcite-input status=\"invalid\" type=\"search\" placeholder=\"Filter your files\" value=\"adfo2h2\"></calcite-input>\n  <calcite-input-message icon status=\"invalid\"> Something doesn't look right </calcite-input-message>\n</calcite-label>\n```\n",
+        "Basic": "```html\n<calcite-label>\n  Email address\n  <calcite-input\n    status=\"invalid\"\n    type=\"email\"\n    placeholder=\"Enter your email address\"\n    value=\"invalidemailformat.com\"\n  ></calcite-input>\n  <calcite-input-message icon status=\"invalid\">Enter a valid email address</calcite-input-message>\n</calcite-label>\n```\n",
         "Browser-caveat": "When using the `default`, `inline` or `inline-space-between` layout option with [browsers that do not support the CSS `gap` property when used with flexbox](https://caniuse.com/flexbox-gap), you will need to use the `--calcite-label-margin-bottom` CSS variable and apply spacing manually to the label by wrapping it in a styled span like so:\n\n```html\n<calcite-label layout=\"inline\" style=\"--calcite-label-margin-bottom:0;\">\n  <span style=\"margin-right: 0.75rem\">Text leading inline</span>\n  <calcite-checkbox></calcite-checkbox>\n</calcite-label>\n```\n"
       },
       "props": [
@@ -13845,12 +13879,13 @@
         }
       ],
       "usage": {
-        "Advanced": "```html\n<calcite-list>\n  <calcite-list-item label=\"Princess Bubblegum\" description=\"Ruler of The Candy Kingdom\">\n    <calcite-action icon=\"drag\" label=\"drag\" scale=\"s\" slot=\"actions-start\"></calcite-action>\n    <calcite-icon scale=\"l\" icon=\"effects\" slot=\"content-start\"></calcite-icon>\n    <calcite-avatar\n      scale=\"l\"\n      slot=\"content-start\"\n      thumbnail=\"https://slm-assets.secondlife.com/assets/19947929/view_large/Capture_du_2018-03-04_20-40-56.jpg?1520192584\"\n    ></calcite-avatar>\n    <calcite-icon scale=\"s\" icon=\"check\" slot=\"content-end\" style=\"color: var(--calcite-ui-success)\"></calcite-icon>\n    <calcite-action icon=\"ellipsis\" label=\"menu\" slot=\"actions-end\"></calcite-action>\n    <calcite-action icon=\"x\" label=\"remove\" slot=\"actions-end\"></calcite-action>\n  </calcite-list-item>\n  <calcite-list-item label=\"Finn Mertens\" description=\"Part owner of the Tree House\">\n    <calcite-action icon=\"drag\" label=\"drag\" scale=\"s\" slot=\"actions-start\"></calcite-action>\n    <calcite-icon scale=\"l\" icon=\"running\" slot=\"content-start\"></calcite-icon>\n    <calcite-avatar\n      scale=\"l\"\n      slot=\"content-start\"\n      thumbnail=\"https://www.seekpng.com/png/detail/90-906849_89kib-1024x631-finn-finn-adventure-time-face.png\"\n    ></calcite-avatar>\n    <calcite-icon scale=\"s\" icon=\"check\" slot=\"content-end\" style=\"color: var(--calcite-ui-success)\"></calcite-icon>\n    <calcite-action icon=\"ellipsis\" label=\"menu\" slot=\"actions-end\"></calcite-action>\n    <calcite-action icon=\"x\" label=\"remove\" slot=\"actions-end\"></calcite-action>\n  </calcite-list-item>\n  <calcite-list-item label=\"Jake T. Dog\" description=\"Part owner of the Tree House\">\n    <calcite-action icon=\"drag\" label=\"drag\" scale=\"s\" slot=\"actions-start\"></calcite-action>\n    <calcite-icon scale=\"l\" icon=\"walking\" slot=\"content-start\"></calcite-icon>\n    <calcite-avatar\n      scale=\"l\"\n      slot=\"content-start\"\n      thumbnail=\"https://static.wikia.nocookie.net/adventuretimewithfinnandjake/images/c/c9/603138_454321168018988_647044807_n.png/revision/latest/scale-to-width-down/250?cb=20140624024310\"\n    ></calcite-avatar>\n    <calcite-icon\n      scale=\"s\"\n      icon=\"exclamation-mark-triangle\"\n      slot=\"content-end\"\n      style=\"color: var(--calcite-ui-danger)\"\n    ></calcite-icon>\n    <calcite-action icon=\"ellipsis\" label=\"menu\" slot=\"actions-end\"></calcite-action>\n    <calcite-action icon=\"x\" label=\"remove\" slot=\"actions-end\"></calcite-action>\n  </calcite-list-item>\n</calcite-list>\n```\n",
-        "Basic": "```html\n<calcite-list>\n  <calcite-list-item\n    label=\"Cras iaculis ultricies nulla.\"\n    description=\"Lorem ipsum dolor sit amet, consectetuer adipiscing elit.\"\n  ></calcite-list-item>\n  <calcite-list-item\n    label=\"Ut aliquam sollicitudin leo.\"\n    description=\"Aliquam tincidunt mauris eu risus.\"\n  ></calcite-list-item>\n  <calcite-list-item\n    label=\"Vestibulum commodo felis quis tortor.\n  \"\n    description=\"Vestibulum auctor dapibus neque.\n  \"\n  ></calcite-list-item>\n</calcite-list>\n```\n",
-        "DragEnabled": "```html\n<calcite-list drag-enabled>\n  <calcite-list-item label=\"test1\" value=\"test1\" description=\"hello world 1\">\n    <calcite-icon icon=\"banana\" slot=\"content-start\"></calcite-icon>\n  </calcite-list-item>\n  <calcite-list-item label=\"test2\" value=\"test2\" description=\"hello world 2\">\n    <calcite-icon icon=\"accessibility\" slot=\"content-start\"></calcite-icon>\n  </calcite-list-item>\n  <calcite-list-item label=\"test3\" value=\"test3\" description=\"hello world 3\">\n    <calcite-icon icon=\"article\" slot=\"content-start\"></calcite-icon>\n  </calcite-list-item>\n  <calcite-list-item disabled label=\"test4\" value=\"test4\" description=\"hello world 4\">\n    <calcite-icon icon=\"compass\" slot=\"content-start\"></calcite-icon>\n  </calcite-list-item>\n</calcite-list>\n```\n",
-        "DragEnabledNested": "```html\n<calcite-list drag-enabled group=\"mygroup\" selection-mode=\"multiple\">\n  <calcite-list-item open label=\"My Item 1\" description=\"hello world\">\n    <calcite-list drag-enabled group=\"mygroup\" selection-mode=\"multiple\">\n      <calcite-list-item open label=\"My Item 2\" description=\"hello world\">\n        <calcite-list drag-enabled group=\"mygroup\" selection-mode=\"multiple\">\n          <calcite-list-item label=\"My Item 3\" description=\"hello world\">\n            <calcite-list drag-enabled group=\"mygroup\" selection-mode=\"multiple\"></calcite-list>\n          </calcite-list-item>\n          <calcite-list-item label=\"My Item 4\" description=\"hello world\"></calcite-list-item>\n        </calcite-list>\n      </calcite-list-item>\n      <calcite-list-item label=\"My Item 5\" description=\"hello world\"></calcite-list-item>\n    </calcite-list>\n  </calcite-list-item>\n  <calcite-list-item label=\"My Item 6\" description=\"hello world\"></calcite-list-item>\n  <calcite-list-item label=\"My Item 7\" description=\"hello world\"></calcite-list-item>\n</calcite-list>\n```\n",
-        "Grouped": "```html\n<calcite-list>\n  <calcite-list-item-group heading=\"Digits\">\n    <calcite-list-item\n      label=\"One\"\n      description=\"Lorem ipsum dolor sit amet, consectetuer adipiscing elit.\"\n    ></calcite-list-item>\n    <calcite-list-item label=\"Two\" description=\"Aliquam tincidunt mauris eu risus.\"></calcite-list-item>\n    <calcite-list-item label=\"Three\" description=\"Vestibulum auctor dapibus neque.\"></calcite-list-item>\n  </calcite-list-item-group>\n  <calcite-list-item-group heading=\"Letters\">\n    <calcite-list-item\n      label=\"A\"\n      description=\"Lorem ipsum dolor sit amet, consectetuer adipiscing elit.\"\n    ></calcite-list-item>\n    <calcite-list-item label=\"B\" description=\"Aliquam tincidunt mauris eu risus.\"></calcite-list-item>\n    <calcite-list-item\n      label=\"C\"\n      description=\"Lorem ipsum dolor sit amet, consectetuer adipiscing elit.\"\n    ></calcite-list-item>\n  </calcite-list-item-group>\n</calcite-list>\n```\n",
-        "Nested": "```html\n<calcite-list>\n  <calcite-list-item\n    label=\"Cras iaculis ultricies nulla.\"\n    description=\"Lorem ipsum dolor sit amet, consectetuer adipiscing elit.\"\n  >\n    <calcite-list-item label=\"Ut aliquam sollicitudin leo.\" description=\"Aliquam tincidunt mauris eu risus.\">\n      <calcite-list-item\n        label=\"Vestibulum commodo felis quis tortor.\"\n        description=\"Vestibulum auctor dapibus neque.\"\n      ></calcite-list-item></calcite-list-item\n  ></calcite-list-item>\n</calcite-list>\n```\n"
+        "Advanced": "```html\n<calcite-list>\n  <calcite-list-item\n    label=\"Dog\"\n    description=\"Also known as Canis familiaris, a carnivorous mammal closely related to the gray wolf that has been domesticated as a pet.\"\n  >\n    <calcite-action icon=\"drag\" label=\"drag\" scale=\"s\" slot=\"actions-start\"></calcite-action>\n    <calcite-icon scale=\"l\" icon=\"layer\" slot=\"content-start\"></calcite-icon>\n    <calcite-avatar scale=\"l\" slot=\"content-start\" thumbnail=\"https://placedog.net/300/300\"></calcite-avatar>\n    <calcite-icon scale=\"s\" icon=\"check\" slot=\"content-end\" style=\"color: var(--calcite-ui-success)\"></calcite-icon>\n    <calcite-action icon=\"ellipsis\" label=\"menu\" slot=\"actions-end\"></calcite-action>\n    <calcite-action icon=\"x\" label=\"remove\" slot=\"actions-end\"></calcite-action>\n  </calcite-list-item>\n  <calcite-list-item\n    label=\"Cat\"\n    description=\"Also known as Felis catus, a carnivorous mammal that has long been domesticated as a pet and for catching rats and mice.\"\n  >\n    <calcite-action icon=\"drag\" label=\"drag\" scale=\"s\" slot=\"actions-start\"></calcite-action>\n    <calcite-icon scale=\"l\" icon=\"layer\" slot=\"content-start\"></calcite-icon>\n    <calcite-avatar scale=\"l\" slot=\"content-start\" thumbnail=\"https://placekitten.com/g/300/300\"></calcite-avatar>\n    <calcite-icon scale=\"s\" icon=\"check\" slot=\"content-end\" style=\"color: var(--calcite-ui-success)\"></calcite-icon>\n    <calcite-action icon=\"ellipsis\" label=\"menu\" slot=\"actions-end\"></calcite-action>\n    <calcite-action icon=\"x\" label=\"remove\" slot=\"actions-end\"></calcite-action>\n  </calcite-list-item>\n  <calcite-list-item label=\"Bear\" description=\"Carnivorous mammals of the family Ursidae.\">\n    <calcite-action icon=\"drag\" label=\"drag\" scale=\"s\" slot=\"actions-start\"></calcite-action>\n    <calcite-icon scale=\"l\" icon=\"layer\" slot=\"content-start\"></calcite-icon>\n    <calcite-avatar scale=\"l\" slot=\"content-start\" thumbnail=\"https://placebear.com/g/400/400\"></calcite-avatar>\n    <calcite-icon\n      scale=\"s\"\n      icon=\"exclamation-mark-triangle\"\n      slot=\"content-end\"\n      style=\"color: var(--calcite-ui-danger)\"\n    ></calcite-icon>\n    <calcite-action icon=\"ellipsis\" label=\"menu\" slot=\"actions-end\"></calcite-action>\n    <calcite-action icon=\"x\" label=\"remove\" slot=\"actions-end\"></calcite-action>\n  </calcite-list-item>\n</calcite-list>\n```\n",
+        "Basic": "```html\n<calcite-list>\n  <calcite-list-item\n    label=\"Comet\"\n    description=\"Cosmic snowballs of frozen gases, rock, and dust that orbit the Sun.\"\n  ></calcite-list-item>\n  <calcite-list-item\n    label=\"Meteoroid\"\n    description=\"A small body of matter from outer space that enters Earth's atmosphere and appears like a streak of light.\"\n  ></calcite-list-item>\n  <calcite-list-item\n    label=\"Asteroid\"\n    description=\"A celestial body made of rock and metal that orbits the Sun.\"\n  ></calcite-list-item>\n</calcite-list>\n```\n",
+        "DragEnabled": "```html\n<calcite-list drag-enabled>\n  <calcite-list-item\n    label=\"Don Quixote\"\n    value=\"1\"\n    description=\"Don Quixote is a Spanish epic novel by Miguel de Cervantes.\"\n  >\n    <calcite-icon icon=\"book\" slot=\"content-start\"></calcite-icon>\n  </calcite-list-item>\n  <calcite-list-item\n    label=\"A Tale of Two Cities\"\n    value=\"2\"\n    description=\"A historical novel published in 1859 by Charles Dickens, set in London and Paris before and during the French Revolution.\"\n  >\n    <calcite-icon icon=\"book\" slot=\"content-start\"></calcite-icon>\n  </calcite-list-item>\n  <calcite-list-item\n    label=\"The Lord of the Rings\"\n    value=\"3\"\n    description=\"An epic high-fantasy novel by the English author and scholar J. R. R. Tolkien.\"\n  >\n    <calcite-icon icon=\"book\" slot=\"content-start\"></calcite-icon>\n  </calcite-list-item>\n</calcite-list>\n```\n",
+        "DragEnabledNested": "```html\n<calcite-list drag-enabled group=\"Birds\">\n  <calcite-list-item open label=\"Eagles\">\n    <calcite-list-item\n      label=\"Bald Eagle\"\n      description=\"The bald eagle is a bird of prey found in North America.\"\n    ></calcite-list-item>\n    <calcite-list-item\n      label=\"Golden Eagle\"\n      description=\"The golden eagle is a bird of prey living in the Northern Hemisphere.\"\n    ></calcite-list-item>\n  </calcite-list-item>\n  <calcite-list-item open label=\"Owls\">\n    <calcite-list-item\n      label=\"Great Horned Owl\"\n      description=\"The great horned owl, also known as the tiger owl, or the hoot owl, is a large owl native to the Americas.\"\n    ></calcite-list-item>\n    <calcite-list-item\n      label=\"Snow Owl\"\n      description=\"The snowy owl, also known as the polar owl, the white owl and the Arctic owl, is a large, white owl of the true owl family.\"\n    ></calcite-list-item>\n  </calcite-list-item>\n</calcite-list>\n```\n",
+        "Grouped": "```html\n<calcite-list>\n  <calcite-list-item-group heading=\"Continents in order of size\">\n    <calcite-list-item\n      label=\"Asia\"\n      description=\"Asia is the largest continent in the world by both land area and population.\"\n    ></calcite-list-item>\n    <calcite-list-item\n      label=\"Africa\"\n      description=\"Africa is the world's second-largest and second-most populous continent, after Asia in both aspects.\"\n    ></calcite-list-item>\n    <calcite-list-item\n      label=\"North America\"\n      description=\"North America is the third largest continent, after Asia and Africa.\"\n    ></calcite-list-item>\n  </calcite-list-item-group>\n  <calcite-list-item-group heading=\"Mountains in order of height\">\n    <calcite-list-item\n      label=\"Mount Everest\"\n      description=\"Mount Everest is the highest of the Himalayan mountains, and at 8,850 meters considered the highest point on Earth.\"\n    ></calcite-list-item>\n    <calcite-list-item\n      label=\"Godwin Austen (K2)\"\n      description=\"Mount Godwin-Austen also known as K2 is the second highest mountain in the world at 8,611 meters above sea level.\"\n    ></calcite-list-item>\n    <calcite-list-item\n      label=\"Kangchenjunga\"\n      description=\"Mount Kanchenjunga Main is the third highest mountain peak in the world with an elevation of 8,586 meters.\"\n    ></calcite-list-item>\n  </calcite-list-item-group>\n</calcite-list>\n```\n",
+        "MultipleSelections": "```html\n<calcite-list selection-mode=\"multiple\">\n  <calcite-list-item-group heading=\"Sports\">\n    <calcite-list-item\n      label=\"Tennis\"\n      description=\"Tennis is a racket sport that is played either individually against a single opponent or between two teams of two players each.\"\n    ></calcite-list-item>\n    <calcite-list-item\n      label=\"Baseball\"\n      description=\"Baseball is a bat-and-ball sport played between two teams of nine players each, taking turns batting and fielding.\"\n    ></calcite-list-item>\n    <calcite-list-item\n      label=\"Golf\"\n      description=\"Golf is a sport in which a small ball is struck with a club into a series of small holes in the ground, the object being to use the fewest possible strokes to complete the course.\"\n    ></calcite-list-item>\n  </calcite-list-item-group>\n</calcite-list>\n```\n",
+        "Nested": "```html\n<calcite-list>\n  <calcite-list-item\n    label=\"United States of America\"\n    description=\"A country located in North America consisting of 50 states.\"\n  >\n    <calcite-list-item label=\"California\" description=\"A state on the western coast of the United States.\">\n      <calcite-list-item\n        label=\"Redlands\"\n        description=\"A city in California and the hometown of Esri.\"\n      ></calcite-list-item></calcite-list-item\n  ></calcite-list-item>\n</calcite-list>\n```\n"
       },
       "props": [
         {
@@ -14295,6 +14330,10 @@
         {
           "name": "slot",
           "text": "actions-end - A slot for adding actionable `calcite-action` elements after the content of the component."
+        },
+        {
+          "name": "slot",
+          "text": "content-bottom - A slot for adding content below the component's `label` and `description`."
         }
       ],
       "usage": {},
@@ -14526,6 +14565,10 @@
           "name": "content",
           "docs": "A slot for adding non-actionable, centered content in place of the `label` and `description` of the component."
         },
+        {
+          "name": "content-bottom",
+          "docs": "A slot for adding content below the component's `label` and `description`."
+        },
         {
           "name": "content-end",
           "docs": "A slot for adding non-actionable elements after the label and description of the component."
@@ -22717,14 +22760,14 @@
         },
         {
           "name": "messageOverrides",
-          "type": "{ label?: string; }",
+          "type": "{ label?: string; previousStep?: string; nextStep?: string; }",
           "mutable": true,
           "reflectToAttr": false,
           "docs": "Use this property to override individual strings used by the component.",
           "docsTags": [],
           "values": [
             {
-              "type": "{ label?: string; }"
+              "type": "{ label?: string; previousStep?: string; nextStep?: string; }"
             }
           ],
           "optional": false,
@@ -22999,8 +23042,18 @@
       ],
       "parts": [],
       "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
+      "dependencies": [
+        "calcite-action"
+      ],
+      "dependencyGraph": {
+        "calcite-stepper": [
+          "calcite-action"
+        ],
+        "calcite-action": [
+          "calcite-loader",
+          "calcite-icon"
+        ]
+      }
     },
     {
       "filePath": "./src/components/stepper-item/stepper-item.tsx",