@sit-onyx/headless 0.7.0 → 0.7.1-dev-20260309143033

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -24,7 +24,7 @@ declare const _default: import('@vue/runtime-core').DefineComponent<{}, {
24
24
  id: string;
25
25
  onMousedown: (e: MouseEvent) => void;
26
26
  innerHTML?: string | undefined;
27
- class?: any;
27
+ class?: import('vue', { with: { "resolution-mode": "import" } }).ClassValue | undefined;
28
28
  style?: import('vue', { with: { "resolution-mode": "import" } }).StyleValue | undefined;
29
29
  accesskey?: string | undefined;
30
30
  contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
@@ -24,7 +24,7 @@ declare const _default: import('@vue/runtime-core').DefineComponent<{}, {
24
24
  id: string;
25
25
  onMousedown: (e: MouseEvent) => void;
26
26
  innerHTML?: string | undefined;
27
- class?: any;
27
+ class?: import('vue', { with: { "resolution-mode": "import" } }).ClassValue | undefined;
28
28
  style?: import('vue', { with: { "resolution-mode": "import" } }).StyleValue | undefined;
29
29
  accesskey?: string | undefined;
30
30
  contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
@@ -92,7 +92,7 @@ export declare const createComboBox: <TValue extends ListboxValue, TAutoComplete
92
92
  id: string;
93
93
  onMousedown: (e: MouseEvent) => void;
94
94
  innerHTML?: string | undefined;
95
- class?: any;
95
+ class?: import('vue').ClassValue | undefined;
96
96
  style?: import('vue').StyleValue | undefined;
97
97
  accesskey?: string | undefined;
98
98
  contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
@@ -67,7 +67,7 @@ export declare const createSlider: <TValue extends SliderValue>(options: CreateS
67
67
  */
68
68
  root: import('vue').ComputedRef<{
69
69
  innerHTML?: string | undefined;
70
- class?: any;
70
+ class?: import('vue').ClassValue | undefined;
71
71
  style: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
72
72
  accesskey?: string | undefined;
73
73
  contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
@@ -274,7 +274,7 @@ export declare const createSlider: <TValue extends SliderValue>(options: CreateS
274
274
  value: number;
275
275
  }) => {
276
276
  innerHTML?: string | undefined;
277
- class?: any;
277
+ class?: import('vue').ClassValue | undefined;
278
278
  style?: import('vue').StyleValue | undefined;
279
279
  accesskey?: string | undefined;
280
280
  contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
@@ -491,7 +491,7 @@ export declare const createSlider: <TValue extends SliderValue>(options: CreateS
491
491
  "aria-hidden": true;
492
492
  style: {
493
493
  left: string;
494
- transform: `translateX(${string})` | undefined;
494
+ transform: "translateX(-50%)";
495
495
  };
496
496
  }>;
497
497
  /**
package/dist/index.js CHANGED
@@ -1188,17 +1188,11 @@ const createSlider = createBuilder(
1188
1188
  */
1189
1189
  markLabel: computed(() => (data) => {
1190
1190
  const left = getValueInPercentage.value(data.value);
1191
- let translate = "-50%";
1192
- if (left === 0) {
1193
- translate = "0%";
1194
- } else if (left === 100) {
1195
- translate = "-100%";
1196
- }
1197
1191
  return {
1198
1192
  "aria-hidden": true,
1199
1193
  style: {
1200
1194
  left: `${left}%`,
1201
- transform: translate ? `translateX(${translate})` : void 0
1195
+ transform: "translateX(-50%)"
1202
1196
  }
1203
1197
  };
1204
1198
  }),
@@ -260,6 +260,7 @@ const navigationTesting = async ({ nav, buttons }) => {
260
260
  await expect(nav).toHaveRole("navigation");
261
261
  await expect(nav).toHaveAttribute("aria-label");
262
262
  await buttons.first().focus();
263
+ await expect(buttons.nth(0)).toBeFocused();
263
264
  await nav.press("ArrowRight");
264
265
  await expect(buttons.nth(1)).toBeFocused();
265
266
  await nav.press("ArrowLeft");
@@ -1,4 +1,4 @@
1
1
  declare const _default: import('@vue/runtime-core').DefineComponent<{}, {}, {}, {}, {}, import('@vue/runtime-core').ComponentOptionsMixin, import('@vue/runtime-core').ComponentOptionsMixin, {}, string, import('@vue/runtime-core').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('@vue/runtime-core').ComponentProvideOptions, true, {
2
- buttonRef: HTMLButtonElement;
2
+ button: HTMLButtonElement;
3
3
  }, HTMLDivElement>;
4
4
  export default _default;
@@ -1,4 +1,4 @@
1
1
  declare const _default: import('@vue/runtime-core').DefineComponent<{}, {}, {}, {}, {}, import('@vue/runtime-core').ComponentOptionsMixin, import('@vue/runtime-core').ComponentOptionsMixin, {}, string, import('@vue/runtime-core').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('@vue/runtime-core').ComponentProvideOptions, true, {
2
- buttonRef: HTMLButtonElement;
2
+ button: HTMLButtonElement;
3
3
  }, HTMLDivElement>;
4
4
  export default _default;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@sit-onyx/headless",
3
3
  "description": "Headless composables for Vue",
4
- "version": "0.7.0",
4
+ "version": "0.7.1-dev-20260309143033",
5
5
  "type": "module",
6
6
  "author": "Schwarz IT KG",
7
7
  "license": "Apache-2.0",
@@ -38,8 +38,8 @@
38
38
  "vue": ">= 3.5.0"
39
39
  },
40
40
  "devDependencies": {
41
- "@vue/compiler-dom": "3.5.28",
42
- "vue": "3.5.28",
41
+ "@vue/compiler-dom": "3.5.29",
42
+ "vue": "3.5.29",
43
43
  "@sit-onyx/shared": "^0.1.0"
44
44
  },
45
45
  "scripts": {