@esri/calcite-components 1.0.0-beta.65 → 1.0.0-beta.69

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,4 +1,11 @@
+/*!
+ * 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.
+ */
 export class CalciteOptionGroup {
   constructor() {
     //--------------------------------------------------------------------------
@@ -77,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."
       },

package/dist/collection/components/calcite-pagination/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 = {
   page: "page",
   selected: "is-selected",

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

@@ -233,13 +233,14 @@ h5.heading {
 }
 
 .header-content {
-  display: block;
   overflow: hidden;
   margin-right: auto;
-  padding-top: 1.25rem;
-  padding-bottom: 1.25rem;
-  padding-left: 1rem;
-  padding-right: 1rem;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+  display: flex;
+  flex-direction: column;
 }
 
 .header-content .heading,

package/dist/collection/components/calcite-panel/calcite-panel.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, Method, Prop, Watch, h, Fragment } from "@stencil/core";
 import { CSS, HEADING_LEVEL, ICONS, SLOTS, TEXT } from "./resources";
 import { getElementDir, getSlotted } from "../../utils/dom";
@@ -5,13 +9,14 @@ import { CSS_UTILITY } from "../../utils/resources";
 import { CalciteHeading } from "../functional/CalciteHeading";
 import { SLOTS as ACTION_MENU_SLOTS } from "../calcite-action-menu/resources";
 /**
- * @slot header-actions-start - a slot for adding actions or content to the start side of the panel header.
- * @slot header-actions-end - a slot for adding actions or content to the end side of the panel header.
- * @slot header-content - a slot for adding custom content to the header.
- * @slot header-menu-actions - a slot for adding an overflow menu with actions inside a dropdown.
- * @slot fab - a slot for adding a `calcite-fab` (floating action button) to perform an action.
- * @slot footer-actions - a slot for adding buttons to the footer.
- * @slot footer - a slot for adding custom content to the footer.
+ * @slot - A slot for adding custom content.
+ * @slot header-actions-start - A slot for adding actions or content to the start side of the panel header.
+ * @slot header-actions-end - A slot for adding actions or content to the end side of the panel header.
+ * @slot header-content - A slot for adding custom content to the header.
+ * @slot header-menu-actions - A slot for adding an overflow menu with actions inside a dropdown.
+ * @slot fab - A slot for adding a `calcite-fab` (floating action button) to perform an action.
+ * @slot footer-actions - A slot for adding buttons to the footer.
+ * @slot footer - A slot for adding custom content to the footer.
  */
 export class CalcitePanel {
   constructor() {
@@ -105,7 +110,7 @@ export class CalcitePanel {
     const { showBackButton, intlBack, backButtonClick } = this;
     const label = intlBack || TEXT.back;
     const icon = rtl ? ICONS.backRight : ICONS.backLeft;
-    return showBackButton ? (h("calcite-action", { "aria-label": label, class: CSS.backButton, icon: icon, key: "back-button", onClick: backButtonClick, ref: this.setBackRef, scale: "m", slot: SLOTS.headerActionsStart, text: label })) : null;
+    return showBackButton ? (h("calcite-action", { "aria-label": label, class: CSS.backButton, icon: icon, key: "back-button", onClick: backButtonClick, ref: this.setBackRef, scale: "s", slot: SLOTS.headerActionsStart, text: label })) : null;
   }
   renderHeaderContent() {
     const { heading, headingLevel, summary } = this;

package/dist/collection/components/calcite-panel/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 = {
   backButton: "back-button",
   container: "container",

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

@@ -118,7 +118,7 @@
 }
 
 calcite-filter {
-  margin-bottom: 1px;
+  margin-bottom: 0;
 }
 
 :host([loading][disabled]) {

package/dist/collection/components/calcite-pick-list/calcite-pick-list.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, Listen, Method, Prop, State, h } from "@stencil/core";
 import { ICON_TYPES } from "./resources";
 import { calciteListItemChangeHandler, calciteListItemValueChangeHandler, cleanUpObserver, deselectSiblingItems, getItemData, handleFilter, calciteListFocusOutHandler, initialize, initializeObserver, mutationObserverCallback, selectSiblings, setUpItems, keyDownHandler, setFocus, removeItem } from "./shared-list-logic";

package/dist/collection/components/calcite-pick-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 = {
   sticky: "sticky"
 };

package/dist/collection/components/calcite-pick-list/shared-list-logic.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 { debounce } from "lodash-es";
 import { focusElement, getSlotted } from "../../utils/dom";
 import { getRoundRobinIndex } from "../../utils/array";

package/dist/collection/components/calcite-pick-list/shared-list-render.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.
+ */
 var __rest = (this && this.__rest) || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)

package/dist/collection/components/calcite-pick-list-group/calcite-pick-list-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, Fragment } from "@stencil/core";
 import { CSS, SLOTS } from "./resources";
 import { CSS_UTILITY } from "../../utils/resources";

package/dist/collection/components/calcite-pick-list-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-pick-list-item/calcite-pick-list-item.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, Fragment, h, Method, Prop, Watch } from "@stencil/core";
 import { CSS, ICONS, SLOTS, TEXT } from "./resources";
 import { ICON_TYPES } from "../calcite-pick-list/resources";
@@ -220,8 +224,8 @@ export class CalcitePickListItem {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "When true, the item cannot be selected by user interaction.",
-            "name": "internal"
+            "name": "internal",
+            "text": "When true, the item cannot be selected by user interaction."
           }],
         "text": ""
       },
@@ -246,8 +250,8 @@ export class CalcitePickListItem {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": " [ICON_TYPES](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-pick-list/resources.ts#L5)",
-            "name": "see"
+            "name": "see",
+            "text": " [ICON_TYPES](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-pick-list/resources.ts#L5)"
           }],
         "text": "Determines the icon SVG symbol that will be shown. Options are circle, square, grip or null."
       },
@@ -339,8 +343,8 @@ export class CalcitePickListItem {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"Remove\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"Remove\""
           }],
         "text": "Used as an accessible label (aria-label) for the \"remove item\" action. Only applicable if removable is true."
       },
@@ -408,8 +412,8 @@ export class CalcitePickListItem {
       "composed": true,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": "Emitted whenever the the item's label, description, value or metadata properties are modified."
       },
@@ -426,8 +430,8 @@ export class CalcitePickListItem {
       "composed": true,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": "Emitted whenever the the item's value property is modified."
       },

package/dist/collection/components/calcite-pick-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 = {
   actions: "actions",
   actionsEnd: "actions--end",

package/dist/collection/components/calcite-popover/calcite-popover.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, forceUpdate, Host, Method, Prop, State, Watch, h } from "@stencil/core";
 import { CSS, ARIA_CONTROLS, ARIA_EXPANDED, HEADING_LEVEL, POPOVER_REFERENCE, TEXT } from "./resources";
 import { defaultOffsetDistance, createPopper, updatePopper, CSS as PopperCSS } from "../../utils/popper";
@@ -5,6 +9,9 @@ import { guid } from "../../utils/guid";
 import { getElementDir, queryElementRoots } from "../../utils/dom";
 import { CSS_UTILITY } from "../../utils/resources";
 import { CalciteHeading } from "../functional/CalciteHeading";
+/**
+ * @slot - A slot for adding custom content.
+ */
 export class CalcitePopover {
   constructor() {
     // --------------------------------------------------------------------------
@@ -151,7 +158,7 @@ export class CalcitePopover {
     const { popper, el, placement } = this;
     const modifiers = this.getModifiers();
     popper
-      ? updatePopper({
+      ? await updatePopper({
         el,
         modifiers,
         placement,
@@ -288,8 +295,8 @@ export class CalcitePopover {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "use dismissible instead.",
-            "name": "deprecated"
+            "name": "deprecated",
+            "text": "use dismissible instead."
           }],
         "text": "Display a close button within the Popover."
       },
@@ -439,8 +446,8 @@ export class CalcitePopover {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "6",
-            "name": "default"
+            "name": "default",
+            "text": "6"
           }],
         "text": "Offset the position of the popover away from the reference element."
       },
@@ -524,8 +531,8 @@ export class CalcitePopover {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": " [PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)",
-            "name": "see"
+            "name": "see",
+            "text": " [PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)"
           }],
         "text": "Determines where the component will be positioned relative to the referenceElement."
       },
@@ -566,8 +573,8 @@ export class CalcitePopover {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"Close\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"Close\""
           }],
         "text": "Text for close button."
       },

package/dist/collection/components/calcite-popover/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",
   arrow: "arrow",

package/dist/collection/components/calcite-popover-manager/calcite-popover-manager.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, Listen, Prop } from "@stencil/core";
 import { POPOVER_REFERENCE } from "../calcite-popover/resources";
 import { queryElementRoots, queryElementsRoots } from "../../utils/dom";
@@ -82,8 +86,8 @@ export class CalcitePopoverManager {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "`[data-calcite-popover-reference]`",
-            "name": "default"
+            "name": "default",
+            "text": "`[data-calcite-popover-reference]`"
           }],
         "text": "CSS Selector to match reference elements for popovers. Reference elements will be identified by this selector in order to open their associated popover."
       },

package/dist/collection/components/calcite-progress/calcite-progress.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, Prop } from "@stencil/core";
 export class CalciteProgress {
   constructor() {

package/dist/collection/components/calcite-radio/calcite-radio.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 } from "@stencil/core";
 export class CalciteRadio {
   constructor() {
@@ -90,8 +94,8 @@ export class CalciteRadio {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": "The focused state of the radio."
       },
@@ -129,8 +133,8 @@ export class CalciteRadio {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": "The hovered state of the radio."
       },