@solid-design-system/components 1.17.0 → 1.18.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/web-types",
   "name": "@solid-design-system/components",
-  "version": "1.17.0",
+  "version": "1.18.0",
   "description-markup": "markdown",
   "framework-config": {
     "enable-when": {
@@ -608,6 +608,391 @@
             }
           ]
         },
+        {
+          "name": "sd-carousel-item",
+          "description": "",
+          "doc-url": "https://solid.union-investment.com/[storybook-link]/carousel-item",
+          "js": {
+            "properties": [
+              {
+                "name": "isCarouselItem",
+                "value": {}
+              }
+            ],
+            "events": []
+          },
+          "attributes": []
+        },
+        {
+          "description": "A controller that repeatedly calls the specified callback with the provided interval time.\nThe timer is automatically paused while the user is interacting with the component.",
+          "doc-url": "https://solid.union-investment.com/[storybook-link]/",
+          "js": {
+            "properties": [
+              {
+                "name": "host",
+                "value": {
+                  "type": "ReactiveElement"
+                }
+              },
+              {
+                "name": "timerId",
+                "value": {
+                  "type": "number"
+                }
+              },
+              {
+                "name": "tickCallback",
+                "value": {
+                  "type": "() => void"
+                }
+              },
+              {
+                "name": "activeInteractions",
+                "value": {
+                  "type": "number"
+                }
+              },
+              {
+                "name": "paused",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "stopped",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "hostConnected",
+                "value": {}
+              },
+              {
+                "name": "hostDisconnected",
+                "value": {}
+              },
+              {
+                "name": "start",
+                "value": {}
+              },
+              {
+                "name": "stop",
+                "value": {}
+              },
+              {
+                "name": "pause",
+                "value": {}
+              },
+              {
+                "name": "resume",
+                "value": {}
+              },
+              {
+                "name": "controlledPause",
+                "description": "Used to manually pause autoplay without disrupting mouse/focus/touch events.",
+                "value": {}
+              },
+              {
+                "name": "controlledResume",
+                "description": "Used to manually resume autoplay without disrupting mouse/focus/touch events.",
+                "value": {}
+              }
+            ],
+            "events": []
+          },
+          "attributes": []
+        },
+        {
+          "name": "sd-carousel",
+          "description": "",
+          "doc-url": "https://solid.union-investment.com/[storybook-link]/carousel",
+          "js": {
+            "properties": [
+              {
+                "name": "variant",
+                "description": "Determines the counting system for the carousel.",
+                "value": {
+                  "type": "'dot' | 'number'"
+                }
+              },
+              {
+                "name": "inverted",
+                "description": "Inverts the carousel",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "loop",
+                "description": "When set, allows the user to navigate the carousel in the same direction indefinitely.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "autoplay",
+                "description": "When set, the slides will scroll automatically when the user is not interacting with them.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "slidesPerPage",
+                "description": "Specifies how many slides should be shown at a given time.",
+                "value": {
+                  "type": "number"
+                }
+              },
+              {
+                "name": "slidesPerMove",
+                "description": "Use `slides-per-move` to set how many slides the carousel advances when scrolling. This is useful when specifying a `slides-per-page` greater than one. By setting `slides-per-move` to the same value as `slides-per-page`, the carousel will advance by one page at a time.<br>\n<b>Note:</b><br>\n<li> The number of slides should be divisible by the number of `slides-per-page` to maintain consistent scroll behavior.</li>\n<li>Variations between `slides-per-move` and `slides-per-page` can lead to unexpected scrolling behavior. Keep your intended UX in mind when adjusting these values.</li>",
+                "value": {
+                  "type": "number"
+                }
+              },
+              {
+                "name": "activeSlide",
+                "value": {
+                  "type": "number"
+                }
+              },
+              {
+                "name": "pausedAutoplay",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "autoplayController",
+                "value": {}
+              },
+              {
+                "name": "scrollController",
+                "value": {}
+              },
+              {
+                "name": "slides",
+                "value": {}
+              },
+              {
+                "name": "intersectionObserver",
+                "value": {
+                  "type": "IntersectionObserver"
+                }
+              },
+              {
+                "name": "intersectionObserverEntries",
+                "value": {}
+              },
+              {
+                "name": "localize",
+                "value": {}
+              },
+              {
+                "name": "mutationObserver",
+                "value": {
+                  "type": "MutationObserver"
+                }
+              },
+              {
+                "name": "getPageCount",
+                "value": {}
+              },
+              {
+                "name": "getCurrentPage",
+                "value": {}
+              },
+              {
+                "name": "getSlides",
+                "value": {}
+              },
+              {
+                "name": "handleKeyDown",
+                "value": {}
+              },
+              {
+                "name": "handleScrollEnd",
+                "value": {}
+              },
+              {
+                "name": "handleSlotChange",
+                "value": {}
+              },
+              {
+                "name": "handlePausedAutoplay",
+                "value": {}
+              },
+              {
+                "name": "initializeSlides",
+                "value": {}
+              },
+              {
+                "name": "handelSlideChange",
+                "value": {}
+              },
+              {
+                "name": "handleSlidesPerMoveChange",
+                "value": {}
+              },
+              {
+                "name": "handleAutoplayChange",
+                "value": {}
+              },
+              {
+                "name": "previous",
+                "description": "Move the carousel backward by `slides-per-move` slides.",
+                "value": {}
+              },
+              {
+                "name": "next",
+                "description": "Move the carousel forward by `slides-per-move` slides.",
+                "value": {}
+              },
+              {
+                "name": "goToSlide",
+                "description": "Scrolls the carousel to the slide specified by `index`.",
+                "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "sd-slide-change",
+                "description": "Emitted when the active slide changes."
+              }
+            ]
+          },
+          "attributes": [
+            {
+              "name": "variant",
+              "description": "Determines the counting system for the carousel.",
+              "value": {
+                "type": "'dot' | 'number'"
+              }
+            },
+            {
+              "name": "inverted",
+              "description": "Inverts the carousel",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "loop",
+              "description": "When set, allows the user to navigate the carousel in the same direction indefinitely.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "autoplay",
+              "description": "When set, the slides will scroll automatically when the user is not interacting with them.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "slides-per-page",
+              "description": "Specifies how many slides should be shown at a given time.",
+              "value": {
+                "type": "number"
+              }
+            },
+            {
+              "name": "slides-per-move",
+              "description": "Use `slides-per-move` to set how many slides the carousel advances when scrolling. This is useful when specifying a `slides-per-page` greater than one. By setting `slides-per-move` to the same value as `slides-per-page`, the carousel will advance by one page at a time.<br>\n<b>Note:</b><br>\n<li> The number of slides should be divisible by the number of `slides-per-page` to maintain consistent scroll behavior.</li>\n<li>Variations between `slides-per-move` and `slides-per-page` can lead to unexpected scrolling behavior. Keep your intended UX in mind when adjusting these values.</li>",
+              "value": {
+                "type": "number"
+              }
+            }
+          ]
+        },
+        {
+          "description": "A controller for handling scrolling and mouse dragging.",
+          "doc-url": "https://solid.union-investment.com/[storybook-link]/",
+          "js": {
+            "properties": [
+              {
+                "name": "host",
+                "value": {
+                  "type": "T"
+                }
+              },
+              {
+                "name": "pointers",
+                "value": {}
+              },
+              {
+                "name": "dragging",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "scrolling",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "mouseDragging",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "hostConnected",
+                "value": {}
+              },
+              {
+                "name": "hostDisconnected",
+                "value": {}
+              },
+              {
+                "name": "handleScroll",
+                "value": {}
+              },
+              {
+                "name": "handleScrollEnd",
+                "value": {}
+              },
+              {
+                "name": "handlePointerDown",
+                "value": {}
+              },
+              {
+                "name": "handlePointerMove",
+                "value": {}
+              },
+              {
+                "name": "handlePointerUp",
+                "value": {}
+              },
+              {
+                "name": "handleTouchEnd",
+                "value": {}
+              },
+              {
+                "name": "handleTouchStart",
+                "value": {}
+              },
+              {
+                "name": "handleDragStart",
+                "value": {}
+              },
+              {
+                "name": "handleDrag",
+                "value": {}
+              },
+              {
+                "name": "handleDragEnd",
+                "value": {}
+              }
+            ],
+            "events": []
+          },
+          "attributes": []
+        },
         {
           "name": "sd-divider",
           "description": "",
@@ -2248,7 +2633,7 @@
           ]
         },
         {
-          "name": "sd-1-17-0-accordion-group",
+          "name": "sd-1-18-0-accordion-group",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/accordion-group",
           "js": {
@@ -2278,7 +2663,7 @@
           ]
         },
         {
-          "name": "sd-1-17-0-accordion",
+          "name": "sd-1-18-0-accordion",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/accordion",
           "js": {
@@ -2361,7 +2746,7 @@
           ]
         },
         {
-          "name": "sd-1-17-0-badge",
+          "name": "sd-1-18-0-badge",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/badge",
           "js": {
@@ -2415,7 +2800,7 @@
           ]
         },
         {
-          "name": "sd-1-17-0-brandshape",
+          "name": "sd-1-18-0-brandshape",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/brandshape",
           "js": {
@@ -2504,7 +2889,7 @@
           ]
         },
         {
-          "name": "sd-1-17-0-button",
+          "name": "sd-1-18-0-button",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/button",
           "js": {
@@ -2843,7 +3228,226 @@
           ]
         },
         {
-          "name": "sd-1-17-0-divider",
+          "name": "sd-1-18-0-carousel-item",
+          "description": "",
+          "doc-url": "https://solid.union-investment.com/[storybook-link]/carousel-item",
+          "js": {
+            "properties": [
+              {
+                "name": "isCarouselItem",
+                "value": {}
+              }
+            ],
+            "events": []
+          },
+          "attributes": []
+        },
+        {
+          "name": "sd-1-18-0-carousel",
+          "description": "",
+          "doc-url": "https://solid.union-investment.com/[storybook-link]/carousel",
+          "js": {
+            "properties": [
+              {
+                "name": "variant",
+                "description": "Determines the counting system for the carousel.",
+                "value": {
+                  "type": "'dot' | 'number'"
+                }
+              },
+              {
+                "name": "inverted",
+                "description": "Inverts the carousel",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "loop",
+                "description": "When set, allows the user to navigate the carousel in the same direction indefinitely.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "autoplay",
+                "description": "When set, the slides will scroll automatically when the user is not interacting with them.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "slidesPerPage",
+                "description": "Specifies how many slides should be shown at a given time.",
+                "value": {
+                  "type": "number"
+                }
+              },
+              {
+                "name": "slidesPerMove",
+                "description": "Use `slides-per-move` to set how many slides the carousel advances when scrolling. This is useful when specifying a `slides-per-page` greater than one. By setting `slides-per-move` to the same value as `slides-per-page`, the carousel will advance by one page at a time.<br>\n<b>Note:</b><br>\n<li> The number of slides should be divisible by the number of `slides-per-page` to maintain consistent scroll behavior.</li>\n<li>Variations between `slides-per-move` and `slides-per-page` can lead to unexpected scrolling behavior. Keep your intended UX in mind when adjusting these values.</li>",
+                "value": {
+                  "type": "number"
+                }
+              },
+              {
+                "name": "activeSlide",
+                "value": {
+                  "type": "number"
+                }
+              },
+              {
+                "name": "pausedAutoplay",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "autoplayController",
+                "value": {}
+              },
+              {
+                "name": "scrollController",
+                "value": {}
+              },
+              {
+                "name": "slides",
+                "value": {}
+              },
+              {
+                "name": "intersectionObserver",
+                "value": {
+                  "type": "IntersectionObserver"
+                }
+              },
+              {
+                "name": "intersectionObserverEntries",
+                "value": {}
+              },
+              {
+                "name": "localize",
+                "value": {}
+              },
+              {
+                "name": "mutationObserver",
+                "value": {
+                  "type": "MutationObserver"
+                }
+              },
+              {
+                "name": "getPageCount",
+                "value": {}
+              },
+              {
+                "name": "getCurrentPage",
+                "value": {}
+              },
+              {
+                "name": "getSlides",
+                "value": {}
+              },
+              {
+                "name": "handleKeyDown",
+                "value": {}
+              },
+              {
+                "name": "handleScrollEnd",
+                "value": {}
+              },
+              {
+                "name": "handleSlotChange",
+                "value": {}
+              },
+              {
+                "name": "handlePausedAutoplay",
+                "value": {}
+              },
+              {
+                "name": "initializeSlides",
+                "value": {}
+              },
+              {
+                "name": "handelSlideChange",
+                "value": {}
+              },
+              {
+                "name": "handleSlidesPerMoveChange",
+                "value": {}
+              },
+              {
+                "name": "handleAutoplayChange",
+                "value": {}
+              },
+              {
+                "name": "previous",
+                "description": "Move the carousel backward by `slides-per-move` slides.",
+                "value": {}
+              },
+              {
+                "name": "next",
+                "description": "Move the carousel forward by `slides-per-move` slides.",
+                "value": {}
+              },
+              {
+                "name": "goToSlide",
+                "description": "Scrolls the carousel to the slide specified by `index`.",
+                "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "sd-slide-change",
+                "description": "Emitted when the active slide changes."
+              }
+            ]
+          },
+          "attributes": [
+            {
+              "name": "variant",
+              "description": "Determines the counting system for the carousel.",
+              "value": {
+                "type": "'dot' | 'number'"
+              }
+            },
+            {
+              "name": "inverted",
+              "description": "Inverts the carousel",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "loop",
+              "description": "When set, allows the user to navigate the carousel in the same direction indefinitely.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "autoplay",
+              "description": "When set, the slides will scroll automatically when the user is not interacting with them.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "slides-per-page",
+              "description": "Specifies how many slides should be shown at a given time.",
+              "value": {
+                "type": "number"
+              }
+            },
+            {
+              "name": "slides-per-move",
+              "description": "Use `slides-per-move` to set how many slides the carousel advances when scrolling. This is useful when specifying a `slides-per-page` greater than one. By setting `slides-per-move` to the same value as `slides-per-page`, the carousel will advance by one page at a time.<br>\n<b>Note:</b><br>\n<li> The number of slides should be divisible by the number of `slides-per-page` to maintain consistent scroll behavior.</li>\n<li>Variations between `slides-per-move` and `slides-per-page` can lead to unexpected scrolling behavior. Keep your intended UX in mind when adjusting these values.</li>",
+              "value": {
+                "type": "number"
+              }
+            }
+          ]
+        },
+        {
+          "name": "sd-1-18-0-divider",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/divider",
           "js": {
@@ -2883,7 +3487,7 @@
           ]
         },
         {
-          "name": "sd-1-17-0-drawer",
+          "name": "sd-1-18-0-drawer",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/drawer",
           "js": {
@@ -3036,7 +3640,7 @@
           ]
         },
         {
-          "name": "sd-1-17-0-dropdown",
+          "name": "sd-1-18-0-dropdown",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/dropdown",
           "js": {
@@ -3290,7 +3894,7 @@
           ]
         },
         {
-          "name": "sd-1-17-0-icon",
+          "name": "sd-1-18-0-icon",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/icon",
           "js": {
@@ -3399,7 +4003,7 @@
           ]
         },
         {
-          "name": "sd-1-17-0-include",
+          "name": "sd-1-18-0-include",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/include",
           "js": {
@@ -3470,7 +4074,7 @@
           ]
         },
         {
-          "name": "sd-1-17-0-link",
+          "name": "sd-1-18-0-link",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/link",
           "js": {
@@ -3597,7 +4201,7 @@
           ]
         },
         {
-          "name": "sd-1-17-0-navigation-item",
+          "name": "sd-1-18-0-navigation-item",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/navigation-item",
           "js": {
@@ -3822,7 +4426,7 @@
           ]
         },
         {
-          "name": "sd-1-17-0-popup",
+          "name": "sd-1-18-0-popup",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/popup",
           "js": {
@@ -4156,7 +4760,7 @@
           ]
         },
         {
-          "name": "sd-1-17-0-spinner",
+          "name": "sd-1-18-0-spinner",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/spinner",
           "js": {
@@ -4186,7 +4790,7 @@
           ]
         },
         {
-          "name": "sd-1-17-0-tag",
+          "name": "sd-1-18-0-tag",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/tag",
           "js": {
@@ -4332,7 +4936,7 @@
           ]
         },
         {
-          "name": "sd-1-17-0-teaser",
+          "name": "sd-1-18-0-teaser",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/teaser",
           "js": {