@esri/calcite-components 1.0.0-beta.67 → 1.0.0-beta.70

package/dist/collection/components/calcite-input-time-picker/calcite-input-time-picker.js

@@ -1,8 +1,13 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ */
 import { Component, Element, Host, h, Prop, Listen, Event, Method, Watch } from "@stencil/core";
 import { guid } from "../../utils/guid";
 import { getKey } from "../../utils/key";
 import { parseTimeString, formatTimeString, getMeridiem, getMeridiemHour } from "../../utils/time";
 import { connectLabel, disconnectLabel, getLabelText } from "../../utils/label";
+import { connectForm, disconnectForm, HiddenFormInputSlot } from "../../utils/form";
 export class CalciteInputTimePicker {
   constructor() {
     //--------------------------------------------------------------------------
@@ -16,11 +21,17 @@ export class CalciteInputTimePicker {
     this.disabled = false;
     /** Format of the hour value (12-hour or 24-hour) (this will be replaced by locale eventually) */
     this.hourDisplayFormat = "12";
+    /**
+     * When true, makes the component required for form-submission.
+     *
+     * @internal
+     */
+    this.required = false;
     /** The scale (size) of the time input */
     this.scale = "m";
-    /** number that specifies the granularity that the value must adhere to */
+    /** number (seconds) that specifies the granularity that the value must adhere to */
     this.step = 60;
-    /** The selected time */
+    /** The selected time (always 24-hour format)*/
     this.value = null;
     /** whether the value of the input was changed as a result of user typing or not */
     this.internalValueChange = false;
@@ -44,14 +55,6 @@ export class CalciteInputTimePicker {
     this.calciteInputInputHandler = (event) => {
       this.setValue({ value: event.detail.value });
     };
-    // --------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    // --------------------------------------------------------------------------
-    this.onLabelClick = () => {
-      this.setFocus();
-    };
     this.setCalciteInputEl = (el) => {
       this.calciteInputEl = el;
     };
@@ -151,6 +154,14 @@ export class CalciteInputTimePicker {
   async setFocus() {
     this.calciteInputEl.setFocus();
   }
+  // --------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  // --------------------------------------------------------------------------
+  onLabelClick() {
+    this.setFocus();
+  }
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -161,6 +172,7 @@ export class CalciteInputTimePicker {
       this.setValue({ value: this.value, origin: "loading" });
     }
     connectLabel(this);
+    connectForm(this);
   }
   componentDidLoad() {
     if (this.calciteInputEl.value !== this.value) {
@@ -169,6 +181,7 @@ export class CalciteInputTimePicker {
   }
   disconnectedCallback() {
     disconnectLabel(this);
+    disconnectForm(this);
   }
   // --------------------------------------------------------------------------
   //
@@ -180,9 +193,10 @@ export class CalciteInputTimePicker {
     const popoverId = `${this.referenceElementId}-popover`;
     return (h(Host, null,
       h("div", { "aria-controls": popoverId, "aria-haspopup": "dialog", "aria-label": this.name, "aria-owns": popoverId, id: this.referenceElementId, role: "combobox" },
-        h("calcite-input", { disabled: this.disabled, icon: "clock", label: getLabelText(this), name: this.name, onCalciteInputBlur: this.calciteInputBlurHandler, onCalciteInputFocus: this.calciteInputFocusHandler, onCalciteInputInput: this.calciteInputInputHandler, ref: this.setCalciteInputEl, scale: this.scale, step: this.step })),
+        h("calcite-input", { disabled: this.disabled, icon: "clock", label: getLabelText(this), onCalciteInputBlur: this.calciteInputBlurHandler, onCalciteInputFocus: this.calciteInputFocusHandler, onCalciteInputInput: this.calciteInputInputHandler, ref: this.setCalciteInputEl, scale: this.scale, step: this.step })),
       h("calcite-popover", { id: popoverId, label: "Time Picker", open: this.active || false, referenceElement: this.referenceElementId },
-        h("calcite-time-picker", { hour: hour, "hour-display-format": this.hourDisplayFormat, intlHour: this.intlHour, intlHourDown: this.intlHourDown, intlHourUp: this.intlHourUp, intlMeridiem: this.intlMeridiem, intlMeridiemDown: this.intlMeridiemDown, intlMeridiemUp: this.intlMeridiemUp, intlMinute: this.intlMinute, intlMinuteDown: this.intlMinuteDown, intlMinuteUp: this.intlMinuteUp, intlSecond: this.intlSecond, intlSecondDown: this.intlSecondDown, intlSecondUp: this.intlSecondUp, minute: minute, scale: this.scale, second: second, step: this.step }))));
+        h("calcite-time-picker", { hour: hour, "hour-display-format": this.hourDisplayFormat, intlHour: this.intlHour, intlHourDown: this.intlHourDown, intlHourUp: this.intlHourUp, intlMeridiem: this.intlMeridiem, intlMeridiemDown: this.intlMeridiemDown, intlMeridiemUp: this.intlMeridiemUp, intlMinute: this.intlMinute, intlMinuteDown: this.intlMinuteDown, intlMinuteUp: this.intlMinuteUp, intlSecond: this.intlSecond, intlSecondDown: this.intlSecondDown, intlSecondUp: this.intlSecondUp, minute: minute, scale: this.scale, second: second, step: this.step })),
+      h(HiddenFormInputSlot, { component: this })));
   }
   static get is() { return "calcite-input-time-picker"; }
   static get encapsulation() { return "shadow"; }
@@ -465,7 +479,7 @@ export class CalciteInputTimePicker {
         "references": {}
       },
       "required": false,
-      "optional": true,
+      "optional": false,
       "docs": {
         "tags": [],
         "text": "The name of the time input"
@@ -473,6 +487,27 @@ export class CalciteInputTimePicker {
       "attribute": "name",
       "reflect": false
     },
+    "required": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "internal",
+            "text": undefined
+          }],
+        "text": "When true, makes the component required for form-submission."
+      },
+      "attribute": "required",
+      "reflect": true,
+      "defaultValue": "false"
+    },
     "scale": {
       "type": "string",
       "mutable": false,
@@ -508,7 +543,7 @@ export class CalciteInputTimePicker {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "number that specifies the granularity that the value must adhere to"
+        "text": "number (seconds) that specifies the granularity that the value must adhere to"
       },
       "attribute": "step",
       "reflect": false,
@@ -526,7 +561,7 @@ export class CalciteInputTimePicker {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "The selected time"
+        "text": "The selected time (always 24-hour format)"
       },
       "attribute": "value",
       "reflect": false,

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

@@ -1,3 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ */
 import { Component, Element, Event, h, Prop, Host } from "@stencil/core";
 import { getElementDir } from "../../utils/dom";
 import { CSS } from "./resources";
@@ -204,8 +208,8 @@ export class CalciteLabel {
       "composed": true,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": ""
       },

package/dist/collection/components/calcite-label/resources.js

@@ -1,3 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ */
 export const CSS = {
   container: "container"
 };

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

@@ -1,4 +1,8 @@
-import { Component, Element, h, Host, Method, Prop } from "@stencil/core";
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ */
+import { Component, Element, h, Host, Method, Prop, State, Watch } from "@stencil/core";
 import { focusElement, getElementDir } from "../../utils/dom";
 import { CSS_UTILITY } from "../../utils/resources";
 /** Any attributes placed on <calcite-link> component will propagate to the rendered child */
@@ -25,6 +29,9 @@ export class CalciteLink {
       this.childEl = el;
     };
   }
+  hrefHandler(href) {
+    this.childElType = href ? "a" : "span";
+  }
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -190,6 +197,9 @@ export class CalciteLink {
       "reflect": false
     }
   }; }
+  static get states() { return {
+    "childElType": {}
+  }; }
   static get methods() { return {
     "setFocus": {
       "complexType": {
@@ -209,4 +219,8 @@ export class CalciteLink {
     }
   }; }
   static get elementRef() { return "el"; }
+  static get watchers() { return [{
+      "propName": "href",
+      "methodName": "hrefHandler"
+    }]; }
 }

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

@@ -1,10 +1,24 @@
-import { Component, h, Host, Prop } from "@stencil/core";
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ */
+import { Component, Element, h, Host, Prop, Method } from "@stencil/core";
 import { CSS } from "./resources";
 /**
  * A general purpose list that enables users to construct list items that conform to Calcite styling.
  * @slot - A slot for adding `calcite-list-item` elements.
  */
 export class CalciteList {
+  // --------------------------------------------------------------------------
+  //
+  //  Public Methods
+  //
+  // --------------------------------------------------------------------------
+  /** Sets focus on the component. */
+  async setFocus() {
+    const firstListItem = this.el.querySelector(`calcite-list-item:not([non-interactive])`);
+    firstListItem === null || firstListItem === void 0 ? void 0 : firstListItem.setFocus();
+  }
   // --------------------------------------------------------------------------
   //
   //  Render Methods
@@ -47,4 +61,26 @@ export class CalciteList {
       "reflect": false
     }
   }; }
+  static get methods() { return {
+    "setFocus": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          },
+          "HTMLCalciteListItemElement": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Sets focus on the component.",
+        "tags": []
+      }
+    }
+  }; }
+  static get elementRef() { return "el"; }
 }

package/dist/collection/components/calcite-list/resources.js

@@ -1,3 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ */
 export const CSS = {
   container: "container"
 };

package/dist/collection/components/calcite-list-item/calcite-list-item.css

@@ -167,6 +167,13 @@
   word-break: break-word;
 }
 
+.label:only-child,
+.description:only-child {
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+  margin: 0;
+}
+
 .label {
   color: var(--calcite-ui-text-1);
 }

package/dist/collection/components/calcite-list-item/calcite-list-item.js

@@ -1,4 +1,8 @@
-import { Component, Element, Prop, h, Host } from "@stencil/core";
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ */
+import { Component, Element, Prop, h, Host, Method } from "@stencil/core";
 import { SLOTS, CSS } from "./resources";
 import { getSlotted } from "../../utils/dom";
 /**
@@ -26,6 +30,16 @@ export class CalciteListItem {
   }
   // --------------------------------------------------------------------------
   //
+  //  Public Methods
+  //
+  // --------------------------------------------------------------------------
+  /** Sets focus on the component. */
+  async setFocus() {
+    var _a;
+    (_a = this.focusEl) === null || _a === void 0 ? void 0 : _a.focus();
+  }
+  // --------------------------------------------------------------------------
+  //
   //  Render Methods
   //
   // --------------------------------------------------------------------------
@@ -58,7 +72,7 @@ export class CalciteListItem {
   renderContentContainer() {
     const { disabled, nonInteractive } = this;
     const content = [this.renderContentStart(), this.renderContent(), this.renderContentEnd()];
-    return !nonInteractive ? (h("button", { class: { [CSS.contentContainer]: true, [CSS.contentContainerButton]: true }, disabled: disabled }, content)) : (h("div", { class: CSS.contentContainer }, content));
+    return !nonInteractive ? (h("button", { class: { [CSS.contentContainer]: true, [CSS.contentContainerButton]: true }, disabled: disabled, ref: (focusEl) => (this.focusEl = focusEl) }, content)) : (h("div", { class: CSS.contentContainer, ref: () => (this.focusEl = null) }, content));
   }
   render() {
     return (h(Host, { role: "listitem" },
@@ -149,5 +163,23 @@ export class CalciteListItem {
       "reflect": false
     }
   }; }
+  static get methods() { return {
+    "setFocus": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Sets focus on the component.",
+        "tags": []
+      }
+    }
+  }; }
   static get elementRef() { return "el"; }
 }

package/dist/collection/components/calcite-list-item/resources.js

@@ -1,3 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ */
 export const CSS = {
   container: "container",
   contentContainer: "content-container",

package/dist/collection/components/calcite-list-item-group/calcite-list-item-group.js

@@ -1,3 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ */
 import { Component, Element, Prop, h, Host } from "@stencil/core";
 import { CSS } from "./resources";
 import { HEADING_LEVEL } from "./resources";

package/dist/collection/components/calcite-list-item-group/resources.js

@@ -1,3 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ */
 export const CSS = {
   heading: "heading",
   container: "container"

package/dist/collection/components/calcite-loader/calcite-loader.css

@@ -158,10 +158,8 @@
   text-align: center;
   font-size: var(--calcite-loader-font-size);
   width: var(--calcite-loader-size);
-  top: 4rem;
   left: 50%;
   margin-left: calc(var(--calcite-loader-size) / 2 * -1);
-  margin-top: calc(var(--calcite-loader-size) / 2);
   line-height: 0.25;
   transform: scale(1, 1);
 }
@@ -172,7 +170,6 @@
   opacity: 1;
   width: var(--calcite-loader-size);
   height: var(--calcite-loader-size);
-  top: 4rem;
   left: 50%;
   margin-left: calc(var(--calcite-loader-size) / 2 * -1);
   transform: scale(1, 1);
@@ -229,13 +226,13 @@
   height: var(--calcite-loader-size-inline);
   min-height: var(--calcite-loader-size-inline);
   width: var(--calcite-loader-size-inline);
-  margin-right: var(--calcite-loader-size-inline)/2;
-  vertical-align: -var(--calcite-loader-size-inline)/5;
+  margin-right: calc(var(--calcite-loader-size-inline) * 0.5);
+  vertical-align: calc(var(--calcite-loader-size-inline) * -1 * 0.2);
 }
 
 :host([inline][dir=rtl]) {
   margin-right: 0;
-  margin-left: var(--calcite-loader-size-inline)/2;
+  margin-left: calc(var(--calcite-loader-size-inline) * 0.5);
 }
 
 :host([active][inline]) {

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

@@ -1,3 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ */
 import { Component, Element, h, Host, Prop } from "@stencil/core";
 import { guid } from "../../utils/guid";
 export class CalciteLoader {

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

@@ -1,3 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ */
 import { Component, Element, Event, h, Host, Listen, Method, Prop, State, Watch } from "@stencil/core";
 import { ensureId, focusElement, getElementDir, getSlotted, isCalciteFocusable } from "../../utils/dom";
 import { getKey } from "../../utils/key";
@@ -536,7 +540,7 @@ export class CalciteModal {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "Fired when the modal begins the open animation"
+        "text": "Fired when the modal finishes the open animation"
       },
       "complexType": {
         "original": "any",
@@ -551,7 +555,7 @@ export class CalciteModal {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "Fired when the modal begins the close animation"
+        "text": "Fired when the modal finishes the close animation"
       },
       "complexType": {
         "original": "any",

package/dist/collection/components/calcite-modal/interfaces.js

@@ -1 +1,5 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ */
 export {};

package/dist/collection/components/calcite-modal/resources.js

@@ -1,3 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ */
 export const CSS = {
   title: "title",
   header: "header",

package/dist/collection/components/calcite-notice/calcite-notice.css

@@ -101,19 +101,23 @@
 :host([scale=s]) .container *::slotted([slot=title]) {
   font-size: var(--calcite-font-size--1);
   line-height: 1.375;
-  margin-bottom: 0.25rem;
+  margin-top: 0.125rem;
+  margin-bottom: 0.125rem;
 }
 
 :host([scale=s]) .container slot[name=message]::slotted(*),
 :host([scale=s]) .container *::slotted([slot=message]) {
   font-size: var(--calcite-font-size--2);
   line-height: 1.375;
-  margin-bottom: 0.25rem;
+  margin-top: 0.125rem;
+  margin-bottom: 0.125rem;
 }
 
 :host([scale=s]) ::slotted(calcite-link) {
   font-size: var(--calcite-font-size--2);
   line-height: 1.375;
+  margin-top: 0.125rem;
+  margin-bottom: 0.125rem;
 }
 
 :host([scale=s]) .notice-close {
@@ -129,19 +133,23 @@
 :host([scale=m]) .container *::slotted([slot=title]) {
   font-size: var(--calcite-font-size-0);
   line-height: 1.375;
-  margin-bottom: 0.25rem;
+  margin-top: 0.125rem;
+  margin-bottom: 0.125rem;
 }
 
 :host([scale=m]) .container slot[name=message]::slotted(*),
 :host([scale=m]) .container *::slotted([slot=message]) {
   font-size: var(--calcite-font-size--1);
   line-height: 1.375;
-  margin-bottom: 0.25rem;
+  margin-top: 0.125rem;
+  margin-bottom: 0.125rem;
 }
 
 :host([scale=m]) ::slotted(calcite-link) {
   font-size: var(--calcite-font-size--1);
   line-height: 1.375;
+  margin-top: 0.125rem;
+  margin-bottom: 0.125rem;
 }
 
 :host([scale=l]) {
@@ -153,19 +161,23 @@
 :host([scale=l]) .container *::slotted([slot=title]) {
   font-size: var(--calcite-font-size-1);
   line-height: 1.375;
-  margin-bottom: 0.25rem;
+  margin-top: 0.125rem;
+  margin-bottom: 0.125rem;
 }
 
 :host([scale=l]) .container slot[name=message]::slotted(*),
 :host([scale=l]) .container *::slotted([slot=message]) {
   font-size: var(--calcite-font-size-0);
   line-height: 1.375;
-  margin-bottom: 0.25rem;
+  margin-top: 0.125rem;
+  margin-bottom: 0.125rem;
 }
 
 :host([scale=l]) ::slotted(calcite-link) {
   font-size: var(--calcite-font-size-0);
   line-height: 1.375;
+  margin-top: 0.125rem;
+  margin-bottom: 0.125rem;
 }
 
 :host([width=auto]) {

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

@@ -1,3 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ */
 import { Component, Element, Event, h, Method, Prop, Watch } from "@stencil/core";
 import { CSS, SLOTS, TEXT } from "./resources";
 import { StatusIcons } from "../calcite-alert/interfaces";
@@ -190,8 +194,8 @@ export class CalciteNotice {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"Close\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"Close\""
           }],
         "text": "String for the close button."
       },

package/dist/collection/components/calcite-notice/resources.js

@@ -1,3 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ */
 export const TEXT = {
   close: "Close"
 };

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

@@ -1,3 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ */
 import { Component, h, Prop, Element, Event, Watch } from "@stencil/core";
 import { createObserver } from "../../utils/observers";
 export class CalciteOption {
@@ -150,8 +154,8 @@ export class CalciteOption {
       "composed": true,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": ""
       },

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

@@ -1,3 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ */
 import { Component, h, Prop, Watch, Event, Fragment } from "@stencil/core";
 /**
  * @slot - A slot for adding `calcite-option`s.
@@ -80,8 +84,8 @@ export class CalciteOptionGroup {
       "composed": true,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": ""
       },

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

@@ -1,3 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ */
 import { Component, Element, Event, h, Prop, Method, Fragment } from "@stencil/core";
 import { getElementDir } from "../../utils/dom";
 import { CSS, TEXT } from "./resources";
@@ -228,8 +232,8 @@ export class CalcitePagination {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"Next\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"Next\""
           }],
         "text": "Used as an accessible label (aria-label) for the next button"
       },
@@ -249,8 +253,8 @@ export class CalcitePagination {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"Previous\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"Previous\""
           }],
         "text": "Used as an accessible label (aria-label) of the previous button"
       },
@@ -290,8 +294,8 @@ export class CalcitePagination {
       "composed": true,
       "docs": {
         "tags": [{
-            "text": "use calcitePaginationChange instead",
-            "name": "deprecated"
+            "name": "deprecated",
+            "text": "use calcitePaginationChange instead"
           }],
         "text": "Emitted whenever the selected page changes."
       },
@@ -312,8 +316,8 @@ export class CalcitePagination {
       "composed": true,
       "docs": {
         "tags": [{
-            "text": " [CalcitePaginationDetail](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-pagination/calcite-pagination.tsx#L18)",
-            "name": "see"
+            "name": "see",
+            "text": " [CalcitePaginationDetail](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-pagination/calcite-pagination.tsx#L18)"
           }],
         "text": "Emitted whenever the selected page changes."
       },