@esri/calcite-components 1.0.0-next.282 → 1.0.0-next.283

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

@@ -96,12 +96,7 @@ export class CalciteTimePicker {
       let newValue;
       if (isValidNumber(this[key])) {
         const valueAsNumber = parseInt(this[key]);
-        if (valueAsNumber === 0) {
-          newValue = 59;
-        }
-        else {
-          newValue = valueAsNumber - 1;
-        }
+        newValue = valueAsNumber === 0 ? 59 : valueAsNumber - 1;
       }
       else {
         newValue = 59;
@@ -130,12 +125,10 @@ export class CalciteTimePicker {
         if (isValidNumber(this.hour)) {
           switch (this.hourDisplayFormat) {
             case "12":
-              if (this.hour === "01" && keyAsNumber >= 0 && keyAsNumber <= 2) {
-                newHour = `1${keyAsNumber}`;
-              }
-              else {
-                newHour = keyAsNumber;
-              }
+              newHour =
+                this.hour === "01" && keyAsNumber >= 0 && keyAsNumber <= 2
+                  ? `1${keyAsNumber}`
+                  : keyAsNumber;
               break;
             case "24":
               if (this.hour === "01") {
@@ -255,12 +248,10 @@ export class CalciteTimePicker {
         let newMinute;
         if (isValidNumber(this.minute) && this.minute.startsWith("0")) {
           const minuteAsNumber = parseInt(this.minute);
-          if (minuteAsNumber > maxTenthForMinuteAndSecond) {
-            newMinute = keyAsNumber;
-          }
-          else {
-            newMinute = `${minuteAsNumber}${keyAsNumber}`;
-          }
+          newMinute =
+            minuteAsNumber > maxTenthForMinuteAndSecond
+              ? keyAsNumber
+              : `${minuteAsNumber}${keyAsNumber}`;
         }
         else {
           newMinute = keyAsNumber;
@@ -305,12 +296,10 @@ export class CalciteTimePicker {
         let newSecond;
         if (isValidNumber(this.second) && this.second.startsWith("0")) {
           const secondAsNumber = parseInt(this.second);
-          if (secondAsNumber > maxTenthForMinuteAndSecond) {
-            newSecond = keyAsNumber;
-          }
-          else {
-            newSecond = `${secondAsNumber}${keyAsNumber}`;
-          }
+          newSecond =
+            secondAsNumber > maxTenthForMinuteAndSecond
+              ? keyAsNumber
+              : `${secondAsNumber}${keyAsNumber}`;
         }
         else {
           newSecond = keyAsNumber;
@@ -463,6 +452,7 @@ export class CalciteTimePicker {
   //  Public Methods
   //
   //--------------------------------------------------------------------------
+  /** Sets focus on the component. */
   async setFocus(target) {
     var _a;
     (_a = this[`${target || "hour"}El`]) === null || _a === void 0 ? void 0 : _a.focus();
@@ -1063,7 +1053,7 @@ export class CalciteTimePicker {
         "return": "Promise<void>"
       },
       "docs": {
-        "text": "",
+        "text": "Sets focus on the component.",
         "tags": []
       }
     }

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

@@ -125,38 +125,41 @@
   margin: 0;
   display: flex;
   align-items: center;
-  justify-content: space-between;
+  align-content: space-between;
   color: var(--calcite-ui-text-2);
-  fill: var(--calcite-ui-text-2);
+  fill: ;
 }
 
 .heading {
-  padding: 0;
-  margin: 0;
   font-weight: var(--calcite-font-weight-medium);
-  line-height: 1.5;
+  margin: 0;
+  padding: 0;
 }
 
 .header .heading {
-  flex: 1 0 auto;
-  padding: var(--calcite-spacing-half) var(--calcite-spacing-half);
+  flex: 1 1 auto;
+  padding: 0.5rem;
 }
 
 h1.heading {
   font-size: var(--calcite-font-size-2);
+  line-height: 1.5rem;
 }
 
 h2.heading {
   font-size: var(--calcite-font-size-1);
+  line-height: 1.5rem;
 }
 
 h3.heading {
   font-size: var(--calcite-font-size-0);
+  line-height: 1.25rem;
 }
 
 h4.heading,
 h5.heading {
   font-size: var(--calcite-font-size--1);
+  line-height: 1rem;
 }
 
 .header {

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

@@ -3,6 +3,7 @@ import { CSS, ICONS, SLOTS, TEXT, HEADING_LEVEL } from "./resources";
 import { getSlotted } from "../../utils/dom";
 import { CalciteHeading, constrainHeadingLevel } from "../functional/CalciteHeading";
 /**
+ * @slot - A slot for adding text and a hyperlink.
  * @slot thumbnail - A slot for adding an HTML image element to the tip.
  */
 export class CalciteTip {
@@ -20,6 +21,10 @@ export class CalciteTip {
      * Indicates whether the tip can be dismissed.
      */
     this.nonDismissible = false;
+    /**
+     * The selected state of the tip if it is being used inside a `calcite-tip-manager`.
+     */
+    this.selected = false;
     // --------------------------------------------------------------------------
     //
     //  Private Methods
@@ -163,13 +168,14 @@ export class CalciteTip {
         "references": {}
       },
       "required": false,
-      "optional": true,
+      "optional": false,
       "docs": {
         "tags": [],
         "text": "The selected state of the tip if it is being used inside a `calcite-tip-manager`."
       },
       "attribute": "selected",
-      "reflect": true
+      "reflect": true,
+      "defaultValue": "false"
     },
     "intlClose": {
       "type": "string",

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

@@ -1,4 +1,7 @@
 import { Component, Prop, h } from "@stencil/core";
+/**
+ * @slot - A slot for adding `calcite-tip`s.
+ */
 export class CalciteTipGroup {
   render() {
     return h("slot", null);

package/dist/collection/components/calcite-tip-manager/calcite-tip-manager.css

@@ -117,38 +117,41 @@
   margin: 0;
   display: flex;
   align-items: center;
-  justify-content: space-between;
+  align-content: space-between;
   color: var(--calcite-ui-text-2);
-  fill: var(--calcite-ui-text-2);
+  fill: ;
 }
 
 .heading {
-  padding: 0;
-  margin: 0;
   font-weight: var(--calcite-font-weight-medium);
-  line-height: 1.5;
+  margin: 0;
+  padding: 0;
 }
 
 .header .heading {
-  flex: 1 0 auto;
-  padding: var(--calcite-spacing-half) var(--calcite-spacing-half);
+  flex: 1 1 auto;
+  padding: 0.5rem;
 }
 
 h1.heading {
   font-size: var(--calcite-font-size-2);
+  line-height: 1.5rem;
 }
 
 h2.heading {
   font-size: var(--calcite-font-size-1);
+  line-height: 1.5rem;
 }
 
 h3.heading {
   font-size: var(--calcite-font-size-0);
+  line-height: 1.25rem;
 }
 
 h4.heading,
 h5.heading {
   font-size: var(--calcite-font-size--1);
+  line-height: 1rem;
 }
 
 .header {
@@ -162,11 +165,12 @@ h5.heading {
   padding-bottom: 0;
 }
 
-h2.heading {
+.header h2.heading {
   font-weight: var(--calcite-font-weight-bold);
   color: var(--calcite-ui-text-1);
   font-size: var(--calcite-font-size-1);
   line-height: 1.5rem;
+  padding: 0;
 }
 
 .container {

package/dist/collection/components/calcite-tip-manager/calcite-tip-manager.js

@@ -2,6 +2,7 @@ import { Component, Element, Event, Method, Prop, State, Watch, h } from "@stenc
 import { CSS, ICONS, TEXT, HEADING_LEVEL } from "./resources";
 import { getElementDir } from "../../utils/dom";
 import { CalciteHeading } from "../functional/CalciteHeading";
+import { createObserver } from "../../utils/observers";
 /**
  * @slot - A slot for adding `calcite-tip`s.
  */
@@ -16,7 +17,7 @@ export class CalciteTipManager {
      * Alternate text for closing the `calcite-tip-manager`.
      */
     this.closed = false;
-    this.observer = new MutationObserver(() => this.setUpTips());
+    this.mutationObserver = createObserver("mutation", () => this.setUpTips());
     this.hideTipManager = () => {
       this.closed = true;
       this.calciteTipManagerToggle.emit();
@@ -68,22 +69,26 @@ export class CalciteTipManager {
   //
   // --------------------------------------------------------------------------
   connectedCallback() {
+    var _a;
     this.setUpTips();
-    this.observer.observe(this.el, { childList: true, subtree: true });
+    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
   }
   disconnectedCallback() {
-    this.observer.disconnect();
+    var _a;
+    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
   }
   // --------------------------------------------------------------------------
   //
   //  Public Methods
   //
   // --------------------------------------------------------------------------
+  /** Selects the next tip to display */
   async nextTip() {
     this.direction = "advancing";
     const nextIndex = this.selectedIndex + 1;
     this.selectedIndex = (nextIndex + this.total) % this.total;
   }
+  /** Selects the previous tip to display */
   async previousTip() {
     this.direction = "retreating";
     const previousIndex = this.selectedIndex - 1;
@@ -327,7 +332,7 @@ export class CalciteTipManager {
         "return": "Promise<void>"
       },
       "docs": {
-        "text": "",
+        "text": "Selects the next tip to display",
         "tags": []
       }
     },
@@ -343,7 +348,7 @@ export class CalciteTipManager {
         "return": "Promise<void>"
       },
       "docs": {
-        "text": "",
+        "text": "Selects the previous tip to display",
         "tags": []
       }
     }

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

@@ -3,6 +3,9 @@ import { CSS, TOOLTIP_REFERENCE, ARIA_DESCRIBED_BY } from "./resources";
 import { guid } from "../../utils/guid";
 import { defaultOffsetDistance, createPopper, updatePopper, CSS as PopperCSS } from "../../utils/popper";
 import { queryElementRoots } from "../../utils/dom";
+/**
+ * @slot - A slot for adding text.
+ */
 export class CalciteTooltip {
   constructor() {
     /**
@@ -105,6 +108,7 @@ export class CalciteTooltip {
   //  Public Methods
   //
   // --------------------------------------------------------------------------
+  /** Updates the position of the component. */
   async reposition() {
     const { popper, el, placement } = this;
     const modifiers = this.getModifiers();
@@ -348,7 +352,7 @@ export class CalciteTooltip {
         "return": "Promise<void>"
       },
       "docs": {
-        "text": "",
+        "text": "Updates the position of the component.",
         "tags": []
       }
     }