@esri/calcite-components 1.0.0-next.579 → 1.0.0-next.581

package/dist/extras/docs-json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2022-08-31T20:42:19",
+  "timestamp": "2022-09-07T21:28:26",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.17.4",
@@ -273,10 +273,48 @@
         {
           "name": "icon",
           "type": "string",
-          "mutable": false,
+          "mutable": true,
           "attr": "icon",
           "reflectToAttr": true,
           "docs": "Specifies an icon to display - accepts Calcite UI icon names.",
+          "docsTags": [
+            {
+              "name": "deprecated",
+              "text": "use `iconStart` or `iconEnd` properties instead"
+            }
+          ],
+          "deprecation": "use `iconStart` or `iconEnd` properties instead",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "iconEnd",
+          "type": "string",
+          "mutable": false,
+          "attr": "icon-end",
+          "reflectToAttr": true,
+          "docs": "Specified an icon to display at the end - accepts Calcite UI icon names.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "iconStart",
+          "type": "string",
+          "mutable": false,
+          "attr": "icon-start",
+          "reflectToAttr": true,
+          "docs": "Specified an icon to display at the start - accepts Calcite UI icon names.",
           "docsTags": [],
           "values": [
             {
@@ -17295,7 +17333,29 @@
           "mutable": false,
           "attr": "icon",
           "reflectToAttr": true,
-          "docs": "Specifies an icon to display - accepts Calcite UI icon names.",
+          "docs": "Optionally pass an icon to display - accepts Calcite UI icon names",
+          "docsTags": [
+            {
+              "name": "deprecated",
+              "text": "Use either iconStart or iconEnd but do not combine them with icon & iconPosition."
+            }
+          ],
+          "deprecation": "Use either iconStart or iconEnd but do not combine them with icon & iconPosition.",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "iconEnd",
+          "type": "string",
+          "mutable": false,
+          "attr": "icon-end",
+          "reflectToAttr": true,
+          "docs": "Optionally pass an icon to display at the end - accepts Calcite UI icon names",
           "docsTags": [],
           "values": [
             {
@@ -17328,9 +17388,15 @@
           "mutable": false,
           "attr": "icon-position",
           "reflectToAttr": true,
-          "docs": "When used with \"icon\", specifies its position.",
-          "docsTags": [],
+          "docs": "Optionally used with icon, select where to position the icon",
+          "docsTags": [
+            {
+              "name": "deprecated",
+              "text": "Use either iconStart or iconEnd but do not combine them with icon & iconPosition."
+            }
+          ],
           "default": "\"start\"",
+          "deprecation": "Use either iconStart or iconEnd but do not combine them with icon & iconPosition.",
           "values": [
             {
               "value": "end",
@@ -17344,6 +17410,22 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "iconStart",
+          "type": "string",
+          "mutable": false,
+          "attr": "icon-start",
+          "reflectToAttr": true,
+          "docs": "Optionally pass an icon to display at the start - accepts Calcite UI icon names",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "value",
           "type": "any",
@@ -18405,6 +18487,23 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "groupSeparator",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "group-separator",
+          "reflectToAttr": true,
+          "docs": "When true, number values are displayed with a group separator corresponding to the language and country format.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "hasHistogram",
           "type": "boolean",
@@ -18622,6 +18721,27 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "numberingSystem",
+          "type": "string",
+          "mutable": false,
+          "attr": "numbering-system",
+          "reflectToAttr": false,
+          "docs": "Specifies the Unicode numeral system used by the component for localization.",
+          "docsTags": [
+            {
+              "name": "mdn",
+              "text": "[numberingSystem](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/numberingSystem)"
+            }
+          ],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "pageStep",
           "type": "number",

package/dist/loader/cdn.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-next.579
+ * v1.0.0-next.581
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.cjs.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-next.579
+ * v1.0.0-next.581
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.es2017.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-next.579
+ * v1.0.0-next.581
  */
 export * from '../esm/polyfills/index.js';
 export * from '../esm/loader.js';

package/dist/loader/index.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-next.579
+ * v1.0.0-next.581
  */
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
 export * from '../esm/polyfills/index.js';

package/dist/types/components/accordion-item/accordion-item.d.ts

@@ -32,8 +32,18 @@ export declare class AccordionItem implements ConditionalSlotComponent {
   heading?: string;
   /** Specifies a description for the component. */
   description: string;
-  /** Specifies an icon to display - accepts Calcite UI icon names. */
+  /**
+   * Specifies an icon to display - accepts Calcite UI icon names.
+   *
+   * @deprecated use `iconStart` or `iconEnd` properties instead
+   */
   icon?: string;
+  iconHandler(value: string): void;
+  /**Specified an icon to display at the start - accepts Calcite UI icon names. */
+  iconStart?: string;
+  iconStartHandler(value: string): void;
+  /**Specified an icon to display at the end - accepts Calcite UI icon names. */
+  iconEnd?: string;
   /**
    * @internal
    */

package/dist/types/components/accordion-item/resources.d.ts

@@ -13,4 +13,7 @@ export declare const CSS: {
   description: string;
   expandIcon: string;
   content: string;
+  iconStart: string;
+  iconEnd: string;
+  headerContainer: string;
 };

package/dist/types/components/radio-group-item/radio-group-item.d.ts

@@ -5,12 +5,24 @@ export declare class RadioGroupItem {
   /** When true, the component is checked. */
   checked: boolean;
   protected handleCheckedChange(): void;
-  /** Specifies an icon to display - accepts Calcite UI icon names. */
+  /**
+   * Optionally pass an icon to display - accepts Calcite UI icon names
+   *
+   * @deprecated Use either iconStart or iconEnd but do not combine them with icon & iconPosition.
+   */
   icon?: string;
   /** When true, the icon will be flipped when the element direction is right-to-left ("rtl"). */
   iconFlipRtl: boolean;
-  /** When used with "icon", specifies its position. */
+  /**
+   * Optionally used with icon, select where to position the icon
+   *
+   * @deprecated Use either iconStart or iconEnd but do not combine them with icon & iconPosition.
+   */
   iconPosition?: Position;
+  /** Optionally pass an icon to display at the start - accepts Calcite UI icon names */
+  iconStart?: string;
+  /** Optionally pass an icon to display at the end - accepts Calcite UI icon names */
+  iconEnd?: string;
   /**
    * The component's value.
    */

package/dist/types/components/slider/resources.d.ts

@@ -0,0 +1,7 @@
+export declare const CSS: {
+  handleLabel: string;
+  handleLabelMinValue: string;
+  handleLabelValue: string;
+  tickMin: string;
+  tickMax: string;
+};

package/dist/types/components/slider/slider.d.ts

@@ -4,10 +4,15 @@ import { Scale } from "../interfaces";
 import { LabelableComponent } from "../../utils/label";
 import { FormComponent } from "../../utils/form";
 import { InteractiveComponent } from "../../utils/interactive";
-export declare class Slider implements LabelableComponent, FormComponent, InteractiveComponent {
+import { GlobalAttrComponent } from "../../utils/globalAttributes";
+export declare class Slider implements LabelableComponent, FormComponent, InteractiveComponent, GlobalAttrComponent {
   el: HTMLCalciteSliderElement;
   /** When true, interaction is prevented and the component is displayed with lower opacity. */
   disabled: boolean;
+  /**
+   * When true, number values are displayed with a group separator corresponding to the language and country format.
+   */
+  groupSeparator: boolean;
   /** When true, indicates a histogram is present. */
   hasHistogram: boolean;
   /**
@@ -45,6 +50,12 @@ export declare class Slider implements LabelableComponent, FormComponent, Intera
   mirrored: boolean;
   /** Specifies the name of the component on form submission. */
   name: string;
+  /**
+   * Specifies the Unicode numeral system used by the component for localization.
+   *
+   * @mdn [numberingSystem](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/numberingSystem)
+   */
+  numberingSystem?: string;
   /** Specifies the interval to move with the page up, or page down keys. */
   pageStep?: number;
   /** When true, sets a finer point for handles. */
@@ -119,6 +130,7 @@ export declare class Slider implements LabelableComponent, FormComponent, Intera
   private minValueDragRange;
   private maxValueDragRange;
   private tickValues;
+  globalAttributes: {};
   setValueFromMinMax(): void;
   setMinMaxFromValue(): void;
   onLabelClick(): void;
@@ -215,4 +227,10 @@ export declare class Slider implements LabelableComponent, FormComponent, Intera
    * @param handle
    */
   private isMaxTickLabelObscured;
+  /**
+   * Returns a string representing the localized label value based on groupSeparator prop being on or off.
+   *
+   * @param value
+   */
+  private determineGroupSeparator;
 }

package/dist/types/components.d.ts

@@ -81,8 +81,17 @@ export namespace Components {
         "heading"?: string;
         /**
           * Specifies an icon to display - accepts Calcite UI icon names.
+          * @deprecated use `iconStart` or `iconEnd` properties instead
          */
         "icon"?: string;
+        /**
+          * Specified an icon to display at the end - accepts Calcite UI icon names.
+         */
+        "iconEnd"?: string;
+        /**
+          * Specified an icon to display at the start - accepts Calcite UI icon names.
+         */
+        "iconStart"?: string;
         /**
           * Specifies a subtitle for the component.
           * @deprecated Use `description` instead.
@@ -3057,17 +3066,27 @@ export namespace Components {
          */
         "checked": boolean;
         /**
-          * Specifies an icon to display - accepts Calcite UI icon names.
+          * Optionally pass an icon to display - accepts Calcite UI icon names
+          * @deprecated Use either iconStart or iconEnd but do not combine them with icon & iconPosition.
          */
         "icon"?: string;
+        /**
+          * Optionally pass an icon to display at the end - accepts Calcite UI icon names
+         */
+        "iconEnd"?: string;
         /**
           * When true, the icon will be flipped when the element direction is right-to-left ("rtl").
          */
         "iconFlipRtl": boolean;
         /**
-          * When used with "icon", specifies its position.
+          * Optionally used with icon, select where to position the icon
+          * @deprecated Use either iconStart or iconEnd but do not combine them with icon & iconPosition.
          */
         "iconPosition"?: Position;
+        /**
+          * Optionally pass an icon to display at the start - accepts Calcite UI icon names
+         */
+        "iconStart"?: string;
         /**
           * The component's value.
          */
@@ -3231,6 +3250,10 @@ export namespace Components {
           * When true, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
+        /**
+          * When true, number values are displayed with a group separator corresponding to the language and country format.
+         */
+        "groupSeparator": boolean;
         /**
           * When true, indicates a histogram is present.
          */
@@ -3284,6 +3307,11 @@ export namespace Components {
           * Specifies the name of the component on form submission.
          */
         "name": string;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+          * @mdn [numberingSystem](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/numberingSystem)
+         */
+        "numberingSystem"?: string;
         /**
           * Specifies the interval to move with the page up, or page down keys.
          */
@@ -5054,8 +5082,17 @@ declare namespace LocalJSX {
         "heading"?: string;
         /**
           * Specifies an icon to display - accepts Calcite UI icon names.
+          * @deprecated use `iconStart` or `iconEnd` properties instead
          */
         "icon"?: string;
+        /**
+          * Specified an icon to display at the end - accepts Calcite UI icon names.
+         */
+        "iconEnd"?: string;
+        /**
+          * Specified an icon to display at the start - accepts Calcite UI icon names.
+         */
+        "iconStart"?: string;
         /**
           * Specifies a subtitle for the component.
           * @deprecated Use `description` instead.
@@ -8072,17 +8109,27 @@ declare namespace LocalJSX {
          */
         "checked"?: boolean;
         /**
-          * Specifies an icon to display - accepts Calcite UI icon names.
+          * Optionally pass an icon to display - accepts Calcite UI icon names
+          * @deprecated Use either iconStart or iconEnd but do not combine them with icon & iconPosition.
          */
         "icon"?: string;
+        /**
+          * Optionally pass an icon to display at the end - accepts Calcite UI icon names
+         */
+        "iconEnd"?: string;
         /**
           * When true, the icon will be flipped when the element direction is right-to-left ("rtl").
          */
         "iconFlipRtl"?: boolean;
         /**
-          * When used with "icon", specifies its position.
+          * Optionally used with icon, select where to position the icon
+          * @deprecated Use either iconStart or iconEnd but do not combine them with icon & iconPosition.
          */
         "iconPosition"?: Position;
+        /**
+          * Optionally pass an icon to display at the start - accepts Calcite UI icon names
+         */
+        "iconStart"?: string;
         /**
           * The component's value.
          */
@@ -8243,6 +8290,10 @@ declare namespace LocalJSX {
           * When true, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
+        /**
+          * When true, number values are displayed with a group separator corresponding to the language and country format.
+         */
+        "groupSeparator"?: boolean;
         /**
           * When true, indicates a histogram is present.
          */
@@ -8296,6 +8347,11 @@ declare namespace LocalJSX {
           * Specifies the name of the component on form submission.
          */
         "name"?: string;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+          * @mdn [numberingSystem](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/numberingSystem)
+         */
+        "numberingSystem"?: string;
         /**
           * Fires when the thumb is released on the component.  **Note:** If you need to constantly listen to the drag event, use "calciteSliderInput" instead.
          */