@esri/calcite-components 1.0.0-next.293 → 1.0.0-next.294

package/dist/collection/components/calcite-block/calcite-block.js

@@ -258,8 +258,8 @@ export class CalciteBlock {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "\"Loading\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"Loading\""
           }],
         "text": "string to override English loading text"
       },
@@ -279,8 +279,8 @@ export class CalciteBlock {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "\"Options\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"Options\""
           }],
         "text": "Text string used for the actions menu"
       },

package/dist/collection/components/calcite-button/calcite-button.js

@@ -344,8 +344,8 @@ export class CalciteButton {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "\"Loading\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"Loading\""
           }],
         "text": "string to override English loading text"
       },
@@ -417,8 +417,8 @@ export class CalciteButton {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "\u2013 this property is no longer needed if placed inside a form.",
-            "name": "deprecated"
+            "name": "deprecated",
+            "text": "\u2013 this property is no longer needed if placed inside a form."
           }],
         "text": "The form ID to associate with the component"
       },

package/dist/collection/components/calcite-card/calcite-card.js

@@ -95,8 +95,8 @@ export class CalciteCard {
   }
   renderCheckbox() {
     const checkboxLabel = this.selected ? this.intlDeselect : this.intlSelect;
-    return (h("label", { "aria-label": checkboxLabel, class: CSS.checkboxWrapper, onClick: this.cardSelectClick, onKeyDown: this.cardSelectKeyDown, title: checkboxLabel },
-      h("calcite-checkbox", { checked: this.selected })));
+    return (h("calcite-label", { class: CSS.checkboxWrapper, onClick: this.cardSelectClick, onKeyDown: this.cardSelectKeyDown },
+      h("calcite-checkbox", { checked: this.selected, label: checkboxLabel })));
   }
   renderHeader() {
     const title = this.el.querySelector(`[slot=${SLOTS.title}]`);
@@ -189,8 +189,8 @@ export class CalciteCard {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "\"Loading\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"Loading\""
           }],
         "text": "string to override English loading text"
       },
@@ -210,8 +210,8 @@ export class CalciteCard {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"Select\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"Select\""
           }],
         "text": "string to override English select text for checkbox when selectable is true"
       },
@@ -231,8 +231,8 @@ export class CalciteCard {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"Deselect\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"Deselect\""
           }],
         "text": "string to override English deselect text for checkbox when selectable is true"
       },

package/dist/collection/components/calcite-checkbox/calcite-checkbox.js

@@ -236,8 +236,8 @@ export class CalciteCheckbox {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": "The hovered state of the checkbox."
       },
@@ -275,8 +275,8 @@ export class CalciteCheckbox {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": "The label of the checkbox input"
       },
@@ -353,8 +353,8 @@ export class CalciteCheckbox {
       "composed": true,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": "Emitted when the checkbox is blurred"
       },
@@ -386,8 +386,8 @@ export class CalciteCheckbox {
       "composed": true,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": "Emitted when the checkbox is focused"
       },

package/dist/collection/components/calcite-chip/calcite-chip.js

@@ -164,8 +164,8 @@ export class CalciteChip {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "\"Close\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"Close\""
           }],
         "text": "Aria label for the \"x\" button"
       },

package/dist/collection/components/calcite-color-picker/calcite-color-picker.js

@@ -850,8 +850,8 @@ export class CalciteColorPicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": "Internal prop for advanced use-cases."
       },
@@ -874,8 +874,8 @@ export class CalciteColorPicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"auto\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"auto\""
           }],
         "text": "The format of the value property.\n\nWhen \"auto\", the format will be inferred from `value` when set."
       },
@@ -949,8 +949,8 @@ export class CalciteColorPicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"B\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"B\""
           }],
         "text": "Label used for the blue channel"
       },
@@ -970,8 +970,8 @@ export class CalciteColorPicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"Blue\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"Blue\""
           }],
         "text": "Label used for the blue channel description"
       },
@@ -991,8 +991,8 @@ export class CalciteColorPicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"Delete color\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"Delete color\""
           }],
         "text": "Label used for the delete color button."
       },
@@ -1012,8 +1012,8 @@ export class CalciteColorPicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"G\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"G\""
           }],
         "text": "Label used for the green channel"
       },
@@ -1033,8 +1033,8 @@ export class CalciteColorPicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"Green\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"Green\""
           }],
         "text": "Label used for the green channel description"
       },
@@ -1054,8 +1054,8 @@ export class CalciteColorPicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"H\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"H\""
           }],
         "text": "Label used for the hue channel"
       },
@@ -1075,8 +1075,8 @@ export class CalciteColorPicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"HSV\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"HSV\""
           }],
         "text": "Label used for the HSV mode"
       },
@@ -1096,8 +1096,8 @@ export class CalciteColorPicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"Hex\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"Hex\""
           }],
         "text": "Label used for the hex input"
       },
@@ -1117,8 +1117,8 @@ export class CalciteColorPicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"Hue\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"Hue\""
           }],
         "text": "Label used for the hue channel description"
       },
@@ -1138,8 +1138,8 @@ export class CalciteColorPicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"No color\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"No color\""
           }],
         "text": "Label used for the hex input when there is no color selected."
       },
@@ -1159,8 +1159,8 @@ export class CalciteColorPicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"R\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"R\""
           }],
         "text": "Label used for the red channel"
       },
@@ -1180,8 +1180,8 @@ export class CalciteColorPicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"Red\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"Red\""
           }],
         "text": "Label used for the red channel description"
       },
@@ -1201,8 +1201,8 @@ export class CalciteColorPicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"RGB\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"RGB\""
           }],
         "text": "Label used for the RGB mode"
       },
@@ -1222,8 +1222,8 @@ export class CalciteColorPicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"S\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"S\""
           }],
         "text": "Label used for the saturation channel"
       },
@@ -1243,8 +1243,8 @@ export class CalciteColorPicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"Saturation\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"Saturation\""
           }],
         "text": "Label used for the saturation channel description"
       },
@@ -1264,8 +1264,8 @@ export class CalciteColorPicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"Save color\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"Save color\""
           }],
         "text": "Label used for the save color button."
       },
@@ -1285,8 +1285,8 @@ export class CalciteColorPicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"Saved\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"Saved\""
           }],
         "text": "Label used for the saved colors section"
       },
@@ -1306,8 +1306,8 @@ export class CalciteColorPicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"V\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"V\""
           }],
         "text": "Label used for the value channel"
       },
@@ -1327,8 +1327,8 @@ export class CalciteColorPicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"Value\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"Value\""
           }],
         "text": "Label used for the"
       },
@@ -1393,11 +1393,11 @@ export class CalciteColorPicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"#007ac2\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"#007ac2\""
           }, {
-            "text": " [ColorValue](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-color-picker/interfaces.ts#L10)",
-            "name": "see"
+            "name": "see",
+            "text": " [ColorValue](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-color-picker/interfaces.ts#L10)"
           }],
         "text": "The color value.\n\nThis value can be either a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/color|CSS string}\na RGB, HSL or HSV object.\n\nThe type will be preserved as the color is updated."
       },

package/dist/collection/components/calcite-color-picker-hex-input/calcite-color-picker-hex-input.js

@@ -229,8 +229,8 @@ export class CalciteColorPickerHexInput {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"Hex\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"Hex\""
           }],
         "text": "Label used for the hex input."
       },
@@ -250,8 +250,8 @@ export class CalciteColorPickerHexInput {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"No color\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"No color\""
           }],
         "text": "Label used for the hex input when there is no color selected."
       },

package/dist/collection/components/calcite-color-picker-swatch/calcite-color-picker-swatch.js

@@ -82,8 +82,8 @@ export class CalciteColorPickerSwatch {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "https ://developer.mozilla.org/en-US/docs/Web/CSS/color_value",
-            "name": "see"
+            "name": "see",
+            "text": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value"
           }],
         "text": "The color value."
       },

package/dist/collection/components/calcite-combobox/calcite-combobox.js

@@ -293,7 +293,7 @@ export class CalciteCombobox {
     const { popper, menuEl } = this;
     const modifiers = this.getModifiers();
     popper
-      ? updatePopper({
+      ? await updatePopper({
         el: menuEl,
         modifiers,
         placement: ComboboxDefaultPlacement,
@@ -882,8 +882,8 @@ export class CalciteCombobox {
       "composed": true,
       "docs": {
         "tags": [{
-            "text": "use calciteComboboxChange instead",
-            "name": "deprecated"
+            "name": "deprecated",
+            "text": "use calciteComboboxChange instead"
           }],
         "text": "Called when the selected items set changes"
       },
@@ -957,8 +957,8 @@ export class CalciteCombobox {
       "composed": true,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": "Fired when the combobox is opened"
       },
@@ -975,8 +975,8 @@ export class CalciteCombobox {
       "composed": true,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": "Fired when the combobox is closed"
       },

package/dist/collection/components/calcite-date-picker/calcite-date-picker.js

@@ -555,8 +555,8 @@ export class CalciteDatePicker {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "\"Previous month\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"Previous month\""
           }],
         "text": "Localized string for \"previous month\" (used for aria label)"
       },
@@ -576,8 +576,8 @@ export class CalciteDatePicker {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "\"Next month\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"Next month\""
           }],
         "text": "Localized string for \"next month\" (used for aria label)"
       },
@@ -726,8 +726,8 @@ export class CalciteDatePicker {
       "composed": true,
       "docs": {
         "tags": [{
-            "text": " [DateRangeChange](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-date-picker/interfaces.ts#L1)",
-            "name": "see"
+            "name": "see",
+            "text": " [DateRangeChange](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-date-picker/interfaces.ts#L1)"
           }],
         "text": "Trigger calcite date change when a user changes the date range."
       },

package/dist/collection/components/calcite-date-picker-day/calcite-date-picker-day.js

@@ -336,8 +336,8 @@ export class CalciteDatePickerDay {
       "composed": true,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": "Emitted when user hovers over a day"
       },

package/dist/collection/components/calcite-date-picker-month/calcite-date-picker-month.js

@@ -434,8 +434,8 @@ export class CalciteDatePickerMonth {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": "CLDR locale data for current locale"
       }
@@ -484,8 +484,8 @@ export class CalciteDatePickerMonth {
       "composed": true,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": "Event emitted when user hovers the date."
       },
@@ -517,8 +517,8 @@ export class CalciteDatePickerMonth {
       "composed": true,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": ""
       },

package/dist/collection/components/calcite-dropdown/calcite-dropdown.js

@@ -181,7 +181,7 @@ export class CalciteDropdown {
     this.setMaxScrollerHeight();
     const modifiers = this.getModifiers();
     popper
-      ? updatePopper({
+      ? await updatePopper({
         el: menuEl,
         modifiers,
         placement,
@@ -472,8 +472,8 @@ export class CalciteDropdown {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"bottom-leading\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"bottom-leading\""
           }],
         "text": "Determines where the dropdown will be positioned relative to the button."
       },
@@ -520,8 +520,8 @@ export class CalciteDropdown {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "readonly"
+            "name": "readonly",
+            "text": undefined
           }],
         "text": "**read-only** The currently selected items"
       },

package/dist/collection/components/calcite-dropdown-group/calcite-dropdown-group.js

@@ -139,8 +139,8 @@ export class CalciteDropdownGroup {
       "composed": true,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": ""
       },