@flux-ui/application 3.1.9 → 3.1.12
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/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@flux-ui/application",
|
|
3
3
|
"description": "Contains components to create applications with Flux UI.",
|
|
4
|
-
"version": "3.1.
|
|
4
|
+
"version": "3.1.12",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"funding": "https://github.com/sponsors/basmilius",
|
|
@@ -51,9 +51,9 @@
|
|
|
51
51
|
"typings": "./dist/index.d.ts",
|
|
52
52
|
"sideEffects": false,
|
|
53
53
|
"dependencies": {
|
|
54
|
-
"@flux-ui/components": "3.1.
|
|
55
|
-
"@flux-ui/internals": "3.1.
|
|
56
|
-
"@flux-ui/types": "3.1.
|
|
54
|
+
"@flux-ui/components": "3.1.12",
|
|
55
|
+
"@flux-ui/internals": "3.1.12",
|
|
56
|
+
"@flux-ui/types": "3.1.12",
|
|
57
57
|
"clsx": "^2.1.1"
|
|
58
58
|
},
|
|
59
59
|
"peerDependencies": {
|
|
@@ -62,13 +62,13 @@
|
|
|
62
62
|
"vue-router": "^5.1.0"
|
|
63
63
|
},
|
|
64
64
|
"devDependencies": {
|
|
65
|
-
"@basmilius/vite-preset": "^3.
|
|
66
|
-
"@types/node": "^
|
|
65
|
+
"@basmilius/vite-preset": "^3.45.0",
|
|
66
|
+
"@types/node": "^26.0.0",
|
|
67
67
|
"@vitejs/plugin-vue": "^6.0.7",
|
|
68
68
|
"@vue/tsconfig": "^0.9.1",
|
|
69
69
|
"sass-embedded": "^1.100.0",
|
|
70
70
|
"typescript": "^6.0.3",
|
|
71
|
-
"vite": "^8.0
|
|
71
|
+
"vite": "^8.1.0",
|
|
72
72
|
"vue-tsc": "^3.3.5"
|
|
73
73
|
}
|
|
74
74
|
}
|
|
@@ -40,6 +40,7 @@
|
|
|
40
40
|
side(): VNode[];
|
|
41
41
|
}>();
|
|
42
42
|
|
|
43
|
+
let readyFrame: number | undefined;
|
|
43
44
|
let resizeTimer: ReturnType<typeof setTimeout> | undefined;
|
|
44
45
|
|
|
45
46
|
const isMenuCollapsed = useRemembered('application-menu-collapsed', true);
|
|
@@ -61,6 +62,16 @@
|
|
|
61
62
|
}
|
|
62
63
|
|
|
63
64
|
window.addEventListener('resize', onResize, {passive: true});
|
|
65
|
+
|
|
66
|
+
// Flag the app as ready one frame past the first paint so the menu
|
|
67
|
+
// sub-header's `@starting-style` transition does not play on page
|
|
68
|
+
// load — it should only animate on later collapse / expand.
|
|
69
|
+
readyFrame = requestAnimationFrame(() => {
|
|
70
|
+
readyFrame = requestAnimationFrame(() => {
|
|
71
|
+
readyFrame = undefined;
|
|
72
|
+
document.documentElement.dataset.applicationReady = '';
|
|
73
|
+
});
|
|
74
|
+
});
|
|
64
75
|
});
|
|
65
76
|
|
|
66
77
|
onUnmounted(() => {
|
|
@@ -68,6 +79,11 @@
|
|
|
68
79
|
window.removeEventListener('resize', onResize);
|
|
69
80
|
}
|
|
70
81
|
|
|
82
|
+
if (readyFrame !== undefined) {
|
|
83
|
+
cancelAnimationFrame(readyFrame);
|
|
84
|
+
readyFrame = undefined;
|
|
85
|
+
}
|
|
86
|
+
|
|
71
87
|
if (resizeTimer !== undefined) {
|
|
72
88
|
clearTimeout(resizeTimer);
|
|
73
89
|
resizeTimer = undefined;
|
|
@@ -75,6 +91,7 @@
|
|
|
75
91
|
|
|
76
92
|
if (typeof document !== 'undefined') {
|
|
77
93
|
delete document.documentElement.dataset.applicationMenuOpen;
|
|
94
|
+
delete document.documentElement.dataset.applicationReady;
|
|
78
95
|
delete document.documentElement.dataset.applicationResizing;
|
|
79
96
|
}
|
|
80
97
|
});
|
|
@@ -122,9 +122,6 @@
|
|
|
122
122
|
|
|
123
123
|
@starting-style {
|
|
124
124
|
height: 0;
|
|
125
|
-
/* Match the collapsed state's negative margins (sum -12px = one panel gap)
|
|
126
|
-
so the expand-in animation starts exactly where the collapsed sub-header
|
|
127
|
-
sat — no jump at the start of the expand. */
|
|
128
125
|
margin-top: -9px;
|
|
129
126
|
margin-bottom: -3px;
|
|
130
127
|
padding-top: 0;
|
|
@@ -355,6 +352,10 @@
|
|
|
355
352
|
}
|
|
356
353
|
}
|
|
357
354
|
|
|
355
|
+
html:not([data-application-ready]) .applicationMenu :local(.menuSubHeader) {
|
|
356
|
+
transition: none;
|
|
357
|
+
}
|
|
358
|
+
|
|
358
359
|
html[data-application-resizing] {
|
|
359
360
|
.applicationMenu,
|
|
360
361
|
.applicationMenuFooter,
|