@baloise/ds-core 20.0.0-next.6 → 20.0.0-next.7

package/docs/cem.json

@@ -1960,7 +1960,7 @@
               "name": "image-teaser",
               "description": "If `true` the card image is displayed as a teaser, which means\nit is displayed with a large image.",
               "type": {
-                "text": "\"\" | \"wide-center\" | \"wide-left\" | \"wide-right\"",
+                "text": "\"\" | \"wide-center\" | \"wide-left\" | \"wide-right\" | undefined",
                 "references": [
                   {
                     "name": "CardImageTeaser",
@@ -1968,7 +1968,7 @@
                   }
                 ]
               },
-              "default": "''",
+              "default": "undefined",
               "fieldName": "imageTeaser"
             },
             {
@@ -2115,7 +2115,7 @@
               "name": "imageTeaser",
               "description": "If `true` the card image is displayed as a teaser, which means\nit is displayed with a large image.",
               "type": {
-                "text": "\"\" | \"wide-center\" | \"wide-left\" | \"wide-right\"",
+                "text": "\"\" | \"wide-center\" | \"wide-left\" | \"wide-right\" | undefined",
                 "references": [
                   {
                     "name": "CardImageTeaser",
@@ -2123,7 +2123,7 @@
                   }
                 ]
               },
-              "default": "''",
+              "default": "undefined",
               "readonly": true,
               "attribute": "image-teaser"
             },
@@ -3076,6 +3076,15 @@
               "default": "false",
               "fieldName": "disabled"
             },
+            {
+              "name": "hide-trigger",
+              "description": "If `true` and `tile` is set, the checkbox box is visually hidden. The tile remains fully clickable and keyboard-accessible.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "hideTrigger"
+            },
             {
               "name": "invalid",
               "description": "If `true` the component gets a invalid style.",
@@ -3204,6 +3213,17 @@
               "readonly": true,
               "attribute": "disabled"
             },
+            {
+              "kind": "field",
+              "name": "hideTrigger",
+              "description": "If `true` and `tile` is set, the checkbox box is visually hidden. The tile remains fully clickable and keyboard-accessible.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "readonly": true,
+              "attribute": "hide-trigger"
+            },
             {
               "kind": "field",
               "name": "invalid",
@@ -3497,6 +3517,15 @@
               "default": "false",
               "fieldName": "disabled"
             },
+            {
+              "name": "hide-trigger",
+              "description": "If `true` and `tile` is set, the checkbox box is visually hidden on every checkbox in the group.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "hideTrigger"
+            },
             {
               "name": "invalid",
               "description": "If `true` the component gets a invalid style.",
@@ -3712,6 +3741,17 @@
               "attribute": "disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "hideTrigger",
+              "description": "If `true` and `tile` is set, the checkbox box is visually hidden on every checkbox in the group.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "readonly": true,
+              "attribute": "hide-trigger"
+            },
             {
               "kind": "field",
               "name": "invalid",
@@ -8206,6 +8246,495 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/input-slider/input-slider.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "ds-input-slider",
+          "name": "DsInputSlider",
+          "description": "Input slider renders a noUiSlider-backed slider with validation and label/description messaging.",
+          "attributes": [
+            {
+              "name": "auto-invalid-off",
+              "description": "If `true`, in Angular reactive forms the control will not be set invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "autoInvalidOff"
+            },
+            {
+              "name": "brand-color",
+              "description": "Recolors the connect (the filled progress track) with a brand color instead of the default\ngrey/primary style. Left of the handle uses the darker `-4` shade, right of it the lighter\n`-2` shade. Empty (default) keeps the current grey/primary look.",
+              "type": {
+                "text": "\"\" | \"green\" | \"purple\" | \"red\" | \"yellow\"",
+                "references": [
+                  {
+                    "name": "InputSliderBrandColor",
+                    "module": "./input-slider.interfaces"
+                  }
+                ]
+              },
+              "default": "''",
+              "fieldName": "brandColor"
+            },
+            {
+              "name": "color",
+              "description": "Defines the color of the slider. The default value is `primary`.",
+              "type": {
+                "text": "\"\" | \"danger\" | \"primary\" | \"success\" | \"warning\"",
+                "references": [
+                  {
+                    "name": "InputColor",
+                    "module": "../input/input.interfaces"
+                  }
+                ]
+              },
+              "default": "'primary'",
+              "fieldName": "color"
+            },
+            {
+              "name": "debounce",
+              "description": "Set the amount of time, in milliseconds, to wait to trigger the `dsChange` event after each keystroke. This also impacts form bindings such as `ngModel` or `v-model`.",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "fieldName": "debounce"
+            },
+            {
+              "name": "description",
+              "description": "The description of the slider, which is displayed below the control.",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "description"
+            },
+            {
+              "name": "disabled",
+              "description": "If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "invalid",
+              "description": "If `true` the component gets an invalid style.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "invalid"
+            },
+            {
+              "name": "invalid-text",
+              "description": "The text to display when the slider is in an invalid state.",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "invalidText"
+            },
+            {
+              "name": "label",
+              "description": "The label of the slider, which is displayed above the control.",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "label"
+            },
+            {
+              "name": "max",
+              "description": "The maximum value of the slider.",
+              "type": {
+                "text": "number"
+              },
+              "default": "100",
+              "fieldName": "max"
+            },
+            {
+              "name": "min",
+              "description": "The minimum value of the slider.",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "fieldName": "min"
+            },
+            {
+              "name": "name",
+              "description": "The name of the control, which is submitted with the form data.",
+              "type": {
+                "text": "string"
+              },
+              "default": "this.inputSliderId",
+              "fieldName": "name"
+            },
+            {
+              "name": "readonly",
+              "description": "If `true` the element can not be mutated. noUiSlider has no native concept of\n`readonly`, so this is treated as equivalent to `disabled`.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "readonly"
+            },
+            {
+              "name": "required",
+              "description": "If `true`, the user must fill in a value before submitting a form.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "fieldName": "required"
+            },
+            {
+              "name": "step",
+              "description": "The granularity the value must adhere to, as a string so `\"any\"` (free,\ncontinuous dragging with no step snapping) can be expressed alongside\nnumeric step sizes.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'1'",
+              "fieldName": "step"
+            },
+            {
+              "name": "value",
+              "description": "The value of the slider. Unlike a text input, a slider can never be\nempty; when unset it defaults to `min`. Internally starts as `NaN` (this\ncodebase's established \"empty number\" sentinel, see `isValueEmpty`) until\n`connectedCallback` resolves it — never actually rendered or emitted.",
+              "type": {
+                "text": "number"
+              },
+              "default": "NaN",
+              "fieldName": "value"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "autoInvalidOff",
+              "description": "If `true`, in Angular reactive forms the control will not be set invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "readonly": true,
+              "attribute": "auto-invalid-off",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "brandColor",
+              "description": "Recolors the connect (the filled progress track) with a brand color instead of the default\ngrey/primary style. Left of the handle uses the darker `-4` shade, right of it the lighter\n`-2` shade. Empty (default) keeps the current grey/primary look.",
+              "type": {
+                "text": "\"\" | \"green\" | \"purple\" | \"red\" | \"yellow\"",
+                "references": [
+                  {
+                    "name": "InputSliderBrandColor",
+                    "module": "./input-slider.interfaces"
+                  }
+                ]
+              },
+              "default": "''",
+              "readonly": true,
+              "attribute": "brand-color"
+            },
+            {
+              "kind": "field",
+              "name": "color",
+              "description": "Defines the color of the slider. The default value is `primary`.",
+              "type": {
+                "text": "\"\" | \"danger\" | \"primary\" | \"success\" | \"warning\"",
+                "references": [
+                  {
+                    "name": "InputColor",
+                    "module": "../input/input.interfaces"
+                  }
+                ]
+              },
+              "default": "'primary'",
+              "readonly": true,
+              "attribute": "color"
+            },
+            {
+              "kind": "field",
+              "name": "debounce",
+              "description": "Set the amount of time, in milliseconds, to wait to trigger the `dsChange` event after each keystroke. This also impacts form bindings such as `ngModel` or `v-model`.",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "readonly": true,
+              "attribute": "debounce"
+            },
+            {
+              "kind": "field",
+              "name": "description",
+              "description": "The description of the slider, which is displayed below the control.",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "readonly": true,
+              "attribute": "description"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "description": "If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "readonly": true,
+              "attribute": "disabled"
+            },
+            {
+              "kind": "field",
+              "name": "invalid",
+              "description": "If `true` the component gets an invalid style.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "readonly": true,
+              "attribute": "invalid",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "invalidText",
+              "description": "The text to display when the slider is in an invalid state.",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "readonly": true,
+              "attribute": "invalid-text"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "description": "The label of the slider, which is displayed above the control.",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "readonly": true,
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "max",
+              "description": "The maximum value of the slider.",
+              "type": {
+                "text": "number"
+              },
+              "default": "100",
+              "readonly": true,
+              "attribute": "max"
+            },
+            {
+              "kind": "field",
+              "name": "min",
+              "description": "The minimum value of the slider.",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "readonly": true,
+              "attribute": "min"
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "description": "The name of the control, which is submitted with the form data.",
+              "type": {
+                "text": "string"
+              },
+              "default": "this.inputSliderId",
+              "readonly": true,
+              "attribute": "name",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "readonly",
+              "description": "If `true` the element can not be mutated. noUiSlider has no native concept of\n`readonly`, so this is treated as equivalent to `disabled`.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "readonly": true,
+              "attribute": "readonly"
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "description": "If `true`, the user must fill in a value before submitting a form.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "readonly": true,
+              "attribute": "required"
+            },
+            {
+              "kind": "field",
+              "name": "step",
+              "description": "The granularity the value must adhere to, as a string so `\"any\"` (free,\ncontinuous dragging with no step snapping) can be expressed alongside\nnumeric step sizes.",
+              "type": {
+                "text": "string"
+              },
+              "default": "'1'",
+              "readonly": true,
+              "attribute": "step"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "description": "The value of the slider. Unlike a text input, a slider can never be\nempty; when unset it defaults to `min`. Internally starts as `NaN` (this\ncodebase's established \"empty number\" sentinel, see `isValueEmpty`) until\n`connectedCallback` resolves it — never actually rendered or emitted.",
+              "type": {
+                "text": "number"
+              },
+              "default": "NaN",
+              "attribute": "value",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "getInputElement",
+              "description": "Returns the noUiSlider handle element used under the hood.",
+              "return": {
+                "type": {
+                  "text": "Promise<HTMLElement | undefined>",
+                  "references": [
+                    {
+                      "name": "Promise",
+                      "package": "global:"
+                    },
+                    {
+                      "name": "HTMLElement",
+                      "package": "global:"
+                    }
+                  ]
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "setFocus",
+              "description": "Sets focus on `ds-input-slider`'s slider handle. Use this method instead of the global\n`element.focus()`.",
+              "return": {
+                "type": {
+                  "text": "Promise<void>",
+                  "references": [
+                    {
+                      "name": "Promise",
+                      "package": "global:"
+                    }
+                  ]
+                }
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "dsBlur",
+              "description": "Emitted when the input loses focus.",
+              "type": {
+                "text": "CustomEvent<FocusEvent>",
+                "references": [
+                  {
+                    "name": "InputSliderBlurDetail",
+                    "module": "./input-slider.interfaces"
+                  }
+                ]
+              }
+            },
+            {
+              "name": "dsChange",
+              "description": "Emitted when the value is committed (noUiSlider `change`, not `blur` — see\nADR-0006/ADR-0007). Fires once per discrete drag/step, independent of focus.",
+              "type": {
+                "text": "CustomEvent<number>",
+                "references": [
+                  {
+                    "name": "InputSliderChangeDetail",
+                    "module": "./input-slider.interfaces"
+                  }
+                ]
+              }
+            },
+            {
+              "name": "dsClick",
+              "description": "Emitted when the input is clicked.",
+              "type": {
+                "text": "CustomEvent<MouseEvent>",
+                "references": [
+                  {
+                    "name": "InputSliderClickDetail",
+                    "module": "./input-slider.interfaces"
+                  }
+                ]
+              }
+            },
+            {
+              "name": "dsFocus",
+              "description": "Emitted when the input has focus.",
+              "type": {
+                "text": "CustomEvent<FocusEvent>",
+                "references": [
+                  {
+                    "name": "InputSliderFocusDetail",
+                    "module": "./input-slider.interfaces"
+                  }
+                ]
+              }
+            },
+            {
+              "name": "dsInput",
+              "description": "Emitted on each keyboard/pointer movement, before the value is committed.",
+              "type": {
+                "text": "CustomEvent<number>",
+                "references": [
+                  {
+                    "name": "InputSliderInputDetail",
+                    "module": "./input-slider.interfaces"
+                  }
+                ]
+              }
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "slider",
+              "description": "The noUiSlider target element."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DsInputSlider",
+          "declaration": {
+            "name": "DsInputSlider"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ds-input-slider",
+          "declaration": {
+            "name": "DsInputSlider"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/list/item/item.tsx",
@@ -11473,6 +12002,15 @@
               "default": "false",
               "fieldName": "disabled"
             },
+            {
+              "name": "hide-trigger",
+              "description": "If `true` and `tile` is set, the radio circle is visually hidden. The tile remains fully clickable and keyboard-accessible.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "hideTrigger"
+            },
             {
               "name": "invalid",
               "description": "If `true` the component gets a invalid style.",
@@ -11601,6 +12139,17 @@
               "attribute": "disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "hideTrigger",
+              "description": "If `true` and `tile` is set, the radio circle is visually hidden. The tile remains fully clickable and keyboard-accessible.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "readonly": true,
+              "attribute": "hide-trigger"
+            },
             {
               "kind": "field",
               "name": "invalid",
@@ -11914,6 +12463,15 @@
               "default": "false",
               "fieldName": "disabled"
             },
+            {
+              "name": "hide-trigger",
+              "description": "If `true` and `tile` is set, the radio circle is visually hidden on every radio in the group.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "hideTrigger"
+            },
             {
               "name": "invalid",
               "description": "If `true` the component gets a invalid style.",
@@ -12137,6 +12695,17 @@
               "attribute": "disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "hideTrigger",
+              "description": "If `true` and `tile` is set, the radio circle is visually hidden on every radio in the group.",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "readonly": true,
+              "attribute": "hide-trigger"
+            },
             {
               "kind": "field",
               "name": "invalid",