@xleddyl/443-components-vue 0.11.0 → 0.12.0
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/CATALOG.md +45 -40
- package/README.md +62 -4
- package/dist/components/layout/Sidebar.vue +8 -3
- package/dist/components/layout/Sidebar.vue.d.ts +6 -1
- package/dist/components/layout/types.d.ts +1 -0
- package/dist/components/templates/DashboardLayout.vue +11 -1
- package/dist/components/templates/DashboardLayout.vue.d.ts +5 -2
- package/dist/components/templates/SettingsModal.vue +95 -4
- package/dist/components/templates/SettingsModal.vue.d.ts +6 -1
- package/dist/components/templates/types.d.ts +2 -0
- package/dist/composables/layout.d.ts +1 -0
- package/dist/composables/layout.mjs +1 -0
- package/dist/composables/useRouteState.d.ts +13 -0
- package/dist/composables/useRouteState.mjs +37 -0
- package/dist/grid/DataGrid.vue +7 -1
- package/dist/grid/DataGrid.vue.d.ts +8 -1
- package/dist/grid/GridToolbar.vue +57 -2
- package/dist/grid/GridToolbar.vue.d.ts +13 -2
- package/dist/grid/data-grid.css +33 -0
- package/dist/grid/types.d.ts +1 -0
- package/dist/icons/builtin.d.ts +2 -0
- package/dist/icons/builtin.mjs +2 -0
- package/dist/internal/layout/query.d.ts +6 -0
- package/dist/internal/layout/query.mjs +64 -0
- package/dist/internal/layout/route.d.ts +9 -2
- package/dist/locale/de.mjs +4 -0
- package/dist/locale/en.mjs +4 -0
- package/dist/locale/it.mjs +4 -0
- package/dist/locale/types.d.ts +4 -0
- package/dist/nuxt/runtime/layouts/dashboard.vue +1 -0
- package/dist/styles/layout/app-shell.css +2 -6
- package/dist/styles/layout/sidebar.css +11 -2
- package/dist/styles/templates/settings-modal.css +5 -1
- package/package.json +1 -1
package/dist/locale/types.d.ts
CHANGED
|
@@ -80,6 +80,10 @@ export interface KMessages {
|
|
|
80
80
|
columns: string;
|
|
81
81
|
resetColumns: string;
|
|
82
82
|
exportCsv: string;
|
|
83
|
+
filters: string;
|
|
84
|
+
filtersActive: string;
|
|
85
|
+
resetFilters: string;
|
|
86
|
+
showResults: string;
|
|
83
87
|
rowsPerPage: string;
|
|
84
88
|
previousPage: string;
|
|
85
89
|
nextPage: string;
|
|
@@ -13,6 +13,7 @@
|
|
|
13
13
|
:account-action="account?.action ?? 'settings'"
|
|
14
14
|
:settings-sections="settings.sections"
|
|
15
15
|
:settings-presets="settings.presets"
|
|
16
|
+
:settings-route="settings.route"
|
|
16
17
|
:on-sign-out="signOutTarget ? signOut : void 0"
|
|
17
18
|
:breadcrumbs="breadcrumbs"
|
|
18
19
|
:search="dashboard.search"
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
.k-shell {
|
|
2
|
-
--k-shell-sidebar: var(--k-sidebar-width,
|
|
2
|
+
--k-shell-sidebar: var(--k-sidebar-width, 16.5rem);
|
|
3
3
|
--k-shell-rail: var(--k-sidebar-rail-width, 3.5rem);
|
|
4
4
|
--k-shell-topbar: var(--k-topbar-height, 3rem);
|
|
5
5
|
--k-shell-gap: var(--k-shell-inset, 0.5rem);
|
|
@@ -106,7 +106,7 @@ html.k-root body {
|
|
|
106
106
|
width: 100%;
|
|
107
107
|
max-width: var(--k-shell-content, 72rem);
|
|
108
108
|
margin-inline: auto;
|
|
109
|
-
padding: var(--k-shell-padding,
|
|
109
|
+
padding: var(--k-shell-padding, 1.5rem 1.75rem 1.75rem);
|
|
110
110
|
animation: k-enter 320ms var(--k-ease-out) backwards;
|
|
111
111
|
}
|
|
112
112
|
|
|
@@ -222,10 +222,6 @@ html.k-root body {
|
|
|
222
222
|
padding-inline: 0;
|
|
223
223
|
}
|
|
224
224
|
|
|
225
|
-
.k-shell.is-collapsed .k-sidebar-collapse > .k-icon {
|
|
226
|
-
transform: rotate(180deg);
|
|
227
|
-
}
|
|
228
|
-
|
|
229
225
|
@media (hover: hover) {
|
|
230
226
|
.k-shell.is-collapsed .k-sidebar-header:has(> .k-sidebar-brand:not(:empty)) {
|
|
231
227
|
position: relative;
|
|
@@ -22,8 +22,17 @@
|
|
|
22
22
|
padding: 0.25rem 0.375rem;
|
|
23
23
|
}
|
|
24
24
|
|
|
25
|
-
.k-sidebar-
|
|
26
|
-
|
|
25
|
+
.k-sidebar-header.is-brand-center {
|
|
26
|
+
position: relative;
|
|
27
|
+
justify-content: center;
|
|
28
|
+
padding-inline: 2rem;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.k-sidebar-header.is-brand-center > .k-sidebar-collapse {
|
|
32
|
+
position: absolute;
|
|
33
|
+
top: 50%;
|
|
34
|
+
right: 0;
|
|
35
|
+
translate: 0 -50%;
|
|
27
36
|
}
|
|
28
37
|
|
|
29
38
|
.k-sidebar-nav {
|
|
@@ -147,15 +147,17 @@
|
|
|
147
147
|
|
|
148
148
|
.k-settings-modal-header {
|
|
149
149
|
display: flex;
|
|
150
|
+
flex-wrap: wrap;
|
|
150
151
|
align-items: flex-start;
|
|
151
152
|
justify-content: space-between;
|
|
152
153
|
flex: none;
|
|
153
|
-
gap: 1rem;
|
|
154
|
+
gap: 0.75rem 1rem;
|
|
154
155
|
padding: 1.25rem 1.5rem 0.875rem;
|
|
155
156
|
}
|
|
156
157
|
|
|
157
158
|
.k-settings-modal-heading {
|
|
158
159
|
display: flex;
|
|
160
|
+
flex: 1 1 14rem;
|
|
159
161
|
flex-direction: column;
|
|
160
162
|
gap: 0.125rem;
|
|
161
163
|
min-width: 0;
|
|
@@ -216,8 +218,10 @@
|
|
|
216
218
|
.k-settings-modal-actions {
|
|
217
219
|
display: flex;
|
|
218
220
|
flex: none;
|
|
221
|
+
flex-wrap: wrap;
|
|
219
222
|
align-items: center;
|
|
220
223
|
gap: 0.5rem;
|
|
224
|
+
max-width: 100%;
|
|
221
225
|
}
|
|
222
226
|
|
|
223
227
|
.k-settings-modal-account {
|
package/package.json
CHANGED