igniteui-webcomponents 1.0.0 → 2.0.0-beta.0

package/custom-elements.json

@@ -101,7 +101,7 @@
         {
           "name": "variant",
           "description": "The type of badge.",
-          "type": "\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\" | undefined",
+          "type": "\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\"",
           "default": "\"primary\""
         },
         {
@@ -113,7 +113,7 @@
         {
           "name": "shape",
           "description": "The shape of the badge.",
-          "type": "\"rounded\" | \"square\" | undefined",
+          "type": "\"rounded\" | \"square\"",
           "default": "\"rounded\""
         }
       ],
@@ -122,7 +122,7 @@
           "name": "variant",
           "attribute": "variant",
           "description": "The type of badge.",
-          "type": "\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\" | undefined",
+          "type": "\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\"",
           "default": "\"primary\""
         },
         {
@@ -136,7 +136,7 @@
           "name": "shape",
           "attribute": "shape",
           "description": "The shape of the badge.",
-          "type": "\"rounded\" | \"square\" | undefined",
+          "type": "\"rounded\" | \"square\"",
           "default": "\"rounded\""
         }
       ],
@@ -195,6 +195,11 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "aria-label",
+          "description": "The aria label of the button.",
+          "type": "string"
+        },
         {
           "name": "size",
           "description": "Determines the size of the component.",
@@ -247,6 +252,12 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "ariaLabel",
+          "attribute": "aria-label",
+          "description": "The aria label of the button.",
+          "type": "string"
+        },
         {
           "name": "size",
           "attribute": "size",
@@ -351,6 +362,11 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "aria-label",
+          "description": "The aria label of the button.",
+          "type": "string"
+        },
         {
           "name": "size",
           "description": "Determines the size of the component.",
@@ -422,6 +438,12 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "ariaLabel",
+          "attribute": "aria-label",
+          "description": "The aria label of the button.",
+          "type": "string"
+        },
         {
           "name": "size",
           "attribute": "size",
@@ -453,10 +475,10 @@
           "default": "false"
         },
         {
-          "name": "has-header",
-          "description": "Determines whether the calendar has header. Even if set to true, the header is not displayed for `multiple` selection.",
+          "name": "hide-header",
+          "description": "Determines whether the calendar hides its header. Even if set to false, the header is not displayed for `multiple` selection.",
           "type": "boolean",
-          "default": "true"
+          "default": "false"
         },
         {
           "name": "header-orientation",
@@ -488,6 +510,16 @@
           "type": "\"small\" | \"medium\" | \"large\"",
           "default": "\"large\""
         },
+        {
+          "name": "value",
+          "description": "Тhe current value of the calendar.\nUsed when selection is set to single.",
+          "type": "Date | undefined"
+        },
+        {
+          "name": "values",
+          "description": "Тhe current values of the calendar.\nUsed when selection is set to multiple or range.",
+          "type": "Date[] | undefined"
+        },
         {
           "name": "selection",
           "description": "Sets the type of date selection.",
@@ -522,11 +554,11 @@
           "default": "false"
         },
         {
-          "name": "hasHeader",
-          "attribute": "has-header",
-          "description": "Determines whether the calendar has header. Even if set to true, the header is not displayed for `multiple` selection.",
+          "name": "hideHeader",
+          "attribute": "hide-header",
+          "description": "Determines whether the calendar hides its header. Even if set to false, the header is not displayed for `multiple` selection.",
           "type": "boolean",
-          "default": "true"
+          "default": "false"
         },
         {
           "name": "headerOrientation",
@@ -577,8 +609,15 @@
         },
         {
           "name": "value",
-          "description": "Тhe current value of the calendar.\nWhen selection is set to single, it accepts a single Date object.\nOtherwise, it is an array of Date objects.",
-          "type": "Date | Date[] | undefined"
+          "attribute": "value",
+          "description": "Тhe current value of the calendar.\nUsed when selection is set to single.",
+          "type": "Date | undefined"
+        },
+        {
+          "name": "values",
+          "attribute": "values",
+          "description": "Тhe current values of the calendar.\nUsed when selection is set to multiple or range.",
+          "type": "Date[] | undefined"
         },
         {
           "name": "selection",
@@ -729,6 +768,16 @@
           "type": "\"long\" | \"short\" | \"narrow\"",
           "default": "\"narrow\""
         },
+        {
+          "name": "value",
+          "description": "Тhe current value of the calendar.\nUsed when selection is set to single.",
+          "type": "Date | undefined"
+        },
+        {
+          "name": "values",
+          "description": "Тhe current values of the calendar.\nUsed when selection is set to multiple or range.",
+          "type": "Date[] | undefined"
+        },
         {
           "name": "selection",
           "description": "Sets the type of date selection.",
@@ -796,8 +845,15 @@
         },
         {
           "name": "value",
-          "description": "Тhe current value of the calendar.\nWhen selection is set to single, it accepts a single Date object.\nOtherwise, it is an array of Date objects.",
-          "type": "Date | Date[] | undefined"
+          "attribute": "value",
+          "description": "Тhe current value of the calendar.\nUsed when selection is set to single.",
+          "type": "Date | undefined"
+        },
+        {
+          "name": "values",
+          "attribute": "values",
+          "description": "Тhe current values of the calendar.\nUsed when selection is set to multiple or range.",
+          "type": "Date[] | undefined"
         },
         {
           "name": "selection",
@@ -1050,19 +1106,19 @@
       "description": "A container which wraps different elements related to a single subject",
       "attributes": [
         {
-          "name": "outlined",
-          "description": "Sets card outline style, otherwise card looks elevated",
+          "name": "elevated",
+          "description": "Sets card elevated style, otherwise card looks outlined.",
           "type": "boolean",
-          "default": "true"
+          "default": "false"
         }
       ],
       "properties": [
         {
-          "name": "outlined",
-          "attribute": "outlined",
-          "description": "Sets card outline style, otherwise card looks elevated",
+          "name": "elevated",
+          "attribute": "elevated",
+          "description": "Sets card elevated style, otherwise card looks outlined.",
           "type": "boolean",
-          "default": "true"
+          "default": "false"
         }
       ],
       "slots": [
@@ -2215,6 +2271,576 @@
       "name": "igc-ripple",
       "path": "./src/components/ripple/ripple.ts",
       "description": "A ripple can be applied to an element to represent\ninteractive surface."
+    },
+    {
+      "name": "igc-range-slider",
+      "path": "./src/components/slider/range-slider.ts",
+      "description": "A range slider component used to select two numeric values within a range.",
+      "attributes": [
+        {
+          "name": "lower",
+          "description": "The current value of the lower thumb.",
+          "type": "number"
+        },
+        {
+          "name": "upper",
+          "description": "The current value of the upper thumb.",
+          "type": "number"
+        },
+        {
+          "name": "aria-label-lower",
+          "description": "The aria label of the lower thumb.",
+          "type": "string"
+        },
+        {
+          "name": "aria-label-upper",
+          "description": "The aria label of the upper thumb.",
+          "type": "string"
+        },
+        {
+          "name": "min",
+          "description": "The minimum value of the slider scale. Defaults to 0.",
+          "type": "number"
+        },
+        {
+          "name": "max",
+          "description": "The maximum value of the slider scale. Defaults to 100.",
+          "type": "number"
+        },
+        {
+          "name": "lower-bound",
+          "description": "The lower bound of the slider value. If not set, the `min` value is applied.",
+          "type": "number | undefined"
+        },
+        {
+          "name": "upper-bound",
+          "description": "The upper bound of the slider value. If not set, the `max` value is applied.",
+          "type": "number | undefined"
+        },
+        {
+          "name": "disabled",
+          "description": "Disables the UI interactions of the slider.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "discrete-track",
+          "description": "Marks the slider track as discrete so it displays the steps.\nIf the `step` is 0, the slider will remain continuos even if `discreteTrack` is `true`.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "hide-tooltip",
+          "description": "Hides the thumb tooltip.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "step",
+          "description": "Specifies the granularity that the value must adhere to.\nIf set to 0 no stepping is implied and any value in the range is allowed.",
+          "type": "number",
+          "default": "1"
+        },
+        {
+          "name": "primary-ticks",
+          "description": "The number of primary ticks. It defaults to 0 which means no primary ticks are displayed.",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "secondary-ticks",
+          "description": "The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed.",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "tick-orientation",
+          "description": "Changes the orientation of the ticks.",
+          "type": "\"start\" | \"end\" | \"mirror\"",
+          "default": "\"end\""
+        },
+        {
+          "name": "hide-primary-labels",
+          "description": "Hides the primary tick labels.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "hide-secondary-labels",
+          "description": "Hides the secondary tick labels.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "tick-label-rotation",
+          "description": "The degrees for the rotation of the tick labels. Defaults to 0.",
+          "type": "0 | 90 | -90",
+          "default": "0"
+        }
+      ],
+      "properties": [
+        {
+          "name": "lower",
+          "attribute": "lower",
+          "description": "The current value of the lower thumb.",
+          "type": "number"
+        },
+        {
+          "name": "upper",
+          "attribute": "upper",
+          "description": "The current value of the upper thumb.",
+          "type": "number"
+        },
+        {
+          "name": "ariaLabelLower",
+          "attribute": "aria-label-lower",
+          "description": "The aria label of the lower thumb.",
+          "type": "string"
+        },
+        {
+          "name": "ariaLabelUpper",
+          "attribute": "aria-label-upper",
+          "description": "The aria label of the upper thumb.",
+          "type": "string"
+        },
+        {
+          "name": "min",
+          "attribute": "min",
+          "description": "The minimum value of the slider scale. Defaults to 0.",
+          "type": "number"
+        },
+        {
+          "name": "max",
+          "attribute": "max",
+          "description": "The maximum value of the slider scale. Defaults to 100.",
+          "type": "number"
+        },
+        {
+          "name": "lowerBound",
+          "attribute": "lower-bound",
+          "description": "The lower bound of the slider value. If not set, the `min` value is applied.",
+          "type": "number | undefined"
+        },
+        {
+          "name": "upperBound",
+          "attribute": "upper-bound",
+          "description": "The upper bound of the slider value. If not set, the `max` value is applied.",
+          "type": "number | undefined"
+        },
+        {
+          "name": "disabled",
+          "attribute": "disabled",
+          "description": "Disables the UI interactions of the slider.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "discreteTrack",
+          "attribute": "discrete-track",
+          "description": "Marks the slider track as discrete so it displays the steps.\nIf the `step` is 0, the slider will remain continuos even if `discreteTrack` is `true`.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "hideTooltip",
+          "attribute": "hide-tooltip",
+          "description": "Hides the thumb tooltip.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "step",
+          "attribute": "step",
+          "description": "Specifies the granularity that the value must adhere to.\nIf set to 0 no stepping is implied and any value in the range is allowed.",
+          "type": "number",
+          "default": "1"
+        },
+        {
+          "name": "primaryTicks",
+          "attribute": "primary-ticks",
+          "description": "The number of primary ticks. It defaults to 0 which means no primary ticks are displayed.",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "secondaryTicks",
+          "attribute": "secondary-ticks",
+          "description": "The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed.",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "tickOrientation",
+          "attribute": "tick-orientation",
+          "description": "Changes the orientation of the ticks.",
+          "type": "\"start\" | \"end\" | \"mirror\"",
+          "default": "\"end\""
+        },
+        {
+          "name": "hidePrimaryLabels",
+          "attribute": "hide-primary-labels",
+          "description": "Hides the primary tick labels.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "hideSecondaryLabels",
+          "attribute": "hide-secondary-labels",
+          "description": "Hides the secondary tick labels.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "labelFormatter",
+          "description": "Specifies a custom function to format the labels.",
+          "type": "((value: number) => string) | undefined"
+        },
+        {
+          "name": "tickLabelRotation",
+          "attribute": "tick-label-rotation",
+          "description": "The degrees for the rotation of the tick labels. Defaults to 0.",
+          "type": "0 | 90 | -90",
+          "default": "0"
+        }
+      ],
+      "events": [
+        {
+          "name": "igcInput",
+          "description": "Emitted when a value is changed via thumb drag or keyboard interaction."
+        },
+        {
+          "name": "igcChange",
+          "description": "Emitted when a value change is committed on a thumb drag end or keyboard interaction."
+        }
+      ],
+      "cssParts": [
+        {
+          "name": "base",
+          "description": "The base wrapper of the slider."
+        },
+        {
+          "name": "ticks",
+          "description": "The ticks container."
+        },
+        {
+          "name": "tick-group",
+          "description": "The tick group container."
+        },
+        {
+          "name": "tick",
+          "description": "The tick element."
+        },
+        {
+          "name": "tick-label",
+          "description": "The tick label element."
+        },
+        {
+          "name": "tick-label-inner",
+          "description": "The inner element of the tick label."
+        },
+        {
+          "name": "thumbs",
+          "description": "The thumbs container."
+        },
+        {
+          "name": "thumb",
+          "description": "The thumb element."
+        },
+        {
+          "name": "thumb-label",
+          "description": "The thumb tooltip label."
+        },
+        {
+          "name": "track",
+          "description": "The track container."
+        },
+        {
+          "name": "steps",
+          "description": "The track steps element."
+        },
+        {
+          "name": "inactive",
+          "description": "The inactive element of the track."
+        },
+        {
+          "name": "fill",
+          "description": "The filled part of the track."
+        }
+      ]
+    },
+    {
+      "name": "igc-slider",
+      "path": "./src/components/slider/slider.ts",
+      "description": "A slider component used to select numeric value within a range.",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "The current value of the slider.",
+          "type": "number"
+        },
+        {
+          "name": "aria-label",
+          "description": "The aria label of the slider thumb.",
+          "type": "string"
+        },
+        {
+          "name": "min",
+          "description": "The minimum value of the slider scale. Defaults to 0.",
+          "type": "number"
+        },
+        {
+          "name": "max",
+          "description": "The maximum value of the slider scale. Defaults to 100.",
+          "type": "number"
+        },
+        {
+          "name": "lower-bound",
+          "description": "The lower bound of the slider value. If not set, the `min` value is applied.",
+          "type": "number | undefined"
+        },
+        {
+          "name": "upper-bound",
+          "description": "The upper bound of the slider value. If not set, the `max` value is applied.",
+          "type": "number | undefined"
+        },
+        {
+          "name": "disabled",
+          "description": "Disables the UI interactions of the slider.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "discrete-track",
+          "description": "Marks the slider track as discrete so it displays the steps.\nIf the `step` is 0, the slider will remain continuos even if `discreteTrack` is `true`.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "hide-tooltip",
+          "description": "Hides the thumb tooltip.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "step",
+          "description": "Specifies the granularity that the value must adhere to.\nIf set to 0 no stepping is implied and any value in the range is allowed.",
+          "type": "number",
+          "default": "1"
+        },
+        {
+          "name": "primary-ticks",
+          "description": "The number of primary ticks. It defaults to 0 which means no primary ticks are displayed.",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "secondary-ticks",
+          "description": "The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed.",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "tick-orientation",
+          "description": "Changes the orientation of the ticks.",
+          "type": "\"start\" | \"end\" | \"mirror\"",
+          "default": "\"end\""
+        },
+        {
+          "name": "hide-primary-labels",
+          "description": "Hides the primary tick labels.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "hide-secondary-labels",
+          "description": "Hides the secondary tick labels.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "tick-label-rotation",
+          "description": "The degrees for the rotation of the tick labels. Defaults to 0.",
+          "type": "0 | 90 | -90",
+          "default": "0"
+        }
+      ],
+      "properties": [
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "The current value of the slider.",
+          "type": "number"
+        },
+        {
+          "name": "ariaLabel",
+          "attribute": "aria-label",
+          "description": "The aria label of the slider thumb.",
+          "type": "string"
+        },
+        {
+          "name": "min",
+          "attribute": "min",
+          "description": "The minimum value of the slider scale. Defaults to 0.",
+          "type": "number"
+        },
+        {
+          "name": "max",
+          "attribute": "max",
+          "description": "The maximum value of the slider scale. Defaults to 100.",
+          "type": "number"
+        },
+        {
+          "name": "lowerBound",
+          "attribute": "lower-bound",
+          "description": "The lower bound of the slider value. If not set, the `min` value is applied.",
+          "type": "number | undefined"
+        },
+        {
+          "name": "upperBound",
+          "attribute": "upper-bound",
+          "description": "The upper bound of the slider value. If not set, the `max` value is applied.",
+          "type": "number | undefined"
+        },
+        {
+          "name": "disabled",
+          "attribute": "disabled",
+          "description": "Disables the UI interactions of the slider.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "discreteTrack",
+          "attribute": "discrete-track",
+          "description": "Marks the slider track as discrete so it displays the steps.\nIf the `step` is 0, the slider will remain continuos even if `discreteTrack` is `true`.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "hideTooltip",
+          "attribute": "hide-tooltip",
+          "description": "Hides the thumb tooltip.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "step",
+          "attribute": "step",
+          "description": "Specifies the granularity that the value must adhere to.\nIf set to 0 no stepping is implied and any value in the range is allowed.",
+          "type": "number",
+          "default": "1"
+        },
+        {
+          "name": "primaryTicks",
+          "attribute": "primary-ticks",
+          "description": "The number of primary ticks. It defaults to 0 which means no primary ticks are displayed.",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "secondaryTicks",
+          "attribute": "secondary-ticks",
+          "description": "The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed.",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "tickOrientation",
+          "attribute": "tick-orientation",
+          "description": "Changes the orientation of the ticks.",
+          "type": "\"start\" | \"end\" | \"mirror\"",
+          "default": "\"end\""
+        },
+        {
+          "name": "hidePrimaryLabels",
+          "attribute": "hide-primary-labels",
+          "description": "Hides the primary tick labels.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "hideSecondaryLabels",
+          "attribute": "hide-secondary-labels",
+          "description": "Hides the secondary tick labels.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "labelFormatter",
+          "description": "Specifies a custom function to format the labels.",
+          "type": "((value: number) => string) | undefined"
+        },
+        {
+          "name": "tickLabelRotation",
+          "attribute": "tick-label-rotation",
+          "description": "The degrees for the rotation of the tick labels. Defaults to 0.",
+          "type": "0 | 90 | -90",
+          "default": "0"
+        }
+      ],
+      "events": [
+        {
+          "name": "igcInput",
+          "description": "Emitted when a value is changed via thumb drag or keyboard interaction."
+        },
+        {
+          "name": "igcChange",
+          "description": "Emitted when a value change is committed on a thumb drag end or keyboard interaction."
+        }
+      ],
+      "cssParts": [
+        {
+          "name": "base",
+          "description": "The base wrapper of the slider."
+        },
+        {
+          "name": "ticks",
+          "description": "The ticks container."
+        },
+        {
+          "name": "tick-group",
+          "description": "The tick group container."
+        },
+        {
+          "name": "tick",
+          "description": "The tick element."
+        },
+        {
+          "name": "tick-label",
+          "description": "The tick label element."
+        },
+        {
+          "name": "tick-label-inner",
+          "description": "The inner element of the tick label."
+        },
+        {
+          "name": "thumbs",
+          "description": "The thumbs container."
+        },
+        {
+          "name": "thumb",
+          "description": "The thumb element."
+        },
+        {
+          "name": "thumb-label",
+          "description": "The label of the thumb tooltip."
+        },
+        {
+          "name": "track",
+          "description": "The track container."
+        },
+        {
+          "name": "steps",
+          "description": "The track steps element."
+        },
+        {
+          "name": "inactive",
+          "description": "The inactive element of the track."
+        },
+        {
+          "name": "fill",
+          "description": "The filled part of the track."
+        }
+      ]
     }
   ]
 }