@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.
- package/dist/composables/comboBox/SelectOnlyCombobox.d.vue.ts +1 -1
- package/dist/composables/comboBox/TestCombobox.d.vue.ts +1 -1
- package/dist/composables/comboBox/createComboBox.d.ts +1 -1
- package/dist/composables/slider/createSlider.d.ts +3 -3
- package/dist/index.js +1 -7
- package/dist/playwright.js +1 -0
- package/dist/utils/FocusVisibleTest.d.vue.ts +1 -1
- package/dist/utils/TouchEventTest.d.vue.ts +1 -1
- package/package.json +3 -3
|
@@ -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?:
|
|
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?:
|
|
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?:
|
|
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?:
|
|
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?:
|
|
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:
|
|
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:
|
|
1195
|
+
transform: "translateX(-50%)"
|
|
1202
1196
|
}
|
|
1203
1197
|
};
|
|
1204
1198
|
}),
|
package/dist/playwright.js
CHANGED
|
@@ -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
|
-
|
|
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
|
-
|
|
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.
|
|
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.
|
|
42
|
-
"vue": "3.5.
|
|
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": {
|