sit-onyx 1.1.0-dev-20250930094642 → 1.1.0-dev-20250930114305

package/dist/components/OnyxBasicPopover/OnyxBasicPopover.d.vue.ts

@@ -51,6 +51,7 @@ declare const __VLS_component: import('vue').DefineComponent<OnyxBasicPopoverPro
     role: "menu" | "listbox" | "tree" | "grid" | "dialog";
     alignment: import('../../composables/useOpenAlignment.js', { with: { "resolution-mode": "import" } }).OpenAlignment | "auto";
     position: import('../../composables/useAnchorPositionPolyfill.js', { with: { "resolution-mode": "import" } }).AnchorPosition | "auto";
+    clipping: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     popoverWrapper: HTMLDivElement;
     popover: HTMLDivElement;

package/dist/components/OnyxBasicPopover/types.d.ts

@@ -34,4 +34,6 @@ export type OnyxBasicPopoverProps = {
      * @default "dialog"
      */
     role?: "menu" | "listbox" | "tree" | "grid" | "dialog";
+    /** If true, the popover remains visible within the viewport even if its parent element scrolls out of view. */
+    clipping?: boolean;
 };

package/dist/components/OnyxCalendar/OnyxCalendar.d.vue.ts

@@ -12,7 +12,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<On
     disabled: boolean;
     size: import('./types.js', { with: { "resolution-mode": "import" } }).OnyxCalendarSize;
     selection: import('./types.js', { with: { "resolution-mode": "import" } }).OnyxCalendarSelection;
-    weekStartDay: import('@sit-onyx/headless', { with: { "resolution-mode": "import" } }).OnyxWeekDays;
+    weekStartDay: import('./types.js', { with: { "resolution-mode": "import" } }).OnyxWeekDays;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     calendar: HTMLDivElement;
 }, any>, Readonly<{

package/dist/components/OnyxCalendar/types.d.ts

@@ -1,4 +1,3 @@
-import { OnyxWeekDays } from '@sit-onyx/headless';
 import { DensityProp } from '../../composables/density.js';
 import { SkeletonInjected } from '../../composables/useSkeletonState.js';
 export type OnyxCalendarProps = DensityProp & {
@@ -43,3 +42,4 @@ export type OnyxCalendarProps = DensityProp & {
 };
 export type OnyxCalendarSelection = "single";
 export type OnyxCalendarSize = "big" | "small" | "auto";
+export type OnyxWeekDays = "Monday" | "Tuesday" | "Wednesday" | "Thursday" | "Friday" | "Saturday" | "Sunday";

package/dist/components/OnyxDialog/OnyxDialog.d.vue.ts

@@ -58,6 +58,7 @@ declare const __VLS_component: import('vue').DefineComponent<OnyxDialogProps, {}
     "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
     open: boolean | null;
+    clipping: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/OnyxListItem/OnyxListItem.d.vue.ts

@@ -19,8 +19,8 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<OnyxListItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<OnyxListItemProps> & Readonly<{}>, {
     disabled: boolean;
     checked: boolean;
-    selected: boolean;
     active: boolean;
+    selected: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLIElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/OnyxResizeHandle/OnyxResizeHandle.d.vue.ts

@@ -1,14 +1,14 @@
 import { OnyxResizeHandleProps } from './types.js';
 declare const _default: import('vue').DefineComponent<OnyxResizeHandleProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    end: () => any;
+    start: () => any;
     updateWidth: (width: number) => any;
     autoSize: () => any;
-    start: () => any;
-    end: () => any;
 }, string, import('vue').PublicProps, Readonly<OnyxResizeHandleProps> & Readonly<{
+    onEnd?: (() => any) | undefined;
+    onStart?: (() => any) | undefined;
     onUpdateWidth?: ((width: number) => any) | undefined;
     onAutoSize?: (() => any) | undefined;
-    onStart?: (() => any) | undefined;
-    onEnd?: (() => any) | undefined;
 }>, {
     min: number;
     alignment: import('./types.js', { with: { "resolution-mode": "import" } }).ResizeHandleAlignment;

package/dist/composables/useClipping.d.ts

@@ -0,0 +1,16 @@
+import { CSSProperties, Ref } from 'vue';
+import { AnchorPosition } from './useAnchorPositionPolyfill.js';
+import { OpenDirection } from './useOpenDirection.js';
+export type UseClippingOptions = {
+    popoverRef: Ref<HTMLElement | null>;
+    popoverWrapperRef: Ref<HTMLElement | null>;
+    popoverPosition: Ref<AnchorPosition | OpenDirection>;
+    isVisible: Ref<boolean>;
+    clipping: Ref<boolean>;
+};
+export declare function useClipping(options: UseClippingOptions): {
+    clippingStyles: Ref<CSSProperties | undefined, CSSProperties | undefined>;
+    scrolledOut: Ref<OpenDirection | undefined, OpenDirection | undefined>;
+    isClipping: Ref<boolean, boolean>;
+    checkVisibilityOnScroll: () => void;
+};

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

@@ -225,5 +225,10 @@
     },
     "globalFAB": {
         "label": "Globale Aktionen"
+    },
+    "calendar": {
+        "todayButton": { "label": "Heute", "tooltip": "Springe zu Heute" },
+        "previousMonthButton": "Vorheriger Monat",
+        "nextMonthButton": "Nächster Monat"
     }
 }

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

@@ -225,5 +225,13 @@
     },
     "globalFAB": {
         "label": "Global actions"
+    },
+    "calendar": {
+        "todayButton": {
+            "label": "Today",
+            "tooltip": "Jump to today"
+        },
+        "previousMonthButton": "Previous month",
+        "nextMonthButton": "Next month"
     }
 }

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

@@ -225,6 +225,14 @@ declare const _default: {
   },
   "globalFAB": {
     "label": "Global actions"
+  },
+  "calendar": {
+    "todayButton": {
+      "label": "Today",
+      "tooltip": "Jump to today"
+    },
+    "previousMonthButton": "Previous month",
+    "nextMonthButton": "Next month"
   }
 }
 ;