npm - @esri/calcite-components - Versions diffs - 1.6.1 → 1.7.0-next.0 - Mend

@esri/calcite-components 1.6.1 → 1.7.0-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (950) hide show

package/dist/extras/docs-json.json CHANGED Viewed

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-08-18T22:27:53",
+  "timestamp": "2023-08-22T21:41:37",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.22.3",
@@ -14800,6 +14800,463 @@
         ]
       }
     },
+    {
+      "filePath": "./src/components/meter/meter.tsx",
+      "encapsulation": "shadow",
+      "tag": "calcite-meter",
+      "readme": "# calcite-meter\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {
+        "Advanced": "A complex meter component, which includes value and custom unit labels.\n\n```html\n<calcite-meter\n  group-separator=\"en\"\n  unit-label=\"GB\"\n  value-label-type=\"units\"\n  value-label\n  range-labels\n  min=\"0\"\n  max=\"12400\"\n  low=\"4600\"\n  high=\"7600\"\n  value=\"2200\"\n></calcite-meter>\n```\n",
+        "Basic": "A simple meter component.\n\n```html\n<calcite-meter min=\"0\" max=\"100\" low=\"25\" high=\"75\" value=\"50\"></calcite-meter>\n```\n"
+      },
+      "props": [
+        {
+          "name": "appearance",
+          "type": "\"outline\" | \"outline-fill\" | \"solid\"",
+          "mutable": false,
+          "attr": "appearance",
+          "reflectToAttr": true,
+          "docs": "Specifies the appearance style of the component.",
+          "docsTags": [],
+          "default": "\"outline-fill\"",
+          "values": [
+            {
+              "value": "outline",
+              "type": "string"
+            },
+            {
+              "value": "outline-fill",
+              "type": "string"
+            },
+            {
+              "value": "solid",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "disabled",
+          "reflectToAttr": true,
+          "docs": "When `true`, interaction is prevented and the component is displayed with lower opacity.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "fillType",
+          "type": "\"range\" | \"single\"",
+          "mutable": false,
+          "attr": "fill-type",
+          "reflectToAttr": true,
+          "docs": "Specifies the component's display, where `\"single\"` displays a single color and `\"range\"` displays a range of colors based on provided `low`, `high`, `min` or `max` values.",
+          "docsTags": [],
+          "default": "\"range\"",
+          "values": [
+            {
+              "value": "range",
+              "type": "string"
+            },
+            {
+              "value": "single",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "form",
+          "type": "string",
+          "mutable": false,
+          "attr": "form",
+          "reflectToAttr": true,
+          "docs": "The ID of the form that will be associated with the component.\n\nWhen not set, the component will be associated with its ancestor form element, if any.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "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": "high",
+          "type": "number",
+          "mutable": true,
+          "attr": "high",
+          "reflectToAttr": true,
+          "docs": "Specifies a high value.  When `fillType` is `\"range\"`, displays a different color when above the specified threshold.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "Accessible name for the component.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true
+        },
+        {
+          "name": "low",
+          "type": "number",
+          "mutable": true,
+          "attr": "low",
+          "reflectToAttr": true,
+          "docs": "Specifies a low value.  When `fillType` is `\"range\"`, displays a different color when above the specified threshold.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "max",
+          "type": "number",
+          "mutable": false,
+          "attr": "max",
+          "reflectToAttr": true,
+          "docs": "Specifies the highest allowed value of the component.",
+          "docsTags": [],
+          "default": "100",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "min",
+          "type": "number",
+          "mutable": false,
+          "attr": "min",
+          "reflectToAttr": true,
+          "docs": "Specifies the lowest allowed value of the component.",
+          "docsTags": [],
+          "default": "0",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "mutable": false,
+          "attr": "name",
+          "reflectToAttr": true,
+          "docs": "Specifies the name of the component.\n\nRequired to pass the component's `value` on form submission.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "numberingSystem",
+          "type": "\"arab\" | \"arabext\" | \"bali\" | \"beng\" | \"deva\" | \"fullwide\" | \"gujr\" | \"guru\" | \"hanidec\" | \"khmr\" | \"knda\" | \"laoo\" | \"latn\" | \"limb\" | \"mlym\" | \"mong\" | \"mymr\" | \"orya\" | \"tamldec\" | \"telu\" | \"thai\" | \"tibt\"",
+          "mutable": false,
+          "attr": "numbering-system",
+          "reflectToAttr": false,
+          "docs": "Specifies the Unicode numeral system used by the component for localization.",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "arab",
+              "type": "string"
+            },
+            {
+              "value": "arabext",
+              "type": "string"
+            },
+            {
+              "value": "bali",
+              "type": "string"
+            },
+            {
+              "value": "beng",
+              "type": "string"
+            },
+            {
+              "value": "deva",
+              "type": "string"
+            },
+            {
+              "value": "fullwide",
+              "type": "string"
+            },
+            {
+              "value": "gujr",
+              "type": "string"
+            },
+            {
+              "value": "guru",
+              "type": "string"
+            },
+            {
+              "value": "hanidec",
+              "type": "string"
+            },
+            {
+              "value": "khmr",
+              "type": "string"
+            },
+            {
+              "value": "knda",
+              "type": "string"
+            },
+            {
+              "value": "laoo",
+              "type": "string"
+            },
+            {
+              "value": "latn",
+              "type": "string"
+            },
+            {
+              "value": "limb",
+              "type": "string"
+            },
+            {
+              "value": "mlym",
+              "type": "string"
+            },
+            {
+              "value": "mong",
+              "type": "string"
+            },
+            {
+              "value": "mymr",
+              "type": "string"
+            },
+            {
+              "value": "orya",
+              "type": "string"
+            },
+            {
+              "value": "tamldec",
+              "type": "string"
+            },
+            {
+              "value": "telu",
+              "type": "string"
+            },
+            {
+              "value": "thai",
+              "type": "string"
+            },
+            {
+              "value": "tibt",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "rangeLabelType",
+          "type": "\"percent\" | \"units\"",
+          "mutable": false,
+          "attr": "range-label-type",
+          "reflectToAttr": true,
+          "docs": "When either `rangeLabels` is `true`, specifies the format of displayed labels.",
+          "docsTags": [],
+          "default": "\"percent\"",
+          "values": [
+            {
+              "value": "percent",
+              "type": "string"
+            },
+            {
+              "value": "units",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "rangeLabels",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "range-labels",
+          "reflectToAttr": true,
+          "docs": "When `true`, displays the values of `high`, `low`, `min`, and `max`.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "scale",
+          "type": "\"l\" | \"m\" | \"s\"",
+          "mutable": false,
+          "attr": "scale",
+          "reflectToAttr": true,
+          "docs": "Specifies the size of the component.",
+          "docsTags": [],
+          "default": "\"m\"",
+          "values": [
+            {
+              "value": "l",
+              "type": "string"
+            },
+            {
+              "value": "m",
+              "type": "string"
+            },
+            {
+              "value": "s",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "unitLabel",
+          "type": "string",
+          "mutable": false,
+          "attr": "unit-label",
+          "reflectToAttr": false,
+          "docs": "When `labelType` is `\"units\"` and either `valueLabel` or `rangeLabels` are `true`, displays beside the `value` and/or  `min` values.",
+          "docsTags": [],
+          "default": "\"\"",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "value",
+          "type": "number",
+          "mutable": true,
+          "attr": "value",
+          "reflectToAttr": false,
+          "docs": "Specifies the current value of the component.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "valueLabel",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "value-label",
+          "reflectToAttr": true,
+          "docs": "When `true`, displays the current value.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "valueLabelType",
+          "type": "\"percent\" | \"units\"",
+          "mutable": false,
+          "attr": "value-label-type",
+          "reflectToAttr": true,
+          "docs": "When either `valueLabel` is `true`, specifies the format of displayed label.",
+          "docsTags": [],
+          "default": "\"percent\"",
+          "values": [
+            {
+              "value": "percent",
+              "type": "string"
+            },
+            {
+              "value": "units",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
     {
       "filePath": "./src/components/modal/modal.tsx",
       "encapsulation": "shadow",

package/dist/extras/vscode-data.json CHANGED Viewed

@@ -4022,6 +4022,205 @@
         }
       ]
     },
+    {
+      "name": "calcite-meter",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "appearance",
+          "description": "Specifies the appearance style of the component.",
+          "values": [
+            {
+              "name": "outline"
+            },
+            {
+              "name": "outline-fill"
+            },
+            {
+              "name": "solid"
+            }
+          ]
+        },
+        {
+          "name": "disabled",
+          "description": "When `true`, interaction is prevented and the component is displayed with lower opacity."
+        },
+        {
+          "name": "fill-type",
+          "description": "Specifies the component's display, where `\"single\"` displays a single color and `\"range\"` displays a range of colors based on provided `low`, `high`, `min` or `max` values.",
+          "values": [
+            {
+              "name": "range"
+            },
+            {
+              "name": "single"
+            }
+          ]
+        },
+        {
+          "name": "form",
+          "description": "The ID of the form that will be associated with the component.\n\nWhen not set, the component will be associated with its ancestor form element, if any."
+        },
+        {
+          "name": "group-separator",
+          "description": "When `true`, number values are displayed with a group separator corresponding to the language and country format."
+        },
+        {
+          "name": "high",
+          "description": "Specifies a high value.  When `fillType` is `\"range\"`, displays a different color when above the specified threshold."
+        },
+        {
+          "name": "label",
+          "description": "Accessible name for the component."
+        },
+        {
+          "name": "low",
+          "description": "Specifies a low value.  When `fillType` is `\"range\"`, displays a different color when above the specified threshold."
+        },
+        {
+          "name": "max",
+          "description": "Specifies the highest allowed value of the component."
+        },
+        {
+          "name": "min",
+          "description": "Specifies the lowest allowed value of the component."
+        },
+        {
+          "name": "name",
+          "description": "Specifies the name of the component.\n\nRequired to pass the component's `value` on form submission."
+        },
+        {
+          "name": "numbering-system",
+          "description": "Specifies the Unicode numeral system used by the component for localization.",
+          "values": [
+            {
+              "name": "arab"
+            },
+            {
+              "name": "arabext"
+            },
+            {
+              "name": "bali"
+            },
+            {
+              "name": "beng"
+            },
+            {
+              "name": "deva"
+            },
+            {
+              "name": "fullwide"
+            },
+            {
+              "name": "gujr"
+            },
+            {
+              "name": "guru"
+            },
+            {
+              "name": "hanidec"
+            },
+            {
+              "name": "khmr"
+            },
+            {
+              "name": "knda"
+            },
+            {
+              "name": "laoo"
+            },
+            {
+              "name": "latn"
+            },
+            {
+              "name": "limb"
+            },
+            {
+              "name": "mlym"
+            },
+            {
+              "name": "mong"
+            },
+            {
+              "name": "mymr"
+            },
+            {
+              "name": "orya"
+            },
+            {
+              "name": "tamldec"
+            },
+            {
+              "name": "telu"
+            },
+            {
+              "name": "thai"
+            },
+            {
+              "name": "tibt"
+            }
+          ]
+        },
+        {
+          "name": "range-label-type",
+          "description": "When either `rangeLabels` is `true`, specifies the format of displayed labels.",
+          "values": [
+            {
+              "name": "percent"
+            },
+            {
+              "name": "units"
+            }
+          ]
+        },
+        {
+          "name": "range-labels",
+          "description": "When `true`, displays the values of `high`, `low`, `min`, and `max`."
+        },
+        {
+          "name": "scale",
+          "description": "Specifies the size of the component.",
+          "values": [
+            {
+              "name": "l"
+            },
+            {
+              "name": "m"
+            },
+            {
+              "name": "s"
+            }
+          ]
+        },
+        {
+          "name": "unit-label",
+          "description": "When `labelType` is `\"units\"` and either `valueLabel` or `rangeLabels` are `true`, displays beside the `value` and/or  `min` values."
+        },
+        {
+          "name": "value",
+          "description": "Specifies the current value of the component."
+        },
+        {
+          "name": "value-label",
+          "description": "When `true`, displays the current value."
+        },
+        {
+          "name": "value-label-type",
+          "description": "When either `valueLabel` is `true`, specifies the format of displayed label.",
+          "values": [
+            {
+              "name": "percent"
+            },
+            {
+              "name": "units"
+            }
+          ]
+        }
+      ]
+    },
     {
       "name": "calcite-modal",
       "description": {

package/dist/loader/cdn.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1
+ * v1.7.0-next.0
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.cjs.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1
+ * v1.7.0-next.0
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };