sit-onyx 1.7.0-dev-20260122090908 → 1.7.0-dev-20260123074548

package/dist/index.esm-bundler.js

@@ -253,7 +253,7 @@ const _sfc_main$1T = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$1q = ["open"];
 const _hoisted_2$Z = ["id", "tabindex", "aria-expanded", "aria-controls", "aria-disabled"];
-const _hoisted_3$E = { class: "onyx-accordion-item__header-content" };
+const _hoisted_3$D = { class: "onyx-accordion-item__header-content" };
 const _hoisted_4$q = ["id", "aria-labelledby"];
 function _sfc_render$1T(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.showSkeleton ? (openBlock(), createBlock(resolveDynamicComponent($setup.type === "card" ? $setup.OnyxSkeleton : "div"), {
@@ -291,7 +291,7 @@ function _sfc_render$1T(_ctx, _cache, $props, $setup, $data, $options) {
       "aria-disabled": $setup.isDisabled,
       onClick: _cache[0] || (_cache[0] = withModifiers(($event) => $setup.isOpen = !$setup.isOpen, ["prevent"]))
     }, [
-      createElementVNode("div", _hoisted_3$E, [
+      createElementVNode("div", _hoisted_3$D, [
         renderSlot(_ctx.$slots, "header")
       ]),
       createVNode($setup["OnyxIcon"], {
@@ -2393,7 +2393,7 @@ const _sfc_main$1M = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$1l = { class: "onyx-alert-modal__content" };
 const _hoisted_2$X = { class: "onyx-alert-modal__headline" };
-const _hoisted_3$D = ["id"];
+const _hoisted_3$C = ["id"];
 const _hoisted_4$p = { class: "onyx-alert-modal__actions" };
 function _sfc_render$1M(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock($setup["OnyxBasicDialog"], mergeProps({
@@ -2445,7 +2445,7 @@ function _sfc_render$1M(_ctx, _cache, $props, $setup, $data, $options) {
             class: "onyx-alert-modal__body onyx-truncation"
           }, [
             renderSlot(_ctx.$slots, "default")
-          ], 8, _hoisted_3$D)
+          ], 8, _hoisted_3$C)
         ])
       ]),
       createElementVNode("div", _hoisted_4$p, [
@@ -3632,7 +3632,7 @@ const _hoisted_2$U = {
   key: 3,
   class: "onyx-info-card__description onyx-text--small"
 };
-const _hoisted_3$C = {
+const _hoisted_3$B = {
   key: 4,
   class: "onyx-info-card__buttons onyx-density-compact"
 };
@@ -3694,7 +3694,7 @@ function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
         !!$setup.slots.default ? (openBlock(), createElementBlock("p", _hoisted_2$U, [
           renderSlot(_ctx.$slots, "default")
         ])) : createCommentVNode("v-if", true),
-        !!$setup.slots.buttons ? (openBlock(), createElementBlock("div", _hoisted_3$C, [
+        !!$setup.slots.buttons ? (openBlock(), createElementBlock("div", _hoisted_3$B, [
           renderSlot(_ctx.$slots, "buttons")
         ])) : createCommentVNode("v-if", true)
       ])
@@ -3909,7 +3909,7 @@ const _sfc_main$1x = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$1b = { class: "onyx-toast-message__wrapper" };
 const _hoisted_2$T = { class: "onyx-toast-message__content onyx-truncation-ellipsis" };
-const _hoisted_3$B = { class: "onyx-toast-message__headline onyx-text" };
+const _hoisted_3$A = { class: "onyx-toast-message__headline onyx-text" };
 const _hoisted_4$o = { class: "onyx-truncation-ellipsis" };
 const _hoisted_5$h = ["aria-label"];
 const _hoisted_6$d = {
@@ -3930,7 +3930,7 @@ function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
           icon: $setup.icon
         }, null, 8, ["icon"])) : createCommentVNode("v-if", true),
         createElementVNode("div", _hoisted_2$T, [
-          createElementVNode("div", _hoisted_3$B, [
+          createElementVNode("div", _hoisted_3$A, [
             createElementVNode(
               "span",
               _hoisted_4$o,
@@ -4132,7 +4132,7 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$18 = ["title", "aria-label"];
 const _hoisted_2$R = ["src", "alt"];
-const _hoisted_3$A = {
+const _hoisted_3$z = {
   key: 0,
   class: "onyx-avatar__initials"
 };
@@ -4159,7 +4159,7 @@ function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
       [
         $setup.initials ? (openBlock(), createElementBlock(
           "div",
-          _hoisted_3$A,
+          _hoisted_3$z,
           toDisplayString($setup.initials),
           1
           /* TEXT */
@@ -4498,7 +4498,7 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$14 = { class: "onyx-bottom-bar__content onyx-grid-container" };
 const _hoisted_2$Q = { class: "onyx-bottom-bar__content--left" };
-const _hoisted_3$z = { class: "onyx-bottom-bar__content--right" };
+const _hoisted_3$y = { class: "onyx-bottom-bar__content--right" };
 function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
@@ -4515,7 +4515,7 @@ function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
         createElementVNode("div", _hoisted_2$Q, [
           renderSlot(_ctx.$slots, "left")
         ]),
-        createElementVNode("div", _hoisted_3$z, [
+        createElementVNode("div", _hoisted_3$y, [
           renderSlot(_ctx.$slots, "default")
         ])
       ])
@@ -4775,7 +4775,7 @@ const _hoisted_2$P = {
   key: 0,
   class: "onyx-menu-item__chevron"
 };
-const _hoisted_3$y = {
+const _hoisted_3$x = {
   key: 0,
   role: "menu",
   class: "onyx-menu-item__children"
@@ -4829,7 +4829,7 @@ function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       $setup.hasChildren ? withDirectives((openBlock(), createElementBlock(
         "ul",
-        _hoisted_3$y,
+        _hoisted_3$x,
         [
           createVNode(
             _component_OnyxMenuItem,
@@ -5059,7 +5059,7 @@ const _hoisted_2$O = {
   class: "onyx-breadcrumb__list onyx-grid-container",
   role: "menu"
 };
-const _hoisted_3$x = { ref: "moreListRef" };
+const _hoisted_3$w = { ref: "moreListRef" };
 function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("nav", {
     class: normalizeClass([
@@ -5139,7 +5139,7 @@ function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
             options: withCtx(() => [
               createElementVNode(
                 "div",
-                _hoisted_3$x,
+                _hoisted_3$w,
                 null,
                 512
                 /* NEED_PATCH */
@@ -5222,7 +5222,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$11 = { class: "onyx-calendar-cell__header" };
 const _hoisted_2$N = { class: "onyx-calendar-cell__date-container" };
-const _hoisted_3$w = {
+const _hoisted_3$v = {
   key: 1,
   class: "onyx-calendar-cell__date"
 };
@@ -5276,7 +5276,7 @@ function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
                 /* STABLE */
               }, 8, ["text"])) : (openBlock(), createElementBlock(
                 "span",
-                _hoisted_3$w,
+                _hoisted_3$v,
                 toDisplayString($setup.props.date),
                 1
                 /* TEXT */
@@ -5629,7 +5629,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$_ = { class: "onyx-calendar__header" };
 const _hoisted_2$L = { class: "control-container time-control-container" };
-const _hoisted_3$v = { class: "control-container__month-buttons" };
+const _hoisted_3$u = { class: "control-container__month-buttons" };
 const _hoisted_4$m = { class: "control-container" };
 const _hoisted_5$g = { class: "onyx-calendar__body" };
 const _hoisted_6$c = ["abbr"];
@@ -5662,7 +5662,7 @@ function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
             disabled: $setup.disabled === true || $setup.isPickerOpen && $setup.calendarSize === "small",
             onClick: $setup.goToToday
           }, null, 8, ["label", "disabled", "onClick"]),
-          createElementVNode("div", _hoisted_3$v, [
+          createElementVNode("div", _hoisted_3$u, [
             createVNode($setup["OnyxSystemButton"], {
               label: $setup.t("calendar.previousMonthButton"),
               icon: $setup.iconChevronLeftSmall,
@@ -6149,7 +6149,7 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$Y = ["title"];
 const _hoisted_2$J = { class: "onyx-checkbox__container" };
-const _hoisted_3$u = ["aria-label", "indeterminate", "disabled", "required", "value", "autofocus"];
+const _hoisted_3$t = ["aria-label", "indeterminate", "disabled", "required", "value", "autofocus"];
 function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createElementBlock(
     "div",
@@ -6193,7 +6193,7 @@ function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
             required: $setup.props.required,
             value: $setup.props.value,
             autofocus: $setup.props.autofocus
-          }, $setup.restAttrs), null, 16, _hoisted_3$u)), [
+          }, $setup.restAttrs), null, 16, _hoisted_3$t)), [
             [vModelCheckbox, $setup.isChecked],
             [$setup["vCustomValidity"]]
           ])
@@ -6922,7 +6922,7 @@ const _hoisted_2$E = {
   key: 0,
   class: "onyx-empty__description onyx-truncation-multiline"
 };
-const _hoisted_3$t = {
+const _hoisted_3$s = {
   key: 0,
   class: "onyx-empty__buttons"
 };
@@ -6951,7 +6951,7 @@ function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
           renderSlot(_ctx.$slots, "description")
         ])) : createCommentVNode("v-if", true)
       ]),
-      !!$setup.slots.buttons ? (openBlock(), createElementBlock("div", _hoisted_3$t, [
+      !!$setup.slots.buttons ? (openBlock(), createElementBlock("div", _hoisted_3$s, [
         renderSlot(_ctx.$slots, "buttons")
       ])) : createCommentVNode("v-if", true)
     ],
@@ -6996,7 +6996,7 @@ const _hoisted_1$Q = {
   class: "onyx-table-wrapper__top"
 };
 const _hoisted_2$D = ["id"];
-const _hoisted_3$s = { class: "onyx-table-wrapper__actions" };
+const _hoisted_3$r = { class: "onyx-table-wrapper__actions" };
 const _hoisted_4$l = ["tabindex"];
 const _hoisted_5$f = ["aria-labelledby"];
 const _hoisted_6$b = ["span"];
@@ -7025,7 +7025,7 @@ function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
         createElementVNode("div", { id: $setup.headlineId }, [
           renderSlot(_ctx.$slots, "headline")
         ], 8, _hoisted_2$D),
-        createElementVNode("div", _hoisted_3$s, [
+        createElementVNode("div", _hoisted_3$r, [
           renderSlot(_ctx.$slots, "actions")
         ])
       ])) : createCommentVNode("v-if", true),
@@ -7368,7 +7368,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$O = { class: "onyx-component onyx-data-grid-header-cell" };
 const _hoisted_2$B = { class: "onyx-data-grid-header-cell__label" };
-const _hoisted_3$r = {
+const _hoisted_3$q = {
   key: 0,
   class: "onyx-data-grid-header-cell__actions"
 };
@@ -7381,7 +7381,7 @@ function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
       1
       /* TEXT */
     ),
-    $setup.slots.actions ? (openBlock(), createElementBlock("div", _hoisted_3$r, [
+    $setup.slots.actions ? (openBlock(), createElementBlock("div", _hoisted_3$q, [
       renderSlot(_ctx.$slots, "actions")
     ])) : createCommentVNode("v-if", true)
   ]);
@@ -8009,7 +8009,7 @@ const _hoisted_1$M = {
   class: "onyx-form-element__label onyx-text--small"
 };
 const _hoisted_2$A = ["for"];
-const _hoisted_3$q = {
+const _hoisted_3$p = {
   key: 1,
   class: "onyx-form-element__footer onyx-text--small"
 };
@@ -8061,7 +8061,7 @@ function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
       renderSlot(_ctx.$slots, "default", {
         id: $setup.props.id
       }),
-      $setup.footer ? (openBlock(), createElementBlock("div", _hoisted_3$q, [
+      $setup.footer ? (openBlock(), createElementBlock("div", _hoisted_3$p, [
         createElementVNode("span", _hoisted_4$k, [
           $setup.footer.errorMessages ? (openBlock(), createBlock($setup["FormMessage"], {
             key: 0,
@@ -8648,7 +8648,7 @@ const _hoisted_2$y = {
   class: "onyx-select__wrapper",
   tabindex: "-1"
 };
-const _hoisted_3$p = {
+const _hoisted_3$o = {
   key: 0,
   role: "group",
   class: "onyx-select__group"
@@ -8722,7 +8722,7 @@ function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
               "div",
               normalizeProps(guardReactiveProps($setup.listbox)),
               [
-                $setup.isEmptyMessage ? (openBlock(), createElementBlock("ul", _hoisted_3$p, [
+                $setup.isEmptyMessage ? (openBlock(), createElementBlock("ul", _hoisted_3$o, [
                   createElementVNode("li", _hoisted_4$j, [
                     renderSlot(_ctx.$slots, "empty", { defaultMessage: $setup.isEmptyMessage }, () => [
                       createVNode($setup["OnyxEmpty"], {
@@ -9008,7 +9008,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$H = ["aria-label"];
 const _hoisted_2$x = ["aria-label", "disabled"];
-const _hoisted_3$o = ["aria-label", "disabled", "onClick"];
+const _hoisted_3$n = ["aria-label", "disabled", "onClick"];
 const _hoisted_4$i = ["aria-label"];
 const _hoisted_5$d = ["aria-label", "disabled"];
 function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
@@ -9059,7 +9059,7 @@ function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
               type: "button",
               disabled: $setup.props.disabled,
               onClick: ($event) => $setup.emit("update:modelValue", pageNumber)
-            }, toDisplayString(pageNumber), 11, _hoisted_3$o)) : (openBlock(), createElementBlock("div", {
+            }, toDisplayString(pageNumber), 11, _hoisted_3$n)) : (openBlock(), createElementBlock("div", {
               key: 1,
               class: normalizeClass(["onyx-pagination__more-pages"]),
               "aria-label": $setup.t("pagination.morePages")
@@ -9158,7 +9158,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$G = ["aria-label"];
 const _hoisted_2$w = { class: "onyx-pagination__count" };
-const _hoisted_3$n = ["aria-label", "disabled"];
+const _hoisted_3$m = ["aria-label", "disabled"];
 const _hoisted_4$h = ["aria-label", "disabled"];
 function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createBlock($setup["OnyxSkeleton"], {
@@ -9204,7 +9204,7 @@ function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: _cache[2] || (_cache[2] = ($event) => $setup.emit("update:modelValue", $setup.props.modelValue - 1))
     }, [
       createVNode($setup["OnyxIcon"], { icon: $setup.iconChevronLeftSmall }, null, 8, ["icon"])
-    ], 8, _hoisted_3$n),
+    ], 8, _hoisted_3$m),
     createElementVNode("button", {
       class: "onyx-pagination__button",
       "aria-label": $setup.t("pagination.next"),
@@ -10462,7 +10462,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$E = { class: "onyx-dialog__header" };
 const _hoisted_2$u = { class: "onyx-dialog__headline" };
-const _hoisted_3$m = { class: "onyx-dialog__headline-content" };
+const _hoisted_3$l = { class: "onyx-dialog__headline-content" };
 const _hoisted_4$g = { class: "onyx-dialog__body" };
 const _hoisted_5$c = {
   key: 0,
@@ -10480,7 +10480,7 @@ function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
     content: withCtx(() => [
       createElementVNode("div", _hoisted_1$E, [
         createElementVNode("div", _hoisted_2$u, [
-          createElementVNode("div", _hoisted_3$m, [
+          createElementVNode("div", _hoisted_3$l, [
             renderSlot(_ctx.$slots, "headline", {
               label: $setup.props.label
             }, () => [
@@ -10712,7 +10712,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$C = { class: "onyx-input__wrapper" };
 const _hoisted_2$t = ["id", "placeholder", "type", "required", "autocapitalize", "autocomplete", "autofocus", "name", "pattern", "readonly", "disabled", "maxlength", "minlength", "aria-label", "title"];
-const _hoisted_3$l = ["aria-label", "title"];
+const _hoisted_3$k = ["aria-label", "title"];
 function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createElementBlock(
     "div",
@@ -10787,7 +10787,7 @@ function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
               onClick: _cache[1] || (_cache[1] = () => $setup.modelValue = "")
             }, [
               createVNode($setup["OnyxIcon"], { icon: $setup.iconXSmall }, null, 8, ["icon"])
-            ], 8, _hoisted_3$l)) : createCommentVNode("v-if", true),
+            ], 8, _hoisted_3$k)) : createCommentVNode("v-if", true),
             !$setup.props.hideSuccessIcon && $setup.successMessages ? (openBlock(), createBlock($setup["OnyxIcon"], {
               key: 3,
               class: "onyx-input__check-icon",
@@ -10910,7 +10910,7 @@ const _hoisted_1$B = {
   class: "onyx-global-search__end-of-list"
 };
 const _hoisted_2$s = { class: "onyx-global-search__footer onyx-text--small" };
-const _hoisted_3$k = { class: "onyx-global-search__shortcut" };
+const _hoisted_3$j = { class: "onyx-global-search__shortcut" };
 const _hoisted_4$f = { class: "onyx-global-search__shortcut-label" };
 const _hoisted_5$b = { class: "onyx-global-search__shortcut" };
 const _hoisted_6$9 = { class: "onyx-global-search__shortcut-label" };
@@ -10967,7 +10967,7 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
         "div",
         _hoisted_2$s,
         [
-          createElementVNode("span", _hoisted_3$k, [
+          createElementVNode("span", _hoisted_3$j, [
             _cache[2] || (_cache[2] = createElementVNode(
               "kbd",
               null,
@@ -11061,7 +11061,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$A = { class: "onyx-global-search-option__content" };
 const _hoisted_2$r = { class: "onyx-truncation-ellipsis" };
-const _hoisted_3$j = {
+const _hoisted_3$i = {
   key: 0,
   class: "onyx-global-search-option__trailing"
 };
@@ -11122,7 +11122,7 @@ function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
         _: 3
         /* FORWARDED */
       }, 16, ["link", "autofocus"]),
-      $setup.slots.trailing ? (openBlock(), createElementBlock("div", _hoisted_3$j, [
+      $setup.slots.trailing ? (openBlock(), createElementBlock("div", _hoisted_3$i, [
         renderSlot(_ctx.$slots, "trailing")
       ])) : createCommentVNode("v-if", true)
     ],
@@ -11295,7 +11295,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$y = ["src", "alt"];
 const _hoisted_2$q = ["src", "alt"];
-const _hoisted_3$i = { class: "onyx-image__alt onyx-text--small" };
+const _hoisted_3$h = { class: "onyx-image__alt onyx-text--small" };
 function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "figure",
@@ -11344,7 +11344,7 @@ function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
               }, null, 8, ["icon"]),
               createElementVNode(
                 "div",
-                _hoisted_3$i,
+                _hoisted_3$h,
                 toDisplayString($setup.props.alt),
                 1
                 /* TEXT */
@@ -11429,7 +11429,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$x = { class: "onyx-component onyx-mobile-nav-button" };
 const _hoisted_2$p = ["aria-label", "disabled"];
-const _hoisted_3$h = { class: "onyx-mobile-nav-button__flyout" };
+const _hoisted_3$g = { class: "onyx-mobile-nav-button__flyout" };
 const _hoisted_4$e = { class: "onyx-mobile-nav-button__menu" };
 function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$x, [
@@ -11446,7 +11446,7 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
     ], 10, _hoisted_2$p),
     withDirectives(createElementVNode(
       "div",
-      _hoisted_3$h,
+      _hoisted_3$g,
       [
         createElementVNode("div", _hoisted_4$e, [
           $setup.props.headline ? (openBlock(), createBlock($setup["OnyxHeadline"], {
@@ -11511,7 +11511,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$w = { class: "onyx-modal__header" };
 const _hoisted_2$o = { class: "onyx-modal__headline" };
-const _hoisted_3$g = { class: "onyx-modal__headline-content" };
+const _hoisted_3$f = { class: "onyx-modal__headline-content" };
 const _hoisted_4$d = ["id"];
 const _hoisted_5$a = { class: "onyx-modal__body" };
 const _hoisted_6$8 = {
@@ -11528,7 +11528,7 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [
       createElementVNode("div", _hoisted_1$w, [
         createElementVNode("div", _hoisted_2$o, [
-          createElementVNode("div", _hoisted_3$g, [
+          createElementVNode("div", _hoisted_3$f, [
             renderSlot(_ctx.$slots, "headline", {
               label: $setup.props.label
             }, () => [
@@ -11662,7 +11662,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$u = ["id"];
 const _hoisted_2$m = ["autofocus", "value", "checked", "aria-label"];
-const _hoisted_3$f = { class: "onyx-select-dialog__label" };
+const _hoisted_3$e = { class: "onyx-select-dialog__label" };
 const _hoisted_4$c = {
   key: 0,
   class: "onyx-text--small"
@@ -11747,7 +11747,7 @@ function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
                           ),
                           createElementVNode(
                             "span",
-                            _hoisted_3$f,
+                            _hoisted_3$e,
                             toDisplayString(option.label),
                             1
                             /* TEXT */
@@ -12331,7 +12331,7 @@ const _hoisted_2$k = {
   key: 0,
   class: "onyx-timer__label"
 };
-const _hoisted_3$e = ["datetime"];
+const _hoisted_3$d = ["datetime"];
 function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: "onyx-component onyx-timer onyx-text onyx-truncation-ellipsis",
@@ -12348,7 +12348,7 @@ function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("time", {
       datetime: $setup.timeToDurationString($setup.timeLeft),
       class: "onyx-timer__time"
-    }, toDisplayString($setup.formattedTime), 9, _hoisted_3$e)
+    }, toDisplayString($setup.formattedTime), 9, _hoisted_3$d)
   ], 8, _hoisted_1$q);
 }
 const OnyxTimer = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$w], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxTimer/OnyxTimer.vue"]]);
@@ -12470,7 +12470,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$o = { class: "onyx-truncation-ellipsis" };
 const _hoisted_2$i = { class: "onyx-user-menu__header" };
-const _hoisted_3$d = { class: "onyx-truncation-ellipsis" };
+const _hoisted_3$c = { class: "onyx-truncation-ellipsis" };
 const _hoisted_4$b = { class: "onyx-user-menu__username onyx-text onyx-truncation-ellipsis" };
 const _hoisted_5$9 = {
   key: 0,
@@ -12521,7 +12521,7 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
           16
           /* FULL_PROPS */
         ),
-        createElementVNode("div", _hoisted_3$d, [
+        createElementVNode("div", _hoisted_3$c, [
           createElementVNode(
             "div",
             _hoisted_4$b,
@@ -12632,7 +12632,7 @@ const _hoisted_2$h = {
   key: 0,
   class: "onyx-nav-bar__mobile-page onyx-truncation-ellipsis"
 };
-const _hoisted_3$c = { role: "menubar" };
+const _hoisted_3$b = { role: "menubar" };
 const _hoisted_4$a = { ref: "moreListRef" };
 const _hoisted_5$8 = {
   key: 0,
@@ -12699,7 +12699,7 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
                   "nav",
                   mergeProps({ class: "onyx-nav-bar__nav--mobile" }, $setup.nav),
                   [
-                    createElementVNode("ul", _hoisted_3$c, [
+                    createElementVNode("ul", _hoisted_3$b, [
                       renderSlot(_ctx.$slots, "default")
                     ])
                   ],
@@ -12888,7 +12888,7 @@ const _hoisted_2$g = {
   key: 1,
   class: "onyx-notification-card__content"
 };
-const _hoisted_3$b = { class: "onyx-notification-card__header" };
+const _hoisted_3$a = { class: "onyx-notification-card__header" };
 const _hoisted_4$9 = { class: "onyx-notification-card__header-container" };
 const _hoisted_5$7 = { class: "onyx-notification-card__header-container" };
 const _hoisted_6$5 = { class: "onyx-notification-card__created-at onyx-text--small" };
@@ -12920,7 +12920,7 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
         ))
       ])) : (openBlock(), createElementBlock("div", _hoisted_2$g, [
         createElementVNode("div", null, [
-          createElementVNode("div", _hoisted_3$b, [
+          createElementVNode("div", _hoisted_3$a, [
             createElementVNode("div", _hoisted_4$9, [
               $setup.props.icon ? (openBlock(), createBlock($setup["OnyxIcon"], {
                 key: 0,
@@ -13038,7 +13038,7 @@ const _hoisted_1$k = {
   class: "onyx-page__sidebar"
 };
 const _hoisted_2$f = { class: "onyx-page__main" };
-const _hoisted_3$a = {
+const _hoisted_3$9 = {
   key: 1,
   class: "onyx-page__sidebar onyx-page__sidebar--right"
 };
@@ -13073,7 +13073,7 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
           /* CLASS */
         )
       ]),
-      $setup.slots.sidebarRight ? (openBlock(), createElementBlock("div", _hoisted_3$a, [
+      $setup.slots.sidebarRight ? (openBlock(), createElementBlock("div", _hoisted_3$9, [
         renderSlot(_ctx.$slots, "sidebarRight")
       ])) : createCommentVNode("v-if", true),
       $setup.slots.footer ? (openBlock(), createElementBlock("div", _hoisted_4$8, [
@@ -13113,7 +13113,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$j = ["disabled"];
 const _hoisted_2$e = { class: "onyx-progress-item__indicator" };
-const _hoisted_3$9 = { class: "onyx-progress-item__label" };
+const _hoisted_3$8 = { class: "onyx-progress-item__label" };
 function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.skeleton ? (openBlock(), createBlock($setup["OnyxSkeleton"], {
     key: 0,
@@ -13148,7 +13148,7 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
         /* STABLE_FRAGMENT */
       ))
     ]),
-    createElementVNode("div", _hoisted_3$9, [
+    createElementVNode("div", _hoisted_3$8, [
       renderSlot(_ctx.$slots, "default", {
         label: $setup.props.label
       }, () => [
@@ -13794,7 +13794,7 @@ const _hoisted_2$b = {
   key: 0,
   class: "onyx-sidebar__header"
 };
-const _hoisted_3$8 = { class: "onyx-sidebar__body" };
+const _hoisted_3$7 = { class: "onyx-sidebar__body" };
 const _hoisted_4$7 = {
   key: 1,
   class: "onyx-sidebar__footer"
@@ -13817,7 +13817,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
     !!$setup.slots.header ? (openBlock(), createElementBlock("header", _hoisted_2$b, [
       renderSlot(_ctx.$slots, "header")
     ])) : createCommentVNode("v-if", true),
-    createElementVNode("div", _hoisted_3$8, [
+    createElementVNode("div", _hoisted_3$7, [
       renderSlot(_ctx.$slots, "default")
     ]),
     !!$setup.slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_4$7, [
@@ -14006,7 +14006,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$d = { class: "onyx-stepper__wrapper" };
 const _hoisted_2$a = ["disabled", "aria-label"];
-const _hoisted_3$7 = ["id", "aria-label", "autofocus", "disabled", "min", "max", "name", "placeholder", "readonly", "required", "step", "title"];
+const _hoisted_3$6 = ["id", "aria-label", "autofocus", "disabled", "min", "max", "name", "placeholder", "readonly", "required", "step", "title"];
 const _hoisted_4$6 = {
   class: "onyx-stepper__display",
   "aria-hidden": "true"
@@ -14083,7 +14083,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
                 _cache[3] || (_cache[3] = withKeys(withModifiers(($event) => $setup.handleClick("stepUp"), ["prevent"]), ["up"])),
                 _cache[4] || (_cache[4] = withKeys(withModifiers(($event) => $setup.handleClick("stepDown"), ["prevent"]), ["down"]))
               ]
-            }), null, 16, _hoisted_3$7)), [
+            }), null, 16, _hoisted_3$6)), [
               [vModelText, $setup.inputValue],
               [$setup["vCustomValidity"]]
             ]),
@@ -14220,7 +14220,7 @@ const _hoisted_2$9 = {
   key: 0,
   class: "onyx-slider__control"
 };
-const _hoisted_3$6 = ["id", "tabindex", "disabled", "aria-label", "autofocus"];
+const _hoisted_3$5 = ["id", "tabindex", "disabled", "aria-label", "autofocus"];
 const _hoisted_4$5 = {
   key: 3,
   class: "onyx-slider__control"
@@ -14361,7 +14361,7 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
                                     disabled: $setup.disabled,
                                     "aria-label": $setup.props.label,
                                     autofocus: $setup.props.autofocus && index === 0
-                                  }), null, 16, _hoisted_3$6), [
+                                  }), null, 16, _hoisted_3$5), [
                                     [$setup["vCustomValidity"]]
                                   ])
                                 ]),
@@ -14468,7 +14468,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$b = { class: "onyx-switch-skeleton__click-area" };
 const _hoisted_2$8 = ["title"];
-const _hoisted_3$5 = ["aria-label", "disabled", "required", "autofocus"];
+const _hoisted_3$4 = ["aria-label", "disabled", "required", "autofocus"];
 const _hoisted_4$4 = { class: "onyx-switch__click-area" };
 const _hoisted_5$4 = { class: "onyx-switch__container" };
 const _hoisted_6$4 = { class: "onyx-switch__icon" };
@@ -14510,7 +14510,7 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
           disabled: $setup.disabled || $setup.props.loading,
           required: $setup.props.required,
           autofocus: $setup.props.autofocus
-        }, $setup.restAttrs), null, 16, _hoisted_3$5), [
+        }, $setup.restAttrs), null, 16, _hoisted_3$4), [
           [vModelCheckbox, $setup.isChecked],
           [$setup["vCustomValidity"]]
         ]),
@@ -14584,8 +14584,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$a = ["aria-labelledby"];
-const _hoisted_2$7 = { class: "onyx-truncation-ellipsis" };
-const _hoisted_3$4 = { class: "onyx-toc__list" };
+const _hoisted_2$7 = { class: "onyx-toc__list" };
 function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("nav", {
     class: normalizeClass(["onyx-component", "onyx-toc", $setup.densityClass]),
@@ -14593,12 +14592,11 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     createVNode($setup["OnyxHeadline"], {
       is: "h3",
-      id: $setup.headlineId
+      id: $setup.headlineId,
+      class: "onyx-toc__headline onyx-truncation-ellipsis"
     }, {
       default: withCtx(() => [
-        createElementVNode(
-          "span",
-          _hoisted_2$7,
+        createTextVNode(
           toDisplayString($setup.t("tableOfContents.label")),
           1
           /* TEXT */
@@ -14607,7 +14605,7 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
       _: 1
       /* STABLE */
     }, 8, ["id"]),
-    createElementVNode("ul", _hoisted_3$4, [
+    createElementVNode("ul", _hoisted_2$7, [
       renderSlot(_ctx.$slots, "default")
     ])
   ], 10, _hoisted_1$a);