srcdev-nuxt-components 2.1.1 → 2.1.2
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.
|
@@ -32,7 +32,6 @@ import type { MediaCanvas } from '@/types/types.canvasName';
|
|
|
32
32
|
const canvasName = defineModel<MediaCanvas>('canvasName');
|
|
33
33
|
|
|
34
34
|
const updateCanvas = (setCanvas: MediaCanvas) => {
|
|
35
|
-
console.log('setCanvas', setCanvas);
|
|
36
35
|
canvasName.value = setCanvas;
|
|
37
36
|
};
|
|
38
37
|
</script>
|
|
@@ -121,6 +121,7 @@ watch(
|
|
|
121
121
|
|
|
122
122
|
.navigation-group {
|
|
123
123
|
--_icon-transform: scaleY(1);
|
|
124
|
+
position: relative;
|
|
124
125
|
|
|
125
126
|
.navigation-group-toggle {
|
|
126
127
|
anchor-name: var(--_anchor-name);
|
|
@@ -146,6 +147,7 @@ watch(
|
|
|
146
147
|
/* inset: auto; */
|
|
147
148
|
top: calc(anchor(bottom) + 10px);
|
|
148
149
|
left: calc(anchor(left) + 0px);
|
|
150
|
+
|
|
149
151
|
opacity: 0;
|
|
150
152
|
transition: opacity 200ms, display 200ms, overlay 200ms;
|
|
151
153
|
transition-behavior: allow-discrete;
|
|
@@ -159,12 +161,6 @@ watch(
|
|
|
159
161
|
padding: 12px;
|
|
160
162
|
overflow: clip;
|
|
161
163
|
|
|
162
|
-
/* position-try: flip-inline, flip-block, flip-block flip-inline; */
|
|
163
|
-
/* position-try-fallbacks: flip-inline, flip-block, flip-block flip-inline; */
|
|
164
|
-
|
|
165
|
-
/* position-try: ----anchor-left; */
|
|
166
|
-
/* position-try-fallbacks: --anchor-right; */
|
|
167
|
-
|
|
168
164
|
&:popover-open {
|
|
169
165
|
display: block;
|
|
170
166
|
opacity: 1;
|
|
@@ -30,7 +30,7 @@ const { elementClasses } = useStyleClassPassthrough(props.styleClassPassthrough)
|
|
|
30
30
|
|
|
31
31
|
<style scoped lang="css">
|
|
32
32
|
@layer popover-setup {
|
|
33
|
-
@position-try --right {
|
|
33
|
+
/* @position-try --right {
|
|
34
34
|
inset: auto;
|
|
35
35
|
top: anchor(top);
|
|
36
36
|
left: calc(anchor(right) + 10px);
|
|
@@ -40,7 +40,7 @@ const { elementClasses } = useStyleClassPassthrough(props.styleClassPassthrough)
|
|
|
40
40
|
inset: auto;
|
|
41
41
|
top: anchor(top);
|
|
42
42
|
right: calc(anchor(left) + 10px);
|
|
43
|
-
}
|
|
43
|
+
} */
|
|
44
44
|
|
|
45
45
|
.popover-trigger {
|
|
46
46
|
anchor-name: v-bind(anchorName);
|
|
@@ -52,17 +52,13 @@ const { elementClasses } = useStyleClassPassthrough(props.styleClassPassthrough)
|
|
|
52
52
|
position-anchor: v-bind(anchorName);
|
|
53
53
|
margin: 0;
|
|
54
54
|
inset: auto;
|
|
55
|
-
top: anchor(top);
|
|
55
|
+
top: calc(anchor(top) + 0px);
|
|
56
56
|
left: calc(anchor(right) + 10px);
|
|
57
57
|
opacity: 0;
|
|
58
58
|
transition: opacity 200ms, display 200ms, overlay 200ms;
|
|
59
59
|
transition-behavior: allow-discrete;
|
|
60
60
|
|
|
61
|
-
|
|
62
|
-
/* position-try-fallbacks: flip-inline, flip-block, flip-block flip-inline; */
|
|
63
|
-
|
|
64
|
-
position-try: --right;
|
|
65
|
-
position-try-fallbacks: --left;
|
|
61
|
+
position-try-fallbacks: flip-inline;
|
|
66
62
|
|
|
67
63
|
&:popover-open {
|
|
68
64
|
display: block;
|
|
@@ -74,5 +70,19 @@ const { elementClasses } = useStyleClassPassthrough(props.styleClassPassthrough)
|
|
|
74
70
|
}
|
|
75
71
|
}
|
|
76
72
|
}
|
|
73
|
+
|
|
74
|
+
@position-try --top-left {
|
|
75
|
+
top: anchor(top);
|
|
76
|
+
right: calc(anchor(left + 10px));
|
|
77
|
+
left: unset;
|
|
78
|
+
/* width: revert; */
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
@position-try --bottom-right {
|
|
82
|
+
top: anchor(bottom);
|
|
83
|
+
/* right: calc(anchor(left + 10px)); */
|
|
84
|
+
/* left: unset; */
|
|
85
|
+
/* width: revert; */
|
|
86
|
+
}
|
|
77
87
|
}
|
|
78
88
|
</style>
|
package/nuxt.config.ts
CHANGED
|
@@ -3,7 +3,6 @@ export default defineNuxtConfig({
|
|
|
3
3
|
devtools: { enabled: true },
|
|
4
4
|
css: ['modern-normalize', './assets/styles/main.css'],
|
|
5
5
|
modules: ['@nuxt/icon', '@nuxt/image'],
|
|
6
|
-
|
|
7
6
|
app: {
|
|
8
7
|
head: {
|
|
9
8
|
htmlAttrs: {
|
|
@@ -32,4 +31,4 @@ export default defineNuxtConfig({
|
|
|
32
31
|
},
|
|
33
32
|
// plugins: ['css-anchor-positioning'],
|
|
34
33
|
compatibilityDate: '2024-07-13',
|
|
35
|
-
});
|
|
34
|
+
});
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "srcdev-nuxt-components",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "2.1.
|
|
4
|
+
"version": "2.1.2",
|
|
5
5
|
"main": "nuxt.config.ts",
|
|
6
6
|
"scripts": {
|
|
7
7
|
"clean": "rm -rf .nuxt && rm -rf .output && rm -rf .playground/.nuxt && rm -rf .playground/.output",
|
|
@@ -30,15 +30,14 @@
|
|
|
30
30
|
"@nuxt/eslint-config": "1.0.0",
|
|
31
31
|
"@nuxt/icon": "1.10.3",
|
|
32
32
|
"@nuxt/image": "^1.9.0",
|
|
33
|
-
"
|
|
34
|
-
"eslint": "9.19.0",
|
|
33
|
+
"eslint": "9.22.0",
|
|
35
34
|
"happy-dom": "16.8.1",
|
|
36
|
-
"nuxt": "3.
|
|
35
|
+
"nuxt": "3.16.0",
|
|
37
36
|
"release-it": "18.1.2",
|
|
38
|
-
"typescript": "5.
|
|
37
|
+
"typescript": "5.8.2"
|
|
39
38
|
},
|
|
40
39
|
"dependencies": {
|
|
41
|
-
"@vueuse/core": "
|
|
40
|
+
"@vueuse/core": "13.0.0",
|
|
42
41
|
"focus-trap-vue": "4.0.3",
|
|
43
42
|
"modern-normalize": "3.0.1"
|
|
44
43
|
},
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import polyfill from '@oddbird/css-anchor-positioning/fn';
|
|
2
|
-
|
|
3
|
-
export default defineNuxtPlugin(() => {
|
|
4
|
-
if (import.meta.client && !('anchorName' in document.documentElement.style)) {
|
|
5
|
-
polyfill({
|
|
6
|
-
elements: undefined,
|
|
7
|
-
excludeInlineStyles: false,
|
|
8
|
-
useAnimationFrame: false,
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
});
|