sit-onyx 1.0.0-beta.321 → 1.0.0-beta.323
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.
|
@@ -43,7 +43,11 @@ declare const __VLS_component: import('vue').DefineComponent<OnyxBasicPopoverPro
|
|
|
43
43
|
* Actual used popover alignment.
|
|
44
44
|
*/
|
|
45
45
|
popoverAlignment: import('vue').ComputedRef<import('../../composables/useOpenAlignment.js', { with: { "resolution-mode": "import" } }).OpenAlignment>;
|
|
46
|
-
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
46
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
47
|
+
"update:open": (value: boolean) => any;
|
|
48
|
+
}, string, import('vue').PublicProps, Readonly<OnyxBasicPopoverProps> & Readonly<{
|
|
49
|
+
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
50
|
+
}>, {
|
|
47
51
|
role: "menu" | "listbox" | "tree" | "grid" | "dialog";
|
|
48
52
|
alignment: import('../../composables/useOpenAlignment.js', { with: { "resolution-mode": "import" } }).OpenAlignment | "auto";
|
|
49
53
|
position: import('../../composables/useAnchorPositionPolyfill.js', { with: { "resolution-mode": "import" } }).AnchorPosition | "auto";
|
|
@@ -1,12 +1,14 @@
|
|
|
1
|
+
import { MaybeRef } from 'vue';
|
|
1
2
|
import { DataGridEntry } from '../../types.js';
|
|
2
3
|
export type StickyColumnsOptions<TEntry extends DataGridEntry> = {
|
|
3
4
|
/**
|
|
4
5
|
* Defines the columns that should remain sticky.
|
|
5
6
|
*/
|
|
6
|
-
columns: (keyof TEntry)[]
|
|
7
|
+
columns: MaybeRef<(keyof TEntry)[]>;
|
|
7
8
|
/**
|
|
8
|
-
*
|
|
9
|
-
*
|
|
9
|
+
* Determines the side to which the columns are sticked.
|
|
10
|
+
*
|
|
11
|
+
* @default "left"
|
|
10
12
|
*/
|
|
11
|
-
position?: "left" | "right"
|
|
13
|
+
position?: MaybeRef<"left" | "right">;
|
|
12
14
|
};
|
|
@@ -1374,7 +1374,7 @@ const useLink = () => {
|
|
|
1374
1374
|
const { hash } = currentRoute.value;
|
|
1375
1375
|
if (href === "/") return path === href;
|
|
1376
1376
|
if (hash && hash === href) return true;
|
|
1377
|
-
return path
|
|
1377
|
+
return path === href;
|
|
1378
1378
|
};
|
|
1379
1379
|
});
|
|
1380
1380
|
return { navigate, currentRoute, isActive };
|
|
@@ -2151,8 +2151,10 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
|
|
|
2151
2151
|
disabled: { type: Boolean, required: false },
|
|
2152
2152
|
role: { type: String, required: false, default: "dialog" }
|
|
2153
2153
|
},
|
|
2154
|
-
|
|
2154
|
+
emits: ["update:open"],
|
|
2155
|
+
setup(__props, { expose: __expose, emit: __emit }) {
|
|
2155
2156
|
const props = __props;
|
|
2157
|
+
const emit = __emit;
|
|
2156
2158
|
const _isVisible = ref(false);
|
|
2157
2159
|
const isVisible = computed({
|
|
2158
2160
|
set: (newVal) => _isVisible.value = newVal,
|
|
@@ -2232,6 +2234,7 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
|
|
|
2232
2234
|
});
|
|
2233
2235
|
const toggle = () => {
|
|
2234
2236
|
_isVisible.value = !_isVisible.value;
|
|
2237
|
+
emit("update:open", !isVisible.value);
|
|
2235
2238
|
};
|
|
2236
2239
|
const trigger = computed(() => ({
|
|
2237
2240
|
onClick: toggle,
|
|
@@ -2278,7 +2281,7 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
|
|
|
2278
2281
|
top: topPosition.value
|
|
2279
2282
|
};
|
|
2280
2283
|
});
|
|
2281
|
-
const __returned__ = { props, _isVisible, isVisible, popoverPosition, popoverAlignment, disabled, positionAndAlignment, popoverRef, popoverWrapperRef, openDirection, updateOpenDirection, openAlignment, updateOpenAlignment, leftPosition, topPosition, updateAnchorPositionPolyfill, useragentSupportsAnchorApi, width, handleOpening, updateDirections, toggle, trigger, id, anchorName, popoverClasses, popoverStyles };
|
|
2284
|
+
const __returned__ = { props, emit, _isVisible, isVisible, popoverPosition, popoverAlignment, disabled, positionAndAlignment, popoverRef, popoverWrapperRef, openDirection, updateOpenDirection, openAlignment, updateOpenAlignment, leftPosition, topPosition, updateAnchorPositionPolyfill, useragentSupportsAnchorApi, width, handleOpening, updateDirections, toggle, trigger, id, anchorName, popoverClasses, popoverStyles };
|
|
2282
2285
|
Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
|
|
2283
2286
|
return __returned__;
|
|
2284
2287
|
}
|
|
@@ -7446,8 +7449,8 @@ const useSorting = (options) => createFeature((ctx) => {
|
|
|
7446
7449
|
});
|
|
7447
7450
|
const STICKY_COLUMNS_FEATURE = Symbol("StickyColumns");
|
|
7448
7451
|
const useStickyColumns = (options) => createFeature(() => {
|
|
7449
|
-
const stickyColumns = computed(() => options?.columns ?? []);
|
|
7450
|
-
const position = computed(() => options?.position ?? "left");
|
|
7452
|
+
const stickyColumns = computed(() => toValue(options?.columns) ?? []);
|
|
7453
|
+
const position = computed(() => toValue(options?.position) ?? "left");
|
|
7451
7454
|
const elementWidths = ref({});
|
|
7452
7455
|
const elementsToStyle = ref({});
|
|
7453
7456
|
const stickyId = useId();
|