sit-onyx 1.2.0-dev-20251015054546 → 1.2.0-dev-20251016073921

package/dist/i18n/locales/de-DE.json

@@ -198,10 +198,6 @@
         "headline": "Sprache ändern",
         "subtitle": "Wähle die Sprache der Anwendung:"
     },
-    "notificationCard": {
-        "moreActions": "Weitere Aktionen",
-        "toggleActions": "Aktionen umschalten"
-    },
     "resizeHandle": {
         "label": "Ziehen, um die Breite zu ändern"
     },
@@ -231,5 +227,12 @@
         "calenderWeek": "KW",
         "previousMonthButton": "Vorheriger Monat",
         "nextMonthButton": "Nächster Monat"
+    },
+    "flyoutMenu": {
+        "moreActions": "Weitere Aktionen",
+        "toggleActions": {
+            "click": "Klicken, um die Sichtbarkeit der Aktionen umzuschalten",
+            "hover": "Mit der Maus darüberfahren/fokussieren, um die Sichtbarkeit der Aktionen umzuschalten"
+        }
     }
 }

package/dist/i18n/locales/en-US.json

@@ -198,10 +198,6 @@
         "headline": "Change language",
         "subtitle": "Select the language of the application:"
     },
-    "notificationCard": {
-        "moreActions": "More actions",
-        "toggleActions": "Toggle actions"
-    },
     "resizeHandle": {
         "label": "Drag to change width"
     },
@@ -234,5 +230,12 @@
         "calenderWeek": "CW",
         "previousMonthButton": "Previous month",
         "nextMonthButton": "Next month"
+    },
+    "flyoutMenu": {
+        "moreActions": "More actions",
+        "toggleActions": {
+            "click": "Click to toggle action visibility",
+            "hover": "Hover/Focus to toggle action visibility"
+        }
     }
 }

package/dist/i18n/locales/en-US.json.d.ts

@@ -198,10 +198,6 @@ declare const _default: {
     "headline": "Change language",
     "subtitle": "Select the language of the application:"
   },
-  "notificationCard": {
-    "moreActions": "More actions",
-    "toggleActions": "Toggle actions"
-  },
   "resizeHandle": {
     "label": "Drag to change width"
   },
@@ -234,6 +230,13 @@ declare const _default: {
     "calenderWeek": "CW",
     "previousMonthButton": "Previous month",
     "nextMonthButton": "Next month"
+  },
+  "flyoutMenu": {
+    "moreActions": "More actions",
+    "toggleActions": {
+      "click": "Click to toggle action visibility",
+      "hover": "Hover/Focus to toggle action visibility"
+    }
   }
 }
 ;

package/dist/index.esm-bundler.js

@@ -1,5 +1,5 @@
 import { computed, provide, inject, toRef, ref, watch, defineComponent, watchEffect, toRefs, createElementBlock, openBlock, normalizeClass, renderSlot, onMounted, createBlock, resolveDynamicComponent, withCtx, createVNode, createElementVNode, withModifiers, readonly, reactive, onBeforeMount, onBeforeUnmount, useId, toValue, nextTick, unref, shallowRef, useTemplateRef, createCommentVNode, createTextVNode, toDisplayString, normalizeProps, mergeProps, Fragment, useAttrs, isProxy, toRaw, customRef, onUnmounted, normalizeStyle, useSlots, createSlots, renderList, toHandlers, resolveComponent, withDirectives, guardReactiveProps, vShow, Teleport, vModelCheckbox, vModelText, h, vModelDynamic, withKeys, createStaticVNode, useModel } from "vue";
-import { iconChevronDownSmall, iconCircleAttention, iconXSmall, iconX, iconMoreHorizontalSmall, iconMoreVertical, iconCircleCheck, iconCircleX, iconCircleInformation, iconUser, iconArrowSmallUpRight, iconChevronRightSmall, iconArrowSmallLeft, iconMoreHorizontal, iconHome, iconChevronLeftSmall, iconSearch, iconCheck, iconSearchX, iconChevronDownUp, iconCheckSmall, iconPlusSmall, iconEyeDisabled, iconListArrowUp, iconListArrowDown, iconArrowsSort, iconCircleBlock, iconFileDisabled, iconEyeClosed, iconEye, iconCircleContrast, iconTranslate, iconMenu, iconNotificationFlag, iconPlus, iconMinus, iconFile, iconFilePdf, iconFileCsv, iconAudio, iconVideocam, iconPicture, iconFileRtf, iconFilePpt, iconFileXls, iconFileXlsx, iconFileDoc, iconFileGlobe, iconFileArchive, iconFileText, iconTrash, iconCloudArrowUp, iconShareIos, iconSettings, iconLogout, iconArrowSmallRight } from "@sit-onyx/icons";
+import { iconChevronDownSmall, iconCircleAttention, iconXSmall, iconMoreVertical, iconX, iconMoreHorizontalSmall, iconCircleCheck, iconCircleX, iconCircleInformation, iconUser, iconArrowSmallUpRight, iconChevronRightSmall, iconArrowSmallLeft, iconMoreHorizontal, iconHome, iconChevronLeftSmall, iconSearch, iconCheck, iconSearchX, iconChevronDownUp, iconCheckSmall, iconPlusSmall, iconEyeDisabled, iconListArrowUp, iconListArrowDown, iconArrowsSort, iconCircleBlock, iconFileDisabled, iconEyeClosed, iconEye, iconCircleContrast, iconTranslate, iconMenu, iconNotificationFlag, iconPlus, iconMinus, iconFile, iconFilePdf, iconFileCsv, iconAudio, iconVideocam, iconPicture, iconFileRtf, iconFilePpt, iconFileXls, iconFileXlsx, iconFileDoc, iconFileGlobe, iconFileArchive, iconFileText, iconTrash, iconCloudArrowUp, iconShareIos, iconSettings, iconLogout, iconArrowSmallRight } from "@sit-onyx/icons";
 const DENSITIES = ["compact", "default", "cozy"];
 const useDensity = (props) => ({
   densityClass: computed(() => ({ [`onyx-density-${props.density}`]: !!props.density }))
@@ -351,11 +351,11 @@ const headline = { "copyLink": "Copy link to this headline", "copyLinkTo": "Copy
 const avatar = { "ariaLabel": "Avatar of {fullName}" };
 const filterTag = { "clickToAdd": "Add {label} filter", "clickToRemove": "Remove {label} filter" };
 const languageSelect = { "label": "Language", "headline": "Change language", "subtitle": "Select the language of the application:" };
-const notificationCard = { "moreActions": "More actions", "toggleActions": "Toggle actions" };
 const resizeHandle = { "label": "Drag to change width" };
 const fileUpload = { "select": "Select", "clickToUpload": "Click to select", "orDragAndDrop": "or drag and drop file", "maxFileSize": "Maximum file size", "inTotal": "in total", "maxFileCount": "Maximum {n} files to select in total", "allowedFileTypes": "Allowed file types: {types}", "hideFilesButton": "Hide all files", "revealFilesButton": "Show all files", "removeFile": "Remove file", "status": { "fileTypeError": "File with extension '.{extension}' is invalid", "fileSizeError": "File exceeds maximum allowed size of {size}", "maxFileSizeError": "Total size of all files exceeds maximum allowed of {size}", "maxCountError": "Number of files exceeds maximum allowed of {count}" } };
 const globalFAB = { "label": "Global actions" };
 const calendar = { "todayButton": { "label": "Today", "tooltip": "Jump to today" }, "calenderWeek": "CW", "previousMonthButton": "Previous month", "nextMonthButton": "Next month" };
+const flyoutMenu = { "moreActions": "More actions", "toggleActions": { "click": "Click to toggle action visibility", "hover": "Hover/Focus to toggle action visibility" } };
 const enUS = {
   yes,
   no,
@@ -384,11 +384,11 @@ const enUS = {
   avatar,
   filterTag,
   languageSelect,
-  notificationCard,
   resizeHandle,
   fileUpload,
   globalFAB,
-  calendar
+  calendar,
+  flyoutMenu
 };
 const NUMBER_FORMATS = {
   decimal: { style: "decimal" }
@@ -2723,6 +2723,7 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
     const slots = useSlots();
     const popover = ref();
     const actualPosition = computed(() => popover.value?.popoverPosition);
+    const { t } = injectI18n();
     const {
       elements: { root, button, menu }
     } = createMenuButton({
@@ -2732,9 +2733,11 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
       disabled: computed(() => props.disabled),
       position: computed(() => actualPosition.value?.includes("top") ? "top" : "bottom")
     });
-    const __returned__ = { props, emit, isExpanded, slots, popover, actualPosition, root, button, menu, get mergeVueProps() {
+    const __returned__ = { props, emit, isExpanded, slots, popover, actualPosition, t, root, button, menu, get iconMoreVertical() {
+      return iconMoreVertical;
+    }, get mergeVueProps() {
       return mergeVueProps;
-    }, OnyxBasicPopover };
+    }, OnyxBasicPopover, OnyxSystemButton };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
@@ -2772,7 +2775,12 @@ function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
     $setup.slots.options || $setup.slots.header || $setup.slots.footer ? {
       name: "default",
       fn: withCtx(() => [
-        renderSlot(_ctx.$slots, "button", { trigger: $setup.button })
+        renderSlot(_ctx.$slots, "button", { trigger: $setup.button }, () => [
+          createVNode($setup["OnyxSystemButton"], mergeProps($setup.button, {
+            icon: $setup.iconMoreVertical,
+            label: $setup.t(`flyoutMenu.toggleActions.${$setup.props.trigger}`)
+          }), null, 16, ["icon", "label"])
+        ])
       ]),
       key: "0"
     } : void 0
@@ -3270,13 +3278,13 @@ function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
         $setup.slots.headerActions ? (openBlock(), createBlock($setup["OnyxFlyoutMenu"], {
           key: 1,
           class: "onyx-info-card__action",
-          label: $setup.t("notificationCard.moreActions"),
+          label: $setup.t("flyoutMenu.moreActions"),
           trigger: "click",
           alignment: "right"
         }, {
           button: withCtx(({ trigger }) => [
             createVNode($setup["OnyxSystemButton"], mergeProps(trigger, {
-              label: $setup.t("notificationCard.toggleActions"),
+              label: $setup.t("flyoutMenu.toggleActions.click"),
               icon: $setup.iconMoreVertical,
               color: $setup.systemButtonColor
             }), null, 16, ["label", "icon", "color"])
@@ -6564,7 +6572,7 @@ const useDataGridFeatures = (featureDefinitions, {
       const header = renderer.value.getFor("header", column.type.name);
       const menuItems = actions.map(({ menuItems: menuItems2 }) => menuItems2).filter((item) => !!item);
       const iconComponent = actions.map(({ iconComponent: iconComponent2 }) => iconComponent2);
-      const flyoutMenu = h(
+      const flyoutMenu2 = h(
         OnyxFlyoutMenu,
         {
           label: i18n.t.value("navigation.moreActionsFlyout", { column: column.label }),
@@ -6598,7 +6606,7 @@ const useDataGridFeatures = (featureDefinitions, {
           const shouldShowFlyout = filteredActions.length > 1 || actions.some((action) => action.showFlyoutMenu);
           return [
             ...shouldShowFlyout ? headerIcons : [],
-            shouldShowFlyout ? flyoutMenu : nonHeaderIcon
+            shouldShowFlyout ? flyoutMenu2 : nonHeaderIcon
           ].filter(Boolean);
         }
       };
@@ -8410,7 +8418,7 @@ const useHideColumns = (options) => createFeature((ctx) => {
   const hiddenColumns = computed(
     () => columnConfig.value.filter((c) => hiddenColumnKeys.value.has(c.key))
   );
-  const flyoutMenu = () => h(
+  const flyoutMenu2 = () => h(
     OnyxFlyoutMenu,
     {
       label: i18n.t.value("dataGrid.head.hideColumns.revealFlyout"),
@@ -8484,7 +8492,7 @@ const useHideColumns = (options) => createFeature((ctx) => {
       [HIDDEN_COLUMN]: {
         header: {
           thAttributes: { class: "onyx-data-grid-hide-columns-cell" },
-          component: flyoutMenu
+          component: flyoutMenu2
         },
         cell: {
           tdAttributes: { class: "onyx-data-grid-hide-columns-cell" },
@@ -11180,9 +11188,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
       time: toRef(props, "createdAt"),
       options: { numeric: "auto" }
     });
-    const __returned__ = { props, slots, densityClass, skeleton, d, t, timeAgo, get iconMoreVertical() {
-      return iconMoreVertical;
-    }, OnyxBadge, OnyxHeadline, OnyxIcon, OnyxFlyoutMenu, OnyxSkeleton, OnyxSystemButton };
+    const __returned__ = { props, slots, densityClass, skeleton, d, t, timeAgo, OnyxBadge, OnyxHeadline, OnyxIcon, OnyxFlyoutMenu, OnyxSkeleton };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
@@ -11254,16 +11260,10 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
               !!$setup.slots.headerActions ? (openBlock(), createBlock($setup["OnyxFlyoutMenu"], {
                 key: 1,
                 class: "onyx-notification-card__more-actions",
-                label: $setup.t("notificationCard.moreActions"),
+                label: $setup.t("flyoutMenu.moreActions"),
                 trigger: "click",
                 alignment: "right"
               }, {
-                button: withCtx(({ trigger }) => [
-                  createVNode($setup["OnyxSystemButton"], mergeProps(trigger, {
-                    label: $setup.t("notificationCard.toggleActions"),
-                    icon: $setup.iconMoreVertical
-                  }), null, 16, ["label", "icon"])
-                ]),
                 options: withCtx(() => [
                   renderSlot(_ctx.$slots, "headerActions")
                 ]),