@esri/calcite-components 1.0.0-beta.82 → 1.0.0-beta.85

package/dist/collection/components/radio-group/radio-group.js

@@ -1,12 +1,12 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.82
+ * v1.0.0-beta.85
  */
-import { Component, Event, h, Listen, Element, Prop, Watch, Host, Build, Method } from "@stencil/core";
+import { Build, Component, Element, Event, h, Host, Listen, Method, Prop, Watch } from "@stencil/core";
 import { getElementDir } from "../../utils/dom";
 import { connectLabel, disconnectLabel } from "../../utils/label";
-import { connectForm, disconnectForm, HiddenFormInputSlot } from "../../utils/form";
+import { afterConnectDefaultValueSet, connectForm, disconnectForm, HiddenFormInputSlot } from "../../utils/form";
 import { updateHostInteraction } from "../../utils/interactive";
 /**
  * @slot - A slot for adding `calcite-radio-group-item`s.
@@ -84,6 +84,9 @@ export class RadioGroup {
       items[0].tabIndex = 0;
     }
   }
+  componentDidLoad() {
+    afterConnectDefaultValueSet(this, this.value);
+  }
   connectedCallback() {
     connectLabel(this);
     connectForm(this);
@@ -101,9 +104,9 @@ export class RadioGroup {
       h(HiddenFormInputSlot, { component: this })));
   }
   handleSelected(event) {
-    event.stopPropagation();
     event.preventDefault();
     this.selectItem(event.target);
+    event.stopPropagation();
   }
   handleKeyDown(event) {
     const keys = ["ArrowLeft", "ArrowUp", "ArrowRight", "ArrowDown", " "];
@@ -361,7 +364,10 @@ export class RadioGroup {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "readonly",
+            "text": undefined
+          }],
         "text": "The group's selected item."
       }
     },
@@ -435,7 +441,7 @@ export class RadioGroup {
       "methodName": "handleSelectedItemChange"
     }]; }
   static get listeners() { return [{
-      "name": "calciteRadioGroupItemChange",
+      "name": "calciteInternalRadioGroupItemChange",
       "method": "handleSelected",
       "target": undefined,
       "capture": false,

package/dist/collection/components/radio-group-item/radio-group-item.css

@@ -102,9 +102,7 @@
 }
 
 :host {
-  outline-offset: 0;
   outline-color: transparent;
-  transition: outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;
 }
 
 :host(:focus) {
@@ -166,6 +164,20 @@
   display: none;
 }
 
+@media (forced-colors: active) {
+  :host([checked]) label {
+    background-color: highlight;
+  }
+
+  :host([checked]) .label--outline {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
+  :host([checked]) label:not([class~=label--outline]) .radio-group-item-icon {
+    color: highlightText;
+  }
+}
 .radio-group-item-icon {
   position: relative;
   margin: 0px;

package/dist/collection/components/radio-group-item/radio-group-item.js

@@ -1,7 +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.
- * v1.0.0-beta.82
+ * v1.0.0-beta.85
  */
 import { Component, h, Prop, Element, Event, Host, Watch } from "@stencil/core";
 import { getElementProp, toAriaBoolean } from "../../utils/dom";
@@ -21,7 +21,7 @@ export class RadioGroupItem {
     this.iconPosition = "start";
   }
   handleCheckedChange() {
-    this.calciteRadioGroupItemChange.emit();
+    this.calciteInternalRadioGroupItemChange.emit();
   }
   render() {
     const { checked, value } = this;
@@ -29,7 +29,7 @@ export class RadioGroupItem {
     const appearance = getElementProp(this.el, "appearance", "solid");
     const layout = getElementProp(this.el, "layout", "horizontal");
     const iconEl = (h("calcite-icon", { class: CSS.radioGroupItemIcon, flipRtl: this.iconFlipRtl, icon: this.icon, scale: "s" }));
-    return (h(Host, { "aria-checked": toAriaBoolean(checked), role: "radio" },
+    return (h(Host, { "aria-checked": toAriaBoolean(checked), "aria-label": value, role: "radio" },
       h("label", { class: {
           "label--scale-s": scale === "s",
           "label--scale-m": scale === "m",
@@ -146,8 +146,8 @@ export class RadioGroupItem {
     }
   }; }
   static get events() { return [{
-      "method": "calciteRadioGroupItemChange",
-      "name": "calciteRadioGroupItemChange",
+      "method": "calciteInternalRadioGroupItemChange",
+      "name": "calciteInternalRadioGroupItemChange",
       "bubbles": true,
       "cancelable": true,
       "composed": true,

package/dist/collection/components/radio-group-item/resources.js

@@ -1,7 +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.
- * v1.0.0-beta.82
+ * v1.0.0-beta.85
  */
 export const SLOTS = {
   input: "input"

package/dist/collection/components/rating/rating.css

@@ -141,15 +141,9 @@
   position: relative;
   display: flex;
   cursor: pointer;
-  outline-offset: 0;
   outline-color: transparent;
-  transition: outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;
+  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;
   color: var(--calcite-ui-border-input);
-  transition: var(--calcite-animation-timing);
-  transform: scale(1);
-}
-.star:active {
-  transform: scale(1.1);
 }
 
 .focused {
@@ -169,16 +163,12 @@
   color: var(--calcite-ui-brand);
 }
 
-.hovered:not(.selected) {
-  transform: scale(0.9);
-}
-
 :host .fraction {
   pointer-events: none;
   position: absolute;
   top: 0px;
   overflow: hidden;
-  transition: var(--calcite-animation-timing);
+  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;
   inset-inline-start: 0;
 }
 

package/dist/collection/components/rating/rating.js

@@ -1,7 +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.
- * v1.0.0-beta.82
+ * v1.0.0-beta.85
  */
 import { Component, Element, Event, Fragment, h, Listen, Method, Prop, State } from "@stencil/core";
 import { guid } from "../../utils/guid";
@@ -9,6 +9,7 @@ import { connectLabel, disconnectLabel } from "../../utils/label";
 import { connectForm, disconnectForm, HiddenFormInputSlot } from "../../utils/form";
 import { TEXT } from "./resources";
 import { updateHostInteraction } from "../../utils/interactive";
+import { isActivationKey } from "../../utils/key";
 export class Rating {
   constructor() {
     // --------------------------------------------------------------------------
@@ -26,11 +27,15 @@ export class Rating {
     this.disabled = false;
     /** Show average and count data summary chip (if available) */
     this.showChip = false;
-    /** Localized string for "Rating" (used for aria label)
+    /**
+     * Localized string for "Rating" (used for aria label)
+     *
      * @default "Rating"
      */
     this.intlRating = TEXT.rating;
-    /** Localized string for labelling each star, `${num}` in the string will be replaced by the number
+    /**
+     * Localized string for labelling each star, `${num}` in the string will be replaced by the number
+     *
      * @default "Stars: ${num}"
      */
     this.intlStars = TEXT.stars;
@@ -40,6 +45,21 @@ export class Rating {
      * @internal
      */
     this.required = false;
+    this.onKeyboardPressed = (event) => {
+      if (!this.required && isActivationKey(event.key)) {
+        event.preventDefault();
+        this.updateValue(0);
+      }
+    };
+    this.onFocusChange = (selectedRatingValue) => {
+      this.hasFocus = true;
+      if (!this.required && this.focusValue === selectedRatingValue) {
+        this.updateValue(0);
+      }
+      else {
+        this.focusValue = selectedRatingValue;
+      }
+    };
     this.guid = `calcite-ratings-${guid()}`;
   }
   //--------------------------------------------------------------------------
@@ -89,10 +109,7 @@ export class Rating {
           h("span", { class: "visually-hidden" }, this.intlStars.replace("${num}", `${i}`))),
         h("input", { checked: i === this.value, class: "visually-hidden", disabled: this.disabled || this.readOnly, id: `${this.guid}-${i}`, name: this.guid, onChange: () => this.updateValue(i), onClick: (event) => 
           // click is fired from the the component's label, so we treat this as an internal event
-          event.stopPropagation(), onFocus: () => {
-            this.hasFocus = true;
-            this.focusValue = i;
-          }, ref: (el) => (i === 1 || i === this.value) && (this.inputFocusRef = el), type: "radio", value: i })));
+          event.stopPropagation(), onFocus: () => this.onFocusChange(i), onKeyDown: this.onKeyboardPressed, ref: (el) => (i === 1 || i === this.value) && (this.inputFocusRef = el), type: "radio", value: i })));
     });
   }
   render() {
@@ -128,7 +145,8 @@ export class Rating {
   //--------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    this.inputFocusRef.focus();
+    var _a;
+    (_a = this.inputFocusRef) === null || _a === void 0 ? void 0 : _a.focus();
   }
   static get is() { return "calcite-rating"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/rating/resources.js

@@ -1,7 +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.
- * v1.0.0-beta.82
+ * v1.0.0-beta.85
  */
 export const TEXT = {
   rating: "Rating",

package/dist/collection/components/scrim/resources.js

@@ -1,7 +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.
- * v1.0.0-beta.82
+ * v1.0.0-beta.85
  */
 export const CSS = {
   scrim: "scrim",

package/dist/collection/components/scrim/scrim.js

@@ -1,7 +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.
- * v1.0.0-beta.82
+ * v1.0.0-beta.85
  */
 import { Component, Element, Prop, h } from "@stencil/core";
 import { CSS, TEXT } from "./resources";
@@ -15,7 +15,9 @@ export class Scrim {
     //  Properties
     //
     // --------------------------------------------------------------------------
-    /** string to override English loading text
+    /**
+     * string to override English loading text
+     *
      * @default "Loading"
      */
     this.intlLoading = TEXT.loading;

package/dist/collection/components/select/resources.js

@@ -1,7 +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.
- * v1.0.0-beta.82
+ * v1.0.0-beta.85
  */
 export const CSS = {
   icon: "icon",

package/dist/collection/components/select/select.css

@@ -181,9 +181,7 @@
   background-color: var(--calcite-ui-foreground-1);
   font-family: inherit;
   color: var(--calcite-ui-text-2);
-  outline-offset: 0;
   outline-color: transparent;
-  transition: outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;
   font-size: var(--calcite-select-font-size);
   padding-inline: var(--calcite-select-spacing-inline);
   border-inline-end-width: 0px;

package/dist/collection/components/select/select.js

@@ -1,7 +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.
- * v1.0.0-beta.82
+ * v1.0.0-beta.85
  */
 import { Component, Element, Event, Fragment, h, Listen, Method, Prop, Watch } from "@stencil/core";
 import { focusElement } from "../../utils/dom";
@@ -421,13 +421,13 @@ export class Select {
       "methodName": "selectedOptionHandler"
     }]; }
   static get listeners() { return [{
-      "name": "calciteOptionChange",
+      "name": "calciteInternalOptionChange",
       "method": "handleOptionOrGroupChange",
       "target": undefined,
       "capture": false,
       "passive": false
     }, {
-      "name": "calciteOptionGroupChange",
+      "name": "calciteInternalOptionGroupChange",
       "method": "handleOptionOrGroupChange",
       "target": undefined,
       "capture": false,

package/dist/collection/components/shell/resources.js

@@ -1,7 +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.
- * v1.0.0-beta.82
+ * v1.0.0-beta.85
  */
 export const CSS = {
   main: "main",

package/dist/collection/components/shell/shell.css

@@ -134,7 +134,9 @@
   overflow: auto;
 }
 
-.content ::slotted(calcite-shell-center-row), .content ::slotted(calcite-panel), .content ::slotted(calcite-flow) {
+.content ::slotted(calcite-shell-center-row), 
+.content ::slotted(calcite-panel), 
+.content ::slotted(calcite-flow) {
   flex: 1 1 auto;
   align-self: stretch;
   max-height: unset;
@@ -161,12 +163,14 @@
   font-weight: var(--calcite-font-weight-normal);
 }
 
-::slotted(calcite-shell-panel), ::slotted(calcite-shell-center-row) {
+::slotted(calcite-shell-panel), 
+::slotted(calcite-shell-center-row) {
   position: relative;
   z-index: 1;
 }
 
-::slotted(calcite-panel), ::slotted(calcite-flow) {
+::slotted(calcite-panel), 
+::slotted(calcite-flow) {
   border-width: 1px;
   border-left-width: 0px;
   border-right-width: 0px;

package/dist/collection/components/shell/shell.js

@@ -1,7 +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.
- * v1.0.0-beta.82
+ * v1.0.0-beta.85
  */
 import { Component, Element, Prop, h, Fragment } from "@stencil/core";
 import { CSS, SLOTS } from "./resources";

package/dist/collection/components/shell-center-row/resources.js

@@ -1,7 +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.
- * v1.0.0-beta.82
+ * v1.0.0-beta.85
  */
 export const CSS = {
   actionBarContainer: "action-bar-container",

package/dist/collection/components/shell-center-row/shell-center-row.js

@@ -1,7 +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.
- * v1.0.0-beta.82
+ * v1.0.0-beta.85
  */
 import { Component, Element, Prop, h, Fragment } from "@stencil/core";
 import { CSS, SLOTS } from "./resources";

package/dist/collection/components/shell-panel/resources.js

@@ -1,7 +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.
- * v1.0.0-beta.82
+ * v1.0.0-beta.85
  */
 export const CSS = {
   container: "container",

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

@@ -100,7 +100,8 @@
   box-sizing: border-box;
 }
 
-:host(:hover) .separator:not(:hover):not(:focus), :host(:focus-within) .separator:not(:hover):not(:focus) {
+:host(:hover) .separator:not(:hover):not(:focus), 
+:host(:focus-within) .separator:not(:hover):not(:focus) {
   opacity: 1;
   background-color: var(--calcite-ui-border-3);
 }
@@ -116,10 +117,7 @@
   width: 0.125rem;
   background-color: transparent;
   opacity: 0;
-  transition-property: all;
-  transition-duration: var(--calcite-animation-timing);
-  transition-timing-function: ease-in-out;
-  transition-delay: 0s;
+  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;
   cursor: col-resize;
   outline: none;
 }
@@ -140,7 +138,8 @@
   inset-inline-start: -2px;
 }
 
-::slotted(calcite-panel), ::slotted(calcite-flow) {
+::slotted(calcite-panel), 
+::slotted(calcite-flow) {
   height: 100%;
   width: 100%;
   flex: 1 1 auto;
@@ -232,7 +231,10 @@
   max-height: unset;
 }
 
-:host([position=start]) .content--detached ::slotted(calcite-panel), :host([position=start]) .content--detached ::slotted(calcite-flow), :host([position=end]) .content--detached ::slotted(calcite-panel), :host([position=end]) .content--detached ::slotted(calcite-flow) {
+:host([position=start]) .content--detached ::slotted(calcite-panel), 
+:host([position=start]) .content--detached ::slotted(calcite-flow), 
+:host([position=end]) .content--detached ::slotted(calcite-panel), 
+:host([position=end]) .content--detached ::slotted(calcite-flow) {
   border-style: none;
 }
 
@@ -240,7 +242,9 @@
   display: none;
 }
 
-slot[name=action-bar]::slotted(calcite-action-bar), .content ::slotted(calcite-flow), .content ::slotted(calcite-panel:not([dismissed])) {
+slot[name=action-bar]::slotted(calcite-action-bar), 
+.content ::slotted(calcite-flow), 
+.content ::slotted(calcite-panel:not([dismissed])) {
   border-width: 1px;
   border-style: solid;
   border-color: var(--calcite-ui-border-3);

package/dist/collection/components/shell-panel/shell-panel.js

@@ -1,7 +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.
- * v1.0.0-beta.82
+ * v1.0.0-beta.85
  */
 import { Component, Element, Event, Prop, Watch, h, State, forceUpdate } from "@stencil/core";
 import { CSS, SLOTS, TEXT } from "./resources";
@@ -37,6 +37,7 @@ export class ShellPanel {
     this.widthScale = "m";
     /**
      * Accessible label for resize separator.
+     *
      * @default "Resize"
      */
     this.intlResize = TEXT.resize;

package/dist/collection/components/slider/slider.css

@@ -84,7 +84,8 @@
   --calcite-slider-handle-extension-height: 6.5px;
   --calcite-slider-container-font-size: var(--calcite-font-size--3);
 }
-.scale--s .handle__label, .scale--s .tick__label{
+.scale--s .handle__label, 
+.scale--s .tick__label{
   line-height: .75rem;
 }
 
@@ -93,7 +94,8 @@
   --calcite-slider-handle-extension-height: 8px;
   --calcite-slider-container-font-size: var(--calcite-font-size--2);
 }
-.scale--m .handle__label, .scale--m .tick__label{
+.scale--m .handle__label, 
+.scale--m .tick__label{
   line-height: 1rem;
 }
 
@@ -102,11 +104,13 @@
   --calcite-slider-handle-extension-height: 10.5px;
   --calcite-slider-container-font-size: var(--calcite-font-size--1);
 }
-.scale--l .handle__label, .scale--l .tick__label{
+.scale--l .handle__label, 
+.scale--l .tick__label{
   line-height: 1rem;
 }
 
-.handle__label, .tick__label{
+.handle__label, 
+.tick__label{
   font-weight: var(--calcite-font-weight-medium);
   color: var(--calcite-ui-text-2);
   font-size: var(--calcite-slider-container-font-size);
@@ -182,7 +186,7 @@
   outline-offset: 2px;
   transform: translate(var(--calcite-slider-thumb-x-offset), var(--calcite-slider-thumb-y-offset));
 }
-.thumb .handle__label.static, .thumb .handle__label.transformed{
+.thumb .handle__label.static,  .thumb .handle__label.transformed{
   position: absolute;
   top: 0px;
   bottom: 0px;
@@ -200,9 +204,7 @@
   box-sizing: border-box;
   border-radius: 9999px;
   background-color: var(--calcite-ui-foreground-1);
-  outline-offset: 0;
   outline-color: transparent;
-  transition: outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;
   height: var(--calcite-slider-handle-size);
   width: var(--calcite-slider-handle-size);
   box-shadow: 0 0 0 2px var(--calcite-ui-text-3) inset;
@@ -266,12 +268,15 @@
   --calcite-slider-thumb-y-offset: -49px;
 }
 
-.thumb:focus .handle, .thumb--active .handle{
+.thumb:focus .handle, 
+.thumb--active .handle{
   background-color: var(--calcite-ui-brand);
   box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
 }
 
-.thumb:hover.thumb--precise:after, .thumb:focus.thumb--precise:after, .thumb--active.thumb--precise:after{
+.thumb:hover.thumb--precise:after, 
+.thumb:focus.thumb--precise:after, 
+.thumb--active.thumb--precise:after{
   background-color: var(--calcite-ui-brand);
 }
 
@@ -360,7 +365,10 @@
   transition: opacity var(--calcite-internal-animation-timing-fast);
 }
 
-:host([has-histogram][label-handles]) .tick__label--min, :host([has-histogram][label-handles]) .tick__label--max, :host([has-histogram][precise]) .tick__label--min, :host([has-histogram][precise]) .tick__label--max{
+:host([has-histogram][label-handles]) .tick__label--min, 
+:host([has-histogram][label-handles]) .tick__label--max, 
+:host([has-histogram][precise]) .tick__label--min, 
+:host([has-histogram][precise]) .tick__label--max{
   font-weight: var(--calcite-font-weight-normal);
   color: var(--calcite-ui-text-3);
 }

package/dist/collection/components/slider/slider.js

@@ -1,7 +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.
- * v1.0.0-beta.82
+ * v1.0.0-beta.85
  */
 import { Component, Element, Event, h, Host, Listen, Method, Prop, State, Watch } from "@stencil/core";
 import { guid } from "../../utils/guid";
@@ -100,6 +100,7 @@ export class Slider {
     };
     /**
      * Set the reference of the track Element
+     *
      * @internal
      * @param node
      */
@@ -471,7 +472,7 @@ export class Slider {
   /** Sets focus on the component. */
   async setFocus() {
     const handle = this.minHandle ? this.minHandle : this.maxHandle;
-    handle.focus();
+    handle === null || handle === void 0 ? void 0 : handle.focus();
   }
   //--------------------------------------------------------------------------
   //
@@ -549,6 +550,7 @@ export class Slider {
   }
   /**
    * Set the prop value if changed at the component level
+   *
    * @param valueProp
    * @param value
    */
@@ -567,6 +569,9 @@ export class Slider {
   }
   /**
    * If number is outside range, constrain to min or max
+   *
+   * @param value
+   * @param prop
    * @internal
    */
   clamp(value, prop) {
@@ -582,6 +587,8 @@ export class Slider {
   }
   /**
    * Translate a pixel position to value along the range
+   *
+   * @param x
    * @internal
    */
   translate(x) {
@@ -598,6 +605,8 @@ export class Slider {
   }
   /**
    * Get closest allowed value along stepped values
+   *
+   * @param num
    * @internal
    */
   getClosestStep(num) {
@@ -621,6 +630,8 @@ export class Slider {
   }
   /**
    * Get position of value along range as fractional value
+   *
+   * @param num
    * @return {number} number in the unit interval [0,1]
    * @internal
    */
@@ -755,6 +766,9 @@ export class Slider {
   }
   /**
    * Returns an integer representing the number of pixels to offset on the left or right side based on desired position behavior.
+   *
+   * @param leftBounds
+   * @param rightBounds
    * @internal
    */
   getHostOffset(leftBounds, rightBounds) {
@@ -771,6 +785,7 @@ export class Slider {
   /**
    * Returns an integer representing the number of pixels that the two given span elements are overlapping, taking into account
    * a space in between the two spans equal to the font-size set on them to account for the space needed to render a hyphen.
+   *
    * @param leftLabel
    * @param rightLabel
    */
@@ -783,6 +798,7 @@ export class Slider {
   }
   /**
    * Returns a boolean value representing if the minLabel span element is obscured (being overlapped) by the given handle div element.
+   *
    * @param minLabel
    * @param handle
    */
@@ -793,6 +809,7 @@ export class Slider {
   }
   /**
    * Returns a boolean value representing if the maxLabel span element is obscured (being overlapped) by the given handle div element.
+   *
    * @param maxLabel
    * @param handle
    */